/* Neutral surfaces; blue actions; copper branding; green/amber/red status. */
:root{
  --brand-ink:#262c33;
  --brand-ink-soft:#343d46;
  --brand-paper:#f3f2ed;
  --brand-white:#fff;
  --brand-line:#dedfd8;
  --brand-muted:#626b70;
  --brand-rust:#a95738;
  --brand-rust-dark:#8e472f;
  --brand-sage:#54745d;
  --brand-sage-soft:#e8eee8;
  --brand-blue:#42647d;
  --brand-blue-soft:#edf2f6;
  --brand-amber:#bd8b42;
  --brand-danger:#a84745;
}
body.operator-theme{
  --bg:var(--brand-paper);
  --surface:#fff;
  --raised:#f7f7f2;
  --border:var(--brand-line);
  --muted:var(--brand-muted);
  --cyan:var(--brand-blue);
  --orange:var(--brand-rust);
  --green:var(--brand-sage);
  --red:var(--brand-danger);
}
body.operator-theme,body.public-theme{
  font-family:Inter,"Segoe UI",Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
  background:var(--brand-paper);
  color:var(--brand-ink);
}
body.operator-theme a:hover,body.public-theme a:hover{color:var(--brand-rust)}
body.operator-theme .sidebar{
  background:var(--brand-ink);
  border-color:#3a423b;
  color:#f5f4ef;
}
body.operator-theme .sidebar-brand{padding-bottom:32px}
body.operator-theme .brand-sub{color:#b3c5b3}
body.operator-theme .side-label,body.operator-theme .tiny{color:#a4aaa1}
body.operator-theme .nav-item{color:#c0c5bd;border-left-color:transparent}
body.operator-theme .nav-item:hover{background:#343d46;color:#fff}
body.operator-theme .nav-item.active{color:#fff;background:#344551;border-left-color:#94b6ce}
body.operator-theme .nav-symbol{color:#9bb4c4}
body.operator-theme .side-link,body.operator-theme .text-button{color:#a9c1d0}
body.operator-theme .sidebar-foot{border-color:#424a43}
body.operator-theme .topbar{background:#fff;border-color:var(--brand-line)}
body.operator-theme .crumb{color:#4d554e}
body.operator-theme .crumb span{color:#a0a69e}
body.operator-theme .connection,body.operator-theme .timezone{color:#657067}
body.operator-theme .return-link{color:var(--brand-blue)}
body.operator-theme .status-dot{background:var(--brand-amber)}
body.operator-theme .status-dot.online{background:var(--brand-sage);box-shadow:0 0 0 4px #54745d24}
body.operator-theme .announce{background:#e9ebe5;color:#687168;border-color:#daddd5}
body.operator-theme .announce b{color:var(--brand-rust)}
body.operator-theme .announce strong{color:#333b34}
body.operator-theme main{color:var(--brand-ink)}
body.operator-theme .hero{
  border-color:#3d453f;
  background:radial-gradient(ellipse at 82% 100%,#a9573833,transparent 38%),linear-gradient(118deg,#343d46 0%,#282e35 70%,#292b27 100%);
  box-shadow:0 12px 30px #282e2912;
}
body.operator-theme .hero:after{background:linear-gradient(120deg,transparent 49%,#d9c6a40b 50%,transparent 51%),repeating-linear-gradient(90deg,transparent 0 78px,#e4ded208 79px 80px)}
body.operator-theme .kicker{color:var(--brand-blue)}
body.operator-theme .hero .kicker,body.operator-theme .login-visual .kicker{color:#b5cbdc}
body.operator-theme .short-line{background:#d08a61}
body.operator-theme .hero h1,body.operator-theme .hero-owner{color:#f8f6f0}
body.operator-theme .hero h1 em,body.operator-theme .login-visual h1 em{color:#d6946b}
body.operator-theme .hero p{color:#d0d2ca}
body.operator-theme .primary{background:var(--brand-blue);border-color:var(--brand-blue);color:#fff;border-radius:4px}
body.operator-theme .primary:hover{background:#314e64;border-color:#314e64}
body.operator-theme .outlined{background:#fff;color:#3c566a;border-color:#a7b5bf;border-radius:4px}
body.operator-theme .outlined:hover{background:var(--brand-blue-soft)}
body.operator-theme .hero .outlined{background:transparent;color:#eef3f7;border-color:#a1b1be}
body.operator-theme .hero .outlined:hover{background:#ffffff16}
body.operator-theme .hero-right{background:#171d19a8;border-color:#ffffff20}
body.operator-theme .hero-small,body.operator-theme .hero-caption,body.operator-theme .hero-explainer{color:#c6cbc2}
body.operator-theme .hero-rule{background:#ffffff2b}
body.operator-theme .hero-state{color:#c4d4c4}
body.operator-theme .tower-art{opacity:.2}
body.operator-theme .section-heading h2{color:#282e35}
body.operator-theme .last-sync,body.operator-theme .small-muted{color:#727a72}
body.operator-theme .stat{background:#fff;border-color:var(--brand-line);border-top-color:var(--brand-blue);box-shadow:0 3px 12px #282e3510}
body.operator-theme .stat:nth-child(2){border-top-color:#bd805d}
body.operator-theme .stat:nth-child(3){border-top-color:#8e949a}
body.operator-theme .stat:nth-child(4){border-top-color:#66816c}
body.operator-theme .stat-icon{color:#a7afa5}
body.operator-theme .stat>span{color:#69736a}
body.operator-theme .stat strong{color:#242a25}
body.operator-theme .stat small{color:#68716a}
body.operator-theme .panel{background:#fff;border-color:var(--brand-line);box-shadow:0 3px 14px #282e3509}
body.operator-theme .panel-head{border-color:#e7e8e2}
body.operator-theme .panel-head h3{color:#303730}
body.operator-theme .panel-body{color:#3e453f}
body.operator-theme .mini{color:#42647d;border-color:#c2cfd8;background:#edf2f6;border-radius:4px}
body.operator-theme .mini:hover{background:#dfe8ef}
body.operator-theme .tag{color:#4d554e;background:#eceee9}
body.operator-theme .tag.ok{background:#e2eee5;color:#3f6849}
body.operator-theme .tag.warn{background:#f4eadb;color:#875c2a}
body.operator-theme .tag.bad{background:#f5e5e3;color:#914746}
body.operator-theme .row-line{border-color:#e9eae5}
body.operator-theme .row-line .label{color:#687168}
body.operator-theme .row-line small{color:#68716a}
body.operator-theme .row-line strong{color:#303630}
body.operator-theme .state{color:#98663d}
body.operator-theme .state.active{color:#4d7657}
body.operator-theme .state.failed,body.operator-theme .state.not-found,body.operator-theme .state.unavailable{color:var(--brand-danger)}
body.operator-theme .empty{color:#737b73;border-color:#cfd3ca}
body.operator-theme .empty b{color:#404940}
body.operator-theme .stream-row{border-color:#e8e9e3}
body.operator-theme .stream-row small,body.operator-theme .stream-row time{color:#68716a}
body.operator-theme .helper,body.operator-theme .page-head p{color:#697269}
body.operator-theme .info{background:#f4f1e9;border-color:#e2d7c7;border-left-color:var(--brand-rust)}
body.operator-theme .info b{color:#925033}
body.operator-theme .info p{color:#636a63}
body.operator-theme table{color:#343b35}
body.operator-theme th{background:#eef0eb;color:#59635a}
body.operator-theme td,body.operator-theme th{border-color:#e2e4dd}
body.operator-theme td{color:#414941}
body.operator-theme td strong{color:#303831}
body.operator-theme .action{border-color:#c2cfd8;color:#42647d;background:#edf2f6;border-radius:4px}
body.operator-theme .action.danger{color:#934a47;border-color:#dfc4c0;background:#fbf1ef}
body.operator-theme .big-arrow{color:var(--brand-rust)}
body.operator-theme label{color:#59635a}
body.operator-theme input,body.operator-theme select{
  border-color:#cbd0c8;background:#fff;color:#272e28;border-radius:4px;
}
body.operator-theme input::placeholder{color:#6c767e}
body.operator-theme input:focus,body.operator-theme select:focus{border-color:var(--brand-blue);box-shadow:0 0 0 3px #58758a24}
body.operator-theme .monitor-chip{background:#f4f5f1;border-color:#d9ded6;color:#3f473f}
body.operator-theme .monitor-chip button,body.operator-theme .discover-item{background:#edf2ed;border-color:#c7d1c7;color:#4e6751}
body.operator-theme .discovered{border-color:#cbd2c9}
body.operator-theme .discovered h4{color:#343b35}
body.operator-theme .notice{background:#e8eee8;border-left-color:var(--brand-sage);color:#3b5140}
body.operator-theme .notice.error{background:#f7e9e6;border-left-color:var(--brand-danger);color:#853e3d}
body.operator-theme .pending{background:#f4ecdf;border-left-color:var(--brand-amber);color:#6e542f}
body.operator-theme .pending code{background:#e4dfd4;color:#3e3b34}
body.operator-theme .footer{border-color:#dedfd8;color:#68716a}
body.operator-theme .footer b{color:var(--brand-rust)}
body.operator-theme .login-scene{background:linear-gradient(115deg,#343d46 0%,#282e35 56%,#f3f2ed 56%,#f3f2ed 100%)}
body.operator-theme .login-visual{color:#f8f6f0}
body.operator-theme .login-visual p{color:#d2d5ce}
body.operator-theme .login-visual>a{color:#d4a17d}
body.operator-theme .login-card{background:#fff;border-color:#dedfd8;color:#282e35}
body.operator-theme .login-card p{color:#707870}
body.operator-theme .login-card small{color:#68716a}
body.operator-theme .login-card small a{color:var(--brand-sage)}
body.operator-theme .stripe{background:var(--brand-rust)}
body.operator-theme .error{color:#9c4542}
body.operator-theme .gateway-logs{background:#f4f5f1;color:#3e473f;border-color:#d8ddd5}
body.operator-theme :focus-visible,body.public-theme :focus-visible{outline:3px solid #58758a70;outline-offset:2px}

body.public-theme{--bg:#f3f2ed;--navy:#282e35;--navy2:#e9ebe5;--card:#fff;--line:#dedfd8;--white:#282e35;--muted:#707870;--cyan:#58758a;--orange:#a95738;--green:#54745d;--red:#a84745}
body.public-theme .mast{background:#fff;border-color:#dedfd8}
body.public-theme .brand strong,body.public-theme footer strong{color:#282e35}
body.public-theme .brand small{color:var(--brand-blue)}
body.public-theme .brand small b{color:#454d46}
body.public-theme .mast-links a{color:#495149}
body.public-theme .mast-links a:hover{color:var(--brand-blue)}
body.public-theme .mast-links .nav-accent{color:#fff;background:var(--brand-ink);border-color:var(--brand-ink);border-radius:4px}
body.public-theme .nav-accent span{color:#d69a70}
body.public-theme .prelude{background:#e8eae3;border-color:#d8dbd2;color:#606a60}
body.public-theme .prelude b{color:var(--brand-rust)}
body.public-theme .hero{background:radial-gradient(circle at 68% 70%,#4b62754d 0%,transparent 43%),linear-gradient(120deg,#343d46,#282e35 80%);border-color:#3b433c}
body.public-theme .eyebrow{color:#b5cbdc}
body.public-theme .section-label{color:var(--brand-blue)}
body.public-theme .micro{color:#626b70}
body.public-theme .border-dot{color:#a1aa9d}
body.public-theme .hero h1{color:#f8f6f0}
body.public-theme .hero h1 em{color:#d99a72}
body.public-theme .hero p{color:#d3d5ce}
body.public-theme .button-orange{background:var(--brand-blue);border-color:#6f91ac;color:#fff;border-radius:4px}
body.public-theme .button-orange:hover{background:#314e64;border-color:#6f91ac;color:#fff}
body.public-theme .button-outline{background:transparent;border-color:#b3b8ae;color:#f2f0e9;border-radius:4px}
body.public-theme .button-outline:hover{background:#ffffff13;color:#fff}
body.public-theme .hero-side{background:#202721b8;border-color:#ffffff20}
body.public-theme .signal-bars span{background:#b8c3b5}
body.public-theme .signal-bars span:nth-child(3n){background:#d69a70}
body.public-theme .label{color:#d0d4ca}
body.public-theme .hero-divider{background:#ffffff30}
body.public-theme .tx-owner{color:#d99a72}
body.public-theme .small-stat,body.public-theme .status-note{color:#626b70}
body.public-theme .hero .small-stat,body.public-theme .hero .audio-message{color:#cbd3da}
body.public-theme .hero .big-stat{color:#f8f6f0}
body.public-theme .kpis{border-color:var(--brand-line);background:#fff}
body.public-theme .kpis>div{background:#fff;border-color:var(--brand-line)}
body.public-theme .kpis strong{color:#272e28}
body.public-theme .kpis small{color:#747c74}
body.public-theme .section-top h2{color:#303730}
body.public-theme .fine-print,body.public-theme .section-hint{color:#737b73}
body.public-theme .status-box{background:#fff;border-color:#dedfd8;box-shadow:0 2px 8px #282e3509}
body.public-theme .status-heading{background:#eceee8;color:#485148;border-color:#dde0d8}
body.public-theme .status-box dd{color:#303730}
body.public-theme .trx{background:#e5eee6;color:#456c4c;border-color:#cbd9cc}
body.public-theme .sidebar-note{background:#fff;border-left-color:var(--brand-sage);color:#697169}
body.public-theme .sidebar-note b{color:#394239}
body.public-theme .pill{border-color:#d2d8cf;color:#657065;background:#fff}
body.public-theme .table-panel{background:#fff;border-color:#dedfd8;box-shadow:0 2px 8px #282e3509}
body.public-theme .table-caption{background:#f0f1ec;color:#596259;border-color:#dedfd8}
body.public-theme thead{background:#e8ebe4}
body.public-theme th{background:#e8ebe4;color:#4c564d;border-color:#d8dcd3}
body.public-theme td{color:#4a524a;border-color:#e6e8e2}
body.public-theme tbody tr:nth-child(2n){background:#fafaf7}
body.public-theme tbody tr:hover{background:#f0f3ed}
body.public-theme td.callsign{color:var(--brand-blue)}
body.public-theme .mode-pill{border-color:#c2cfd8;background:#edf2f6;color:#42647d;border-radius:3px}
body.public-theme .empty-state{color:#737b73}
body.public-theme .origin{color:#6d786d}
body.public-theme .trust-note{background:#f7f7f3;border-color:#dfe2da;color:#697169}
body.public-theme .mode-ribbon{background:#fff;border-color:#dedfd8}
body.public-theme .ribbon-caption{color:var(--brand-blue)}
body.public-theme .ribbon-mode{border-color:#e0e2dc;color:#454d45}
body.public-theme .mode-ribbon>a{color:var(--brand-rust)}
body.public-theme .hardware-grid{border-color:#dedfd8}
body.public-theme .hardware-grid>div{background:#fff;border-color:#dedfd8}
body.public-theme .hardware-grid span{color:#697169}
body.public-theme .hardware-grid strong{color:#303730}
body.public-theme .hardware-grid small{color:#68716a}
body.public-theme .meter{background:#e6e8e2}
body.public-theme .meter i{background:var(--brand-sage)}
body.public-theme footer{background:#282e35;border-color:#3c443d;color:#c2c8bf}
body.public-theme footer strong{color:#f7f5ef}
body.public-theme footer strong span{color:#d99a72}
body.public-theme footer a{color:#dfc2ad}
body.public-theme .audio-message{color:#6c746c}
body.public-theme .audio-picker{color:#596259}
body.public-theme .hero .audio-picker{color:#e1e2da}
body.public-theme .audio-picker select{background:#fff;color:#303730;border-color:#cdd2c9;border-radius:4px}
body.public-theme .audio-picker select:focus{outline-color:var(--brand-blue)}
body.public-theme .button-orange[aria-pressed="true"]{background:#e4eee5;border-color:#9db29f;color:#456c4c}

/* Light content and dark chrome need different text and control colors. */
body.operator-theme .topbar .text-button{color:var(--brand-blue)}
body.operator-theme .public-header,body.operator-theme .public-grid strong{color:var(--brand-blue)}
body.operator-theme .public-grid{border-color:var(--brand-line)}
body.operator-theme .form-bottom span{color:#626b70}
body.operator-theme .panel .kicker{color:var(--brand-blue)}
body.operator-theme .hero h1,body.operator-theme .page-head h1,
body.operator-theme .login-visual h1{font-family:inherit;font-weight:750;letter-spacing:-.8px}
body.operator-theme .panel,body.operator-theme .stat{border-radius:6px}
body.operator-theme input[type="checkbox"]{accent-color:var(--brand-blue)}
body.operator-theme .panel pre{background:#f4f5f6;color:#3e4850;border:1px solid #dce0e3;padding:14px;border-radius:4px}
body.public-theme .status-box dl>div{border-color:#e2e5e6}
body.public-theme .status-box.gateway-status{margin:12px 0}
body.public-theme .status-box,body.public-theme .table-panel{border-radius:6px}
body.public-theme .status-heading{border-radius:5px 5px 0 0}
body.public-theme .hero{color:#f8f6f0}
body.public-theme .hero .audio-message{color:#cbd3da}
body.public-theme .hero .live-pulse{background:#94c3a1;box-shadow:0 0 0 4px #94c3a124}
body.public-theme .hero .button-orange[aria-pressed="true"]{background:#e4eee5;color:#34543d;border-color:#9db29f}
body.public-theme .content-layout>*{min-width:0}
body.public-theme .state{color:#626b70}
body.public-theme .state.active{color:var(--brand-sage)}
body.public-theme .state.inactive{color:var(--brand-danger)}
@media(max-width:520px){
 body.public-theme .audio-picker{flex-wrap:wrap;width:100%}
 body.public-theme .audio-picker select{width:100%;max-width:none}
 body.public-theme .ribbon-items{flex:1 1 100%;row-gap:8px}
}
@media(max-width:740px){
 body.operator-theme .login-scene{background:#282e35}
 body.operator-theme .nav-item.active{border-bottom-color:#94b6ce}
}
.overview-activity{display:grid;grid-template-columns:1fr;gap:18px;align-content:start;min-width:0}
@media(max-width:1000px){.overview-activity{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.overview-activity{grid-template-columns:1fr}}
