/* MY 888 GURU multicolor operational theme */
:root{--mc-blue:#0868f7;--mc-blue-bg:#eaf2ff;--mc-cyan:#008c99;--mc-cyan-bg:#e5f8fa;--mc-green:#16845b;--mc-green-bg:#e8f7ef;--mc-amber:#b96a08;--mc-amber-bg:#fff4dc;--mc-coral:#d4513d;--mc-coral-bg:#fff0ed;--mc-plum:#7651a8;--mc-plum-bg:#f5effc}

/* Shared surfaces and controls */
.m8-dashboard,.m8-group,.m8-reseller,.m8-webphone,.m8-login,.m8-manual,.m8-public{accent-color:var(--mc-green)}
.m8-dashboard .card,.m8-group .card,.m8-reseller .card,.m8-webphone .card,.m8-manual .card{border-radius:8px!important}
.m8-dashboard .mobile-appbar__title,.m8-dashboard .mobile-appbar__page{color:#fff!important}.m8-dashboard .mobile-appbar__eyebrow{color:#64e0e5!important}
.m8-dashboard .card-header,.m8-group .card-header,.m8-webphone .card-head{border-left:4px solid var(--mc-cyan)!important}
.m8-dashboard .card:nth-of-type(3n+2) .card-header,.m8-group .card:nth-of-type(3n+2) .card-header,.m8-webphone .card:nth-of-type(3n+2) .card-head{border-left-color:var(--mc-green)!important}
.m8-dashboard .card:nth-of-type(3n) .card-header,.m8-group .card:nth-of-type(3n) .card-header,.m8-webphone .card:nth-of-type(3n) .card-head{border-left-color:var(--mc-plum)!important}
.m8-dashboard input:focus,.m8-dashboard select:focus,.m8-group input:focus,.m8-group select:focus,.m8-reseller input:focus,.m8-webphone input:focus,.m8-webphone select:focus,.m8-login input:focus{border-color:var(--mc-cyan)!important;box-shadow:0 0 0 3px rgba(0,140,153,.14)!important;outline:0}
.m8-dashboard .btn-success,.m8-group .btn-success,.m8-webphone .success{background:var(--mc-green)!important;border-color:var(--mc-green)!important;color:#fff!important}
.m8-dashboard .btn-danger,.m8-group .btn-danger,.m8-reseller .btn-danger,.m8-webphone .danger{background:var(--mc-coral-bg)!important;border-color:#efb8ae!important;color:#a93626!important}
.m8-dashboard .modal,.m8-group .modal{border-top:4px solid var(--mc-plum)!important}.m8-dashboard .modal-actions,.m8-group .modal-footer{border-top:1px solid #e1d6ef!important}
.m8-dashboard .did-number,.m8-group .business-number-stat{color:var(--mc-plum)!important;background:var(--mc-plum-bg)!important;border-color:#d9caeb!important}
.m8-dashboard .surface-alert--good{background:var(--mc-green-bg)!important;border-color:#bee4d1!important;border-left:5px solid var(--mc-green)!important}.m8-dashboard .surface-alert--good strong{color:#106d4a!important}.m8-dashboard .surface-alert--info{background:var(--mc-cyan-bg)!important;border-color:#bce6ea!important;border-left:5px solid var(--mc-cyan)!important}.m8-dashboard .surface-alert--info strong{color:#076f78!important}.m8-dashboard .surface-alert--danger{background:var(--mc-coral-bg)!important;border-color:#f2c4bc!important;border-left:5px solid var(--mc-coral)!important}.m8-dashboard .surface-alert--danger strong{color:#a93626!important}

/* Navigation */
.m8-dashboard .nav-item:nth-child(6n+1) .icon,.m8-group .nav-item:nth-child(6n+1) .icon{color:#8dbbff!important;background:rgba(8,104,247,.16)!important}
.m8-dashboard .nav-item:nth-child(6n+2) .icon,.m8-group .nav-item:nth-child(6n+2) .icon{color:#75dde3!important;background:rgba(0,140,153,.19)!important}
.m8-dashboard .nav-item:nth-child(6n+3) .icon,.m8-group .nav-item:nth-child(6n+3) .icon{color:#7ad8ad!important;background:rgba(22,132,91,.19)!important}
.m8-dashboard .nav-item:nth-child(6n+4) .icon,.m8-group .nav-item:nth-child(6n+4) .icon{color:#f3c66f!important;background:rgba(185,106,8,.20)!important}
.m8-dashboard .nav-item:nth-child(6n+5) .icon,.m8-group .nav-item:nth-child(6n+5) .icon{color:#ff9a88!important;background:rgba(212,81,61,.20)!important}
.m8-dashboard .nav-item:nth-child(6n) .icon,.m8-group .nav-item:nth-child(6n) .icon{color:#c7a8ef!important;background:rgba(118,81,168,.22)!important}
.m8-dashboard .nav-item.active .icon,.m8-group .nav-item.active .icon{color:#fff!important;background:rgba(255,255,255,.18)!important}

/* Metric cards */
.m8-dashboard .stat-card:nth-child(6n+1),.m8-group .stat:nth-child(6n+1),.m8-group .stat-card:nth-child(6n+1){border-top-color:var(--mc-blue)!important}
.m8-dashboard .stat-card:nth-child(6n+2),.m8-group .stat:nth-child(6n+2),.m8-group .stat-card:nth-child(6n+2){border-top-color:var(--mc-cyan)!important}
.m8-dashboard .stat-card:nth-child(6n+3),.m8-group .stat:nth-child(6n+3),.m8-group .stat-card:nth-child(6n+3){border-top-color:var(--mc-green)!important}
.m8-dashboard .stat-card:nth-child(6n+4),.m8-group .stat:nth-child(6n+4),.m8-group .stat-card:nth-child(6n+4){border-top-color:var(--mc-amber)!important}
.m8-dashboard .stat-card:nth-child(6n+5),.m8-group .stat:nth-child(6n+5),.m8-group .stat-card:nth-child(6n+5){border-top-color:var(--mc-coral)!important}
.m8-dashboard .stat-card:nth-child(6n),.m8-group .stat:nth-child(6n),.m8-group .stat-card:nth-child(6n){border-top-color:var(--mc-plum)!important}
.m8-dashboard .stat-card .icon,.m8-group .stat-icon{display:grid!important;place-items:center;color:var(--mc-blue)!important;background:var(--mc-blue-bg)!important;border:1px solid #cfe0fa!important}
.m8-dashboard .stat-card:nth-child(6n+2) .icon,.m8-group .stat:nth-child(6n+2) .stat-icon{color:var(--mc-cyan)!important;background:var(--mc-cyan-bg)!important;border-color:#bce6ea!important}
.m8-dashboard .stat-card:nth-child(6n+3) .icon,.m8-group .stat:nth-child(6n+3) .stat-icon{color:var(--mc-green)!important;background:var(--mc-green-bg)!important;border-color:#bee4d1!important}
.m8-dashboard .stat-card:nth-child(6n+4) .icon,.m8-group .stat:nth-child(6n+4) .stat-icon{color:var(--mc-amber)!important;background:var(--mc-amber-bg)!important;border-color:#efd49d!important}
.m8-dashboard .stat-card:nth-child(6n+5) .icon,.m8-group .stat:nth-child(6n+5) .stat-icon{color:var(--mc-coral)!important;background:var(--mc-coral-bg)!important;border-color:#f2c4bc!important}
.m8-dashboard .stat-card:nth-child(6n) .icon,.m8-group .stat:nth-child(6n) .stat-icon{color:var(--mc-plum)!important;background:var(--mc-plum-bg)!important;border-color:#d9caeb!important}

/* Tables and notices */
.m8-dashboard th:nth-child(6n+1),.m8-group th:nth-child(6n+1),.m8-reseller th:nth-child(6n+1){border-top:2px solid var(--mc-blue)!important}.m8-dashboard th:nth-child(6n+2),.m8-group th:nth-child(6n+2),.m8-reseller th:nth-child(6n+2){border-top:2px solid var(--mc-cyan)!important}.m8-dashboard th:nth-child(6n+3),.m8-group th:nth-child(6n+3),.m8-reseller th:nth-child(6n+3){border-top:2px solid var(--mc-green)!important}.m8-dashboard th:nth-child(6n+4),.m8-group th:nth-child(6n+4),.m8-reseller th:nth-child(6n+4){border-top:2px solid var(--mc-amber)!important}.m8-dashboard th:nth-child(6n+5),.m8-group th:nth-child(6n+5),.m8-reseller th:nth-child(6n+5){border-top:2px solid var(--mc-coral)!important}.m8-dashboard th:nth-child(6n),.m8-group th:nth-child(6n),.m8-reseller th:nth-child(6n){border-top:2px solid var(--mc-plum)!important}
.m8-dashboard .msg-ok,.m8-group .msg-ok{border-left:4px solid var(--mc-green)!important}.m8-dashboard .msg-err,.m8-group .msg-err{border-left:4px solid var(--mc-coral)!important}
.m8-dashboard .badge-blue,.m8-group .badge-blue{background:var(--mc-blue-bg)!important;color:#0758c8!important}.m8-dashboard .badge-green,.m8-group .badge-green{background:var(--mc-green-bg)!important;color:#106d4a!important}.m8-dashboard .badge-yellow,.m8-group .badge-yellow{background:var(--mc-amber-bg)!important;color:#925304!important}.m8-dashboard .badge-red,.m8-group .badge-red{background:var(--mc-coral-bg)!important;color:#a93626!important}

/* Webphone */
.m8-webphone .summary-chip:nth-child(6n+1),.m8-webphone .mini:nth-child(6n+1){border-top:3px solid var(--mc-blue)!important}.m8-webphone .summary-chip:nth-child(6n+2),.m8-webphone .mini:nth-child(6n+2){border-top:3px solid var(--mc-cyan)!important}.m8-webphone .summary-chip:nth-child(6n+3),.m8-webphone .mini:nth-child(6n+3){border-top:3px solid var(--mc-green)!important}.m8-webphone .summary-chip:nth-child(6n+4),.m8-webphone .mini:nth-child(6n+4){border-top:3px solid var(--mc-amber)!important}.m8-webphone .summary-chip:nth-child(6n+5),.m8-webphone .mini:nth-child(6n+5){border-top:3px solid var(--mc-coral)!important}.m8-webphone .summary-chip:nth-child(6n),.m8-webphone .mini:nth-child(6n){border-top:3px solid var(--mc-plum)!important}
.m8-webphone .dial-shell{border-top:4px solid var(--mc-cyan)!important}.m8-webphone .key:nth-child(3n+1){border-color:#caddf4!important;background:#f7faff!important}.m8-webphone .key:nth-child(3n+2){border-color:#bce6ea!important;background:#f3fcfc!important}.m8-webphone .key:nth-child(3n){border-color:#d9caeb!important;background:#fbf8fe!important}
.m8-webphone .sidebar-bottom{border-top:3px solid var(--mc-amber)!important}.m8-webphone .incoming-banner{border-left:5px solid var(--mc-green)!important}.m8-webphone .active-call-panel{border-top:4px solid var(--mc-plum)!important}.m8-webphone .cdr-item:nth-child(4n+1){border-left:4px solid var(--mc-blue)!important}.m8-webphone .cdr-item:nth-child(4n+2){border-left:4px solid var(--mc-green)!important}.m8-webphone .cdr-item:nth-child(4n+3){border-left:4px solid var(--mc-amber)!important}.m8-webphone .cdr-item:nth-child(4n){border-left:4px solid var(--mc-coral)!important}

/* Reseller, login, public and manual */
.m8-reseller .grid .card:nth-child(1){border-top:3px solid var(--mc-blue)!important}.m8-reseller .grid .card:nth-child(2){border-top:3px solid var(--mc-cyan)!important}.m8-reseller .grid .card:nth-child(3){border-top:3px solid var(--mc-green)!important}.m8-reseller .grid .card:nth-child(4){border-top:3px solid var(--mc-plum)!important}
.m8-reseller .side{border-top:5px solid var(--mc-cyan)!important}.m8-reseller .main{min-width:0}.m8-reseller .table{display:block;max-width:100%;overflow-x:auto}.m8-reseller .panel{border-left:4px solid var(--mc-plum)!important}.m8-reseller .toast{border-left:4px solid var(--mc-amber)!important}
.m8-login .card{border-top-color:var(--mc-cyan)!important;border-bottom:4px solid var(--mc-plum)!important}
.m8-login .softphone-link:nth-child(1){border-left:4px solid var(--mc-green)!important}.m8-login .softphone-link:nth-child(2){border-left:4px solid var(--mc-blue)!important}.m8-login .legal-links{border-top:2px solid var(--mc-amber)!important}
.m8-public .feature:nth-child(6n+1){border-top:3px solid var(--mc-blue)!important}.m8-public .feature:nth-child(6n+2){border-top:3px solid var(--mc-cyan)!important}.m8-public .feature:nth-child(6n+3){border-top:3px solid var(--mc-green)!important}.m8-public .feature:nth-child(6n+4){border-top:3px solid var(--mc-amber)!important}.m8-public .feature:nth-child(6n+5){border-top:3px solid var(--mc-coral)!important}.m8-public .feature:nth-child(6n){border-top:3px solid var(--mc-plum)!important}
.m8-public .feature:nth-child(6n+2) .feature-icon{background:var(--mc-cyan)!important}.m8-public .feature:nth-child(6n+3) .feature-icon{background:var(--mc-green)!important}.m8-public .feature:nth-child(6n+4) .feature-icon{background:var(--mc-amber)!important}.m8-public .feature:nth-child(6n+5) .feature-icon{background:var(--mc-coral)!important}.m8-public .feature:nth-child(6n) .feature-icon{background:var(--mc-plum)!important}
.m8-public .snapshot-card{border-top:4px solid var(--mc-green)!important}.m8-public .experience-card{border-top:4px solid var(--mc-plum)!important}.m8-public .security-box{border-left:5px solid var(--mc-amber)!important}.m8-public .step:nth-child(3n+1) .step-num{background:var(--mc-blue)!important}.m8-public .step:nth-child(3n+2) .step-num{background:var(--mc-green)!important}.m8-public .step:nth-child(3n) .step-num{background:var(--mc-plum)!important}
.m8-manual section:nth-of-type(6n+1){border-left:4px solid var(--mc-blue)!important}.m8-manual section:nth-of-type(6n+2){border-left:4px solid var(--mc-cyan)!important}.m8-manual section:nth-of-type(6n+3){border-left:4px solid var(--mc-green)!important}.m8-manual section:nth-of-type(6n+4){border-left:4px solid var(--mc-amber)!important}.m8-manual section:nth-of-type(6n+5){border-left:4px solid var(--mc-coral)!important}.m8-manual section:nth-of-type(6n){border-left:4px solid var(--mc-plum)!important}
.m8-manual .note{border-left-color:var(--mc-cyan)!important}.m8-manual .ok{border-left-color:var(--mc-green)!important}.m8-manual .warn{border-left-color:var(--mc-amber)!important}.m8-manual .code{border-top:3px solid var(--mc-plum)!important}

@media(max-width:560px){.m8-dashboard .stat-card,.m8-group .stat,.m8-group .stat-card{min-width:0}.m8-dashboard .stat-card .value,.m8-group .stat-value{overflow-wrap:anywhere}}

/* Full interface overhaul */
.m8-dashboard,.m8-group,.m8-reseller,.m8-webphone,.m8-login,.m8-manual{background:#f3f6fb!important;color:#10233d!important}
.m8-dashboard .sidebar,.m8-group .sidebar{background:#fff!important;border-right:1px solid #dbe4ef!important;box-shadow:8px 0 26px rgba(16,35,61,.07)!important}
.m8-dashboard .sidebar-logo,.m8-group .logo{background:#fff!important;border-bottom:1px solid #e3e9f1!important}
.m8-dashboard .nav-section,.m8-group .nav-section{color:#77869a!important}
.m8-dashboard .nav-item,.m8-group .nav-item{color:#30445e!important;border-left:4px solid transparent!important;border-radius:6px!important;margin:3px 10px!important;width:calc(100% - 20px)!important}
.m8-dashboard .nav-item:hover,.m8-group .nav-item:hover{background:#f2f6fb!important;color:#10233d!important}
.m8-dashboard .nav-item.active,.m8-group .nav-item.active{background:#eaf2ff!important;color:#0758c8!important;border-left-color:var(--mc-blue)!important;box-shadow:none!important}
.m8-dashboard .sidebar-footer,.m8-group .sidebar-footer{background:#f7f9fc!important;border-top:1px solid #dbe4ef!important}
.m8-dashboard .btn-logout,.m8-group .btn-logout{background:#fff!important;color:#a93626!important;border:1px solid #efb8ae!important}
.m8-dashboard .main,.m8-group .main{background:#f3f6fb!important}
.m8-dashboard .content-area,.m8-group .main{color:#10233d!important}
.m8-dashboard .page-title,.m8-group .page-title{color:#10233d!important}.m8-dashboard .page-sub,.m8-group .page-sub{color:#64748b!important}

/* Color-filled operational metrics */
.m8-dashboard .stat-card,.m8-group .stat,.m8-group .stat-card{box-shadow:0 8px 22px rgba(16,35,61,.07)!important;border-width:1px!important;border-top-width:5px!important}
.m8-dashboard .stat-card:nth-child(6n+1),.m8-group .stat:nth-child(6n+1),.m8-group .stat-card:nth-child(6n+1){background:var(--mc-blue-bg)!important;border-color:#bcd4fb!important;border-top-color:var(--mc-blue)!important}
.m8-dashboard .stat-card:nth-child(6n+2),.m8-group .stat:nth-child(6n+2),.m8-group .stat-card:nth-child(6n+2){background:var(--mc-cyan-bg)!important;border-color:#b5e4e8!important;border-top-color:var(--mc-cyan)!important}
.m8-dashboard .stat-card:nth-child(6n+3),.m8-group .stat:nth-child(6n+3),.m8-group .stat-card:nth-child(6n+3){background:var(--mc-green-bg)!important;border-color:#b8dfca!important;border-top-color:var(--mc-green)!important}
.m8-dashboard .stat-card:nth-child(6n+4),.m8-group .stat:nth-child(6n+4),.m8-group .stat-card:nth-child(6n+4){background:var(--mc-amber-bg)!important;border-color:#ead098!important;border-top-color:var(--mc-amber)!important}
.m8-dashboard .stat-card:nth-child(6n+5),.m8-group .stat:nth-child(6n+5),.m8-group .stat-card:nth-child(6n+5){background:var(--mc-coral-bg)!important;border-color:#efbdb5!important;border-top-color:var(--mc-coral)!important}
.m8-dashboard .stat-card:nth-child(6n),.m8-group .stat:nth-child(6n),.m8-group .stat-card:nth-child(6n){background:var(--mc-plum-bg)!important;border-color:#d6c4e9!important;border-top-color:var(--mc-plum)!important}
.m8-dashboard .stat-card .label,.m8-group .stat-label{color:#52667e!important}.m8-dashboard .stat-card .value,.m8-group .stat-value{color:#10233d!important}

/* Panels, tables, forms and dialogs */
.m8-dashboard .card,.m8-group .card,.m8-webphone .card,.m8-reseller .panel{background:#fff!important;border:1px solid #d9e3ee!important;box-shadow:0 8px 22px rgba(16,35,61,.06)!important}
.m8-dashboard .card-header,.m8-group .card-header,.m8-webphone .card-head{background:#f8fafc!important;color:#10233d!important;padding-left:18px!important}
.m8-dashboard .card:nth-of-type(3n+1) .card-header,.m8-group .card:nth-of-type(3n+1) .card-header,.m8-webphone .card:nth-of-type(3n+1) .card-head{background:var(--mc-cyan-bg)!important}
.m8-dashboard .card:nth-of-type(3n+2) .card-header,.m8-group .card:nth-of-type(3n+2) .card-header,.m8-webphone .card:nth-of-type(3n+2) .card-head{background:var(--mc-green-bg)!important}
.m8-dashboard .card:nth-of-type(3n) .card-header,.m8-group .card:nth-of-type(3n) .card-header,.m8-webphone .card:nth-of-type(3n) .card-head{background:var(--mc-plum-bg)!important}
.m8-dashboard table,.m8-group table,.m8-reseller .table{background:#fff!important;border-color:#d9e3ee!important}
.m8-dashboard thead,.m8-group thead,.m8-reseller thead{background:#16324f!important}
.m8-dashboard th,.m8-group th,.m8-reseller th{background:#16324f!important;color:#fff!important}
.m8-dashboard tbody tr:nth-child(even),.m8-group tbody tr:nth-child(even),.m8-reseller tbody tr:nth-child(even){background:#f7f9fc!important}
.m8-dashboard tbody tr:hover,.m8-group tbody tr:hover,.m8-reseller tbody tr:hover{background:#eef8f8!important}
.m8-dashboard input,.m8-dashboard select,.m8-dashboard textarea,.m8-group input,.m8-group select,.m8-group textarea,.m8-reseller input,.m8-reseller select,.m8-webphone input,.m8-webphone select,.m8-login input{background:#fff!important;border:1px solid #c8d5e4!important;color:#10233d!important;border-radius:6px!important}
.m8-dashboard .btn,.m8-group .btn,.m8-reseller .btn,.m8-webphone .btn,.m8-login .btn{border-radius:6px!important}
.m8-dashboard .btn-primary,.m8-group .btn-primary,.m8-reseller .btn-primary,.m8-webphone .primary,.m8-login .btn{background:#0868f7!important;border-color:#0868f7!important;color:#fff!important;box-shadow:0 5px 12px rgba(8,104,247,.18)!important}
.m8-dashboard .btn-secondary,.m8-group .btn-secondary,.m8-reseller .btn-secondary,.m8-webphone .secondary{background:#fff!important;border-color:#bfd0e3!important;color:#173754!important}
.m8-dashboard .modal-overlay,.m8-group .modal-bg{background:rgba(16,35,61,.62)!important;backdrop-filter:blur(3px)}

/* Group admin receives a different, customer-facing shell */
.m8-group .user-pill{background:var(--mc-plum-bg)!important;border-color:#d6c4e9!important;color:#5d3a8b!important}
.m8-group .live-clock{background:var(--mc-blue-bg)!important;border-color:#bcd4fb!important;color:#0758c8!important}
.m8-group .plan-bar-wrap{background:#e6ebf2!important}.m8-group .plan-bar{background:var(--mc-green)!important}
.m8-group .cdr-row:nth-child(4n+1){border-left:4px solid var(--mc-blue)!important}.m8-group .cdr-row:nth-child(4n+2){border-left:4px solid var(--mc-green)!important}.m8-group .cdr-row:nth-child(4n+3){border-left:4px solid var(--mc-amber)!important}.m8-group .cdr-row:nth-child(4n){border-left:4px solid var(--mc-coral)!important}

/* Webphone application */
.m8-webphone .app-shell{background:#f3f6fb!important}
.m8-webphone .sidebar{background:#102b49!important;border-right:0!important;box-shadow:8px 0 26px rgba(16,35,61,.16)!important}
.m8-webphone .sidebar .brand{background:#fff!important;border-radius:8px!important;border:0!important}
.m8-webphone .sidebar-note,.m8-webphone .ringtone-panel{background:#173a5d!important;border-color:#28567e!important;color:#d9e9f7!important;border-radius:8px!important}
.m8-webphone .sidebar-note{border-left:4px solid var(--mc-cyan)!important}.m8-webphone .ringtone-panel{border-left:4px solid var(--mc-plum)!important}
.m8-webphone .topbar{background:#fff!important;border-bottom:1px solid #d9e3ee!important}
.m8-webphone .dialer-card{background:#fff!important;border:1px solid #d9e3ee!important;border-top:5px solid var(--mc-cyan)!important;border-radius:8px!important;box-shadow:0 10px 26px rgba(16,35,61,.08)!important}
.m8-webphone .dial-shell{background:var(--mc-cyan-bg)!important;border:1px solid #b5e4e8!important;border-top:5px solid var(--mc-cyan)!important;border-radius:8px!important}
.m8-webphone .key{border-radius:8px!important;box-shadow:none!important}.m8-webphone .key:active{background:var(--mc-amber-bg)!important;border-color:var(--mc-amber)!important}
.m8-webphone .cdr-card{background:#fff!important;border-radius:8px!important}.m8-webphone .cdr-summary{background:var(--mc-blue-bg)!important}.m8-webphone .cdr-footer{background:#f7f9fc!important}

/* Reseller application */
.m8-reseller .side{background:#fff!important;border-right:1px solid #d9e3ee!important;box-shadow:8px 0 26px rgba(16,35,61,.07)!important}
.m8-reseller .nav{background:var(--mc-cyan-bg)!important;color:#076f78!important;border-left:4px solid var(--mc-cyan)!important;border-radius:6px!important}
.m8-reseller .main{background:#f3f6fb!important}
.m8-reseller .grid .card{border-radius:8px!important;box-shadow:0 8px 22px rgba(16,35,61,.07)!important}
.m8-reseller .grid .card:nth-child(1){background:var(--mc-blue-bg)!important}.m8-reseller .grid .card:nth-child(2){background:var(--mc-cyan-bg)!important}.m8-reseller .grid .card:nth-child(3){background:var(--mc-green-bg)!important}.m8-reseller .grid .card:nth-child(4){background:var(--mc-plum-bg)!important}

/* Login and user manual */
.m8-login{background:#eef3f8!important}.m8-login .card{background:#fff!important;border-left:5px solid var(--mc-cyan)!important;border-right:5px solid var(--mc-plum)!important;border-radius:8px!important;box-shadow:0 18px 44px rgba(16,35,61,.14)!important}
.m8-login .softphone-link{background:#f8fafc!important;border-radius:6px!important}.m8-login .apk-update-note{background:var(--mc-cyan-bg)!important;border-color:#9edbe0!important;color:#0a626a!important;border-radius:6px!important}
.m8-manual .hero{background:#102b49!important;border-bottom:5px solid var(--mc-cyan)!important;border-radius:8px!important}.m8-manual .hero,.m8-manual .hero h1,.m8-manual .hero p{color:#fff!important}
.m8-manual .toc{background:var(--mc-blue-bg)!important;border-top:4px solid var(--mc-blue)!important}.m8-manual .card{background:#fff!important;box-shadow:0 7px 18px rgba(16,35,61,.06)!important}

/* Public experience */
.m8-public{background:#f4f7fb!important;color:#10233d!important}.m8-public .nav{background:#fff!important;border-bottom:1px solid #d9e3ee!important;box-shadow:0 4px 16px rgba(16,35,61,.06)!important}
.m8-public .hero{background:#102b49!important;border-bottom:6px solid var(--mc-cyan)!important}.m8-public .hero h1,.m8-public .hero .lead{color:#fff!important}.m8-public .hero-note{background:#173a5d!important;border-left:4px solid var(--mc-amber)!important;border-radius:8px!important}
.m8-public .feature,.m8-public .experience-card,.m8-public .snapshot-card,.m8-public .security-box,.m8-public .cta-shell{border-radius:8px!important;box-shadow:0 8px 24px rgba(16,35,61,.07)!important}
.m8-public .feature:nth-child(6n+1){background:var(--mc-blue-bg)!important}.m8-public .feature:nth-child(6n+2){background:var(--mc-cyan-bg)!important}.m8-public .feature:nth-child(6n+3){background:var(--mc-green-bg)!important}.m8-public .feature:nth-child(6n+4){background:var(--mc-amber-bg)!important}.m8-public .feature:nth-child(6n+5){background:var(--mc-coral-bg)!important}.m8-public .feature:nth-child(6n){background:var(--mc-plum-bg)!important}
.m8-public .band{background:#eaf1f8!important}.m8-public .security-box{background:var(--mc-amber-bg)!important}.m8-public .cta-shell{background:#102b49!important;border-top:5px solid var(--mc-plum)!important}.m8-public .cta-shell h2,.m8-public .cta-shell p{color:#fff!important}

@media(max-width:860px){
  .m8-dashboard .mobile-appbar{background:#102b49!important;border-bottom:4px solid var(--mc-cyan)!important}
  .m8-dashboard .mobile-tabbar{background:#fff!important;border-top:3px solid var(--mc-plum)!important;box-shadow:0 -8px 24px rgba(16,35,61,.12)!important}
  .m8-dashboard .mobile-tabbar__item:nth-child(1){color:var(--mc-blue)!important}.m8-dashboard .mobile-tabbar__item:nth-child(2){color:var(--mc-cyan)!important}.m8-dashboard .mobile-tabbar__item:nth-child(3){color:var(--mc-green)!important}.m8-dashboard .mobile-tabbar__item:nth-child(4){color:var(--mc-amber)!important}.m8-dashboard .mobile-tabbar__item:nth-child(5){color:var(--mc-plum)!important}
  .m8-group .sidebar{background:#fff!important}
  .m8-webphone .sidebar{box-shadow:none!important}
}

/* Cell1-style visual direction: dark shell, bright signals, quiet workspace */
:root{--signal-cyan:#22d3ee;--signal-violet:#8b5cf6;--signal-pink:#ec4899;--signal-green:#2dd4a4;--signal-yellow:#f7c948;--signal-ink:#07101f;--signal-panel:#0d172a;--signal-line:#dfe5ee;--signal-canvas:#f6f7fb}
.m8-dashboard,.m8-group,.m8-reseller,.m8-webphone,.m8-login,.m8-manual,.m8-public{font-family:Inter,Aptos,"Segoe UI",Arial,sans-serif!important;letter-spacing:0!important}

/* Admin shells */
.m8-dashboard .sidebar,.m8-group .sidebar,.m8-reseller .side{background:var(--signal-ink)!important;border-right:1px solid rgba(255,255,255,.08)!important;box-shadow:none!important}
.m8-dashboard .sidebar-logo,.m8-group .logo,.m8-reseller .logo{background:var(--signal-ink)!important;border-color:rgba(255,255,255,.08)!important;box-shadow:none!important}
.m8-dashboard .sidebar-logo img,.m8-group .logo img,.m8-reseller .logo img{background:#fff!important;border-radius:6px!important;padding:7px!important}
.m8-dashboard .nav-section,.m8-group .nav-section,.m8-reseller .nav-title{color:#70829c!important}
.m8-dashboard .nav-item,.m8-group .nav-item{color:#c5d0df!important;border-left:0!important;border-radius:8px!important}
.m8-dashboard .nav-item:hover,.m8-group .nav-item:hover{background:#111f35!important;color:#fff!important}
.m8-dashboard .nav-item.active,.m8-group .nav-item.active{background:#172740!important;color:#fff!important;border-left:0!important;box-shadow:inset 3px 0 0 var(--signal-cyan)!important}
.m8-dashboard .nav-item.active .icon,.m8-group .nav-item.active .icon{background:var(--signal-cyan)!important;color:#07101f!important}
.m8-dashboard .sidebar-footer,.m8-group .sidebar-footer{background:var(--signal-ink)!important;border-color:rgba(255,255,255,.08)!important}
.m8-dashboard .btn-logout,.m8-group .btn-logout,.m8-reseller .btn-danger.logout{background:#111f35!important;color:#fff!important;border-color:#2b3b54!important}
.m8-reseller .nav{background:#172740!important;color:#fff!important;border:0!important;box-shadow:inset 3px 0 0 var(--signal-cyan)!important}

.m8-dashboard .main,.m8-dashboard .content-area,.m8-group .main,.m8-reseller .main{background:var(--signal-canvas)!important}
.m8-dashboard .topbar,.m8-group .topbar,.m8-reseller .top{border-bottom-color:var(--signal-line)!important}
.m8-dashboard .page-title,.m8-group .page-title,.m8-reseller .title{font-weight:800!important;color:#101827!important}
.m8-dashboard .page-sub,.m8-group .page-sub,.m8-reseller .sub{color:#67758a!important}
.m8-dashboard .page-kicker,.m8-group .page-kicker{color:var(--signal-violet)!important;font-size:12px!important;font-weight:900!important;margin-bottom:4px!important}
.m8-dashboard .workspace-profile,.m8-group .workspace-profile{display:flex;align-items:center;gap:11px;margin:14px 12px 16px;padding:12px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#fff}
.m8-dashboard .workspace-profile>span:last-child,.m8-group .workspace-profile>span:last-child{display:grid;min-width:0}.m8-dashboard .workspace-profile strong,.m8-group .workspace-profile strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.m8-dashboard .workspace-profile small,.m8-group .workspace-profile small{color:#8393aa;margin-top:2px}.m8-dashboard .workspace-avatar,.m8-group .workspace-avatar{display:grid!important;place-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:8px;background:var(--signal-cyan);color:#07101f;font-weight:900}.m8-group .workspace-avatar{background:var(--signal-violet);color:#fff}

/* Signal metric cards */
.m8-dashboard .stat-card,.m8-group .stat,.m8-group .stat-card,.m8-reseller .grid .card{background:#fff!important;border:1px solid #e1e6ee!important;border-top:1px solid #e1e6ee!important;border-radius:8px!important;box-shadow:0 10px 24px rgba(7,16,31,.07)!important;overflow:hidden}
.m8-dashboard .stat-card:before,.m8-group .stat:before,.m8-group .stat-card:before,.m8-reseller .grid .card:before{content:"";display:block;height:4px;margin:-1px -1px 13px;background:var(--signal-cyan)}
.m8-dashboard .stat-card:nth-child(6n+2):before,.m8-group .stat:nth-child(6n+2):before,.m8-reseller .grid .card:nth-child(6n+2):before{background:var(--signal-violet)}
.m8-dashboard .stat-card:nth-child(6n+3):before,.m8-group .stat:nth-child(6n+3):before,.m8-reseller .grid .card:nth-child(6n+3):before{background:var(--signal-green)}
.m8-dashboard .stat-card:nth-child(6n+4):before,.m8-group .stat:nth-child(6n+4):before,.m8-reseller .grid .card:nth-child(6n+4):before{background:var(--signal-yellow)}
.m8-dashboard .stat-card:nth-child(6n+5):before,.m8-group .stat:nth-child(6n+5):before{background:var(--signal-pink)}
.m8-dashboard .stat-card:nth-child(6n):before,.m8-group .stat:nth-child(6n):before{background:#38bdf8}
.m8-dashboard .stat-card .icon,.m8-group .stat-icon{border:0!important;border-radius:50%!important;background:#e9fbff!important;color:#0891b2!important}
.m8-dashboard .stat-card:nth-child(6n+2) .icon,.m8-group .stat:nth-child(6n+2) .stat-icon{background:#f1ecff!important;color:#7141d8!important}
.m8-dashboard .stat-card:nth-child(6n+3) .icon,.m8-group .stat:nth-child(6n+3) .stat-icon{background:#e7fbf4!important;color:#118663!important}
.m8-dashboard .stat-card:nth-child(6n+4) .icon,.m8-group .stat:nth-child(6n+4) .stat-icon{background:#fff7d9!important;color:#9a7000!important}
.m8-dashboard .stat-card:nth-child(6n+5) .icon,.m8-group .stat:nth-child(6n+5) .stat-icon{background:#fff0f6!important;color:#c32d70!important}
.m8-dashboard .stat-card .value,.m8-group .stat-value,.m8-reseller .card .v{color:#101827!important;font-weight:800!important}

/* Workspace panels */
.m8-dashboard .card,.m8-group .card,.m8-webphone .card,.m8-reseller .panel{border:1px solid #e1e6ee!important;background:#fff!important;border-radius:8px!important;box-shadow:0 10px 28px rgba(7,16,31,.06)!important}
.m8-dashboard .card-header,.m8-group .card-header,.m8-webphone .card-head{background:#fff!important;border-left:0!important;border-bottom:1px solid #e5e9f0!important;color:#101827!important}
.m8-dashboard .card-header:before,.m8-group .card-header:before,.m8-webphone .card-head:before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--signal-cyan);margin-right:10px;vertical-align:1px}
.m8-dashboard .card:nth-of-type(3n+2) .card-header:before,.m8-group .card:nth-of-type(3n+2) .card-header:before,.m8-webphone .card:nth-of-type(3n+2) .card-head:before{background:var(--signal-violet)}
.m8-dashboard .card:nth-of-type(3n) .card-header:before,.m8-group .card:nth-of-type(3n) .card-header:before,.m8-webphone .card:nth-of-type(3n) .card-head:before{background:var(--signal-green)}
.m8-dashboard thead,.m8-group thead,.m8-reseller thead,.m8-dashboard th,.m8-group th,.m8-reseller th{background:#f1f4f8!important;color:#53647a!important;border-top-color:transparent!important}
.m8-dashboard th:nth-child(6n+1),.m8-group th:nth-child(6n+1),.m8-reseller th:nth-child(6n+1){box-shadow:inset 0 3px 0 var(--signal-cyan)}
.m8-dashboard th:nth-child(6n+2),.m8-group th:nth-child(6n+2),.m8-reseller th:nth-child(6n+2){box-shadow:inset 0 3px 0 var(--signal-violet)}
.m8-dashboard th:nth-child(6n+3),.m8-group th:nth-child(6n+3),.m8-reseller th:nth-child(6n+3){box-shadow:inset 0 3px 0 var(--signal-green)}
.m8-dashboard th:nth-child(6n+4),.m8-group th:nth-child(6n+4),.m8-reseller th:nth-child(6n+4){box-shadow:inset 0 3px 0 var(--signal-yellow)}
.m8-dashboard th:nth-child(6n+5),.m8-group th:nth-child(6n+5),.m8-reseller th:nth-child(6n+5){box-shadow:inset 0 3px 0 var(--signal-pink)}
.m8-dashboard .btn-primary,.m8-group .btn-primary,.m8-reseller .btn-primary,.m8-webphone .primary,.m8-login .btn{background:var(--signal-cyan)!important;color:#07101f!important;border-color:var(--signal-cyan)!important;font-weight:800!important;box-shadow:none!important}
.m8-dashboard .btn-primary:hover,.m8-group .btn-primary:hover,.m8-reseller .btn-primary:hover,.m8-webphone .primary:hover,.m8-login .btn:hover{background:#67e8f9!important;border-color:#67e8f9!important}
.m8-dashboard .btn-secondary,.m8-group .btn-secondary,.m8-reseller .btn-secondary,.m8-webphone .secondary{background:#fff!important;color:#263950!important;border-color:#cdd6e2!important}
.m8-dashboard input:focus,.m8-dashboard select:focus,.m8-group input:focus,.m8-group select:focus,.m8-reseller input:focus,.m8-webphone input:focus,.m8-login input:focus{border-color:var(--signal-violet)!important;box-shadow:0 0 0 3px rgba(139,92,246,.16)!important}
.m8-dashboard .surface-alert--good{background:#effbf7!important;border-color:#c8f0e2!important;border-left-color:var(--signal-green)!important}.m8-dashboard .surface-alert--info{background:#effbfe!important;border-color:#c6eff6!important;border-left-color:var(--signal-cyan)!important}.m8-dashboard .surface-alert--danger{background:#fff1f6!important;border-color:#f7c8dc!important;border-left-color:var(--signal-pink)!important}

/* Group workspace */
.m8-group .business-number-stat{background:#fff!important;border:1px solid #e1e6ee!important;border-top:4px solid var(--signal-cyan)!important;color:#101827!important}
.m8-group .live-clock{background:#f1ecff!important;border-color:#d9ccff!important;color:#6337c6!important}
.m8-group .user-pill{background:#e9fbff!important;border-color:#bceef5!important;color:#087a92!important}
.m8-group .cdr-row{background:#fff!important;border-radius:8px!important}

/* Webphone */
.m8-webphone .sidebar{background:var(--signal-ink)!important}
.m8-webphone .sidebar-note,.m8-webphone .ringtone-panel{background:#101c31!important;border-color:#273650!important;color:#dbe5f2!important}
.m8-webphone .main{background:var(--signal-canvas)!important}
.m8-webphone .topbar{background:#fff!important}
.m8-webphone .dialer-card{border:1px solid #e1e6ee!important;border-top:0!important;background:#fff!important;box-shadow:0 14px 32px rgba(7,16,31,.08)!important}
.m8-webphone .dialer-card:before{content:"";display:block;height:5px;background:var(--signal-cyan);margin:-1px -1px 0}
.m8-webphone .dial-shell{background:#f8fafc!important;border:1px solid #e1e6ee!important;border-top:0!important}
.m8-webphone .key:nth-child(3n+1){background:#f0fbfe!important;border-color:#c7eef5!important}.m8-webphone .key:nth-child(3n+2){background:#f4f0ff!important;border-color:#ded2ff!important}.m8-webphone .key:nth-child(3n){background:#edfbf6!important;border-color:#c8f0e2!important}
.m8-webphone .active-call-panel{background:#101c31!important;color:#fff!important;border-top-color:var(--signal-violet)!important}.m8-webphone .incoming-banner{background:#edfbf6!important;border-color:#bcebdc!important}

/* Split-screen sign in */
.m8-login{padding:0!important;background:var(--signal-canvas)!important;display:block!important}
.m8-login .login-scene{display:grid;grid-template-columns:minmax(360px,.9fr) minmax(500px,1.1fr);min-height:100vh}
.m8-login .login-intro{display:flex;flex-direction:column;justify-content:space-between;padding:48px;background:var(--signal-ink);color:#fff;position:relative;overflow:hidden}
.m8-login .login-intro:after{content:"";position:absolute;left:0;bottom:0;width:42%;height:5px;background:var(--signal-cyan);box-shadow:110px 0 0 var(--signal-violet),220px 0 0 var(--signal-pink)}
.m8-login .login-intro-logo{width:220px;background:#fff;border-radius:8px;padding:10px}
.m8-login .login-intro-copy{max-width:470px}.m8-login .login-intro-kicker{color:var(--signal-cyan);font-weight:800;margin:0 0 20px}.m8-login .login-intro h1{font-size:clamp(42px,5vw,68px);line-height:1.02;margin:0;color:#fff;letter-spacing:0!important}.m8-login .login-intro-copy>p:last-child{font-size:18px;line-height:1.65;color:#9fb0c7;margin-top:28px}.m8-login .login-intro-proof{color:#73849d;margin:0}
.m8-login .card{align-self:center;justify-self:center;width:min(520px,calc(100% - 56px));margin:40px 0;background:#fff!important;border:1px solid #e1e6ee!important;border-top:1px solid #e1e6ee!important;border-bottom:1px solid #e1e6ee!important;border-left:1px solid #e1e6ee!important;border-right:1px solid #e1e6ee!important;border-radius:8px!important;box-shadow:0 20px 52px rgba(7,16,31,.15)!important}
.m8-login .card>.logo .logo-img{width:170px}.m8-login .login-title{font-size:28px!important}.m8-login .softphone-link:nth-child(1){border-left-color:var(--signal-cyan)!important}.m8-login .softphone-link:nth-child(2){border-left-color:var(--signal-violet)!important}.m8-login .legal-links{border-top-color:var(--signal-yellow)!important}

/* Public site */
.m8-public .nav,.m8-public .hero{background:var(--signal-ink)!important}.m8-public .nav{border-bottom-color:rgba(255,255,255,.08)!important}.m8-public .nav-links a{color:#c1ccdb!important}.m8-public .hero{border-bottom:0!important;min-height:calc(100vh - 78px)!important;display:flex!important;align-items:center!important}.m8-public .hero-shell{grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr)!important;gap:70px!important}.m8-public .hero h1{font-size:clamp(54px,7vw,92px)!important;line-height:.93!important;max-width:720px!important}.m8-public .hero h1 strong{color:var(--signal-cyan)!important}.m8-public .kicker{background:#101c31!important;border-color:#243650!important;color:var(--signal-cyan)!important}.m8-public .hero-panel{background:#0d172a!important;border:1px solid #243650!important;border-radius:8px!important;padding:18px!important}.m8-public .snapshot-card{background:#fff!important;border-top:0!important}.m8-public .hero-note{background:#101c31!important;color:#9fb0c7!important;border-left-color:var(--signal-violet)!important}.m8-public .hero-note strong{color:#fff!important}.m8-public .feature{background:#fff!important;border:1px solid #e1e6ee!important;border-top:1px solid #e1e6ee!important}.m8-public .feature:nth-child(6n+1){box-shadow:inset 0 4px 0 var(--signal-cyan),0 10px 24px rgba(7,16,31,.06)!important}.m8-public .feature:nth-child(6n+2){box-shadow:inset 0 4px 0 var(--signal-violet),0 10px 24px rgba(7,16,31,.06)!important}.m8-public .feature:nth-child(6n+3){box-shadow:inset 0 4px 0 var(--signal-green),0 10px 24px rgba(7,16,31,.06)!important}.m8-public .feature:nth-child(6n+4){box-shadow:inset 0 4px 0 var(--signal-yellow),0 10px 24px rgba(7,16,31,.06)!important}.m8-public .feature:nth-child(6n+5){box-shadow:inset 0 4px 0 var(--signal-pink),0 10px 24px rgba(7,16,31,.06)!important}.m8-public .band{background:#eef1f7!important}.m8-public .cta-shell{background:var(--signal-ink)!important;border-top-color:var(--signal-violet)!important}

/* Manual */
.m8-manual .hero{background:var(--signal-ink)!important;border-bottom-color:var(--signal-cyan)!important}.m8-manual .toc{background:#fff!important;border-top-color:var(--signal-violet)!important}.m8-manual .card{border:1px solid #e1e6ee!important}.m8-manual .card:nth-of-type(5n+1){box-shadow:inset 4px 0 0 var(--signal-cyan),0 7px 18px rgba(7,16,31,.06)!important}.m8-manual .card:nth-of-type(5n+2){box-shadow:inset 4px 0 0 var(--signal-violet),0 7px 18px rgba(7,16,31,.06)!important}.m8-manual .card:nth-of-type(5n+3){box-shadow:inset 4px 0 0 var(--signal-green),0 7px 18px rgba(7,16,31,.06)!important}.m8-manual .card:nth-of-type(5n+4){box-shadow:inset 4px 0 0 var(--signal-yellow),0 7px 18px rgba(7,16,31,.06)!important}.m8-manual .card:nth-of-type(5n){box-shadow:inset 4px 0 0 var(--signal-pink),0 7px 18px rgba(7,16,31,.06)!important}

@media(max-width:860px){
  .m8-login .login-scene{display:block;min-height:100vh}.m8-login .login-intro{display:none}.m8-login .card{width:calc(100% - 28px);margin:14px auto}
  .m8-dashboard .mobile-appbar{background:var(--signal-ink)!important;border-bottom-color:var(--signal-cyan)!important}
  .m8-dashboard .mobile-tabbar{border-top-color:var(--signal-violet)!important}
  .m8-group .sidebar{background:var(--signal-ink)!important;border-right-color:rgba(255,255,255,.08)!important}
  .m8-group .workspace-profile{margin:10px 5px;padding:6px;justify-content:center}.m8-group .workspace-profile>span:last-child{display:none}.m8-group .workspace-avatar{flex-basis:38px;width:38px;height:38px}
  .m8-public .hero{min-height:auto!important}.m8-public .hero-shell{grid-template-columns:1fr!important;gap:36px!important}.m8-public .hero h1{font-size:48px!important;line-height:.98!important}
}

@media(min-width:861px){.m8-login .login-intro h1{font-size:64px!important}.m8-public .hero h1{font-size:84px!important}}

/* Final reference-alignment fixes */
.m8-dashboard .sidebar-logo .logo-img,.m8-group .logo .logo-img,.m8-reseller .logo img{width:190px!important;height:62px!important;max-width:100%!important;padding:8px!important;background:#fff!important;border-radius:8px!important;object-fit:contain!important}
.m8-dashboard .stat-card:nth-child(n),.m8-group .stat:nth-child(n),.m8-group .stat-card:nth-child(n),.m8-reseller .grid .card:nth-child(n){background:#fff!important;border-color:#e1e6ee!important;border-top-color:#e1e6ee!important}
.m8-group .stat-icon{width:44px!important;height:44px!important;border-radius:12px!important;margin:0 0 14px!important}
.m8-dashboard .card-header:before,.m8-group .card-header:before,.m8-webphone .card-head:before{display:none!important}
.m8-dashboard .card-header,.m8-group .card-header,.m8-webphone .card-head{border-top:4px solid var(--signal-cyan)!important}
.m8-dashboard .card:nth-of-type(3n+2) .card-header,.m8-group .card:nth-of-type(3n+2) .card-header,.m8-webphone .card:nth-of-type(3n+2) .card-head{border-top-color:var(--signal-violet)!important}
.m8-dashboard .card:nth-of-type(3n) .card-header,.m8-group .card:nth-of-type(3n) .card-header,.m8-webphone .card:nth-of-type(3n) .card-head{border-top-color:var(--signal-green)!important}
.m8-login::before,.m8-login::after{display:none!important;content:none!important}
.m8-login .login-scene{width:100%!important;max-width:none!important;margin:0!important}