/* Sales layout only; brand, logos, product images and font assets remain owned by the branding workstream. */
.metric-short{display:none}
.mobile-order-summary{display:none}
.coverage-line summary{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px 12px}
.coverage-line summary>span:first-child::before{content:'▸ ';}
.coverage-line[open] summary>span:first-child::before{content:'▾ ';}
.coverage-line .coverage-updated{color:#475569;font-size:12px;line-height:1.25;margin:0;white-space:normal}
.ml-sync-panel .overview-metric:not(.metric-accent) .metric-caption{display:none}
.ml-sync-panel .overview-metric:not(.metric-accent) .overview-value{color:#475569}
/* Share the desktop title row with controls; keep context and coverage in flow. */
@media(min-width:1201px){
 .content:has(.ml-sync-panel){padding-top:8px}
 .page:has(.ml-sync-panel) .page-heading{margin-bottom:12px;min-height:36px;max-width:180px}
 .ml-sync-panel .sync-toolbar{display:grid;grid-template-columns:minmax(0,1fr);gap:2px;margin-top:-48px}
 .ml-sync-panel .sync-controls{grid-row:1;margin-left:190px;min-height:36px}
 .ml-sync-panel .sync-context{grid-row:2;gap:4px 10px;line-height:1.4}
 .ml-sync-panel .sync-context .btn{min-height:28px;padding:2px 6px}
 .page .ml-sync-panel{gap:3px}
 .ml-sync-panel .sync-summary{gap:4px}
 .ml-sync-panel .scope-note{line-height:1.4}
 .ml-sync-panel .overview-metrics .overview-metric{min-height:52px;padding:4px 16px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 8px}
 .ml-sync-panel .overview-metrics .overview-value{font-size:20px;margin:0}
 .ml-sync-panel .overview-metrics .metric-caption{grid-column:1 / -1;line-height:1.35}
 .ml-sync-panel .overview-metrics .metric-top .icon{display:none}
 .ml-sync-panel .reconciliation-tabs button{min-height:32px}
 .ml-sync-panel .coverage-line summary{min-height:28px;padding:4px 0}
}
@media(min-width:1201px){
 .ml-sync-panel .overview-metrics{gap:0;background:white;border:1px solid var(--border);border-radius:8px;overflow:hidden}
 .ml-sync-panel .overview-metric{border:0;border-radius:0;box-shadow:none;min-height:88px;padding:10px 16px;background:transparent}
 .ml-sync-panel .overview-metric+.overview-metric{border-left:1px solid var(--border)}
 .ml-sync-panel .metric-top{font-size:12px}.ml-sync-panel .overview-value{font-size:22px;margin:4px 0}
 .ml-sync-panel .orders-filterbar{padding:0;border:0;background:transparent;box-shadow:none}
 .ml-sync-panel .reconciliation-tabs{display:flex;gap:12px;border-bottom:1px solid var(--border)}
 .ml-sync-panel .reconciliation-tabs button{min-width:100px;padding:8px 12px;background:transparent;border:0;border-bottom:2px solid transparent;border-radius:0}
 .ml-sync-panel .reconciliation-tabs button[aria-selected=true]{border-bottom-color:var(--primary)}
 .ml-sync-panel .reconciliation-tabs small{display:inline;margin-left:5px}
}
.reconciliation-tabs{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr) minmax(0,.8fr) minmax(0,1.4fr);gap:4px}.reconciliation-tabs button{overflow-wrap:normal;word-break:normal;font:inherit;font-size:12px;padding:6px 4px;min-height:44px;background:white;border:1px solid var(--border);border-radius:6px;cursor:pointer}.reconciliation-tabs button[aria-selected=true]{color:var(--primary);border-color:var(--primary);font-weight:600}.reconciliation-tabs button:disabled{color:#596172;cursor:not-allowed;opacity:1;background:#f7f8fa}.reconciliation-tabs small{display:block;font-size:12px}.reconciliation-tabs :focus-visible{outline:3px solid var(--focus);outline-offset:2px}.financial-comparison dl{display:grid;gap:12px}.financial-comparison dd{margin:4px 0}.financial-comparison .hint{margin:4px 0}
.finance-consent{margin:10px 0;font-size:14px}.finance-consent summary{cursor:pointer;min-height:44px;padding:12px 0}.finance-consent form{display:grid;gap:10px;max-width:480px}.finance-choice{display:flex;align-items:center;gap:8px;min-height:44px}.finance-choice input{width:auto;flex:none}.finance-consent fieldset{min-width:0;border:1px solid var(--border);border-radius:6px}.finance-consent select,.finance-consent input{max-width:100%;min-width:0}.finance-grant{border-bottom:1px solid var(--border);padding:8px 0}.finance-consent :focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.app-shell{grid-template-columns:190px minmax(0,1fr)}.sidenav{width:190px}.workspace{margin-left:0}.content{padding:28px}.page>h1{font-size:28px}
.sync-toolbar{gap:16px}.page-subtitle{max-width:540px}.overview-metrics{gap:12px;margin-bottom:12px}
.overview-metric{padding:16px}.overview-value{font-size:24px}.metric-caption{font-size:12px;line-height:1.45}
.scope-note{font-size:12px;color:var(--muted)}.partial-data{font-size:12px}
.orders-filterbar{padding:12px;margin:16px 0}.filter-primary,.filter-secondary{gap:8px}
.order-cards{gap:10px}.sales-row{display:grid;grid-template-columns:72px minmax(180px,1.5fr) minmax(320px,2fr) 140px;gap:16px;align-items:center;padding:16px;min-height:110px;border-radius:10px}
.sales-image{width:72px;height:72px;border:1px solid var(--border);border-radius:8px;background:#f8fafc;display:grid;place-items:center;color:var(--muted)}
.sales-image img{width:100%;height:100%;object-fit:contain;border-radius:inherit}
.sales-product>.order-marketplace,.drawer-body>.order-marketplace{display:flex;align-items:center;gap:5px}.order-marketplace img{width:22px;height:16px;object-fit:contain;flex:none}.order-marketplace>span{min-width:0}
.sales-image .icon{width:24px;height:24px}.sales-product{min-width:0}.sales-product>strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4;font-size:14px}
.sales-product>.hint{display:block;font-size:12px;margin-top:4px;overflow-wrap:anywhere}.sales-amounts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;font-variant-numeric:tabular-nums}
.sales-amounts dt{font-size:12px;color:var(--muted)}.sales-amounts dd{font-size:14px;font-weight:600;margin:6px 0 0;overflow-wrap:anywhere}.sales-actions{display:grid;gap:8px}.sales-actions .hint{font-size:11px}
.sales-drawer{position:fixed;inset:0 0 0 auto;margin:0;width:min(540px,100vw);height:100dvh;max-height:100dvh;max-width:100vw;padding:0;border:0;border-left:1px solid var(--border);background:white;color:var(--text);overflow:auto}
.sales-drawer::backdrop{background:rgb(15 23 42 / .4)}.drawer-heading{position:sticky;top:0;background:white;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px;z-index:1}
.drawer-heading h2{font-size:18px;margin:4px 0;overflow-wrap:anywhere}.drawer-body{padding:24px;overflow-wrap:anywhere}.drawer-body h3{font-size:15px;margin-top:24px}.drawer-values{display:grid;grid-template-columns:1fr auto;gap:12px}.drawer-values dd{margin:0;font-variant-numeric:tabular-nums}.drawer-body a{color:var(--primary)}
.sales-drawer button,.sales-drawer summary,.sales-drawer a{min-height:44px}.sales-drawer :focus-visible,.sales-row :focus-visible{outline:3px solid var(--focus);outline-offset:3px}.sales-actions button{cursor:pointer}
.drawer-products{list-style:none;padding:0;display:grid;gap:16px}.drawer-product{display:flex;gap:16px;align-items:flex-start}.drawer-product .sales-image{flex:none}.drawer-product>div:last-child{min-width:0;overflow-wrap:anywhere}.drawer-product strong{font-size:14px;line-height:1.5}.drawer-product p{margin:6px 0 0}
@media(max-width:1200px){.sales-row{grid-template-columns:72px minmax(160px,1fr) 140px}.sales-amounts{grid-column:2;grid-row:2}.sales-actions{grid-column:3;grid-row:1 / span 2}.sales-image{grid-row:1 / span 2}}
@media(max-width:760px){.workspace{margin-left:0}.sidenav{width:190px}.content{padding:16px}.sales-row{grid-template-columns:64px minmax(0,1fr);gap:12px;padding:12px}.sales-image{width:64px;height:64px;grid-row:1}.sales-amounts{grid-column:1 / -1;grid-row:2;gap:8px}.sales-actions{grid-column:1 / -1;grid-row:3;grid-template-columns:1fr auto;align-items:center}.sales-actions .hint{grid-column:1;grid-row:2}.sales-actions button{grid-column:2;grid-row:1 / span 2}.sales-amounts dt{font-size:11px}.sales-amounts dd{font-size:12px}.drawer-heading{padding:12px;align-items:flex-start}.drawer-heading .btn{max-width:112px;white-space:normal}.drawer-body{padding:16px}.overview-value{font-size:20px}}
@media(prefers-reduced-motion:reduce){.sales-drawer,.sales-row{animation:none;transition:none}}
/* Compact sales controls, while keeping uncertainty and filter scope visible. */
.ml-sync-panel{gap:6px;font-size:14px}.ml-sync-panel [hidden]{display:none!important}
.ml-sync-panel .hint,.scope-note,.partial-data{font-size:12px;color:#475569}
.sync-toolbar{margin:0}.sync-summary{gap:6px}.scope-note{margin:0}.overview-metrics{margin:0;gap:10px}
.sync-context{display:flex;align-items:center;flex-wrap:wrap;gap:4px 12px}.sync-context .btn{font-size:12px;min-height:32px;padding:4px 8px}.sync-controls .btn:disabled{cursor:not-allowed}.sync-last{white-space:nowrap}
.overview-metric{min-height:100px;padding:12px}.metric-top{font-size:14px}.overview-value{font-size:22px;margin:6px 0}.metric-caption{font-size:12px;color:#475569;line-height:1.35}
.coverage-line{background:#fff9ed;border:1px solid #eee0bf;border-radius:6px;padding:0 12px;font-size:12px}.coverage-line summary{min-height:32px;padding:6px 0;cursor:pointer}.coverage-line p{margin:8px 0}
.orders-filterbar{margin:0;padding:10px;gap:6px}.filter-primary{flex-wrap:nowrap}.filter-primary input,.filter-primary select,.filter-primary .btn,.filter-secondary select,.filter-secondary .btn{font-size:14px;min-height:36px}.filter-primary select{width:165px}.date-filter input{width:132px}.search-control{min-width:170px}.secondary-filters summary{font-size:12px;min-height:28px;padding:4px 0;cursor:pointer}.secondary-filters .filter-secondary{padding-top:8px}.sku-coverage-note{margin:0}
.sales-row{padding:8px 12px;gap:12px;min-height:104px}.sales-product>strong{line-height:1.3;-webkit-line-clamp:1}.sales-product>.hint{margin-top:2px;line-height:1.3}.sales-actions{gap:4px}.sales-actions .hint{font-size:12px}.sales-actions .btn{min-height:34px;padding:6px 10px;font-size:14px}.sales-actions .pill{font-size:12px;padding:3px 7px}.sales-amounts dd{margin-top:4px}
.drawer-body{font-size:14px}.drawer-body details summary{cursor:pointer;font-size:14px}.drawer-body .hint{font-size:12px}
@media(max-width:1200px){.filter-primary{flex-wrap:wrap}.filter-primary .search-control{flex-basis:200px}}
@media(min-width:1201px){.overview-metric{padding:8px 12px}.orders-filterbar{grid-template-columns:minmax(0,1fr) auto;align-items:start}.secondary-filters summary{padding:8px 0;min-height:36px}.secondary-filters[open]{grid-column:1 / -1}.sku-coverage-note{grid-column:1 / -1}}
@media(max-width:760px){.ml-sync-panel{gap:10px}.overview-metric{padding:10px;min-height:112px}.metric-top{font-size:14px}.metric-caption{font-size:12px}.overview-value{font-size:20px}.filter-primary{display:flex;flex-wrap:wrap}.filter-primary select,.filter-primary .date-filter,.filter-primary .search-control{flex:1 1 100%;width:100%}.filter-primary .btn{width:auto;margin-left:auto;min-height:44px}.date-filter input{width:0;flex:1;min-width:0;font-size:14px}.secondary-filters summary{min-height:44px;padding:12px 0}.filter-secondary{flex-wrap:wrap}.filter-secondary .btn,.filter-secondary select{min-height:44px}.sales-product>strong{-webkit-line-clamp:2}.sales-row{padding:12px}.sales-actions .btn{min-height:44px}.sales-amounts dt{font-size:12px}.coverage-line summary{min-height:44px;padding:10px 0}.drawer-body h3{margin-top:16px}}
@media(max-width:760px){
 .ml-sync-panel{gap:6px}.sync-toolbar{gap:8px}
 /* The adjacent coverage disclosure supplies the same action without a duplicate button. */
 .sync-context .btn{display:none}
 .overview-metrics{gap:6px}.overview-metric{min-height:0;padding:8px}.overview-value{margin:3px 0}
 .filter-primary .search-control{flex:1 1 150px;width:auto;min-width:0}
 .filter-primary .btn{flex:0 0 auto;margin-left:0}
 .filter-secondary .date-filter{flex:1 1 100%;width:100%;min-width:0}
 .filter-secondary>select:first-child{flex:1 1 100%;width:100%}
 .overview-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
 .overview-metric.metric-accent{grid-column:1 / -1;display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:center}
 .metric-accent .metric-caption{grid-column:1 / -1}.metric-accent .overview-value{margin:0}
 .overview-metric:not(.metric-accent) .overview-value{font-size:16px}
 .overview-metric:not(.metric-accent) .metric-top .icon{display:none}
 .metric-full{display:none}.metric-short{display:inline}
 .reconciliation-tabs small{display:inline}.reconciliation-tabs small::before{content:' '}
 .ml-sync-panel{gap:2px}
 .sales-row>.sales-image{align-self:start}
}
@media(max-width:760px){
 .page:has(.ml-sync-panel) .page-heading{margin-bottom:8px}
 .mobile-order-summary{display:grid;gap:2px;font-size:12px;line-height:1.3;margin-top:4px}
 .mobile-order-summary>span:first-child{font-weight:600}
 .ml-sync-panel .sales-row{row-gap:8px}
 .ml-sync-panel .sales-amounts>div:first-child,.ml-sync-panel .sales-actions>.hint{display:none}
 .ml-sync-panel .sales-amounts{grid-template-columns:repeat(3,minmax(0,1fr))}
 .ml-sync-panel .overview-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ml-sync-panel .overview-metric.metric-accent{grid-column:auto;display:flex;gap:0;align-items:stretch}
 .ml-sync-panel .overview-metric{padding:6px;min-height:0}
 .ml-sync-panel .overview-value{font-size:16px;margin:2px 0}
 .ml-sync-panel .metric-top{font-size:12px}
 .ml-sync-panel .metric-caption{line-height:1.25}
 .ml-sync-panel .orders-filterbar{padding:0;border:0;background:transparent}
 .ml-sync-panel .reconciliation-tabs button{padding:4px 2px;font-size:11px;min-height:44px}
 .ml-sync-panel .reconciliation-tabs small{font-size:11px}
 .ml-sync-panel .sales-actions{grid-row:2}
 .ml-sync-panel .sales-amounts{grid-row:3}
}