/* WhatLedger brand palette, shared by the app and account pages. */
:root,:root[data-theme=light]{color-scheme:light;--page:#f6f3ef;--surface:#fffdfa;--ink:#292c35;--muted:#686973;--line:#e3dbd3;--blue:#a74313;--teal:#a74313;--navy:#292c35;--accent-soft:#fff0e6;--green:#157f54;--positive:#157f54;--red:#b42338;--negative:#b42338;--amber:#946000;--shadow:0 5px 22px #292c3509;--focus:#ff805766;--brand-salmon:#ff8549;--brand-gold:#ffcf4a;--brand-gradient:linear-gradient(110deg,#ff7967,#ff9e43 60%,#ffcf4a)}
:root[data-theme=dark]{color-scheme:dark;--page:#17191f;--surface:#23262f;--ink:#f6f3ef;--muted:#b6b5bc;--line:#3d404b;--blue:#ff8549;--teal:#ff8549;--navy:#17191f;--accent-soft:#473026;--green:#83d5ad;--positive:#83d5ad;--red:#ff8b95;--negative:#ff8b95;--amber:#ffcf4a;--shadow:0 5px 22px #0002}
:root body,:root[data-theme] body{background:var(--page);color:var(--ink)}
:root .seller-shell .app-header,:root .seller-shell .app-nav,:root .seller-shell .bottom-nav{background:var(--surface);color:var(--ink);border-color:var(--line)}
:root .seller-shell .app-header{border-top:3px solid var(--brand-salmon);border-image:var(--brand-gradient) 1}
:root .seller-shell .app-nav::before{content:'WhatLedger';color:var(--ink);background-image:url('/assets/whatledger-icon.png');background-size:34px 34px;background-position:5px center;padding-top:16px;padding-bottom:16px}
:root .app-header h1{color:var(--ink)}
:root .primary-button,:root .seller-shell .primary-button,:root .account-page button:not(.link-button),:root .download-button,:root .primary,#startupScreen button{background:var(--brand-gradient);border-color:#ff9987;color:#28232a;box-shadow:0 3px 12px #ff796718}
:root .seller-shell .primary-button:hover,:root .primary:hover{background:linear-gradient(110deg,#ff9987,#ffcf4a)}
:root .nav-button.active,:root .seller-shell .app-nav .nav-button.active,:root .compact-tabs [aria-selected=true],:root .view-switch [aria-pressed=true]{background:var(--accent-soft);color:var(--blue);border-color:var(--blue)}
:root .seller-shell .home-actions .icon-action{--tile-color:var(--blue);--tile-bg:var(--accent-soft);color:var(--blue);background:var(--accent-soft)}
:root :is(input,select,textarea){background:var(--surface);color:var(--ink);border-color:var(--line);accent-color:var(--blue)}
:root :is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid var(--brand-salmon);outline-offset:3px}
:root :is(.kpi,.projection-card,.metric,.inventory-stat,.inventory-viewbar,.recommendation-card,table,.account-card,.download-option){background:var(--surface);color:var(--ink);border-color:var(--line)}
:root :is(.quiet-button,.mini-button){background:var(--surface);color:var(--ink);border-color:var(--line)}
:root th{background:var(--page);color:var(--muted)}
:root .kpi.featured{background:var(--surface);border-color:var(--brand-salmon)}
:root .kpi.featured::before,:root .bar{background:var(--brand-gradient)}
:root .notice{background:var(--accent-soft);color:var(--ink);border-color:var(--line)}
:root .tax-center-hero{border-top-color:var(--brand-salmon)}
:root .tax-center-hero progress{accent-color:var(--blue)}
:root .csv-upload{border-color:var(--blue)}
:root .startup-spinner{border-color:#484049;border-top-color:var(--brand-salmon)}
#startupScreen{background:radial-gradient(ellipse at center,#36282b 0,#17191f 65%);color:#f6f3ef}
:root .account-page{background:radial-gradient(ellipse at top left,#ff79671c,transparent 65%),var(--page)}
:root .brand{color:var(--ink);display:inline-flex;align-items:center;gap:10px}
:root .brand::before{content:'';width:42px;height:42px;flex-shrink:0;background:url('/assets/whatledger-icon.png') center/contain no-repeat}
:root .account-page p,:root .lead{color:var(--muted)}
:root .eyebrow,:root .eyebrow.dark,:root .link-button,:root a{color:var(--ink)}
:root .account-links,:root footer{border-color:var(--line)}
:root body:not(.seller-shell):not(.account-page)>main{background:var(--surface);border-color:var(--line)}
:root #message:not(:empty){background:var(--accent-soft)}
/* Supplied artwork is displayed intact on both account modes and at launch. */
:root .account-brand{display:block;margin:-36px -36px 26px;background:#000;border-radius:18px 18px 0 0;overflow:hidden}
.account-brand img{display:block;width:100%;height:auto;aspect-ratio:8/3;object-fit:contain}
:root .account-card{overflow:hidden}
:root #startupScreen{background:#191a1f;gap:0;padding:0}
:root #startupScreen .launch-animation{width:100%;height:100%;max-height:100dvh;object-fit:contain}
#startupScreen [data-startup-status],#startupScreen button,#startupScreen noscript{position:absolute;bottom:max(32px,env(safe-area-inset-bottom));max-width:90%;text-align:center}
#startupScreen button{bottom:90px}
@media(max-width:520px){:root .account-brand{margin:-24px -24px 24px}:root .account-card{padding:24px}}
@media(prefers-reduced-motion:reduce){#startupScreen .launch-animation{display:none}#startupScreen::before{content:'';width:min(65vw,280px);height:280px;background:url('/assets/whatledger-icon.png') center/contain no-repeat}}


/* Neutral typography, orange selection, and distinct tool icon colors. */
:root .seller-shell .app-nav .nav-button.active,:root .seller-shell .bottom-nav button[aria-current=page]{background:var(--accent-soft);color:var(--ink);box-shadow:inset 3px 0 #ff8549}
:root .seller-shell .app-nav .nav-button.active svg{color:var(--blue)}
:root :is(.page-pro-badge,.nav-pro-badge,.hub-lock,.insight-tile b){color:var(--muted)}
:root :is(.page-pro-badge,.nav-pro-badge){background:var(--page)}
:root .hub-lock svg{color:var(--muted)}
:root .seller-shell .feature-shortcuts button,:root .seller-shell .app-header #syncButton{color:var(--ink)}
:root .seller-shell .home-actions .icon-action{color:var(--tile-color);background:var(--tile-bg)}
:root #homeHub .hub-tile>svg{color:#315e85;background:#e4edf7}
:root #homeHub .hub-tile[data-tone=analytics]>svg{color:#315e85;background:#e4edf7}
:root #homeHub .hub-tile[data-tone=projections]>svg{color:#8a579e;background:#f2e8f6}
:root #homeHub .hub-tile[data-tone=materials]>svg{color:#287b85;background:#e2f3f3}
:root #homeHub .hub-tile:is([data-tone=shows],[data-tone=pack])>svg{color:#9c5613;background:#fff2da}
:root #homeHub .hub-tile:is([data-tone=inventory],[data-tone=logistics])>svg{color:#147d59;background:#e6f6ee}
:root #homeHub .hub-tile:is([data-tone=groups],[data-tone=watch])>svg{color:#8050bc;background:#f0e9fc}
:root #homeHub .hub-tile:is([data-tone=gmail],[data-tone=taxes])>svg{color:#b44768;background:#fcebf1}
:root #homeHub .hub-tile:hover{border-color:var(--blue);box-shadow:0 4px 15px #284b7018}
:root .insight-tile>svg{padding:7px;box-sizing:content-box;border-radius:10px;color:#315e85;background:#e4edf7}
:root .insight-tile[data-go=display-wall]>svg{color:#147d59;background:#e6f6ee}
:root .insight-tile[data-go=show-momentum]>svg{color:#9c5613;background:#fff2da}
:root .insight-tile[data-go=recommendations]>svg{color:#287b85;background:#e2f3f3}
:root .insight-tile[data-go=card-profit]>svg{color:#8050bc;background:#f0e9fc}
:root .insight-tile[data-go=low-prices]>svg{color:#b44768;background:#fcebf1}
:root .insight-tile[data-go=insight-trends]>svg{color:#5267a0;background:#e8ecfa}
:root .seller-shell .primary-button{background:#ff8549;border-color:#ff8549;color:#242126;box-shadow:0 3px 12px #ff854918}
:root .seller-shell .primary-button:hover{background:#ff9b69}
/* Compact watchlist controls keep prices and marketplace links in view. */
.watch-market-links{display:flex;gap:6px;flex-wrap:wrap;margin-top:5px}
.watch-market-links a{display:inline-flex;align-items:center;min-height:36px;padding:4px 8px;border:1px solid var(--line);border-radius:7px;font-size:12px}
.watch-bulk{display:grid;gap:14px}.watch-bulk-cards{max-height:35dvh;overflow:auto;border-block:1px solid var(--line);padding:6px 0}
@media(max-width:760px){
 [data-page-panel=watch] .watch-toolbar{display:flex;flex-wrap:wrap;gap:6px;padding:10px}
 [data-page-panel=watch] .watch-toolbar>label{flex:1 1 100%;min-width:0}
 [data-page-panel=watch] .watch-toolbar button{font-size:12px;padding:6px 10px;min-height:40px}
 #cards-panel{padding:10px}#cards-panel .panel-heading{flex-wrap:wrap;gap:6px;margin-bottom:8px}#cards-panel .panel-heading>.subtle{display:none}
 .watch-mobile-cards{gap:7px}.watch-mobile-card{padding:9px;border-radius:10px}
 .watch-mobile-card .watch-image{width:36px;height:50px}.watch-mobile-card .watch-card-label{gap:9px;align-items:start}
 .watch-mobile-card .watch-card-label strong{font-size:13px;line-height:1.3}.watch-mobile-card small{font-size:11px;margin-top:2px}
 .watch-mobile-prices{margin:6px 0;padding:6px 0;gap:6px}.watch-mobile-prices strong{font-size:13px;margin-top:2px;color:var(--ink)}
 .watch-mobile-card details>summary{min-height:36px;display:list-item;padding:7px 0;font-size:12px}
 .watch-mobile-card .action-row button{min-height:40px;font-size:12px}
 .watch-market-links{margin-top:3px;gap:5px}.watch-market-links a{font-size:11px;min-height:34px;padding:3px 7px}
 .watch-bulk-cards .checkline{min-height:44px}
}
.watch-bulk [hidden]{display:none!important}
.watch-filter{margin-bottom:8px}
.watch-mobile-card .watch-card-label{display:flex}

/* Materials totals use matching columns, label space, and number alignment. */
:root .material-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch}
:root .material-summary .inventory-stat{display:flex;flex-direction:column;justify-content:space-between;min-width:0;min-height:112px;padding:16px;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:13px}
:root .material-summary .inventory-stat span{min-height:2.6em;line-height:1.3;font-size:.75rem;color:var(--muted);text-transform:none}
:root .material-summary .inventory-stat strong{font-size:clamp(1.15rem,4.5vw,1.65rem);line-height:1.2;font-variant-numeric:tabular-nums;letter-spacing:-.025em;color:var(--ink);overflow-wrap:anywhere}
@media(max-width:760px){:root .material-summary{gap:8px}:root .material-summary .inventory-stat{padding:12px;min-height:106px}}
/* Physical back-wall grid and distraction-free streaming monitor. */
.custom-wall-host> :not(.custom-wall){display:none!important}
:root .seller-shell .custom-wall-host{padding:10px}
.custom-wall{display:flex;flex-direction:column;gap:8px;height:calc(100dvh - 200px);min-height:400px;background:var(--surface);color:var(--ink)}
.wall-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex-shrink:0}
.wall-controls>strong{margin-right:auto}.wall-controls label{display:flex;align-items:center;gap:5px;font-size:12px}
.wall-controls input{width:54px;min-height:34px;padding:5px}.wall-controls button{min-height:34px;font-size:12px;padding:6px 10px}
.wall-note{font-size:11px;line-height:1.4;color:var(--muted);flex-shrink:0}
.custom-wall-grid{display:grid;grid-template-columns:repeat(var(--wall-columns),minmax(0,1fr));grid-template-rows:repeat(var(--wall-rows),minmax(0,1fr));gap:7px;flex:1;min-height:0}
.wall-slot{position:relative;display:flex;align-items:center;gap:8px;min-width:0;min-height:0;padding:8px;border:1px solid var(--line);border-radius:9px;background:var(--page);color:var(--ink);text-align:left;overflow:hidden;cursor:pointer}
.wall-slot:hover{border-color:var(--blue)}.wall-slot img{width:25%;height:100%;min-width:0;object-fit:contain;flex-shrink:0}
.wall-slot-position{position:absolute;top:3px;left:4px;font-size:9px;color:var(--muted);background:var(--surface);border-radius:3px;padding:1px 3px}
.wall-slot-info{display:flex;flex-direction:column;justify-content:center;gap:4px;min-width:0;flex:1;font-size:12px;line-height:1.2}
.wall-card-name{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px}
.wall-slot-info>small{font-size:10px;color:var(--muted)}.wall-price-row{display:flex;gap:10px;flex-wrap:wrap;font-size:11px}.wall-price-row span{display:grid;gap:2px;color:var(--muted)}.wall-price-row b{color:var(--ink);font-size:14px;font-variant-numeric:tabular-nums}.wall-gain{font-size:12px;font-variant-numeric:tabular-nums}
.wall-empty{flex-direction:column;justify-content:center;align-items:center;font-size:12px;color:var(--muted);border-style:dashed}
.wall-stream{position:fixed;inset:0;z-index:1000;height:100dvh;min-height:0;padding:12px;background:var(--page)}
.wall-stream .wall-controls>strong{font-size:16px}.wall-stream .wall-slot{background:var(--surface)}
.wall-editor{width:min(560px,calc(100vw - 24px));padding:22px}.wall-editor form{display:grid;gap:12px}.wall-editor select[size]{height:160px}.wall-editor [role=alert]{color:var(--red)}
@media(max-width:760px){.custom-wall{height:auto;min-height:0}.custom-wall-grid{grid-template-rows:repeat(var(--wall-rows),minmax(130px,auto));gap:4px}.wall-slot{flex-direction:column;padding:5px;gap:4px}.wall-slot img{height:45px;width:100%}.wall-card-name{font-size:10px}.wall-slot-info{font-size:10px}.wall-price-row{gap:4px;font-size:9px}.wall-price-row b{font-size:11px}.wall-gain{font-size:10px}.wall-stream{height:100dvh;overflow:auto}.wall-controls{gap:5px}.wall-controls>strong{flex-basis:100%}}
@media(min-width:761px) and (max-height:800px){.wall-slot{padding:6px;gap:6px}.wall-slot-info{gap:2px}.wall-slot-info>small{display:none}.wall-card-name{font-size:11px}.wall-price-row{font-size:10px;gap:6px}.wall-price-row b{font-size:12px}.wall-gain{font-size:11px}}
/* Sold is a distinct inventory action. */
:root .seller-shell :is([data-stock-sold],[data-sold-card]:not([data-sold-card^="__"])){background:#21834b;border-color:#21834b;color:#fff;box-shadow:0 3px 10px #21834b18}
:root .seller-shell :is([data-stock-sold],[data-sold-card]:not([data-sold-card^="__"])):hover:not(:disabled){background:#17663a;border-color:#17663a}
/* Keep card content together when changing Restock presentation. */
:root .seller-shell #recommendationGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));align-items:stretch;gap:14px}
:root #recommendationGrid .compact-restock{display:grid;grid-template-columns:88px minmax(0,1fr);grid-template-areas:"art copy" "actions actions" "market market";grid-template-rows:1fr auto auto;gap:12px;padding:16px;align-items:start;background:var(--surface)}
:root #recommendationGrid .restock-art{grid-area:art;min-height:0;align-self:start;width:100%;padding:0}
:root #recommendationGrid .restock-art img{width:88px;height:124px;max-width:100%;object-fit:contain}
:root #recommendationGrid .restock-art .card-placeholder{width:88px;height:124px}
.restock-copy{grid-area:copy;display:grid;gap:6px;min-width:0}.restock-copy>small{color:var(--muted);font-size:12px}.restock-copy .recommendation-type{margin:0;font-size:10px}
.restock-copy .restock-verdict{color:var(--ink)}.restock-copy .restock-quick{gap:4px}
.restock-actions{grid-area:actions;display:flex;align-items:center;gap:8px}.restock-actions .watch-star{flex:0 0 40px;min-height:40px}.restock-actions .quiet-button{flex:1;min-width:0;font-size:12px}
.restock-market{grid-area:market;display:grid;gap:8px;min-width:0;border-top:1px solid var(--line);padding-top:10px}
.restock-market .market-price-pair{margin:0}.restock-market .tcg-link-edit{justify-self:start;min-height:32px;padding:4px 0}
:root #recommendationGrid .restock-market .card-market-links{margin:0;gap:6px;display:flex;flex-wrap:wrap}
:root #recommendationGrid.restock-list{grid-template-columns:1fr!important}
:root #recommendationGrid.restock-list .compact-restock{grid-template-columns:88px minmax(180px,1fr) minmax(240px,.65fr);grid-template-areas:"art copy market" "art actions market";grid-template-rows:1fr auto;align-items:start}
:root #recommendationGrid.restock-list .restock-market{border-top:0;border-left:1px solid var(--line);padding:0 0 0 16px;height:100%;align-content:start}
.restock-search-bar .icon-filter{width:auto;min-width:74px;font-size:13px}
@media(max-width:760px){
 :root .seller-shell #recommendationGrid{grid-template-columns:1fr;gap:10px}
 :root #recommendationGrid .compact-restock,:root #recommendationGrid.restock-list .compact-restock{grid-template-columns:64px minmax(0,1fr);grid-template-areas:"art copy" "actions actions" "market market";grid-template-rows:auto auto auto;padding:12px;gap:10px}
 :root #recommendationGrid .restock-art img,:root #recommendationGrid .restock-art .card-placeholder{width:64px;height:90px}
 :root #recommendationGrid.restock-list .restock-market{border-left:0;border-top:1px solid var(--line);padding:10px 0 0}
 :root #recommendationGrid.restock-list .compact-restock{grid-template-areas:"art copy" "art actions" "market market"}
}

.material-heading{display:flex;align-items:center;gap:14px}.material-heading h3{flex:1;min-width:0;overflow-wrap:anywhere}.material-image{flex:0 0 72px;width:72px;height:72px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;background:var(--page);color:var(--muted);overflow:hidden}.material-image img{width:100%;height:100%;object-fit:contain;background:#fff}
@media(max-width:600px){.material-heading{flex-wrap:wrap;gap:10px}.material-image{flex-basis:56px;width:56px;height:56px}.material-heading>strong{margin-left:auto}}

:root #recommendationGrid .restock-market .market-price-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
/* Administrator navigation stays readable beside the regular app sections. */
.seller-shell .app-nav a[data-admin-dashboard]{display:flex;align-items:center;min-height:42px;color:var(--ink);text-decoration:none;border:1px solid var(--line);border-radius:9px;margin-top:12px;padding:10px 14px;font-size:13px}
.account-profile a[data-admin-dashboard]{display:inline-flex;align-items:center;min-height:42px;margin:10px 0 0 10px}
.profile-policies{display:flex;flex-wrap:wrap;gap:18px;margin:18px 0}.profile-policies a{text-decoration:underline;color:var(--ink)}.profile-delete{border-top:1px solid var(--line);padding-top:16px;margin-top:16px}.profile-delete p{font-size:13px;color:var(--muted)}.profile-delete #deleteAccountButton{color:var(--red,#eb6572);border-color:var(--red,#eb6572)}.delete-account-dialog{width:min(600px,calc(100vw - 24px));max-height:90dvh;overflow:auto;padding:24px;color:var(--ink);line-height:1.6}.delete-account-dialog h2{margin:0}.delete-account-dialog form,.delete-account-dialog label{display:grid;gap:12px}.delete-account-dialog input{width:100%;min-height:46px}.delete-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px;margin-top:18px}.delete-actions .danger-button{background:#b82e43;color:white;border:1px solid #b82e43;min-height:44px;padding:10px 16px;border-radius:9px}.delete-actions button:disabled{opacity:.5;cursor:not-allowed}
.delete-account-dialog{background:var(--surface,#242730);border:1px solid var(--line,#454954);border-radius:16px}.delete-account-dialog::backdrop{background:#000b}