:root{color-scheme:dark;--bg:#080e19;--panel:#101a2a;--panel2:#111e30;--line:#253249;--text:#edf3fd;--muted:#8b9bb3;--cyan:#54e3db;--purple:#9780ff;--warn:#edbc75;--danger:#ff8698;--radius:17px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:14px;line-height:1.6}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:var(--cyan);text-decoration:none}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}button{border:1px solid var(--line);border-radius:10px;padding:10px 15px;color:var(--text);background:#172338;min-height:42px}button:hover{border-color:#536c8d;background:#1c2b42}.primary{background:var(--cyan);color:#073135;border-color:transparent;font-weight:700}.primary:hover{background:#85f5e6;border-color:transparent}.secondary{background:transparent}.danger{color:var(--danger);border-color:#603649}.tiny{padding:5px 10px;min-height:34px;font-size:12px}.icon-btn{padding:7px 12px;min-width:40px}.link-btn{background:none;border:none;color:var(--cyan);padding:0;min-height:28px}.muted{color:var(--muted)}.accent{color:var(--cyan)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.eyebrow{font-size:10px;letter-spacing:2.5px;color:var(--cyan);font-weight:700}.badge{display:inline-flex;align-items:center;gap:6px;border:1px solid #334057;background:#182338;border-radius:20px;padding:3px 10px;white-space:nowrap;font-size:11px;color:#afbed3}.badge.good{color:#74e8c5;border-color:#235448;background:#142c2b}.badge.warn{color:var(--warn);border-color:#584631;background:#2c271f}.badge.purple{color:#b6a4ff;border-color:#443963;background:#25223d}.badge.danger{color:var(--danger);border-color:#673546;background:#31202d}.dot{width:6px;height:6px;border-radius:50%;background:currentColor;display:inline-block}.loading-screen{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted)}.orb{width:32px;height:32px;border:1px solid var(--cyan);border-radius:50%;box-shadow:0 0 25px #54e3db30}
.shell{display:grid;grid-template-columns:224px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;border-right:1px solid #1c293e;background:#0b1321;display:flex;flex-direction:column;padding:28px 16px 18px}.brand{display:flex;gap:9px;align-items:center}.brand img{width:45px;height:45px;object-fit:contain}.brand-title{font-size:18px;font-weight:760;letter-spacing:3px}.brand-sub{font-size:10px;color:var(--muted);letter-spacing:2px}.sidebar .brand{padding:0 10px 34px}.nav-label{font-size:10px;color:#52637e;letter-spacing:2px;padding:0 14px 12px}.nav{display:flex;flex-direction:column;gap:5px}.nav a{color:#8f9db3;padding:12px 15px;border-radius:10px;display:flex;align-items:center;gap:12px;font-size:13px;border:1px solid transparent}.nav a:hover{color:#e7f4ff;background:#131f32}.nav a.active{color:var(--cyan);background:linear-gradient(100deg,#153333,#152239);border-color:#24443f}.nav-icon{display:inline-flex;width:18px;height:18px;align-items:center;justify-content:center;font-size:17px}.nav .nav-count{margin-left:auto;font-size:10px;background:#22354a;border-radius:5px;padding:0 5px;color:#a4bad0}.sidebar-bottom{margin-top:auto;padding:24px 12px 0}.sidebar-bottom p{font-size:11px;color:var(--muted);margin:5px 0}.sidebar-bottom .badge{font-size:10px}.sidebar-bottom button{margin-top:16px;font-size:11px;padding:4px 12px;min-height:30px}.workspace{min-width:0}.topbar{min-height:83px;border-bottom:1px solid #1c293e;display:flex;justify-content:space-between;gap:15px;align-items:center;padding:18px 34px;background:#0b132199}.topbar h1{font-size:17px;margin:0;font-weight:650}.topbar-sub{color:var(--muted);font-size:11px;margin-top:2px}.topbar-actions{display:flex;align-items:center;gap:12px}.sync-text{font-size:11px;color:var(--muted)}.avatar{width:30px;height:30px;border-radius:50%;background:#232846;color:#b7a9ff;display:grid;place-items:center;font-size:11px}.content{max-width:1800px;margin:0 auto;padding:30px 34px 46px}.page-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:25px}.page-intro h2{font-size:25px;font-weight:650;letter-spacing:-.7px;line-height:1.4;margin:5px 0 8px}.page-intro p{color:var(--muted);margin:0;font-size:12px;max-width:660px}.page-intro .actions{margin-top:8px}.actions{display:flex;gap:9px;flex-wrap:wrap}.panel{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(130deg,#111d2e,#0e1828);padding:22px;min-width:0}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.panel h3{font-size:14px;font-weight:600;margin:0}.panel-head small{font-size:11px;color:var(--muted)}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:22px}.metric{padding:21px 22px;position:relative;overflow:hidden}.metric::before{content:"";position:absolute;top:0;left:22px;right:22px;height:1px;background:linear-gradient(90deg,var(--cyan),transparent);opacity:.45}.metric:nth-child(2)::before{background:linear-gradient(90deg,var(--purple),transparent)}.metric-label{color:#94a7c0;font-size:12px;display:flex;justify-content:space-between;align-items:center}.metric-value{font-size:35px;font-weight:650;line-height:1.45;letter-spacing:-1.5px;margin-top:9px;font-variant-numeric:tabular-nums}.metric-unit{font-size:13px;font-weight:400;color:var(--muted);margin-left:6px;letter-spacing:0}.metric-note{font-size:10px;color:#677e9b;margin-top:4px}.grid-main{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);gap:20px}.grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.stack{display:grid;gap:20px}.chart-empty{height:214px;position:relative;display:grid;place-items:center;text-align:center;border-radius:8px;background:repeating-linear-gradient(0deg,transparent,transparent 42px,#29375060 43px,transparent 44px),repeating-linear-gradient(90deg,transparent,transparent 86px,#29375025 87px,transparent 88px);overflow:hidden}.chart-empty .placeholder{background:#0d1729d9;padding:16px 22px;position:relative;z-index:1}.chart-empty strong{font-size:14px;font-weight:500;color:#a4b5cc}.chart-empty p{font-size:11px;color:var(--muted);margin:5px 0 0}.legend{display:flex;gap:15px;color:var(--muted);font-size:10px;margin-top:17px}.legend span{display:flex;align-items:center;gap:5px}.onboarding{background:linear-gradient(120deg,#102b33,#151d38);border:1px solid #264452;margin-bottom:22px;display:grid;grid-template-columns:1.1fr 1.7fr;gap:30px;padding:23px 25px}.onboarding h3{font-size:17px;margin:2px 0 8px}.onboarding p{font-size:11px;color:#90aec1;margin:0;max-width:390px}.setup-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:center}.setup-step{border-left:1px solid #2a4057;padding-left:13px;min-height:76px}.step-num{font-family:ui-monospace,monospace;font-size:10px;color:#69869e;display:block;margin-bottom:7px}.setup-step b{display:block;font-size:12px;font-weight:500}.setup-step small{color:var(--warn);font-size:10px}.setup-step.done small{color:var(--cyan)}.status-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 0;border-top:1px solid #223047}.status-row:first-child{border-top:0;padding-top:0}.status-row:last-child{padding-bottom:0}.status-row p{margin:2px 0 0;color:var(--muted);font-size:11px}.status-row strong{font-size:12px;font-weight:500}.row-icon{width:35px;height:35px;border-radius:10px;background:#1d2c42;color:#8badc9;display:grid;place-items:center;flex-shrink:0}.status-left{display:flex;align-items:center;gap:11px}.empty{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px}.empty-icon{font-size:23px;color:#7290b3;background:#16273c;border:1px solid #2a3c55;border-radius:15px;width:58px;height:58px;display:grid;place-items:center;margin-bottom:14px}.empty strong{font-size:14px;font-weight:500}.empty p{font-size:12px;max-width:380px;color:var(--muted);margin:7px 0 15px}.empty.compact{min-height:175px;padding:16px}.empty.compact .empty-icon{width:40px;height:40px;font-size:18px;border-radius:11px;margin-bottom:8px}.notice{padding:13px 16px;border:1px solid #344553;background:#14222f;border-radius:10px;color:#a6bed0;font-size:12px;margin-bottom:20px}.notice.warn{border-color:#584831;background:#252219;color:#d8bb8a}.notice.error{border-color:#633345;background:#2b1b29;color:#ffa0ae}.notice a{margin-left:5px}.footer-note{font-size:10px;color:#5f728d;margin:22px 0 0;text-align:center}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;margin-bottom:18px}.filters{display:flex;gap:10px;flex-wrap:wrap}.filters input{min-width:240px}.filters select{min-width:130px}input,textarea,select{color:var(--text);background:#0c1627;border:1px solid #304058;border-radius:9px;padding:11px 12px;outline:none;min-width:0;width:100%}input:focus,select:focus,textarea:focus{border-color:#5eb4ba;box-shadow:0 0 0 3px #54e3db0b}input::placeholder,textarea::placeholder{color:#536a84}textarea{resize:vertical;min-height:96px}.filters input,.filters select{width:auto;padding:9px 12px;font-size:12px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:10px;font-weight:500;color:#7188a5;padding:11px 12px;border-bottom:1px solid var(--line);letter-spacing:.4px}td{padding:17px 12px;border-bottom:1px solid #24324990;font-size:12px}tr:last-child td{border-bottom:0}td strong{font-weight:500;font-size:13px}td small{display:block;font-size:10px;color:#6b829f;margin-top:3px}.task-name{display:block;color:var(--text);font-weight:550;max-width:250px;white-space:normal;text-align:left}.task-name:hover{color:var(--cyan)}.tabs{display:flex;gap:5px;margin-bottom:18px;border-bottom:1px solid var(--line)}.tabs button{border:0;background:transparent;border-radius:0;color:var(--muted);padding:10px 15px}.tabs button.active{color:var(--cyan);box-shadow:inset 0 -2px var(--cyan)}.mini-stat{border-left:2px solid var(--cyan);padding-left:12px}.mini-stat b{display:block;font-size:25px;font-weight:550}.mini-stat span{color:var(--muted);font-size:11px}.connection-card{display:flex;flex-direction:column;min-height:240px}.connection-card .row-icon{width:42px;height:42px;font-size:19px;margin-bottom:16px}.connection-card p{font-size:12px;color:var(--muted);flex:1;margin:12px 0}.connection-card ol{margin:0 0 18px;padding-left:19px;font-size:12px;color:#9bb0c9}.connection-card li{padding:4px 0}.data-pair{display:grid;grid-template-columns:130px 1fr;gap:15px;padding:11px 0;border-bottom:1px solid #233148;font-size:12px;word-break:break-word}.data-pair span:first-child{color:var(--muted)}.data-pair:last-child{border-bottom:0}.timeline{padding-left:17px}.event{position:relative;border-left:1px solid #304159;padding:0 0 22px 22px}.event:last-child{padding-bottom:0}.event::before{content:"";position:absolute;top:7px;left:-4px;width:7px;height:7px;background:#667f9d;border-radius:50%}.event:first-child::before{background:var(--cyan)}.event b{font-size:12px;font-weight:500}.event p{font-size:11px;color:var(--muted);margin:3px 0 0}.chips{display:flex;gap:6px;flex-wrap:wrap}.facts{white-space:pre-wrap;font-size:12px;color:#bdd0e5;line-height:1.9}.creative-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.creative-tile{padding:18px}.creative-placeholder{height:170px;background:#0c1728;border:1px solid #22384b;display:grid;place-items:center;color:#6686a5;border-radius:11px}.creative-tile h3{margin-top:15px}.creative-tile p{color:var(--muted);font-size:11px}.login-page{min-height:100vh;background:radial-gradient(ellipse at 20% 40%,#152341 0,transparent 52%),radial-gradient(ellipse at 82% 72%,#142d36 0,transparent 40%),#080e19;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;padding:8vw;gap:8vw}.login-story>.brand{margin-bottom:85px}.login-story h1{font-size:clamp(34px,4vw,58px);line-height:1.25;font-weight:550;letter-spacing:-2px;margin:12px 0 22px}.login-story h1 span{color:var(--cyan)}.login-story p{font-size:13px;color:#879ebc;max-width:430px;line-height:1.9}.login-features{display:flex;gap:25px;font-size:11px;color:#708bad;margin-top:45px}.login-box{max-width:420px;width:100%;padding:35px;border:1px solid #2a3b55;border-radius:22px;background:#101a2de0;box-shadow:0 30px 100px #0003}.login-box h2{font-size:24px;margin:6px 0 8px;font-weight:550}.login-box p{font-size:12px;color:var(--muted);margin:0 0 27px}.login-box label{display:block;font-size:12px;color:#aebed4;margin:17px 0 6px}.login-box .primary{width:100%;margin-top:25px}.login-note{font-size:10px;color:#5f7693;text-align:center;margin-top:20px}.form-error{font-size:12px;color:var(--danger);margin-top:12px;min-height:19px}.modal-overlay{position:fixed;inset:0;z-index:50;background:#030813c9;backdrop-filter:blur(7px);padding:35px 20px;display:flex;align-items:center;justify-content:center}.modal{background:#101b2d;border:1px solid #34475f;border-radius:20px;width:min(850px,100%);max-height:calc(100vh - 70px);overflow:auto;box-shadow:0 35px 130px #0008}.modal.sm{width:min(500px,100%)}.modal-head{position:sticky;top:0;background:#101b2df5;backdrop-filter:blur(10px);border-bottom:1px solid #263951;padding:21px 25px;display:flex;align-items:center;justify-content:space-between;z-index:1}.modal-head h2{font-size:18px;margin:0;font-weight:600}.modal-body{padding:23px 25px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.form-field{min-width:0}.form-field.full{grid-column:1/-1}.form-field label{display:block;font-size:12px;margin-bottom:6px;color:#afc0d6}.form-field small{font-size:10px;color:#7189a5;display:block;margin-top:6px}.form-section{font-size:12px;color:var(--cyan);font-weight:500;grid-column:1/-1;margin:6px 0 0;letter-spacing:1px}.form-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:24px;border-top:1px solid #2a3a52;padding-top:21px}.checkbox{display:flex;gap:9px;align-items:flex-start;font-size:12px;color:var(--muted)}.checkbox input{width:16px;margin-top:4px}.detail-summary{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:20px}.detail-summary h3{font-size:21px;margin:0 0 5px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.detail-card{padding:17px;background:#0b1628;border:1px solid #253650;border-radius:12px}.detail-card h4{font-size:12px;color:#91a9c7;margin:0 0 12px;font-weight:500}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%) translateY(100px);border:1px solid #3b6469;border-radius:10px;background:#163239;color:#c6f7ed;padding:12px 22px;z-index:100;max-width:90vw;opacity:0;transition:transform .18s,opacity .18s;font-size:13px}#toast.show{transform:translateX(-50%) translateY(0);opacity:1}#toast.error{background:#392131;border-color:#87455b;color:#ffc0ca}.offline-bar{margin:0 0 18px;color:var(--warn);background:#2c261a;border:1px solid #59482b;border-radius:10px;padding:10px 15px;font-size:12px}.mobile-menu{display:none}
.wallboard{min-height:100vh;padding:24px 30px 22px;background:radial-gradient(ellipse at 50% 0,#17213b 0,transparent 55%),#070d18}.wall-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:23px;border-bottom:1px solid #27374f;margin-bottom:24px}.wall-title{text-align:center}.wall-title h1{font-size:27px;font-weight:500;letter-spacing:5px;margin:0}.wall-title span{color:#63849f;font-size:9px;letter-spacing:4px}.wall-time{text-align:right;font-size:22px;font-variant-numeric:tabular-nums;letter-spacing:1px}.wall-time small{font-size:10px;color:var(--muted);display:block;letter-spacing:.5px}.wall-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:12px}.wall-toolbar .actions{justify-content:flex-end}.wall-toolbar select{width:auto;min-width:150px;padding:7px 12px;font-size:12px}.wallboard .metrics{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.wallboard .metric-value{font-size:clamp(32px,3vw,68px);margin-top:14px}.wallboard .metric{padding:22px 24px}.wall-grid{display:grid;grid-template-columns:1fr 1.7fr 1fr;gap:20px}.wall-grid .chart-empty{height:300px}.wall-grid .empty{min-height:222px}.wallboard .panel h3{font-size:14px;letter-spacing:.5px}.wallboard .status-row{padding:17px 0}.wallboard .status-row:first-child{padding-top:0}.wallboard .status-row:last-child{padding-bottom:0}.wall-bottom{display:flex;gap:20px;margin-top:20px;justify-content:space-between;color:#60758d;font-size:11px}.wallboard .wall-big{font-size:42px;line-height:1.5;color:var(--cyan);font-weight:550}.wallboard .wall-counts{display:flex;justify-content:space-around;text-align:center;margin:12px 0 22px}.wall-counts small{display:block;font-size:11px;color:var(--muted)}.wall-list{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:12px;border-top:1px solid #24364b;padding:14px 0}.wall-list span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:70%}.wallboard .empty strong{font-size:14px}.wall-footer-status{display:flex;gap:15px;flex-wrap:wrap;color:var(--muted)}.wall-footer-status .dot{margin-right:5px;color:var(--cyan)}
@media(min-width:2000px){.wallboard{padding:2vw}.wallboard .panel{padding:1.8vw}.wall-header{margin-bottom:2vw}.wall-title h1{font-size:2vw}.wall-grid .chart-empty{height:24vh}.wall-grid .empty{min-height:20vh}.wallboard .metric-label,.wallboard .status-row strong,.wallboard .panel h3,.wall-list{font-size:1vw}.wallboard .metric-note,.wallboard .status-row p,.wallboard .badge,.wallboard .empty p,.wallboard .empty strong,.wallboard .wall-bottom{font-size:.7vw}.wallboard .wall-counts .wall-big{font-size:3vw}.wallboard .wall-counts small{font-size:.8vw}}
@media(max-width:1180px){.shell{grid-template-columns:190px minmax(0,1fr)}.sidebar{padding-left:11px;padding-right:11px}.content{padding:25px}.topbar{padding:17px 25px}.grid-main{grid-template-columns:1.3fr 1fr}.onboarding{grid-template-columns:1fr;gap:23px}.metric{padding:18px}.wall-grid{grid-template-columns:1fr 1.4fr}.wall-grid>.stack:last-child{grid-column:1/-1;grid-template-columns:1fr 1fr}.wallboard .metrics{gap:12px}.wallboard .metric{padding:18px}.wall-title h1{font-size:22px}.wall-title span{letter-spacing:2px}.sync-text{display:none}}
@media(max-width:850px){.shell{display:block}.sidebar{position:fixed;z-index:30;width:224px;transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:translateX(0);box-shadow:20px 0 90px #0008}.mobile-menu{display:inline-block}.topbar{padding:14px 18px;min-height:74px}.content{padding:23px 18px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-main,.grid-two{grid-template-columns:1fr}.page-intro h2{font-size:23px}.page-intro{gap:15px}.topbar-actions>.badge{display:none}.grid-main .chart-empty{height:200px}.login-page{grid-template-columns:1fr;padding:30px 25px;gap:25px}.login-story>.brand{margin-bottom:30px}.login-story h1{font-size:33px;letter-spacing:-1px}.login-story p,.login-features{display:none}.login-box{max-width:none}.wallboard{padding:18px}.wall-header{flex-wrap:wrap}.wall-header .brand-title{font-size:15px}.wall-header .brand img{width:35px;height:35px}.wall-title{order:3;width:100%}.wallboard .metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.wall-grid{grid-template-columns:1fr}.wall-grid>.stack:last-child{grid-column:auto}.wall-grid .chart-empty{height:220px}.wallboard .metric-value{font-size:35px}.wall-bottom{flex-direction:column;gap:7px}.creative-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.page-intro{flex-direction:column;gap:5px}.page-intro .actions{margin-top:7px}.setup-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.onboarding{padding:20px}.metric-label{font-size:11px}.metric-value{font-size:29px}.metric-note{font-size:9px}.panel{padding:17px}.topbar h1{font-size:15px}.topbar-actions{gap:7px}.topbar-actions .secondary{font-size:11px;padding:8px 10px}.avatar{display:none}.form-grid,.detail-grid{grid-template-columns:1fr}.form-field.full,.form-section{grid-column:auto}.modal-overlay{padding:10px}.modal{max-height:calc(100vh - 20px)}.modal-body{padding:18px}.modal-head{padding:16px 18px}.detail-summary{align-items:flex-start;flex-direction:column;gap:10px}.form-footer{position:sticky;bottom:-18px;background:#101b2d;padding-bottom:18px}.filters{width:100%}.filters input{min-width:0;width:100%}.filters select{flex:1}.wallboard .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.wall-grid>.stack:last-child{grid-template-columns:1fr}.wall-time{font-size:17px}.wallboard .wall-toolbar{align-items:flex-start}.wall-toolbar .badge{white-space:normal;font-size:10px}.wall-toolbar .actions{gap:5px}.wall-toolbar button{font-size:10px;padding:6px 9px;min-height:32px}.wallboard .wall-title h1{font-size:21px}.wallboard .wall-title span{font-size:8px}.wallboard .metric{padding:16px}.wallboard .metric-value{font-size:32px}.creative-grid{grid-template-columns:1fr}.login-box{padding:25px}.login-story h1{font-size:28px}.data-pair{grid-template-columns:95px 1fr}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.mt20{margin-top:20px}

.sidebar .brand-sub{font-size:9px;letter-spacing:.3px;white-space:nowrap}

/* Dedicated display layout: retain the full frame at desktop viewing sizes. */
@media (min-width:1440px) and (min-height:860px){
  .wallboard{
    display:grid;
    grid-template-areas:"header" "toolbar" "notice" "metrics" "panels" "footer";
    grid-template-rows:auto auto auto auto minmax(0,1fr) auto;
    gap:clamp(12px,1.35vh,28px);
    height:100vh;
    height:100dvh;
    min-height:0;
    padding:clamp(18px,2.2vh,44px) clamp(24px,1.56vw,60px);
    overflow:hidden;
  }
  .wallboard>.wall-header{grid-area:header;margin:0;padding-bottom:clamp(10px,1.1vh,24px)}
  .wallboard>.wall-toolbar{grid-area:toolbar;margin:0}
  .wallboard>.offline-bar{grid-area:notice;margin:0;padding:8px 14px}
  .wallboard>.metrics{grid-area:metrics;margin:0;gap:clamp(14px,1vw,32px)}
  .wallboard>.wall-grid{grid-area:panels;min-height:0;gap:clamp(16px,1.05vw,36px)}
  .wallboard>.wall-bottom{grid-area:footer;margin:0;font-size:clamp(11px,1.05vh,22px);align-items:center}
  .wallboard .wall-title h1{font-size:clamp(27px,3vh,58px);line-height:1.35}
  .wallboard .wall-title>span{font-size:clamp(9px,.92vh,20px)}
  .wallboard .brand img{width:clamp(42px,4.2vh,88px);height:clamp(42px,4.2vh,88px)}
  .wallboard .brand-title{font-size:clamp(18px,1.85vh,38px)}
  .wallboard .brand-sub{font-size:clamp(10px,1vh,20px);white-space:nowrap}
  .wallboard .wall-time{font-size:clamp(22px,2.4vh,48px)}
  .wallboard .wall-time small{font-size:clamp(10px,1vh,20px)}
  .wallboard .panel{padding:clamp(18px,1.7vh,36px)}
  .wallboard .metric-label{font-size:clamp(13px,1.3vh,26px)}
  .wallboard .metric-value{font-size:clamp(46px,5.2vh,112px);line-height:1.25;margin-top:clamp(8px,.8vh,18px)}
  .wallboard .metric-unit{font-size:clamp(13px,1.45vh,30px)}
  .wallboard .metric-note{font-size:clamp(11px,1.05vh,22px)}
  .wallboard .wall-grid>.stack{min-height:0;grid-template-rows:repeat(2,minmax(0,1fr));gap:clamp(16px,1.45vh,30px)}
  .wallboard .wall-grid>.stack>.panel{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#35516b transparent}
  .wallboard .wall-grid .panel-head{margin-bottom:clamp(10px,1.1vh,22px);min-height:25px}
  .wallboard .wall-grid .panel h3{font-size:clamp(14px,1.4vh,28px)}
  .wallboard .wall-grid .panel-head small{font-size:clamp(11px,1.05vh,22px)}
  .wallboard .wall-grid>.stack:nth-child(2)>.panel:first-child{display:grid;grid-template-rows:auto minmax(0,1fr) auto}
  .wallboard .wall-grid .chart-empty{height:auto;min-height:0}
  .wallboard .wall-grid .chart-empty strong{font-size:clamp(14px,1.5vh,30px)}
  .wallboard .wall-grid .chart-empty p{font-size:clamp(11px,1.1vh,22px)}
  .wallboard .wall-grid .legend{margin-top:clamp(10px,1vh,22px);font-size:clamp(10px,1vh,20px)}
  .wallboard .wall-grid .empty{min-height:0;padding:clamp(10px,1.1vh,24px) 16px}
  .wallboard .wall-grid .empty strong{font-size:clamp(14px,1.4vh,28px)}
  .wallboard .wall-grid .empty p{font-size:clamp(12px,1.15vh,24px);max-width:90%;margin-bottom:8px}
  .wallboard .wall-grid .empty-icon{width:clamp(36px,3.7vh,76px);height:clamp(36px,3.7vh,76px);font-size:clamp(18px,1.8vh,36px);margin-bottom:clamp(8px,.9vh,18px);flex-shrink:0}
  .wallboard .wall-grid .status-row{padding:clamp(10px,1.1vh,24px) 0}
  .wallboard .wall-grid .status-row:last-child{padding-bottom:0}
  .wallboard .wall-grid .status-row strong{font-size:clamp(12px,1.35vh,28px)}
  .wallboard .wall-grid .status-row p{font-size:clamp(11px,1.05vh,22px)}
  .wallboard .wall-grid .row-icon{width:clamp(32px,3.1vh,66px);height:clamp(32px,3.1vh,66px);font-size:clamp(16px,1.7vh,34px)}
  .wallboard .badge{font-size:clamp(11px,1.05vh,22px)}
  .wallboard .wall-counts{margin:clamp(6px,.7vh,14px) 0 clamp(10px,1vh,22px)}
  .wallboard .wall-counts .wall-big{font-size:clamp(34px,3.5vh,76px);line-height:1.3}
  .wallboard .wall-counts small{font-size:clamp(11px,1.1vh,24px)}
  .wallboard .wall-list{padding:clamp(8px,.8vh,18px) 0;font-size:clamp(12px,1.2vh,26px)}
}

#connection-status{position:fixed;z-index:80;left:50%;top:10px;transform:translateX(-50%);width:min(760px,calc(100% - 28px));padding:12px 16px;border:1px solid #b78d46;border-radius:12px;background:#332817;color:#ffdc9f;box-shadow:0 8px 40px #0008;font-size:13px;line-height:1.65}#connection-status[hidden]{display:none}

/* Original fee records may contain long audit values on small screens. */
.wallet-fee-record{overflow-wrap:anywhere;word-break:break-word;min-width:0}

/* Original-order uploaded media, including narrow operator dialogs. */
.operator-media-preview{display:block;width:100%;max-width:100%;height:auto;max-height:320px;object-fit:contain}.operator-media-copy{white-space:pre-wrap;overflow-wrap:anywhere}.operator-media-rights{display:flex;gap:8px;align-items:flex-start}.operator-media-rights input[type=checkbox]{width:auto;flex-shrink:0;margin-top:5px}

.original-fee-review code{overflow-wrap:anywhere;word-break:break-all}
@media(max-width:480px){.original-fee-review .form-footer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.original-fee-review .form-footer button{min-width:0;line-height:1.5}}