/* MYSHOP admin design tokens. Scoped to the authenticated workspace. */
body.admin-app,body:has(.login) {
  --admin-canvas:#F5F6F8; --admin-surface:#FFFFFF; --admin-brand:#176B55;
  --admin-brand-hover:#115541; --admin-title:#17211F; --admin-text:#34413D;
  --admin-muted:#77827D; --admin-border:#E2E7E4; --admin-table-head:#F0F3F1;
  --admin-selected:#E6F0EC; --admin-success:#217A52; --admin-warning:#A66A16;
  --admin-danger:#C34848; --admin-info:#4269A6;
  --admin-accent:var(--admin-brand); --admin-accent-strong:var(--admin-brand-hover);
  --admin-ink:var(--admin-title); --admin-subtle:var(--admin-muted);
  --admin-surface-soft:var(--admin-canvas); --admin-border-strong:var(--admin-border);
  background:var(--admin-canvas); color:var(--admin-text);
  font:14px/1.5 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
}
body:has(.login)>header{height:64px;align-items:center;border-bottom:1px solid var(--admin-border);background:var(--admin-surface);color:var(--admin-title);box-shadow:none}
body:has(.login)>header a{color:var(--admin-brand);letter-spacing:1.2px}
body:has(.login)>header span{color:var(--admin-muted);font-size:13px}
body:has(.login) .login{border:1px solid var(--admin-border);border-radius:12px;background:var(--admin-surface);box-shadow:0 8px 28px rgb(23 33 31 / 6%)}
body:has(.login) .login h1{color:var(--admin-title)}
body:has(.login) .login :is(p,small){color:var(--admin-muted)}
body:has(.login) .login :is(input,textarea,select){border-color:var(--admin-border);background:var(--admin-surface);color:var(--admin-text)}
body:has(.login) .login button{border-radius:8px;background:var(--admin-brand);color:var(--admin-surface)}
body:has(.login) .login button:hover{background:var(--admin-brand-hover)}
body:has(.login) .login :is(input,button):focus-visible{outline:2px solid var(--admin-brand);outline-offset:2px}
body.admin-app :is(h1,h2,h3,h4,strong,b,th){color:var(--admin-title)}
body.admin-app :is(p,small,.muted){color:var(--admin-muted)}
body.admin-app :is(a,.eyebrow){color:var(--admin-brand)}
body.admin-app :is(input,textarea,select){border:1px solid var(--admin-border);border-radius:8px;background:var(--admin-surface);color:var(--admin-text)}
body.admin-app :is(input[type=checkbox],input[type=radio]){accent-color:var(--admin-brand)}
body.admin-app :is(input,textarea,select,button,a,summary):focus-visible{outline:2px solid var(--admin-brand);outline-offset:2px}
body.admin-app :is(button,.button){min-height:36px;border-radius:8px;background:var(--admin-brand);color:var(--admin-surface);box-shadow:none;font-weight:650;transition:background-color .16s,border-color .16s,color .16s,box-shadow .16s}
body.admin-app :is(button,.button):hover:not(:disabled){background:var(--admin-brand-hover)}
body.admin-app :is(button,.button):disabled{opacity:1;border-color:var(--admin-border);background:var(--admin-table-head);color:var(--admin-muted);cursor:not-allowed}
body.admin-app :is(.secondary,.admin-account .secondary,.admin-add-account){border:1px solid var(--admin-border);background:var(--admin-surface);color:var(--admin-text)}
body.admin-app :is(.secondary,.admin-account .secondary,.admin-add-account):hover:not(:disabled){border-color:var(--admin-brand);background:var(--admin-selected);color:var(--admin-brand-hover)}
body.admin-app .danger-soft{border:1px solid var(--admin-danger);background:var(--admin-surface);color:var(--admin-danger)}
body.admin-app .danger-soft:hover:not(:disabled){background:rgb(195 72 72 / 9%);color:var(--admin-danger)}

/* The same shell and navigation treatment at every viewport. */
body.admin-app>header{border-bottom:1px solid var(--admin-border);background:var(--admin-surface);color:var(--admin-title);box-shadow:none}
body.admin-app>header>a,body.admin-app>header>a b{color:var(--admin-title)}
body.admin-app>header>a>i{background:var(--admin-brand);box-shadow:none}
body.admin-app>header>a small,.admin-header-status{color:var(--admin-muted)}
body.admin-app .admin-header-status>i{background:var(--admin-success);box-shadow:0 0 0 3px var(--admin-selected)}
body.admin-app .admin-sidebar{border-bottom:1px solid var(--admin-border);background:var(--admin-surface);box-shadow:none}
body.admin-app .admin-nav{border:0;background:transparent;box-shadow:none}
body.admin-app .admin-nav button{border:1px solid transparent;border-radius:8px;background:transparent;color:var(--admin-text);font-weight:650;box-shadow:none}
body.admin-app .admin-nav button{font-size:15px}
body.admin-app .admin-nav button i{border:0;background:transparent;color:var(--admin-text)}
body.admin-app .admin-nav button i svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8}
body.admin-app .admin-nav button:hover:not(:disabled){border-color:var(--admin-border);background:var(--admin-canvas);color:var(--admin-title)}
body.admin-app .admin-nav button.active,body.admin-app .admin-nav button.active:hover{border-color:var(--admin-selected);background:var(--admin-selected);color:var(--admin-brand-hover);box-shadow:none}
body.admin-app .admin-nav button.active i{background:transparent;color:var(--admin-brand-hover)}
body.admin-app .admin-nav button.active:before{background:var(--admin-brand)}
body.admin-app .admin-topbar{border-color:var(--admin-border);background:var(--admin-canvas);backdrop-filter:none;box-shadow:none}
body.admin-app .admin-store-switcher>span,body.admin-app .admin-account small{color:var(--admin-muted)}
body.admin-app .admin-account{border-color:var(--admin-border)}
body.admin-app .admin-account b{color:var(--admin-title)}
body.admin-app .admin-avatar{border-color:var(--admin-border);background:var(--admin-selected);color:var(--admin-brand-hover)}
body.admin-app .page-heading h2{color:var(--admin-title);font-weight:760}
body.admin-app .page-heading p{color:var(--admin-muted)}

/* Shared surfaces, type hierarchy and form controls. */
body.admin-app :is(section,.card,.admin-product-card,.order-card,.traffic-panel,.traffic-kpis article,.identity-summary,.review-summary>div){border-color:var(--admin-border);border-radius:10px;background:var(--admin-surface);box-shadow:0 1px 3px rgb(23 33 31 / 5%)}
body.admin-app :is(.welcome,.traffic-kpi-primary,.promo-box,.source-row,.quick-actions button,.customer-history-strip,.order-card-head){background:var(--admin-surface)}
body.admin-app .traffic-kpi-primary{border-color:var(--admin-border)!important;background:var(--admin-surface)!important}
body.admin-app .traffic-kpi-primary strong{color:var(--admin-title)!important}
body.admin-app :is(.list-tools,.search-box,.promo-box,.admin-product-card,.traffic-panel,.traffic-kpis article,.source-row,.identity-summary,.review-summary>div,.support-qr-setting,.landing-linked-product,.shipping-method-editor>label,.catalog-visibility-option){border-color:var(--admin-border)!important}
body.admin-app :is(.list-tools,.search-box,.promo-box,.support-preview-panel,.support-qr-setting,.shipping-method-editor>label,.catalog-visibility-option,.landing-linked-product){background:var(--admin-surface)!important;box-shadow:none!important}
body.admin-app :is(.list-tools>span,.promo-box>span,.compact-list small,.traffic-kpis span,.traffic-kpis small,.identity-summary small,.review-summary span,.source-row small,.source-row>span,.traffic-ranking small,.campaign-list small,.visitor-detail-heading p,.visitor-row time,.visitor-row>div small,.daily-traffic-note){color:var(--admin-muted)}
body.admin-app :is(.admin-metrics strong,.traffic-kpis strong,.identity-summary strong,.review-summary strong,.traffic-panel .section-head h3,.visitor-detail-heading h3,.promo-box code){color:var(--admin-title)}
body.admin-app :is(.admin-metrics span,.admin-metrics small){color:var(--admin-muted)}
body.admin-app :is(.quick-actions button,.order-summary button){border:1px solid var(--admin-border);background:var(--admin-surface);color:var(--admin-text);box-shadow:none}
body.admin-app :is(.quick-actions button,.order-summary button):hover:not(:disabled){border-color:var(--admin-brand);background:var(--admin-selected);color:var(--admin-title)}
body.admin-app .quick-actions button span{color:var(--admin-muted)}
body.admin-app :is(th,.visitor-list-head,.daily-traffic-head){border-color:var(--admin-border);background:var(--admin-table-head);color:var(--admin-text);font-weight:700}
body.admin-app :is(td,.visitor-row,.daily-traffic-row,.compact-list>div,.traffic-ranking>div,.campaign-list>div){border-color:var(--admin-border);color:var(--admin-text)}
body.admin-app :is(.visitor-list,.list-filter-empty,nav.list-pagination){border-color:var(--admin-border);background:var(--admin-surface);box-shadow:none}
body.admin-app :is(.visitor-row>details dl,.visitor-row>details code){background:var(--admin-canvas)}
body.admin-app :is(.daily-traffic-row time,.daily-traffic-row span){color:var(--admin-text)}
body.admin-app .daily-traffic-row strong{color:var(--admin-brand)}
body.admin-app :is(.pagination-range,.pagination-ellipsis,.daily-traffic-pager){color:var(--admin-muted)}
body.admin-app :is(nav.list-pagination button,.daily-traffic-pager button){border:1px solid var(--admin-border);border-radius:8px;background:var(--admin-surface);color:var(--admin-text);box-shadow:none}
body.admin-app :is(nav.list-pagination button,.daily-traffic-pager button):hover:not(:disabled){border-color:var(--admin-brand);background:var(--admin-selected);color:var(--admin-brand-hover)}
body.admin-app nav.list-pagination button.is-current{border-color:var(--admin-brand);background:var(--admin-brand);color:var(--admin-surface)}
body.admin-app :is(nav.list-pagination button,.daily-traffic-pager button):disabled{opacity:1;border-color:var(--admin-border);background:var(--admin-table-head);color:var(--admin-muted);cursor:not-allowed}

/* Semantic states use only the approved palette; tints retain one source color. */
body.admin-app :is(.status-badge.is-on,.delivery-badge.delivery-signed,.risk-low,.risk-clear,.bulk-review-check.is-ready,.history-summary .summary-signed){border-color:rgb(33 122 82 / 25%);background:rgb(33 122 82 / 9%);color:var(--admin-success)}
body.admin-app :is(.status-badge.is-off,.mode-chip,.item-type,.traffic-source,.traffic-identity,.support-config-count,.support-scope span,.selected-order-count){border-color:var(--admin-border);background:var(--admin-table-head);color:var(--admin-text)!important}
body.admin-app :is(.status-pending,.traffic-source.source-social,.traffic-identity-current_admin){color:var(--admin-warning)}
body.admin-app :is(.status-confirmed,.traffic-source.source-meta,.traffic-source.source-search,.traffic-identity-meta_review,.traffic-identity-cloud_check){color:var(--admin-info)}
body.admin-app :is(.status-shipped,.traffic-source.source-direct){color:var(--admin-brand)}
body.admin-app :is(.status-delivered,.delivery-badge.delivery-signed){color:var(--admin-success)}
body.admin-app :is(.status-cancelled,.delivery-badge.delivery-returned,.bulk-review-check.has-error,.product-save-error,.form-error){color:var(--admin-danger)}
body.admin-app :is(.traffic-source.source-meta,.traffic-source.source-search,.traffic-identity-meta_review,.traffic-identity-cloud_check){background:rgb(66 105 166 / 9%);color:var(--admin-info)!important}
body.admin-app :is(.traffic-source.source-direct,.traffic-identity-customer){background:rgb(33 122 82 / 9%);color:var(--admin-success)!important}
body.admin-app :is(.traffic-source.source-social,.traffic-identity-current_admin){background:rgb(166 106 22 / 9%);color:var(--admin-warning)!important}
body.admin-app .source-row>i{background:var(--admin-muted)}
body.admin-app .source-row>i:is(.source-meta,.source-search){background:var(--admin-info)}
body.admin-app .source-row>i:is(.source-direct,.source-social){background:var(--admin-brand)}
body.admin-app :is(.risk-medium,.order-card[data-risk="medium"] .risk-panel){border-color:rgb(166 106 22 / 25%);background:rgb(166 106 22 / 8%)}
body.admin-app :is(.risk-high,.order-card[data-risk="high"] .risk-panel){border-color:rgb(195 72 72 / 26%);background:rgb(195 72 72 / 7%)}
body.admin-app :is(.risk-low,.order-card[data-risk="low"] .risk-panel){border-color:rgb(33 122 82 / 23%);background:rgb(33 122 82 / 7%)}
body.admin-app :is(.risk-recommendation strong,.risk-signal-alert,.risk-detail li>b){color:var(--admin-danger)}
body.admin-app .risk-detail .risk-good li>b{color:var(--admin-success)}
body.admin-app .risk-detail .risk-context li>b{color:var(--admin-info)}

/* Order records remain compact; the selected status has one clear signal. */
body.admin-app .order-summary button:before{display:none}
body.admin-app :is(.order-summary span,.order-card-head small,.order-information span,.order-address small,.order-card dt,.order-product small,.customer-history-strip small,.risk-panel summary em,.risk-summary-copy small){color:var(--admin-muted)}
body.admin-app :is(.order-summary strong,.order-card-head b,.order-information strong,.order-financial strong,.order-product b,.order-customer .order-phone,.order-address p){color:var(--admin-title)}
body.admin-app :is(.order-card,.order-card[data-state]){border:1px solid var(--admin-border);background:var(--admin-surface);box-shadow:none}
body.admin-app .order-card:hover{border-color:var(--admin-brand);box-shadow:0 3px 10px rgb(23 33 31 / 7%)}
body.admin-app .order-card-head{border-bottom:1px solid var(--admin-border);background:var(--admin-table-head)}
body.admin-app .order-card[data-state="pending"] .order-status-actions{border-left:2px solid var(--admin-warning)}
body.admin-app .order-card[data-state="confirmed"] .order-status-actions{border-left:2px solid var(--admin-info)}
body.admin-app .order-card[data-state="shipped"] .order-status-actions{border-left:2px solid var(--admin-brand)}
body.admin-app .order-card[data-state="delivered"] .order-status-actions{border-left:2px solid var(--admin-success)}
body.admin-app .order-card[data-state="cancelled"] .order-status-actions{border-left:2px solid var(--admin-danger)}
body.admin-app .order-card-body{background:var(--admin-surface)}
body.admin-app :is(.order-products,.order-information>div,.order-note,.order-product+.order-product,.customer-history-strip,.risk-panel,.order-raw-details){border-color:var(--admin-border)}
body.admin-app .order-product strong{color:var(--admin-danger)}
body.admin-app .order-status-actions{border:1px solid var(--admin-border);background:var(--admin-surface);box-shadow:none}
body.admin-app .order-status-actions .status-action,
body.admin-app .order-status-actions .status-action:is(.status-pending,.status-confirmed,.status-shipped,.status-delivered,.status-cancelled){min-height:30px;border:0!important;background:transparent!important;color:var(--admin-text)!important;box-shadow:none!important;font-size:12px}
body.admin-app .order-status-actions .status-action:hover:not(:disabled){background:var(--admin-table-head)!important;color:var(--admin-title)!important}
body.admin-app .order-status-actions .status-action.is-current.status-pending{background:rgb(166 106 22 / 10%)!important;color:var(--admin-warning)!important}
body.admin-app .order-status-actions .status-action.is-current.status-confirmed{background:rgb(66 105 166 / 10%)!important;color:var(--admin-info)!important}
body.admin-app .order-status-actions .status-action.is-current.status-shipped{background:var(--admin-selected)!important;color:var(--admin-brand)!important}
body.admin-app .order-status-actions .status-action.is-current.status-delivered{background:rgb(33 122 82 / 10%)!important;color:var(--admin-success)!important}
body.admin-app .order-status-actions .status-action.is-current.status-cancelled{background:rgb(195 72 72 / 10%)!important;color:var(--admin-danger)!important}
body.admin-app .order-status-actions .status-action.is-current{font-weight:800;box-shadow:inset 0 -2px currentColor!important}
body.admin-app .order-card.is-selected{border-color:var(--admin-brand)!important;box-shadow:0 0 0 2px var(--admin-selected)!important}
body.admin-app :is(.customer-history-actions button,.delivery-actions button,.order-export-modal .order-export-options>button){border-color:var(--admin-border)!important;background:var(--admin-surface)!important;color:var(--admin-text)!important;box-shadow:none!important}
body.admin-app :is(.customer-history-actions button,.delivery-actions button,.order-export-modal .order-export-options>button):hover{border-color:var(--admin-brand)!important;background:var(--admin-selected)!important;color:var(--admin-brand-hover)!important}
body.admin-app :is(.delivery-actions .delivery-signed.is-current,.history-summary .summary-signed strong){background:rgb(33 122 82 / 9%)!important;color:var(--admin-success)!important}
body.admin-app :is(.delivery-actions .delivery-returned.is-current,.history-summary .summary-returned strong){background:rgb(195 72 72 / 9%)!important;color:var(--admin-danger)!important}
body.admin-app :is(.order-history-modal>section,.order-export-modal>section){border-color:var(--admin-border);background:var(--admin-canvas);box-shadow:0 18px 45px rgb(23 33 31 / 13%)}
body.admin-app :is(.order-history-modal>section>header,.order-export-modal header,.history-order>header,.history-order>footer){border-color:var(--admin-border);background:var(--admin-surface);color:var(--admin-title);box-shadow:none}
body.admin-app :is(.history-summary>div,.history-order){border-color:var(--admin-border);background:var(--admin-surface);box-shadow:none}
body.admin-app .review-rating{color:var(--admin-warning)}
body.admin-app :is(.support-brand-icon.line,.support-button-preview .support-line){background:var(--admin-success)}
body.admin-app :is(.support-brand-icon.messenger,.support-button-preview .support-messenger){background:var(--admin-info)}
body.admin-app :is(.support-preview-panel,.landing-settings-content,.bulk-date-note){border-color:var(--admin-border);background:var(--admin-surface)!important;box-shadow:none}
body.admin-app :is(.landing-settings-toolbar,.meta-source-list>article,.review-editor-panel>.section-head){border-color:var(--admin-border)}
body.admin-app .landing-settings-toolbar,body.admin-app .meta-source-link :is(span,code){color:var(--admin-text)}
body.admin-app .mode-option{border:1px solid var(--admin-border);background:var(--admin-surface);box-shadow:none}
body.admin-app .mode-option:has(input:checked){border-color:var(--admin-brand);background:var(--admin-selected);box-shadow:0 0 0 2px var(--admin-selected)}
body.admin-app .mode-option input{accent-color:var(--admin-brand)}
body.admin-app .mode-icon{background:var(--admin-selected);color:var(--admin-brand)}
body.admin-app .mode-option :is(small,em){color:var(--admin-muted)}
body.admin-app :is(.mode-explanation.store-mode,.mode-explanation.landing-mode,.security-note){background:var(--admin-table-head);color:var(--admin-text)}
body.admin-app .landing-mode-note{border-left-color:var(--admin-warning)!important}
body.admin-app :is(.meta-source-list>article,.pixel-empty,.bulk-review-check,.review-editor-panel){border-color:var(--admin-border);background:var(--admin-surface);box-shadow:none}
body.admin-app :is(.meta-source-summary>span>b,.bulk-review-check.is-ready){background:var(--admin-selected);color:var(--admin-brand)}
body.admin-app .bulk-review-check.has-error{background:rgb(195 72 72 / 9%);color:var(--admin-danger)}
body.admin-app .meta-source-form{border-color:var(--admin-border);background:var(--admin-surface);box-shadow:0 18px 45px rgb(23 33 31 / 13%)}
body.admin-app :is(.meta-source-head small,.meta-source-list p,.pixel-empty,.meta-source-form-head small){color:var(--admin-muted)}
body.admin-app .meta-source-form-head h4{color:var(--admin-title)}
body.admin-app :is(.product-review-product-panel,.product-review-stats>div,.product-review-list,.product-review-row,.theme-picker,.store-template-picker){border-color:var(--admin-border);background:var(--admin-surface);box-shadow:none}
body.admin-app :is(.product-review-head p,.product-review-stats span,.product-review-row small){color:var(--admin-muted)}
body.admin-app :is(.product-review-stats strong,.product-review-row strong){color:var(--admin-title)}
body.admin-app :is(.support-config-count,.support-scope span){background:var(--admin-table-head);color:var(--admin-text)}
body.admin-app .support-button-preview{border-color:var(--admin-border);background:var(--admin-surface)}
body.admin-app .support-preview-empty{background:var(--admin-table-head);color:var(--admin-muted)}
@media(max-width:900px){body.admin-app .admin-sidebar{background:var(--admin-surface)}body.admin-app .admin-nav button{min-height:42px;font-size:13px}body.admin-app .admin-nav button i svg{width:18px;height:18px}body.admin-app .admin-topbar{background:var(--admin-canvas)}}
@media(max-width:620px){
  body.admin-app .admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.admin-app .admin-metrics section{min-width:0;padding:13px 12px}
  body.admin-app .admin-metrics strong{font-size:clamp(16px,4.6vw,20px);overflow-wrap:anywhere;white-space:normal;text-overflow:clip}
  body.admin-app .support-qr-setting{grid-template-columns:1fr 1fr;gap:10px}
  body.admin-app .support-qr-setting>div{grid-column:1/-1;grid-row:auto;width:100%;min-height:104px}
  body.admin-app .support-qr-setting :is(label,button){min-width:0;overflow-wrap:anywhere;font-size:12px}
  body.admin-app .support-qr-setting small{grid-column:1/-1}
}