/* Smartphone V2 is the only presentation skin. */
.smartphone-nav-v2-label { display: none; }
.smartphone-nav-v1-label { display: inline; }
.smartphone-cart-icon-v2 { display: none; }
.smartphone-cart-icon-v1 { display: inline; }
.smartphone-document-filters { display: none; }
:root[data-smartphone-ui="v2"] .smartphone-customer {
    --ink: #202124;
    --muted: #687078;
    --line: #dce2e7;
    --paper: #ffffff;
    --wash: #f3f6f8;
    --smartphone-v2-header-height: calc(54px + env(safe-area-inset-top, 0px));
    color: var(--ink);
    color-scheme: light;
    background: #f3f6f8;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    overflow-x: hidden;
    padding-top: var(--smartphone-v2-header-height);
}

:root[data-smartphone-ui="v2"] .smartphone-customer .site-header {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    z-index: 90;
    min-height: var(--smartphone-v2-header-height);
    padding: calc(5px + env(safe-area-inset-top, 0px)) 12px 5px;
    background: rgb(255 255 255 / 92%);
    border-bottom-color: #e3e7ea;
    box-shadow: 0 1px 0 rgb(25 35 45 / 4%);
    backdrop-filter: blur(14px);
}
:root[data-smartphone-ui="v2"] .smartphone-customer .brand { color: #202124; font-size: 1.22rem; letter-spacing: .05em; }
:root[data-smartphone-ui="v2"] .smartphone-customer .header-cart,
:root[data-smartphone-ui="v2"] .smartphone-customer .site-navigation { display: none !important; }
:root[data-smartphone-ui="v2"] .smartphone-customer .smartphone-header-actions {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 2px;
}
:root[data-smartphone-ui="v2"] .smartphone-customer .smartphone-header-link {
    position: relative;
    display: grid;
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    place-items: center;
    color: #4e5962;
    border-radius: 10px;
    text-decoration: none;
}
:root[data-smartphone-ui="v2"] .smartphone-customer .smartphone-header-link:hover,
:root[data-smartphone-ui="v2"] .smartphone-customer .smartphone-header-link:focus-visible,
:root[data-smartphone-ui="v2"] .smartphone-customer .smartphone-header-link.is-active { background: #fff1eb; color: #d85d32; }
:root[data-smartphone-ui="v2"] .smartphone-customer .smartphone-header-link .smartphone-icon { width: 25px; height: 25px; }
:root[data-smartphone-ui="v2"] .smartphone-customer .smartphone-header-link .smartphone-badge {
    position: absolute;
    top: 1px;
    right: 0;
    min-width: 17px;
    box-sizing: border-box;
    padding: 1px 4px;
    border-radius: 999px;
    background: #e9774f;
    color: #fff;
    font-size: .67rem;
    font-weight: 800;
    line-height: 1.35;
    text-align: center;
}
:root[data-smartphone-ui="v2"] .smartphone-customer .theme-toggle {
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px;
    flex: 0 0 40px;
}
:root[data-smartphone-ui="v2"] .smartphone-customer .theme-toggle,
:root[data-smartphone-ui="v2"] .smartphone-customer .site-navigation > summary { color: #4e5962; }
:root[data-smartphone-ui="v2"] .smartphone-customer .global-task-indicator { color: #52616a; }
:root[data-smartphone-ui="v2"] .smartphone-customer .global-task-indicator:not(.is-active) span {
    width: 24px; height: 24px; border-radius: 0; background: currentColor; box-shadow: none;
    clip-path: polygon(50% 4%, 96% 43%, 82% 43%, 82% 96%, 18% 96%, 18% 43%, 4% 43%);
}
:root[data-smartphone-ui="v2"] .smartphone-customer .global-task-indicator:not(.is-active) span::after { display: none; }
:root[data-smartphone-ui="v2"] .smartphone-customer .performance-toggle,
:root[data-smartphone-ui="v2"] .smartphone-customer .viewport-preview-toggle { display: none !important; }
:root[data-smartphone-ui="v2"] .smartphone-customer .global-task-indicator span::after { background: #fff; }
:root[data-smartphone-ui="v2"] .smartphone-customer .navigation-groups {
    background: #fff;
    border-color: #dce2e7;
    border-radius: 14px;
    box-shadow: 0 12px 30px rgb(31 41 55 / 12%);
}
:root[data-smartphone-ui="v2"] .smartphone-customer .nav-panel { border-color: #e9774f; }
:root[data-smartphone-ui="v2"] .smartphone-customer main { padding: 18px 16px 20px; }
:root[data-smartphone-ui="v2"] .smartphone-customer main { scroll-padding-top: 62px; }

:root[data-smartphone-ui="v2"] .smartphone-home .smartphone-intro { margin-bottom: 16px; }
:root[data-smartphone-ui="v2"] .smartphone-home h1,
:root[data-smartphone-ui="v2"] .smartphone-cart h1,
:root[data-smartphone-ui="v2"] .smartphone-request h1,
:root[data-smartphone-ui="v2"] .smartphone-search h1 { color: #202124; font-size: 1.48rem; letter-spacing: -.035em; }
:root[data-smartphone-ui="v2"] .smartphone-home .smartphone-intro p,
:root[data-smartphone-ui="v2"] .smartphone-products details p { color: var(--muted); }
:root[data-smartphone-ui="v2"] .smartphone-home-grid { gap: 10px; }
:root[data-smartphone-ui="v2"] .smartphone-home .smartphone-tile {
    min-height: 132px;
    height: 132px;
    padding: 15px 13px;
    border-color: #e0e5e9;
    border-radius: 18px;
    background: #fff;
    color: #202124;
    box-shadow: 0 7px 20px rgb(31 41 55 / 7%);
}
:root[data-smartphone-ui="v2"] .smartphone-home .smartphone-tile::after { color: #9ba5ad; }
:root[data-smartphone-ui="v2"] .smartphone-home .smartphone-tile .smartphone-icon { color: #e86f45; }
:root[data-smartphone-ui="v2"] .smartphone-home .smartphone-qr,
:root[data-smartphone-ui="v2"] .smartphone-home .smartphone-qr summary { background: #e9774f; border-color: #e9774f; color: #fff; }
:root[data-smartphone-ui="v2"] .smartphone-home .smartphone-qr summary > span:nth-child(2) { color: #fff; }
:root[data-smartphone-ui="v2"] .smartphone-home-grid > :nth-child(n).smartphone-tile { background: #fff; border-color: #e0e5e9; }
:root[data-smartphone-ui="v2"] .smartphone-home-grid > :nth-child(1).smartphone-qr { background: #e9774f; }
:root[data-smartphone-ui="v2"] .smartphone-home .smartphone-tile:active { box-shadow: inset 0 0 0 2px #e9774f; }

:root[data-smartphone-ui="v2"] .smartphone-customer:has(.smartphone-home[aria-label="Home Smartphone"]) {
    overflow-x: hidden;
}
:root[data-smartphone-ui="v2"] .smartphone-home[aria-label="Home Smartphone"] {
    min-height: calc(100dvh - var(--smartphone-v2-header-height));
    overflow: hidden;
}
:root[data-smartphone-ui="v2"] .smartphone-home-grid { width: 100%; min-width: 0; overflow: visible; }
:root[data-smartphone-ui="v2"] .smartphone-nav-v1-label { display: none; }
:root[data-smartphone-ui="v2"] .smartphone-nav-v2-label { display: inline; }
:root[data-smartphone-ui="v2"] .smartphone-cart-icon-v1 { display: none; }
:root[data-smartphone-ui="v2"] .smartphone-cart-icon-v2 { display: inline; }
:root[data-smartphone-ui="v2"] .smartphone-document-filters { display: flex; gap: 7px; overflow-x: auto; padding: 3px 0 6px; scrollbar-width: none; }
:root[data-smartphone-ui="v2"] .smartphone-document-filters::-webkit-scrollbar { display: none; }
:root[data-smartphone-ui="v2"] .smartphone-document-filter { flex: 0 0 auto; min-height: 38px; padding: 8px 12px; border: 1px solid #dbe2e6; border-radius: 999px; background: #fff; color: #53616a; text-decoration: none; font-size: .82rem; font-weight: 700; }
:root[data-smartphone-ui="v2"] .smartphone-document-filter.is-active { border-color: #e9774f; background: #e9774f; color: #fff; }
:root[data-smartphone-ui="v2"] .smartphone-document-type-select { display: none; }
:root[data-smartphone-ui="v2"] .smartphone-development-hub { max-width: 650px; margin: 0 auto; }
:root[data-smartphone-ui="v2"] .smartphone-development-hub h2 { margin: 20px 0 9px; font-size: 1rem; }
:root[data-smartphone-ui="v2"] .smartphone-development-links { display: grid; gap: 8px; }
:root[data-smartphone-ui="v2"] .smartphone-development-links a,
:root[data-smartphone-ui="v2"] .smartphone-development-links button { display: block; width: 100%; padding: 14px; border: 1px solid #e0e5e9; border-radius: 14px; background: #fff; color: #202124; text-decoration: none; font: inherit; font-weight: 700; text-align: left; box-shadow: 0 5px 16px rgb(31 41 55 / 6%); cursor: pointer; }
:root[data-smartphone-ui="v2"] .smartphone-development-links button small { display: block; margin-top: 3px; color: var(--muted); font-size: .75rem; font-weight: 600; }
:root[data-smartphone-ui="v2"] .smartphone-development-links button.is-active { border-color: #e9774f; }

:root[data-smartphone-ui="v2"] .smartphone-products .smartphone-back { color: #59636b; margin-bottom: 8px; }
:root[data-smartphone-ui="v2"] .smartphone-products .smartphone-product-rows,
:root[data-smartphone-ui="v2"] .smartphone-catalog-tables .smartphone-product-rows { gap: 9px; }
:root[data-smartphone-ui="v2"] .smartphone-products .smartphone-tile {
    min-height: 82px;
    padding: 14px 42px 14px 14px;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 5px 16px rgb(31 41 55 / 6%);
}
:root[data-smartphone-ui="v2"] .machine-page .machine-search { display:grid; gap:6px; margin:0 0 16px; }
:root[data-smartphone-ui="v2"] .machine-page .machine-search label { color:var(--muted); font-size:.82rem; font-weight:800; }
:root[data-smartphone-ui="v2"] .machine-page .machine-search > div { display:flex; gap:8px; min-width:0; }
:root[data-smartphone-ui="v2"] .machine-page .machine-search input { flex:1 1 auto; min-width:0; min-height:46px; }
:root[data-smartphone-ui="v2"] .machine-page .machine-search button { flex:0 0 auto; border-color:#e9774f; background:#e9774f; border-radius:12px; }
:root[data-smartphone-ui="v2"] .machine-page .machine-row { min-height:78px; border-color:#e0e5e9; }
:root[data-smartphone-ui="v2"] .machine-page .machine-row .smartphone-tile-icon { color:#e9774f; }
:root[data-smartphone-ui="v2"] .machine-page .machine-row::after,
:root[data-smartphone-ui="v2"] .machine-page .machine-document::after { color:#e9774f; font-size:1.6rem; }
:root[data-smartphone-ui="v2"] .machine-documents { margin-top:18px; padding:16px; border:1px solid #e0e5e9; border-radius:18px; background:#fff; box-shadow:0 5px 16px rgb(31 41 55 / 6%); }
:root[data-smartphone-ui="v2"] .machine-documents h2 { margin:0 0 10px; font-size:1rem; }
:root[data-smartphone-ui="v2"] .machine-documents .smartphone-tile { box-shadow:none; border-color:#e7ecef; }
:root[data-smartphone-ui="v2"] .machine-page .shared-empty-state { margin:0; border:1px dashed #dbe2e6; border-radius:14px; background:#f7f9fa; }
:root[data-smartphone-ui="v2"] .smartphone-products .smartphone-catalog-qr,
:root[data-smartphone-ui="v2"] .smartphone-products .smartphone-catalog-thumbnail,
:root[data-smartphone-ui="v2"] .smartphone-catalog-tables .smartphone-table-preview { border-color: #e1e6e9; border-radius: 12px; }
:root[data-smartphone-ui="v2"] .smartphone-catalog-tables .smartphone-table-card { min-height: 98px; padding: 9px; border-radius: 16px; }
:root[data-smartphone-ui="v2"] .smartphone-catalog-tables .smartphone-table-card-name { font-size: 1rem; }

/* Smart catalog cards: dominant cover, compact staff tools, and no body QR. */
:root[data-smartphone-ui="v2"] .smartphone-products .smartphone-catalog-card {
    display: grid;
    grid-template-columns: 112px minmax(0, 1fr);
    grid-template-rows: auto auto;
    align-items: start;
    gap: 10px;
    min-height: 0;
    height: auto;
    position: relative;
    padding: 12px;
    overflow: hidden;
}
:root[data-smartphone-ui="v2"] .smartphone-products .smartphone-catalog-card::after { display: none; }
:root[data-smartphone-ui="v2"] .smartphone-products .smartphone-catalog-copy {
    grid-column: 2;
    grid-row: 1;
    align-self: center;
    min-width: 0;
    padding: 4px 66px 4px 0;
    overflow-wrap: anywhere;
    line-height: 1.25;
}
:root[data-smartphone-ui="v2"] .smartphone-products .smartphone-catalog-copy strong { display: block; font-size: 1.06rem; line-height: 1.2; }
:root[data-smartphone-ui="v2"] .smartphone-products .smartphone-catalog-copy small { display: block; margin-top: 7px; }
:root[data-smartphone-ui="v2"] .smartphone-products .smartphone-catalog-copy small {
    color: var(--muted);
    line-height: 1.35;
}
:root[data-smartphone-ui="v2"] .smartphone-products .smartphone-catalog-thumbnail {
    position: static;
    top: auto;
    right: auto;
    transform: none;
    align-self: start;
    flex: none;
    grid-column: 1;
    grid-row: 1;
    width: 112px;
    height: 128px;
    display: grid;
    place-items: center;
    overflow: hidden;
    background: #f7f9fa;
}
:root[data-smartphone-ui="v2"] .smartphone-products .smartphone-catalog-thumbnail img { display: block; width: 100%; height: 100%; object-fit: cover; }
:root[data-smartphone-ui="v2"] .smartphone-products .smartphone-catalog-qr { display: none; }
:root[data-smartphone-ui="v2"] .smartphone-products .smartphone-catalog-admin-controls { position: absolute; top: 12px; right: 12px; z-index: 2; display: flex; gap: 5px; }
:root[data-smartphone-ui="v2"] .smartphone-products .smartphone-catalog-control { width: 30px; height: 30px; display: grid; place-items: center; padding: 0; border: 1px solid #e1e6e9; border-radius: 9px; background: #fff; color: #d85d32; cursor: pointer; font: inherit; font-size: .95rem; }
:root[data-smartphone-ui="v2"] .smartphone-products .smartphone-catalog-control:hover { border-color: #e9774f; }
:root[data-smartphone-ui="v2"] .smartphone-products .smartphone-catalog-qr-mini { width: 22px; height: 22px; display: grid; place-items: center; overflow: hidden; color: #8e999f; }
:root[data-smartphone-ui="v2"] .smartphone-products .smartphone-catalog-qr-mini img { width: 22px; height: 22px; object-fit: contain; }
:root[data-smartphone-ui="v2"] .smartphone-products .smartphone-catalog-qr-mini.is-unavailable { color: #aab3b8; filter: grayscale(1); }
:root[data-smartphone-ui="v2"] .smartphone-products .smartphone-catalog-qr-mini.is-unavailable::after { content: "⌁"; }
:root[data-smartphone-ui="v2"] .smartphone-products .smartphone-catalog-qr-panel { position: absolute; top: 48px; right: 12px; z-index: 5; width: min(238px, calc(100% - 24px)); display: grid; gap: 7px; padding: 10px; border: 1px solid #e1e6e9; border-radius: 12px; background: #fff; box-shadow: 0 10px 25px rgb(31 41 55 / 15%); }
:root[data-smartphone-ui="v2"] .smartphone-products .smartphone-catalog-qr-panel[hidden] { display: none; }
:root[data-smartphone-ui="v2"] .smartphone-products .smartphone-catalog-qr-action { display: block; padding: 8px 9px; border-radius: 8px; background: #fff4ef; color: #a84422; font-size: .78rem; font-weight: 800; text-decoration: none; cursor: pointer; }
:root[data-smartphone-ui="v2"] .smartphone-products .smartphone-catalog-qr-action.is-disabled { color: #98a2a7; background: #f0f2f3; pointer-events: none; }
:root[data-smartphone-ui="v2"] .smartphone-products .smartphone-catalog-qr-panel small { color: #687078; font-size: .68rem; line-height: 1.3; }
:root[data-smartphone-ui="v2"] .smartphone-products .smartphone-catalog-quick-edit-dialog { width: min(360px, calc(100vw - 32px)); padding: 18px; border: 1px solid #e1e6e9; border-radius: 16px; background: #fff; color: #202124; box-shadow: 0 16px 45px rgb(31 41 55 / 20%); }
:root[data-smartphone-ui="v2"] .smartphone-products .smartphone-catalog-quick-edit-dialog form { display: grid; gap: 6px; }
:root[data-smartphone-ui="v2"] .smartphone-products .smartphone-catalog-quick-edit-dialog h2 { margin: 0 0 2px; font-size: 1.12rem; }
:root[data-smartphone-ui="v2"] .smartphone-products .smartphone-catalog-quick-edit-dialog p { margin: 0 0 5px; color: #687078; font-size: .82rem; }
:root[data-smartphone-ui="v2"] .smartphone-products .smartphone-catalog-quick-edit-dialog label { display: grid; gap: 4px; margin: 5px 0 0; font-size: .78rem; font-weight: 800; }
:root[data-smartphone-ui="v2"] .smartphone-products .smartphone-catalog-dialog-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 9px; }
:root[data-smartphone-ui="v2"] .smartphone-products .smartphone-catalog-metadata {
    grid-column: 1 / -1;
    grid-row: 2;
    width: 100%;
    min-width: 0;
    padding-top: 11px;
    border-top-color: #e1e6e9;
}
:root[data-smartphone-ui="v2"] .smartphone-products .smartphone-catalog-metadata > strong,
:root[data-smartphone-ui="v2"] .smartphone-products .smartphone-catalog-metadata > small {
    min-width: 0;
    overflow-wrap: anywhere;
}
:root[data-smartphone-ui="v2"] .smartphone-products .smartphone-catalog-metadata-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
}
:root[data-smartphone-ui="v2"] .smartphone-products .smartphone-catalog-metadata-grid > span {
    min-width: 0;
    overflow-wrap: anywhere;
    word-break: normal;
    line-height: 1.3;
}
:root[data-smartphone-ui="v2"] .smartphone-products > label {
    display: grid;
    width: 100%;
    min-width: 0;
    gap: 6px;
    margin-bottom: 12px;
}
:root[data-smartphone-ui="v2"] .smartphone-products > label input {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

:root[data-smartphone-ui="v2"] .smartphone-customer :is(input, textarea, select) { border-color: #dbe2e6; background: #fff; color: #202124; border-radius: 12px; }
:root[data-smartphone-ui="v2"] .smartphone-search form,
:root[data-smartphone-ui="v2"] .smartphone-request form { gap: 9px; }
:root[data-smartphone-ui="v2"] .sp-search-result {
    margin: 8px 0;
    padding: 13px 14px;
    border: 1px solid #e0e5e9;
    border-radius: 16px;
    background: #fff;
    color: #202124;
    box-shadow: 0 5px 16px rgb(31 41 55 / 6%);
}
:root[data-smartphone-ui="v2"] .sp-search-result-code small,
:root[data-smartphone-ui="v2"] .sp-search-result-context,
:root[data-smartphone-ui="v2"] [data-sp-status] { color: var(--muted); }

:root[data-smartphone-ui="v2"] .smartphone-cart-line {
    margin: 8px 0;
    padding: 13px;
    border-color: #e0e5e9;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 5px 16px rgb(31 41 55 / 6%);
}
:root[data-smartphone-ui="v2"] .smartphone-cart-quantity button,
:root[data-smartphone-ui="v2"] .smartphone-bom-cart { background: #e9774f; color: #fff; }
:root[data-smartphone-ui="v2"] .smartphone-cart-actions--fixed { background: rgb(255 255 255 / 94%); border-color: #e0e5e9; backdrop-filter: blur(12px); }

:root[data-smartphone-ui="v2"] .smartphone-viewer-page main { padding: 8px 10px 18px; }
:root[data-smartphone-ui="v2"] .smartphone-viewer-context { gap: 8px; }
:root[data-smartphone-ui="v2"] .smartphone-viewer-context button { border-radius: 12px; background: #fff; border-color: #dbe2e6; color: #30363b; }
:root[data-smartphone-ui="v2"] .smartphone-drawing-viewport { border-radius: 16px; background: #e5eaed; box-shadow: 0 7px 20px rgb(31 41 55 / 8%); }
:root[data-smartphone-ui="v2"] .smartphone-bom { border-color: #dfe5e8; border-radius: 18px 18px 0 0; background: #fff; color: #202124; box-shadow: 0 -8px 24px rgb(31 41 55 / 10%); }
:root[data-smartphone-ui="v2"] .smartphone-bom-handle > span { background: #b8c2c8; }
:root[data-smartphone-ui="v2"] .smartphone-bom-row { border: 1px solid #e0e5e9; border-radius: 13px; background: #f7f9fa; color: #202124; }
:root[data-smartphone-ui="v2"] .smartphone-bom-row[aria-pressed="true"],
:root[data-smartphone-ui="v2"] .smartphone-bom-row.is-exact,
:root[data-smartphone-ui="v2"] .smartphone-bom-item form button.is-added { border-color: #f1b19c; background: #fff0eb; color: #9b3b1c; }
:root[data-smartphone-ui="v2"] .smartphone-bom-quantity { color: #202124; }
:root[data-smartphone-ui="v2"] .smartphone-hotspot { border-color: #e9774f; color: #9b3b1c; box-shadow: 0 3px 10px rgb(31 41 55 / 16%); }
:root[data-smartphone-ui="v2"] .smartphone-hotspot[aria-pressed="true"] { background: #e9774f; color: #fff; outline-color: #fff; }

/* V2 dark mode is deliberately double-scoped so V1 and Desktop keep their themes. */
:root[data-smartphone-ui="v2"][data-theme="dark"] { color-scheme: dark; }
:root[data-smartphone-ui="v2"][data-theme="dark"] .smartphone-customer {
    --ink: #edf2f4; --muted: #aebbc1; --line: #3b4b52; --paper: #1b292f; --wash: #111b20;
    color: var(--ink); background: radial-gradient(ellipse at top right, #243b43, #111b20 68%);
}
:root[data-smartphone-ui="v2"][data-theme="dark"] .smartphone-customer .site-header {
    background: rgb(24 37 43 / 94%); border-bottom-color: #3b4b52; box-shadow: 0 1px 0 rgb(0 0 0 / 20%);
}
:root[data-smartphone-ui="v2"][data-theme="dark"] .smartphone-customer .brand,
:root[data-smartphone-ui="v2"][data-theme="dark"] .smartphone-customer h1,
:root[data-smartphone-ui="v2"][data-theme="dark"] .smartphone-customer h2,
:root[data-smartphone-ui="v2"][data-theme="dark"] .smartphone-customer h3 { color: var(--ink); }
:root[data-smartphone-ui="v2"][data-theme="dark"] .smartphone-customer :is(.theme-toggle, .site-navigation > summary, .smartphone-header-link) { color: #d6e1e5; }
:root[data-smartphone-ui="v2"][data-theme="dark"] .smartphone-customer .smartphone-header-link:hover,
:root[data-smartphone-ui="v2"][data-theme="dark"] .smartphone-customer .smartphone-header-link:focus-visible,
:root[data-smartphone-ui="v2"][data-theme="dark"] .smartphone-customer .smartphone-header-link.is-active { background: #4a2d27; color: #ffb08d; }
:root[data-smartphone-ui="v2"][data-theme="dark"] .smartphone-customer .global-task-indicator { color: #d6e1e5; }
:root[data-smartphone-ui="v2"][data-theme="dark"] .smartphone-customer .global-task-indicator.is-active span::after { background: #18252b; }
:root[data-smartphone-ui="v2"][data-theme="dark"] .smartphone-customer .navigation-groups,
:root[data-smartphone-ui="v2"][data-theme="dark"] .smartphone-customer .smartphone-cart-actions--fixed {
    background: rgb(27 41 47 / 96%); border-color: var(--line); box-shadow: 0 8px 24px rgb(0 0 0 / 25%);
}
:root[data-smartphone-ui="v2"][data-theme="dark"] .smartphone-customer .nav-panel { background: #18252b; border-color: #566970; color: var(--ink); }
:root[data-smartphone-ui="v2"][data-theme="dark"] .smartphone-customer .nav-panel a:is(:hover, :focus-visible, [aria-current="page"]) { background: #29434b; }
:root[data-smartphone-ui="v2"][data-theme="dark"] .smartphone-customer :is(.smartphone-tile, .smartphone-sections a, .smartphone-products .smartphone-tile, .smartphone-catalog-tables .smartphone-table-card, .smartphone-cart-line, .sp-search-result, .manu-ai-home, .manu-ai-candidate, .manu-document-frame, .smartphone-bom) {
    background: var(--paper); border-color: var(--line); color: var(--ink); box-shadow: 0 7px 20px rgb(0 0 0 / 20%);
}
:root[data-smartphone-ui="v2"][data-theme="dark"] .smartphone-customer :is(input, textarea, select) {
    color: var(--ink); background: #17262c; border-color: #53666e; caret-color: var(--ink);
}
:root[data-smartphone-ui="v2"][data-theme="dark"] .smartphone-customer .smartphone-document-filter { background: #17262c; border-color: var(--line); color: var(--muted); }
:root[data-smartphone-ui="v2"][data-theme="dark"] .smartphone-customer .smartphone-document-filter.is-active { background: #e9774f; border-color: #e9774f; color: #fff; }
:root[data-smartphone-ui="v2"][data-theme="dark"] .smartphone-customer .smartphone-development-links a,
:root[data-smartphone-ui="v2"][data-theme="dark"] .smartphone-customer .smartphone-development-links button { background: var(--paper); border-color: var(--line); color: var(--ink); }
:root[data-smartphone-ui="v2"][data-theme="dark"] .smartphone-customer :is(input, textarea, select)::placeholder { color: #91a3aa; }
:root[data-smartphone-ui="v2"][data-theme="dark"] .smartphone-customer :is(button, summary, a):focus-visible { outline-color: #ffb08d; }
:root[data-smartphone-ui="v2"][data-theme="dark"] .smartphone-customer .smartphone-home .smartphone-tile::after,
:root[data-smartphone-ui="v2"][data-theme="dark"] .smartphone-customer :is(.smartphone-products details p, .smartphone-home .smartphone-intro p, .smartphone-bom-quantity) { color: var(--muted); }
:root[data-smartphone-ui="v2"][data-theme="dark"] .smartphone-customer .smartphone-drawing-viewport { background: #293b42; box-shadow: 0 7px 20px rgb(0 0 0 / 28%); }
:root[data-smartphone-ui="v2"][data-theme="dark"] .smartphone-customer :is(.smartphone-viewer-context button, .smartphone-catalog-tables .smartphone-table-preview, .smartphone-products .smartphone-catalog-qr, .smartphone-products .smartphone-catalog-thumbnail) { background: #17262c; border-color: var(--line); color: var(--ink); }
:root[data-smartphone-ui="v2"][data-theme="dark"] .smartphone-customer .smartphone-bom-row { background: #243b43; border-color: var(--line); color: var(--ink); }
:root[data-smartphone-ui="v2"][data-theme="dark"] .smartphone-customer :is(.smartphone-bom-row[aria-pressed="true"], .smartphone-bom-row.is-exact, .smartphone-bom-item form button.is-added) { background: #4a2d27; border-color: #e9774f; color: #ffd5c5; }
:root[data-smartphone-ui="v2"][data-theme="dark"] .smartphone-customer .smartphone-bom-handle > span { background: #8fa4ab; }
:root[data-smartphone-ui="v2"][data-theme="dark"] .smartphone-customer .machine-documents { background:var(--paper); border-color:var(--line); }
:root[data-smartphone-ui="v2"][data-theme="dark"] .smartphone-customer .machine-page .shared-empty-state { background:#17262c; border-color:var(--line); }

@media (max-width: 370px) {
    :root[data-smartphone-ui="v2"] .smartphone-home .smartphone-tile { min-height: 122px; height: 122px; }
    :root[data-smartphone-ui="v2"] .smartphone-products .smartphone-catalog-card {
        grid-template-columns: 96px minmax(0, 1fr);
        gap: 8px;
        min-height: 0;
        height: auto;
        padding: 10px;
    }
    :root[data-smartphone-ui="v2"] .smartphone-products .smartphone-catalog-thumbnail { width: 96px; height: 112px; }
    :root[data-smartphone-ui="v2"] .smartphone-products .smartphone-catalog-metadata-grid { grid-template-columns: 1fr; }
}

/* === Catalog card Proposal 1 — approved visual scale === */
:root[data-smartphone-ui="v2"] .smartphone-products:not(.smartphone-catalog-tables) .smartphone-catalog-card {
    grid-template-columns: 180px minmax(0, 1fr);
    column-gap: 12px;
}
:root[data-smartphone-ui="v2"] .smartphone-products:not(.smartphone-catalog-tables) .smartphone-catalog-thumbnail {
    width: 180px;
    height: 200px;
}
:root[data-smartphone-ui="v2"] .smartphone-products:not(.smartphone-catalog-tables) .smartphone-catalog-thumbnail img {
    width:100%;
    height:100%;
    object-fit:cover;
}
:root[data-smartphone-ui="v2"] .smartphone-products:not(.smartphone-catalog-tables) .smartphone-catalog-copy {
    align-self:start;
    padding: 44px 0 0;
}
:root[data-smartphone-ui="v2"] .smartphone-products:not(.smartphone-catalog-tables) .smartphone-catalog-qr {
    display:none !important;
}
@media (max-width: 370px) {
    :root[data-smartphone-ui="v2"] .smartphone-products:not(.smartphone-catalog-tables) .smartphone-catalog-card {
        grid-template-columns: 150px minmax(0, 1fr);
    }
    :root[data-smartphone-ui="v2"] .smartphone-products:not(.smartphone-catalog-tables) .smartphone-catalog-thumbnail {
        width:150px;
        height:170px;
    }
}