body:has(#office:not([hidden])) .masthead{display:none}body:has(#office:not([hidden])){overflow:hidden}
.office-scene{position:fixed;inset:0 0 auto;height:calc(var(--app-height,100svh) - var(--console-height));overflow:hidden;color:#fff0c0;background:#142b3b;font-family:system-ui;isolation:isolate}.office-scene[hidden]{display:none!important}.office-scene [hidden]{display:none!important}
.office-room{position:absolute;inset:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior:none;scrollbar-width:none;touch-action:pan-x}.office-room-stage{position:relative;height:100%;background:url('./office-room-v1.png') center/cover no-repeat}.office-room-title{position:absolute;left:50%;top:9px;transform:translateX(-50%);padding:5px 20px;border:2px solid #c6a05c;border-radius:7px;background:#142638e8;box-shadow:0 2px 3px #0008;color:#ffe29d;font-size:15px;font-weight:900;text-shadow:0 1px #000}.office-exit{position:absolute;left:10px;top:10px;min-height:36px;padding:6px 12px;border:2px solid #c39a55;border-bottom:4px solid #634324;border-radius:7px;background:linear-gradient(#385060,#132936);color:#ffedba;font-size:11px}
.office-hotspot{position:absolute;min-height:0;padding:0;border:0;background:transparent;box-shadow:none;cursor:pointer;border-radius:8px}.office-hotspot:hover{background:#ffdc7a0a;box-shadow:inset 0 0 0 2px #ffe19a55}.office-hotspot:active{transform:none}.office-computer-hotspot>span{position:absolute;left:50%;bottom:8%;transform:translateX(-50%);padding:6px 12px;background:#102b3be8;border:1px solid #d7b56d;border-radius:5px;color:#ffdf91;white-space:nowrap;font-size:clamp(10px,1.1vw,14px);box-shadow:0 3px 5px #0006}.office-door-hotspot:hover{box-shadow:inset 0 0 0 2px #ffe19a44}
.office-computer{position:absolute;inset:0;display:flex;flex-direction:column;padding:7px;border:5px solid #76502e;box-shadow:inset 0 0 0 2px #d5b06c;background:repeating-linear-gradient(2deg,#694023 0,#84502b 3px,#5e351d 6px,#7c4929 9px)}
.planner-heading{display:flex;align-items:center;gap:10px;flex:none;min-height:37px;margin-bottom:7px;padding:4px 48px 4px 6px;border:2px solid #bb934f;border-radius:7px;background:linear-gradient(#294252,#102330);box-shadow:inset 0 1px #edd19a66,0 2px 3px #0006}.planner-heading strong{color:#ffe095;font-size:clamp(11px,1.4vw,17px);font-weight:950;letter-spacing:.5px}.planner-heading>button{min-height:27px;padding:3px 8px;border:1px solid #c09855;border-bottom:3px solid #5d4024;border-radius:5px;background:linear-gradient(#c5482e,#8f281d);color:#ffecc5;font-size:9px}.planner-save{margin-left:auto;font-size:9px;color:#acc7bd;white-space:nowrap}
.planner-workspace{display:grid;grid-template-columns:40px minmax(0,1fr) minmax(210px,29%);gap:7px;flex:1;min-height:0}.planner-day-nav{display:flex;flex-direction:column;gap:6px;align-items:stretch;padding:6px 3px;background:#142b38;border:2px solid #bb9658;border-radius:6px}.planner-day-nav button{padding:0;min-height:36px;border:1px solid #ead08d;border-bottom:3px solid #71512a;border-radius:5px;background:linear-gradient(#f3d89a,#ba8c43);color:#3c2e1d;font-size:20px;line-height:1;box-shadow:inset 0 1px #fff8}.planner-day-nav button:disabled{opacity:.35}.planner-day-number{font-size:8px;text-align:center;color:#ffe299;font-weight:900}.planner-day-nav [data-plan-erase]{margin-top:auto;color:#eed8b2;background:linear-gradient(#a14231,#68271f);font-size:21px}.planner-day-nav [aria-pressed=true]{box-shadow:inset 0 2px 5px #0008;background:#986a35}
.planner-board{display:flex;flex-direction:column;min-height:0;min-width:0;border:2px solid #cba867;border-radius:7px;background:#0b2130;box-shadow:inset 0 2px 6px #0007;overflow:hidden}.planner-columns,.planner-row{display:grid;grid-template-columns:54px minmax(0,1fr) minmax(110px,31%);gap:4px;align-items:stretch}.planner-columns{flex:none;padding:6px;color:#ffe3a0;background:linear-gradient(#395060,#213746);font-size:10px;border-bottom:1px solid #aa8c52}.planner-columns>span{font-size:8px;font-weight:900;color:#a9d0c7;display:flex;align-items:center}.planner-table{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:4px;scrollbar-color:#bb975b #102738}.planner-row{min-height:34px;margin-bottom:4px}.planner-row time{display:flex;align-items:center;justify-content:center;background:#172f3e;border:1px solid #57717c;border-radius:4px;font:bold 13px system-ui;color:#ffe3a2;box-shadow:inset 0 2px 4px #0006}.planner-slot{position:relative;min-width:0;min-height:34px;padding:5px 8px;border:1px solid #8a764d;border-bottom:3px solid #574326;border-radius:4px;background:linear-gradient(#eedeb4,#d2ba85);color:#2e302a;font-size:clamp(10px,1vw,13px);font-weight:800;text-align:left;white-space:normal;line-height:1.1;overflow-wrap:anywhere;box-shadow:inset 0 1px #fff9}.planner-slot.empty{background:linear-gradient(#1e3b4d,#122c3d);color:#93b1bc;border-color:#45606c;box-shadow:inset 0 2px 4px #0007;font-weight:500;font-size:10px}.planner-slot[data-plan-kind=ads].filled{background:linear-gradient(#b7c99f,#83986e);border-color:#64784e;color:#203524}.planner-slot:disabled{opacity:.58;cursor:default}.planner-slot i{position:absolute;right:3px;top:1px;font-size:6px;font-style:normal;color:#b79558}.planner-slot.drop-ready{outline:3px solid #ffdb76;outline-offset:-3px;background:#557e6b!important}.planner-closing{flex:none;padding:4px 8px;color:#b9b79e;font-size:9px;background:#101f2a;border-top:1px solid #5b5c4a}
.planner-sidebar{display:flex;flex-direction:column;min-height:0;min-width:0;border:2px solid #b99556;border-radius:7px;background:linear-gradient(#1e3546,#0b2030);overflow:hidden;box-shadow:inset 0 2px 6px #0008}.planner-tabs{display:flex;gap:5px;padding:4px;background:#714727;border-bottom:2px solid #c19c5d}.planner-tabs button{flex:1;min-height:29px;padding:0;border:1px solid #d9b46d;border-bottom:3px solid #553d24;border-radius:4px;background:linear-gradient(#5a6f77,#263e4c);color:#ffe19d;font-size:21px;line-height:1}.planner-tabs [aria-pressed=true]{background:linear-gradient(#d2b77d,#9e753c);box-shadow:inset 0 2px 4px #54361c;color:#2d2b24;border-bottom-width:1px;transform:translateY(1px)}
.planner-stock{flex:1;min-height:0;overflow-y:auto;padding:6px;scrollbar-color:#c09b58 #102738}.planner-stock h2{display:flex;align-items:center;gap:6px;margin:0 0 6px;font:850 12px system-ui;color:#ffdf95}.planner-stock h2 button{min-height:23px;padding:2px 5px;background:#203c4c;border:1px solid #b89759;border-radius:4px;color:#e8d39d;font-size:9px}.office-genres{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.office-genres button{display:flex;align-items:center;justify-content:space-between;min-height:33px;padding:5px 7px;border:1px solid #d6b679;border-bottom:3px solid #775b32;border-radius:4px;background:linear-gradient(#ead9ae,#c7a66c);color:#342d20;font-size:11px;text-align:left}.office-genres b{font-size:10px;opacity:.7}.office-items{display:flex;flex-direction:column;gap:5px}.office-stock-card{display:flex;align-items:center;gap:7px;min-height:33px;padding:5px 7px;border:1px solid #bd9d62;border-bottom:3px solid #584729;border-radius:4px;background:linear-gradient(#ede1c0,#cdb98b);color:#2d3028;font-size:11px;font-weight:800;text-align:left;touch-action:none;user-select:none;-webkit-touch-callout:none}.office-stock-card>span{flex:1;min-width:0}.office-stock-card i{display:grid;place-items:center;flex:none;width:23px;height:24px;border:1px solid #344653;border-radius:3px;background:linear-gradient(#526978,#1b303c);font:20px system-ui;color:#e8c780}.office-stock-card>b{font-size:18px;color:#7c6b45}.office-stock-card[aria-pressed=true]{outline:2px solid #ffdc7d;outline-offset:-2px;background:#b4c49c}.office-empty{font-size:11px;color:#adc1c5;line-height:1.4}.planner-details{flex:none;max-height:44%;overflow-y:auto;margin:5px;padding:7px;border:1px solid #b99c65;border-radius:5px;background:#f0e1b8;color:#302c22;font-size:11px;box-shadow:inset 0 1px #fff9}.planner-details b{font-size:12px}.planner-details p{margin:4px 0;line-height:1.3}.planner-details small{font-size:10px;color:#5d614d}.office-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:45px;margin-bottom:7px;padding:7px;border:1px solid #d0af6c;border-bottom:3px solid #694c2b;border-radius:5px;background:linear-gradient(#f3e6c4,#ceba8d);color:#302d23;font-size:12px}.office-toggle b{padding:4px 8px;border:1px solid #405e3e;border-radius:4px;background:#55794b;color:#f2e9c1;font-size:10px}.office-toggle[aria-pressed=false] b{background:#69362b;border-color:#5b3527}.planner-status{flex:none;min-height:18px;padding:4px 6px 0;font-size:9px;color:#e5d8b2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.office-drag-ghost{position:fixed;z-index:170;max-width:240px;padding:10px 15px;border:2px solid #ffe2a1;border-radius:6px;background:#d5bd87ee;box-shadow:0 5px 12px #0009;color:#202b2e;font:bold 12px system-ui;pointer-events:none;transform:translate(-50%,-115%)}
.tv-console .console-public.family-tv-off .living-room{height:80%;background:radial-gradient(ellipse at 25% 20%,#26343b,#03090e 80%);border-radius:3%}.family-tv-off .living-room>*{visibility:hidden}.family-tv-off #public-reaction{visibility:hidden}
@media(max-width:600px){.office-computer{padding:5px;border-width:4px}.planner-heading{min-height:36px;gap:6px;padding-right:35px}.planner-heading strong{font-size:10px}.planner-save{font-size:7px;white-space:normal;max-width:62px}.planner-heading>button{font-size:8px;padding:3px 5px}.planner-workspace{grid-template-columns:31px minmax(0,1fr);grid-template-rows:minmax(225px,1fr) minmax(170px,.85fr);gap:6px}.planner-day-nav{grid-column:1;grid-row:1;padding:4px 2px}.planner-day-nav button{min-height:33px;font-size:17px}.planner-day-number{font-size:7px}.planner-board{grid-column:2;grid-row:1}.planner-sidebar{grid-column:1/-1;grid-row:2}.planner-columns,.planner-row{grid-template-columns:39px minmax(0,1fr) minmax(76px,32%);gap:3px}.planner-row time{font-size:10px}.planner-slot{padding:4px;font-size:9px;min-height:29px}.planner-slot.empty{font-size:8px}.planner-row{min-height:29px;margin-bottom:3px}.planner-columns{font-size:9px;padding:5px}.planner-columns>span{font-size:7px}.planner-tabs button{min-height:30px}.planner-stock{padding:6px}.office-genres{grid-template-columns:repeat(3,minmax(0,1fr))}.office-genres button{font-size:10px;min-height:32px}.office-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.office-stock-card{font-size:10px;min-height:35px;padding:4px}.office-stock-card i{width:19px;height:22px;font-size:17px}.planner-details{max-height:35%;font-size:10px;padding:5px}.planner-details p{font-size:10px}.planner-details b{font-size:10px}.planner-status{font-size:8px}.office-room-title{font-size:12px;padding:5px 12px}.office-exit{font-size:9px;min-height:33px}}
@media(max-height:520px) and (min-width:601px){.office-computer{padding:4px}.planner-heading{min-height:29px;margin-bottom:4px}.planner-heading strong{font-size:12px}.planner-workspace{gap:5px;grid-template-columns:32px minmax(0,1fr) minmax(190px,30%)}.planner-day-nav button{min-height:28px;font-size:16px}.planner-columns{padding:4px;font-size:9px}.planner-row{min-height:28px;margin-bottom:3px}.planner-slot{min-height:28px;padding:4px 6px;font-size:10px}.planner-row time{font-size:10px}.planner-closing{padding:2px 6px;font-size:8px}.planner-tabs button{min-height:25px}.planner-stock h2{font-size:10px}.office-genres button{min-height:28px;font-size:10px}.office-stock-card{min-height:29px;font-size:10px}.planner-details{font-size:10px;padding:5px}.planner-details p{font-size:9px}.planner-details small{font-size:9px}.planner-status{font-size:8px;min-height:15px}}

@media(max-width:600px){.planner-row{min-height:38px}.planner-slot{min-height:38px;font-size:11px}.planner-slot.empty{font-size:10px}.planner-row time{font-size:11px}}

.office-stock-card span small{display:block;margin-top:3px;font-size:.8em;font-weight:600;opacity:.8}.office-series-card{touch-action:pan-y}

/* Original computer arrangement: full-width schedule and vertical command rail. */
.planner-workspace{--menu-rail:52px;position:relative;grid-template-columns:40px minmax(0,1fr) var(--menu-rail);grid-template-rows:minmax(0,1fr)}
.planner-day-nav{grid-column:1;grid-row:1}.planner-board{grid-column:2;grid-row:1}
.planner-sidebar{grid-column:3;grid-row:1;position:static;overflow:visible;display:block;z-index:4}
.planner-tabs{height:100%;box-sizing:border-box;flex-direction:column;justify-content:flex-start;gap:9px;padding:7px 4px;border:0;border-radius:5px;background:linear-gradient(90deg,#654225,#976438,#50341f)}
.planner-tabs button{flex:none;width:100%;min-height:44px;border-width:2px;border-bottom-width:4px;font-size:25px;box-shadow:inset 0 1px #e8d09866,0 2px 3px #0005}
.planner-tabs button:focus-visible{outline:2px solid #ffe39a;outline-offset:2px}
.planner-menu-panel{position:absolute;z-index:5;right:calc(var(--menu-rail) + 8px);top:0;bottom:0;display:flex;flex-direction:column;width:min(370px,calc(100% - var(--menu-rail) - 55px));min-height:0;border:3px solid #c7a15d;border-radius:7px;background:linear-gradient(120deg,#233e50,#0b2030);box-shadow:0 6px 18px #000a,inset 0 0 0 1px #f1d18c;overflow:hidden}
.planner-menu-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:none;padding:5px 7px;background:linear-gradient(#79522d,#4b311e);border-bottom:1px solid #c7a15d;color:#ffe5a6;font-size:11px}
.planner-menu-heading button{flex:none;width:28px;min-height:28px;padding:0;border:1px solid #d2aa64;border-bottom:3px solid #653b25;border-radius:4px;background:linear-gradient(#b34c34,#75291f);color:#fff0be;font-size:21px;line-height:1}
.planner-menu-panel .planner-stock{flex:1;min-height:0}.planner-menu-panel .planner-details{max-height:38%;margin-top:0}
body:has(.office-drag-ghost) .planner-menu-panel{opacity:0;pointer-events:none}
@media(max-width:600px){.planner-workspace{--menu-rail:44px;grid-template-columns:31px minmax(0,1fr) var(--menu-rail);grid-template-rows:minmax(0,1fr);gap:5px}.planner-sidebar{grid-column:3;grid-row:1}.planner-tabs{gap:8px;padding:5px 3px}.planner-tabs button{min-height:40px;font-size:22px}.planner-menu-panel{right:calc(var(--menu-rail) + 5px);width:calc(100% - var(--menu-rail) - 42px)}.office-genres{grid-template-columns:repeat(2,minmax(0,1fr))}.office-items{display:flex;flex-direction:column}.planner-menu-panel .planner-details{max-height:38%}.planner-columns,.planner-row{grid-template-columns:36px minmax(0,1fr) minmax(62px,28%)}.planner-columns{font-size:8px}.planner-slot{padding:4px 3px;font-size:10px}.planner-slot.empty{font-size:9px}.planner-heading strong{font-size:9px}.planner-menu-heading{font-size:10px}}
@media(max-height:520px) and (min-width:601px){.planner-workspace{--menu-rail:46px;grid-template-columns:32px minmax(0,1fr) var(--menu-rail)}.planner-tabs{gap:6px;padding:5px 3px}.planner-tabs button{min-height:36px;font-size:22px}.planner-menu-heading{padding:3px 5px}}
.planner-statistics{grid-column:1/3;grid-row:1;display:flex;flex-direction:column;min-width:0;min-height:0;overflow:auto;border:2px solid #c5a369;border-radius:7px;background:linear-gradient(120deg,#213b4b,#091e2d);box-shadow:inset 0 2px 7px #0007}
.stats-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;border-bottom:1px solid #b38e52;background:linear-gradient(#365262,#142b3c);color:#ffe3a3;font-size:13px}.stats-heading span{font-size:11px;color:#bbd0cd}
.stats-workspace{display:grid;grid-template-columns:minmax(125px,19%) minmax(0,1fr);gap:12px;flex:1;min-height:0;padding:10px}
.stats-controls{display:flex;flex-direction:column;gap:7px;min-width:0;overflow:auto}.stats-controls button{min-height:34px;padding:5px 8px;border:1px solid #c09d60;border-bottom:3px solid #61482b;border-left:5px solid var(--chain-color,#c09d60);border-radius:5px;background:linear-gradient(#e9d9b2,#bfa16b);color:#302d24;font-size:11px;font-weight:800;text-align:left;overflow-wrap:anywhere}.stats-controls [aria-pressed=true]{background:linear-gradient(#35596b,#142e3e);color:#ffe49e;outline:1px solid #f5d48e;outline-offset:-3px}.stats-controls button:disabled{opacity:.4;cursor:default}.stats-period{display:flex;flex-direction:column;gap:6px;margin-top:9px}
.stats-chart{display:flex;flex-direction:column;min-height:0;min-width:0;position:relative}.stats-chart h2{margin:0;text-align:center;color:#ffe4a6;font-size:14px}.stats-unit{margin:3px 0 0;color:#a8c2c7;font-size:10px;text-align:center}.stats-chart svg{display:block;flex:1;min-height:150px;width:100%;max-height:300px;font-family:system-ui}.stats-summary{margin:0;text-align:center;font-size:11px;color:#e7dbb9}.stats-legend{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.stats-legend span{border-left:5px solid var(--chain-color);padding:4px 8px;border-radius:3px;background:#0a1c2a;color:#f4e5be;font-size:11px;overflow-wrap:anywhere}.stats-note{margin:6px 0 0;color:#a4b9b8;font-size:9px;line-height:1.4}.stats-accessible{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:600px){.stats-heading{padding:7px;font-size:11px;flex-wrap:wrap;gap:3px}.stats-heading span{font-size:9px}.stats-workspace{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);padding:6px;gap:8px}.stats-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;overflow:visible}.stats-controls button{min-height:36px;padding:4px;font-size:9px;border-left-width:3px}.stats-period{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;gap:5px}.stats-controls>button:disabled:last-child{grid-column:1/-1}.stats-chart svg{min-height:190px;max-height:270px}.stats-chart h2{font-size:12px}.stats-summary,.stats-legend span{font-size:10px}.stats-note{font-size:9px}}
@media(max-height:520px) and (min-width:601px){.stats-heading{padding:4px 8px;font-size:11px}.stats-workspace{padding:6px;gap:8px;grid-template-columns:120px minmax(0,1fr)}.stats-controls{gap:4px}.stats-controls button{min-height:27px;font-size:10px}.stats-period{margin-top:4px;gap:4px}.stats-chart svg{min-height:110px}.stats-chart h2{font-size:11px}.stats-note{font-size:8px;margin:3px 0 0}.stats-summary{font-size:9px}}

@media(min-width:601px) and (min-height:521px){.stats-controls{gap:5px}.stats-controls button{min-height:29px;padding:4px 8px}.stats-period{gap:5px;margin-top:6px}}

@media(max-width:600px){.stats-chart svg text{font-size:22px}}
.programme-continuation{display:block;font-size:9px;color:#bba469;font-weight:600;margin-top:3px}.planner-slot:has(.programme-continuation){border-left:3px solid #c9a363}
.planner-slot.filled .programme-continuation{color:#665133}.planner-menu-panel .planner-details:has(.programme-ratings){max-height:75%}
.planner-menu-panel .planner-details:has(.programme-ratings){max-height:65%}.planner-details .programme-ratings>div{font-size:9px;line-height:1.2;margin-bottom:2px}.planner-details .programme-ratings b{font-size:10px;line-height:1.1}.planner-details .programme-ratings meter{height:8px}.planner-details .programme-ratings small{font-size:8px}.planner-details:has(.programme-ratings) p{margin:2px 0}
/* Six brass command keys, matching the reference order. The rail scrolls on small screens. */
.planner-tabs{overflow-y:auto;gap:5px}.planner-tabs button{min-height:34px;flex:0 0 auto;display:grid;place-items:center;padding:4px;color:#f3d18c;background:linear-gradient(135deg,#456071,#142c3c);border-color:#c4a369}.planner-tabs svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px #000)}.planner-tabs button[aria-pressed=true]{background:linear-gradient(#f1d49b,#a87c42);color:#172d39;box-shadow:inset 0 3px 6px #3e231a9c;border-bottom-width:2px;transform:translateY(1px)}
.office-speeds{display:flex;gap:5px}.office-speeds button,.report-period button{min-height:38px;padding:6px;border:1px solid #c6a260;border-bottom:3px solid #6b482a;border-radius:5px;background:linear-gradient(#e7cea0,#ab874f);color:#302b23}.office-speeds button{flex:1;font-size:11px}.office-speeds small{display:block;font-size:9px;margin-top:3px}.office-speeds button[aria-pressed=true],.report-period button[aria-pressed=true]{background:linear-gradient(#386174,#173345);color:#ffe6ac;box-shadow:inset 0 2px 5px #0008}.office-speeds button:disabled{opacity:.5}.report-period{display:flex;justify-content:center;gap:10px;padding:8px}.report-period button{min-width:90px}.report-period button:disabled{opacity:.4}.finance-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:6px 14px;color:#e9d9b4}.finance-columns h2{margin:3px 0 9px;font-size:14px;color:#ffe2a0;border-bottom:1px solid #b28d51;padding-bottom:6px}.finance-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid #c9ac6d22;font-size:12px}.finance-row b{white-space:nowrap;font-variant-numeric:tabular-nums;color:#ffdfa1}.finance-row.total{border-top:1px solid #ae8c57;margin-top:4px;font-weight:800}.finance-row.balance{background:#091e2c;padding:10px 6px;border:1px solid #c6a569;border-radius:4px}.report-note{margin:8px 14px;color:#bdcbc6;font-size:11px;line-height:1.4}.trends-list{padding:6px 14px;overflow-y:auto}.trend-row{display:grid;grid-template-columns:minmax(100px,1fr) 2fr 50px;align-items:center;gap:8px;border:1px solid #b38d54;border-radius:6px;background:linear-gradient(#294759,#122b3b);margin:7px 0;padding:10px;color:#ffe3a4;font-size:12px}.trend-row small{grid-column:1/-1;color:#b7cccb;font-size:10px}.trend-row meter{width:100%;accent-color:#d7ad58}
@media(max-width:600px){.finance-columns{grid-template-columns:1fr;padding:5px 9px;gap:12px}.finance-row{font-size:11px}.report-note{font-size:10px;margin:8px}.trend-row{grid-template-columns:1fr 1fr 40px;font-size:10px;padding:7px}.planner-tabs button{min-height:37px}.planner-tabs svg{width:23px;height:23px}}
@media(max-height:520px) and (min-width:601px){.planner-tabs button{min-height:30px;padding:2px}.planner-tabs svg{height:21px;width:21px}.planner-tabs{gap:4px}.finance-row{padding:4px 0;font-size:10px}.finance-columns{padding:3px 10px}.report-period{padding:4px}.report-period button{min-height:28px;padding:3px}.finance-columns h2{font-size:12px;margin-bottom:3px}.report-note{font-size:9px}}
.finance-row{padding:3px 0;font-size:11px;line-height:1.25}.finance-columns h2{font:800 13px system-ui;margin:2px 0 5px;padding-bottom:4px}.finance-columns{gap:14px;padding-top:3px}.finance-row.balance{padding:6px}.report-period{padding:5px}.report-period button{min-height:30px}.report-note{margin-top:5px;margin-bottom:5px}