@import url("brand-tokens.css");
body{font-size:14px;line-height:20px}h1,h2,h3{font-weight:700}.wordmark{display:inline-block;color:var(--ink);font-family:var(--sans);letter-spacing:0}.wordmark svg{width:104px;height:auto;display:block}.wordmark>span{font:700 10px/18px var(--sans);letter-spacing:.08em;color:var(--muted);margin-top:12px}.sidebar{background:var(--surface);border-color:var(--line)}.sidebar .wordmark{margin-bottom:40px}.nav-caption{color:var(--muted)}.sidebar nav a{border-radius:4px;font-weight:400;color:var(--muted);min-height:48px}.sidebar nav a:hover{background:var(--paper);color:var(--ink)}.sidebar nav a.active{background:var(--ink);color:white;font-weight:700}.sidebar nav b{background:var(--sun);color:var(--ink)}.store-link{color:var(--link);border-color:var(--line);border-radius:4px;min-height:44px;font-size:14px}.owner small,.owner button,.workspace-label,.local-indicator,.page-heading p,.nav-caption,.admin-footer{color:var(--muted)}.owner button{min-width:44px;min-height:44px}.owner strong{font-size:12px}.avatar,.avatar.small{background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:4px;font-family:var(--sans);font-weight:700}.admin-topbar{border-color:var(--line);background:var(--paper)}.admin-topbar #breadcrumb{color:var(--ink);font-size:14px}.page-heading h1{font-size:32px;line-height:38px}.page-heading p{font-size:14px;line-height:20px}.button{min-height:48px;border-radius:4px;border-color:var(--line);color:var(--ink);font-size:14px;line-height:20px;font-weight:700;padding:12px 16px}.button.primary{background:var(--ink);border-color:var(--ink);color:white}.button.primary:hover{background:#333}.button.secondary:hover{background:var(--paper)}.metric,.panel,.message-callout,.proof-card{border-radius:8px;border-color:var(--line);box-shadow:none}.metric{padding:24px}.metric>span,.metric>small,.metric.emphasized>span,.metric.emphasized small,.metric.emphasized svg{color:var(--muted)}.metric>span{font-size:14px}.metric>small{font-size:12px;line-height:18px}.metric>strong{color:var(--ink);font-size:32px;font-weight:700;letter-spacing:-.02em}.metric.emphasized{background:var(--paper);border-color:var(--ink)}.metric .revenue{font-size:26px}.panel-head h2,.panel h2{font-size:20px;line-height:26px;font-weight:700}.panel-head p,.setup-panel small,.setup-panel>a>span:last-child,.stage-grid>div>span:last-child,.empty-state p,.cell-sub,.payment-review dt,.proof-card p,.small-note,.login-help,.login-form>p,.login-brand p{color:var(--muted);font-size:12px;line-height:18px}.panel-head p{font-size:14px}.text-link,.table-order,.muted-link{color:var(--link);font-size:14px;min-height:44px;display:inline-flex;align-items:center}.stage-number{color:var(--muted);background:var(--paper)}.stage-grid strong{font-weight:700}.stage-grid{gap:8px}.setup-check.done{color:var(--success);background:#eef6f0;border-color:var(--success)}.setup-panel strong{font-size:14px}.message-callout,.manual-mode{background:var(--paper);border-color:var(--line)}.message-callout h3{font-size:16px;color:var(--ink)}.message-callout p,.message-callout>span,.activity-panel p,.activity-panel small{color:var(--muted);font-size:12px}.message-callout>svg{color:var(--ink)}.activity-panel small{font-size:10px}.activity-dot{background:var(--brand)}th{background:var(--paper);color:var(--muted);border-color:var(--line);font-size:12px;font-weight:700;line-height:18px}td{font-size:14px;line-height:20px;border-color:var(--line)}.amount{font-size:14px;font-weight:700;color:var(--ink)}.badge{font-size:12px;line-height:18px;border-radius:4px;color:var(--muted)}.badge.awaiting_confirmation,.badge.pending_payment,.badge.new,.badge.under_review{background:#F3CE4433;color:var(--ink)}.badge.paid,.badge.completed,.badge.resolved{background:#17603A12;color:var(--success)}.badge.rejected,.badge.expired,.badge.cancelled{background:#B4231810;color:var(--error)}.badge.in_production,.badge.shipped{background:#2147D910;color:var(--link)}.round-button,.pagination button,.close-detail,#sidebar-toggle{min-height:44px;min-width:44px;border-radius:4px}.pagination,.result-count{color:var(--muted);font-size:14px}.empty-state h3{font-size:22px;color:var(--ink)}.form-grid{gap:24px}label{font-size:14px;line-height:20px;font-weight:700;color:var(--ink)}input,textarea,select{min-height:48px;border-radius:4px;border:1px solid var(--line);padding:12px;font:400 16px/24px var(--sans);color:var(--ink);background:var(--surface)}input::placeholder,textarea::placeholder{font-size:14px;color:var(--muted)}input[type=checkbox]{width:20px;height:20px;min-height:20px;accent-color:var(--ink)}label small{font-size:12px;line-height:18px;color:var(--muted)}.form-status{color:var(--error);font-size:14px}.settings-note,.review-note{background:var(--paper);border-color:var(--line);border-left:3px solid var(--sun);color:var(--ink);font-size:12px}.manual-mode strong{color:var(--ink);font-size:14px}.manual-mode p{color:var(--muted);font-size:12px}.manual-mode>span{color:var(--success)}.small-note{font-size:12px}.password-details{border-color:var(--line)}.password-details summary{color:var(--link);font-size:14px;min-height:44px}.detail-section h3{font-size:20px}.detail-section>p,.detail-product p,.detail-product summary,.detail-status,.payment-review dd{color:var(--muted);font-size:14px}.detail-product strong{font-size:16px}.detail-product summary{min-height:44px;color:var(--link)}.design-data{background:var(--paper)}.detail-section blockquote{color:var(--ink);background:var(--paper);border-color:var(--sun)}.drawer-head{border-color:var(--line)}.drawer-head h2{color:var(--ink)}.close-detail{color:var(--ink);background:var(--paper)}.detail-status{flex-wrap:wrap;gap:12px}.proof-card>span{color:var(--muted)}.login-page{background:var(--paper)}.login-brand{background:var(--paper);border-right:1px solid var(--line);padding:48px}.login-brand h1{font:700 56px/60px var(--sans);letter-spacing:-.02em}.login-brand .eyebrow,.login-form .eyebrow{color:var(--muted);font-size:12px;font-weight:700}.login-art>img{border-radius:8px;box-shadow:none;transform:none;width:200px}.login-art>span{font:700 12px/18px var(--sans);color:var(--ink);letter-spacing:.04em}.login-brand>small{color:var(--muted)}.login-form{max-width:520px;padding:48px}.login-form h2{font-size:32px;line-height:38px;font-weight:700}.login-form>p{font-size:14px;line-height:20px}.login-help{border-color:var(--line);font-size:14px}.login-help summary{min-height:44px}.login-help p{color:var(--muted);font-size:12px}.login-form form{margin-bottom:32px}.eyebrow{color:var(--muted)}#admin-toast{background:var(--ink);border-radius:4px;box-shadow:none}#order-dialog{color:var(--ink)}.product-admin-card,.photo-manager{border-color:var(--line);border-radius:8px}.product-admin-card h2{color:var(--ink)}.image-tile button{min-height:44px;min-width:44px}
@media(max-width:1199px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-grid{grid-template-columns:1fr}.login-brand{padding:32px}.login-brand h1{font-size:48px;line-height:52px}.login-art>span{display:none}}
@media(max-width:760px){.admin-topbar{padding:0 16px;gap:12px}.admin-topbar .workspace-label,.admin-topbar .top-divider{display:none}#admin-main{padding:24px 16px}.admin-topbar>div{gap:8px}.topbar-right{gap:8px!important}.page-heading{align-items:start;flex-wrap:wrap;gap:16px}.page-heading h1{font-size:26px;line-height:32px}.metric{padding:16px}.metric>strong{font-size:28px}.metric .revenue{font-size:22px}.metric>span,.metric>small{font-size:12px}.panel-head{padding:20px 16px}.list-tools{padding:16px;flex-wrap:wrap;gap:12px}.list-tools .search-field{flex-basis:100%}.list-tools select{max-width:100%;flex:1}.form-grid{grid-template-columns:1fr}.login-page{display:block}.login-brand{min-height:0;padding:24px 16px;border:0}.login-brand .wordmark{margin:0}.login-brand>div,.login-brand>small{display:none}.login-form{padding:24px 16px 48px;max-width:520px}.login-form h2{font-size:26px;line-height:32px}.login-art{display:none}.stage-grid{grid-template-columns:repeat(2,1fr);gap:16px}.stage-grid>div{border:0}.admin-footer{padding:24px 16px;gap:16px;flex-wrap:wrap}.drawer-head{padding:16px}.drawer-body{padding:0 16px 32px}.detail-product{gap:12px}.detail-product>img{width:60px;height:60px}.detail-product strong{font-size:14px}.activity-panel{padding:20px 16px}}


/* Legible operational UI: neutral labels and explicit semantic status pairs. */
.sidebar nav a{font-size:14px;line-height:22px}
.sidebar nav a span{color:inherit}
.sidebar nav a.active{background:var(--ink);color:var(--on-ink)}
.sidebar nav a.active:hover{background:#333;color:var(--on-ink)}
.sidebar nav a.active b{background:var(--sun);color:var(--ink)}
.nav-caption,.workspace-label,.wordmark>span{font-size:12px;line-height:18px;letter-spacing:.04em}
#admin-main{max-width:1440px}
.page-heading{margin-bottom:32px}
.page-heading p{font-size:16px;line-height:24px}
.panel-head{align-items:flex-start}
.panel-head p,.metric>small,.setup-panel small,.cell-sub,.empty-state p{font-size:14px;line-height:22px;color:var(--muted)}
.metric>strong{font-variant-numeric:tabular-nums;line-height:1.25}
.metric>span{font-size:14px;font-weight:700;color:var(--muted)}
.metric svg{color:var(--muted)}
.metric.emphasized{border-color:var(--line);border-top:3px solid var(--brand);background:var(--surface)}
.button,.button.secondary{background:var(--surface);color:var(--ink);border-color:var(--control-border)}
.button.primary{background:var(--ink);color:var(--on-ink);border-color:var(--ink)}
.button span{color:inherit}
.button.primary:hover{background:#333;color:var(--on-ink)}
.button:disabled,.button.primary:disabled{background:var(--disabled-bg);color:var(--disabled-text);border-color:var(--line);opacity:1}
.button.secondary:hover{background:var(--control-hover);color:var(--ink)}
.badge,.badge.neutral{background:var(--paper);color:var(--muted);border:1px solid var(--line);font-size:12px;font-weight:700;line-height:18px;padding:6px 10px}
.badge.awaiting_confirmation,.badge.pending_payment,.badge.new,.badge.under_review{background:var(--status-warning-bg);color:var(--status-warning-text);border-color:#DBC58E}
.badge.paid,.badge.completed,.badge.resolved{background:var(--status-success-bg);color:var(--status-success-text);border-color:#A8C6B3}
.badge.rejected,.badge.expired,.badge.cancelled{background:var(--status-error-bg);color:var(--status-error-text);border-color:#D9958C}
.badge.in_production,.badge.shipped{background:var(--status-info-bg);color:var(--status-info-text);border-color:#ADBCEB}
.product-grid{gap:24px}
.product-card{border:1px solid var(--line);border-radius:8px;overflow:hidden;box-shadow:none}
.product-photo{background:var(--paper)}
.product-toggle{font-size:14px!important;font-weight:700;line-height:20px;min-height:44px;padding:10px 12px;background:var(--surface);color:var(--ink);border:1px solid var(--line);box-shadow:0 2px 8px #1818180A}
.product-toggle input{accent-color:var(--ink);width:20px!important;height:20px!important}
.product-fields{padding:24px}
.product-fields h2{font-size:22px;line-height:28px;color:var(--ink);font-weight:700}
.product-fields p,.photo-caption,.form-save-bar p,.form-save-bar p span{font-size:14px;line-height:22px;color:var(--muted)}
.product-fields label,.variant-price-fields h3{font-size:14px;line-height:22px;font-weight:700;color:var(--ink)}
.product-fields input{font-size:16px;min-height:48px;color:var(--ink);border-color:var(--control-border)}
.photo-thumbnail>button>span{font-size:12px;font-weight:700;line-height:20px;background:var(--ink);color:var(--on-ink)}
.photo-remove{background:var(--surface);color:var(--error);border-color:var(--control-border)}
.photo-status{color:var(--muted)!important;font-size:14px!important;line-height:22px!important}
.boot-state,.loading-state{color:var(--muted);font-size:14px;line-height:22px}
.settings-nav a{color:var(--ink);font-size:14px;font-weight:700;min-height:44px}
.settings-nav a:hover{background:var(--control-hover);color:var(--ink)}
.settings-note,.review-note{background:var(--status-warning-bg);color:var(--status-warning-text);font-size:14px;line-height:22px}
.manual-mode{color:var(--ink);background:var(--paper);border:1px solid var(--line)}
.manual-mode p,.small-note,label small,.message-row p,.message-row>div>span,.proof-card p,.activity-panel p,.activity-panel small,.owner small{font-size:14px;line-height:22px;color:var(--muted)}
.activity-panel small{font-size:12px}
.setup-panel>a>span:last-child,.message-callout>span,.stage-grid>div>span:last-child,.local-indicator,.pagination{color:var(--muted)}
.stage-number{background:var(--paper);color:var(--ink);font-size:12px}
.stage-grid>div>span:last-child{font-size:14px}
.round-button,.pagination button,.close-detail{color:var(--ink);background:var(--surface);border:1px solid var(--control-border)}
.search-field input,select,textarea,input{border-color:var(--control-border)}
.search-field svg{color:var(--muted)}
.form-save-bar{background:var(--surface);border-color:var(--line);box-shadow:0 -3px 20px #18181808;backdrop-filter:none}
.od-section-heading p,.od-subhead>span,.od-fields dt,.od-product-heading p,.od-preview>span,.od-model>span,.od-color span,.od-color small,.od-brand-mode,.od-empty,.od-hint,.od-attachment>div>span,.od-placement dt,.od-extra-title,.od-product-footer>span,.od-totals dt{color:var(--muted);font-size:14px;line-height:22px}
.od-fields dd,.od-placement dd,.od-color strong,.od-totals dd{color:var(--ink);font-size:14px;line-height:22px}
.od-product,.od-order-note,.od-color,.od-brand,.od-extras{border-color:var(--line);border-radius:8px}
.od-product-heading,.od-order-note,.od-color,.od-brand,.od-extras{background:var(--paper)}
.od-quantity,.od-index,.od-tile-number,.od-tile-heading>span{background:var(--surface);color:var(--ink);border:1px solid var(--line);font-size:12px;font-weight:700;line-height:18px;border-radius:4px}
.od-tile-number{width:32px;height:32px}
.od-note{background:var(--status-warning-bg);border-color:#DBC58E}
.od-note>span,.od-note p{color:var(--status-warning-text);font-size:14px;line-height:22px}
.od-destination{color:var(--link);font-size:14px;line-height:22px}
.od-product-footer .button,.od-section-heading .button{font-size:14px;min-height:48px}
.od-totals .od-final{color:var(--ink);background:var(--paper);border-color:var(--line)}
.od-totals .od-total dt{color:var(--ink)}
#order-dialog .detail-status{color:var(--muted)}
@media(max-width:1000px){.product-grid{gap:16px}.product-fields{padding:20px}.metric .revenue{font-size:26px}}
@media(max-width:760px){.page-heading .button,.panel-head .text-link{font-size:14px;min-height:44px;line-height:20px}.page-heading p{font-size:14px;line-height:22px}.panel-head h2{font-size:20px;line-height:26px}.panel-head p{font-size:14px;line-height:22px}.metric>span,.metric>small{font-size:12px;line-height:18px}.metric>strong{font-size:28px}.metric .revenue{font-size:22px}.local-indicator{font-size:12px}.admin-footer,.admin-footer>span{font-size:12px;line-height:18px}.od-color strong,.od-color span,.od-color small{font-size:12px;line-height:18px}.od-subhead>span{white-space:normal;font-size:12px}.od-product-heading h4{font-size:16px;line-height:22px}.od-product-heading p{font-size:14px;line-height:22px}.od-totals dl>div{font-size:14px;line-height:22px}.panel-head{flex-wrap:wrap;gap:12px}.page-heading .button{width:auto}.photo-status{font-size:14px!important}}
@media(max-width:599px){.product-grid{grid-template-columns:1fr}.product-photo>img{height:240px}.product-fields{padding:20px}.product-fields h2{font-size:22px;line-height:28px}.product-fields label{font-size:14px;line-height:22px}.product-toggle{font-size:14px!important;padding:10px 12px}.product-fields input{font-size:16px;padding:12px}.form-save-bar{padding:16px}.form-save-bar p,.form-save-bar p span{font-size:14px;line-height:22px}.settings-nav a{font-size:14px;line-height:20px}.panel-head .text-link{white-space:normal}.od-colors{grid-template-columns:1fr 1fr}.od-section-heading .button{width:100%}}