/* Presentation only: shared type, spacing, focus and surfaces for pilot pages. */
:root{--space-1:8px;--space-2:16px;--space-3:24px;--on-accent:#fff;scroll-padding-block:24px calc(var(--sticky-height,160px) + 24px)}
:root[data-theme=dark]{--on-accent:#12231c}
body{font:16px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif}
header.compact-header{padding:8px 24px;gap:8px 16px}
.compact-header nav{gap:16px}.compact-header nav a{font-size:16px;text-underline-offset:4px}
.compact-header nav a[aria-current=page]{font-weight:700;text-decoration-thickness:2px}
main{padding-bottom:calc(var(--sticky-height,160px) + 32px + env(safe-area-inset-bottom,0px))}
button,input,select,textarea{border-radius:8px}
button{padding:8px 16px;min-height:44px;line-height:1.4}
button.primary,button.primary:hover:not(:disabled){background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
button.primary:disabled{background:var(--soft);color:var(--muted);border-color:var(--border)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.card,.review-card,.panel{padding:16px;border-color:var(--border);margin-bottom:16px;box-shadow:none}
.toolbar,.actions,.photo-tools,.profit-fields,.detail-row{gap:8px}
.review-card h2,.card h2{margin-bottom:16px}p{margin-block:8px 16px}
.detail-row{padding-block:16px;border-color:var(--border)}.detail-value small{font-size:14px}
#generation-action{padding:16px 0;margin:0}#generation-help{color:var(--muted);max-width:70ch}
#generation-reason:empty,#page-message:empty{display:none}
.header-action{display:flex;flex-direction:column;align-items:center;gap:8px;max-width:112px}.header-action small{font-size:12px;color:var(--muted)}
#review-actions,.save-bar{padding:8px 16px calc(8px + env(safe-area-inset-bottom,0px));gap:8px;background:var(--surface);border-color:var(--border)}
#review-actions #action-reason{font-size:14px}.control-reason{display:block;color:var(--muted);font-size:14px}
.thumbnails{gap:8px;margin-block:16px}.thumbnail-cell{padding-top:24px}
.thumbnails .photo-remove{width:44px;height:44px;min-width:44px;padding:8px;color:var(--danger);background:var(--surface);border:2px solid var(--danger);box-shadow:0 0 0 2px var(--surface);right:0;top:0}
.thumbnails button[aria-pressed=true]{outline:3px solid var(--accent);outline-offset:2px}
.thumbnails img,.photo-viewer>img,.main-image{background:transparent;object-fit:contain}
.viewer-controls button{min-width:44px;border:1px solid var(--border);background:var(--surface)}
.help-page{max-width:960px}.help-index{display:flex;flex-wrap:wrap;gap:8px 24px;margin-block:16px 24px}.help-index a{display:inline-flex;align-items:center;min-height:44px}
.help-page li{margin-bottom:16px}.help-page section{scroll-margin-top:16px}.help-page details p{max-width:70ch}
.release-control summary,.inventory-actions summary{min-height:44px;padding-block:8px;cursor:pointer}
.release-control input{max-width:440px}.release-control button{margin:8px 8px 8px 0}
.shopify-card .badge{border-radius:8px}.shopify-card a{min-height:44px;display:flex;align-items:center;margin-block:8px}
@media(max-width:700px){
 header.compact-header{grid-template-columns:1fr 44px;padding:8px 16px;gap:8px}
 .compact-header .brand{font-size:18px;grid-column:1;grid-row:1}
 .compact-header .theme-toggle{grid-column:2;grid-row:1}
 .compact-header nav{grid-column:1/-1;grid-row:2;display:flex;justify-content:space-between;gap:8px}
 .compact-header nav a{font-size:14px}.compact-header .identity-line{grid-row:3;font-size:14px;gap:8px}
 main{padding-inline:16px}#review-heading{gap:8px}.header-action{max-width:72px}
 #review-heading{display:grid;grid-template-columns:auto 1fr auto auto;align-items:start}
 #review-heading>h1{font-size:20px;align-self:center}#review-heading>.badge{grid-column:1/3;grid-row:2;justify-self:start}
 #review-heading>.header-action{grid-row:1/3}#review-heading>.header-action:nth-of-type(1){grid-column:3}#review-heading>.header-action:nth-of-type(2){grid-column:4}
 #review-heading>.advanced-link{grid-column:1/-1}
 .review-card{padding:16px}.thumbnails{grid-template-columns:repeat(6,minmax(0,1fr))}
 #review-actions{position:fixed}#action-reason{flex-basis:100%;min-width:0}
 #focused-editor .editor-content{padding-bottom:96px}.editor-actions{gap:8px}
}

/* PILOT-4: mobile-first navigation and explicit controls. */
[hidden]{display:none!important}img{max-width:100%}main,section,.toolbar,.card,.review-card{min-width:0}a,summary{overflow-wrap:anywhere}button{overflow-wrap:normal}
#home{max-width:640px;margin-inline:auto}.welcome-action{display:flex;align-items:center;justify-content:center;min-height:64px;padding:16px;border:1px solid var(--accent);border-radius:8px;margin:16px 0;font-weight:700;background:var(--surface)}#home nav{display:flex;flex-wrap:wrap;gap:24px}
#upload-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}#upload-tabs [aria-selected=true]{border:2px solid var(--accent);font-weight:700}#unfinished-sessions .session-card{margin-bottom:16px}#unfinished-sessions h3{overflow-wrap:anywhere}
#toolbar{display:flex;flex-direction:column;align-items:stretch;gap:8px}#toolbar>label{width:100%;max-width:640px}#toolbar input,#toolbar select{max-width:100%;width:100%}.inventory-filters{border:1px solid var(--border);border-radius:8px;padding:8px 16px}.inventory-filters summary,.faq summary{min-height:44px;cursor:pointer;padding-block:8px}.inventory-filters label{display:block;margin-block:8px}.batch-actions{border-top:1px solid var(--border);padding-block:16px;margin-top:16px}.batch-actions h2{font-size:16px}.batch-actions .action{margin-bottom:8px}.faq p{margin-block:16px}.help-icon{display:flex;align-items:center;gap:8px}.help-icon svg{color:var(--danger)}
.back-top-global{position:fixed;right:16px;bottom:calc(var(--sticky-height,0px) + 16px);z-index:15;background:var(--surface);border:1px solid var(--border)}
#approval-help{flex-basis:100%;margin:0;font-size:14px}#review-actions .back-top{display:none}#review-actions{max-height:40dvh;overflow:auto}#review-actions #action-reason{font-size:12px}
.photo-drag{touch-action:none;cursor:grab;min-width:44px;width:44px;height:44px;padding:8px;background:var(--surface);border:1px solid var(--border)}.dragging{outline:3px solid var(--accent)}.thumbnail-cell{display:grid;grid-template-columns:1fr 44px;gap:4px;padding-top:44px}.thumbnail-cell>button[aria-pressed]{grid-column:1/-1}.thumbnail-cell>input{width:44px;height:44px;margin:0;justify-self:start}.thumbnails{grid-template-columns:repeat(4,minmax(0,1fr))}.photo-move-dialog{max-width:min(640px,calc(100vw - 24px));max-height:90dvh;overflow:auto;padding:16px;background:var(--surface);color:var(--text)}.photo-move-dialog select{width:100%;max-width:100%}.move-destination{width:96px;height:96px;object-fit:contain;margin:8px}
@media(max-width:700px){.thumbnails{grid-template-columns:repeat(3,minmax(0,1fr))}#upload-tabs{display:grid;grid-template-columns:1fr 1fr}#upload-tab-unfinished{grid-column:1/-1}.compact-header nav{gap:8px}.compact-header .identity-line{flex-wrap:wrap}.photo-tools{flex-wrap:wrap}.review-heading{flex-wrap:wrap}main:not(:has(#editor)){padding-inline:12px}.review-card{padding:12px}.price-input{min-width:0}.detail-row{grid-template-columns:minmax(0,1fr) auto auto}#review-actions{padding-inline:8px}.main-action{min-width:0}}

/* PILOT-5A: presentation only; existing controls and save endpoints remain authoritative. */
.welcome-action,.shortcut-button{display:flex;align-items:center;justify-content:center;min-height:48px;padding:12px 16px;border:1px solid var(--accent);border-radius:8px;text-decoration:none;font-weight:600;background:var(--surface);color:var(--accent)}
.welcome-action{background:var(--accent);color:var(--on-accent);min-height:64px}.welcome-action:hover,.shortcut-button:hover{box-shadow:inset 0 0 0 2px currentColor}
.home-shortcuts{display:grid;gap:8px;margin-top:24px}.filter-actions{display:flex;gap:8px;align-items:start;flex-wrap:wrap}.filter-actions .action{margin:0}
#embedded-fees{max-width:100%}#fees-content .fee-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}#fees-content label{min-width:0}#fees-content input,#fees-content select{width:100%;min-width:0}.fees-save{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding-top:16px;border-top:1px solid var(--border)}#fees-message:empty{display:none}
.photos-card .thumbnail-cell{display:block;padding:0;aspect-ratio:1;position:relative}.photos-card .thumbnail-cell>button[aria-pressed]{display:block;width:100%;height:100%;aspect-ratio:1}.photos-card .thumbnail-cell>button[aria-pressed] img{display:block;object-fit:contain}
.photos-card .thumbnail-cell>.photo-remove,.photos-card .thumbnail-cell>.photo-drag,.photos-card .thumbnail-cell>input{position:absolute;z-index:2;width:44px;height:44px;min-width:44px;min-height:44px;margin:0;border:2px solid var(--border);border-radius:8px;background:color-mix(in srgb,var(--surface) 88%,transparent);box-shadow:none;padding:8px}
.photos-card .thumbnail-cell>.photo-remove{top:4px;right:4px;color:var(--danger);border-color:var(--danger)}.photos-card .thumbnail-cell>input{top:4px;left:4px;appearance:none;cursor:pointer;accent-color:var(--accent)}.photos-card .thumbnail-cell>input:checked{background:color-mix(in srgb,var(--accent) 85%,transparent);border-color:var(--accent)}.photos-card .thumbnail-cell>input:checked::after{content:'';display:block;width:12px;height:22px;border:solid var(--on-accent);border-width:0 3px 3px 0;transform:rotate(45deg);margin:0 6px}
.photos-card .thumbnail-cell>.photo-drag{bottom:4px;right:4px;top:auto}.photos-card .thumbnails{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}
.blocker-list{margin:8px 0;padding-left:24px}.blocker-list li{margin-block:4px}.blocker-list a{color:inherit;text-underline-offset:3px}#blockers p{margin:0 0 8px}#describe-notice{line-height:1.5;color:var(--text)}#describe-notice p{max-width:75ch}#review-actions #action-reason{font-size:14px}
.back-top-global{position:static;display:block;width:fit-content;margin:16px 24px calc(var(--sticky-height,0px) + 24px);z-index:auto}
@media(max-width:700px){#fees-content .fee-fields{grid-template-columns:1fr}.photos-card .thumbnails{grid-template-columns:repeat(2,minmax(0,1fr))}.fees-save{align-items:start}.blocker-list a{display:inline-block;padding-block:4px}}

.control-reason>.alert-text{position:static;left:auto;right:auto;bottom:auto;width:auto;max-width:100%;margin:0;padding:0;border:0;box-shadow:none;background:transparent;color:inherit;pointer-events:auto}
.back-top-global[hidden]{display:block!important;visibility:hidden}

.restricted-nav{display:flex;flex-direction:column;max-width:110px;color:var(--muted);font-size:14px}.restricted-nav small{font-size:11px;line-height:1.3}.account-row{border-top:1px solid var(--border);padding:16px 0}.account-row label{display:block}.account-row input,.account-row select{max-width:100%}.account-row button{margin:8px 8px 0 0}

/* PILOT-6 compact navigation/actions; existing themes and touch targets. */
.compact-header nav{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-start}
.compact-header nav .nav-button,.nav-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 16px;border:1px solid var(--border);border-radius:8px;background:var(--surface);text-decoration:none;box-sizing:border-box}
.compact-header nav .nav-button{min-width:88px;font-size:14px;line-height:20px}
.restricted-nav [aria-disabled]{display:flex;align-items:center;justify-content:center;min-height:44px;border:1px solid var(--border);border-radius:8px;padding-inline:8px}
.home-page header.compact-header .identity-line{grid-row:2}.home-page header.compact-header{padding-block:8px}
#review-actions{display:flex;flex-direction:column;align-items:stretch;gap:4px;overflow:visible;max-height:none;padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px))}
.review-action-row{display:flex;justify-content:center;gap:8px;width:100%;max-width:640px;margin:auto}
#review-actions .review-action-row button{height:44px;min-height:44px;flex:1;padding:8px;white-space:nowrap;font-size:14px;line-height:20px}
#review-actions #approval-help,#review-actions #action-reason{margin:0;min-width:0;flex-basis:auto;width:100%;text-align:center;font-size:12px;line-height:18px}
#review-actions.keyboard-hidden{visibility:hidden;pointer-events:none}
#review-actions #action-reason:empty{display:none}
.photo-order-tools,.photo-move-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.photo-order-tools button{height:44px;min-height:44px}.photo-order-tools button[aria-label]{width:44px;min-width:44px;padding:8px}
.photo-tools{justify-content:flex-start;flex-wrap:wrap}.photo-tools>p,.photo-tools>small{flex-basis:100%;margin:0}
.photo-move-tools{margin-block:8px}.photo-move-tools p{margin:0;font-size:14px}.photo-move-tools p:empty{display:none}
.photo-drag-ghost{position:fixed;width:96px;height:96px;object-fit:contain;opacity:.65;z-index:1000;pointer-events:none;border:2px solid var(--accent);border-radius:8px;background:var(--surface)}
.photos-card .thumbnail-cell.drag-slot{outline:3px dashed var(--accent);outline-offset:-3px;background:var(--soft)}
.photos-card .thumbnail-cell.drag-slot>*{opacity:.12}
@media(max-width:359px){#review-actions .review-action-row{flex-wrap:wrap}#review-actions .review-action-row button:last-child:nth-child(3){flex-basis:100%}}
@media(prefers-reduced-motion:reduce){.thumbnail-cell{animation:none!important}}

#review-heading>.nav-button{white-space:nowrap;flex-shrink:0;min-width:max-content}

@media(max-width:359px){#review-heading{grid-template-columns:1fr 44px 44px}#review-heading>h1{grid-column:2/4;grid-row:1}#review-heading>.badge{grid-column:1;grid-row:2}#review-heading>.header-action:nth-of-type(1){grid-column:2;grid-row:2}#review-heading>.header-action:nth-of-type(2){grid-column:3;grid-row:2}.header-action small{font-size:11px}#review-heading>.nav-button:not(:first-child){grid-column:1/-1}}

#generation-action{display:flex;align-items:center;flex-wrap:wrap;gap:8px}#generation-action p:empty{display:none}#generation-reason:not(:empty){flex-basis:100%;margin:0}

/* PILOT-6B: the same self-hosted, true-italic wordmark on every pilot page. */
@font-face{font-family:"Inter Wordmark";src:url('/fonts/Inter-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Inter Wordmark";src:url('/fonts/Inter-BoldItalic.woff2') format('woff2');font-weight:700;font-style:italic;font-display:swap}
header.compact-header{display:grid;grid-template-columns:minmax(0,1fr) auto 44px;align-items:center;gap:8px;padding:8px 16px}
header.compact-header .brand{grid-column:1;grid-row:1;justify-self:start;display:inline-flex;align-items:center;gap:0;min-height:44px;padding:8px;border-radius:8px;background:#17211d;font:700 24px/1 "Inter Wordmark",sans-serif;font-synthesis:none;letter-spacing:-.5px;white-space:nowrap;text-decoration:none}
.brand .wordmark-upright{color:#FF2A3A;font-style:normal}.brand .wordmark-italic{color:#F6EB61;font-style:italic}
header.compact-header .brand:hover,header.compact-header .brand:visited{text-decoration:none}
header.compact-header .brand:focus-visible{outline:3px solid var(--accent);outline-offset:3px;box-shadow:inset 0 0 0 2px #F6EB61}
header.compact-header #logout{grid-column:2;grid-row:1;margin:0;min-height:44px;padding:8px;font-size:14px;white-space:nowrap}
header.compact-header .theme-toggle{grid-column:3;grid-row:1;height:44px;margin:0}
header.compact-header .identity-line{grid-row:2;grid-column:1/-1;gap:8px;flex-wrap:wrap;font-size:14px;line-height:20px}
header.compact-header nav{grid-row:3;grid-column:1/-1}
header.compact-header .header-identity:empty{display:none}
#review-heading{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start}
#review-heading>h1{flex:0 0 auto;font-size:20px;line-height:44px;white-space:nowrap;margin:0;align-self:flex-start}
#review-heading>.nav-button{padding-inline:8px;font-size:14px}
#review-heading>.item-navigation{display:flex;gap:8px;align-items:start;margin:0}
.item-navigation .header-action{width:44px;max-width:44px;gap:4px}
.item-navigation button{width:44px;height:44px;padding:8px}
.item-navigation small{font-size:11px;line-height:14px;text-align:center;overflow-wrap:normal}
#review-heading>.badge{order:1}#review-heading>.advanced-link{order:2;margin-left:auto;display:inline-flex;align-items:center;min-height:44px}
#review-heading>.nav-button:not(:first-child){order:3}
#blockers{padding:12px;background:var(--surface);color:var(--text);border-color:var(--border)}
#blockers>p:first-child{font-weight:600}
#blockers .blocker-list{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}
#blockers .blocker-list li{display:flex;flex-direction:column;gap:4px;margin:0;max-width:100%}
#blockers .blocker-list button{min-height:44px;font-weight:600;background:var(--field);color:var(--text);border:1px solid var(--border);text-align:left}
#blockers .blocker-list small{max-width:32ch;font-size:12px;line-height:16px;color:var(--muted)}
@media(max-width:700px){#blockers .blocker-list li{flex:1 1 120px;min-width:0}#blockers .blocker-list button{font-size:14px;padding:8px}#blockers .blocker-list small{max-width:none}}
@media(max-width:359px){header.compact-header{padding-inline:8px}header.compact-header .brand{font-size:22px}#review-heading>h1{font-size:18px}#review-heading>.badge{flex-basis:auto}#blockers .blocker-list li{flex:1 1 120px}}
/* PILOT-7: root canvas also owns overscroll and the short-page safe area. */
:root{background:var(--page);color:var(--text);min-height:100%;}
body{min-height:100vh;min-height:100dvh;background:var(--page);}
header.compact-header .brand{background:transparent;padding:0;max-width:none;min-width:0;width:auto;}
header.compact-header .brand img{display:block;height:28px;width:auto;}
@media(min-width:600px){header.compact-header .brand img{height:32px;}}
@media(max-width:359px){header.compact-header .brand img{height:24px;}}
body:has(.login-shell) header.compact-header .brand img{height:min(44px,calc((100vw - 92px) * 601 / 3929));}
.inventory-card>a{display:flex;flex-direction:column;gap:4px;min-width:0;color:var(--text);text-decoration:none;height:100%;}
#items .item-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
#items .inventory-card{padding:8px;border-radius:8px;}
#items .inventory-card img{width:100%;height:auto;aspect-ratio:3/4;max-height:none;object-fit:contain;background:transparent;}
.inventory-sku{font-size:14px;line-height:20px;white-space:nowrap;}
.inventory-brand{font-size:14px;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.inventory-card .badge{font-size:12px;line-height:18px;padding:2px 4px;margin:0;border-radius:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;align-self:flex-start;}
.photo-move-dialog>div,.photo-move-dialog>div>div{display:flex;flex-wrap:wrap;gap:8px;align-items:center;}
.photo-move-dialog label,.photo-move-dialog p{flex-basis:100%;margin-block:8px;}
.photo-move-dialog>button{margin-top:8px;}
.photo-move-dialog button,.photo-move-dialog .nav-button{min-height:44px;}
@media(min-width:600px){#items .item-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));}}
@media(max-width:359px){#items .inventory-card{padding:4px;}.inventory-sku{font-size:14px;}}