/* MOMENT V3 / IN THE NOW. Reference: MOMENT-小程序设计/src/moment-source.html.
   Screen-only presentation; paper labels and business behavior stay independent. */
@media screen {
  :root {
    color-scheme:dark;
    --bg:#11120f; --surface:#171814; --surface-soft:#20221c;
    --ink:#e9e8e2; --ink-strong:#f1f0e9; --muted:#a2a398; --muted-light:#999a91;
    --line:#353630; --line-strong:#626458; --radius:0px;
    --sidebar:#11120f; --sidebar-ink:#b7b8ad; --sidebar-width:224px; --topbar-height:68px;
    --accent:#c4c7af; --image:#c9c9c4; --button:#e4e5da; --button-text:#161711;
    --danger:#f4a78c; --danger-bg:#2e1e19; --warning:#dfc89b; --warning-bg:#29261b;
    --success:#c4c7af; --success-bg:#23271d;
    --nav-active:#23251e; --hover:#282b22; --button-hover:#f3f3e9; --button-muted:#4d5044;
    --danger-line:#764c3e; --danger-hover:#41291f; --warning-line:#6c6040; --success-line:#4d5440;
    --selection:#2b2e23; --selection-line:#8f957a; --scrollbar:#55574b;
    --hero:#1c1e18; --hero-ink:#e9e8e2; --hero-muted:#b2b4a7; --hero-line:#717464;
    --photo-preview:#282a24; --notice-line:#72785e; --directory-mark:#9b9f8b;
    --select-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6' fill='none' stroke='%23b6b9ac' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    --font:"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif;
    --display:var(--font); --mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;
  }
  :root[data-erp-theme=light] {
    color-scheme:light;
    --bg:#e9e8e1; --surface:#f4f3ed; --surface-soft:#e0e1d8;
    --ink:#171915; --ink-strong:#10120e; --muted:#62665a; --muted-light:#66695f;
    --line:#c6c8bd; --line-strong:#858a7b; --sidebar:#e9e8e1; --sidebar-ink:#505548;
    --accent:#4e5943; --image:#deddd6; --button:#252a20; --button-text:#f4f3ed;
    --danger:#883f2e; --danger-bg:#f4e5df; --warning:#705820; --warning-bg:#eee8d5;
    --success:#435537; --success-bg:#e1e7d9;
    --nav-active:#d8dbce; --hover:#d9dccf; --button-hover:#3d4634; --button-muted:#d2d7c7;
    --danger-line:#ba9584; --danger-hover:#ebd4ca; --warning-line:#b7a778; --success-line:#99aa8d;
    --selection:#d7ddca; --selection-line:#7b8769; --scrollbar:#9c9f92;
    --hero:#dcded3; --hero-ink:#171915; --hero-muted:#62665a; --hero-line:#858a7b;
    --photo-preview:#dedfd6; --notice-line:#7b8769; --directory-mark:#626b55;
    --select-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6' fill='none' stroke='%23525849' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  }
  body.atelier-theme { background:var(--bg); color:var(--ink); }
  .atelier-theme ::selection { color:var(--button-text); background:var(--accent); }
  .atelier-theme :focus-visible { outline:2px solid var(--accent); outline-offset:4px; }
  .atelier-theme * { scrollbar-color:var(--scrollbar) transparent; }
  .atelier-theme ::-webkit-scrollbar-thumb { background-color:var(--scrollbar); }
  .atelier-theme .sidebar { border-right:1px solid var(--line); }
  .atelier-theme .sidebar .brand { display:block; min-height:136px; padding:33px 23px 28px; }
  .atelier-theme .brand-wordmark { display:flex; align-items:baseline; white-space:nowrap; font-size:27px; font-weight:500; letter-spacing:-1.8px; line-height:1.2; color:var(--ink); }
  .atelier-theme .brand-wordmark>span { font-weight:400; margin:0 2px; }
  .atelier-theme .brand-wordmark>small { font-size:20px; font-weight:400; letter-spacing:-1.5px; }
  .atelier-theme .brand-caption { margin-top:14px; font:9px/1.5 var(--mono); letter-spacing:1.4px; color:var(--muted); }
  .atelier-theme .nav-group { padding:0 16px; margin:0 0 17px; }
  .atelier-theme .nav-label { padding:12px 12px 8px; color:var(--muted); font:10px/1.5 var(--font); letter-spacing:.08em; }
  .atelier-theme .nav-item { color:var(--muted); min-height:41px; padding:10px 12px; margin:0; border-radius:0; gap:12px; font-size:12px; }
  .atelier-theme .nav-item svg { width:16px; height:16px; stroke-width:1.25; opacity:.8; }
  .atelier-theme .nav-item:hover { color:var(--ink); background:var(--surface-soft); }
  .atelier-theme .nav-item.active,.atelier-theme .nav-item[aria-current=page] { color:var(--ink-strong); font-weight:500; background:var(--nav-active); border-color:transparent; }
  .atelier-theme .nav-motion-marker { background:var(--nav-active); border:0; border-radius:0; }
  .atelier-theme .nav-motion-marker::before { left:0; width:2px; top:12px; bottom:12px; background:var(--accent); }
  .atelier-theme .sidebar-bottom { padding:20px 27px; border-color:var(--line); color:var(--muted); }
  .atelier-theme .sidebar-edition { color:var(--ink); font:9px/1.5 var(--mono); letter-spacing:1px; }
  .atelier-theme .sidebar-bottom .muted,.atelier-theme .sidebar-version { color:var(--muted); }
  .atelier-theme .topbar { padding:0 40px; background:var(--bg); border-color:var(--line); gap:14px; }
  .atelier-theme .breadcrumb { gap:12px; font-size:11px; }
  .atelier-theme .breadcrumb .header-wordmark { display:none; color:var(--ink); }
  .atelier-theme .breadcrumb-separator { display:none; }
  .atelier-theme .breadcrumb>span:last-child { color:var(--muted); }
  .atelier-theme .top-actions { gap:12px; }
  .atelier-theme .top-actions #today { font-family:var(--mono); font-size:10px; }
  .atelier-theme .top-actions .btn { font-size:11px; }
  .atelier-theme .erp-theme-switch { display:inline-flex; flex:0 0 auto; border:1px solid var(--line-strong); padding:2px; gap:2px; }
  .atelier-theme .erp-theme-option { appearance:none; min-width:40px; min-height:30px; padding:5px 8px; border:0; border-radius:0; background:transparent; color:var(--muted); font:11px/1.5 var(--font); cursor:pointer; white-space:nowrap; }
  .atelier-theme .erp-theme-option:hover { background:var(--surface-soft); color:var(--ink); }
  .atelier-theme .erp-theme-option[aria-pressed=true] { background:var(--button); color:var(--button-text); }
  .atelier-theme .avatar { border:1px solid var(--line-strong); background:transparent; color:var(--ink); border-radius:0; font-weight:400; }
  .atelier-theme #content { padding:36px 40px 48px; }
  .atelier-theme .page { max-width:1480px; }
  .atelier-theme .page-head { gap:24px; margin-bottom:30px; align-items:flex-end; }
  .atelier-theme .eyebrow { font:10px/1.5 var(--mono); letter-spacing:1.5px; color:var(--muted); margin-bottom:10px; }
  .atelier-theme .page-head h1,.atelier-theme .module-page-heading h1 { font-family:var(--font); font-size:32px; line-height:1.35; letter-spacing:.02em; font-weight:500; }
  .atelier-theme .page-head p { font-size:12px; color:var(--muted); margin-top:9px; line-height:1.8; }
  .atelier-theme .page-actions { gap:9px; }
  .atelier-theme .btn { min-height:42px; padding:11px 16px; border-radius:0; font-size:12px; letter-spacing:.025em; font-weight:400; color:var(--ink); background:transparent; border-color:var(--line-strong); box-shadow:none; }
  .atelier-theme .btn:hover:not(:disabled) { background:var(--hover); border-color:var(--accent); color:var(--ink-strong); }
  .atelier-theme .btn.primary { background:var(--button); color:var(--button-text); border-color:var(--button); }
  .atelier-theme .btn.primary:hover:not(:disabled) { background:var(--button-hover); color:var(--button-text); border-color:var(--button-hover); }
  .atelier-theme .btn.secondary { background:transparent; }
  .atelier-theme .btn.ghost { color:var(--muted); background:transparent; border-color:transparent; }
  .atelier-theme .btn.ghost:hover:not(:disabled) { color:var(--ink); background:var(--surface-soft); border-color:var(--line); }
  .atelier-theme .btn.small { min-height:34px; padding:7px 10px; font-size:11px; }
  .atelier-theme .btn.danger { color:var(--danger); background:var(--danger-bg); border-color:var(--danger-line); }
  .atelier-theme .btn.danger:hover:not(:disabled) { background:var(--danger-hover); border-color:var(--danger); }
  .atelier-theme .btn:disabled { opacity:.5; }
  .atelier-theme .badge { border-radius:0; color:var(--muted); background:var(--surface-soft); border-color:var(--line); font-size:10px; }
  .atelier-theme .badge.dark { color:var(--button-text); background:var(--button); border-color:var(--button); }
  .atelier-theme .badge.success { color:var(--success); background:var(--success-bg); border-color:var(--success-line); }
  .atelier-theme .badge.warning { color:var(--warning); background:var(--warning-bg); border-color:var(--warning-line); }
  .atelier-theme .badge.danger { color:var(--danger); background:var(--danger-bg); border-color:var(--danger-line); }
  .atelier-theme .tag { background:var(--surface-soft); color:var(--muted); border-color:var(--line); border-radius:0; }
  .atelier-theme .hero-panel { display:grid; grid-template-columns:minmax(0,1fr) minmax(240px,32%); grid-template-rows:1fr auto; min-height:290px; padding:0; margin-bottom:30px; gap:0; border:1px solid var(--line); border-radius:0; background:var(--hero); }
  .atelier-theme .hero-copy { padding:29px 34px 15px; max-width:none; }
  .atelier-theme .hero-copy .eyebrow { font-size:10px; margin-bottom:15px; color:var(--hero-muted); }
  .atelier-theme .hero-copy h2 { font-family:var(--font); font-size:50px; font-weight:500; letter-spacing:-2px; line-height:.99; color:var(--hero-ink); }
  .atelier-theme .hero-copy h2 span { display:block; }
  .atelier-theme .hero-copy p { font-size:12px; color:var(--hero-muted); margin-top:18px; line-height:1.7; }
  .atelier-theme .hero-actions { grid-column:1; justify-content:flex-start; padding:8px 34px 29px; gap:8px; }
  .atelier-theme .hero-actions .btn { min-width:0; min-height:42px; padding:10px 16px; font-size:12px; font-weight:400; }
  .atelier-theme .hero-actions .btn.secondary { color:var(--ink); border-color:var(--hero-line); background:transparent; }
  .atelier-theme .hero-art { grid-column:2; grid-row:1 / 3; align-self:stretch; position:relative; min-width:0; margin:0; overflow:hidden; background:#64665d; }
  .atelier-theme .hero-art img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:50% 0; }
  .atelier-theme .hero-art::after { content:'MOMENT / IN YOUR OWN FORM.'; position:absolute; left:18px; bottom:15px; font:8px/1.5 var(--mono); letter-spacing:1px; color:#f1f0e9; text-shadow:0 1px 5px #000; }
  .atelier-theme .stat-grid { gap:0; border-top:1px solid var(--line-strong); border-bottom:1px solid var(--line); margin-bottom:0; background:transparent; }
  .atelier-theme .stat-card { min-height:145px; padding:23px 22px; background:transparent; border:0; border-right:1px solid var(--line); border-radius:0; }
  .atelier-theme .stat-card:first-child { padding-left:0; }
  .atelier-theme .stat-card:last-child { border-right:0; }
  .atelier-theme .stat-label { font-size:12px; color:var(--muted); }
  .atelier-theme .stat-value { font-family:var(--font); font-size:35px; line-height:1.15; font-weight:400; margin-top:14px; letter-spacing:-1px; color:var(--ink-strong); font-variant-numeric:tabular-nums; }
  .atelier-theme .stat-note { font-size:11px; line-height:1.65; color:var(--muted); margin-top:10px; }
  .atelier-theme .dashboard-page>.summary-line { border-top:0; margin-bottom:27px; padding:15px 0; font-size:11px; color:var(--muted); }
  .atelier-theme .dashboard-grid { gap:28px; margin-bottom:28px; grid-template-columns:minmax(0,1.4fr) minmax(270px,1fr); }
  .atelier-theme .panel { border:1px solid var(--line); border-radius:0; background:var(--surface); }
  .atelier-theme .panel-head { min-height:62px; padding:18px 23px; border-color:var(--line); background:transparent; }
  .atelier-theme .panel-head h2 { font-size:15px; font-weight:500; letter-spacing:0; }
  .atelier-theme .panel-body { padding:23px; }
  .atelier-theme .dashboard-page .panel { background:transparent; border-width:1px 0 0; }
  .atelier-theme .dashboard-page .panel-head { padding:18px 0; border-bottom:0; }
  .atelier-theme .dashboard-page .panel-body { padding:5px 0 16px; }
  .atelier-theme .dashboard-page .panel-body>.summary-line { padding:0 0 17px; align-items:flex-start; font-size:10px; }
  .atelier-theme .rank-row { padding:14px 0; border-color:var(--line); gap:14px; }
  .atelier-theme .rank-index { background:transparent; font:12px/1 var(--mono); color:var(--muted); width:24px; }
  .atelier-theme .rank-info { font-size:13px; }
  .atelier-theme .rank-info strong { font-weight:400; }
  .atelier-theme .rank-info .muted { font-size:10px; margin-top:5px; }
  .atelier-theme .rank-value { color:var(--ink); font:11px/1.5 var(--mono); }
  .atelier-theme .bar-track,.atelier-theme .bar-track.signed::after { border-color:var(--line); }
  .atelier-theme .bar-fill { border-radius:0; background:#6d7260; }
  .atelier-theme .chart-bar:last-child .bar-fill { background:var(--accent); }
  .atelier-theme .date-label { color:var(--muted); }
  .atelier-theme .task-list { gap:0; }
  .atelier-theme .btn.task-row { min-height:49px; padding:14px 0; font-size:12px; border:0; border-bottom:1px solid var(--line); background:transparent; }
  .atelier-theme .btn.task-row:last-child { border-bottom:0; }
  .atelier-theme .task-row strong { color:var(--muted); font:11px/1.5 var(--mono); }
  .atelier-theme .task-row:hover:not(:disabled) { background:var(--surface-soft); }
  .atelier-theme .toolbar { margin-bottom:20px; }
  .atelier-theme .search-input,.atelier-theme .select,.atelier-theme .field input,.atelier-theme .field select,.atelier-theme .field textarea,.atelier-theme .line-row input,.atelier-theme .copies-input { background:var(--bg); color:var(--ink); border:1px solid var(--line-strong); border-radius:0; min-height:44px; }
  .atelier-theme .search-input::placeholder,.atelier-theme .field input::placeholder,.atelier-theme .field textarea::placeholder { color:var(--muted); }
  .atelier-theme .search-input:focus,.atelier-theme .select:focus,.atelier-theme .field input:focus,.atelier-theme .field select:focus,.atelier-theme .field textarea:focus { border-color:var(--accent); box-shadow:0 0 0 1px var(--accent); }
  .atelier-theme .field>span,.atelier-theme .field>label,.atelier-theme .preset-field-head>label { color:var(--ink); font-size:12px; font-weight:400; }
  .atelier-theme .field>small,.atelier-theme .field .hint { color:var(--muted); font-size:11px; }
  .atelier-theme .field input:disabled,.atelier-theme .field select:disabled,.atelier-theme .field textarea:disabled,.atelier-theme .field input[readonly] { background:var(--surface-soft); color:var(--muted); }
  .atelier-theme .field input[aria-invalid=true],.atelier-theme .field select[aria-invalid=true] { border-color:var(--danger); background:var(--danger-bg); }
  .atelier-theme input[type=checkbox],.atelier-theme input[type=radio] { accent-color:var(--accent); }
  .atelier-theme .segmented { border-radius:0; padding:0; gap:0; background:transparent; border-color:var(--line-strong); }
  .atelier-theme .btn.seg { min-height:42px; border:0; padding:10px 14px; font-size:12px; color:var(--muted); background:transparent; }
  .atelier-theme .btn.seg.active { color:var(--button-text); background:var(--button); }
  .atelier-theme .btn.location-option.active { background:var(--button); color:var(--button-text); border-color:var(--button); }
  .atelier-theme .tab.active::after { background:var(--accent); }
  .atelier-theme .table-wrap { background:transparent; }
  .atelier-theme thead { background:var(--surface-soft); color:var(--muted); }
  .atelier-theme th { height:44px; font-size:11px; }
  .atelier-theme td { padding-top:17px; padding-bottom:17px; border-color:var(--line); font-size:12px; }
  .atelier-theme tbody tr:hover,.atelier-theme tbody tr.selected { background:var(--surface-soft); }
  .atelier-theme .product-cell { gap:14px; }
  .atelier-theme .product-glyph { width:52px; height:66px; border:0; border-radius:0; background:var(--image); }
  .atelier-theme .product-glyph img.product-photo { width:100%; height:100%; object-fit:contain; padding:0; }
  .atelier-theme .product-name { font-size:13px; font-weight:400; line-height:1.6; }
  .atelier-theme .product-meta { color:var(--muted); font:10px/1.6 var(--mono); margin-top:5px; }
  .atelier-theme .catalog-page>.panel { border:0; background:transparent; }
  .atelier-theme .catalog-page th:first-child { width:30%; }
  .atelier-theme .catalog-page .product-glyph { width:64px; height:80px; }
  .atelier-theme .catalog-page .toolbar { padding-bottom:22px; border-bottom:1px solid var(--line); margin-bottom:0; }
  .atelier-theme .catalog-page .toolbar-search .search-input { width:min(100%,420px); border-width:0 0 1px; padding-left:0; }
  .atelier-theme .catalog-page .pagination { padding:18px 0; }
  .atelier-theme .notice { border-radius:0; background:var(--surface-soft); border-color:var(--line); border-left-color:var(--notice-line); color:var(--muted); font-size:12px; }
  .atelier-theme .notice.warning { color:var(--warning); background:var(--warning-bg); border-color:var(--warning-line); }
  .atelier-theme .data-status,.atelier-theme .help-list { color:var(--muted); }
  .atelier-theme dialog,.atelier-theme #dialog { background:var(--surface); color:var(--ink); border:1px solid var(--line-strong); border-radius:0; box-shadow:0 24px 90px #0008; }
  .atelier-theme dialog::backdrop { background:#050604b8; backdrop-filter:blur(4px); }
  .atelier-theme .dialog-head { padding:24px 28px; }
  .atelier-theme .dialog-head h2 { font-family:var(--font); font-size:24px; font-weight:400; letter-spacing:.02em; }
  .atelier-theme .dialog-head .eyebrow { font-size:9px; }
  .atelier-theme .dialog-head p { font-size:12px; }
  .atelier-theme .dialog-actions { background:var(--surface); border-color:var(--line); }
  .atelier-theme .inline-error { color:var(--danger); background:var(--danger-bg); border-color:var(--danger); }
  .atelier-theme .toast { background:var(--button); color:var(--button-text); border-color:var(--accent); border-radius:0; }
  .atelier-theme .empty-state h2,.atelier-theme .empty-state h3,.atelier-theme .empty-state strong { color:var(--ink); }
  .atelier-theme .empty-icon { border-color:var(--line); background:var(--surface-soft); color:var(--muted); border-radius:0; }
  .atelier-theme .preset-panel,.atelier-theme .photo-upload,.atelier-theme .draft-summary,.atelier-theme .workflow-info,.atelier-theme .scan-failure,.atelier-theme .settings-card,.atelier-theme .brand-preview,.atelier-theme .studio-media-card { background:var(--surface-soft); border-color:var(--line); border-radius:0; color:var(--ink); }
  .atelier-theme .preset-item,.atelier-theme .preset-editor,.atelier-theme .preview-list,.atelier-theme .line-row,.atelier-theme .cart-lines,.atelier-theme .sku-picker-item,.atelier-theme .sku-picker-chosen,.atelier-theme .shopfloor-lines .shopfloor-line,.atelier-theme .stock-line-context { border-color:var(--line); border-radius:0; }
  .atelier-theme .preset-empty,.atelier-theme .preset-option small,.atelier-theme .preset-remove-note,.atelier-theme .scan-status,.atelier-theme .shopfloor-line-spec,.atelier-theme .stock-line-context,.atelier-theme .checkbox-label,.atelier-theme .next-product-toggle,.atelier-theme .sku-picker-head>strong,.atelier-theme .web-account-role,.atelier-theme .web-scan-status { color:var(--muted); }
  .atelier-theme .photo-upload-label,.atelier-theme .stock-line-context strong,.atelier-theme .workflow-info strong { color:var(--ink); }
  .atelier-theme .preset-trigger[aria-expanded=true] { color:var(--button-text); background:var(--button); }
  .atelier-theme .photo-upload-preview { background:var(--photo-preview); color:var(--muted); border-color:var(--line); }
  .atelier-theme .photo-upload-controls input[type=file] { color:var(--ink); background:var(--bg); }
  .atelier-theme .studio-photo { background:var(--image); border:0; }
  .atelier-theme .studio-placeholder { color:#42443b; }
  .atelier-theme .studio-json,.atelier-theme .sku-picker-empty,.atelier-theme .picker-results:not(:empty) { background:var(--bg); color:var(--muted); border-color:var(--line); border-radius:0; }
  .atelier-theme .matrix-cell,.atelier-theme .choice { border-color:var(--line); background:var(--bg); color:var(--muted); border-radius:0; }
  .atelier-theme .matrix-cell:has(input:checked),.atelier-theme .choice.selected,.atelier-theme .choice[aria-pressed=true] { color:var(--ink); background:var(--selection); border-color:var(--selection-line); }
  .atelier-theme .matrix-cell.selected { color:var(--ink); background:var(--selection); border-color:var(--selection-line); }
  .atelier-theme .matrix-cell input:not([type=checkbox]) { color:var(--ink); background:var(--bg); border:1px solid var(--line-strong); }
  .atelier-theme .transfer-card { color:var(--ink); background:var(--surface); border-color:var(--line); }
  .atelier-theme .transfer-card>footer,.atelier-theme .detail-grid>div,.atelier-theme .metrics-row>div+div,.atelier-theme .picker-option { border-color:var(--line); }
  .atelier-theme .metrics-row small,.atelier-theme .detail-grid small,.atelier-theme .detail-grid dt { color:var(--muted); }
  .atelier-theme .step { color:var(--muted); border-color:var(--line); }
  .atelier-theme .step.active { color:var(--ink); background:var(--surface-soft); border-color:var(--accent); }
  .atelier-theme .keycap { color:var(--muted); border-color:var(--line); border-radius:0; }
  .atelier-theme .progress { background:var(--line); }
  .atelier-theme .progress-fill { background:var(--accent); }
  .atelier-theme .brand-preview .brand-wordmark { font-size:32px; }
  .atelier-theme .module-page-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:24px; padding-bottom:26px; margin-bottom:25px; border-bottom:1px solid var(--line); }
  .atelier-theme .module-page-heading p { color:var(--muted); font-size:12px; margin-top:10px; }
  .atelier-theme .module-directory-mark { font:54px/1 var(--font); letter-spacing:-2px; color:var(--directory-mark); font-weight:400; }
  .atelier-theme .mobile-modules-page { max-width:1300px; }
  .atelier-theme .module-filters { background:transparent; padding:0; }
  .atelier-theme .module-search-wrap { display:flex; align-items:center; gap:14px; max-width:480px; border-bottom:1px solid var(--line-strong); }
  .atelier-theme .module-search-wrap>svg { width:18px; height:18px; flex-shrink:0; color:var(--muted); }
  .atelier-theme .module-filters input { color:var(--ink); background:transparent; border:0; border-radius:0; padding:12px 0; height:48px; font-size:14px; }
  .atelier-theme .module-filters input::placeholder { color:var(--muted); }
  .atelier-theme .module-categories { margin-top:20px; gap:0 25px; padding:0; border-bottom:1px solid var(--line); }
  .atelier-theme .btn.module-category { background:transparent; color:var(--muted); border:0; border-bottom:2px solid transparent; border-radius:0; padding:12px 0; min-height:46px; font-size:12px; margin-bottom:-1px; }
  .atelier-theme .btn.module-category.active { color:var(--ink); border-bottom-color:var(--accent); }
  .atelier-theme .module-result-count { color:var(--muted); margin:17px 0 28px; font:11px/1.7 var(--mono); }
  .atelier-theme .module-sections { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:36px 48px; }
  .atelier-theme .module-section { margin:0; min-width:0; }
  .atelier-theme .module-section-heading { justify-content:flex-start; gap:12px; padding:0 0 15px; margin:0; border-bottom:1px solid var(--line-strong); }
  .atelier-theme .module-section-heading h2 { color:var(--ink); font-size:20px; font-weight:400; letter-spacing:.02em; }
  .atelier-theme .module-section-number { color:var(--muted); font:11px/1 var(--mono); }
  .atelier-theme .module-section-count { color:var(--muted); font-size:10px; margin-left:auto; }
  .atelier-theme .module-grid { display:flex; flex-direction:column; gap:0; }
  .atelier-theme .btn.module-card { display:block; min-height:80px; width:100%; padding:18px 0; border:0; border-bottom:1px solid var(--line); background:transparent; border-radius:0; position:relative; }
  .atelier-theme .btn.module-card:hover:not(:disabled) { background:var(--surface-soft); border-color:var(--line-strong); }
  .atelier-theme .module-card-body { display:grid; grid-template-columns:24px minmax(0,1fr) 20px; grid-template-rows:auto auto; gap:0 15px; align-items:center; }
  .atelier-theme .module-icon { grid-row:1/3; width:24px; height:30px; background:transparent; color:var(--muted); border-radius:0; margin:0; }
  .atelier-theme .module-icon svg { width:19px!important; height:19px!important; stroke-width:1.25; }
  .atelier-theme .module-card strong { grid-column:2; color:var(--ink); font-size:14px; font-weight:400; line-height:1.5; }
  .atelier-theme .module-card small { grid-column:2; color:var(--muted); font-size:11px; margin-top:4px; }
  .atelier-theme .module-card-arrow { grid-column:3; grid-row:1/3; justify-self:end; color:var(--muted); font-size:19px; font-weight:300; }
  .atelier-theme .module-empty { grid-column:1/-1; }
  .atelier-theme .web-account-page .panel { background:transparent; border-width:1px 0 0; }
  .atelier-theme .web-account-page .panel-head,.atelier-theme .web-account-page .panel-body { padding-left:0; padding-right:0; }
  .atelier-theme .web-network-notice { color:var(--warning); background:var(--warning-bg); }
  .atelier-theme.mobile-layout .pending-recovery { background:var(--warning-bg)!important; color:var(--warning)!important; border-color:var(--warning-line)!important; }
  .atelier-theme .web-scan-camera,.atelier-theme .web-scan-guide { border-radius:0; }
  .atelier-theme.moment-web[data-authenticated=false] #content { background:var(--bg); padding-top:7vh; }
  .atelier-theme.moment-web[data-authenticated=false] .panel { background:transparent; border-width:1px 0; }
}
@media screen and (min-width:1440px) {
  .atelier-theme #content { padding-left:52px; padding-right:52px; }
  .atelier-theme .module-sections { grid-template-columns:repeat(3,minmax(0,1fr)); gap:36px; }
}
@media screen and (min-width:761px) and (max-width:1100px) {
  .atelier-theme { --sidebar-width:192px; }
  .atelier-theme .sidebar .brand { padding-left:18px; padding-right:15px; }
  .atelier-theme .brand-wordmark { font-size:24px; }
  .atelier-theme .brand-wordmark>small { font-size:18px; }
  .atelier-theme #content { padding:28px 24px; }
  .atelier-theme .topbar { padding:0 24px; }
  .atelier-theme #today,.atelier-theme .avatar { display:none; }
  .atelier-theme .page-head { flex-direction:column; align-items:flex-start; gap:18px; }
  .atelier-theme .hero-panel { grid-template-columns:minmax(0,1fr) 190px; }
  .atelier-theme .hero-copy { padding:25px 24px 15px; }
  .atelier-theme .hero-actions { padding:8px 24px 25px; }
  .atelier-theme .hero-actions .btn { padding:10px; font-size:11px; }
  .atelier-theme .stat-value { font-size:28px; }
  .atelier-theme .stat-card { padding-left:15px; padding-right:15px; }
  .atelier-theme .dashboard-grid { grid-template-columns:1fr; }
}
@media screen {
  .atelier-theme.mobile-layout .topbar { min-height:68px; padding:8px 22px; background:var(--bg); border-color:var(--line); }
  .atelier-theme.mobile-layout .breadcrumb { gap:8px; }
  .atelier-theme.mobile-layout .breadcrumb .header-wordmark { display:inline-flex; align-items:baseline; font-size:26px; font-weight:500; letter-spacing:-1.6px; line-height:1.3; }
  .atelier-theme.mobile-layout .header-wordmark em { font-style:normal; font-weight:400; margin:0 2px; }
  .atelier-theme.mobile-layout .header-wordmark small { font-size:20px; font-weight:400; letter-spacing:-1.5px; }
  .atelier-theme.mobile-layout #breadcrumb-current { display:none; }
  .atelier-theme.mobile-layout[data-demo=true] .breadcrumb::after { color:var(--muted); background:transparent; border:1px solid var(--line); border-radius:0; padding:1px 4px; font-size:9px; }
  .atelier-theme.mobile-layout .top-actions .btn { min-height:44px; padding:8px 0; font-size:11px; }
  .atelier-theme.mobile-layout .erp-theme-switch { padding:0; gap:0; }
  .atelier-theme.mobile-layout .erp-theme-option { min-height:44px; min-width:39px; padding:8px 6px; }
  .atelier-theme.mobile-layout #refresh { min-width:44px; justify-content:center; }
  .atelier-theme.mobile-layout #refresh>span { display:none; }
  .atelier-theme.mobile-layout #content { padding:28px 22px 32px; background:var(--bg); }
  .atelier-theme.mobile-layout .page-head { margin-bottom:24px; }
  .atelier-theme.mobile-layout .page-head h1,.atelier-theme.mobile-layout .module-page-heading h1 { font-size:29px; line-height:1.4; font-weight:500; letter-spacing:.03em; }
  .atelier-theme.mobile-layout .page-head p { font-size:12px; margin-top:8px; line-height:1.8; }
  .atelier-theme.mobile-layout .eyebrow { font:10px/1.5 var(--mono); letter-spacing:1.3px; }
  .atelier-theme.mobile-layout .page-head>.page-actions { margin-top:20px; gap:8px; }
  .atelier-theme.mobile-layout .btn { min-height:44px; padding:11px 13px; font-size:12px; border-radius:0; }
  .atelier-theme.mobile-layout .btn.small { min-height:40px; font-size:11px; padding:9px 11px; }
  .atelier-theme.mobile-layout .select,.atelier-theme.mobile-layout .search-input,.atelier-theme.mobile-layout .field input,.atelier-theme.mobile-layout .field select,.atelier-theme.mobile-layout .field textarea { font-size:16px; min-height:46px; border-radius:0; }
  .atelier-theme.mobile-layout .dashboard-page>.page-head>.page-actions { display:grid; grid-template-columns:minmax(115px,1fr) minmax(0,1.2fr); align-items:center; gap:6px 8px; }
  .atelier-theme.mobile-layout .dashboard-page>.page-head .segmented { min-width:0; width:100%; border-radius:0; }
  .atelier-theme.mobile-layout .dashboard-page>.page-head .btn.seg { min-height:44px; padding:10px 7px; font-size:12px; }
  .atelier-theme.mobile-layout .dashboard-page>.page-head .page-actions>.btn.ghost { grid-column:1/-1; justify-self:end; padding:3px 0; min-height:36px; font-size:11px; }
  .atelier-theme.mobile-layout .hero-panel { min-height:0; grid-template-columns:minmax(0,1fr) minmax(0,min(60%,260px)); align-items:stretch; background:var(--hero); border:1px solid var(--line); border-radius:0; margin-bottom:27px; overflow:hidden; }
  .atelier-theme.mobile-layout .hero-copy { padding:22px 14px 20px 16px; position:static; min-width:0; align-self:center; }
  .atelier-theme.mobile-layout .hero-copy .eyebrow { font-size:8px; letter-spacing:1px; margin-bottom:17px; }
  .atelier-theme.mobile-layout .hero-copy h2 { font-size:clamp(27px,8.6vw,37px); letter-spacing:-1.6px; line-height:1.03; max-width:none; }
  .atelier-theme.mobile-layout .hero-copy p { font-size:11px; margin-top:17px; max-width:none; color:var(--hero-muted); line-height:1.8; }
  /* Keep the full portrait independent of copy height, especially at phone widths. */
  .atelier-theme.mobile-layout .hero-art { grid-row:1; margin:0; width:100%; aspect-ratio:4/5; align-self:center; background:var(--hero); }
  .atelier-theme.mobile-layout .hero-art img { object-fit:contain; object-position:center; }
  .atelier-theme.mobile-layout .hero-art::after { display:none; }
  .atelier-theme.mobile-layout .hero-actions { grid-row:2; grid-column:1/-1; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin:0; padding:17px; gap:7px; border-top:1px solid var(--line); max-width:none; }
  .atelier-theme.mobile-layout .hero-actions .btn { min-width:0; min-height:44px; padding:10px 3px; font-size:11px; background:transparent; color:var(--ink); border-color:var(--hero-line); }
  .atelier-theme.mobile-layout .hero-actions .btn.primary { background:var(--button); border-color:var(--button); color:var(--button-text); }
  .atelier-theme.mobile-layout .stat-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:0; margin-bottom:0; }
  .atelier-theme.mobile-layout .stat-card { min-height:139px; padding:21px 15px; border:0; border-bottom:1px solid var(--line); background:transparent; border-radius:0; }
  .atelier-theme.mobile-layout .stat-card:nth-child(odd) { padding-left:0; border-right:1px solid var(--line); }
  .atelier-theme.mobile-layout .stat-card:nth-child(even) { padding-right:0; }
  .atelier-theme.mobile-layout .stat-card:nth-last-child(-n+2) { border-bottom:0; }
  .atelier-theme.mobile-layout .stat-label { font-size:12px; }
  .atelier-theme.mobile-layout .stat-value { font-size:28px; margin-top:13px; letter-spacing:-1px; overflow-wrap:normal; }
  .atelier-theme.mobile-layout .stat-note { font-size:11px; margin-top:10px; }
  .atelier-theme.mobile-layout .dashboard-page>.summary-line { font-size:11px; line-height:1.8; gap:5px; padding:15px 0; margin-bottom:21px; }
  .atelier-theme.mobile-layout .dashboard-grid { grid-template-columns:minmax(0,1fr); gap:22px; margin-bottom:22px; }
  .atelier-theme.mobile-layout .panel { border-radius:0; }
  .atelier-theme.mobile-layout .panel-head { padding:15px 17px; min-height:58px; }
  .atelier-theme.mobile-layout .panel-head h2 { font-size:15px; font-weight:500; }
  .atelier-theme.mobile-layout .panel-body { padding:18px; }
  .atelier-theme.mobile-layout .dashboard-page .panel-head,.atelier-theme.mobile-layout .dashboard-page .panel-body { padding-left:0; padding-right:0; }
  .atelier-theme.mobile-layout .mobile-card-table tbody>tr { padding:21px 18px; background:var(--surface); border-bottom:1px solid var(--line); gap:15px; }
  .atelier-theme.mobile-layout .mobile-card-table td { font-size:13px; }
  .atelier-theme.mobile-layout .mobile-card-table td::before { color:var(--muted); font-size:11px; }
  .atelier-theme.mobile-layout .product-name { font-size:15px; }
  .atelier-theme.mobile-layout .product-meta { font-size:10px; }
  .atelier-theme.mobile-layout .product-glyph { width:59px; height:74px; border-radius:0; }
  .atelier-theme.mobile-layout .catalog-page .mobile-card-table tbody>tr { padding:22px 0; background:transparent; gap:17px 22px; }
  .atelier-theme.mobile-layout .catalog-page .mobile-card-table td:first-child::before { display:none; }
  .atelier-theme.mobile-layout .catalog-page .product-glyph { width:80px; height:100px; }
  .atelier-theme.mobile-layout .catalog-page .product-cell { gap:19px; }
  .atelier-theme.mobile-layout .catalog-page .product-name { font-size:18px; font-weight:400; }
  .atelier-theme.mobile-layout .catalog-page .mobile-card-table td[data-label="吊牌售价"] { font:20px/1.4 var(--mono); }
  .atelier-theme.mobile-layout .catalog-page .mobile-card-table td[data-label="吊牌售价"]::before { font:11px/1.5 var(--font); }
  .atelier-theme.mobile-layout .catalog-page .mobile-card-table td:has(.row-actions)::before { display:none; }
  .atelier-theme.mobile-layout .catalog-page .row-actions .btn { flex:1; min-height:44px; }
  .atelier-theme.mobile-layout .catalog-page .toolbar-search .search-input { flex:1 1 160px; width:auto; }
  .atelier-theme.mobile-layout .dashboard-page .mobile-card-table tbody>tr { background:transparent; padding:19px 0; }
  .atelier-theme.mobile-layout dialog,.atelier-theme.mobile-layout #dialog { border-radius:0; border-width:1px 0 0; }
  .atelier-theme.mobile-layout .dialog-head { padding:22px 20px; }
  .atelier-theme.mobile-layout .dialog-head h2 { font-size:23px; }
  .atelier-theme.mobile-layout .dialog-head>.btn { min-width:44px; min-height:44px; font-size:23px; }
  .atelier-theme.mobile-layout .dialog-body { padding:20px; }
  .atelier-theme.mobile-layout .dialog-actions { background:transparent; }
  .atelier-theme.mobile-layout .module-page-heading { margin-bottom:22px; padding-bottom:25px; gap:14px; }
  .atelier-theme.mobile-layout .module-page-heading p { font-size:12px; margin-top:10px; }
  .atelier-theme.mobile-layout .module-directory-mark { font-size:48px; }
  .atelier-theme.mobile-layout .module-filters input { font-size:16px; height:48px; min-height:48px; }
  .atelier-theme.mobile-layout .module-categories { gap:0 22px; margin-top:15px; }
  .atelier-theme.mobile-layout .btn.module-category { min-height:44px; font-size:12px; padding:11px 0; }
  .atelier-theme.mobile-layout .module-result-count { font-size:11px; margin:17px 0 28px; }
  .atelier-theme.mobile-layout .module-sections { grid-template-columns:minmax(0,1fr); gap:32px; }
  .atelier-theme.mobile-layout .module-section-heading { padding-bottom:14px; gap:11px; }
  .atelier-theme.mobile-layout .module-section-heading h2 { font-size:21px; }
  .atelier-theme.mobile-layout .btn.module-card { min-height:79px; padding:17px 0; }
  .atelier-theme.mobile-layout .module-card-body { column-gap:14px; }
  .atelier-theme.mobile-layout .module-card strong { font-size:14px; }
  .atelier-theme.mobile-layout .module-card small { font-size:11px; }
  .atelier-theme.mobile-layout .web-bottom-nav { border-color:var(--line); background:var(--bg); padding-top:10px; }
  .atelier-theme.mobile-layout .web-bottom-nav .web-tab { background:transparent; color:var(--muted); border-radius:0; min-height:52px; gap:6px; padding:8px 2px 5px; font-size:11px; position:relative; }
  .atelier-theme.mobile-layout .web-tab svg { width:20px; height:20px; stroke-width:1.3; }
  .atelier-theme.mobile-layout .web-bottom-nav .web-tab.active { color:var(--ink); background:transparent; font-weight:400; }
  .atelier-theme.mobile-layout .web-tab.active::before { content:''; position:absolute; top:-10px; width:14px; height:2px; left:calc(50% - 7px); background:var(--accent); }
  .atelier-theme.mobile-layout .web-account-page .panel-head,.atelier-theme.mobile-layout .web-account-page .panel-body { padding-left:0; padding-right:0; }
}
@media screen and (max-width:360px) {
  .atelier-theme.mobile-layout #content { padding-left:17px; padding-right:17px; }
  .atelier-theme.mobile-layout .topbar { padding-left:17px; padding-right:17px; }
  .atelier-theme.mobile-layout .breadcrumb { gap:4px; }
  .atelier-theme.mobile-layout .breadcrumb .header-wordmark { font-size:20px; }
  .atelier-theme.mobile-layout .header-wordmark small { font-size:16px; }
  .atelier-theme.mobile-layout .top-actions { gap:4px; }
  .atelier-theme.mobile-layout .erp-theme-option { min-width:36px; padding-left:4px; padding-right:4px; }
  .atelier-theme.mobile-layout #refresh { min-width:36px; }
  .atelier-theme.mobile-layout .hero-copy { padding:18px 10px 18px 12px; }
  .atelier-theme.mobile-layout .hero-copy .eyebrow { font-size:7px; letter-spacing:.6px; }
  .atelier-theme.mobile-layout .hero-copy h2 { font-size:clamp(26px,8.4vw,30px); }
  .atelier-theme.mobile-layout .hero-actions { padding:14px 12px; gap:6px; }
  .atelier-theme.mobile-layout .hero-actions .btn { font-size:10px; }
  .atelier-theme.mobile-layout .stat-value { font-size:24px; }
  .atelier-theme.mobile-layout .module-categories { gap:0 17px; }
}

/* Team attribution follows the same store forms on desktop and phones. */
@media screen {
 .handler-field{min-width:0}.handler-field .field{width:100%}
 .performance-filters{align-items:end;flex-wrap:wrap;gap:16px}
 .performance-filters .field{min-width:150px;flex:1}
 .permission-option{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}
 .permission-option input{width:18px;height:18px;flex:0 0 18px;accent-color:var(--accent)}
}
@media screen and (max-width:760px){
 .performance-filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .performance-filters .field{min-width:0}.performance-filters>.btn{grid-column:1/-1}
 .handler-field .select{width:100%;min-height:44px}
}

@media screen {
 .member-source-products{display:grid;gap:10px;min-width:130px}
 .member-source-products strong,.member-source-products small{display:block;line-height:1.7}
 .member-source-products strong{font-weight:400}
 .member-source-products small{font-size:11px}
}