@charset "UTF-8";
/* Shared components, then responsive breakpoints. One block per selector/context. */

/* base */
form.panel { display:flex; flex-wrap:wrap; align-items:flex-end; gap:16px; }
form.panel>p,form.panel>label { display:flex; flex-direction:column; gap:8px; flex:1 1 260px; margin:0; min-width:0; }
form.panel>p>input:not([type=checkbox]),form.panel>p>select,form.panel>label>input:not([type=checkbox]),form.panel>label>select { width:100%; }
form.panel>p:has(input[type=checkbox]),form.panel>label:has(input[type=checkbox]) { flex-direction:row; align-items:center; }
form.panel>p:has(input[type=checkbox]) label { flex:1; }

.account-actions { display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:12px; }
.account-actions form { margin:0; }
.account-actions button { width:100%; }
.share-card { display:grid; gap:14px; }
.share-card img { display:block; margin:0 auto; }
.share-card p { margin:0; }

.ops-mobile-primary,.ops-mobile-menu { display:none; }

.manager-layout { display:grid; grid-template-columns:minmax(280px,0.8fr) minmax(0,1.2fr); gap:20px; margin-top:20px; align-items:start; }
.manager-layout .manager-command form:not(.actions form) { display:block; }
.manager-command form>p { margin:14px 0; }
.manager-mode { display:grid; gap:12px; }
.manager-results .actions form { display:flex; flex-wrap:wrap; gap:10px; }
.manager-counts { display:flex; flex-wrap:wrap; gap:16px; padding:16px 0; }
.manager-counts b { font-size:21px; }
.manager-policy { border-top:1px solid var(--line); padding:18px 0; }
.manager-results { min-width:0; }

.application-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr)); gap:12px; margin:16px 0; }
.application-card { display:grid; grid-template-columns:32px 1fr auto; gap:12px; align-items:center; background:white; border:1px solid var(--line); border-radius:10px; padding:18px; }
.application-card p { margin:0; font-size:12px; color:var(--muted); }

.payment-networks { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,360px),1fr)); gap: 20px; margin: 20px 0; }
.payment-networks .panel { margin: 0; }
.payment-networks .panel form:not(.actions form) { display: flex; flex-direction: column; align-items: stretch; margin-top: 20px; }
.payment-networks .panel form>p { flex: none; }
.panel form>p:has(input[type=checkbox]) { flex-direction: row; align-items: center; gap: 12px; }
.panel form>p:has(input[type=checkbox]) label { flex: 1; margin: 0; }

.purchase-limit { padding:12px; background:#fff5df; color:#664b1b; font-size:13px; line-height:1.7; border-radius:8px; margin:14px 0; }
.panel .favorite-action { display:block; margin:0; }
.panel .favorite-action .text-button { min-height:36px; padding:4px 0; }
* { box-sizing: border-box; }
a { color: inherit; text-decoration: none; }
button,input,select,textarea { font: inherit; }
button,a,input,select,textarea { outline-offset: 4px; }
button { cursor: pointer; }
img { max-width: 100%; }
h1,h2,h3,p { margin: 0; }
h1 { font-size: 27px; line-height: 1.3; letter-spacing: -.6px; }
h2 { font-size: 19px; }
h3 { font-size: 16px; }
small,.muted { color: var(--muted); }
.sprite { position: absolute; width: 0; height: 0; overflow: hidden; }
.icon { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; flex: none; }
.site-header { height: 78px; background: white; border-bottom: 1px solid var(--line); position: sticky; top: 0; z-index: 40; }
.header-inner { max-width: 1512px; height: 100%; margin: auto; padding: 0 38px; display: flex; align-items: center; gap: 42px; }
.brand { display: flex; gap: 11px; align-items: center; white-space: nowrap; font-size: 21px; font-weight: 800; letter-spacing: 1px; }
.brand small { display: block; font-size: 9px; letter-spacing: 1.7px; font-weight: 650; margin-top: 2px; }
.brand-mark { position: relative; display: grid; place-items: center; background: var(--blue); color: white; width: 42px; height: 42px; border-radius: 13px; font-size: 24px; font-weight: 650; }
.brand-mark span { position: absolute; width: 8px; height: 8px; background: #c1e5b0; right: -2px; bottom: -2px; border: 2px solid white; border-radius: 50%; }
.topnav { display: flex; gap: 29px; height: 100%; align-items: center; }
.topnav a { height: 100%; display: flex; align-items: center; font-weight: 600; color: #697187; position: relative; white-space: nowrap; }
.topnav a.active { color: var(--blue); }
.topnav a.active:after { position: absolute; content: ""; height: 3px; bottom: 0; left: 0; right: 0; background: var(--blue); border-radius: 3px; }
.header-end { margin-left: auto; display: flex; gap: 22px; align-items: center; }
.environment { font-size: 11px; color: var(--muted); border: 1px solid var(--line); padding: 3px 8px; border-radius: 5px; white-space: nowrap; }
.account-menu { position: relative; }
.account-menu summary { display: flex; gap: 9px; align-items: center; cursor: pointer; font-size: 12px; list-style: none; }
.account-popover { position: absolute; right: 0; top: 40px; min-width: 175px; background: white; padding: 8px; border-radius: 9px; box-shadow: 0 10px 35px #17203320; border: 1px solid var(--line); }
.menu-item { width: 100%; text-align: left; background: none; border: 0; padding: 10px; border-radius: 5px; }
.menu-item:hover { background: var(--soft); color: var(--blue); }
.preview-bar { display: flex; gap: 12px; align-items: center; padding: 10px 38px; background: #fff7e6; color: #8b6317; font-size: 12px; border-bottom: 1px solid #f0e4c5; }
.preview-dot { width: 7px; height: 7px; border-radius: 50%; background: #d7a23c; }
.sandbox-bar { text-align: center; background: #f0f1fa; font-size: 11px; color: #8a90a3; padding: 7px; }
.page-shell { max-width: 1512px; margin: auto; padding: 28px 38px 50px; }
.market-layout { display: grid; grid-template-columns: 198px minmax(0,1fr); gap: 30px; }
.side-link { padding: 10px 12px; display: flex; align-items: center; gap: 11px; border-radius: 7px; margin: 3px 0; color: #667087; font-size: 13px; }
.side-link.active { background: var(--blue); color: white; font-weight: 650; }
.side-link:hover:not(.active) { background: #eaeef5; }
.side-link .count { margin-left: auto; font-size: 11px; opacity: .7; }
.side-link img { width: 17px; height: 17px; object-fit: contain; opacity: .8; }
.side-link.active img { filter: brightness(0) invert(1); }
.side-separator { height: 1px; background: var(--line); margin: 19px 12px; }
.sidebar-help { margin: 24px 8px; padding: 16px; background: #edf0f7; border-radius: 9px; font-size: 12px; color: #7d879b; }
.sidebar-help strong { display: block; color: #59637b; margin-bottom: 6px; }
.catalog-heading .serial { font-size: 10px; color: #a7aec0; letter-spacing: 2px; }
.search-bar { display: flex; align-items: center; padding: 5px 6px 5px 17px; background: white; border: 1px solid #dce0ec; border-radius: 9px; margin-bottom: 19px; gap: 12px; }
.search-bar .icon { color: #929bae; }
.search-bar input { border: 0; background: none; min-width: 0; flex: 1; padding: 9px 0; outline: none; font-size: 13px; }
.search-bar button { border: 0; background: var(--blue); color: white; padding: 10px 25px; border-radius: 6px; font-weight: 600; }
.search-shortcut { font-size: 10px; color: #a5acbd; border: 1px solid var(--line); padding: 1px 5px; border-radius: 4px; }
.business-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; margin-bottom: 23px; }
.business-entry:hover,.business-entry.selected { border-color: #aaaeea; }
.business-icon { width: 42px; height: 42px; border-radius: 10px; display: grid; place-items: center; background: #eeefff; color: #6262d8; flex: none; }
.business-entry.long .business-icon { background: #e9f5f1; color: #278f7c; }
.business-entry.short .business-icon { background: #fff2e3; color: #c68839; }
.business-entry strong { font-size: 14px; }
.section-label { display: flex; align-items: center; gap: 9px; font-size: 15px; font-weight: 700; margin-bottom: 12px; }
.section-label:before { content: ""; width: 3px; height: 14px; background: var(--blue); border-radius: 2px; }
.section-label small { margin-left: auto; font-size: 11px; font-weight: 400; }
.service-chip img { width: 17px; height: 17px; object-fit: contain; }
.service-chip.active { background: var(--soft); border-color: #c4c6ef; color: var(--blue); }
.filters { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; background: #fff; border: 1px solid var(--line); border-radius: 9px; padding: 12px; margin-bottom: 20px; }
.filters select { border: 1px solid var(--line); background: #fbfcfe; border-radius: 6px; padding: 7px 26px 7px 9px; font-size: 11px; color: #647088; max-width: 220px; }
.filter-title { font-size: 11px; color: #8a93a6; display: flex; align-items: center; gap: 6px; margin-right: 3px; }
.filter-button { border: 0; background: #edf0fa; color: var(--blue); font-size: 11px; padding: 8px 13px; border-radius: 5px; }
.clear-link { font-size: 11px; color: #9aa2b2; padding: 5px; }
.catalog-toolbar { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin: 8px 0 13px; }
.result-count { font-size: 12px; color: #9199aa; }
.result-count b { color: #414c64; }
.sort-form { display: flex; gap: 8px; align-items: center; font-size: 11px; color: #969eb0; }
.sort-form select { border: 0; background: transparent; font-size: 11px; color: #5e6880; max-width: 190px; }
.sort-form button { border: 0; background: none; color: var(--blue); font-size: 11px; }
.product-card { background: white; border: 1px solid var(--line); border-radius: 11px; overflow: hidden; display: flex; flex-direction: column; transition: border-color .15s,transform .15s; min-width: 0; }
.product-card:hover { border-color: #b9bdf0; transform: translateY(-2px); }
.product-image { width: 52px; height: 52px; border-radius: 11px; background: #f5f6fa; border: 1px solid #eef0f5; display: flex; align-items: center; justify-content: center; flex: none; overflow: hidden; }
.product-image img { width: 100%; height: 100%; object-fit: contain; padding: 6px; }
.product-image.remote img { padding: 0; object-fit: cover; }
.product-image.large { width: 92px; height: 92px; border-radius: 17px; }
.product-image.mini { width: 37px; height: 37px; border-radius: 8px; }
.service-caption { min-width: 0; flex: 1; }
.service-caption strong { font-size: 10px; color: #59647d; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.service-caption span { display: block; font-size: 10px; color: #a6adbd; margin-top: 3px; }
.card-tags { display: flex; gap: 5px; flex-wrap: wrap; max-height: 45px; overflow: hidden; }
.tag { font-size: 10px; padding: 3px 6px; color: #858fa4; border: 1px solid #e9ecf3; border-radius: 4px; line-height: 1.3; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tag.purple { background: var(--soft); color: #6d71bd; border-color: transparent; }
.tag.amber { color: #b38637; background: #fff7e6; border-color: transparent; }
.tag.green { color: var(--green); background: #ebf6f1; border-color: transparent; }
.card-price { min-width: 0; }
.price-number { font-size: 21px; color: #333d60; font-weight: 700; letter-spacing: -.7px; }
.price-number em { font-size: 10px; font-style: normal; letter-spacing: 0; margin-right: 2px; font-weight: 500; }
.card-price .price-unit { font-size: 9px; color: #a2a9b9; display: block; margin-top: 2px; }
.arrow-button { width: 27px; height: 27px; display: grid; place-items: center; border-radius: 6px; background: #f0f1fa; color: #777bd0; flex: none; }
.arrow-button .icon { width: 15px; }
.stock-dot { display: inline-block; width: 4px; height: 4px; border-radius: 50%; background: #bcc1cf; margin-right: 4px; }
.stock-dot.available { background: #52b99a; }
.recommendation-slot p { font-size: 11px; color: #a4acbd; }
.recommendation-item { display: flex; gap: 10px; align-items: center; }
.pagination { display: flex; align-items: center; justify-content: space-between; margin-top: 25px; padding: 17px 0; border-top: 1px solid var(--line); gap: 15px; color: #8d96aa; font-size: 12px; }
.page-links { display: flex; gap: 6px; align-items: center; flex-wrap: wrap; }
.page-links a,.page-links strong { display: inline-grid; place-items: center; min-width: 32px; height: 32px; border-radius: 6px; border: 1px solid var(--line); background: white; padding: 0 8px; }
.page-links strong { color: white; background: var(--blue); border-color: var(--blue); }
.empty-state { text-align: center; padding: 65px 25px; background: white; border: 1px dashed #d9deea; border-radius: 12px; }
.empty-state .icon { width: 38px; height: 38px; color: #b1b8cd; margin-bottom: 16px; }
.empty-state h3 { margin-bottom: 8px; }
.empty-state a:not(.button) { display: inline-block; margin-top: 18px; color: var(--blue); font-size: 12px; }
.mobile-nav { display: none; }
.toast.error { background: #fff1ee; border-color: #efdad4; color: #a45441; }
.toast.info { background: #edf3fb; border-color: #dce6f6; color: #5b77a3; }
.loading-bar { position: fixed; top: 0; left: 0; width: 0; height: 3px; z-index: 100; background: var(--blue); }
body.is-loading .loading-bar { width: 80%; transition: width 5s; }
body.is-loading main { opacity: .65; pointer-events: none; }
.button,button.primary { display: inline-flex; justify-content: center; align-items: center; gap: 8px; border: 0; background: var(--blue); color: white; border-radius: 7px; padding: 10px 17px; font-size: 12px; font-weight: 600; }
.button.small { padding: 7px 11px; font-size: 11px; }
.button.danger { background: #fff0ed; color: #b56350; }
.button.full { width: 100%; }
.panel h2,.panel h3 { margin-bottom: 14px; }
.panel p { margin: 8px 0; }
.field,.panel form p { display: flex; flex-direction: column; gap: 7px; margin-bottom: 16px; }
.field label { font-size: 12px; color: #6c778f; font-weight: 600; }
.field input,.field select,.field textarea,.panel form p input,.panel form p select,.panel form p textarea { border: 1px solid #dfe3ee; border-radius: 7px; padding: 10px 12px; width: 100%; background: white; color: var(--ink); min-width: 0; }
.field textarea { resize: vertical; }
table { border-collapse: collapse; width: 100%; font-size: 12px; }
th { text-align: left; font-weight: 500; color: #919aad; font-size: 10px; background: #f9fafc; padding: 12px; }
td { padding: 14px 12px; border-bottom: 1px solid #edf0f6; vertical-align: middle; }
td small { font-size: 10px; display: block; margin-top: 4px; }
.table-title { max-width: 300px; display: flex; align-items: center; gap: 11px; }
.table-title a { font-weight: 600; font-size: 12px; line-height: 1.6; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.nowrap { white-space: nowrap; }
.detail-hero { display: flex; gap: 20px; align-items: flex-start; margin-bottom: 24px; }
.variant-choice { border: 1px solid var(--line); border-radius: 8px; padding: 12px 13px; min-width: 0; }
.text-content { white-space: pre-wrap; overflow-wrap: anywhere; color: #778197; font-size: 12px; line-height: 1.9; max-height: 440px; overflow: auto; }
.terms-block { background: #f7f8fc; border: 1px solid #eceef6; border-radius: 8px; padding: 16px; font-size: 12px; line-height: 1.9; color: #747d93; white-space: pre-wrap; overflow-wrap: anywhere; }
.purchase-box { position: sticky; top: 100px; height: fit-content; }
.purchase-message { font-size: 11px; line-height: 1.8; padding: 14px; border-radius: 7px; background: #fff9eb; color: #aa8549; margin: 17px 0; }
.delivery-steps { display: grid; grid-template-columns: repeat(3,1fr); margin: 16px 0 23px; border-bottom: 1px solid var(--line); padding-bottom: 20px; }
.delivery-step { font-size: 10px; color: #a4acbc; }
.delivery-step b { display: block; color: #66708a; font-size: 12px; margin-bottom: 5px; }
.delivery-step.active b { color: var(--blue); }
.secret-box { padding: 26px; background: #f4f5ff; border: 1px solid #e3e5fc; border-radius: 10px; margin: 16px 0; }
.secret-caption { font-size: 11px; color: #858bb3; margin-bottom: 10px; }
.secret-value { font-family: ui-monospace,Consolas,monospace; font-size: 29px; letter-spacing: 1px; overflow-wrap: anywhere; color: #3f4873; }
.secret-value.otp { font-size: 40px; letter-spacing: 9px; }
.receipt { font-size: 11px; color: #929bb0; overflow-wrap: anywhere; }
.order-state { display: inline-flex; align-items: center; gap: 6px; color: #4f8e7c; font-size: 11px; background: #eef8f4; padding: 5px 9px; border-radius: 5px; }
.empty-code { padding: 35px 15px; text-align: center; border: 1px dashed #d9deec; border-radius: 10px; margin: 16px 0; color: #9ba3b7; font-size: 12px; }
.ops-layout { display: grid; grid-template-columns: 190px minmax(0,1fr); gap: 30px; }
.ops-side { background: var(--navy); border-radius: 13px; padding: 18px 10px; align-self: start; position: sticky; top: 100px; }
.ops-side .sidebar-caption { color: #747eab; }
.ops-side .side-link.active { background: #384168; color: white; }
.ops-side .side-link:hover { background: #30395f; }
.ops-side .side-separator { background: #374164; }
.ops-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin: 0 0 23px; }
.ops-heading h1 { font-size: 25px; }
.ops-heading p { font-size: 12px; color: #929aaf; margin-top: 6px; }
.metrics { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 15px; margin-bottom: 23px; }
.metric-card { background: white; border: 1px solid var(--line); border-radius: 10px; padding: 18px 20px; }
.metric-card span { font-size: 11px; color: #929aaf; }
.metric-card strong { font-size: 28px; font-weight: 650; display: block; letter-spacing: -1px; margin: 6px 0; }
.metric-card small { font-size: 10px; }
.ops-toolbar input[type=search] { flex: 1; min-width: 180px; }
.ops-panel { background: white; border: 1px solid var(--line); border-radius: 10px; margin-bottom: 20px; overflow: hidden; }
.ops-panel-head { padding: 17px 20px; border-bottom: 1px solid var(--line); display: flex; justify-content: space-between; align-items: center; gap: 15px; }
.ops-panel-body { padding: 20px; }
.progress { height: 5px; background: #edf0f7; border-radius: 5px; margin-top: 10px; overflow: hidden; }
.progress span { display: block; height: 100%; background: var(--blue); }
.supplier-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.supplier-card { padding: 22px; background: white; border: 1px solid var(--line); border-radius: 11px; min-width: 0; }
.supplier-card h3 { margin-bottom: 6px; }
.supplier-card form { margin: 16px 0; }
.supplier-card label { display: block; margin: 12px 0; line-height: 1.6; }
.supplier-card input[type="password"] { display: block; width: 100%; box-sizing: border-box; margin-top: 6px; }
.supplier-card form button { margin: 4px 4px 4px 0; }
.source-image-editor { display: flex; align-items: center; gap: 18px; margin-bottom: 18px; }
.source-image-editor p { font-size: 11px; color: #99a2b6; overflow-wrap: anywhere; }
.inline { display: inline; }
.mobile-filter-toggle { display: none; }
.checkrow { display: flex; align-items: center; gap: 9px; font-size: 12px; padding: 10px; border-bottom: 1px solid var(--line); }
.checkrow input { width: auto; }
.notice { padding: 13px 17px; background: #fff5df; color: #99763f; border-radius: 8px; font-size: 12px; margin: 15px 0; }
.panel dl { display: grid; grid-template-columns: 100px minmax(0,1fr); font-size: 12px; gap: 10px; }
.panel dt { color: #9ba4b7; }
.panel dd { margin: 0; overflow-wrap: anywhere; }
.two { display: grid; grid-template-columns: minmax(0,1.6fr) minmax(0,1fr); gap: 24px; }
.two>* { min-width: 0; }
.secret { padding: 20px; margin: 16px 0; background: #f2f1ff; border: 1px solid #dcd9ff; border-radius: 12px; font: 600 22px monospace; overflow-wrap: anywhere; }
.actions { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 20px; }
.countdown { font-variant-numeric: tabular-nums; color: #5850cf; }
.terms { font-size: 12px; color: #758099; white-space: pre-wrap; overflow-wrap: anywhere; }
.two .panel { margin-bottom: 20px; }
.two button { padding: 10px 14px; border-radius: 8px; border: 1px solid #ddd; background: #efedff; cursor: pointer; }
.market-main,.ops-layout>section { min-width: 0; }
.ops-main { min-width: 0; }
.panel form p { margin: 12px 0; }
.panel input,.panel select { max-width: 100%; }
.panel form:not(.actions form) { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 12px; }
.panel form>p { flex: 1 1 280px; margin: 0; }
.panel form>p>input:not([type=checkbox]),.panel form>p>textarea,.panel form>p>select { width: 100%; border: 1px solid #cdd3e0; border-radius: 7px; padding: 10px; }
.panel form>label { display: flex; flex-direction: column; gap: 6px; max-width: 100%; }
.panel input,.panel select,.panel textarea { padding: 9px; border: 1px solid #cdd3e0; border-radius: 6px; }
.panel textarea { max-width: 100%; width: 100%; min-width: 0; }
.panel details { margin: 12px 0; }
.panel summary { cursor: pointer; padding: 10px; background: #eef0f9; border-radius: 6px; }
.ops-mobile-links { display: none; overflow-wrap: anywhere; }
.ops-main>h1,.ops-main>h2 { margin-bottom: 15px; }
.ops-main>p { margin: 12px 0 20px; }
.panel>h2,.panel>h3 { margin-bottom: 12px; }
.panel a.menu-item { display: block; }
.category-picker { flex: 1 1 100%; min-width: 0; border: 1px solid #ccd3e0; border-radius: 8px; padding: 12px; }
.category-picker legend { font-weight: 700; }
.category-picker input[type=search] { width: 100%; min-height: 44px; }
.category-options { max-height: 260px; overflow: auto; margin-top: 12px; }
.category-options label { display: flex; align-items: center; gap: 12px; min-height: 44px; padding: 8px; border-bottom: 1px solid #edf0f5; }
.category-options label[hidden] { display: none; }
.category-options input { width: 20px; height: 20px; flex: none; }
.category-tags { display: flex; flex-wrap: wrap; gap: 8px; }
.category-tags button { min-height: 44px; white-space: normal; }
.category-picker .actions { flex-wrap: wrap; }
.category-picker p { margin: 10px 0; }
[hidden] { display: none!important; }
.management-shell { background: #edf1f7; }
.management-header .brand { color: #fff; font-size: 23px; }
.management-header .header-end { display: flex; flex-wrap: wrap; gap: 12px; }
.management-header .environment { color: #e0eaff; background: #314764; }
.management-shell .ops-side { background: #fff; border-radius: 12px; padding: 16px; }
.management-shell .preview-bar { background: #fff0cf; border: 2px solid #b77414; color: #583500; flex-wrap: wrap; }
.management-shell .page-shell { padding-top: 24px; }
.site-header.management-header { background: #182b48; color: #fff; border-bottom: 4px solid #5b81bd; height: auto; min-height: 78px; }
.management-header .header-inner { height: auto; flex-wrap: wrap; gap: 18px; padding-top: 14px; padding-bottom: 14px; }
.preview-bar a { margin-left: auto; font-weight: 700; text-decoration: underline; display: inline-flex!important; min-height: 44px; align-items: center; }
.market-main { --muted: #58657b; }
.catalog-heading { display: flex; justify-content: space-between; gap: 15px; align-items: center; margin: 3px 0 22px; margin-bottom: 12px; }
.catalog-heading h1 { font-size: 22px; }
.catalog-heading p { font-size: 12px; margin-top: 7px; color: #58657b; }
.business-entry { background: white; border: 1px solid var(--line); border-radius: 10px; padding: 18px; display: flex; gap: 13px; align-items: center; overflow: visible; min-width: 0; }
.business-entry>div { min-width: 0; }
.business-entry small { display: block; font-size: 11px; margin-top: 4px; color: #58657b; }
.business-entry .entry-count { margin-left: auto; font-size: 11px; color: #58657b; }
.recommendation-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; margin: 0 0 21px; align-items: start; overflow: visible; }
.recommendation-slot { border: 1px solid var(--line); background: #fff; border-radius: 12px; padding: 16px; min-width: 0; }
.slot-heading { display: flex; align-items: center; justify-content: space-between; font-size: 11px; color: #626d85; margin-bottom: 8px; margin: 0; gap: 8px; }
.slot-heading h2 { font-size: 16px; color: #202c43; }
.slot-heading a { font-size: 13px; font-weight: 600; color: #444cc1; white-space: nowrap; }
.recommendation-slot .slot-purpose { font-size: 13px; color: #58657b; line-height: 1.6; margin: 2px 0 12px; }
.page-shell a.recommendation-item { display: flex; align-items: flex-start; gap: 12px; min-width: 0; border-top: 1px solid #edf0f5; padding-top: 12px; }
.recommendation-copy { flex: 1; min-width: 0; }
.recommendation-item strong { display: block; font-size: 14px; line-height: 1.6; white-space: normal; overflow: visible; text-overflow: clip; max-width: none; overflow-wrap: anywhere; color: #202c43; }
.recommendation-item small { display: block; font-size: 12px; color: #58657b; line-height: 1.6; margin-top: 3px; }
.recommendation-price { display: block; font-size: 16px; font-weight: 700; color: #303b7b; margin-top: 6px; }
.recommendation-price small { display: inline; font-size: 12px; font-weight: 400; }
.recommendation-arrow { align-self: center; color: #444cc1; }
.recommendation-slot .recommendation-empty { font-size: 13px; color: #58657b; margin: 12px 0 0; }
.service-heading { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 8px 0; }
.service-heading h2 { font-size: 16px; }
.service-heading a { font-size: 13px; color: #444cc1; }
.service-strip { display: flex; flex-wrap: wrap; gap: 8px; padding-bottom: 8px; margin-bottom: 14px; overflow: visible; }
.service-chip { flex: none; background: white; border: 1px solid var(--line); padding: 8px 12px; display: flex; align-items: center; gap: 8px; border-radius: 7px; font-size: 12px; white-space: normal; }
.product-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; align-items: start; }
.card-main { padding: 17px 17px 12px; display: block; min-width: 0; flex: none; }
.card-top { display: flex; gap: 11px; align-items: flex-start; margin-bottom: 12px; }
.card-title { min-width: 0; }
.card-kind { font-size: 12px; color: #58657b; }
.product-card h3 { font-weight: 650; -webkit-box-orient: vertical; overflow-wrap: anywhere; margin-bottom: 10px; display: block; min-height: 0; -webkit-line-clamp: unset; overflow: visible; margin: 4px 0 0; font-size: 15px; line-height: 1.6; }
.card-facts { margin: 0; display: grid; gap: 5px; font-size: 13px; line-height: 1.6; }
.card-facts>div { display: grid; grid-template-columns: 32px minmax(0,1fr); gap: 10px; }
.card-facts dt { color: #58657b; }
.card-facts dd { margin: 0; color: #344158; overflow-wrap: anywhere; }
.card-footer { padding: 12px 17px; border-top: 1px solid #f1f2f6; display: flex; justify-content: space-between; min-height: 0; align-items: center; gap: 12px; }
.view-product { padding: 9px 12px; border-radius: 8px; background: #eef0ff; color: #424ab8; font-size: 13px; font-weight: 600; white-space: nowrap; display: inline-flex; align-items: center; min-height: 44px; }
.price-unit { color: #58657b; font-size: 12px; }
.card-price small { display: block; margin-bottom: 3px; color: #58657b; font-size: 12px; }
.management-shell .ops-side .side-link:not(.active) { color: #43506a; }
:root { --ink: #172033; --line: #e7eaf1; --bg: #f6f7fb; --blue: #4c52d9; --navy: #1d2548; --soft: #eeefff; --green: #13836d; --muted: #58657b; --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-6: 24px; --space-8: 32px; }
body { margin: 0; color: var(--ink); background: var(--bg); font: 14px/1.55 Inter,"Segoe UI","Microsoft YaHei",sans-serif; font-family: "Segoe UI","PingFang SC","Microsoft YaHei",sans-serif; font-size: 14px; line-height: 1.65; }
button,.button { min-height: 40px; border: 1px solid transparent; border-radius: 8px; background: var(--blue); color: #fff; padding: 9px 15px; line-height: 1.5; font-weight: 600; display: inline-flex; align-items: center; justify-content: center; gap: 6px; }
.button.secondary,button.secondary { border: 1px solid var(--line); background: #fff; color: #3f4a65; border-color: #cdd4e1; }
.text-button { background: transparent; color: #444cc1; padding: 5px 0; min-height: 32px; }
.favorite-action { margin: 4px 0 0; }
.page-shell :where(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea) { border: 1px solid #cdd4e1; border-radius: 8px; background: #fff; color: #243149; min-height: 40px; padding: 9px 11px; max-width: 100%; font-size: 14px; }
.page-shell .search-bar input { border: 0; box-shadow: none; padding: 8px 0; }
.page-shell input[type=checkbox] { width: 20px; height: 20px; accent-color: var(--blue); flex: none; }
.panel { background: white; border: 1px solid var(--line); min-width: 0; overflow-wrap: anywhere; border-radius: 12px; padding: 24px; margin-bottom: 20px; }
.panel>h1,.panel>h2,.panel>h3 { margin-bottom: 12px; }
.panel>p { margin-bottom: 12px; margin: 8px 0 14px; color: #58657b; }
.panel>form,.panel form:not(.actions form) { gap: 16px; }
.panel form>p>label { display: block; margin-bottom: 6px; font-weight: 600; color: #26334b; }
.helptext { display: block; color: #58657b; font-size: 12px; line-height: 1.7; margin-top: 6px; }
.page-shell>h1,.ops-main>h1 { margin: 0 0 12px; font-size: 26px; }
.page-shell>p,.ops-main>p { margin: 0 0 20px; color: #58657b; }
.page-heading { margin-bottom: 20px; }
.page-heading h1 { margin: 0 0 6px; }
.page-heading p { color: #58657b; }
.status-badge { display: inline-flex; align-items: center; border-radius: 5px; background: #edf0ff; color: #3d4a8f; padding: 4px 9px; font-size: 12px; font-weight: 600; }
.toast,.notice,.purchase-message { font-size: 13px; line-height: 1.75; border-radius: 8px; padding: 12px 14px; color: #664b1b; background: #fff5df; }
.toast { border: 1px solid #dbe6db; background: #f0f8f1; padding: 12px 16px; border-radius: 8px; font-size: 12px; color: #4f7657; margin-bottom: 16px; }
.errorlist { font-size: 12px; color: #a22434; list-style: none; padding: 12px; background: #fff0f2; border-radius: 7px; border-left: 3px solid #ac2945; }
.empty-state h2,.empty-state h3 { font-size: 18px; margin-bottom: 8px; }
.empty-state p { font-size: 12px; line-height: 1.8; max-width: 440px; color: #58657b; margin: 8px 0 16px; }
.subheading { margin: 10px 0 17px; font-size: 13px; color: #58657b; line-height: 1.7; }
.page-shell details { border: 1px solid #dfe4ee; border-radius: 8px; padding: 10px 12px; margin: 12px 0; }
.page-shell summary { cursor: pointer; font-weight: 600; min-height: 32px; }
.ops-main h2 { font-size: 18px; }
.ops-main h3 { font-size: 16px; }
.ops-main .panel { margin-top: 16px; }
.ops-main .panel p { font-size: 14px; }
.ops-panel-head h2 { font-size: 16px; }
.ops-panel table,.panel table { table-layout: auto; font-size: 13px; width: 100%; }
.table-wrap { overflow: auto; max-width: 100%; overflow-x: auto; }
.table-wrap td,.table-wrap th { white-space: normal; overflow-wrap: anywhere; max-width: 360px; line-height: 1.7; }
.table-wrap td small { font-size: 12px; }
.ops-toolbar { display: flex; align-items: center; flex-wrap: wrap; margin-bottom: 17px; padding: 16px; background: #fff; border: 1px solid #dfe4ee; border-radius: 12px; gap: 12px; }
.ops-toolbar input,.ops-toolbar select { padding: 9px 11px; border: 1px solid var(--line); border-radius: 6px; background: white; max-width: 220px; font-size: 14px; min-height: 42px; }
.ops-toolbar label { display: flex; align-items: center; gap: 8px; font-size: 13px; }
.ops-toolbar button { margin-left: auto; }
.bulk-bar { display: flex; align-items: center; background: #fafbfe; border-bottom: 1px solid var(--line); gap: 12px; flex-wrap: wrap; padding: 14px 16px; font-size: 13px; }
.bulk-bar label { display: flex; align-items: center; gap: 8px; }
.bulk-bar select { border: 1px solid var(--line); border-radius: 5px; padding: 6px 9px; background: white; min-width: 130px; }
.audit-item { padding: 15px 0; border-bottom: 1px solid var(--line); overflow-wrap: anywhere; font-size: 13px; }
.audit-item small { display: block; margin-top: 5px; font-size: 12px; color: #58657b; }
.credential { padding: 9px 0; border-bottom: 1px solid var(--line); display: flex; justify-content: space-between; gap: 10px; overflow-wrap: anywhere; font-size: 13px; }
.ops-side .side-link { color: #adb5d0; font-size: 13px; }
.sidebar-caption { letter-spacing: 1.6px; color: #9ca4b6; font-weight: 700; padding: 12px 14px; font-size: 11px; }
.site-footer { max-width: 1512px; margin: auto; padding: 24px 38px; display: flex; justify-content: space-between; gap: 20px; border-top: 1px solid var(--line); font-size: 10px; color: #58657b; }
.detail-layout { display: grid; grid-template-columns: minmax(0,1fr) 330px; grid-template-areas: "overview purchase" "options purchase" "terms purchase" "description purchase"; gap: 20px; align-items: start; }
.detail-layout>.panel { margin: 0; min-width: 0; }
.detail-overview { grid-area: overview; }
.detail-options { grid-area: options; scroll-margin-top: 100px; }
.detail-terms { grid-area: terms; }
.detail-description { grid-area: description; }
.detail-layout>.purchase-box { grid-area: purchase; position: sticky; top: 100px; }
.detail-hero h1 { margin-top: 8px; font-size: 25px; line-height: 1.5; overflow-wrap: anywhere; }
.detail-type-label { color: var(--blue); font-weight: 700; font-size: 13px; letter-spacing: 0; }
.category-line { margin-top: 10px; font-size: 13px; color: #58657b; }
.details-facts { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid var(--line); padding-top: 20px; gap: 16px; }
.fact span { display: block; margin-bottom: 5px; font-size: 12px; color: #58657b; }
.fact strong { font-weight: 500; overflow-wrap: anywhere; font-size: 14px; line-height: 1.7; }
.section-title { font-weight: 650; display: flex; gap: 10px; align-items: center; margin-bottom: 16px; font-size: 18px; }
.section-title small { font-weight: 400; font-size: 13px; color: #58657b; }
.variant-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.page-shell a.variant-choice { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; padding: 14px; min-width: 0; min-height: 0; white-space: normal; }
.variant-choice strong { display: block; font-size: 14px; line-height: 1.6; overflow-wrap: anywhere; }
.variant-choice small { display: block; margin-top: 6px; font-size: 13px; line-height: 1.7; }
.variant-choice.selected { border-color: var(--blue); box-shadow: inset 0 0 0 1px var(--blue); border: 2px solid #4c52d9; background: #f2f3ff; padding: 13px; }
.selected-label { font-size: 11px; padding: 2px 5px; background: #4c52d9; color: white; border-radius: 4px; margin-right: 6px; }
.variant-price { color: var(--blue); display: block; font-size: 17px; margin-top: 8px; font-weight: 700; }
.purchase-box .price-number { display: block; margin: 12px 0; font-size: 32px; }
.price-caption { font-size: 13px; color: #58657b; line-height: 1.7; }
.purchase-row { display: flex; justify-content: space-between; color: #949daf; padding: 10px 0; border-bottom: 1px solid #f0f2f7; font-size: 13px; gap: 12px; align-items: flex-start; }
.purchase-row strong { color: #657087; font-weight: 500; overflow-wrap: anywhere; text-align: right; max-width: 75%; }
.consent { display: flex; gap: 6px; margin: 17px 0; font-size: 13px; color: #43506a; align-items: flex-start; line-height: 1.8; }
.consent input { margin-top: 3px; }
.terms-block,.text-content { font-size: 14px; line-height: 1.9; color: #43506a; overflow-wrap: anywhere; }
.breadcrumb { color: #919aad; display: flex; gap: 9px; margin-bottom: 22px; font-size: 13px; flex-wrap: wrap; }
.detail-layout+.section-label { margin-top: 28px; }
.inventory-head,.inventory-row { display: grid; grid-template-columns: minmax(260px,2.3fr) minmax(110px,1fr) minmax(130px,1fr) minmax(110px,.8fr); gap: 18px; padding: 16px; }
.inventory-head { background: #f8f9fc; font-size: 12px; color: #58657b; border-bottom: 1px solid #e3e7ef; }
.inventory-row { align-items: start; border-bottom: 1px solid #e3e7ef; }
.inventory-row:last-child { border: 0; }
.inventory-row>div { min-width: 0; }
.inventory-product { display: flex; gap: 12px; align-items: flex-start; }
.inventory-product input { margin-top: 8px; }
.inventory-product>div:last-child { min-width: 0; }
.page-shell a.inventory-title { font-size: 14px; line-height: 1.65; font-weight: 600; display: block; min-height: 0; overflow-wrap: anywhere; }
.inventory-row small { display: block; font-size: 12px; color: #58657b; margin-top: 5px; overflow-wrap: anywhere; }
.inventory-source strong,.inventory-price strong { font-size: 13px; font-weight: 500; overflow-wrap: anywhere; }
.inventory-action { display: flex; align-items: flex-start; flex-direction: column; gap: 8px; }
.mobile-field { display: none; }
.inventory-action .button { font-size: 13px; padding: 7px 12px; }
.catalog-filters input[type=search] { min-width: 220px; max-width: none; flex: 1 1 240px; }
.catalog-filters>label { flex: 1 1 100%; order: 5; }
.catalog-filters select { max-width: 220px; }
.catalog-filters { align-items: center; }
.catalog-filters button { margin-left: 0; }
.order-list { display: grid; gap: 14px; grid-template-columns: repeat(2,minmax(0,1fr)); }
.order-summary { margin: 0; display: flex; flex-direction: column; gap: 12px; }
.order-summary h2 { font-size: 17px; margin: 0; line-height: 1.6; }
.order-summary p { margin: 0; font-size: 13px; color: #58657b; }
.order-summary-top,.order-summary-bottom { display: flex; justify-content: space-between; gap: 12px; align-items: center; font-size: 13px; color: #58657b; }
.order-summary-bottom { margin-top: auto; padding-top: 12px; border-top: 1px solid #edf0f5; }
.order-reference { font-size: 12px; color: #58657b; overflow-wrap: anywhere; margin: 8px 0 20px; }
.order-workspace h1 { font-size: 26px; margin: 12px 0; }
.order-workspace h2 { font-size: 20px; line-height: 1.6; }
.order-workspace h3 { font-size: 16px; margin: 22px 0 10px; }
.order-workspace .panel p { font-size: 14px; }
.order-workspace .actions { margin: 20px 0; }
.order-workspace .terms { font-size: 13px; line-height: 1.9; }
.order-workspace .secret { font-size: 23px; padding: 18px; background: #eef1ff; }
.order-workspace .panel dl { font-size: 14px; }
.order-workspace .panel dt { color: #58657b; }

/* @media(min-width:1600px) */
@media(min-width:1600px) {
  .page-shell,.header-inner,.site-footer { max-width: 1550px; }
  .product-grid { grid-template-columns: repeat(5,minmax(0,1fr)); }
}

/* @media(max-width:1250px) */
@media(max-width:1250px) {
  .header-inner { gap: 25px; padding: 0 25px; }
  .topnav { gap: 18px; }
  .page-shell { padding: 25px; }
  .market-layout { grid-template-columns: 172px minmax(0,1fr); gap: 22px; }
  .product-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .business-entry { padding: 14px; }
  .entry-count { display: none; }
  .header-end { gap: 12px; }
  .account-menu summary span { display: none; }
  .ops-layout { grid-template-columns: 165px minmax(0,1fr); gap: 20px; }
  .detail-layout { grid-template-columns: minmax(0,1fr) 300px; }
  .supplier-grid { grid-template-columns: 1fr; }
  .metrics { grid-template-columns: repeat(2,1fr); }
}

/* @media(max-width:1100px) */
@media(max-width:1100px) {
  .inventory-head,.inventory-row { grid-template-columns: minmax(220px,2fr) minmax(95px,1fr) minmax(110px,1fr) minmax(100px,.8fr); gap: 12px; }
  .detail-layout { grid-template-columns: minmax(0,1fr) 290px; }
  .variant-grid { grid-template-columns: 1fr; }
}

/* @media(max-width:980px) */
@media(max-width:980px) {
  .market-layout,.ops-layout { grid-template-columns: minmax(0,1fr); }
  .ops-mobile-links { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 20px; }
  .ops-mobile-links a { padding: 7px; background: white; border-radius: 6px; }
}

/* @media(max-width:900px) */
@media(max-width:900px) {
  .market-sidebar { display: none; }
  .market-layout { grid-template-columns: 1fr; }
  .topnav { gap: 15px; font-size: 12px; }
  .header-end .environment { display: none; }
  .ops-side { display: none; }
  .ops-layout { grid-template-columns: 1fr; }
  .detail-layout { grid-template-columns: minmax(0,1fr) 280px; }
  .recommendation-item strong { max-width: 130px; }
  .two { grid-template-columns: 1fr; }
}

/* @media(max-width:768px) */
@media(max-width:768px) {
  .detail-layout { grid-template-columns: minmax(0,1fr); grid-template-areas: "overview" "options" "purchase" "terms" "description"; gap: 16px; }
  .detail-layout>.purchase-box { position: static; }
  .detail-hero h1 { font-size: 22px; }
  .inventory-head { display: none; }
  .inventory-row { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; padding: 16px; }
  .inventory-product { grid-column: 1/-1; }
  .inventory-action { grid-column: 1/-1; flex-direction: row; align-items: center; flex-wrap: wrap; }
  .inventory-action .button { margin-left: auto; }
  .mobile-field { display: block; font-size: 12px; color: #58657b; margin-bottom: 4px; }
  .inventory-row small { font-size: 12px; }
  .inventory-title { font-size: 15px; }
  .order-list { grid-template-columns: 1fr; }
  .detail-options { scroll-margin-top: 80px; }
}

/* @media(max-width:700px) */
@media(max-width:700px) {
  .two { grid-template-columns: 1fr; }
  .secret { font-size: 18px; }
}

/* @media(max-width:640px) */
@media(max-width:640px) {
  .site-header { height: 65px; }
  .header-inner { padding: 0 17px; gap: 15px; }
  .brand { font-size: 18px; gap: 8px; }
  .brand-mark { width: 35px; height: 35px; font-size: 22px; border-radius: 10px; }
  .brand small { font-size: 8px; letter-spacing: 1px; }
  .topnav { display: none; }
  .account-menu summary span { display: none; }
  .page-shell { padding: 20px 15px 30px; }
  .preview-bar span:not(.preview-dot) { flex: 1; min-width: 190px; }
  .sandbox-bar { font-size: 9px; padding: 7px 15px; }
  .catalog-heading p { font-size: 11px; max-width: 240px; line-height: 1.7; }
  .catalog-heading .serial { display: none; }
  .search-shortcut { display: none; }
  .business-entry { padding: 11px 7px; flex-direction: column; align-items: flex-start; gap: 9px; border-radius: 9px; }
  .business-icon .icon { width: 18px; }
  .section-label { font-size: 14px; }
  .section-label small { font-size: 9px; }
  .recommendation-slot p { font-size: 10px; }
  .slot-heading { font-size: 10px; gap: 12px; }
  .filters { display: none; margin: 10px 0 17px; padding: 10px; }
  .filters.open { display: flex; }
  .filters select { max-width: 100%; flex: 1; min-width: 120px; font-size: 11px; padding: 8px; }
  .filter-title { width: 100%; margin-bottom: 3px; }
  .sort-form select { font-size: 10px; max-width: 145px; }
  .sort-form label { display: none; }
  .product-image { width: 41px; height: 41px; border-radius: 9px; }
  .service-caption strong { font-size: 9px; }
  .service-caption span { font-size: 9px; }
  .card-tags { max-height: 39px; gap: 4px; }
  .tag { font-size: 9px; padding: 3px 5px; }
  .price-unit { font-size: 8px; line-height: 1.5; }
  .card-price small { font-size: 8px; }
  .arrow-button { width: 22px; height: 24px; }
  .pagination { font-size: 10px; margin-top: 18px; align-items: flex-start; flex-direction: column; }
  .page-links a,.page-links strong { height: 29px; min-width: 29px; font-size: 11px; }
  .mobile-nav .icon { width: 19px; height: 19px; }
  .detail-layout { grid-template-columns: 1fr; gap: 16px; }
  .product-image.large { width: 67px; height: 67px; border-radius: 12px; }
  .category-line { font-size: 10px; }
  .variant-choice { padding: 10px; }
  .purchase-box { position: static; }
  .breadcrumb { font-size: 10px; margin-bottom: 17px; }
  .text-content,.terms-block { font-size: 11px; }
  .ops-heading { align-items: flex-start; gap: 12px; flex-wrap: wrap; }
  .ops-heading h1 { font-size: 22px; }
  .ops-heading p { font-size: 11px; }
  .metrics { gap: 9px; }
  .metric-card { padding: 14px; }
  .metric-card span { font-size: 10px; }
  .ops-panel-head,.ops-panel-body { padding: 15px; }
  .ops-toolbar input,.ops-toolbar select { max-width: 100%; font-size: 11px; flex: 1; }
  .ops-toolbar input[type=search] { min-width: 100%; flex: 1; }
  .ops-panel table { min-width: 750px; }
  .ops-panel.simple-table table { min-width: 500px; }
  .ops-panel-head .button { padding: 7px 9px; font-size: 10px; }
  .secret-box { padding: 19px; }
  .secret-value { font-size: 22px; }
  .secret-value.otp { font-size: 31px; letter-spacing: 6px; }
  .source-image-editor { align-items: flex-start; }
  .empty-state { padding: 45px 20px; }
  .toast { font-size: 11px; }
  .supplier-card { padding: 18px; }
  button,.button,select { min-height: 44px; }
  .panel form>p { flex-basis: 100%; }
  .panel form>label { width: 100%; }
  .account-popover .menu-item { display: block; min-height: 44px; }
  .page-shell :where(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select) { min-height: 44px; }
  .page-shell label[for],.page-shell summary { min-height: 44px; display: flex; align-items: center; }
  .panel input[type=checkbox] { width: 24px; height: 24px; min-height: 24px; }
  .panel form>p:has(input[type=checkbox]) { flex-direction: row; display: flex; align-items: center; gap: 12px; }
  .panel form>p:has(input[type=checkbox]) label { flex: 1; margin: 0; }
  .category-options label { min-height: 44px; }
  .category-options input[type=checkbox] { width: 22px; height: 22px; min-height: 22px; }
  .page-shell button { min-height: 44px; }
  .page-shell button.secondary { color: #384460; border: 1px solid #aab3c5; background: #fff; }
  .ops-main input[type=checkbox] { width: 24px; }
  .category-tags button { min-width: 44px; }
  .page-shell a.metric-card { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; }
  .metric-card strong { font-size: 25px; line-height: 1.1; }
  .page-shell .category-picker a { display: inline-flex; }
  .page-shell a { min-width: 44px; }
  .management-header .header-inner { padding: 16px; }
  .management-header .brand { font-size: 21px; }
  .management-header .header-end { width: 100%; }
  .management-header .header-end a,.management-header button { min-height: 44px; }
  .management-shell { padding-bottom: 0; }
  .preview-bar { font-size: 10px; gap: 10px; padding: 14px; flex-wrap: wrap; }
  .management-shell .site-footer { padding-bottom: 24px; }
  .preview-bar strong { font-size: 14px; }
  .preview-bar a { display: none; margin-left: 0; }
  .customer-shell .site-header { height: 60px; }
  .customer-shell .sandbox-bar { font-size: 11px; color: #58657b; padding: 4px 12px; }
  .customer-shell .page-shell { padding: 14px 12px 28px; }
  .catalog-heading h1 { font-size: 18px; }
  .catalog-heading { align-items: flex-start; margin: 0 0 10px; }
  .search-bar { padding-left: 12px; gap: 7px; margin-bottom: 12px; padding: 4px 5px 4px 12px; }
  .search-bar input { font-size: 14px; }
  .search-bar button { font-size: 14px; padding: 10px 16px; }
  .business-grid { grid-template-columns: minmax(0,1fr); gap: 8px; margin-bottom: 20px; overflow: visible; }
  .page-shell a.business-entry { display: flex; flex-direction: row; align-items: center; gap: 12px; padding: 11px 12px; min-height: 66px; }
  .business-icon { border-radius: 8px; width: 36px; height: 36px; }
  .business-entry strong { font-size: 15px; }
  .business-entry small { font-size: 12px; line-height: 1.5; margin-top: 2px; white-space: normal; }
  .business-entry .entry-count { display: block; font-size: 12px; white-space: nowrap; }
  .recommendation-grid { display: grid; grid-template-columns: minmax(0,1fr); gap: 12px; overflow: visible; margin-bottom: 24px; }
  .recommendation-slot { min-width: 0; padding: 14px; }
  .slot-heading h2 { font-size: 16px; }
  .recommendation-slot .slot-purpose { font-size: 12px; margin: 0 0 10px; }
  .recommendation-item .product-image.mini { width: 40px; height: 40px; }
  .recommendation-item strong { font-size: 14px; max-width: none; }
  .recommendation-item small { font-size: 12px; }
  .recommendation-price { font-size: 17px; }
  .service-heading { margin-top: 4px; }
  .service-strip { margin-right: 0; padding-right: 0; gap: 7px; flex-wrap: wrap; margin: 0 0 12px; overflow: visible; }
  .service-chip { padding: 7px 10px; font-size: 13px; }
  .product-grid { grid-template-columns: minmax(0,1fr); gap: 12px; }
  .product-card { border-radius: 12px; }
  .card-main { padding: 14px; flex: none; }
  .card-top { gap: 12px; margin-bottom: 12px; }
  .product-card .product-image { width: 44px; height: 44px; }
  .product-card h3 { margin-bottom: 8px; font-size: 15px; line-height: 1.6; min-height: 0; margin: 3px 0 0; }
  .card-kind { font-size: 12px; }
  .card-footer { padding: 12px 14px; min-height: 0; }
  .price-number { font-size: 23px; }
  .price-unit,.card-price small { font-size: 12px; }
  .catalog-toolbar { flex-wrap: wrap; gap: 8px; margin: 12px 0; }
  .result-count { font-size: 13px; color: #58657b; }
  .sort-form { margin-left: auto; font-size: 10px; gap: 6px; }
  .sort-form select,.sort-form button { font-size: 12px; }
  .mobile-filter-toggle { display: flex; align-items: center; gap: 6px; background: white; border: 1px solid var(--line); border-radius: 6px; padding: 7px 10px; font-size: 13px; color: #43506a; }
  .mobile-nav { display: flex; position: fixed; bottom: 0; left: 0; right: 0; z-index: 45; background: #fffffff5; border-top: 1px solid var(--line); padding: 10px 12px max(10px,env(safe-area-inset-bottom)); justify-content: space-around; backdrop-filter: blur(12px); min-height: 64px; }
  .mobile-nav a { display: flex; flex-direction: column; align-items: center; gap: 3px; font-size: 12px; color: #43506a; min-width: 48px; min-height: 44px; }
  .customer-shell .site-footer { padding-bottom: 96px; }
  .account-menu summary { min-width: 44px; min-height: 44px; justify-content: center; }
  button,.button { min-height: 44px; font-size: 14px; }
  .page-shell>h1,.ops-main>h1 { font-size: 23px; }
  .page-shell>p,.ops-main>p { font-size: 14px; }
  .panel { margin-bottom: 15px; padding: 18px; }
  .page-shell a:where(:not(.product-card a)) { min-height: 44px; }
  .page-shell a.recommendation-item { display: flex; width: 100%; min-height: 0; }
  .page-shell .slot-heading a { min-height: 32px; }
  .page-shell a.inventory-title { display: block; min-height: 0; }
  .page-shell a.variant-choice { display: flex; align-items: flex-start; text-align: left; gap: 4px; }
  .page-shell .search-bar input { font-size: 14px; border: 0; padding: 8px 0; min-width: 0; }
  .ops-toolbar { gap: 7px; padding: 14px; }
  .catalog-filters input[type=search] { min-width: 0; width: 100%; flex-basis: 100%; }
  .catalog-filters select { flex: 1 1 45%; min-width: 0; max-width: 100%; width: 100%; }
  .catalog-filters button { flex: 1; }
  .bulk-bar { flex-wrap: wrap; padding: 12px; font-size: 12px; gap: 10px; }
  .bulk-bar select { flex: 1; min-width: 0; }
  .bulk-bar .button { font-size: 13px; }
  .bulk-bar label { flex: 1 1 100%; }
  .bulk-bar>.muted { flex-basis: 100%; }
  .inventory-product { gap: 10px; }
  .inventory-row .product-image { display: none; }
  .inventory-row { padding: 14px; }
  .detail-hero { align-items: flex-start; gap: 12px; }
  .detail-hero .product-image.large { width: 48px; height: 48px; }
  .detail-hero h1 { margin-top: 4px; font-size: 20px; line-height: 1.6; }
  .details-facts { grid-template-columns: 1fr; gap: 10px; margin-top: 14px; padding-top: 14px; }
  .fact { display: flex; gap: 16px; justify-content: space-between; }
  .fact strong { font-size: 14px; text-align: right; max-width: 70%; }
  .section-title { font-size: 17px; flex-wrap: wrap; gap: 8px; }
  .variant-grid { gap: 8px; grid-template-columns: 1fr; }
  .variant-choice strong { font-size: 15px; }
  .variant-choice small { font-size: 13px; }
  .variant-price { font-size: 18px; }
  .purchase-box .price-number { font-size: 30px; }
  .purchase-box .full { width: 100%; }
  .terms-block,.text-content { font-size: 14px; }
  .order-summary-bottom { flex-wrap: wrap; }
  .order-summary h2 { font-size: 16px; }
  .order-workspace h1 { font-size: 23px; }
  .order-workspace h2 { font-size: 18px; }
  .order-workspace .two { gap: 0; }
  .order-workspace .actions form { flex: 1 1 45%; }
  .order-workspace .actions button { width: 100%; }
  .ops-main .panel { padding: 16px; }
  .ops-main .panel form>label { width: 100%; }
  .ops-main .panel input,.ops-main .panel select { max-width: 100%; }
  .ops-mobile-links { gap: 8px; }
  .ops-mobile-links a { display: flex; align-items: center; min-height: 44px; min-width: 44px; justify-content: center; font-size: 13px; color: #3f4a65; border: 1px solid #e0e5ee; padding: 8px 10px; }
  .page-shell .panel details { margin: 12px 0; }
  .site-footer { padding: 18px 15px 90px; flex-direction: column; gap: 7px; font-size: 11px; }
}

@media(max-width:1000px) {
  .manager-layout { grid-template-columns:1fr; }
  .ops-mobile-primary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin-bottom:8px; }
  .ops-mobile-primary a { background:#fff; border:1px solid var(--line); border-radius:7px; display:flex; align-items:center; justify-content:center; min-height:44px; font-weight:600; }
  .ops-mobile-menu { display:block; margin:0 0 18px; }
  .ops-mobile-menu summary { padding:10px 12px; background:#fff; border:1px solid var(--line); border-radius:7px; }
}

.report-row dl{display:grid;grid-template-columns:minmax(120px,1fr) minmax(0,3fr);gap:10px 20px}.report-row dt{color:var(--muted);font-weight:600}.report-row dd{margin:0;overflow-wrap:anywhere}.manager-question textarea{min-height:110px}@media(max-width:600px){.report-row dl{grid-template-columns:1fr;gap:4px}.report-row dd{margin-bottom:10px}}

.manager-question form{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:14px}.manager-question form>label{display:block;width:100%;min-width:0}.manager-question textarea,.manager-question select{display:block;width:100%;margin-top:8px}.manager-question form>button{justify-self:start}.manager-question details{width:100%}

.product-image{position:relative;overflow:visible}.product-image img.country-badge{position:absolute;right:-5px;bottom:-4px;width:28px;height:21px;padding:0;object-fit:cover;border:2px solid white;border-radius:3px;background:white}.icon-review-row form{display:grid;gap:12px}.icon-review-row label{min-width:0}.icon-review-row input,.icon-review-row select{max-width:100%}

.icon-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px}.icon-gallery .product-image{width:64px;height:64px;display:inline-flex}.icon-gallery h2{font-size:18px}.icon-review-row p{overflow-wrap:anywhere}

/* v13: compact workspaces, consistent brand canvases and a focused receiver. */
.business-quick{position:sticky;top:0;z-index:30;display:flex;justify-content:center;gap:8px;padding:10px 16px;background:#fff;border-bottom:1px solid #e3e8f1}.business-quick a{padding:7px 15px;border-radius:9px;color:#24466a;font-size:14px;font-weight:650;background:#f1f5fa;white-space:nowrap}
.search-area{position:relative;margin-bottom:18px}.search-area .search-bar{margin-bottom:0}.search-suggestions{position:absolute;left:0;right:0;top:100%;z-index:40;border:1px solid #d6e0ed;border-radius:12px;background:white;box-shadow:0 12px 32px #1d395526;max-height:420px;overflow:auto;padding:8px}.search-suggestions>a{display:block;padding:10px 12px;border-radius:7px;color:#173954}.search-suggestions a:focus,.search-suggestions a:hover{background:#eaf2ff;outline:2px solid #7bacf5}.suggestion-groups,.search-groups{display:flex;gap:8px;flex-wrap:wrap;padding:8px 0}.suggestion-groups a,.search-groups a{padding:6px 10px;border-radius:8px;background:#edf3fb}.search-groups{margin:12px 0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.product-image{background:#f7f9fc;border:1px solid #e7edf5;border-radius:12px}.product-image>img:not(.country-badge){padding:8px;object-fit:contain}.product-image img.country-badge{padding:0;width:28px;height:21px;box-shadow:0 1px 4px #122c4420}
.icon-gallery{gap:12px}.icon-gallery .panel{margin:0;padding:18px;min-height:0}.icon-gallery h2{font-size:16px;margin:10px 0 6px;line-height:1.35}.icon-gallery p{font-size:13px;line-height:1.55;margin:5px 0}.icon-review-row{padding:18px;margin:12px 0}.icon-review-row h2{font-size:17px;line-height:1.45;margin:8px 0}.icon-review-row>.product-image{float:left;margin:0 14px 8px 0}.icon-review-row details{clear:both}.icon-review-row p{font-size:13px;line-height:1.6;margin:6px 0}.management-shell .panel{border:1px solid #e3e9f2;box-shadow:0 2px 7px #152c4810}.management-shell h1{font-size:26px}.management-shell h2{font-size:19px}.management-shell .ops-main>p{max-width:80ch;font-size:14px;line-height:1.65}.management-shell .panel>form{row-gap:10px}
.receiver-heading{display:flex;align-items:center;gap:18px;margin:18px 0 24px}.receiver-heading h1{font-size:28px;margin:0 0 6px}.receiver-heading p{margin:0 0 5px;font-weight:650}.receiver-heading span{font-size:14px;color:#62758d}.receiver-panel{padding:24px}.receiver-toolbar,.receive-state{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.receiver-toolbar{padding-bottom:16px;border-bottom:1px solid #e7edf5;font-size:13px;color:#486581}.receive-state{margin:18px 0}.receive-number,.receive-code{padding:20px;border-radius:12px;background:#eff5fc;margin:12px 0;display:flex;flex-wrap:wrap;align-items:center;gap:14px}.receive-number>span,.receive-code>span{flex-basis:100%;color:#52657b;font-size:13px}.receive-number strong{font-size:27px;letter-spacing:.03em;overflow-wrap:anywhere}.receive-code{background:#edf8f4;border:1px solid #d3ece0}.receive-code strong{font-size:34px;letter-spacing:.12em;color:#116b50}.receive-code p{flex-basis:100%;margin:0;font-size:14px}.sms-list article{border-top:1px solid #e5ecf4;padding:15px 0}.sms-list time{font-size:12px;color:#677b91}.sms-line{display:flex;justify-content:space-between;align-items:center;gap:12px}.sms-line strong{font-size:23px;letter-spacing:.08em}.sms-list p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;color:#475d76}.connection-error{color:#a3441e}.receiver-panel details{margin-top:18px}.order-reference{overflow-wrap:anywhere;font-size:12px}.order-workspace .two{grid-template-columns:minmax(0,1.65fr) minmax(260px,1fr)}
@media(max-width:700px){.business-quick{gap:5px;padding:8px}.business-quick a{font-size:12px;padding:7px 8px}.business-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.business-entry{padding:12px 8px;min-width:0}.business-entry .business-icon,.business-entry small{display:none}.business-entry strong{font-size:13px}.business-entry .entry-count{font-size:11px}.order-workspace .two{grid-template-columns:1fr}.receiver-heading{gap:12px;margin:16px 0}.receiver-heading h1{font-size:23px}.receiver-heading p{font-size:14px}.receiver-panel{padding:16px}.receive-number,.receive-code{padding:16px}.receive-number strong{font-size:25px}.receive-code strong{font-size:29px}.receiver-toolbar button{padding:7px 10px;font-size:12px}.icon-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.icon-gallery .panel{padding:14px}.icon-gallery .product-image{width:48px;height:48px}.icon-gallery p{font-size:12px}.icon-gallery h2{font-size:14px}.icon-review-row>.product-image{float:none}.icon-review-row h2{font-size:16px}.search-suggestions{max-height:50vh}}

/* Receiver actions must retain readable contrast over the legacy two-column buttons. */
.receiver-panel button:not(.secondary){background:var(--blue);color:#fff;border-color:var(--blue)}

.product-image.composite-image{display:flex;flex-wrap:wrap;gap:3px;align-items:center;justify-content:center;min-width:64px;height:auto;min-height:64px;padding:5px}.composite-image>span{display:flex;align-items:center;justify-content:center;max-width:100%}.product-image.composite-image img{width:25px;height:25px;object-fit:contain}.composite-image small{font-size:9px;overflow-wrap:anywhere;line-height:1.2}.product-image.composite-image.large{min-width:96px;max-width:120px}
.product-image.neutral-brand{padding:5px;text-align:center;overflow:hidden;background:#f2f5f9;color:#42536b}
.neutral-brand small{display:block;max-width:100%;font-size:12px;font-weight:600;line-height:1.3;overflow-wrap:anywhere}
.product-image.neutral-brand.large small{font-size:12px}

/* Publishing selections and repricing are sequential, never one wrapping form row. */
.management-shell form[data-selection-area="publish"]{display:block}.management-shell form[data-selection-area="publish"]>p{display:block;margin:14px 0}.management-shell form[data-selection-area="publish"]>section{margin:24px 0;max-width:760px}.management-shell form[data-selection-area="publish"]>section>p{margin:16px 0}.management-shell form[data-selection-area="publish"]>section label{display:block;margin-bottom:6px}.management-shell form[data-selection-area="publish"] input:not([type="checkbox"]):not([type="hidden"]),.management-shell form[data-selection-area="publish"] select{max-width:100%;width:min(100%,420px)}.management-shell form[data-selection-area="publish"] [hidden]{display:none!important}