/* Approved royal-blue and black palette. Semantic warning/error colors remain distinct. */
:root{--bg:#000000;--panel:#111218;--panel2:#171922;--line:#292d3a;--text:#f5f7ff;--muted:#b2bacf;--green:#4169e1;--green2:#4169e1;--blue:#a9beff;accent-color:#4169e1}
body{background:#000000}
.shell aside{background:#08090c}
.card,.login-card,.dialog{background:#111218}
input,textarea,select{background:#08090c}
button{background:#4169e1;color:#ffffff}
button:not(.secondary):not(.danger):not(.link):hover{filter:brightness(1.12)}
.brand-mark,.brand span{background:#4169e1;color:#ffffff}
.brand-mark{box-shadow:0 0 40px #4169e129}
.shell nav button.active{background:#182347;border-color:#4169e1;color:#a9beff}
.online,.pill{background:#182347;border-color:#354f9d;color:#a9beff}
.online i{background:#4169e1}
.metric,.bubble{background:#171922}
.bubble.mine{background:#172655}
#preview-text{background:#172655!important;color:#f5f7ff}
#add-chip{color:#a9beff}
.dropzone{border-color:#454b60}
.tabs button{background:#171922;color:#b2bacf}
.tabs button.active{background:#182347;color:#a9beff}
.message-tags button{background:transparent;color:#a9beff}
.chip-toggle input{background:#292d3a}
.chip-toggle input:before{background:#b2bacf}
.chip-toggle input:checked{background:#4169e1}
.chip-toggle input:checked:before{background:#ffffff}
.countdown-box{background:#171922}
.countdown-box progress::-webkit-progress-bar{background:#292d3a}
.countdown-box progress::-webkit-progress-value{background:#4169e1}
.tracking-tabs{background:#08090c}
.tracking-tabs button{background:transparent}
.tracking-tabs button.active{background:#182347;color:#f5f7ff}
.status-badge{border-color:#454b60}
.status-badge.sent{background:#182347;color:#a9beff;border-color:#354f9d}
.status-badge.chip,.status-badge.answered{background:#172655;color:#bdd0ff;border-color:#4169e1}
button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #a9beff;outline-offset:2px}