/* RNC: exact logo asset, steel blue sampled from the supplied identity. */
:root{--rnc:#4a6d81;--rnc-dark:#355567;--rnc-soft:#e3edf2;--red:#4a6d81;--red-dark:#355567;--red-soft:#253d4a;--navy:#17232b;--canvas:#17232b;--paper:#21323d;--line:#ffffff1c;--conversation-background:#f5f7f9;--conversation-received:#fff;--conversation-sent:#e3edf2;--conversation-border:#b6c8d1}
body,.workspace,.page,.boot{background:#17232b}.topbar{background:#21323d}.content-card,.person-card,.reply-card,.reminder-card,.management-card,.license-summary,.qr-howto,.qr-channel-card,.modal{background:#21323d}
a,.text-button,.page-kicker span,.auth-form .eyebrow{color:#b9d1df}.text-button:hover{color:#edf6fb}::selection{background:#6e91a5;color:#fff}
.sidebar{background:var(--rnc);color:#fff}.sidebar .nav-button,.sidebar .nav-button.active,.sidebar .nav-button.active:hover,.professional-shell .sidebar .nav-button{color:#fff}.sidebar .nav-button svg{color:#fff}.sidebar .nav-button.active,.sidebar .nav-button.active:hover,.professional-shell .sidebar .nav-button.active{background:#fff;color:#223e4e}.sidebar .nav-button.active svg{color:#223e4e}.sidebar .nav-button:hover{background:#ffffff1c;color:#fff}.sidebar .nav-label,.sidebar .brand-caption{color:#e3edf2}.sidebar .user-details strong{color:#fff}.sidebar .user-details span{color:#d5e3eb}.sidebar .user-box{border-color:#ffffff36}.sidebar .user-box .avatar{background:#ffffff24;color:#fff}.sidebar .user-box .icon-button{color:#fff}.sidebar .user-box .icon-button:hover{background:#ffffff24;color:#fff}.sidebar .private-label{background:#ffffff0a;border-color:#ffffff30}.sidebar .private-label strong,.sidebar .private-label span,.sidebar .private-label svg{color:#edf5f8}
.sidebar>.brand{position:relative;display:block;overflow:hidden;width:152px;height:164px;margin:0 auto;background:#fff;border-radius:12px;box-shadow:0 4px 14px #18344320}.sidebar>.brand img{position:absolute;display:block;width:325px!important;height:325px!important;min-width:325px;max-width:none!important;max-height:none!important;left:-85px;top:-78px;object-fit:fill;margin:0}.brand-caption{text-align:center;margin:12px 0 25px;font-size:10px;letter-spacing:2.1px}
.nav-mark-window{position:relative;display:block;flex:0 0 23px;width:23px;height:23px;overflow:hidden;background:#fff;border-radius:3px}.nav-mark-window .nav-mark{position:absolute;width:92px;height:92px;max-width:none;left:-33px;top:-24px;object-fit:fill}
.btn-primary,.send-button,.install-app-button,.skip-link{background:var(--rnc);border-color:var(--rnc);color:#fff}.btn-primary:hover,.send-button:hover,.install-app-button:hover{background:#355567;border-color:#355567;color:#fff}.unread,.nav-count{background:#dceaf2;color:#223e4e}.nav-queue-badge{background:#e7f0f5;color:#223e4e}.queue-topbar .queue-top-count{background:#3a5667;color:#fff}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible,.sidebar button:focus-visible,.sidebar a:focus-visible{outline-color:#8db4ca}.spinner{border-top-color:#8db4ca}.icon-button:hover,.toast svg{color:#b9d1df}.connection-chip.connected{background:#2b4757;border-color:#7196ad66;color:#d7eaf5}.connection-chip.connected:before{background:#9fc4d8}
.auth-page,.auth-form-wrap,.auth-professional .auth-form-wrap{background:#17232b}.auth-professional .auth-art{background:var(--rnc);color:#fff}.auth-professional .auth-art .eyebrow,.auth-professional .auth-art h1,.auth-professional .auth-art p,.auth-professional .auth-art small{color:#fff}.auth-professional .auth-art h1 span{color:#d2e3ed}.auth-professional .auth-logo{position:relative;overflow:hidden;width:212px;height:222px;min-height:222px;background:#fff;border-radius:15px}.auth-professional .auth-logo img{position:absolute;width:460px!important;height:460px!important;min-width:460px;max-width:none!important;max-height:none!important;left:-121px;top:-114px;object-fit:fill}.auth-professional .auth-brand-copy{margin-top:28px}
.demo-banner{background:#253e4c;border-color:#597b8e;color:#e2eff6}.demo-dot{background:#a8cadc}.empty-icon{background:#2b4657;color:#b6d0df}.empty-state h2{color:#243c4a}.empty-state p{color:#546a77}.chat-panel:has(>.empty-state){background:#f2f6f8}
.assignee-chip,.department-tag{background:#2b4757;border-color:#7794a7;color:#e7f1f7}.assignee-option:has(input:checked){background:#e3edf2}.assignee-option:has(input:focus-visible){outline-color:var(--rnc)}.assignee-filter input,.notification-toggle input,.qr-consent-label input{accent-color:var(--rnc)}
#app .queue-workspace .chat-title .responsible-badge,#app .queue-workspace .contact-assignee-line.responsible-badge,#app .queue-workspace .contact-item.selected .responsible-badge{background:#e3edf2!important;border-color:#a7bfce!important;border-inline-start-color:#4a6d81!important;color:#263f4e!important}#app .queue-workspace .composer-tools .text-button{color:#35586e}
.attachment-preview,.recording-strip,.attachment-pdf-mark,.internal-note-identity{background:#e3edf2;border-color:#9bb6c7;color:#2e4a5b}.attachment-pdf-mark,.attachment-preview:has(.attachment-pdf-mark) .attachment-copy strong{color:#2e4a5b}.group-new-message,.group-unread-count{background:#d6e7f0;color:#2e4a5b}#app .queue-workspace .contact-item.group-unread:not(.selected){background:#dceaf2;border-left-color:#4a6d81}#app .queue-workspace .contact-item.group-unread:not(.selected):hover{background:#d1e3ed}.group-new-messages{background:#e3edf2;border-color:#93adbe;color:#2b4a5c}.group-new-messages .btn{background:#f7fafc;border-color:#9cb6c6;color:#2b4a5c}.group-new-messages .btn:hover{background:#d6e7f0}
.attendance-event{border-inline-start-color:#4a6d81}.attendance-event-mark{background:#e3edf2;border-color:#aec4d1;color:#35586e}.more-menu-item.current,.qr-step-number,.qr-placeholder{background:#2b4757;border-color:#7696a9;color:#deedf5}.quick-choice:hover{background:#2b4757;border-color:#7696a9}.invitation-identity{background:#294554;border-color:#567b90;color:#fff}.invitation-identity span,.invitation-identity small{color:#d5e5ee}
/* Dark RNC ink and focus rings on the light queue controls only. */
#app .queue-workspace .list-toolbar .history-shortcut{color:#355567}
#app .queue-workspace .list-toolbar .history-shortcut:hover{color:#223e4e;text-decoration:underline;text-underline-offset:3px}
#app .queue-workspace :is(.conversation-list,.list-toolbar,.chat-header,.attendance-actions,.chat-footer,.group-new-messages) :is(button,a,input,textarea,select,summary,[tabindex]):focus-visible{outline:3px solid #223e4e;outline-offset:3px}
#app .queue-workspace .assignee-option:has(input:focus-visible){outline:3px solid #223e4e;outline-offset:3px}
/* Message colours are personal: use their already derived contrasting ink. */
#app .queue-workspace .messages :is(button,a,input,textarea,select,summary,[tabindex]):focus-visible{outline:3px solid var(--conversation-text,#223e4e);outline-offset:3px}
#app .queue-workspace .messages .message-bubble :is(button,a,input,textarea,select,summary,[tabindex]):focus-visible{outline-color:currentColor}
/* The white ring stays outside even a white active item, separated by blue. */
#app .sidebar :is(button,a,input,textarea,select,summary,[tabindex]):focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(max-width:760px){.sidebar{background:var(--rnc);border-top-color:#7795a7}.sidebar>.brand{display:none}.sidebar .nav-button svg{color:inherit}.sidebar .nav-button.active,.professional-shell .sidebar .nav-button.active{background:#fff;color:#223e4e}.sidebar .nav-button:hover{background:#ffffff1c;color:#fff}.sidebar .nav-button.active:hover{background:#fff;color:#223e4e}.topbar{background:#21323d}.brand-caption{display:none}.nav-mark-window{flex-basis:21px;width:21px;height:21px}.nav-mark-window .nav-mark{width:84px;height:84px;left:-30px;top:-22px}.auth-professional .auth-logo{width:160px;height:168px;min-height:168px}.auth-professional .auth-logo img{width:335px!important;height:335px!important;min-width:335px;left:-89px;top:-82px}}