/* Personal workspace, visually distinct from administration. */
.profile-trigger{display:flex;align-items:center;gap:8px;background:none;border:0;color:#dbe4d3;font-size:11px;padding:0}.profile-trigger .avatar{display:flex}.top-actions{position:relative}#profile-menu{position:absolute;right:0;top:44px;background:#fff;border:1px solid #d8e0d2;box-shadow:0 8px 26px #1b2b1b2a;min-width:220px;padding:16px;z-index:60;color:#526149}#profile-menu[hidden]{display:none}#profile-menu strong,#profile-menu small{display:block}#profile-menu small{font-size:10px;color:#8d9d81;margin:6px 0 15px}#profile-menu a,#profile-menu button{display:block;padding:10px 0;background:none;border:0;border-top:1px solid #edf0e8;font-size:11px;color:#66824d;width:100%;text-align:left}.rail-nav a.rail-active,.rail-admin.active{background:#619e40;color:white}.rail-admin:not(.active){background:transparent;color:#d7dfd1}.rail-admin[hidden]{display:none}.app-rail .rail-nav{margin-top:4px;gap:0}.app-rail .rail-nav a{padding:10px 2px;min-height:54px;line-height:1.25}.app-rail .rail-nav a span{line-height:18px}.user-space:not(.personal-settings)>.sidebar{display:none}.user-space:not(.personal-settings)>.shell{margin-left:68px}.user-space main{padding:0 18px}.user-space .page-heading{min-height:58px}.user-space .page-heading h1{font-weight:400;font-size:21px}.user-space footer{margin-top:25px}.team-toolbar{display:flex;gap:10px;align-items:center;border-bottom:1px solid #e7eae3;padding:6px 0 19px;margin-bottom:18px}.team-toolbar .search{max-width:none;flex:1;border:1px solid #cdddc1;padding:9px 12px;min-width:140px}.team-toolbar input{font-size:12px}.team-count{font-size:10px;color:#96a18c;white-space:nowrap}.team-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:15px;align-items:start;max-width:1800px}.team-member{border:1px solid #dfe5da;border-radius:3px;min-height:188px;padding:14px 11px 15px;text-align:center;background:#fff;position:relative}.member-department{font-size:9px;color:#a5af9a;position:absolute;top:8px;left:8px}.member-avatar{display:flex;align-items:center;justify-content:center;position:relative;border-radius:50%;background:#9ca591;color:white;font-size:20px;width:48px;height:48px;margin:7px auto 12px;font-weight:400}.presence-dot{position:absolute;right:0;bottom:0;width:11px;height:11px;border-radius:50%;border:1px solid white;background:#a4ada0}.presence-dot.registered{background:#70aa4d}.team-member h2{font-size:12px;font-weight:400;line-height:1.6;color:#333e2b;letter-spacing:0}.team-member h2 span{font-size:11px;color:#68755d;margin-left:3px}.team-member p{font-size:10px;color:#929e87;margin:5px 0 13px}.member-actions{display:flex;justify-content:center;gap:5px}.member-actions button{width:27px;height:27px;display:flex;align-items:center;justify-content:center;background:white;border:1px solid #e0e6da;color:#627456;border-radius:3px;font-size:23px;line-height:1}.member-actions .icon{width:14px;height:14px}.member-actions button:hover{border-color:#94b879;background:#f1f7eb}.member-actions .is-favorite svg{fill:currentColor}.team-list{display:flex;flex-direction:column;gap:0;max-width:1100px;width:100%;margin-inline:auto}.team-list .team-member{display:flex;align-items:center;gap:16px;width:100%;min-height:65px;padding:10px 15px;border-radius:0;border-bottom:0}.team-list .team-member:last-child{border-bottom:1px solid #dfe5da}.team-list .member-department{position:static;order:4;margin-left:15px;min-width:100px}.team-list .member-avatar{width:32px;height:32px;font-size:12px;margin:0}.team-list .team-member p{margin:0}.team-list .member-actions{margin-left:auto;order:5}.personal-split{display:grid;grid-template-columns:300px 1fr;border:1px solid #e5e9df;min-height:calc(100vh - 220px);margin-top:18px}.personal-list{border-right:1px solid #e5e9df}.list-title{padding:14px;border-bottom:1px solid #e8ece2;font-size:11px;color:#7c8c6e;display:flex;justify-content:space-between}.list-title span{font-size:10px;color:#9da991}.call-list-row,.chat-peer{display:flex;align-items:center;gap:10px;background:#fff;border:0;border-bottom:1px solid #edf0e7;text-align:left;width:100%;padding:14px 12px;color:#677a55}.chat-peer:hover,.chat-peer.selected,.call-list-row:hover{background:#f0f5e9}.small-avatar{background:#a3ad99;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;font-size:11px}.small-avatar .icon{width:15px;height:15px}.call-list-row strong,.chat-peer strong{font-size:11px;font-weight:400;display:block;color:#3d4c32}.call-list-row small,.chat-peer small{font-size:9px;color:#9aa68f;display:block;margin-top:5px}.call-duration{margin-left:auto;font-size:9px;color:#99a58e}.conversation-empty,.conversation{position:relative;display:flex;flex-direction:column;min-width:0}.conversation-empty>.empty,.conversation>.empty{flex:1}.conversation-header{display:flex;align-items:center;gap:10px;border-bottom:1px solid #e6eadd;padding:12px 18px;min-height:58px}.conversation-header strong{font-size:12px;font-weight:400;color:#526746}.conversation-header>span:last-child{font-size:10px;color:#8b9c7c}.message-list{flex:1;min-height:240px;max-height:calc(100vh - 360px);overflow-y:auto;padding:25px;display:flex;align-items:flex-start;gap:12px;flex-direction:column}.message{max-width:78%;padding:9px 12px;background:#f1f3ee;border-radius:6px 6px 6px 0}.message.mine{align-self:flex-end;background:#e9f3df;border-radius:6px 6px 0 6px}.message p{margin:0;font-size:12px;line-height:1.7;color:#5a6d4c;white-space:pre-wrap;overflow-wrap:anywhere}.message small{font-size:8px;color:#9aaa8a;display:block;text-align:right;margin-top:5px}.chat-intro{font-size:11px;color:#a8b39c;margin:auto}.message-compose{display:flex;gap:10px;border-top:1px solid #e8ede1;padding:14px;margin-top:auto}.message-compose input{border:1px solid #d6e1cb;flex:1;min-width:0;padding:10px;color:#597346;font-size:12px;outline-color:#98bd7a}.message-compose input::placeholder{color:#a8b89a}.call-detail-card{padding:30px;max-width:650px;width:100%}.call-detail-card h2{font-size:18px;font-weight:400}.personal-settings .workspace-title{font-size:16px;letter-spacing:0;height:54px;background:#fff;color:#445338;padding-left:16px}.personal-settings>.sidebar{background:#fff}.settings-nav-link{display:flex;gap:9px;align-items:center;padding:13px 13px;background:white;color:#576d46;border:0;font-size:11px;text-align:left;width:100%}.settings-nav-link .icon{height:15px;width:15px}.settings-nav-link.active{background:#619e40;color:#fff}.personal-settings-content{max-width:1080px;padding:10px 5px}.profile-card{display:flex;gap:22px;border-radius:6px;padding:25px;margin-bottom:20px}.large-avatar{width:86px;height:86px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#9ca991;border-radius:50%;font-size:32px;color:white}.profile-fields{flex:1}.profile-fields h2{font-size:17px;font-weight:400}.profile-fields h2 span{color:#9cab8d;font-size:13px;margin-left:6px}.profile-fields .form-columns{gap:0 25px}.profile-fields .field{margin-top:17px;margin-bottom:5px}.field select{width:100%;padding:10px;border:1px solid #d7dfd0;border-radius:1px;background:#f8faf5;color:#5c714d;font:inherit}.profile-note{font-size:10px;line-height:1.7;color:#a0ad94;margin:14px 0 18px}.account-details{border-radius:6px;max-width:100%;margin-bottom:20px}.account-details .details{max-width:700px}.favorite-row{display:flex;align-items:center;gap:20px;padding:12px 0;border-bottom:1px solid #e6eddf}.favorite-row strong{font-size:12px;font-weight:400;color:#688152}.favorite-row .text-button{margin-left:auto}.rights-editor{border-top:1px solid #e5ebdf;margin-top:20px;padding-top:1px}.rights-editor h3{margin-top:20px;font-size:12px}.rights-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px 9px}.rights-grid label{display:flex;align-items:center;gap:6px;font-size:10px;color:#7d906d;line-height:1.5}.rights-grid input{accent-color:#619e40}.web-access-row{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #e7ecdf;padding-top:15px;margin-top:22px;font-size:9px;color:#8c9b7f}.rights-editor .description{font-size:10px}.rights-editor select:disabled{color:#8a9c7a;background:#f2f5ec}.dial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:260px;margin:20px auto}.dial-key{border:1px solid #dce5d3;background:#f8faf5;color:#6d885a;font-size:21px;padding:10px;border-radius:3px}.dial-key:hover{background:#ebf4e1}#dial-error,#login-error{font-size:11px;color:#b26750;line-height:1.6}#portal-dialog{max-height:85vh;overflow:auto}#dialog{max-height:90vh;overflow:auto}.login-mode .app-rail,.login-mode>.sidebar,.login-mode .topbar,.login-mode footer{display:none}.login-mode .shell{margin:0;padding:0}.login-mode main{padding:0;min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f2f5ed}.login-mode #content{width:100%;padding:30px}.login-mode #error{display:none}.login-card{background:white;border:1px solid #dce6d4;padding:35px 40px;max-width:400px;margin:auto;box-shadow:0 14px 50px #263a1910;border-radius:5px}.login-card>img{width:58px;height:58px}.login-card>h1{font-size:23px;font-weight:400;margin-top:22px;color:#415634}.login-card>p{font-size:12px;color:#91a181;line-height:1.8}.login-card .button{width:100%;padding:11px}.login-card>small{display:block;font-size:9px;color:#a0ad94;line-height:1.8;margin-top:20px}.user-space:not(.personal-settings) #toast{left:calc(50% + 34px)}
@media(max-width:1150px){.user-space:not(.personal-settings)>.shell{margin-left:62px}.app-rail .rail-nav a{min-height:52px;padding:9px 2px}.team-grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr))}}
@media(max-width:850px){.user-space:not(.personal-settings)>.shell{margin-left:55px}.user-space main{padding:0 14px}.personal-split{grid-template-columns:235px 1fr}.profile-card{padding:20px;gap:18px}.large-avatar{width:56px;height:56px;font-size:21px}.team-toolbar{flex-wrap:wrap}.team-toolbar .search{flex-basis:50%}.team-toolbar .button{font-size:10px}.team-list .member-department{display:none}.profile-trigger #profile-name{display:none}.personal-settings-content{padding:7px 0}.rights-grid{grid-template-columns:1fr}}
@media(max-width:580px){.user-space:not(.personal-settings)>.shell{margin-left:45px}.user-space main{padding:0 11px}.team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.team-member{padding:13px 7px;min-height:185px}.team-member h2{font-size:11px}.member-department{font-size:8px;max-width:100%;overflow:hidden}.team-toolbar{gap:8px;padding-bottom:14px}.team-toolbar .search{flex-basis:100%}.team-count{font-size:9px}.personal-split{grid-template-columns:1fr;min-height:400px}.personal-list{border-right:0;border-bottom:1px solid #e5e9df;max-height:180px;overflow-y:auto}.conversation{min-height:350px}.conversation-empty{min-height:240px}.message-list{min-height:180px;max-height:45vh;padding:16px}.personal-settings .workspace-title{display:none}.personal-settings .sidebar{width:43px}.settings-nav-link{padding:14px;justify-content:center;font-size:0;gap:0}.settings-nav-link .icon{width:16px;height:16px}.personal-settings .shell{margin-left:88px}.profile-card{flex-direction:column;gap:15px}.profile-fields .form-columns{grid-template-columns:1fr;gap:5px}.large-avatar{width:55px;height:55px}.user-space:not(.personal-settings) #toast{left:calc(50% + 22px)}.profile-trigger .top-avatar{display:flex;width:26px;height:26px}.team-list .team-member{flex-wrap:wrap;gap:10px}.team-list .team-member p{display:none}.team-list .member-actions{margin-left:auto}.team-list .member-avatar{width:25px;height:25px;font-size:10px}.team-list .team-member h2{font-size:10px}.team-list .member-actions button{height:23px;width:23px}.web-access-row{flex-direction:column;align-items:flex-start}.login-mode #content{padding:15px}.login-card{padding:26px}}

.authorized-tools{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px;margin-top:25px}.authorized-tool{display:flex;align-items:center;gap:12px;padding:22px;color:#698a52;font-size:12px}.authorized-tool:hover{background:#f0f6e8}

#portal-dialog:has(#trunk-form){width:820px;max-width:94vw}#trunk-form .settings-grid{gap:26px}#trunk-form .field{margin:13px 0}#trunk-form .toggle-row{margin-top:22px}#telephony-network-form{padding:0 0 24px;margin-bottom:24px;border-bottom:1px solid #e3e9dd}#telephony-network-form .field{max-width:440px}#telephony-network-form p{line-height:1.7}#device-form .field{margin:18px 0}@media(max-width:650px){#trunk-form .settings-grid{grid-template-columns:1fr}}
#portal-dialog:has(#device-form){width:820px;max-width:94vw}#device-form{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}#device-form>h3,#device-form>p,#device-form>details,#device-form>.heading-actions{grid-column:1/-1}#device-form .field{margin:10px 0}#device-form>h3{margin:18px 0 5px}#device-form>details{margin:12px 0}#device-form>details summary{cursor:pointer;font-size:12px}#device-form>.heading-actions{justify-content:flex-end;margin-top:12px}@media(max-width:650px){#device-form{grid-template-columns:1fr}}

#device-form>.device-assignment{grid-column:1/-1;padding:15px;background:#f5f8f1;border:1px solid #dbe5d2;margin:12px 0}#device-form .device-assignment>strong{display:block;margin-bottom:12px;font-size:12px}#device-transfer-fields{margin-top:14px}#device-transfer-fields[hidden]{display:none}

.routing-tabs{display:flex;gap:5px;margin:18px 0;border-bottom:1px solid #dbe5d3}.routing-tabs button{padding:12px 16px;background:transparent;border:0;color:#718263;cursor:pointer}.routing-tabs button.active{border-bottom:3px solid #619e40;color:#47782f}.routing-tabs span{margin-left:6px;font-size:10px}.route-explain{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0}.route-explain h2{font-size:15px}.route-explain p{font-size:12px;line-height:1.7;color:#718263}#portal-dialog:has(#call-route-form){width:850px;max-width:94vw}.route-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.route-members{display:grid;gap:10px;padding:12px;border:1px solid #dce4d5;max-height:220px;overflow:auto}.route-members label{font-size:12px}.ivr-keys{display:grid;gap:10px}.ivr-keys label{display:grid;grid-template-columns:65px 1fr;align-items:center;gap:10px;font-size:11px}.ivr-keys select{min-width:0;max-width:100%;padding:8px;border:1px solid #dce4d5;color:#556c45}#routing-form>label{display:block;margin:15px 0}#routing-form>.field{max-width:280px}@media(max-width:700px){.route-explain,.route-form-grid{grid-template-columns:1fr}.routing-tabs{overflow:auto}.page-heading .heading-actions{flex-wrap:wrap}}

.page-heading:has([data-route-add]){flex-direction:column;align-items:flex-start;gap:14px;padding-bottom:18px}.page-heading:has([data-route-add]) .heading-actions{flex-wrap:wrap;justify-content:flex-start}

.chat-unread{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;border-radius:12px;background:#27863a;color:white;font-size:11px;margin-left:auto}.chat-unread[hidden]{display:none}.rail-nav a{position:relative}.rail-nav a>.chat-unread{position:absolute;right:3px;top:2px}

/* Extension status colours are independent of SIP registration. */
.status-available{--status-color:#237a38;--status-bg:#eaf5ed}
.status-internal{--status-color:#205cb2;--status-bg:#eaf1fc}
.status-mobile{--status-color:#8a4c08;--status-bg:#fff2dd}
.status-dnd{--status-color:#b52e3c;--status-bg:#fcecef}
.extension-status{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:12px;background:var(--status-bg);color:var(--status-color);font-size:11px;line-height:1.3;white-space:nowrap;font-weight:500}
.extension-status>i{width:7px;height:7px;border-radius:50%;background:var(--status-color);flex-shrink:0}
.presence-dot[class*="status-"]{background:var(--status-color);border:2px solid white;width:12px;height:12px}
.member-status{display:flex;flex-direction:column;align-items:center;gap:5px}.member-status small{font-size:10px;color:#64715e}.team-list .member-status{align-items:flex-start}

.status-in-call{--status-color:#7335a5;--status-bg:#f3eafb}.extension-status-stack{display:flex;flex-wrap:wrap;align-items:center;gap:5px}.member-status .status-in-call{font-weight:600}

.person-avatar[class*="status-"]{background:var(--status-color);color:white}.person .status-in-call{margin-top:4px;font-size:10px}

#profile-menu{min-width:265px;border-radius:10px;padding:16px;box-shadow:0 12px 35px #1b2b1b26}.profile-status-title{font-size:10px;font-weight:600;color:#78826f;margin:14px 0 8px}.profile-status-options{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}#profile-menu .profile-status-option{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid transparent;border-radius:7px;color:#364331;background:white;font-size:12px;transition:background .15s,border-color .15s}#profile-menu .profile-status-option:hover,#profile-menu .profile-status-option[aria-pressed="true"]{background:var(--status-bg);border-color:var(--status-color)}.profile-status-symbol{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--status-color);color:white;flex-shrink:0;font-size:18px;font-weight:600}.profile-status-symbol .icon{width:15px;height:15px}.profile-status-label{flex:1}.profile-status-check{width:18px;color:var(--status-color);font-size:16px;font-weight:700}#profile-menu .profile-status-option:focus-visible{outline:2px solid var(--status-color);outline-offset:2px}

.user-editor-tabs{display:flex;gap:24px;margin:8px 0 20px;border-bottom:1px solid #dce4d5;overflow-x:auto}.user-editor-tabs button{background:none;border:0;border-bottom:3px solid transparent;padding:13px 3px;color:#697760;white-space:nowrap}.user-editor-tabs button[aria-pressed="true"]{color:#357b32;border-bottom-color:#619e40;font-weight:600}.user-editor-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;max-width:920px}#user-editor-form [hidden]{display:none}#user-editor-form .card{width:100%;max-width:none}#user-editor-form [data-user-panel="statuses"]>.form-columns{max-width:920px;gap:24px}#user-editor-form [data-user-panel="statuses"]>h4{border-top:1px solid #edf0e8;padding-top:16px;margin-bottom:8px}#user-editor-form [data-user-panel="statuses"]>.field{max-width:448px}#user-editor-form .rights-editor{margin-top:0}@media(max-width:700px){.user-editor-fields{grid-template-columns:1fr}.user-editor-tabs{gap:16px}}

#user-editor-form .user-editor-tabs{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;padding:0;min-height:0;gap:24px}#user-editor-form .user-editor-tabs button{width:auto;flex:0 0 auto;text-align:left;margin:0;padding:13px 3px}

.equipment-editor{max-width:1200px}.equipment-editor-tabs{display:flex;flex-direction:row;align-items:center;gap:24px;padding:0;margin:8px 0 20px;border-bottom:1px solid #dce4d5;overflow-x:auto}.equipment-editor-tabs button{width:auto;flex:0 0 auto;background:none;border:0;border-bottom:3px solid transparent;padding:13px 3px;color:#697760;white-space:nowrap;text-align:left}.equipment-editor-tabs button[aria-pressed="true"]{color:#357b32;border-bottom-color:#619e40;font-weight:600}.equipment-editor [data-equipment-panel][hidden]{display:none}.equipment-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px;max-width:960px}.equipment-fields>.description,.equipment-fields>.device-assignment,.equipment-fields>details{grid-column:1/-1}.equipment-fields>.field{margin:8px 0}.equipment-fields>button{justify-self:start;align-self:center}.equipment-fields>input[type="hidden"]{display:none}.equipment-fields>details{padding:12px 0}@media(max-width:760px){.equipment-fields{grid-template-columns:1fr}.equipment-editor-tabs{gap:16px}.heading-actions{flex-wrap:wrap}}

.user-profile-link{color:inherit;text-decoration:none;border-radius:4px}.user-profile-link:hover strong{color:#357b32;text-decoration:underline}.user-profile-link:focus-visible{outline:2px solid #619e40;outline-offset:4px}

.equipment-profile-link{display:inline-block;color:inherit;font-weight:500;border-radius:3px}.equipment-profile-link:hover{color:#357b32;text-decoration:underline}.equipment-profile-link:focus-visible{outline:2px solid #619e40;outline-offset:4px}

.device-removal-options{display:flex;flex-direction:column;gap:10px;margin:18px 0}.device-removal-options>label{display:flex;align-items:flex-start;gap:10px;padding:14px;border:1px solid #dce4d5;border-radius:6px;cursor:pointer}.device-removal-options>label:has(input:checked){border-color:#619e40;background:#f2f7ee}.device-removal-options strong{display:block;font-size:12px;color:#3b4f31}.device-removal-options small{display:block;font-size:11px;line-height:1.6;color:#718266;margin-top:5px}.device-reset-confirm{display:flex;align-items:flex-start;gap:8px;color:#a33831;font-size:12px;padding:12px 0}.device-reset-confirm[hidden]{display:none}#device-removal-error{color:#a33831;font-size:12px;line-height:1.6}

.call-route-editor .route-members,.call-route-editor .ivr-keys{grid-column:1/-1}.call-route-editor .route-members{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;padding:12px 0}.call-route-editor .route-members label{padding:12px;border:1px solid #dce4d5;border-radius:5px}.call-route-editor .ivr-keys{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px}.call-route-editor .ivr-keys label{display:flex;flex-direction:column;gap:8px}.call-route-editor input[type="file"]{width:100%}@media(max-width:760px){.call-route-editor .ivr-keys{grid-template-columns:1fr}}

.voicemail-settings-fields{max-width:760px}.voicemail-settings-fields .field{max-width:500px}.voicemail-message{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid #e5eade}.voicemail-message strong,.voicemail-message small{display:block}.voicemail-message small{color:#7b8973;font-size:11px;margin-top:6px}.voicemail-message audio{max-width:100%;width:320px}@media(max-width:700px){.voicemail-message{align-items:flex-start;flex-direction:column}}

.schedule-editor{max-width:1000px}.schedule-week{margin:18px 0;border:1px solid #dce4d5;border-radius:5px;overflow:auto}.schedule-week-header,.schedule-day{display:grid;grid-template-columns:160px minmax(220px,1fr) minmax(220px,1fr);align-items:center;gap:20px;padding:12px 16px;min-width:660px}.schedule-week-header{background:#f3f7ee;font-weight:600;color:#617456}.schedule-day+.schedule-day{border-top:1px solid #e8ece2}.schedule-day-label{display:flex;align-items:center;gap:9px}.schedule-slot{display:flex;align-items:center;gap:10px}.schedule-slot input{width:90px;min-width:0;padding:8px;border:1px solid #d7dfd0;border-radius:3px;color:#4f6043}.schedule-slot input:disabled{background:#f3f5ef;color:#9aa391}.schedule-editor>.field{max-width:600px}.schedule-editor [hidden]{display:none}.schedule-editor>h3{margin-top:25px}.schedule-editor .form-columns{gap:24px;max-width:850px}#server-hours-form{max-width:1200px}

.blf-editor [hidden]{display:none}.blf-editor>.field{max-width:420px}.blf-keyfields>.field{max-width:360px}.blf-table input,.blf-table select{width:100%;min-width:150px;padding:9px;border:1px solid #d7dfd0;color:#4f6043;border-radius:3px}.blf-table td:first-child{width:65px}.blf-table td:nth-child(2){width:230px}.blf-table td:nth-child(3){min-width:240px}.blf-editor .table-scroll{margin:18px 0}

.top-avatar{position:relative;overflow:visible}.top-avatar .presence-dot{right:-2px;bottom:-2px;border:2px solid #34432b;width:12px;height:12px}

.route-help-button{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid #8d9e82;border-radius:50%;background:transparent;color:#5e794d;font:600 17px Arial;cursor:pointer}.route-help-button:hover{background:#edf5e5;border-color:#619e40}.route-help-button:focus-visible{outline:2px solid #619e40;outline-offset:3px}.route-create-actions{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 18px}.route-help-content{max-width:650px}.route-help-content .route-explain{display:block}.route-help-content .card{border:0;box-shadow:none;padding:12px 0}.route-help-content p{line-height:1.7;color:#65735d}.route-help-content h2{font-size:16px}

.blf-table input:disabled{background:#eef1eb;color:#99a190;cursor:not-allowed;border-color:#e0e5db}

.blf-phone-frame{--blf-columns:30px minmax(120px,1fr) minmax(120px,1.7fr) 34px minmax(140px,.6fr) 34px;width:100%;margin:6px 0;max-width:none}
.blf-phone-screen{display:flex;flex-direction:column;gap:4px}
.blf-list-header,.blf-physical-key,.blf-physical-key.blf-right{display:grid;grid-template-columns:var(--blf-columns);column-gap:8px;align-items:center;min-width:0}
.blf-list-header{padding:4px 0 6px;color:#737373;font-size:10px;border-bottom:1px solid #dedede}.blf-list-header>span:first-child{display:block}
.blf-physical-key,.blf-physical-key.blf-right{position:relative;padding:0;min-height:25px;border:0;background:transparent;isolation:isolate}
.blf-physical-key:before{content:'';grid-column:4 / 7;grid-row:1;align-self:stretch;background:var(--blf-tint);border-radius:3px;z-index:-1}
.blf-right{--blf-tint:#eaf2ff;--blf-ink:#345f9c}.blf-left{--blf-tint:#f1eafb;--blf-ink:#7951a0}
.blf-row-number{grid-column:1;grid-row:1;padding-left:4px;color:#737373;font-size:11px}
.blf-physical-key .blf-key-config{display:contents}.blf-key-config label{display:flex;align-items:center;grid-row:1;min-width:0;font-size:11px;color:#666}.blf-key-config label:nth-child(1){grid-column:2}.blf-key-config label:nth-child(2){grid-column:3}.blf-key-config label:nth-child(3){grid-column:5;padding:0;background:transparent}
.blf-field-title,.blf-key-cap i{display:none}.blf-key-config input,.blf-key-config select{box-sizing:border-box;width:100%;min-width:0;height:24px;padding:2px 7px;font:inherit;background:#fff;color:#454545;border:1px solid #d4d4d4;border-radius:3px}.blf-key-config input:disabled{background:#e6e6e6;color:#777;border-color:#cdcdcd;cursor:not-allowed;opacity:1}.blf-key-config input:disabled::placeholder{color:#8a8a8a}.blf-key-config [data-blf-unused]{padding:3px 7px;color:#999}
.blf-physical-key .blf-key-cap{display:flex;align-items:center;justify-content:center;grid-row:1;min-width:0;background:transparent;color:var(--blf-ink);font-size:11px}.blf-physical-key.blf-left .blf-key-cap{grid-column:4}.blf-physical-key.blf-right .blf-key-cap{grid-column:6}.blf-key-cap strong{font-weight:600;background:transparent}
.blf-side-legend{display:flex;gap:14px;margin-bottom:3px;font-size:10px}.blf-side-legend span{display:inline-flex;align-items:center;gap:5px}.blf-side-legend span:before{content:'';width:7px;height:7px;border-radius:50%}.blf-legend-right{color:#345f9c}.blf-legend-right:before{background:#7199cf}.blf-legend-left{color:#7951a0}.blf-legend-left:before{background:#ab89ca}
[data-user-panel="blf"]{padding-top:10px;padding-bottom:10px}[data-user-panel="blf"]>h3{margin:0 0 6px}.blf-editor>.toggle-row{padding:4px 0;margin:0 0 6px}.blf-keyfields>.field{margin:4px 0 6px;max-width:360px}.blf-keyfields>.field select{padding:4px 8px}.blf-editor>button{margin-top:6px}
@media(max-width:700px){.blf-phone-frame{--blf-columns:22px minmax(75px,1fr) minmax(75px,1fr) 24px minmax(85px,1.2fr) 24px}.blf-list-header,.blf-physical-key,.blf-physical-key.blf-right{column-gap:5px}.blf-key-config input,.blf-key-config select{font-size:10px;padding:2px 4px}}

.blf-key-config label:nth-child(2) select,.blf-key-config label:nth-child(2) input,.blf-key-config label:nth-child(3) input{width:50%;flex:none}

.blf-phone-frame{--blf-columns:30px minmax(120px,1fr) minmax(120px,1.7fr) 30px 128px 30px}
.blf-key-config label:nth-child(3) input{width:100%;font-family:Arial,sans-serif;font-size:11px;padding:2px 4px;text-overflow:ellipsis}
.blf-key-config input.blf-label-overflow{border-color:#c47c27;box-shadow:inset 0 0 0 1px #c47c27}
.blf-list-header,.blf-physical-key,.blf-physical-key.blf-right{column-gap:4px}
@media(max-width:700px){.blf-phone-frame{--blf-columns:22px minmax(70px,1fr) minmax(70px,1fr) 22px 128px 22px}}

.blf-label-cell{position:relative}.blf-line-icon{display:none;position:absolute;left:5px;top:50%;transform:translateY(-50%);color:#555;pointer-events:none;line-height:1}.blf-line-icon .icon{width:12px;height:12px}.blf-label-cell.has-line-icon .blf-line-icon{display:block}.blf-key-config .blf-label-cell.has-line-icon input{padding-left:22px}

.blf-phone-frame{--blf-columns:30px minmax(120px,1fr) minmax(120px,1.7fr) 30px 101px 30px}
.blf-key-config label:nth-child(3) input{font-family:monospace;font-size:11px;letter-spacing:0}
@media(max-width:700px){.blf-phone-frame{--blf-columns:22px minmax(70px,1fr) minmax(70px,1fr) 22px 101px 22px}}

#user-editor-form [data-user-panel="statuses"]{padding:0}.status-settings{display:grid;grid-template-columns:190px minmax(0,1fr);min-height:520px}.status-profile-nav{display:flex;flex-direction:column;gap:0;border-right:1px solid #e2e7de;padding:8px 0}.status-profile-nav button{display:flex;align-items:center;gap:9px;background:white;color:#57644e;border:0;border-left:3px solid transparent;text-align:left;padding:18px 14px;width:100%;font-size:12px}.status-profile-nav button[aria-pressed="true"]{border-left-color:#619e40;background:#f1f6ec;font-weight:600}.status-profile-nav i{width:8px;height:8px;border-radius:50%;background:var(--status-color);flex:none}.status-profile-content{padding:22px;min-width:0}.status-profile-content [hidden]{display:none}.status-profile-content h2{font-size:16px;margin:0 0 18px}.status-profile-content h3{font-size:12px;border-bottom:1px solid #e7eae3;padding-bottom:8px;margin:22px 0 12px}.status-transfer-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:900px}.status-transfer-fields .field{margin:5px 0}.status-delay{max-width:240px}.status-delay input{max-width:95px}.status-option-list{display:flex;flex-direction:column;gap:12px}.status-option-list label{display:flex;align-items:center;gap:9px;font-size:12px}.status-option-list input{accent-color:#619e40}.status-trunk{max-width:440px;margin-top:25px}@media(max-width:760px){.status-settings{grid-template-columns:1fr}.status-profile-nav{flex-direction:row;overflow:auto;border-right:0;border-bottom:1px solid #e2e7de}.status-profile-nav button{width:auto;white-space:nowrap;padding:12px}.status-transfer-fields{grid-template-columns:1fr;gap:8px}.status-profile-content{padding:15px}}

.status-greeting{max-width:600px}.status-greeting audio{display:block;max-width:100%;margin:10px 0}.status-greeting-reset{display:flex;align-items:center;gap:8px;font-size:12px}.status-greeting small{color:#78836f}

.voicemail-extensions{margin-top:20px}.voicemail-extensions input[type="checkbox"]{accent-color:#619e40}.voicemail-extensions tr[hidden]{display:none}.vm-extension-form{padding:12px 18px 20px;background:#fafbf9}.vm-extension-form h3{margin-top:0}.vm-extension-form .voicemail-settings-fields{max-width:800px}.voicemail-extensions .card-header h2{font-size:15px}

.vm-announcement-select{width:100%;min-width:180px;max-width:380px;padding:7px;border:1px solid #d7dfd0;border-radius:3px;background:white;color:#4e6044;font:inherit}.voicemail-extensions .card-header{display:flex;align-items:center;justify-content:space-between;gap:16px}

.vm-announcement-actions{display:flex;align-items:center;gap:7px}.vm-announcement-actions select{flex:1;min-width:140px}.vm-audio-button{display:inline-flex;align-items:center;justify-content:center;flex:none;width:29px;height:29px;border:1px solid #d7dfd0;border-radius:3px;background:#fff;color:#5d7b4b;cursor:pointer}.vm-audio-button:hover,.vm-audio-button[aria-pressed="true"]{background:#edf5e6}.vm-audio-button .icon{width:15px;height:15px}

.general-announcement-choice{max-width:500px}

.announcement-picker{position:relative;flex:1;min-width:140px;max-width:100%}.announcement-picker>select[hidden]{display:none}.announcement-picker-trigger{width:100%;padding:8px 10px;border:1px solid #d7dfd0;border-radius:3px;background:white;color:#4e6044;text-align:left;font:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.announcement-picker-menu{position:absolute;top:calc(100% + 4px);left:0;min-width:100%;width:max-content;max-width:min(550px,75vw);max-height:280px;overflow:auto;background:white;border:1px solid #d5dece;border-radius:4px;box-shadow:0 8px 24px #0002;z-index:65;padding:4px}.announcement-picker-menu[hidden]{display:none}.announcement-picker-row{display:flex;align-items:center;gap:6px}.announcement-picker-option{flex:1;min-width:0;padding:9px 10px;background:white;color:#495b3e;border:0;text-align:left;font-size:12px;overflow-wrap:anywhere}.announcement-picker-option:hover,.announcement-picker-option.selected{background:#edf5e5}.announcement-delete{flex:none;width:28px;height:28px;color:#b24646;background:white;border:1px solid #ead7d7;border-radius:3px;font-size:20px;line-height:1;cursor:pointer}.announcement-delete:disabled{color:#aaa;border-color:#eee;background:#f7f7f7;cursor:not-allowed}.voicemail-extensions .table-scroll{overflow:visible}.status-greeting .vm-announcement-actions{max-width:600px}

#general-voicemail-form,.voicemail-extensions,#user-editor-form [data-user-panel="statuses"]{overflow:visible}.announcement-picker-menu.opens-up{top:auto;bottom:calc(100% + 4px)}

/* Shared SOIPP selection controls. Keep the existing switch inputs invisible. */
input[type="checkbox"]:not(.toggle-row input),input[type="radio"]{
 -webkit-appearance:none;appearance:none;display:inline-grid;place-content:center;vertical-align:middle;flex:0 0 18px;width:18px;min-width:18px;max-width:18px;height:18px;margin:0 7px 0 0;padding:0;border:1.5px solid #b9c4b2;border-radius:5px;background:#fff;box-shadow:0 1px 2px #23351c0a;cursor:pointer;transition:background-color .15s,border-color .15s,box-shadow .15s;
}
input[type="checkbox"]:not(.toggle-row input):before{content:'';display:block;width:9px;height:5px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:translateY(-1px) rotate(-45deg) scale(0);transition:transform .12s}
input[type="checkbox"]:not(.toggle-row input):checked,input[type="checkbox"]:not(.toggle-row input):indeterminate{background:#619e40;border-color:#619e40;box-shadow:0 1px 3px #477c2a20}
input[type="checkbox"]:not(.toggle-row input):checked:before{transform:translateY(-1px) rotate(-45deg) scale(1)}
input[type="checkbox"]:not(.toggle-row input):indeterminate:before{width:9px;height:0;border-left:0;border-bottom:2px solid #fff;transform:none}
input[type="radio"]{border-radius:50%}input[type="radio"]:before{content:'';width:8px;height:8px;border-radius:50%;background:#619e40;transform:scale(0);transition:transform .12s}input[type="radio"]:checked{border-color:#619e40}input[type="radio"]:checked:before{transform:scale(1)}
input[type="checkbox"]:not(.toggle-row input):not(:disabled):hover,input[type="radio"]:not(:disabled):hover{border-color:#619e40;box-shadow:0 0 0 3px #619e4014}
input[type="checkbox"]:not(.toggle-row input):focus-visible,input[type="radio"]:focus-visible{outline:2px solid #619e40;outline-offset:3px}
input[type="checkbox"]:not(.toggle-row input):disabled,input[type="radio"]:disabled{background:#ececec;border-color:#d0d0d0;box-shadow:none;cursor:not-allowed;opacity:1}input[type="checkbox"]:not(.toggle-row input):disabled:checked{background:#b2b2b2;border-color:#b2b2b2}input[type="radio"]:disabled:before{background:#aaa}
.toggle{background:#dce2d7;box-shadow:inset 0 0 0 1px #cbd4c4;transition:background-color .15s}.toggle-row input:checked+.toggle{background:#619e40;box-shadow:inset 0 0 0 1px #568d38}.toggle-row input:focus-visible+.toggle{outline:2px solid #619e40;outline-offset:3px}.toggle-row input:disabled+.toggle{background:#ddd;box-shadow:inset 0 0 0 1px #ccc;opacity:.75}.toggle-row input:disabled{cursor:not-allowed}
@media(prefers-reduced-motion:reduce){input[type="checkbox"],input[type="radio"],input[type="checkbox"]:before,input[type="radio"]:before,.toggle,.toggle:before{transition:none!important}}

.route-destination-picker{grid-column:1 / -1;margin:10px 0}.route-destination-title{font-size:12px;font-weight:600;color:#4f6045;margin-bottom:8px}.route-destination-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.route-destination-fields .field{margin:0}.route-destination-fields [hidden]{display:none}.call-route-editor .ivr-keys .route-destination-picker{grid-column:auto;padding:12px;border:1px solid #e0e6db;border-radius:4px;margin:0}@media(max-width:760px){.route-destination-fields{grid-template-columns:1fr}.call-route-editor .ivr-keys .route-destination-picker{grid-column:1 / -1}}

.typed-routing-picker{grid-column:1 / -1;margin:10px 0}.status-transfer-fields>.typed-routing-picker{grid-column:auto;margin:0}.status-transfer-fields{max-width:none}.status-transfer-fields .route-destination-fields{grid-template-columns:1fr}.typed-routing-picker [hidden]{display:none}.equipment-fields>.typed-routing-picker{grid-column:1 / -1}

.sip-password-result{display:flex;gap:10px;align-items:center}.sip-password-result input{flex:1;min-width:0;font-family:monospace}.sip-password-result button{flex-shrink:0}

.personal-schedule-fields{border:0;padding:0;margin:0;min-width:0}.personal-schedule-fields[hidden]{display:none}

.schedule-editor>.toggle-row[hidden]{display:none}

.reset-password-actions{display:flex;flex-direction:column;gap:12px;align-items:stretch}.reset-password-actions button{white-space:normal}

/* A common appearance for every SOIPP dropdown, including announcement pickers. */
:root{--select-border:#d5ded0;--select-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2367795d' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E")}
:root body select:not([multiple]):not([size]),:root body .announcement-picker-trigger{
 appearance:none;-webkit-appearance:none;box-sizing:border-box;min-width:0;height:36px;max-width:100%;padding:7px 34px 7px 11px;border:1px solid var(--select-border);border-radius:8px;background-color:#fff;background-image:var(--select-arrow);background-repeat:no-repeat;background-position:right 10px center;background-size:16px;color:#36472e;font-family:inherit;font-size:12px;line-height:20px;box-shadow:0 1px 2px #263a1910;cursor:pointer;text-overflow:ellipsis;transition:border-color .15s,box-shadow .15s,background-color .15s;
}
:root body select:not([multiple]):not([size]):hover:not(:disabled),:root body .announcement-picker-trigger:hover:not(:disabled){border-color:#9cb58c;background-color:#fafcf8}
:root body select:not([multiple]):not([size]):focus-visible,:root body .announcement-picker-trigger:focus-visible,:root body .announcement-picker-trigger[aria-expanded="true"]{outline:0;border-color:#6b9c50;box-shadow:0 0 0 3px #619e4024;background-color:#fff}
:root body select:not([multiple]):not([size]):disabled,:root body .announcement-picker-trigger:disabled{background-color:#f0f1ef;border-color:#dcded9;color:#92998c;box-shadow:none;opacity:1;cursor:not-allowed}
:root body select option{color:#36472e;background:#fff}
:root body .blf-key-config select:not([multiple]):not([size]){height:24px;padding:1px 23px 1px 7px;font-size:11px;line-height:20px;border-radius:6px;background-position:right 5px center;background-size:13px;box-shadow:none}
.announcement-picker-menu{padding:6px;border-radius:10px;border-color:#d5ded0;box-shadow:0 10px 30px #23351c1c}
.announcement-picker-row{gap:5px;border-radius:6px}
.announcement-picker-option{border-radius:6px;color:#36472e}
.announcement-picker-option:hover,.announcement-picker-option.selected{background:#edf5e8;color:#385f27}
.announcement-delete{border-radius:6px}
@media(prefers-reduced-motion:reduce){:root body select,:root body .announcement-picker-trigger{transition:none}}
@supports(appearance:base-select){
 :root body select:not([multiple]):not([size]),:root body select:not([multiple]):not([size])::picker(select){appearance:base-select}
 :root body select:not([multiple]):not([size])::picker-icon{display:none}
 :root body select:not([multiple]):not([size])::picker(select){margin-block:5px;border:1px solid #d5ded0;border-radius:10px;padding:6px;box-shadow:0 10px 30px #23351c1c;background:#fff;max-height:300px;overflow:auto;min-width:anchor-size(width)}
 :root body select:not([multiple]):not([size]) option{padding:8px 10px;border-radius:6px;gap:10px;font-size:12px;line-height:20px;cursor:pointer;white-space:normal}
 :root body select:not([multiple]):not([size]) option:hover,:root body select:not([multiple]):not([size]) option:focus,:root body select:not([multiple]):not([size]) option:checked{background:#edf5e8;color:#385f27}
 :root body select:not([multiple]):not([size]) option::checkmark{color:#619e40}
}

.general-hours-collapse{margin-bottom:22px}.general-hours-collapse>summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:19px 22px;cursor:pointer;list-style:none}.general-hours-collapse>summary::-webkit-details-marker{display:none}.general-hours-collapse>summary strong{font-size:13px}.general-hours-collapse>summary small{display:block;color:#85917d;font-size:11px;margin-top:5px}.hours-expand-label{display:flex;align-items:center;gap:12px;color:#5b7f48;font-size:12px}.hours-expand-label .icon{width:16px;height:16px;transition:transform .15s}.general-hours-collapse[open]>summary{border-bottom:1px solid #e5eadd}.general-hours-collapse[open] .hours-expand-label .icon{transform:rotate(90deg)}.general-hours-collapse>summary:hover{background:#fafcf8}.general-hours-collapse>summary:focus-visible{outline:2px solid #619e40;outline-offset:-3px}.general-hours-collapse #server-hours-form>.heading-actions{justify-content:flex-end;margin-top:18px}

.general-hours-collapse .hours-when-open{display:none}.general-hours-collapse[open] .hours-when-open{display:inline}.general-hours-collapse[open] .hours-when-closed{display:none}

.route-members.route-members-editor{max-height:none;border:0;padding:0;grid-column:1/-1;gap:16px}.route-member-add{display:flex;gap:10px;align-items:center;max-width:650px}.route-member-add select{flex:1}.route-member-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.route-member-list li{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;border:1px solid #e0e7da;border-radius:8px;background:#fff}.route-member-identity strong,.route-member-identity small{display:block}.route-member-identity strong{font-size:12px}.route-member-identity small{color:#8a9682;font-size:11px;margin-top:4px}.route-member-actions{display:flex;gap:14px;align-items:center}.route-member-actions button:disabled{cursor:default}.route-members-empty{color:#8a9682;font-size:12px}.route-members-empty[hidden]{display:none}@media(max-width:600px){.route-member-list li{padding:10px}.route-member-actions{gap:8px}}

.ivr-keys.ivr-keys-editor{grid-column:1/-1;gap:18px}.ivr-key-list{display:grid;gap:12px}.ivr-key-row{display:flex;align-items:flex-start;gap:18px;border:1px solid #e0e7da;border-radius:8px;padding:15px 18px}.ivr-key-row>.route-destination-picker{flex:1;min-width:0}.ivr-key-row>button{margin-top:3px;flex:none}.ivr-keys-empty{font-size:12px;color:#8a9682}.ivr-keys-empty[hidden]{display:none}.ivr-keys-editor .route-destination-fields label{display:block}.ivr-keys-editor .route-destination-fields select{width:100%}@media(max-width:650px){.ivr-key-row{padding:12px;gap:10px}.ivr-key-row .route-destination-fields{grid-template-columns:1fr}}
#user-editor-form [data-user-panel="voicemail"]{overflow:visible}

.call-route-editor [data-equipment-panel="greeting"]{overflow:visible}.route-announcement-actions{grid-column:1/-1;max-width:680px}

#department-form textarea{width:100%;resize:vertical;border:1px solid #d5ded0;border-radius:8px;padding:10px;font:inherit;color:#36472e}

/* SOIPP finishing touches: consistent controls without changing page structure. */
:root{--soipp-primary:#5c943e;--soipp-primary-hover:#4c8032;--soipp-border:#dce4d6;--soipp-focus:0 0 0 3px #619e4026}
body .button{border-radius:8px;min-height:36px;padding:9px 14px;font-size:12px;font-weight:600;line-height:18px;gap:8px;transition:background-color .15s,border-color .15s,box-shadow .15s;box-shadow:0 1px 2px #23351c0a}
body .button.primary{background:var(--soipp-primary);border-color:var(--soipp-primary);color:#fff;box-shadow:0 2px 5px #385f271a}
body .button.primary:hover:not(:disabled){background:var(--soipp-primary-hover);border-color:var(--soipp-primary-hover)}
body .button.secondary{background:#fff;border-color:var(--soipp-border);color:#4c6240}
body .button.secondary:hover:not(:disabled){background:#f4f8f0;border-color:#a7bf97}
body .button.danger{background:#b74646;border-color:#b74646;color:#fff}
body .button.danger:hover:not(:disabled){background:#9d3737;border-color:#9d3737}
body .button:active:not(:disabled){box-shadow:inset 0 1px 3px #23351c26}
body .button:disabled{cursor:not-allowed;opacity:.5;box-shadow:none}
body .text-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:28px;padding:4px 7px;border:1px solid transparent;border-radius:6px;background:transparent;color:#527b3e;font-size:12px;line-height:18px;text-decoration:none;vertical-align:middle;transition:background-color .15s,border-color .15s}
body .text-button:hover:not(:disabled){background:#edf5e7;border-color:#dce9d2;color:#3c632b;text-decoration:none}
body .text-button:disabled{opacity:.4;cursor:not-allowed}
body :is([data-user-delete],[data-department-delete],[data-route-delete],[data-member-remove],[data-ivr-key-remove],[data-equipment="device-delete"]){color:#b64d4d}
body :is([data-user-delete],[data-department-delete],[data-route-delete],[data-member-remove],[data-ivr-key-remove],[data-equipment="device-delete"]):hover:not(:disabled){background:#fcf0ef;border-color:#f1d9d6;color:#983b3b}
body :is(.button,.text-button,.vm-audio-button,.announcement-delete,.icon-button):focus-visible{outline:0;box-shadow:var(--soipp-focus);border-color:#6b9c50}
body .vm-audio-button{width:34px;height:34px;border-radius:8px;border-color:var(--soipp-border);background:#fff;color:#527b3e;box-shadow:0 1px 2px #23351c08;transition:background-color .15s,border-color .15s}
body .vm-audio-button:hover{background:#edf5e7;border-color:#a7bf97}
body .vm-audio-button[aria-pressed="true"]{background:#e6f1de;border-color:#91b779;color:#3b6329}
body .announcement-delete:hover:not(:disabled){background:#fcf0ef;border-color:#e3baba}
body .page-heading .heading-actions{gap:10px}
body .card{border-color:#e1e7db;border-radius:10px;box-shadow:0 2px 6px #25351c04}
body .table-scroll table{border-collapse:collapse}
body #content table:not(.blf-table)>thead th{background:#f7f9f4;color:#708165;font-size:11px;font-weight:600;border-bottom:1px solid #e1e7db}
body #content table:not(.blf-table)>tbody>tr>td{border-bottom-color:#edf0e9}
body #content table:not(.blf-table)>tbody>tr:hover{background:#fbfcf9}
body #content table:not(.blf-table)>tbody>tr:last-child>td{border-bottom:0}
body :is(.equipment-editor-tabs,.user-editor-tabs){gap:20px}
body :is(.equipment-editor-tabs,.user-editor-tabs) button{transition:color .15s,background-color .15s;border-radius:6px 6px 0 0}
body :is(.equipment-editor-tabs,.user-editor-tabs) button:hover{background:#f3f7ef;color:#477531}
body .routing-tabs button{border-radius:7px 7px 0 0;transition:background-color .15s}
body .routing-tabs button:hover,body .routing-tabs button.active{background:#f1f6eb;color:#477531}
body :is(#dialog,#portal-dialog){border:1px solid #dce4d6;border-radius:14px;box-shadow:0 22px 70px #1e2c1940;padding:26px}
body dialog::backdrop{background:#1d281d66;backdrop-filter:blur(3px)}
body dialog h2{font-size:18px;color:#35452d;line-height:1.4;margin-bottom:20px}
body dialog>p,body dialog form>p{color:#7a8870;line-height:1.65}
body .modal-actions{gap:10px;border-top:1px solid #edf0e9;padding-top:17px;margin-top:22px}
body .field input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.blf-editor input),body .field textarea{border:1px solid #d5ded0;border-radius:7px;background:#fff;color:#36472e;box-shadow:0 1px 2px #23351c08;transition:border-color .15s,box-shadow .15s}
body .field input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):focus-visible,body .field textarea:focus-visible{outline:0;border-color:#6b9c50;box-shadow:var(--soipp-focus)}
body .field input:read-only:not([type="file"]):not(.blf-editor input){background:#f6f8f3;color:#829075;box-shadow:none}
body .field input:disabled:not(.blf-editor input),body .field textarea:disabled{background:#f0f1ef;color:#92998c;cursor:not-allowed;box-shadow:none}
body input[type="file"]{font:inherit;color:#7b8873;max-width:100%}
body input[type="file"]::file-selector-button{font:inherit;font-weight:600;padding:8px 12px;margin-right:10px;border:1px solid var(--soipp-border);border-radius:7px;background:#fff;color:#527b3e;cursor:pointer}
body input[type="file"]::file-selector-button:hover{background:#edf5e7;border-color:#a7bf97}
body #toast{border-radius:9px;box-shadow:0 6px 24px #23351c26;line-height:1.5}
@media(prefers-reduced-motion:reduce){body :is(.button,.text-button,.vm-audio-button,.equipment-editor-tabs button,.user-editor-tabs button,.routing-tabs button,.field input,.field textarea){transition:none}}
body .team-member{border-radius:10px;box-shadow:0 2px 6px #25351c04;border-color:#e1e7db}
body .member-actions button{border-radius:7px;border-color:#dce4d6;transition:background-color .15s,border-color .15s}
body .member-actions button:hover{background:#edf5e7;border-color:#a7bf97}
body .member-actions button:focus-visible{outline:0;box-shadow:var(--soipp-focus)}
body .team-list .team-member{border-radius:0;box-shadow:none}
body .team-list .team-member:first-child{border-radius:10px 10px 0 0}
body .team-list .team-member:last-child{border-radius:0 0 10px 10px}
body .search{border-radius:8px}

#portal-dialog:has(#department-form){width:660px;max-width:94vw}#department-form [data-member-move]{display:none}#department-form .route-member-list{max-height:260px;overflow:auto;margin-bottom:12px}#department-form>.button[type="submit"]{margin-top:16px}

/* All standalone checkboxes use the same ON/OFF switch as the BLF settings. */
body input[type="checkbox"]:not(.toggle-row input){appearance:none;-webkit-appearance:none;position:relative;display:inline-block;vertical-align:middle;flex:0 0 36px;width:36px;min-width:36px;max-width:36px;height:20px;padding:0;margin:0 8px 0 0;border:0;border-radius:999px;background:#dce2d7;box-shadow:inset 0 0 0 1px #cbd4c4;cursor:pointer;transition:background-color .15s,box-shadow .15s}
body input[type="checkbox"]:not(.toggle-row input)::before{content:'';display:block;position:absolute;left:3px;top:3px;width:14px;height:14px;border:0;border-radius:50%;background:#fff;box-shadow:0 1px 3px #23351c2b;transform:none;transition:transform .15s}
body input[type="checkbox"]:not(.toggle-row input):checked{background:#619e40;border:0;box-shadow:inset 0 0 0 1px #568d38}
body input[type="checkbox"]:not(.toggle-row input):checked::before{transform:translateX(16px)}
body input[type="checkbox"]:not(.toggle-row input):indeterminate{background:#94af82;box-shadow:inset 0 0 0 1px #7e9b6c}
body input[type="checkbox"]:not(.toggle-row input):indeterminate::before{width:14px;height:14px;border:0;transform:translateX(8px)}
body input[type="checkbox"]:not(.toggle-row input):not(:disabled):hover{box-shadow:inset 0 0 0 1px #8fa77e,0 0 0 3px #619e4014}
body input[type="checkbox"]:not(.toggle-row input):focus-visible{outline:2px solid #619e40;outline-offset:3px}
body input[type="checkbox"]:not(.toggle-row input):disabled{background:#ddd;box-shadow:inset 0 0 0 1px #ccc;opacity:.75;cursor:not-allowed}
body input[type="checkbox"]:not(.toggle-row input):disabled:checked{background:#a8b99d;box-shadow:inset 0 0 0 1px #9bad8e}
.schedule-day-label{gap:7px}

/* Consistent action icons; pseudo-elements leave labels and events intact. */
body [data-action-icon]{display:inline-flex;align-items:center;justify-content:center;gap:7px}
body [data-action-icon]::before{content:"";display:inline-block;flex:0 0 14px;width:14px;height:14px;background:currentColor;-webkit-mask:var(--action-glyph) center/contain no-repeat;mask:var(--action-glyph) center/contain no-repeat}
[data-action-icon="save"]{--action-glyph:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M19%2021H5a2%202%200%200%201-2-2V5a2%202%200%200%201%202-2h12l4%204v12a2%202%200%200%201-2%202Z%22%2F%3E%3Cpath%20d%3D%22M7%203v6h10V3M7%2021v-8h10v8%22%2F%3E%3C%2Fsvg%3E")}
[data-action-icon="plus"]{--action-glyph:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%205v14M5%2012h14%22%2F%3E%3C%2Fsvg%3E")}
[data-action-icon="trash"]{--action-glyph:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%206h18M9%206V3h6v3M5%206l1%2015h12l1-15M10%2010v7m4-7v7%22%2F%3E%3C%2Fsvg%3E")}
[data-action-icon="edit"]{--action-glyph:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m15%205%204%204M4%2020l5-1L21%207l-4-4L5%2015z%22%2F%3E%3C%2Fsvg%3E")}
[data-action-icon="close"]{--action-glyph:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m6%206%2012%2012M6%2018%2018%206%22%2F%3E%3C%2Fsvg%3E")}
[data-action-icon="refresh"]{--action-glyph:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%207v5h-5M4%2017v-5h5M6%207a7%207%200%200%201%2011-2l3%203M4%2016l3%203a7%207%200%200%200%2011-2%22%2F%3E%3C%2Fsvg%3E")}
[data-action-icon="check"]{--action-glyph:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m5%2012%204%204L19%206%22%2F%3E%3C%2Fsvg%3E")}
[data-action-icon="copy"]{--action-glyph:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%228%22%20y%3D%228%22%20width%3D%2213%22%20height%3D%2213%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M16%208V3H3v13h5%22%2F%3E%3C%2Fsvg%3E")}
[data-action-icon="download"]{--action-glyph:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203v12m-5-5%205%205%205-5M4%2016v5h16v-5%22%2F%3E%3C%2Fsvg%3E")}
[data-action-icon="upload"]{--action-glyph:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%2015V3m-5%205%205-5%205%205M4%2016v5h16v-5%22%2F%3E%3C%2Fsvg%3E")}
[data-action-icon="status"]{--action-glyph:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%2F%3E%3C%2Fsvg%3E")}
[data-action-icon="settings"]{--action-glyph:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m9%203-1%203-3%201v4l2%202-1%203%203%203%203-1%203%201%203-3-1-3%202-2V7l-3-1-1-3z%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2211%22%20r%3D%223%22%2F%3E%3C%2Fsvg%3E")}
[data-action-icon="phone"]{--action-glyph:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m4%203%204%200%202%205-3%202a17%2017%200%200%200%207%207l2-3%205%202v4c-9%203-21-9-17-17Z%22%2F%3E%3C%2Fsvg%3E")}
[data-action-icon="play"]{--action-glyph:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m8%204%2012%208-12%208z%22%2F%3E%3C%2Fsvg%3E")}
[data-action-icon="stop"]{--action-glyph:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%225%22%20y%3D%225%22%20width%3D%2214%22%20height%3D%2214%22%20rx%3D%222%22%2F%3E%3C%2Fsvg%3E")}
[data-action-icon="send"]{--action-glyph:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m22%202-7%2020-4-9-9-4%2020-7ZM11%2013%2022%202%22%2F%3E%3C%2Fsvg%3E")}
[data-action-icon="login"]{--action-glyph:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M14%203h7v18h-7M3%2012h13m-5-5%205%205-5%205%22%2F%3E%3C%2Fsvg%3E")}
[data-action-icon="back"]{--action-glyph:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%2012H4m7-7-7%207%207%207%22%2F%3E%3C%2Fsvg%3E")}
[data-action-icon="eye"]{--action-glyph:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M2%2012s4-7%2010-7%2010%207%2010%207-4%207-10%207S2%2012%202%2012Z%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%2F%3E%3C%2Fsvg%3E")}
[data-action-icon="power"]{--action-glyph:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%202v10M6%205a9%209%200%201%200%2012%200%22%2F%3E%3C%2Fsvg%3E")}
[data-action-icon="grid"]{--action-glyph:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%223%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%2214%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%2214%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221%22%2F%3E%3C%2Fsvg%3E")}
[data-action-icon="arrow"]{--action-glyph:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2012h16m-6-6%206%206-6%206%22%2F%3E%3C%2Fsvg%3E")}

.department-editor{max-width:none}.department-general-fields{max-width:800px;margin-top:20px}.department-editor .route-members-editor{margin-top:20px}.department-editor .route-member-list{max-height:none}.department-editor .route-member-add{max-width:700px}.department-editor [data-equipment-panel][hidden]{display:none}
.department-editor #department-form .route-member-list{max-height:none;overflow:visible}

.server-logo-menu{margin-bottom:20px}.server-logo-menu p{color:#7b8873;font-size:12px}.server-logo-preview{display:flex;align-items:center;justify-content:center;width:180px;height:180px;border:1px solid #dce4d6;border-radius:12px;background:#f3f6ef;margin:22px 0}.server-logo-preview img{max-width:150px;max-height:150px;object-fit:contain}.soipp-logo img{object-fit:contain}#server-logo-form>.field{max-width:500px}
body [data-equipment="trunk-delete"]{color:#b64d4d}
body [data-equipment="trunk-delete"]:hover:not(:disabled){background:#fcf0ef;border-color:#f1d9d6;color:#983b3b}

.sda-editor{grid-column:1/-1;min-width:0}.sda-editor>.card-header{padding:0 0 16px}.sda-list{display:grid;gap:16px}.sda-row{padding:16px 18px;border:1px solid #e0e7da;border-radius:10px;background:#fff}.sda-row-header{display:grid;grid-template-columns:1fr 1fr auto;gap:16px;align-items:center}.sda-row-header>.field{margin:0}.sda-row .typed-routing-picker{margin-bottom:0}.sda-empty{color:#8a9682;font-size:12px}.sda-empty[hidden]{display:none}body [data-sda-remove]{color:#b64d4d}body [data-sda-remove]:hover{background:#fcf0ef;border-color:#f1d9d6}@media(max-width:650px){.sda-row-header{grid-template-columns:1fr}.sda-row-header>button{justify-self:end}}

.dect-bases{margin-top:24px}.dect-editor{max-width:none}.dect-editor [data-equipment-panel][hidden]{display:none}.dect-account-row{display:grid;grid-template-columns:95px minmax(160px,1fr) minmax(170px,1fr) auto;align-items:center;gap:15px;border:1px solid #e0e7da;border-radius:9px;padding:12px 16px}.dect-account-row .field{margin:0}.dect-account-row input,.dect-account-row select{width:100%}.dect-accounts{display:grid;gap:10px}.dect-editor [data-equipment-panel="handsets"]>.card-header{padding:0 0 20px}.dect-editor .equipment-fields{margin-top:18px}body :is([data-dect-delete],[data-dect-account-remove]){color:#b64d4d}body :is([data-dect-delete],[data-dect-account-remove]):hover{background:#fcf0ef;border-color:#f1d9d6}@media(max-width:700px){.dect-account-row{grid-template-columns:1fr 1fr}.dect-account-row>button{justify-self:end}}
.equipment-editor:has(.phone-web-frame){max-width:none}#device-form>[data-equipment-panel="web"]{grid-column:1/-1}.equipment-fields:has(.phone-web-frame){display:block;max-width:none}.phone-web-frame{display:block;width:100%;height:calc(100vh - 270px);min-height:360px;border:1px solid #dce3e8;border-radius:9px;background:white}.phone-web-frame[hidden],.phone-web-message[hidden]{display:none}.phone-web-message{font-size:13px;color:var(--muted,#6b7280)}

.phone-web-frame{max-width:1100px;margin-inline:auto}
.dect-editor .phone-web-frame{max-width:none}
.equipment-editor [data-equipment-panel="web"]{border:0;box-shadow:none;background:transparent;padding:0}.equipment-editor [data-equipment-panel="web"]>h2{display:none}.equipment-editor [data-equipment-panel="web"]>.equipment-fields{margin-top:0}
.shell main>footer,.sidebar>.side-bottom,.rail-bottom>small{display:none}

.phone-web-frame{min-height:160px}
#content:has([data-equipment-panel="web"]:not([hidden])) .heading-actions :is([form="device-form"],[form="dect-form"]){display:none}
body .page-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,auto) minmax(0,1fr);align-items:center;gap:18px;min-height:72px} .page-heading>.heading-return{grid-column:1;grid-row:1;justify-self:start;min-width:0}.page-heading>.heading-title{grid-column:2;grid-row:1;text-align:center;min-width:0}.page-heading>.heading-title h1{overflow-wrap:anywhere}.page-heading>.heading-actions{grid-column:3;grid-row:1;justify-content:flex-end;flex-wrap:wrap;min-width:0}.page-heading>.heading-return .button{white-space:normal;text-align:left}@media(max-width:1100px){body .page-heading{grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr);gap:12px}.page-heading>.heading-actions{grid-column:1/-1;grid-row:2;justify-self:end}.page-heading>.heading-return .button{font-size:11px;padding:9px 11px}}@media(max-width:580px){body .page-heading{grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr);gap:8px}.page-heading>.heading-title h1{font-size:15px}.page-heading>.heading-actions{width:100%;justify-content:flex-end}}

.page-heading>.heading-actions:empty{display:none}
.unsaved-return-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;margin-top:24px}.unsaved-return-actions .button{white-space:normal}
#portal-dialog:has([data-unsaved-return])>.modal-actions{display:none}
.call-route-editor .route-members.route-members-editor,.call-route-editor .ivr-keys.ivr-keys-editor{grid-template-columns:minmax(0,1fr)}.route-members-editor,.ivr-keys-editor,.route-member-list,.ivr-key-list{min-width:0}.route-member-add{display:grid;grid-template-columns:minmax(0,1fr) auto;width:100%;min-width:0;align-items:center}.route-member-add select{width:100%;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.route-member-add>.button{max-width:100%;white-space:nowrap}.route-member-identity{min-width:0;overflow-wrap:anywhere}.route-member-actions{flex-shrink:0}@media(max-width:480px){.route-member-add{grid-template-columns:minmax(0,1fr)}.route-member-add>.button{justify-self:end}.route-member-list li{flex-wrap:wrap}.route-member-actions{margin-left:auto}}
/* Keep selects and their grid/flex cells within the available form width. */
:root body select{min-inline-size:0;max-inline-size:100%;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:is(.field,.equipment-fields,.user-editor-fields,.settings-grid,.form-columns,.route-destination-fields,.status-transfer-fields,.profile-fields,.sda-row-header)>*{min-width:0}:is(.field,.typed-routing-picker,.route-destination-picker,.status-greeting,.vm-announcement-actions,.announcement-picker){min-width:0;max-width:100%}.field select,.route-destination-fields select{width:100%}.vm-announcement-actions{flex-wrap:wrap}.vm-announcement-actions>.announcement-picker{flex:1 1 140px;min-width:0}.announcement-picker-trigger{min-width:0;max-width:100%}.announcement-picker-menu{width:100%;min-width:0;max-width:100%;box-sizing:border-box}.sda-row-header{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}@supports(appearance:base-select){:root body select:not([multiple]):not([size])::picker(select){min-width:0;width:anchor-size(width);max-width:calc(100vw - 24px)}:root body select selectedcontent{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media(max-width:650px){.sda-row-header{grid-template-columns:minmax(0,1fr)}.dect-account-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media(max-width:420px){.dect-account-row{grid-template-columns:minmax(0,1fr)}}
.apps-platform-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:24px 0}.apps-platform{padding:28px;display:grid;grid-template-columns:64px minmax(0,1fr);gap:20px;align-items:start}.apps-platform-icon{width:64px;height:64px;border-radius:15px;display:grid;place-items:center;background:#edf5e7;color:#5c8c40}.apps-platform-icon svg{width:36px;height:36px}.apps-platform h2{font-size:18px;margin:4px 0 12px}.apps-platform p,.apps-install-guide p,.apps-install-guide li{color:#697760;line-height:1.7}.apps-platform p{margin:0}.apps-platform>.apps-install-action{grid-column:1/-1;justify-self:start;margin-top:8px}.apps-install-guide{max-width:100%;margin-top:24px}.apps-install-guide h2{margin-top:0}.apps-install-guide ol{padding-left:22px}.apps-install-guide:focus{outline:0}.apps-install-guide:focus-visible{outline:2px solid #86ad6c;outline-offset:3px}@media(max-width:760px){.apps-platform-grid{grid-template-columns:minmax(0,1fr);gap:16px}.apps-platform{padding:20px;grid-template-columns:52px minmax(0,1fr);gap:16px}.apps-platform-icon{width:52px;height:52px}.apps-platform h2{font-size:16px}}
.apps-platform-grid.apps-single-client{grid-template-columns:minmax(0,1fr);max-width:760px}

.apps-mobile-guide{margin:24px 0}.apps-mobile-guide h2{margin-top:0}.apps-mobile-guide p,.apps-mobile-guide li{line-height:1.7;color:#697760}.apps-mobile-platforms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.apps-mobile-platforms ol{padding-left:20px}
@media(max-width:580px){
 .app-rail{padding-bottom:env(safe-area-inset-bottom);overflow-y:auto;overscroll-behavior:contain}.app-rail .rail-nav a{min-height:48px}.app-rail .rail-bottom{flex-shrink:0}
 .user-space .topbar{padding-right:max(12px,env(safe-area-inset-right));padding-top:env(safe-area-inset-top);height:calc(60px + env(safe-area-inset-top))}.user-space main{padding-bottom:calc(20px + env(safe-area-inset-bottom))}
 .user-space :is(input:not([type=checkbox]):not([type=radio]),textarea,select){font-size:16px}.user-space .member-actions button{width:36px;height:36px}.user-space .member-actions{gap:4px}
 .user-space .apps-mobile-platforms{grid-template-columns:minmax(0,1fr);gap:8px}.user-space .apps-platform{grid-template-columns:40px minmax(0,1fr);padding:16px;gap:12px}.user-space .apps-platform-icon{width:40px;height:40px}.user-space .apps-platform-icon svg{width:26px;height:26px}.user-space .card.padded{padding:16px}
 .user-space .message-compose{padding:12px 8px;gap:6px}.user-space .conversation-header{padding:12px}.user-space .personal-settings-content{min-width:0}
}

@media(max-width:580px){.user-space #content:has(.apps-mobile-guide){display:flex;flex-direction:column}.user-space #content:has(.apps-mobile-guide)>.apps-install-guide{order:2}.user-space .apps-mobile-guide{margin-top:0}}

.apps-mobile-actions{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.apps-mobile-actions>.button{min-width:130px;justify-content:center}.apps-install-guide[hidden]{display:none}

.apps-qr-layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:24px;align-items:center;margin:24px 0}.apps-qr-image{background:#fff;border-radius:10px;padding:4px;width:200px;max-width:100%;line-height:0}.apps-qr-image svg{display:block;width:100%;height:auto;fill:#000;shape-rendering:crispEdges}.apps-qr-layout h3{margin-top:0}.apps-qr-url{display:block;overflow-wrap:anywhere;color:#477531;text-decoration:underline}@media(max-width:580px){.apps-qr-layout{grid-template-columns:minmax(0,1fr);gap:16px}.apps-qr-image{justify-self:center}}

.apps-catalog{align-items:stretch}.apps-catalog>.card{min-width:0;margin:0}.apps-catalog .apps-platform{align-content:start}.apps-catalog .apps-mobile-guide{padding:24px}.apps-catalog .apps-mobile-guide h2{font-size:18px;margin:4px 0 16px}.apps-catalog .apps-qr-layout{grid-template-columns:160px minmax(0,1fr);gap:18px;margin:16px 0}.apps-catalog .apps-qr-image{width:160px}.apps-catalog .apps-qr-layout h3{font-size:13px;margin-bottom:8px}.apps-catalog .apps-qr-layout p{font-size:12px;margin:8px 0}.apps-catalog .apps-qr-url{font-size:12px}.apps-catalog .apps-mobile-actions{gap:10px;margin:16px 0 8px}.apps-catalog .apps-mobile-guide>p{font-size:12px;margin-bottom:0}.apps-catalog .button:disabled{cursor:not-allowed;opacity:.7}
@media(max-width:1000px) and (min-width:761px){.apps-catalog .apps-qr-layout{grid-template-columns:minmax(0,1fr)}.apps-catalog .apps-qr-image{justify-self:center}.apps-catalog .apps-platform{grid-template-columns:44px minmax(0,1fr);padding:20px;gap:14px}.apps-catalog .apps-platform-icon{width:44px;height:44px}}
@media(max-width:580px){.apps-catalog .apps-qr-layout{grid-template-columns:minmax(0,1fr)}.apps-catalog .apps-mobile-guide{padding:16px}}

/* Platform colours remain visible on previews of future applications. */
:root body .apps-catalog .button[data-app-platform]{background:var(--platform-bg);border-color:var(--platform-border);color:#fff;opacity:1}
:root body .apps-catalog .button:is([data-app-platform="android"],[data-app-platform="windows"]){--platform-bg:#3d6b30;--platform-border:#527f43;--platform-hover:#345e29}
:root body .apps-catalog .button:is([data-app-platform="ios"],[data-app-platform="macos"]){--platform-bg:#245da4;--platform-border:#3975bf;--platform-hover:#1c4d8c}
:root body .apps-catalog .button[data-app-platform]:hover:not(:disabled){background:var(--platform-hover);border-color:var(--platform-border);color:#fff}
:root body .apps-catalog .button[data-app-platform]:disabled{cursor:not-allowed;opacity:1;box-shadow:none}

.status-closure{--status-color:#96356e;--status-bg:#f9eaf2}
.system-status-table{overflow-x:auto}.system-status-table table{width:100%}#status-profile-form{max-width:1200px}#status-profile-form .equipment-fields{max-width:760px}#status-profile-form input[type="color"]{width:120px;height:44px;padding:4px;cursor:pointer}#status-profile-form .status-transfer-fields{max-width:960px}#status-profile-form .description{margin-top:24px;line-height:1.7}

.discovery-summary{margin:20px 0}.discovery-summary p{line-height:1.7}.discovery-results{overflow-x:auto}.discovery-results table{width:100%}.discovery-results td{vertical-align:middle}.discovery-model{margin:0;min-width:180px;max-width:260px}.discovery-model span{display:block;font-size:11px;margin-bottom:8px}.discovery-results .button{white-space:nowrap}.discovery-results td.mono{white-space:nowrap}

.discovery-state{display:block;margin:12px 0;color:inherit}.discovery-progress{display:block;width:100%;max-width:480px;height:9px;accent-color:#619e40;margin:14px 0}

.sidebar #navigation{min-height:0;overflow-y:auto;overscroll-behavior:contain}

.server-services-table{overflow-x:auto;margin:20px 0}.server-services-table table{width:100%}.server-services-table td{vertical-align:middle}.server-services-table td:first-child{min-width:180px}.server-services-table td:last-child .button{white-space:nowrap}.service-detail{display:block;margin-top:7px;color:#697760;font-size:11px}.service-operation{display:flex;align-items:center;gap:12px;margin:18px 0;line-height:1.7}.service-restart-confirm{margin-top:20px;border-left:3px solid #b74646}.service-restart-confirm p,.server-services-dependency p{line-height:1.7}.service-restart-confirm .heading-actions{justify-content:flex-end;margin-top:16px}.service-warning{background:#fff0d9;color:#805318}

.system-status-effects h3{font-size:12px;border-bottom:1px solid #e7eae3;padding-bottom:8px;margin:22px 0 12px}
.system-status-effects>label.field:first-of-type{max-width:900px}

.standard-boards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.standard-board header,.standard-choice-editor header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
.standard-board h2,.standard-choice-editor h3{margin:0}.standard-board p{color:#687562}
.standard-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:18px;white-space:nowrap;background:color-mix(in srgb,var(--standard-color,#2469c5) 12%,white);color:#24312b;font-size:12px}
.standard-badge i,.standard-choice-button i{display:inline-block;width:9px;height:9px;flex:none;border-radius:50%;background:var(--standard-color,#2469c5)}
.standard-switches{display:flex;flex-wrap:wrap;gap:10px}.standard-choice-button[aria-pressed="true"]{border-color:var(--standard-color);background:color-mix(in srgb,var(--standard-color) 9%,white);opacity:1;cursor:default}
.standard-choice-list{display:grid;gap:16px;margin-bottom:18px}.standard-voicemail-fields{border:0;padding:0;margin:12px 0 0;min-width:0;max-width:960px}.standard-voicemail-fields>.field{max-width:460px}
.standard-choice-editor .vm-announcement-actions{max-width:700px}
.rail-nav{min-height:0;overflow-y:auto}
@media(max-width:900px){.standard-boards{grid-template-columns:1fr}}

body [data-standard-remove]{color:#b64d4d}
body [data-standard-remove]:hover:not(:disabled){background:#fcf0ef;border-color:#f1d9d6;color:#983b3b}

body .standard-choice-button[aria-pressed="true"]{opacity:1;cursor:default;border-color:var(--standard-color);background:color-mix(in srgb,var(--standard-color) 10%,white)}

.voicemail-mailboxes{display:flex;flex-direction:row;flex-wrap:nowrap;gap:10px;width:100%;min-width:0;overflow-x:auto;border-bottom:1px solid #dfe5da;padding:0 0 12px;margin:0 0 20px}
.voicemail-mailboxes button{display:flex;align-items:center;flex:0 0 auto;gap:9px;background:#fff;border:1px solid #dce4d5;border-radius:8px;color:#526349;padding:11px 14px;white-space:nowrap;font-size:12px}
.voicemail-mailboxes button:hover{background:#f1f6ec}
.voicemail-mailboxes button[aria-pressed="true"]{border-color:#619e40;background:#edf5e7;color:#355d26;font-weight:600}
.voicemail-mailboxes b{min-width:21px;padding:3px 5px;border-radius:12px;background:#e6ecdf;text-align:center;font-size:11px}
.voicemail-inbox>h2{margin:0 0 18px}
@media(max-width:600px){.voicemail-message{flex-wrap:wrap;gap:12px}.voicemail-message audio{width:100%;max-width:100%}}
[data-standard-mailbox-target][hidden]{display:none!important}
body [data-status-profile-delete]{color:#b64d4d}
body [data-status-profile-delete]:hover:not(:disabled){background:#fcf0ef;border-color:#f1d9d6;color:#983b3b}

.voicemail-message .shared-voicemail-read{font-size:12px;line-height:1.5}.voicemail-message .shared-voicemail-read.is-unread{font-weight:600;color:var(--green,#397e36)}.voicemail-message .shared-voicemail-read.is-read{color:var(--muted,#687466)}

.dect-account-row{grid-template-columns:90px minmax(180px,1fr) minmax(230px,1.25fr) auto;align-items:center}.dect-handset-live{display:flex;flex-wrap:wrap;gap:6px;min-width:0}.dect-handset-live small{width:100%;color:var(--muted);font-size:11px}.dect-state{display:inline-flex;padding:4px 9px;border-radius:20px;font-size:12px;background:var(--bg);color:var(--muted)}.dect-state-good{background:#e3f1e2;color:#246a32}.dect-state-off{background:#f7e6e7;color:#963342}.dect-state-wait{background:#fff1d8;color:#805916}.dect-handset-actions{display:flex;align-items:center;gap:12px}.dect-base-summary{display:block;margin-top:6px;font-size:11px;color:var(--muted)}.dect-live-unavailable{color:var(--muted)}.dect-pair-hint{padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--bg)}
@media(max-width:900px){.dect-account-row{grid-template-columns:80px minmax(0,1fr)}.dect-handset-live{grid-column:1/-1}.dect-handset-actions{grid-column:1/-1;justify-content:flex-end}}

/* Department standard state sits alongside the web phone in the header. */
.standard-launcher{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;max-width:200px;padding:8px 12px;background:var(--standard-active-color,#2469c5);color:var(--standard-active-ink,#fff);border:1px solid transparent;border-radius:8px;font:inherit;font-size:12px;font-weight:600;cursor:pointer;flex-shrink:0}.standard-launcher[hidden],.standard-panel[hidden]{display:none}.standard-launcher .icon{width:17px;height:17px;flex:none}.standard-launcher span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.standard-launcher:is(:hover,[aria-expanded="true"]){box-shadow:0 0 0 3px color-mix(in srgb,var(--standard-active-color) 30%,transparent)}.standard-launcher:focus-visible{outline:2px solid var(--standard-active-color);outline-offset:3px}
.standard-panel{position:fixed;right:24px;top:76px;width:380px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 96px);overflow:auto;background:#fff;color:#364331;border:1px solid #dce4d6;border-radius:12px;box-shadow:0 16px 55px #1e2c1933;z-index:75}.standard-panel-heading{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;background:#f1f5ec;border-bottom:1px solid #dce4d6;font-size:13px}.standard-panel-heading button{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:0;border-radius:6px;background:transparent;color:#526349;cursor:pointer}.standard-panel-heading button:hover{background:#e0ead8}.standard-panel-heading .icon{width:17px;height:17px}.standard-panel .standard-boards{display:block}.standard-panel .standard-board{margin:0;padding:16px;border:0;border-radius:0;box-shadow:none;border-bottom:1px solid #dce4d6;background:transparent}.standard-panel .standard-board:last-child{border-bottom:0}.standard-panel .standard-board header{gap:10px;margin-bottom:12px}.standard-panel .standard-board h2{font-size:14px}.standard-panel .standard-board p{font-size:11px;margin:6px 0 0}.standard-panel .standard-switches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.standard-panel .standard-choice-button{white-space:normal;text-align:left;justify-content:flex-start;min-width:0}.standard-panel .standard-badge{font-size:11px;padding:6px 8px}
@media(max-width:580px){.standard-launcher{max-width:120px;font-size:11px;padding:7px 9px}.standard-launcher .icon{width:15px;height:15px}.standard-panel{right:8px;top:68px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 84px)}}
#standard-welcome-dialog{width:min(460px,calc(100vw - 32px));padding:30px;text-align:center;border-radius:14px;border-color:#dce4d6}.standard-welcome-symbol{display:flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:50%;margin:0 auto 16px;background:#f9e6e8;color:#b63b49}.standard-welcome-symbol .icon{width:26px;height:26px}#standard-welcome-dialog h2{margin:0 0 14px}#standard-welcome-dialog p{font-size:13px;line-height:1.7}.standard-welcome-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:24px}#standard-welcome-dialog .standard-welcome-error{color:#a72f3e;margin-top:16px}
.dashboard-events .event-log{max-height:360px}.dashboard-events .event-line{font-size:11px}

/* Full-width, comfortable search controls across directories and call history. */
body :is(.toolbar,.team-toolbar){gap:14px}
body :is(.toolbar,.team-toolbar) .search{display:flex;align-items:center;flex:1 1 420px;min-width:0;max-width:none;min-height:46px;padding:0 14px;gap:10px;background:#fff;color:#6d8062;border:1px solid #cbd8c3;border-radius:10px;transition:border-color .15s,box-shadow .15s}
body .search .icon{width:18px;height:18px;flex:none}
body .search input{flex:1;min-width:0;width:100%;min-height:44px;padding:0;border:0;border-radius:0;background:transparent;color:#36472e;font:inherit;font-size:14px;line-height:22px;box-shadow:none;outline:none}
body .search input::placeholder{color:#788670;opacity:1}
body .search:focus-within{border-color:#6b9c50;box-shadow:0 0 0 3px #619e4026}
body .toolbar>.muted,body .team-count{flex-shrink:0;font-size:12px}
@media(max-width:700px){body :is(.toolbar,.team-toolbar){flex-wrap:wrap;gap:10px}body :is(.toolbar,.team-toolbar) .search{flex-basis:100%;width:100%;min-height:44px;padding:0 12px}body .search input{min-height:42px}}
.standard-list-state{display:flex;align-items:center;gap:9px;min-width:170px;max-width:270px}.standard-list-state>i{width:9px;height:9px;flex:0 0 9px;border-radius:50%;background:var(--standard-color,#2469c5)}.standard-list-state select{flex:1;min-width:0;width:100%}
/* The selected standard state uses its configured colour, like the top button. */
.standard-list-state{position:relative;color:var(--standard-ink,#fff)}.standard-list-state>i{display:none}.standard-list-state::after{content:'';position:absolute;right:15px;top:calc(50% - 5px);width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);pointer-events:none}
html:root body #content .standard-list-state select:not([multiple]):not([size]){background-color:var(--standard-color,#2469c5);background-image:none;color:var(--standard-ink,#fff);border-color:var(--standard-color,#2469c5);font-weight:600;box-shadow:none}
html:root body #content .standard-list-state select:not([multiple]):not([size]):is(:hover,:focus-visible){background-color:var(--standard-color,#2469c5);color:var(--standard-ink,#fff);border-color:var(--standard-color,#2469c5);box-shadow:0 0 0 3px color-mix(in srgb,var(--standard-color) 25%,transparent)}
@supports(appearance:base-select){
 html:root body #content .standard-list-state select option::before{content:'';display:inline-block;width:11px;height:11px;flex:0 0 11px;border-radius:50%;background:var(--standard-color,#2469c5);box-shadow:0 0 0 1px color-mix(in srgb,var(--standard-color,#2469c5) 70%,white);margin-right:2px}
}
@supports(appearance:base-select){
 html:root body select option.user-status-option::before{content:'';display:inline-block;width:11px;height:11px;flex:0 0 11px;border-radius:50%;background:var(--status-color,#7c8b95);box-shadow:0 0 0 1px color-mix(in srgb,var(--status-color,#7c8b95) 70%,white);margin-right:2px}
}

/* Upload progress stays visible while the server validates and saves the audio. */
html:root body .announcement-upload-progress{position:fixed;z-index:10000;bottom:24px;left:50%;transform:translateX(-50%);width:min(460px,calc(100vw - 32px));box-sizing:border-box;display:grid;gap:9px;padding:18px 20px;border:1px solid #cbd7c8;border-radius:14px;background:#fff;color:#243329;box-shadow:0 8px 32px #0003;pointer-events:none}
html:root body .announcement-upload-progress span{font-size:13px;overflow-wrap:anywhere}
html:root body .announcement-upload-progress progress{width:100%;height:10px;accent-color:#679b49;border:0;border-radius:8px;overflow:hidden;background:#e4eae1}
html:root body .announcement-upload-progress progress::-webkit-progress-bar{background:#e4eae1;border-radius:8px}
html:root body .announcement-upload-progress progress::-webkit-progress-value{background:#679b49;border-radius:8px}
html:root body .announcement-upload-progress progress::-moz-progress-bar{background:#679b49;border-radius:8px}
html[data-theme="dark"] body .announcement-upload-progress{background:#222d33;color:#e5ecef;border-color:#40545e;box-shadow:0 8px 32px #0008}
html[data-theme="dark"] body .announcement-upload-progress progress,html[data-theme="dark"] body .announcement-upload-progress progress::-webkit-progress-bar{background:#34454d}

/* Standard choices: compact fields and a visible colour swatch in both themes. */
.standard-editor{max-width:none}
.standard-choice-editor header{margin-bottom:16px}
.standard-choice-heading{display:flex;align-items:center;gap:12px;min-width:0}
.standard-choice-preview{display:inline-flex;align-items:center;gap:9px;min-width:0;padding:8px 12px;border:1px solid color-mix(in srgb,var(--choice-color) 40%,transparent);border-radius:9px;background:color-mix(in srgb,var(--choice-color) 10%,transparent)}
.standard-choice-preview i{width:12px;height:12px;flex:none;border-radius:50%;background:var(--choice-color)}
.standard-choice-preview strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
.standard-choice-caption{font-size:12px;color:var(--muted,#687562)}
.standard-choice-editor .standard-choice-fields{grid-template-columns:minmax(180px,1fr) 160px minmax(240px,1.35fr);gap:20px;max-width:none;align-items:end}
.standard-choice-fields .field{margin:0;min-width:0}
.standard-color-control{display:flex;align-items:center;gap:10px;height:40px}
html:root body .standard-choice-editor input[type="color"]{appearance:auto;-webkit-appearance:auto;box-sizing:border-box;width:54px;min-width:54px;max-width:54px;height:40px;min-height:40px;padding:4px;border:1px solid var(--soipp-border,#d6dfd2);border-radius:8px;cursor:pointer;flex:none}
.standard-choice-editor input[type="color"]::-webkit-color-swatch-wrapper{padding:0}
.standard-choice-editor input[type="color"]::-webkit-color-swatch{border:0;border-radius:4px}
.standard-choice-editor input[type="color"]::-moz-color-swatch{border:0;border-radius:4px}
.standard-color-control output{font:12px ui-monospace,SFMono-Regular,monospace;white-space:nowrap;color:inherit}
.standard-choice-editor .standard-voicemail-fields{display:grid;grid-template-columns:minmax(180px,1fr) minmax(240px,1.35fr);gap:20px;max-width:none;margin-top:18px;padding-top:18px;border-top:1px solid var(--soipp-border,#dce3d8);align-items:end}
.standard-choice-editor .standard-voicemail-fields[hidden]{display:none}
.standard-choice-editor .standard-voicemail-fields>.field{max-width:none;margin:0}
.standard-choice-editor .standard-announcement-field .field{margin:0 0 8px}
.standard-choice-editor .standard-voicemail-fields:has([data-standard-mailbox-target][hidden]) .standard-announcement-field{grid-column:1/-1}
.standard-choice-editor .vm-announcement-actions{max-width:none;margin:0}
html[data-theme="dark"] .standard-choice-caption{color:#b6c4ca}
html[data-theme="dark"] .standard-choice-preview{background:color-mix(in srgb,var(--choice-color) 17%,#222d33);color:#edf3f5}
html[data-theme="dark"] .standard-choice-editor .standard-voicemail-fields{border-top-color:#40545e}
@media(max-width:900px){.standard-choice-editor .standard-choice-fields{grid-template-columns:minmax(0,1fr) 160px}.standard-choice-fields>.field:last-child{grid-column:1/-1}.standard-choice-editor .standard-voicemail-fields{grid-template-columns:minmax(0,1fr)}}
@media(max-width:520px){.standard-choice-editor .standard-choice-fields{grid-template-columns:minmax(0,1fr)}.standard-choice-heading{align-items:flex-start;flex-direction:column;gap:6px}.standard-choice-editor header{align-items:flex-start}.standard-choice-preview{max-width:100%;box-sizing:border-box}}
html:root body .standard-choice-editor{border-left:4px solid var(--choice-color,#78868b)}
#schedule-extensions select:is([data-user-schedule-mode],[data-standard-schedule-mode]){width:260px;max-width:100%}

.call-route-editor [data-equipment-panel="hours"] .schedule-editor{grid-column:1 / -1;width:100%;min-width:0}

.role-right-chips{display:flex;gap:6px;flex-wrap:wrap;max-width:850px}.role-right-chips .badge{white-space:normal}.role-rights-grid{margin:18px 0 24px;gap:16px}#role-profile-form>.field{max-width:560px}#role-profile-form>.description{margin:20px 0}#role-profile-form h2{margin-top:26px}

#profile-menu{max-height:calc(100dvh - 85px);overflow:auto;max-width:calc(100vw - 24px)}#profile-menu .profile-current-status{display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid var(--status-color);border-radius:7px;color:#364331;background:var(--status-bg);font-size:12px}#profile-menu .profile-current-status>span:nth-child(2){flex:1}#profile-menu .profile-current-status .presence-dot{position:static;width:9px;height:9px;flex:none}.profile-status-options[hidden]{display:none}#profile-menu .profile-status-options{gap:3px;margin:7px 0 12px}#profile-menu .profile-status-option{padding:6px 8px;font-size:11px}.profile-status-options .profile-status-symbol{width:22px;height:22px;font-size:14px}.profile-status-options .profile-status-symbol .icon{width:13px;height:13px}#profile-menu .profile-queue-control{display:flex;align-items:center;gap:10px;padding:9px 0;border:0;color:inherit;font-size:12px}#profile-menu .profile-queue-control:disabled{opacity:.6;cursor:default}.profile-queue-switch{width:34px;height:19px;background:#8a939a;border-radius:12px;position:relative;flex:none}.profile-queue-switch:after{content:'';position:absolute;top:3px;left:3px;width:13px;height:13px;background:white;border-radius:50%;transition:transform .15s}.profile-queue-control[aria-pressed="true"] .profile-queue-switch{background:#619e40}.profile-queue-control[aria-pressed="true"] .profile-queue-switch:after{transform:translateX(15px)}.profile-queue-names{font-size:10px;line-height:1.6;color:#71816a;margin:0 0 12px 44px}html[data-theme="dark"] body #profile-menu .profile-current-status{background:#253138;color:#e0e7ea;border-color:var(--status-color)}html[data-theme="dark"] body #profile-menu .profile-queue-names{color:#a8b7bf}

#mobile-pairing{margin-top:16px;max-width:100%;font-size:13px}#mobile-pairing .apps-qr-image{width:240px;max-width:100%;margin:auto;background:white;padding:8px;border-radius:12px}#mobile-pairing svg{display:block;width:100%;height:auto}#mobile-pairing p{overflow-wrap:anywhere}

.mobile-qr-launcher{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:7px;border:0;border-radius:7px;background:transparent;color:#dbe4d3;cursor:pointer}.mobile-qr-launcher[hidden],.login-mode .mobile-qr-launcher{display:none}.mobile-qr-launcher svg{width:22px;height:22px}.mobile-qr-launcher:hover{background:#ffffff12}.mobile-qr-launcher:focus-visible{outline:2px solid currentColor;outline-offset:2px}.mobile-pairing-dialog{width:min(460px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow:auto;padding:22px;border:1px solid #d8e0d2;border-radius:16px;background:#fff;color:#26342b;box-sizing:border-box}.mobile-pairing-dialog::backdrop{background:#0008}.mobile-pairing-heading{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:14px}.mobile-pairing-heading h2{font-size:18px;margin:0}#mobile-pairing-quick{font-size:13px;line-height:1.6}#mobile-pairing-quick .apps-qr-image{width:260px;max-width:100%;margin:12px auto;background:#fff;padding:8px;border-radius:12px;box-sizing:border-box}#mobile-pairing-quick svg{display:block;width:100%;height:auto}html[data-theme="dark"] .mobile-pairing-dialog{background:#202c32;color:#edf3f5;border-color:#435159}

/* Apps: each connection panel spans the card, never the icon column. */
.apps-catalog{align-items:stretch}
.apps-catalog .apps-native-mobile>#mobile-pairing,.apps-catalog .apps-native-mobile>[data-app-platform]{grid-column:1/-1;min-width:0}
.apps-catalog .apps-native-mobile>[data-app-platform]{justify-self:start;min-width:130px}
#mobile-pairing:not([hidden]){display:grid;grid-template-columns:minmax(160px,220px) minmax(0,1fr);gap:20px;align-items:center;width:100%;box-sizing:border-box;margin:4px 0 0;padding:20px;border:1px solid var(--border,#dce4d7);border-radius:12px}
#mobile-pairing[hidden]{display:none}
#mobile-pairing .apps-qr-image{width:100%;max-width:220px;box-sizing:border-box;margin:0}
.mobile-pairing-copy{min-width:0;line-height:1.65}
#mobile-pairing .mobile-pairing-copy p{overflow-wrap:normal;margin:0 0 10px}
#mobile-pairing .mobile-pairing-copy p:last-child{margin-bottom:0}
[data-mobile-pair-time]{font-weight:600}
#mobile-pairing-quick .mobile-pairing-copy{margin-top:14px}
html[data-theme="dark"] #mobile-pairing{border-color:#435159}
@media(max-width:1100px){#mobile-pairing:not([hidden]){grid-template-columns:minmax(0,1fr);gap:16px}#mobile-pairing .apps-qr-image{justify-self:center}}
@media(max-width:760px){.apps-catalog .apps-platform>.apps-install-action{justify-self:stretch;max-width:100%;white-space:normal}.apps-catalog .apps-native-mobile>[data-app-platform]{justify-self:stretch}}

/* Paired cards share their row height and the same internal spacing. */
.apps-catalog>.card{box-sizing:border-box;padding:28px}
.apps-catalog .apps-platform>.apps-install-action{margin:8px 0 0}
.apps-catalog .apps-mobile-guide,.apps-catalog .apps-native-mobile{min-height:360px}
@media(max-width:760px){.apps-catalog>.card{padding:20px}.apps-catalog .apps-mobile-guide,.apps-catalog .apps-native-mobile{min-height:0}}

.apps-catalog .apps-android-actions{align-items:center;gap:10px}.apps-catalog .apps-android-version{flex-basis:100%;margin:0;font-size:12px}.apps-android-actions>.button{white-space:normal;max-width:100%;box-sizing:border-box}

/* Non-modal QR panel keeps the other header launchers reachable. */
.mobile-pairing-dialog[open]{position:fixed;inset:72px 20px auto auto;margin:0;z-index:1300;max-height:calc(100dvh - 88px);box-shadow:0 18px 54px #0003}
@media(max-width:580px){.mobile-pairing-dialog[open]{inset:calc(72px + env(safe-area-inset-top)) 12px auto auto;width:calc(100vw - 24px);max-width:calc(100vw - 24px);max-height:calc(100dvh - 88px - env(safe-area-inset-top))}}

/* Personal call history: scoped surfaces shared by light and dark appearances. */
.personal-calls{--pc-panel:#fff;--pc-soft:#f5f8f3;--pc-line:#dfe7da;--pc-ink:#28362a;--pc-muted:#6c7b6d;--pc-green:#357d40;--pc-red:#b63745;--pc-blue:#2867ac;--pc-selected:#edf5e8;max-width:1500px;margin:0 auto 24px;color:var(--pc-ink)}
html[data-theme="dark"] .personal-calls{--pc-panel:#222c32;--pc-soft:#1b252a;--pc-line:#3b484f;--pc-ink:#e0e7ea;--pc-muted:#b0bfc6;--pc-green:#a1d28b;--pc-red:#ff9ca5;--pc-blue:#94bfff;--pc-selected:#304432}
.personal-call-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:8px 0 20px}.personal-call-stat{display:flex;align-items:center;gap:15px;padding:17px 20px;background:var(--pc-panel);border:1px solid var(--pc-line);border-radius:12px}.personal-call-stat>span{display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;border-radius:12px;background:var(--pc-soft);color:var(--pc-green)}.personal-call-stat.incoming>span{color:var(--pc-blue)}.personal-call-stat.missed>span{color:var(--pc-red)}.personal-call-stat small{display:block;font-size:12px;color:var(--pc-muted);margin-bottom:5px}.personal-call-stat strong{display:block;font-size:25px;line-height:1.1;font-variant-numeric:tabular-nums;color:var(--pc-ink)}
.personal-call-toolbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:18px}.personal-calls .personal-call-search{flex:1 1 260px;max-width:none;min-width:0;border:1px solid var(--pc-line);border-radius:10px;background:var(--pc-panel);padding:12px 14px;gap:10px;color:var(--pc-muted)}.personal-calls .personal-call-search input{width:100%;min-width:0;border:0;background:transparent!important;box-shadow:none;padding:0;font-size:13px;color:var(--pc-ink)}.personal-call-filters{display:flex;flex-direction:row;gap:4px;background:var(--pc-soft);border:1px solid var(--pc-line);border-radius:10px;padding:4px;flex-wrap:wrap}.personal-call-filters button{border:0;background:transparent;color:var(--pc-muted);padding:9px 14px;border-radius:7px;font-size:12px;cursor:pointer}.personal-call-filters button:hover{background:var(--pc-selected);color:var(--pc-ink)}.personal-call-filters button[aria-pressed="true"]{background:var(--pc-panel);color:var(--pc-green);box-shadow:0 1px 4px #00000012;font-weight:650}
.personal-call-layout{display:grid;grid-template-columns:minmax(320px,1.1fr) minmax(300px,1fr);gap:20px;align-items:start}.personal-call-list,.personal-call-detail{min-width:0;background:var(--pc-panel);border:1px solid var(--pc-line);border-radius:14px;overflow:hidden}.personal-call-list>header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--pc-line)}.personal-call-list>header h2{font-size:14px;letter-spacing:0;margin:0;color:var(--pc-ink)}.personal-call-list>header>span{font-size:12px;color:var(--pc-muted)}.personal-call-rows{max-height:calc(100dvh - 360px);min-height:350px;overflow-y:auto;scrollbar-gutter:stable}.personal-call-day{margin:0;padding:15px 20px 10px;font-size:11px;letter-spacing:.02em;font-weight:600;color:var(--pc-muted);background:var(--pc-soft)}.personal-call-row{display:flex;align-items:center;gap:13px;width:100%;padding:16px 18px;border:0;border-bottom:1px solid var(--pc-line);background:var(--pc-panel);color:var(--pc-ink);text-align:left;cursor:pointer}.personal-call-row:hover{background:var(--pc-soft)}.personal-call-row[aria-pressed="true"]{background:var(--pc-selected);box-shadow:inset 3px 0 var(--pc-green)}.personal-call-direction{width:35px;height:35px;border-radius:10px;display:grid;place-items:center;flex-shrink:0;background:var(--pc-soft);color:var(--pc-blue)}.personal-call-row.missed .personal-call-direction,.personal-call-row.missed .personal-call-person strong{color:var(--pc-red)}.personal-call-person{flex:1;min-width:0}.personal-call-person strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;line-height:1.5;color:var(--pc-ink)}.personal-call-person small{display:block;font-size:11px;line-height:1.7;color:var(--pc-muted);overflow-wrap:anywhere}.personal-call-row-time{text-align:right;flex-shrink:0;font-variant-numeric:tabular-nums}.personal-call-row-time time{font-size:12px;display:block}.personal-call-row-time small{font-size:11px;color:var(--pc-muted);display:block;margin-top:5px}.personal-call-row>.icon{width:15px;height:15px;color:var(--pc-muted);flex-shrink:0}
.personal-call-detail-head{text-align:center;padding:26px 22px 23px;border-bottom:1px solid var(--pc-line)}.personal-call-large-avatar{width:66px;height:66px;display:grid;place-items:center;border-radius:20px;background:var(--pc-selected);color:var(--pc-green);font-size:24px;font-weight:600;margin:0 auto 15px}.personal-call-type{font-size:11px;color:var(--pc-muted)}.personal-call-detail-head h2{font-size:21px;letter-spacing:0;margin:8px 0;overflow-wrap:anywhere;color:var(--pc-ink)}.personal-call-number{font-size:14px;color:var(--pc-muted);margin:0 0 12px;font-variant-numeric:tabular-nums}.personal-call-result{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;font-size:11px;border-radius:20px;background:var(--pc-soft);color:var(--pc-muted)}.personal-call-result.answered{color:var(--pc-green)}.personal-call-result.missed{color:var(--pc-red)}.personal-call-result .icon{width:15px;height:15px}.personal-call-actions{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;margin-top:20px}.personal-call-actions .button{font-size:12px;padding:10px 12px;min-height:40px}.personal-call-detail-body{padding:22px}.personal-call-date{display:flex;align-items:center;gap:9px;color:var(--pc-muted);font-size:12px;margin:0 0 18px}.personal-call-date .icon{width:17px;height:17px;flex-shrink:0}.personal-call-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.personal-call-metrics>div{padding:14px;border-radius:10px;background:var(--pc-soft)}.personal-call-metrics small{display:block;font-size:11px;color:var(--pc-muted);margin-bottom:8px}.personal-call-metrics strong{font-size:23px;letter-spacing:.02em;font-variant-numeric:tabular-nums;color:var(--pc-ink)}.personal-call-facts{margin:0}.personal-call-facts>div{display:grid;grid-template-columns:minmax(110px,.8fr) minmax(0,1.2fr);gap:14px;padding:14px 0;border-bottom:1px solid var(--pc-line);align-items:baseline}.personal-call-facts>div:last-child{border-bottom:0;padding-bottom:0}.personal-call-facts dt{font-size:12px;color:var(--pc-muted)}.personal-call-facts dd{margin:0;text-align:right;font-size:12px;overflow-wrap:anywhere;color:var(--pc-ink)}.personal-call-facts dd span{color:var(--pc-muted)}.personal-call-scope{font-size:11px;line-height:1.6;color:var(--pc-muted);margin:15px 2px 0}.personal-call-placeholder{min-height:400px;display:grid;place-items:center}.personal-calls button:focus-visible{outline:2px solid var(--pc-green);outline-offset:-3px}.personal-call-search:focus-within{outline:2px solid var(--pc-green);outline-offset:2px}
@media(max-width:1000px){.personal-call-stat{padding:14px;gap:10px}.personal-call-layout{gap:14px;grid-template-columns:minmax(280px,1fr) minmax(280px,1fr)}.personal-call-actions .button{flex:1 1 130px}.personal-call-filters button{padding:9px 11px}}
@media(max-width:720px){.personal-call-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.personal-call-layout{grid-template-columns:minmax(0,1fr)}.personal-call-rows{max-height:440px;min-height:160px}.personal-call-toolbar{gap:10px}.personal-call-search{flex-basis:100%}.personal-call-filters{width:100%}.personal-call-filters button{flex:1;padding:9px 6px}.personal-call-detail-head{padding:22px 16px}.personal-call-stat strong{font-size:22px}.personal-call-row{padding:13px 12px;gap:9px}}

.personal-calls .personal-call-toolbar .personal-call-search{display:flex;align-items:center;margin:0;min-height:44px;height:44px;box-sizing:border-box}.personal-calls .personal-call-search input{height:20px;min-height:0;line-height:20px}

/* User chat: contacts and messages retain their own scrolling areas. */
.personal-chat{--ch-panel:#fff;--ch-soft:#f5f8f3;--ch-line:#dfe7da;--ch-ink:#28362a;--ch-muted:#6c7b6d;--ch-green:#357d40;--ch-selected:#edf5e8;--ch-mine:#e5f2db;max-width:1500px;margin:8px auto 20px;color:var(--ch-ink)}
html[data-theme="dark"] .personal-chat{--ch-panel:#222c32;--ch-soft:#1b252a;--ch-line:#3b484f;--ch-ink:#e0e7ea;--ch-muted:#b0bfc6;--ch-green:#a1d28b;--ch-selected:#304432;--ch-mine:#354c36}
.personal-chat-workspace{display:grid;grid-template-columns:330px minmax(0,1fr);height:calc(100dvh - 155px);min-height:480px;background:var(--ch-panel);border:1px solid var(--ch-line);border-radius:14px;overflow:hidden}.personal-chat-sidebar{display:flex;flex-direction:column;min-height:0;min-width:0;border-right:1px solid var(--ch-line);background:var(--ch-panel)}.personal-chat-sidebar-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 18px 16px}.personal-chat-sidebar-head h2{font-size:16px;letter-spacing:0;margin:0 0 6px;color:var(--ch-ink)}.personal-chat-sidebar-head small{font-size:11px;color:var(--ch-muted)}.personal-chat-total,.personal-chat-unread{display:inline-grid;place-items:center;flex-shrink:0;min-width:21px;height:21px;padding:0 6px;box-sizing:border-box;border-radius:12px;background:#4c883b;color:#fff;font-size:11px;font-weight:600}.personal-chat .personal-chat-search{display:flex;align-items:center;gap:9px;flex-shrink:0;min-height:42px;height:42px;min-width:0;max-width:none;margin:0 14px 12px;padding:10px 12px;box-sizing:border-box;border:1px solid var(--ch-line);border-radius:9px;background:var(--ch-soft);color:var(--ch-muted)}.personal-chat .personal-chat-search input{min-width:0;flex:1;width:100%;min-height:0;height:20px;line-height:20px;border:0;padding:0;background:transparent!important;box-shadow:none;color:var(--ch-ink);font-size:12px}.personal-chat-search>.icon{width:17px;height:17px;flex-shrink:0}.personal-chat-filters{display:flex;flex-direction:row;gap:5px;margin:0 14px 12px;padding:4px;border:1px solid var(--ch-line);border-radius:9px;background:var(--ch-soft)}.personal-chat-filters button{flex:1;background:none;border:0;border-radius:6px;padding:8px;font-size:12px;color:var(--ch-muted);cursor:pointer}.personal-chat-filters button[aria-pressed="true"]{background:var(--ch-panel);color:var(--ch-green);font-weight:600;box-shadow:0 1px 3px #00000012}.personal-chat-peers{flex:1;min-height:0;overflow:auto;border-top:1px solid var(--ch-line);scrollbar-gutter:stable}.personal-chat-peer{display:flex;align-items:center;gap:11px;width:100%;padding:16px 14px;background:var(--ch-panel);border:0;border-bottom:1px solid var(--ch-line);color:var(--ch-ink);text-align:left;cursor:pointer}.personal-chat-peer:hover{background:var(--ch-soft)}.personal-chat-peer[aria-pressed="true"]{background:var(--ch-selected);box-shadow:inset 3px 0 var(--ch-green)}.personal-chat-avatar{position:relative;display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;border-radius:14px;background:var(--ch-soft);color:var(--ch-green);font-size:15px;font-weight:600}.personal-chat-avatar .presence-dot{border:2px solid var(--ch-panel);width:12px;height:12px;right:-1px;bottom:-1px}.personal-chat-peer-copy{flex:1;min-width:0}.personal-chat-peer-top,.personal-chat-peer-bottom{display:flex;align-items:center;gap:9px;min-width:0}.personal-chat-peer-top strong{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;color:var(--ch-ink)}.personal-chat-peer-top time{flex-shrink:0;color:var(--ch-muted);font-size:10px}.personal-chat-peer-bottom{margin-top:6px}.personal-chat-peer-bottom small{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ch-muted);font-size:11px;line-height:1.6}.personal-chat-peer.has-unread .personal-chat-peer-bottom small{color:var(--ch-ink);font-weight:550}.personal-chat-no-result{padding:12px}.personal-chat-no-result .empty{padding:30px 12px}
.personal-chat-conversation{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--ch-soft)}.personal-chat-thread-head{display:flex;align-items:center;gap:12px;flex-shrink:0;min-height:78px;padding:15px 22px;box-sizing:border-box;background:var(--ch-panel);border-bottom:1px solid var(--ch-line)}.personal-chat-thread-head>div{flex:1;min-width:0}.personal-chat-thread-head h2{font-size:15px;letter-spacing:0;margin:0 0 6px;overflow-wrap:anywhere;color:var(--ch-ink)}.personal-chat-thread-head p{margin:0;font-size:11px;line-height:1.5;color:var(--ch-muted);overflow-wrap:anywhere}.personal-chat-thread-head .button{font-size:12px;padding:10px 12px;flex-shrink:0}.personal-chat-messages{flex:1;min-height:0;overflow-y:auto;padding:20px 25px;scrollbar-gutter:stable;overscroll-behavior:contain}.personal-chat-day{text-align:center;margin:10px 0 23px}.personal-chat-day>span{display:inline-block;border:1px solid var(--ch-line);border-radius:20px;padding:6px 12px;background:var(--ch-panel);font-size:10px;color:var(--ch-muted)}.personal-chat-message{display:flex;justify-content:flex-start;margin:14px 0 0}.personal-chat-message.mine{justify-content:flex-end}.personal-chat-message.grouped{margin-top:5px}.personal-chat-bubble{max-width:min(78%,620px);min-width:78px;background:var(--ch-panel);border:1px solid var(--ch-line);border-radius:13px 13px 13px 4px;padding:11px 14px 7px;color:var(--ch-ink);box-shadow:0 1px 2px #00000004}.personal-chat-message.mine .personal-chat-bubble{background:var(--ch-mine);border-color:transparent;border-radius:13px 13px 4px 13px}.personal-chat-bubble p{font-size:13px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;color:var(--ch-ink)}.personal-chat-bubble footer{display:flex;justify-content:flex-end;align-items:center;gap:6px;margin-top:5px;font-size:10px;line-height:1.4;color:var(--ch-muted)}.personal-chat-message.mine footer>span{color:var(--ch-green)}
.personal-chat-compose{flex-shrink:0;background:var(--ch-panel);border-top:1px solid var(--ch-line);padding:15px 20px 12px}.personal-chat-compose-row{display:flex;gap:10px;align-items:flex-end}.personal-chat-compose textarea{flex:1;min-width:0;box-sizing:border-box;resize:none;min-height:46px;max-height:122px;padding:12px 14px;font-family:inherit;font-size:13px;line-height:20px;border:1px solid var(--ch-line);border-radius:11px;background:var(--ch-soft);color:var(--ch-ink);overflow-y:auto}.personal-chat-compose .button{min-height:44px;flex-shrink:0;font-size:12px;border-radius:10px;padding:11px 16px}.personal-chat-compose .button:disabled{opacity:.5;cursor:default}.personal-chat-compose-hint{display:flex;justify-content:space-between;gap:12px;margin:8px 2px 0;color:var(--ch-muted);font-size:10px;line-height:1.5}.personal-chat-welcome{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:35px;text-align:center}.personal-chat-welcome-icon{display:grid;place-items:center;width:76px;height:76px;margin-bottom:22px;border-radius:24px;background:var(--ch-selected);color:var(--ch-green)}.personal-chat-welcome-icon .icon{width:37px;height:37px}.personal-chat-welcome h2{font-size:21px;font-weight:600;letter-spacing:0;color:var(--ch-ink);margin:0 0 14px}.personal-chat-welcome p{max-width:370px;font-size:13px;line-height:1.8;color:var(--ch-muted);margin:0}.personal-chat-welcome>div{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:26px}.personal-chat-welcome>div>span{display:flex;gap:7px;align-items:center;color:var(--ch-muted);font-size:11px}.personal-chat-welcome>div .icon{width:16px;height:16px}.personal-chat-thread-start{height:100%;min-height:140px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:var(--ch-muted)}.personal-chat-thread-start>span{display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--ch-line);border-radius:16px;background:var(--ch-panel);color:var(--ch-green);margin-bottom:15px}.personal-chat-thread-start p{margin:0 0 7px;font-size:13px;color:var(--ch-ink)}.personal-chat-thread-start small{font-size:11px}.personal-chat button:focus-visible{outline:2px solid var(--ch-green);outline-offset:-3px}.personal-chat-search:focus-within,.personal-chat-compose textarea:focus-visible{outline:2px solid var(--ch-green);outline-offset:2px}
@media(max-width:1050px){.personal-chat-workspace{grid-template-columns:285px minmax(0,1fr)}.personal-chat-peer{padding:14px 12px;gap:9px}.personal-chat-thread-head{padding:14px 16px}.personal-chat-messages{padding:17px}.personal-chat-bubble{max-width:86%}.personal-chat-compose{padding:12px}.personal-chat-compose .button{padding:11px 12px}}
@media(max-width:720px){.personal-chat-workspace{grid-template-columns:minmax(0,1fr);height:auto;min-height:0}.personal-chat-sidebar{max-height:315px;border-right:0;border-bottom:1px solid var(--ch-line)}.personal-chat-sidebar-head{padding:16px}.personal-chat-peers{min-height:90px}.personal-chat-conversation{height:580px;max-height:calc(100dvh - 80px);min-height:400px}.personal-chat-thread-head .personal-chat-call{padding:10px;font-size:11px}.personal-chat-thread-head{gap:9px}.personal-chat-thread-head p{font-size:10px}.personal-chat-messages{padding:14px}.personal-chat-compose-hint>span:first-child{max-width:220px}.personal-chat-welcome{padding:25px}.personal-chat-welcome h2{font-size:18px}.personal-chat-welcome>div{gap:13px}}

/* Native mobile apps occupy the row formerly shared with the mobile web client. */
.apps-catalog>.apps-native-mobile{grid-column:1/-1;min-height:0}

.announcement-source-row{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-block:12px}.announcement-source-row>label{flex:1 1 280px;min-width:0;margin:0}.announcement-source-row>button{flex:0 1 auto;margin-bottom:1px;white-space:normal}.telephone-record-dialog{width:min(540px,calc(100vw - 32px));box-sizing:border-box;max-height:90dvh;overflow:auto;padding:24px;border:1px solid var(--border);border-radius:16px;background:var(--surface,#fff);color:var(--text,#26342b)}.telephone-record-dialog::backdrop{background:#0008}.telephone-record-dialog h2{margin:0 0 20px}.telephone-record-dialog .field{margin-block:14px}.telephone-record-dialog [data-record-state]{padding:14px;border-radius:10px;background:var(--surface-alt,#edf3e9);line-height:1.6}.telephone-record-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin-top:20px}html[data-theme="dark"] .telephone-record-dialog{background:#202c32;color:#edf3f5;border-color:#435159}html[data-theme="dark"] .telephone-record-dialog [data-record-state]{background:#182329}

/* The native Mac client keeps launch and download actions grouped. */
.apps-desktop-actions{align-items:flex-start;justify-content:flex-start}.apps-desktop-actions>[data-desktop-connect],.apps-desktop-actions>a{max-width:100%;white-space:normal}.apps-desktop-actions>[data-desktop-status]{flex-basis:100%;font-size:12px;line-height:1.6;color:var(--muted)}

/* Web readability: navigation hierarchy, consistent controls and safe wrapping. */
body:not(.user-space):not(.login-mode)>.sidebar{width:220px}
body:not(.user-space):not(.login-mode)>.shell{margin-left:288px}
body:not(.user-space):not(.login-mode)>.sidebar nav a{font-size:13px;font-weight:650;line-height:1.35;min-height:42px;padding:11px 12px;gap:10px}
body:not(.user-space):not(.login-mode)>.sidebar nav a.active{padding-left:9px;font-weight:750}
body:not(.user-space):not(.login-mode)>.sidebar nav .icon{width:18px;height:18px;flex-shrink:0}
body:not(.user-space):not(.login-mode) .workspace-title{font-size:9px;font-weight:650;letter-spacing:1px}
body .sidebar nav a:focus-visible,body .rail-nav a:focus-visible{outline:2px solid #679d49;outline-offset:-3px}
body #content .page-heading h1{font-size:19px;font-weight:650;line-height:1.35}
body #content :is(.equipment-editor-tabs,.user-editor-tabs,.routing-tabs){gap:6px;max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain}
body #content :is(.equipment-editor-tabs,.user-editor-tabs,.routing-tabs) :is(button,label){font-size:13px;font-weight:600;line-height:1.4;flex-shrink:0}
body #content .button,body dialog .button{font-size:12px;font-weight:600;line-height:1.4}
body #content .button .icon,body dialog .button .icon{width:15px;height:15px;flex-shrink:0}
body #content .text-button{font-size:12px;font-weight:550;line-height:1.5;white-space:normal;vertical-align:middle}
body #content .text-button .icon{width:14px;height:14px;flex-shrink:0}
body:not(.user-space) #content :is(th,td){font-size:12px;line-height:1.5}
body:not(.user-space) #content :is(.person strong,.extension){font-size:12px}
body #content .field{font-size:12px;line-height:1.5;min-width:0}
body #content .field :is(input:not([type=checkbox]):not([type=radio]):not([type=color]),select,textarea){font-size:13px;max-width:100%;min-width:0;line-height:1.45}
body #content .field small{font-size:11px;line-height:1.65}
body #content :is(.description,.inline-note){font-size:12px;line-height:1.7}
body #content .card-header h2{font-size:14px;font-weight:650;line-height:1.4}
body #content :is(.form-columns,.system-grid,.heading-actions,.toolbar)>*{min-width:0}
body #content .heading-actions{flex-wrap:wrap;row-gap:8px}
body #content :is(.card-header,.page-heading){overflow-wrap:anywhere}
body #content :is(button,a,input,select,textarea):focus-visible{outline:2px solid #679d49;outline-offset:3px}
html[data-theme=dark] body #content :is(button,a,input,select,textarea):focus-visible,html[data-theme=dark] body .sidebar nav a:focus-visible{outline-color:#a3ce88}
/* Keep the hardware-key preview and its twelve-row layout compact. */
body #content .blf-key-config :is(input,select){font-size:11px}
@media(min-width:581px) and (max-width:1150px){body:not(.user-space):not(.login-mode)>.sidebar{width:210px}body:not(.user-space):not(.login-mode)>.shell{margin-left:272px}body:not(.user-space):not(.login-mode)>.sidebar nav a{font-size:12px}}
@media(min-width:581px) and (max-width:850px){body:not(.user-space):not(.login-mode)>.sidebar{width:200px}body:not(.user-space):not(.login-mode)>.shell{margin-left:255px}body:not(.user-space):not(.login-mode)>.sidebar nav a{padding:10px 9px;font-size:12px}body:not(.user-space):not(.login-mode)>.sidebar nav a.active{padding-left:6px}}
@media(max-width:580px){body:not(.user-space):not(.login-mode)>.sidebar{width:43px}body:not(.user-space):not(.login-mode)>.shell{margin-left:88px}body:not(.user-space):not(.login-mode)>.sidebar nav a{font-size:0;padding:13px 11px;gap:0;min-height:43px}body:not(.user-space):not(.login-mode)>.sidebar nav a.active{padding-left:8px}body #content .page-heading h1{font-size:17px}}

/* Compact provisioning state and a single row of phone actions. */
body #content table:has([data-equipment="device-edit"]) td:nth-child(5){white-space:nowrap;width:1%}
body #content table:has([data-equipment="device-edit"]) td:last-child{white-space:nowrap;width:1%}
body #content .phone-table-actions{display:flex;align-items:center;flex-wrap:nowrap;gap:10px}
body #content .phone-table-actions .text-button{white-space:nowrap;flex-shrink:0;margin:0}

.audio-device-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:16px}

.member-actions [data-portal="favorite"] svg{width:19px;height:19px}.team-favorites-filter[aria-pressed="true"]{color:#629643;border-color:#629643;background:#62964318}

.audio-device-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.audio-device-grid .field{margin:15px 0 0}.audio-device-grid select{width:100%;min-width:0}.personal-audio-card{width:100%;min-width:0}.audio-device-note,.audio-device-status{font-size:12px;color:var(--muted);line-height:1.6;margin:12px 0}.audio-device-status:empty{display:none}#phone-devices-form .audio-device-actions{gap:10px}.audio-device-actions .button{flex:0 0 auto}@media(max-width:650px){.audio-device-grid{grid-template-columns:minmax(0,1fr);gap:0}.audio-device-actions .button{max-width:100%;white-space:normal}}

.discovery-source{max-width:650px;margin-bottom:22px}.discovery-source .field{margin:0}.discovery-source select{width:100%;min-width:0}

.discovery-row-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.discovery-row-actions .button{flex:0 0 auto}

.discovery-known-toggle{display:flex;align-items:center;gap:10px;margin-top:16px;font-weight:500}

.equipment-address-row{display:flex;align-items:center;gap:8px;min-width:0}.equipment-address-row input{flex:1;min-width:0;cursor:default}.equipment-address-row .button{flex:none;white-space:nowrap}.equipment-auto-address small{display:block;line-height:1.45;margin-top:6px}

.equipment-general-lock{border:0;padding:0;margin:0;min-width:0;width:100%}.equipment-general-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.equipment-general-heading h2{margin:0}.equipment-general-heading .button{flex:none}.equipment-general-lock:disabled input,.equipment-general-lock:disabled select{cursor:default}

.fault-alert-settings,.fault-alert-monitor{margin-top:20px}.fault-alert-settings>.field{max-width:620px;margin-top:24px}.fault-alert-settings h2{display:flex;align-items:center;gap:8px}.fault-alert-settings h2 svg{width:18px;height:18px}.fault-alert-settings details{margin-top:20px;line-height:1.6}.fault-alert-settings summary{cursor:pointer;font-weight:600}.fault-alert-incident{display:flex;flex-direction:column;gap:6px;padding:14px 0;border-top:1px solid var(--line)}.fault-alert-incident small{color:var(--muted)}.fault-alert-mail-warning{color:#c77826}

/* Destructive text actions keep their warning colour, including SBC rows. */
body .text-button.danger{color:#b64d4d}
body .text-button.danger:hover:not(:disabled){background:#fcf0ef;border-color:#f1d9d6;color:#983b3b}
html[data-theme="dark"] body .text-button.danger{color:#f29890}
html[data-theme="dark"] body .text-button.danger:hover:not(:disabled){background:#482d30;border-color:#805153;color:#ffb2aa}

/* Outage priorities remain distinct and legible in both themes. */
.fault-alert-reminders{margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}.fault-alert-reminders>.field{max-width:420px;margin-top:16px}.fault-alert-reminders p,.fault-alert-affected p{color:var(--muted);font-size:13px;line-height:1.6}.fault-alert-severity-legend,.fault-alert-incident-heading{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.fault-alert-severity-legend{margin-top:24px}.fault-severity{display:inline-flex;align-items:center;padding:5px 9px;border:1px solid;border-radius:7px;font-size:12px;font-weight:700;white-space:normal}.fault-severity-critical{color:#a52d3b;background:#fff0f2;border-color:#efbec5}.fault-severity-major{color:#8b4b08;background:#fff5e4;border-color:#eac68f}.fault-severity-minor{color:#245c92;background:#edf5ff;border-color:#bdd4ed}.fault-alert-affected{font-size:13px}.fault-alert-affected ul{padding-left:22px;line-height:1.8}.fault-alert-affected summary{cursor:pointer;color:var(--ink)}html[data-theme=dark] .fault-severity-critical{color:#ffb9c0;background:#43252d;border-color:#82434e}html[data-theme=dark] .fault-severity-major{color:#ffd49b;background:#3e3122;border-color:#83643d}html[data-theme=dark] .fault-severity-minor{color:#b1d7ff;background:#243749;border-color:#476c8d}
.fault-alert-settings>.toggle-row,.fault-alert-reminders>.toggle-row{justify-content:flex-start;gap:12px}

/* Maintenance identifies the real component owner and scope of each action. */
.server-services-table table{table-layout:fixed;width:100%}.server-services-table th:nth-child(1){width:40%}.server-services-table th:nth-child(2){width:29%}.server-services-table th:nth-child(3){width:16%}.server-services-table th:nth-child(4){width:15%}.server-services-table td{vertical-align:top;overflow-wrap:anywhere}.server-services-table .button{white-space:nowrap}.server-services-table .service-role{margin:6px 0;font-size:13px;line-height:1.5;color:var(--muted)}.service-owner{display:inline-flex;padding:4px 9px;border:1px solid var(--line);border-radius:7px;font-size:12px;font-weight:700}.service-owner-asterisk{color:#a35b11;background:#fff5e5;border-color:#e5cb9c}.service-owner-soipptel{color:#3b6e30;background:#eff8eb;border-color:#c5dcbc}.service-owner-third_party{color:#385d8e;background:#eff5fd;border-color:#c2d4ec}.service-dependencies{margin-top:7px;color:var(--muted);line-height:1.5;font-size:12px}.service-dependencies>span:first-child{font-weight:600}html[data-theme=dark] .service-owner-asterisk{color:#ffd69b;background:#3c3023;border-color:#785f3b}html[data-theme=dark] .service-owner-soipptel{color:#c0e2ac;background:#2b3d2b;border-color:#536d48}html[data-theme=dark] .service-owner-third_party{color:#b6d5ff;background:#28384c;border-color:#4d6585}@media(max-width:1100px){.server-services-table table{min-width:900px}.server-services-table th:nth-child(4){width:17%}.server-services-table th:nth-child(1){width:38%}}
.server-services-table td,.server-services-table .service-role,.server-services-table .service-detail,.server-services-table .service-dependencies{white-space:normal;overflow-wrap:anywhere}.server-services-table .service-role,.server-services-table .service-detail{max-width:100%}

/* Compact service console: all rows share the available viewport height. */
.server-services-table{margin:12px 0 0;overflow:visible}
.server-services-table .table-scroll{overflow-x:auto}
.server-services-table table{table-layout:fixed;min-width:0!important}
.server-services-table th:nth-child(1){width:38%}.server-services-table th:nth-child(2){width:31%}.server-services-table th:nth-child(3){width:16%}.server-services-table th:nth-child(4){width:15%}
.server-services-table th{padding:7px 12px;height:30px;font-size:11px;white-space:nowrap}
.server-services-table td{height:clamp(29px,calc((var(--services-space,700px) - 32px)/var(--service-count,14)),44px);padding:1px 12px;font-size:12px;vertical-align:middle;white-space:nowrap}
.server-services-table td:first-child{min-width:0}
.service-name,.service-source{display:flex;align-items:center;gap:9px;min-width:0}
.service-name strong,.server-services-table .service-dependencies{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.service-name strong{font-size:12px}
.service-info-button{flex:none;margin-left:auto;border:0;background:transparent;color:var(--muted);font-size:16px;min-height:24px;width:25px;padding:0;cursor:pointer;border-radius:6px}
.service-info-button:hover{background:var(--soft);color:var(--text)}
.server-services-table .service-owner{font-size:10px;padding:3px 6px;flex:none;line-height:1.15}
.server-services-table .service-dependencies{font-size:10px;line-height:1.15;margin:0;color:var(--muted)}
.server-services-table .badge{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;padding:4px 7px;vertical-align:middle}
.server-services-table td:last-child .button{min-height:26px;height:26px;padding:4px 8px;font-size:11px;gap:5px;line-height:14px}
.server-services-table .button .icon{width:13px;height:13px}
.service-operation{margin:6px 0;padding:7px 12px;font-size:12px;line-height:1.4;border-radius:7px}
.service-restart-confirm,.service-info-dialog{width:min(570px,calc(100vw - 40px));max-height:80dvh;overflow:auto;margin:auto;padding:24px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--text)}
.service-info-dialog p,.service-info-dialog dd,.service-restart-confirm p{line-height:1.55;font-size:13px}.service-info-dialog dt{font-size:11px;color:var(--muted);margin-top:16px}.service-info-dialog dd{margin:5px 0 0}.service-info-dialog .heading-actions{justify-content:flex-end;margin-top:20px}
.service-danger{background:#fbeaea;color:#ab3535}html[data-theme=dark] .service-danger{background:#4a282b;color:#ffb3b8}
@media(max-width:1150px){.server-services-table th,.server-services-table td{padding-left:8px;padding-right:8px}.server-services-table th:nth-child(1){width:36%}.server-services-table th:nth-child(2){width:27%}.server-services-table th:nth-child(3){width:20%}.server-services-table th:nth-child(4){width:17%}.service-source{gap:5px}}

/* Live host metrics share the dashboard cards and both colour themes. */
.host-resources-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:0 18px 18px}.host-resource{min-width:0;padding:16px;border:1px solid var(--line);border-radius:10px;background:var(--card)}.host-resource-title{display:flex;align-items:center;gap:8px}.host-resource-title>.icon{color:var(--muted);width:19px;height:19px}.host-resource-title h3{margin:0;font-size:13px;font-weight:650}.host-resource-title .badge{margin-left:auto;font-size:10px}.host-resource-value{display:block;margin:14px 0 10px;font-size:26px;font-weight:650;color:var(--ink);font-variant-numeric:tabular-nums}.host-resource progress{display:block;width:100%;height:7px;appearance:none;border:0;border-radius:5px;overflow:hidden;background:var(--line);accent-color:#619e40}.host-resource progress::-webkit-progress-bar{background:var(--line)}.host-resource progress::-webkit-progress-value{background:#619e40;border-radius:5px;transition:width .4s}.host-resource.resource-high{border-color:#b94343}.host-resource.resource-high progress::-webkit-progress-value{background:#c94343}.host-resource.resource-high .host-resource-value{color:#b63535}.host-resource p{font-size:12px;margin:12px 0 6px;color:var(--ink)}.host-resource small{display:block;font-size:11px;line-height:1.5;color:var(--muted)}.host-resource-footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:0 18px 14px;color:var(--muted);font-size:11px}.host-resource-footer a{color:#528832;font-weight:600}.host-resources-stamp{font-size:11px;color:var(--muted)}.host-resources .card-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}html[data-theme=dark] .host-resource.resource-high .host-resource-value{color:#ffb3b8}html[data-theme=dark] .host-resource-footer a{color:#bddca9}.fault-resource-limits{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.fault-resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 22px;margin:16px 0}.fault-resource-limits p{font-size:12px;line-height:1.6;color:var(--muted)}
@media(max-width:1100px){.host-resources-grid{gap:10px;padding:0 12px 14px}.host-resource{padding:12px}.host-resource-title{gap:6px;flex-wrap:wrap}.host-resource-title h3{font-size:12px}.host-resource-title .badge{margin-left:0}}@media(max-width:760px){.host-resources-grid,.fault-resource-grid{grid-template-columns:1fr}.host-resource-value{font-size:24px;margin:10px 0}.host-resources-stamp{white-space:normal}}

/* Encrypted backups keep long names and diagnostics inside their cards. */
.backup-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.backup-settings-grid>.card{min-width:0}.backup-external{grid-column:1/-1}.backup-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 20px}.backup-password{display:flex;gap:8px;min-width:0}.backup-password input{min-width:0;flex:1}.backup-password button{flex:none}.backup-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.backup-days{display:flex;gap:7px;flex-wrap:wrap;margin:16px 0}.backup-days label{display:flex;align-items:center;gap:6px;padding:7px;border:1px solid var(--line);border-radius:7px}.backup-days label:has(input:checked){border-color:#619e40;background:#619e4018}.backup-help{margin-top:20px;line-height:1.6}.backup-help summary{font-size:12px;font-weight:600;cursor:pointer}.backup-help p{font-size:12px;color:var(--muted)}.backup-help code{overflow-wrap:anywhere}.backup-history-card{margin:18px 0}.backup-history-card .card-header{display:flex;justify-content:space-between;align-items:center}.backup-history td{vertical-align:top}.backup-history td:first-child{white-space:nowrap}.backup-history small{display:block;margin-top:6px;color:var(--muted);font-size:11px;line-height:1.5}.backup-history .backup-error{color:#b63535;max-width:420px}.backup-history code{font-size:10px;overflow-wrap:anywhere;display:block;max-width:300px}.backup-history details{margin-top:8px;font-size:11px}.backup-history summary{cursor:pointer;color:var(--muted)}html[data-theme=dark] .backup-history .backup-error{color:#ffb3b8}.backup-external .backup-fields{grid-template-columns:repeat(3,minmax(0,1fr))}#backup-settings-form .field input,#backup-settings-form .field select{max-width:100%;min-width:0;width:100%}.backup-settings-grid h2{display:flex;align-items:center;gap:8px}#backup-settings-form .toggle-row{justify-content:flex-start;gap:10px}@media(max-width:1000px){.backup-external .backup-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.backup-settings-grid{grid-template-columns:1fr}}@media(max-width:600px){.backup-fields,.backup-external .backup-fields{grid-template-columns:1fr}.backup-password{flex-wrap:wrap}}

/* Customer identification: values only in the shared header. */
.topbar .breadcrumb{min-width:0;flex:1;overflow:hidden;gap:16px}
.topbar .breadcrumb>strong{flex:none}
.topbar .client-header-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e0e7dc;font-size:13px;font-weight:550;letter-spacing:0}
.topbar .client-header-value:not([hidden]){border-left:1px solid #ffffff30;padding-left:16px}
.topbar .client-header-number{flex-shrink:0;max-width:35%;font-size:12px;color:#bacbb0}
.topbar .top-actions{flex-shrink:0;margin-left:18px}
.client-identity-card{margin-bottom:23px}
.client-identity-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
.client-identity-heading [hidden]{display:none}
.client-identity-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;max-width:1100px}
.client-identity-fields .field{min-width:0;margin:0;display:flex;flex-direction:column;gap:9px}
.client-identity-fields input{min-width:0;width:100%;border:1px solid #d6dfd0;border-radius:7px;padding:10px 12px;background:#fff;color:#34442c;font:inherit}
.client-identity-fields input[readonly]{background:#f3f5f1;color:#65715f;cursor:default}
.client-number-input{display:flex;align-items:stretch;border:1px solid #d6dfd0;border-radius:7px;overflow:hidden;background:#edf2e9}
.client-number-input>span{display:flex;align-items:center;padding:0 12px;border-right:1px solid #d6dfd0;color:#526249;font-weight:650}
.client-identity-fields .client-number-input input{border:0;border-radius:0;box-shadow:none;flex:1}
.client-identity-fields input:focus-visible{outline:2px solid #619e40;outline-offset:-2px}
html[data-theme="dark"] .client-identity-fields input{background:#192328;border-color:#43565d;color:#e0e8eb}
html[data-theme="dark"] .client-identity-fields input[readonly]{background:#253136;color:#b6c5c9}
html[data-theme="dark"] .client-number-input{background:#2b3b40;border-color:#43565d}
html[data-theme="dark"] .client-number-input>span{color:#d2dfd9;border-color:#43565d}
@media(max-width:700px){.client-identity-fields{grid-template-columns:1fr;gap:18px}.topbar .breadcrumb{gap:8px}.topbar .client-header-value:not([hidden]){padding-left:8px;font-size:11px}.topbar .client-header-number{max-width:30%}.topbar .top-actions{margin-left:8px}}

.server-domain-card{margin-bottom:23px}
.server-domain-card>.field{max-width:760px;margin:0}
.server-domain-card>.description{margin:14px 0;max-width:980px}
.server-domain-card [hidden]{display:none}
.server-domain-card input[readonly]{cursor:default}
.domain-progress,.domain-access{display:flex;align-items:center;flex-wrap:wrap;gap:10px 22px;font-size:12px;line-height:1.6}
.domain-state{display:inline-flex;align-items:center;gap:8px;color:var(--muted)}
.domain-state>i{flex:none;width:8px;height:8px;border-radius:50%;background:#859281}
.domain-state-ready>i{background:#619e40}.domain-state-warning>i{background:#d49531}.domain-state-pending>i{background:#408dd4}
.domain-expiry{color:var(--muted);font-size:11px}
.domain-access{margin-top:10px;color:var(--muted)}.domain-access a{font-size:12px}
html[data-theme="dark"] .domain-state{color:#c5d1d5}html[data-theme="dark"] .domain-access{color:#afbdc5}
