/* MY 888 GURU unified product interface */
:root{
  --m8-navy:#071b34;--m8-navy-2:#0b2949;--m8-blue:#0868f7;--m8-blue-2:#0356d8;
  --m8-teal:#0bbfc5;--m8-teal-soft:#dff9f7;--m8-canvas:#f3f7fb;--m8-surface:#fff;
  --m8-surface-2:#f8fbfe;--m8-line:#d7e2ed;--m8-line-strong:#becddd;
  --m8-text:#10283f;--m8-muted:#60768c;--m8-good:#138a5b;--m8-good-bg:#e8f7ef;
  --m8-warn:#a8640b;--m8-warn-bg:#fff5df;--m8-danger:#c23b45;--m8-danger-bg:#fff0f1;
  --m8-shadow:0 8px 24px rgba(15,43,70,.08);--m8-shadow-lg:0 18px 48px rgba(10,41,73,.13)
}
html{background:var(--m8-canvas)}
body{letter-spacing:0!important;color:var(--m8-text)!important;background:var(--m8-canvas)!important;font-family:"Segoe UI Variable Text","Segoe UI",Arial,sans-serif!important}
button,input,select,textarea{font:inherit;letter-spacing:0!important}
button,a,input,select,textarea{outline-color:var(--m8-blue)}

/* Shared controls */
.m8-login .card,.m8-dashboard .card,.m8-group .card,.m8-webphone .card,.m8-reseller .card,.m8-manual .card{background:#fff!important;border:1px solid var(--m8-line)!important;border-radius:8px!important;box-shadow:var(--m8-shadow)!important}
.m8-dashboard .btn,.m8-group .btn,.m8-webphone .btn,.m8-reseller .btn,.m8-login .btn{min-height:40px;border-radius:6px!important;font-weight:700!important;letter-spacing:0!important;box-shadow:none!important;transition:background-color .15s,border-color .15s,color .15s!important}
.m8-dashboard .btn-primary,.m8-group .btn-primary,.m8-reseller .btn-primary,.m8-webphone .btn.primary,.m8-login .btn{color:#fff!important;background:var(--m8-blue)!important;border:1px solid var(--m8-blue)!important}
.m8-dashboard .btn-primary:hover,.m8-group .btn-primary:hover,.m8-reseller .btn-primary:hover,.m8-webphone .btn.primary:hover,.m8-login .btn:hover{background:var(--m8-blue-2)!important;border-color:var(--m8-blue-2)!important}
.m8-dashboard .btn-secondary,.m8-group .btn-secondary,.m8-reseller .btn-secondary,.m8-webphone .btn.secondary{color:var(--m8-text)!important;background:#fff!important;border:1px solid var(--m8-line-strong)!important}
.m8-dashboard .btn-danger,.m8-group .btn-danger,.m8-reseller .btn-danger,.m8-webphone .btn.danger{color:var(--m8-danger)!important;background:var(--m8-danger-bg)!important;border:1px solid #efc2c6!important}
.m8-dashboard input,.m8-dashboard select,.m8-dashboard textarea,.m8-group input,.m8-group select,.m8-group textarea,.m8-webphone input,.m8-webphone select,.m8-webphone textarea,.m8-reseller input,.m8-reseller select,.m8-reseller textarea,.m8-login input{color:var(--m8-text)!important;background:#fff!important;border:1px solid var(--m8-line-strong)!important;border-radius:6px!important;box-shadow:none!important;-webkit-text-fill-color:var(--m8-text)!important}
.m8-dashboard input:focus,.m8-dashboard select:focus,.m8-dashboard textarea:focus,.m8-group input:focus,.m8-group select:focus,.m8-group textarea:focus,.m8-webphone input:focus,.m8-webphone select:focus,.m8-webphone textarea:focus,.m8-reseller input:focus,.m8-reseller select:focus,.m8-reseller textarea:focus,.m8-login input:focus{border-color:var(--m8-blue)!important;box-shadow:0 0 0 3px rgba(8,104,247,.12)!important}
.m8-dashboard table,.m8-group table,.m8-reseller table{color:var(--m8-text)!important;background:#fff!important}
.m8-dashboard th,.m8-group th,.m8-reseller th{color:#4f687f!important;background:#f1f6fa!important;border-color:var(--m8-line)!important;letter-spacing:0!important}
.m8-dashboard td,.m8-group td,.m8-reseller td{border-color:#e4ecf3!important}
.m8-dashboard tbody tr:hover td,.m8-group tbody tr:hover td,.m8-reseller tbody tr:hover td{background:#f7fbff!important}
.m8-dashboard .badge,.m8-group .badge,.m8-reseller .badge,.m8-webphone .pill{border-radius:999px!important;letter-spacing:0!important;box-shadow:none!important}
.m8-dashboard .badge-blue,.m8-group .badge-blue{color:#0757bd!important;background:#e8f2ff!important;border-color:#bed8fb!important}
.m8-dashboard .badge-green,.m8-group .badge-green,.m8-webphone .pill.good{color:var(--m8-good)!important;background:var(--m8-good-bg)!important;border-color:#bce4ce!important}
.m8-dashboard .badge-yellow,.m8-group .badge-yellow,.m8-webphone .pill.warn{color:var(--m8-warn)!important;background:var(--m8-warn-bg)!important;border-color:#efd7a8!important}
.m8-dashboard .badge-red,.m8-group .badge-red,.m8-webphone .pill.bad{color:var(--m8-danger)!important;background:var(--m8-danger-bg)!important;border-color:#efc2c6!important}

/* Login */
.m8-login{min-height:100vh;padding:32px!important;display:grid!important;place-items:center!important;background:linear-gradient(112deg,var(--m8-navy) 0 38%,var(--m8-canvas) 38% 100%)!important}
.m8-login::before{content:"BUSINESS VOICE CONTROL";position:fixed;left:6vw;top:50%;width:26vw;max-width:360px;transform:translateY(-50%);color:#fff;font-size:clamp(30px,3.1vw,52px);line-height:1.04;font-weight:800}
.m8-login::after{content:"Calls, teams and customer operations in one secure workspace.";position:fixed;left:6vw;top:calc(50% + 120px);width:26vw;max-width:360px;color:#a9bed2;font-size:15px;line-height:1.55}
.m8-login .card{width:min(100%,470px)!important;max-width:470px!important;margin-left:34vw;padding:34px!important;border-top:4px solid var(--m8-teal)!important;box-shadow:var(--m8-shadow-lg)!important}
.m8-login .logo{gap:8px!important;margin-bottom:24px!important}
.m8-login .logo-img{width:230px!important;height:74px!important;max-width:100%!important;padding:0!important;object-fit:contain!important;border:0!important;border-radius:0!important;background:transparent!important}
.m8-login .login-title{color:var(--m8-navy)!important;font-size:25px;letter-spacing:0!important}
.m8-login .sub{color:var(--m8-muted)!important}
.m8-login label{color:#49657e!important;letter-spacing:0!important;text-transform:none;font-size:12px!important}
.m8-login .softphone-links{border-color:var(--m8-line)!important}
.m8-login .softphone-link{border-radius:6px!important;background:var(--m8-surface-2)!important;border-color:var(--m8-line)!important;color:var(--m8-text)!important}
.m8-login .softphone-link:hover{background:#edf6ff!important;border-color:#a9cbee!important}
.m8-login .softphone-link-icon{background:var(--m8-navy)!important;border-radius:5px!important}
.m8-login .apk-update-note{color:#135f65!important;background:var(--m8-teal-soft)!important;border-color:#a7e8e5!important}
.m8-login .apk-update-note a,.m8-login .back-home:hover,.m8-login .legal-links a:hover{color:var(--m8-blue)!important}

/* Admin consoles */
.m8-dashboard,.m8-group{background:var(--m8-canvas)!important}
.m8-dashboard .sidebar,.m8-group .sidebar{width:244px!important;background:var(--m8-navy)!important;border-right:0!important;box-shadow:8px 0 26px rgba(7,27,52,.12)!important}
.m8-dashboard .sidebar-logo,.m8-group .logo{margin:0!important;min-height:94px;padding:18px 20px!important;justify-content:flex-start!important;background:#fff!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.m8-dashboard .sidebar-logo .logo-img,.m8-group .logo .logo-img{width:174px!important;height:58px!important;max-width:100%!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;object-fit:contain!important}
.m8-dashboard .nav,.m8-group .nav{padding:14px 12px 20px!important}
.m8-dashboard .nav-section,.m8-group .nav-section{color:#7189a2!important;padding:16px 11px 7px!important;letter-spacing:0!important}
.m8-dashboard .nav-item,.m8-group .nav-item{min-height:44px;padding:8px 10px!important;margin-bottom:3px!important;color:#c3d2df!important;border:0!important;border-radius:6px!important;background:transparent!important;transform:none!important;box-shadow:none!important}
.m8-dashboard .nav-item:hover,.m8-group .nav-item:hover{color:#fff!important;background:#102f50!important}
.m8-dashboard .nav-item.active,.m8-group .nav-item.active{color:#fff!important;background:var(--m8-blue)!important;border-left:3px solid var(--m8-teal)!important}
.m8-dashboard .nav-item .icon,.m8-group .nav-item .icon{width:28px!important;height:28px!important;border:0!important;border-radius:5px!important;color:#a8bed0!important;background:rgba(255,255,255,.07)!important;font-size:12px!important}
.m8-dashboard .nav-item.active .icon,.m8-group .nav-item.active .icon{color:#fff!important;background:rgba(255,255,255,.16)!important}
.m8-dashboard .sidebar-footer,.m8-group .sidebar-footer{margin:0 12px 14px!important;padding:12px!important;border:1px solid #1d4263!important;border-radius:6px!important;background:#0c2541!important}
.m8-dashboard .btn-logout,.m8-group .btn-logout{color:#fff!important;background:#173c5e!important;border:1px solid #285476!important;border-radius:6px!important;box-shadow:none!important}
.m8-dashboard .main,.m8-group .main{margin-left:244px!important;color:var(--m8-text)!important;background:var(--m8-canvas)!important}
.m8-dashboard .content-area,.m8-group .content-area{padding:28px 30px!important}
.m8-dashboard .page-title,.m8-group .page-title{color:var(--m8-navy)!important;font-size:28px!important;line-height:1.15;letter-spacing:0!important}
.m8-dashboard .page-sub,.m8-group .page-sub{color:var(--m8-muted)!important}
.m8-dashboard .topbar,.m8-group .topbar{padding-bottom:16px;border-bottom:1px solid var(--m8-line)}
.m8-dashboard .stat-card,.m8-group .stat-card{min-height:128px!important;padding:18px!important;border-radius:8px!important;border:1px solid var(--m8-line)!important;border-top:3px solid var(--m8-blue)!important;background:#fff!important;box-shadow:var(--m8-shadow)!important}
.m8-dashboard .stat-card:nth-child(2n),.m8-group .stat-card:nth-child(2n){border-top-color:var(--m8-teal)!important}
.m8-dashboard .stat-card .label,.m8-group .stat-card .label{color:var(--m8-muted)!important;letter-spacing:0!important}
.m8-dashboard .stat-card .value,.m8-group .stat-card .value{color:var(--m8-navy)!important;font-size:34px!important;letter-spacing:0!important}
.m8-dashboard .card-header,.m8-group .card-header{background:#fff!important;border-color:var(--m8-line)!important}
.m8-dashboard .card-header h3,.m8-group .card-header h3{color:var(--m8-navy)!important;letter-spacing:0!important}
.m8-dashboard .modal,.m8-group .modal{background:#fff!important;color:var(--m8-text)!important;border:1px solid var(--m8-line)!important;border-radius:8px!important;box-shadow:var(--m8-shadow-lg)!important}
.m8-dashboard code,.m8-group code{color:#0758bd!important;background:#edf5ff!important;border-color:#caddf4!important}

/* Browser phone */
.m8-webphone{background:var(--m8-canvas)!important}.m8-webphone::before{display:none!important}
.m8-webphone .login-shell{max-width:980px!important;padding:34px!important}
.m8-webphone .login-card{border:1px solid var(--m8-line)!important;border-radius:8px!important;box-shadow:var(--m8-shadow-lg)!important;background:#fff!important}
.m8-webphone .login-top{padding:26px 32px!important;background:var(--m8-navy)!important;color:#fff!important}
.m8-webphone .login-top .brand{background:#fff!important;border:0!important;border-radius:6px!important}
.m8-webphone .login-title{color:#fff!important;font-size:30px!important;letter-spacing:0!important}.m8-webphone .login-copy{color:#b9cbda!important}.m8-webphone .login-body{background:#fff!important}
.m8-webphone .app-shell{grid-template-columns:244px 1fr!important;background:var(--m8-canvas)!important}
.m8-webphone .sidebar{padding:18px!important;background:var(--m8-navy)!important;border-right:0!important}
.m8-webphone .sidebar .brand{min-height:82px!important;padding:8px 12px!important;background:#fff!important;border:0!important;border-radius:6px!important}.m8-webphone .sidebar .brand img{height:62px!important}
.m8-webphone .panel,.m8-webphone .ringtone-panel,.m8-webphone .sidebar-note{color:#d7e3ed!important;background:#0d2a47!important;border:1px solid #1d4669!important;border-radius:6px!important;box-shadow:none!important}
.m8-webphone .panel-title{color:#83a4bf!important;letter-spacing:0!important}.m8-webphone .user-ext{color:#fff!important;letter-spacing:0!important}.m8-webphone .user-order,.m8-webphone .sidebar-note{color:#bad0e1!important}
.m8-webphone .main{padding:24px 26px!important;background:var(--m8-canvas)!important}.m8-webphone .headline{color:var(--m8-navy)!important;font-size:28px!important;letter-spacing:0!important}.m8-webphone .subtitle{color:var(--m8-muted)!important}
.m8-webphone .summary-chip,.m8-webphone .mini,.m8-webphone .dial-shell,.m8-webphone .cdr-item{color:var(--m8-text)!important;background:#fff!important;border:1px solid var(--m8-line)!important;border-radius:6px!important;box-shadow:none!important}
.m8-webphone .card-head{background:#f8fbfe!important;border-color:var(--m8-line)!important}.m8-webphone .card-head h3,.m8-webphone .summary-value,.m8-webphone .key-main,.m8-webphone .dial-input{color:var(--m8-navy)!important;letter-spacing:0!important}
.m8-webphone .key{color:var(--m8-navy)!important;background:#fff!important;border:1px solid var(--m8-line)!important;border-radius:6px!important}.m8-webphone .key:hover{color:#fff!important;background:var(--m8-blue)!important;border-color:var(--m8-blue)!important}.m8-webphone .key:hover .key-main,.m8-webphone .key:hover .key-sub{color:#fff!important}
.m8-webphone .btn.success{background:var(--m8-good)!important}.m8-webphone .btn.warn{background:var(--m8-warn)!important}

/* Reseller */
.m8-reseller .side{width:244px!important;padding:0 14px 18px!important;color:#fff!important;background:var(--m8-navy)!important;border:0!important;box-shadow:8px 0 26px rgba(7,27,52,.12)!important}
.m8-reseller .logo{margin:0 -14px 20px!important;padding:18px 20px!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important}.m8-reseller .logo img{width:174px!important;height:58px!important}
.m8-reseller .nav-title{color:#7189a2!important;letter-spacing:0!important}.m8-reseller .nav{color:#fff!important;background:var(--m8-blue)!important;border:0!important;border-radius:6px!important}.m8-reseller .side .muted{color:#b3c7d7!important}
.m8-reseller .main{margin-left:244px!important;padding:28px 30px!important;background:var(--m8-canvas)!important}.m8-reseller .top{padding-bottom:16px;border-bottom:1px solid var(--m8-line)}.m8-reseller .title{color:var(--m8-navy);font-size:28px!important}.m8-reseller .sub,.m8-reseller .muted{color:var(--m8-muted)!important}
.m8-reseller .grid .card{border-top:3px solid var(--m8-blue)!important}.m8-reseller .grid .card:nth-child(2n){border-top-color:var(--m8-teal)!important}.m8-reseller .table{border:1px solid var(--m8-line)!important;border-radius:8px!important;box-shadow:var(--m8-shadow)}
.m8-reseller .copybox{color:var(--m8-text)!important;background:#edf5ff!important;border-color:#caddf4!important;border-radius:6px!important}.m8-reseller .toast{border-radius:8px!important;border-color:var(--m8-line)!important;box-shadow:var(--m8-shadow-lg)!important}

/* Public site and manual */
.m8-public{--brand:var(--m8-blue);--brand-strong:var(--m8-blue-2);--brand-deep:#064da8;--accent:var(--m8-teal);--line:var(--m8-line);--line-strong:var(--m8-line-strong);--text:var(--m8-text);--soft:#49647c;--muted:var(--m8-muted);background:#fff!important}
.m8-public .nav{border-bottom-color:var(--m8-line)!important;background:rgba(255,255,255,.96)!important}.m8-public .brand-logo{height:62px!important;width:205px!important;object-fit:contain}.m8-public .btn{border-radius:6px!important;letter-spacing:0!important}.m8-public .btn-primary{color:#fff!important;background:var(--m8-blue)!important;border-color:var(--m8-blue)!important}
.m8-public .hero{background:linear-gradient(112deg,var(--m8-navy) 0 56%,#0b3155 56% 100%)!important}.m8-public .hero h1{color:#fff!important}.m8-public .hero-copy>p{color:#bcd0df!important}.m8-public .eyebrow,.m8-public .kicker{color:var(--m8-teal)!important}
.m8-public h1,.m8-public h2,.m8-public h3{letter-spacing:0!important}
.m8-public .brand-copy{display:none!important}
.m8-public .hero-copy{padding:20px 18px 20px 0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.m8-public .hero h1 span{color:#48ddd8!important}
.m8-public .hero .eyebrow{color:#62e3df!important;background:rgba(11,191,197,.11)!important;border-color:rgba(98,227,223,.32)!important;letter-spacing:0!important}
.m8-public .hero .btn-secondary{color:#fff!important;background:transparent!important;border-color:#4f6d88!important}
.m8-public .hero .btn-secondary:hover{background:#123657!important;border-color:#6a88a2!important}
.m8-public .hero-note{color:#bdd0df!important;background:#0c2a48!important;border-color:#214867!important;border-radius:6px!important}
.m8-public .hero-note strong{color:#fff!important}
.m8-public .hero-panel{padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.m8-public .hero-panel::before,.m8-public .hero-panel::after{display:none!important}
.m8-public .snapshot,.m8-public .snapshot-card,.m8-public .feature,.m8-public .access-card{border-radius:8px!important}.m8-public .feature,.m8-public .access-card,.m8-public .snapshot-card{border-color:var(--m8-line)!important;box-shadow:var(--m8-shadow)!important}.m8-public .feature-icon{color:#fff!important;background:var(--m8-blue)!important;border-radius:6px!important}
.m8-manual{--cyan:var(--m8-blue);--purple:var(--m8-teal);--green:var(--m8-good);--line:var(--m8-line);--text:var(--m8-text);--muted:var(--m8-muted);background:var(--m8-canvas)!important}.m8-manual .hero{color:#fff!important;background:var(--m8-navy)!important;border:0!important;border-radius:8px!important}.m8-manual .hero p{color:#bbcedd!important}.m8-manual .btn.primary{background:var(--m8-blue)!important}.m8-manual .toc a:hover{color:var(--m8-blue)!important;background:#eaf3ff!important}

@media(max-width:860px){
  .m8-login{padding:16px!important;background:var(--m8-canvas)!important}.m8-login::before,.m8-login::after{display:none}.m8-login .card{margin-left:0;padding:24px!important}
  .m8-dashboard .mobile-appbar,.m8-group .mobile-appbar{background:var(--m8-navy)!important;border-color:#1d4263!important}.m8-dashboard .mobile-appbar__eyebrow,.m8-group .mobile-appbar__eyebrow{color:var(--m8-teal)!important}
  .m8-dashboard .sidebar,.m8-group .sidebar{background:var(--m8-navy)!important}.m8-dashboard .main,.m8-group .main{margin-left:0!important}.m8-dashboard .content-area,.m8-group .content-area{padding:88px 14px 88px!important}
  .m8-dashboard .mobile-tabbar,.m8-group .mobile-tabbar{background:#fff!important;border-color:var(--m8-line)!important}.m8-dashboard .mobile-tab.active,.m8-group .mobile-tab.active{color:var(--m8-blue)!important}
  .m8-webphone .app-shell{grid-template-columns:1fr!important}.m8-webphone .sidebar{height:auto!important}.m8-reseller .main{margin-left:0!important;padding:20px 14px!important}
}
@media(max-width:560px){.m8-login .softphone-link-grid{grid-template-columns:1fr}.m8-dashboard .page-title,.m8-group .page-title,.m8-reseller .title{font-size:24px!important}.m8-webphone .main{padding:16px!important}.m8-public .brand-logo{width:168px!important;height:52px!important}}