:root {
    --ink: #15201b;
    --muted: #66716b;
    --paper: #f3f4ef;
    --panel: #ffffff;
    --line: #dde2dc;
    --accent: #d8ff42;
    --accent-dark: #21381f;
    --danger: #bf3d2d;
    --warning: #9a6612;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    color: var(--ink);
    background: var(--paper);
}

* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; }
body { background: var(--paper); }
a { color: inherit; text-decoration: none; }
button, input, select { font: inherit; }

.shell { display: grid; grid-template-columns: 246px 1fr; min-height: 100vh; }
.sidebar { background: #13201a; color: #eef2ec; padding: 28px 18px 20px; display: flex; flex-direction: column; position: sticky; top: 0; height: 100vh; }
.brand { display: flex; align-items: center; gap: 12px; padding: 0 10px 28px; }
.brand-mark { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 11px; background: var(--accent); color: #13201a; font-size: 22px; font-weight: 900; }
.brand strong, .brand small { display: block; }
.brand strong { font-size: 18px; letter-spacing: -.02em; }
.brand small { color: #99a69f; font-size: 11px; margin-top: 2px; }
.navigation { display: grid; gap: 5px; }
.navigation a { display: grid; grid-template-columns: 28px 1fr auto; align-items: center; min-height: 43px; padding: 0 12px; color: #aeb9b3; border-radius: 9px; font-size: 14px; transition: .16s ease; }
.navigation a:hover { color: #fff; background: #1d2c25; }
.navigation a.active { color: #16221c; background: var(--accent); font-weight: 750; }
.navigation a span { font-size: 13px; font-weight: 800; }
.navigation a em { font-style: normal; font-size: 9px; text-transform: uppercase; color: #738078; }
.navigation a.active em { color: #43543f; }
.sidebar-bottom { margin-top: auto; padding: 16px 10px 0; border-top: 1px solid #2a3932; }
.sidebar-bottom p { color: #849087; font-size: 11px; margin: 8px 0 0; }
.environment-dot { font-size: 12px; display: flex; gap: 8px; align-items: center; }
.environment-dot i, .status-pill i { width: 7px; height: 7px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 3px rgba(216,255,66,.12); }

.main-content { min-width: 0; }
.topbar { height: 68px; background: rgba(255,255,255,.82); border-bottom: 1px solid var(--line); display: flex; align-items: center; justify-content: space-between; padding: 0 34px; backdrop-filter: blur(12px); position: sticky; top: 0; z-index: 10; }
.breadcrumb { font-weight: 800; font-size: 12px; letter-spacing: .08em; }
.separator { color: #a5aea8; margin: 0 8px; }
.muted { color: var(--muted); font-size: 13px; }
.topbar-actions { display: flex; align-items: center; gap: 14px; }
.business-unit-switcher { display: flex; align-items: center; gap: 8px; }
.business-unit-switcher label { color: var(--muted); font-size: 10px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.business-unit-switcher select { max-width: 210px; border: 1px solid var(--line); border-radius: 999px; background: #fff; padding: 8px 34px 8px 12px; color: var(--ink); font-size: 12px; font-weight: 750; cursor: pointer; }
.context-switch-button { border: 1px solid var(--line); border-radius: 999px; background: var(--ink); padding: 8px 11px; color: #fff; font-size: 10px; font-weight: 850; cursor: pointer; }
.context-switch-button:hover { background: #31352f; }
.status-pill { border: 1px solid var(--line); background: #fff; border-radius: 999px; padding: 8px 12px; display: flex; align-items: center; gap: 8px; font-size: 12px; }
.avatar { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: var(--ink); color: #fff; font-weight: 800; font-size: 11px; }
.page-container { width: 100%; max-width: 1500px; min-width: 0; margin: 0 auto; padding: 40px 36px 70px; }

.page-heading { display: flex; justify-content: space-between; align-items: end; gap: 24px; margin-bottom: 30px; }
.page-heading > * { min-width: 0; }
.page-heading.compact { align-items: center; }
.page-heading h1 { font-size: clamp(32px, 4vw, 52px); letter-spacing: -.055em; line-height: 1; margin: 4px 0 12px; }
.page-heading h1:focus { outline: none; }
.page-heading.compact h1 { font-size: 38px; }
.page-heading p:not(.eyebrow) { margin: 0; color: var(--muted); }
.eyebrow { margin: 0; font-size: 10px; letter-spacing: .16em; font-weight: 850; color: #68736c; }
.button { border: 0; border-radius: 9px; min-height: 42px; padding: 0 17px; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; font-weight: 750; font-size: 13px; }
.button.primary { background: var(--ink); color: #fff; box-shadow: 0 8px 22px rgba(21,32,27,.14); }
.button.primary:hover { background: #28362e; }
.button.secondary { background: #fff; color: var(--ink); border: 1px solid var(--line); }
.button.secondary:hover { border-color: #a8b2ab; }
.button:disabled { opacity: .38; cursor: not-allowed; }
.heading-actions { display: flex; gap: 9px; flex-wrap: wrap; }
.table-action { font-weight: 800; text-decoration: underline; text-underline-offset: 3px; }

.metric-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 290px), 1fr)); gap: 14px; margin-bottom: 22px; }
.metric-grid.three { grid-template-columns: repeat(auto-fit, minmax(min(100%, 290px), 1fr)); }
.inventory-metric-grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); }
.metric-card { min-width: 0; background: var(--panel); border: 1px solid var(--line); border-radius: 14px; padding: 21px; min-height: 138px; display: flex; flex-direction: column; container-type: inline-size; }
.metric-card.accent { background: var(--accent); border-color: #c7e93e; }
.metric-card.danger { border-color: #edc0ba; background: #fff8f7; }
.metric-card span { color: var(--muted); font-size: 12px; font-weight: 700; }
.metric-card strong { display: block; max-width: 100%; margin-top: auto; white-space: nowrap; font-size: 32px; font-size: clamp(23px, 10cqi, 38px); line-height: 1.08; letter-spacing: -.045em; font-variant-numeric: tabular-nums; }
.metric-card small { color: var(--muted); margin-top: 3px; }

.dashboard-grid { display: grid; grid-template-columns: 1.7fr 1fr; gap: 18px; }
.content-card, .table-card { min-width: 0; background: var(--panel); border: 1px solid var(--line); border-radius: 14px; overflow: hidden; }
.content-card { padding: 24px; }
.card-header { display: flex; justify-content: space-between; align-items: start; gap: 20px; }
.card-header.padded { padding: 22px; }
.card-header h2 { margin: 5px 0 0; font-size: 20px; letter-spacing: -.025em; }
.tag { display: inline-flex; align-items: center; border-radius: 999px; padding: 5px 9px; font-size: 10px; font-weight: 800; white-space: nowrap; }
.tag.positive { background: #eaf7b9; color: #39501b; }
.tag.neutral { background: #edf0ed; color: #5a655f; }
.tag.danger-tag { background: #fae0dc; color: #9b2f22; }
.tag.warning-tag { background: #fff0cf; color: #83550c; }
.progress-list { margin-top: 26px; display: grid; }
.progress-list > div { display: grid; grid-template-columns: 42px 1fr; gap: 12px; padding: 15px 0; border-top: 1px solid var(--line); opacity: .52; }
.progress-list > div.done, .progress-list > div.active { opacity: 1; }
.progress-list b { width: 31px; height: 31px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 50%; font-size: 10px; }
.progress-list .done b { background: var(--ink); color: #fff; }
.progress-list .active b { background: var(--accent); border-color: var(--accent); }
.progress-list strong, .progress-list small { display: block; }
.progress-list strong { font-size: 13px; }
.progress-list small { color: var(--muted); margin-top: 4px; }
.warehouse-list { list-style: none; padding: 4px 0 0; margin: 20px 0 0; display: grid; gap: 16px; }
.warehouse-list li { display: grid; grid-template-columns: 12px 1fr; gap: 11px; align-items: center; }
.warehouse-list i { width: 10px; height: 10px; border-radius: 3px; }
.warehouse-list i.physical { background: var(--ink); }
.warehouse-list i.full { background: #8ba93b; }
.warehouse-list i.transit { border: 2px solid #9ca49f; }
.warehouse-list i.quarantine { background: #d19a39; }
.warehouse-list i.incoming { border: 2px dashed #7892a4; }
.warehouse-list strong, .warehouse-list small { display: block; }
.warehouse-list strong { font-size: 13px; }
.warehouse-list small { color: var(--muted); margin-top: 2px; }

.toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 13px; }
.searchable-toolbar { flex-wrap: wrap; }
.toolbar input { min-width: min(430px, 70vw); border: 1px solid var(--line); border-radius: 9px; background: #fff; padding: 11px 13px; outline: none; }
.toolbar input:focus { border-color: #8ea62f; box-shadow: 0 0 0 3px rgba(216,255,66,.28); }
.toolbar select, .connection-card select { border: 1px solid var(--line); border-radius: 9px; background: #fff; padding: 10px 35px 10px 12px; color: var(--ink); }
.toolbar span { color: var(--muted); font-size: 12px; }
.catalog-toolbar { justify-content: flex-start; }
.catalog-search-group { display: flex; align-items: center; gap: 12px; flex: 1 1 620px; max-width: 860px; }
.catalog-search-group input { flex: 1; min-width: 0; }
.catalog-result-count { margin-left: auto; white-space: nowrap; }
.button.link-button { min-height: 38px; padding: 0 5px; background: transparent; color: var(--muted); text-decoration: underline; text-underline-offset: 3px; }
.filter-trigger { display: inline-flex; align-items: center; gap: 7px; white-space: nowrap; }
.filter-trigger-icon { font-size: 16px; line-height: 1; transform: rotate(180deg); }
.filter-count { min-width: 20px; height: 20px; display: inline-grid; place-items: center; border-radius: 999px; background: var(--ink); color: #fff !important; font-size: 10px !important; font-weight: 850; }
.filter-overlay { position: fixed; inset: 0; z-index: 400; display: flex; justify-content: flex-end; background: rgba(20,29,23,.35); backdrop-filter: blur(2px); }
.filter-panel { width: min(430px, 100vw); height: 100%; display: flex; flex-direction: column; background: #fff; box-shadow: -18px 0 50px rgba(25,36,28,.18); outline: none; animation: filter-panel-in .16s ease-out; }
.filter-panel-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; padding: 25px 26px 20px; border-bottom: 1px solid var(--line); }
.filter-panel-header h2 { margin: 5px 0 0; font-size: 24px; letter-spacing: -.035em; }
.filter-panel-close { width: 38px; height: 38px; border: 0; border-radius: 9px; background: #f1f3ef; color: var(--ink); font-size: 24px; cursor: pointer; }
.filter-panel-close:hover { background: #e6eae4; }
.filter-panel-body { flex: 1; overflow-y: auto; display: grid; align-content: start; gap: 19px; padding: 24px 26px; }
.filter-field { display: grid; gap: 7px; }
.filter-field label { color: var(--ink); font-size: 12px; font-weight: 800; }
.filter-field small { color: var(--muted); line-height: 1.45; }
.filter-field select, .filter-field input { width: 100%; min-width: 0; border: 1px solid var(--line); border-radius: 9px; background: #fff; padding: 11px 35px 11px 12px; color: var(--ink); }
.filter-check { display: flex; align-items: flex-start; gap: 10px; padding: 13px 14px; border: 1px solid var(--line); border-radius: 9px; background: #fafbf9; color: var(--ink); font-size: 12px; font-weight: 750; cursor: pointer; }
.filter-check input { width: 17px; height: 17px; min-width: 0; padding: 0; margin: 0; accent-color: var(--ink); }
.filter-check span { color: var(--ink) !important; font-size: 12px !important; }
.filter-panel-footer { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 18px 26px; border-top: 1px solid var(--line); background: #fafbf9; }
.active-filters-bar { display: flex; align-items: center; gap: 10px; margin: -2px 0 14px; min-height: 34px; flex-wrap: wrap; }
.active-filters-label { color: var(--muted); font-size: 10px; font-weight: 850; letter-spacing: .06em; text-transform: uppercase; }
.active-filter-chips { display: flex; align-items: center; gap: 7px; flex-wrap: wrap; }
.active-filter-chip { display: inline-flex; align-items: center; gap: 4px; min-height: 30px; padding: 5px 8px 5px 10px; border: 1px solid #d8ded5; border-radius: 999px; background: #f5f7f3; color: var(--ink); cursor: pointer; font-size: 11px; }
.active-filter-chip:hover { border-color: #aeb8aa; background: #eef2eb; }
.active-filter-chip span:first-child { color: var(--muted); }
.active-filter-remove { display: inline-grid; place-items: center; width: 17px; height: 17px; margin-left: 2px; border-radius: 50%; background: #dfe5dc; color: #536057; font-size: 14px; line-height: 1; }
.active-filters-clear { margin-left: auto; min-height: 30px !important; }
@keyframes filter-panel-in { from { transform: translateX(28px); opacity: .6; } to { transform: translateX(0); opacity: 1; } }
table { width: 100%; border-collapse: collapse; font-size: 12px; }
th { background: #f8f9f6; color: #6c7770; text-align: left; padding: 12px 16px; font-size: 9px; text-transform: uppercase; letter-spacing: .09em; border-bottom: 1px solid var(--line); }
td { padding: 13px 16px; border-bottom: 1px solid #ecefeb; vertical-align: middle; }
tbody tr:last-child td { border-bottom: 0; }
tbody tr:hover { background: #fbfcf9; }
td.number, th.number { text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
td.negative { color: var(--danger); font-weight: 800; }
code { background: #edf1ed; border-radius: 5px; padding: 3px 6px; font-size: 11px; color: #344239; }
.loading-card { border: 1px dashed #c9d0cb; border-radius: 12px; padding: 35px; color: var(--muted); text-align: center; }
.empty-state { min-height: 60vh; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; max-width: 620px; margin: 0 auto; }
.empty-state.inline { min-height: 350px; }
.empty-state h1, .empty-state h2 { letter-spacing: -.04em; margin: 8px 0; }
.empty-state p:not(.eyebrow) { color: var(--muted); max-width: 520px; margin-bottom: 22px; }
.notice-card { max-width: 720px; }
.notice-card h2 { margin: 6px 0; }
.notice-card p:last-child { color: var(--muted); margin-bottom: 0; line-height: 1.6; }
.inventory-section { margin-bottom: 28px; }
.inventory-movements-heading { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin: 0 0 13px; }
.inventory-movements-heading h2 { margin: 5px 0 0; font-size: 24px; letter-spacing: -.03em; }
.inventory-movements-heading > p { color: var(--muted); font-size: 11px; margin: 0; }
.inventory-toolbar { justify-content: flex-start; }
.inventory-toolbar span { margin-left: auto; }
.inventory-empty { min-height: 260px; }
.inventory-rule { margin-top: 20px; }
.movement-quantity { font-weight: 850; }
.movement-quantity.positive-quantity { color: #4e6b18; }
.inventory-operation-picker { margin-bottom: 18px; }
.inventory-operation-picker h2, .operation-card h2 { margin: 6px 0 8px; font-size: 21px; letter-spacing: -.03em; }
.operation-search { justify-content: flex-start; margin: 22px 0 14px; }
.operation-search span { margin-left: auto; }
.inventory-operation-picker > .form-field select { width: 100%; border: 1px solid var(--line); border-radius: 9px; background: #fff; padding: 11px 12px; color: var(--ink); }
.operation-business-unit { max-width: 430px; margin-top: 18px; }
.inventory-balance-heading { display: flex; align-items: end; justify-content: space-between; gap: 18px; margin-bottom: 11px; }
.inventory-balance-heading h2 { margin: 4px 0 0; font-size: 22px; letter-spacing: -.03em; }
.inventory-balance-heading > small { color: var(--muted); font-size: 10px; }
.stock-balance-strip { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 10px; margin-bottom: 18px; }
.stock-balance-card { display: flex; min-height: 104px; flex-direction: column; border: 1px solid var(--line); border-radius: 12px; background: #fff; padding: 15px; }
.stock-balance-card.external { background: #f7f8f5; }
.stock-balance-card span { color: var(--muted); font-size: 10px; font-weight: 800; }
.stock-balance-card strong { margin-top: auto; white-space: nowrap; font-size: 27px; letter-spacing: -.035em; font-variant-numeric: tabular-nums; }
.stock-balance-card small { color: var(--muted); font-size: 9px; }
.inventory-operation-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; align-items: start; }
.operation-card .form-grid { margin: 20px 0; }
.operation-description { min-height: 40px; margin: 0; color: var(--muted); font-size: 12px; line-height: 1.55; }
.operation-unavailable { min-height: 240px; background: #f8f9f6; }
.operation-unavailable p:last-child { color: var(--muted); line-height: 1.55; }
.inventory-physical-transfer { margin-top: 18px; }
.operation-card .button { width: 100%; }
.button.secondary { background: #fff; color: var(--ink); border: 1px solid var(--line); }
.button.secondary:hover { border-color: #a8b0aa; background: #fafbf8; }
.contact-import-card { display: flex; justify-content: space-between; align-items: center; gap: 24px; margin-bottom: 20px; }
.contact-import-card h2, .contact-form-section h2 { margin: 6px 0 8px; font-size: 20px; letter-spacing: -.025em; }
.contact-import-card p:not(.eyebrow) { color: var(--muted); margin: 0; max-width: 720px; line-height: 1.5; }
.contact-import-action { min-width: 300px; }
.contact-import-action small { display: block; color: var(--muted); margin-top: 8px; }
.import-business-unit { margin: 14px 0; }
.contacts-toolbar { justify-content: flex-start; }
.contacts-toolbar input { flex: 1; }
.contacts-toolbar span { margin-left: auto; }
.contact-origin-list { display: flex; flex-wrap: wrap; gap: 4px; }
.tag.marketplace-tag { background: #fff2a8; color: #665600; }
.tag.supplier-tag { background: #dcecff; color: #285477; }
.table-link { color: #40591a; font-weight: 800; text-decoration: underline; text-underline-offset: 3px; }
.pagination { display: flex; justify-content: space-between; align-items: center; gap: 18px; margin-top: 16px; padding: 12px 14px; border: 1px solid var(--line); border-radius: 11px; background: #fff; }
.pagination-summary, .pagination > span { color: var(--muted); font-size: 12px; }
.pagination-summary strong { color: var(--ink); }
.pagination-controls { display: flex; align-items: center; gap: 5px; }
.pagination-controls label { display: flex; align-items: center; gap: 7px; margin-right: 8px; color: var(--muted); font-size: 11px; }
.pagination-controls select { border: 1px solid var(--line); border-radius: 7px; background: #fff; padding: 6px 25px 6px 8px; color: var(--ink); }
.pagination-controls button { width: 32px; height: 32px; border: 1px solid var(--line); border-radius: 7px; background: #fff; color: var(--ink); cursor: pointer; font-weight: 800; }
.pagination-controls button:hover:not(:disabled) { border-color: #9eae57; background: #f7fbdc; }
.pagination-controls button.current { border-color: var(--ink); background: var(--ink); color: #fff; }
.pagination-controls button:disabled { opacity: .35; cursor: not-allowed; }
.contact-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.contact-form-section.span-two { grid-column: 1 / -1; }
.form-grid { display: grid; gap: 15px; margin-top: 22px; }
.form-grid.two { grid-template-columns: 1fr 1fr; }
.form-grid.three { grid-template-columns: 1fr 1fr 1fr; }
.form-grid label { color: var(--muted); font-size: 11px; font-weight: 800; }
.form-grid input, .form-grid select, .form-grid textarea { width: 100%; display: block; margin-top: 6px; border: 1px solid var(--line); border-radius: 9px; background: #fff; padding: 11px 12px; color: var(--ink); outline: none; }
.form-grid textarea { resize: vertical; }
.form-grid input:focus, .form-grid select:focus, .form-grid textarea:focus { border-color: #8ea62f; box-shadow: 0 0 0 3px rgba(216,255,66,.28); }
.form-grid .full-field { grid-column: 1 / -1; }
.form-grid .span-two-fields { grid-column: span 2; }
.form-actions { display: flex; justify-content: flex-end; gap: 10px; margin-top: 20px; }

.import-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; margin-bottom: 20px; }
.upload-card { position: relative; min-height: 230px; }
.upload-card.disabled { opacity: .52; }
.upload-card h2 { margin: 12px 0 7px; font-size: 18px; }
.upload-card p { color: var(--muted); font-size: 13px; line-height: 1.5; min-height: 58px; }
.step-number { color: #97a099; font-size: 10px; letter-spacing: .12em; font-weight: 850; }
input[type=file] { max-width: 100%; font-size: 11px; margin-top: 8px; }
input[type=file]::file-selector-button { border: 0; background: var(--ink); color: #fff; border-radius: 7px; padding: 9px 12px; margin-right: 10px; font-weight: 700; cursor: pointer; }
.selected-file { display: flex; gap: 10px; align-items: center; margin-top: 16px; padding: 10px; border-radius: 8px; background: #f1f5e4; }
.selected-file > span { width: 24px; height: 24px; display: grid; place-items: center; background: var(--accent); border-radius: 50%; font-size: 11px; }
.selected-file strong, .selected-file small { display: block; }
.selected-file strong { font-size: 11px; max-width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.selected-file small { color: var(--muted); font-size: 10px; }
.preview-numbers { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.preview-numbers span { padding: 9px; border-radius: 7px; background: #f2f4f1; color: var(--muted); font-size: 10px; }
.preview-numbers strong { display: block; color: var(--ink); font-size: 18px; }
.preview-numbers span.warning strong { color: var(--warning); }
.alert { border-radius: 10px; padding: 14px 17px; margin: 14px 0; font-size: 13px; }
.alert.error { background: #fce6e2; color: #812b20; }
.alert.success { background: #eaf6bb; color: #30461a; }
.alert a { text-decoration: underline; margin-left: 8px; font-weight: 800; }
.issues-card { margin-top: 20px; }
.diagnostic-summary { display: flex; gap: 9px; padding: 0 22px 18px; flex-wrap: wrap; }
.diagnostic-summary span { border: 1px solid var(--line); border-radius: 999px; padding: 7px 10px; color: var(--muted); font-size: 11px; }
.diagnostic-summary strong { color: var(--ink); margin-left: 5px; }

.catalog-editor-grid { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(310px, .7fr); gap: 18px; align-items: start; }
.catalog-editor-main { min-height: 520px; }
.catalog-editor-side { display: grid; gap: 18px; }
.catalog-editor-grid h2 { margin: 5px 0 18px; font-size: 20px; letter-spacing: -.025em; }
.form-grid { display: grid; gap: 16px; }
.form-grid.two { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 28px; }
.form-field { display: grid; gap: 7px; color: var(--muted); font-size: 11px; font-weight: 800; }
.form-field.span-two { grid-column: span 2; }
.form-field input { width: 100%; border: 1px solid var(--line); border-radius: 9px; background: #fff; padding: 11px 12px; color: var(--ink); outline: none; }
.form-field input:focus { border-color: #8ea62f; box-shadow: 0 0 0 3px rgba(216,255,66,.28); }
.form-field small, .readonly-field small { font-weight: 500; line-height: 1.45; color: var(--muted); }
.check-row { display: flex; align-items: flex-start; gap: 11px; margin-top: 24px; padding-top: 18px; border-top: 1px solid var(--line); cursor: pointer; }
.check-row.compact-check { margin-top: 0; padding: 12px 0; }
.check-row input { margin-top: 3px; accent-color: var(--accent-dark); }
.check-row strong, .check-row small { display: block; }
.check-row strong { font-size: 12px; }
.check-row small { color: var(--muted); margin-top: 3px; font-size: 10px; }
.readonly-field { border: 1px solid var(--line); border-radius: 9px; padding: 12px; background: #f7f8f5; }
.readonly-field span, .readonly-field strong, .readonly-field small { display: block; }
.readonly-field span { color: var(--muted); font-size: 10px; font-weight: 800; }
.readonly-field strong { margin: 4px 0; white-space: nowrap; font-size: 27px; font-variant-numeric: tabular-nums; }
.meli-link-card p:last-child { color: var(--muted); font-size: 11px; line-height: 1.5; margin-bottom: 0; }
.editor-actions { display: flex; justify-content: flex-end; gap: 9px; margin-top: 18px; }
.table-actions { display: flex; align-items: center; justify-content: flex-end; gap: 10px; white-space: nowrap; }
.supplier-offer-editor-grid { align-items: start; }
.supplier-offer-editor-grid h2 { margin: 5px 0 18px; font-size: 21px; letter-spacing: -.03em; }
.offer-context-summary { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 18px 0 24px; }
.offer-context-summary > div { border: 1px solid var(--line); border-radius: 10px; padding: 14px; background: #f7f8f5; }
.offer-context-summary small, .offer-context-summary strong, .offer-context-summary span { display: block; }
.offer-context-summary small { color: var(--muted); font-size: 9px; font-weight: 900; letter-spacing: .08em; }
.offer-context-summary strong { margin: 5px 0 2px; }
.offer-context-summary span { color: var(--muted); font-size: 11px; }
.offer-readonly-context { margin: 18px 0 24px; }
.offer-search-row { display: grid; grid-template-columns: 1fr auto; gap: 8px; }
.offer-search-row .button { margin-top: 6px; }
.offer-checks { display: grid; gap: 10px; margin-top: 20px; }
.offer-latest-price { border: 1px solid #cbd69d; border-radius: 11px; background: #f8fbe9; padding: 16px; margin: 12px 0 18px; }
.offer-latest-price span, .offer-latest-price strong, .offer-latest-price small { display: block; }
.offer-latest-price span { color: var(--muted); font-size: 9px; font-weight: 900; letter-spacing: .08em; }
.offer-latest-price strong { margin: 5px 0; white-space: nowrap; font-size: 27px; font-variant-numeric: tabular-nums; }
.offer-latest-price small { color: var(--muted); }
.offer-price-empty { margin-top: 18px; }
.supplier-history-metrics { margin-bottom: 18px; }
.purchases-toolbar { justify-content: flex-start; }
.purchases-toolbar input { flex: 1; }
.purchases-toolbar span { margin-left: auto; }
.purchases-metrics { margin-bottom: 20px; }
.purchase-editor-grid, .purchase-detail-grid { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(280px, .55fr); gap: 18px; align-items: start; }
.purchase-editor-grid h2, .purchase-lines-card h2, .purchase-detail-grid h2, .purchase-receipt-card h2 { margin: 6px 0 8px; font-size: 21px; letter-spacing: -.03em; }
.purchase-summary-card { display: grid; gap: 13px; }
.purchase-summary-card > small { color: var(--muted); line-height: 1.5; }
.purchase-total { display: flex; align-items: baseline; justify-content: space-between; border-top: 1px solid var(--line); padding-top: 12px; }
.purchase-total span { color: var(--muted); font-size: 11px; }
.purchase-total strong { white-space: nowrap; font-size: 20px; font-variant-numeric: tabular-nums; }
.purchase-lines-card { margin-top: 18px; }
.purchase-sku-picker { display: grid; grid-template-columns: minmax(150px, .8fr) auto minmax(260px, 1.2fr) 100px 120px auto; gap: 8px; margin: 20px 0; }
.purchase-sku-picker input, .purchase-sku-picker select { min-width: 0; border: 1px solid var(--line); border-radius: 9px; background: #fff; padding: 10px 11px; }
.customer-picker { border-top: 1px solid var(--line); margin-top: 22px; padding-top: 3px; }
.contact-picker-grid { grid-template-columns: minmax(200px, .8fr) auto minmax(280px, 1.2fr) auto; }
.analysis-note { color: var(--muted); font-size: 11px; margin: -10px 0 14px; }
.stock-insight-metrics { margin-bottom: 20px; }
.insight-filter { text-align: left; cursor: pointer; font: inherit; }
.insight-filter:hover { border-color: #a8bf49; box-shadow: 0 0 0 3px rgba(216,255,66,.18); }
.insights-toolbar { justify-content: flex-start; }
.insights-toolbar input { flex: 1; }
.insights-toolbar span { margin-left: auto; }
.recommendation-text { display: block; max-width: 250px; margin-bottom: 5px; color: var(--muted); font-size: 10px; line-height: 1.4; }
.insight-method-card { max-width: none; margin-top: 18px; }
.insight-method-card h2 { margin: 6px 0; font-size: 19px; }
.insight-method-card p:last-child { color: var(--muted); line-height: 1.55; margin-bottom: 0; }
.mode-badge { border: 1px solid #d5ad55; border-radius: 999px; background: #fff8e6; color: #79510c; padding: 9px 13px; font-size: 10px; font-weight: 850; letter-spacing: .05em; }
.simulation-alert { background: #fff8e6; color: #6f5017; border: 1px solid #ead7a6; line-height: 1.5; }
.automation-baseline { margin: -5px 0 18px; border-left: 3px solid var(--accent-dark); padding: 8px 12px; color: var(--muted); font-size: 11px; line-height: 1.5; }
.automation-baseline strong { color: var(--ink); }
.automation-metrics { margin-bottom: 20px; }
.automation-toolbar { justify-content: flex-start; }
.automation-toolbar input { flex: 1; }
.automation-toolbar span { margin-left: auto; }
.automation-reason { display: block; max-width: 320px; margin-top: 6px; color: var(--muted); font-size: 10px; line-height: 1.45; }
.automation-rules-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; margin-top: 18px; }
.automation-rules-grid h2 { margin: 7px 0; font-size: 17px; }
.automation-rules-grid p:last-child { color: var(--muted); font-size: 11px; line-height: 1.5; margin-bottom: 0; }
.finance-metrics { margin-bottom: 20px; }
.finance-method-card { margin-top: 18px; }
.finance-method-card h2 { margin: 6px 0; font-size: 19px; }
.finance-method-card p:last-child { color: var(--muted); line-height: 1.55; margin-bottom: 0; }
.finance-rate-note { margin: 10px 0 4px; color: var(--ink); font-size: 13px; }
.capitalize { text-transform: capitalize; }
.order-detail-metrics { margin-bottom: 20px; }
.sales-order-detail-grid { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(290px, .6fr); gap: 18px; align-items: start; }
.sales-order-side { display: grid; gap: 18px; }
.buyer-card h2, .shipment-card h2 { margin: 6px 0 14px; font-size: 20px; }
.buyer-card .table-link { display: block; margin: 8px 0; }
.unread-button { width: 100%; margin-top: 14px; }
.unread-result { display: block; margin-top: 8px; border-radius: 7px; background: #edf0ed; padding: 8px; color: var(--muted); font-size: 10px; text-align: center; }
.unread-result.has-unread { background: #fff0cf; color: #83550c; font-weight: 800; }
.shipment-card dl { display: grid; gap: 9px; margin: 15px 0; }
.shipment-card dl div { display: flex; justify-content: space-between; gap: 12px; border-top: 1px solid var(--line); padding-top: 9px; }
.shipment-card dt { color: var(--muted); font-size: 10px; }
.shipment-card dd { margin: 0; text-align: right; font-size: 11px; font-weight: 750; }
.shipment-card > small { color: var(--muted); line-height: 1.45; }
.payment-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; border-top: 1px solid var(--line); padding: 11px 0; }
.payment-row strong, .payment-row small { display: block; }
.payment-row small { color: var(--muted); margin-top: 2px; font-size: 9px; }
.payment-row b { font-size: 11px; }
.wholesale-cancel-card { display: grid; grid-template-columns: minmax(260px, 1fr) minmax(180px, .35fr) minmax(240px, .7fr) auto; align-items: end; gap: 16px; margin-top: 18px; border-color: #e3b5ae; }
.wholesale-cancel-card h2 { margin: 5px 0; font-size: 18px; }
.wholesale-cancel-card p:not(.eyebrow) { color: var(--muted); margin: 0; font-size: 11px; }
.purchase-lines-empty { border: 1px dashed var(--line); border-radius: 10px; color: var(--muted); padding: 28px; text-align: center; }
.embedded-table { margin-top: 18px; border-radius: 10px; }
.embedded-table input { width: 105px; border: 1px solid var(--line); border-radius: 7px; padding: 7px; text-align: right; }
.danger-link { color: var(--danger); background: transparent; border: 0; cursor: pointer; }
.purchase-detail-sidebar { display: grid; gap: 18px; }
.purchase-status-card dl { display: grid; gap: 10px; margin: 20px 0; }
.purchase-status-card dl div { display: flex; justify-content: space-between; border-top: 1px solid var(--line); padding-top: 10px; }
.purchase-status-card dt { color: var(--muted); font-size: 11px; }
.purchase-status-card dd { margin: 0; font-size: 12px; font-weight: 800; }
.danger-button { width: 100%; border: 1px solid #dca59e; background: #fff6f5; color: var(--danger); }
.purchase-notes { border-top: 1px solid var(--line); margin-top: 20px; padding-top: 15px; }
.purchase-notes span { color: var(--muted); font-size: 10px; font-weight: 800; }
.purchase-notes p { margin: 5px 0 0; line-height: 1.5; }
.purchase-receipt-card { margin-top: 18px; }
.receipt-quantity-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 10px; margin: 18px 0; }
.receipt-quantity-grid label { display: grid; grid-template-columns: 1fr auto; gap: 5px; border: 1px solid var(--line); border-radius: 10px; padding: 12px; }
.receipt-quantity-grid label > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; font-weight: 750; }
.receipt-quantity-grid small { color: var(--muted); font-size: 9px; }
.receipt-quantity-grid input { grid-column: 1 / -1; width: 100%; border: 1px solid var(--line); border-radius: 7px; padding: 8px; }
.receipt-note textarea { width: 100%; border: 1px solid var(--line); border-radius: 9px; padding: 10px; }
.receipt-actions { display: flex; justify-content: space-between; align-items: center; gap: 15px; margin-top: 16px; }
.receipt-actions small { color: var(--muted); }

.connection-grid { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(280px, .8fr); gap: 18px; max-width: 1050px; }
.connection-card h2 { margin: 8px 0; font-size: 28px; letter-spacing: -.04em; }
.connection-card > p:not(.eyebrow) { color: var(--muted); line-height: 1.6; max-width: 670px; }
.connection-card label { display: block; font-size: 11px; font-weight: 800; margin: 24px 0 7px; }
.connection-card select { min-width: 240px; margin-right: 8px; }
.safety-card { display: flex; gap: 14px; align-items: start; background: #f5f9e7; }
.safety-icon { flex: 0 0 auto; width: 33px; height: 33px; display: grid; place-items: center; border-radius: 50%; background: var(--accent); font-weight: 900; }
.safety-card strong { display: block; margin: 3px 0 5px; }
.safety-card p { color: var(--muted); font-size: 12px; line-height: 1.55; margin: 0; }
.account-strip { display: grid; grid-template-columns: repeat(auto-fit, minmax(330px, 1fr)); gap: 13px; margin-bottom: 18px; }
.account-card { display: grid; grid-template-columns: 42px 1fr auto; align-items: center; gap: 13px; background: #fff; border: 1px solid var(--line); border-radius: 13px; padding: 15px 17px; }
.account-logo { width: 42px; height: 42px; display: grid; place-items: center; background: #ffe600; border-radius: 10px; color: #253c78; font-size: 11px; font-weight: 900; }
.account-card span:not(.tag), .account-card strong, .account-card small { display: block; }
.account-card > div:nth-child(2) span { color: var(--muted); font-size: 10px; }
.account-card > div:nth-child(2) strong { font-size: 14px; margin: 2px 0; }
.account-card small { color: var(--muted); font-size: 9px; }
.account-state { text-align: right; }
.account-state small { margin-top: 5px; }
.listing-toolbar { justify-content: flex-start; }
.listing-toolbar span { margin-left: auto; }
.listing-product { display: grid; grid-template-columns: 42px 1fr; align-items: center; gap: 10px; min-width: 270px; }
.listing-product img { width: 42px; height: 42px; object-fit: contain; border-radius: 6px; border: 1px solid var(--line); background: #fff; }
.listing-product strong, .listing-product small { display: block; }
.listing-product strong { max-width: 390px; }
.listing-product small { color: var(--muted); font-size: 9px; margin-top: 4px; }
.listings-table td { padding-top: 10px; padding-bottom: 10px; }
.sales-period { display: flex; justify-content: space-between; align-items: center; color: var(--muted); font-size: 11px; margin: -10px 0 13px; }
.sales-period span { color: var(--ink); font-weight: 800; }
.sales-status-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-bottom: 18px; }
.status-counter { border: 1px solid var(--line); background: #fff; border-radius: 11px; min-height: 61px; padding: 10px 14px; display: flex; align-items: center; justify-content: space-between; color: var(--ink); cursor: pointer; }
.status-counter:hover, .status-counter.selected { border-color: #a8bf49; box-shadow: 0 0 0 3px rgba(216,255,66,.22); }
.status-counter span { color: var(--muted); font-size: 11px; font-weight: 700; }
.status-counter strong { white-space: nowrap; font-size: 20px; font-variant-numeric: tabular-nums; }
.status-counter.danger-counter { border-color: #dc958b; box-shadow: 0 0 0 3px rgba(191,61,45,.08); }
.sales-toolbar { justify-content: flex-start; }
.sales-toolbar span { margin-left: auto; }
.order-identity strong, .order-identity small, .cell-note, .refund-note { display: block; }
.order-identity small, .cell-note { color: var(--muted); font-size: 9px; margin-top: 3px; }
.product-summary { display: block; max-width: 320px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.refund-note { color: var(--danger); margin-top: 3px; font-size: 9px; font-weight: 800; }
.sales-table td { padding-top: 12px; padding-bottom: 12px; }

.reconnect-modal { display: none; position: fixed; inset: 0; background: rgba(20,31,25,.35); z-index: 100; place-items: center; }
.reconnect-modal.components-reconnect-show, .reconnect-modal.components-reconnect-failed, .reconnect-modal.components-reconnect-rejected { display: grid; }
.reconnect-modal .panel { background: #fff; border-radius: 12px; padding: 22px; box-shadow: 0 20px 60px rgba(0,0,0,.2); }
.reconnect-modal p { color: var(--muted); margin-bottom: 0; }

@media (max-width: 1050px) {
    .dashboard-grid { grid-template-columns: 1fr; }
    .import-grid { grid-template-columns: 1fr; }
    .connection-grid { grid-template-columns: 1fr; }
    .catalog-editor-grid { grid-template-columns: 1fr; }
    .sales-status-grid { grid-template-columns: repeat(2, 1fr); }
    .contact-form-grid { grid-template-columns: 1fr; }
    .contact-form-section.span-two { grid-column: auto; }
    .inventory-operation-grid { grid-template-columns: 1fr; }
    .purchase-editor-grid, .purchase-detail-grid { grid-template-columns: minmax(0, 1fr); }
    .purchase-sku-picker { grid-template-columns: 1fr 1fr; }
    .purchase-sku-picker select { grid-column: 1 / -1; }
    .automation-rules-grid { grid-template-columns: 1fr; }
    .sales-order-detail-grid { grid-template-columns: 1fr; }
    .wholesale-cancel-card { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 760px) {
    .shell { width: 100%; min-width: 0; grid-template-columns: minmax(0, 1fr); }
    .sidebar { position: static; height: auto; }
    .navigation { grid-template-columns: repeat(2,1fr); }
    .sidebar-bottom { display: none; }
    .topbar { padding: 0 18px; }
    .business-unit-switcher label, .status-pill { display: none; }
    .business-unit-switcher select { max-width: 170px; }
    .page-container { padding: 28px 18px 50px; }
    .page-heading { width: 100%; align-items: start; flex-direction: column; }
    .page-heading h1 { overflow-wrap: anywhere; }
    .inventory-movements-heading, .inventory-balance-heading { align-items: start; flex-direction: column; }
    .form-grid.two { grid-template-columns: 1fr; }
    .form-field.span-two { grid-column: auto; }
    .offer-context-summary, .offer-search-row { grid-template-columns: 1fr; }
    .offer-search-row .button { margin-top: 0; }
    .table-actions { align-items: flex-start; flex-direction: column; }
    .metric-grid, .metric-grid.three, .inventory-metric-grid { grid-template-columns: 1fr; }
    .table-card { overflow-x: auto; }
    .connection-card select { width: 100%; margin: 0 0 9px; }
    .contact-import-card, .contacts-toolbar { align-items: stretch; flex-direction: column; }
    .catalog-toolbar { align-items: stretch; flex-direction: column; }
    .catalog-search-group { flex-basis: auto; max-width: none; width: 100%; }
    .catalog-result-count { margin-left: 0; }
    .contact-import-action { min-width: 0; }
    .contacts-toolbar input { min-width: 0; width: 100%; }
    .contacts-toolbar span { margin-left: 0; }
    .form-grid.two, .form-grid.three { grid-template-columns: 1fr; }
    .form-grid .span-two-fields { grid-column: auto; }
    .pagination { align-items: stretch; flex-direction: column; }
    .pagination-controls { flex-wrap: wrap; }
    .pagination-controls label { width: 100%; }
    table { min-width: 760px; }
    .purchase-sku-picker { grid-template-columns: 1fr; }
    .purchase-sku-picker select { grid-column: auto; }
    .receipt-actions { align-items: stretch; flex-direction: column; }
    .wholesale-cancel-card { grid-template-columns: 1fr; }
    .filter-panel { width: 100vw; }
    .filter-panel-header, .filter-panel-body, .filter-panel-footer { padding-left: 18px; padding-right: 18px; }
    .active-filters-label { width: 100%; }
    .active-filters-clear { margin-left: 0; }
}

/* Authentication and organization access */
.auth-shell { min-height: 100vh; display: grid; place-items: center; background: radial-gradient(circle at top left, #f3f7df, transparent 38%), #f5f6f2; padding: 32px 18px; }
.auth-card { width: min(100%, 460px); border: 1px solid var(--line); border-radius: 18px; background: #fff; box-shadow: 0 24px 70px rgba(23, 31, 25, .1); padding: 34px; }
.wide-auth-card { width: min(100%, 620px); }
.auth-brand { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 32px; color: var(--ink); text-decoration: none; }
.auth-card h1 { margin: 6px 0 9px; font-size: 30px; letter-spacing: -.04em; }
.auth-card > p:not(.eyebrow) { color: var(--muted); font-size: 11px; line-height: 1.6; }
.auth-form { display: grid; gap: 15px; margin: 24px 0 18px; }
.auth-form label:not(.check-row) { display: grid; gap: 7px; color: var(--muted); font-size: 9px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.auth-form label small { letter-spacing: 0; line-height: 1.5; text-transform: none; }
.auth-form input:not([type="checkbox"]) { width: 100%; border: 1px solid var(--line); border-radius: 9px; background: #fbfcf9; padding: 12px 13px; color: var(--ink); font: inherit; }
.auth-submit { width: 100%; justify-content: center; }
.subtle-panel { border: 1px solid var(--line); border-radius: 9px; background: #f7f8f4; padding: 12px; color: var(--muted); font-size: 10px; line-height: 1.55; }
.security-steps { display: grid; gap: 12px; margin: 22px 0; padding-left: 22px; color: var(--muted); font-size: 11px; line-height: 1.55; }
.authenticator-key { display: block; overflow-wrap: anywhere; margin-top: 8px; border: 1px dashed #b7c27b; border-radius: 8px; background: #f5f8e8; padding: 11px; color: var(--ink); font-size: 14px; letter-spacing: .08em; }
.recovery-code-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 7px; margin: 22px 0; padding: 0; list-style: none; }
.recovery-code-list li { border: 1px solid var(--line); border-radius: 7px; background: #f7f8f4; padding: 8px; text-align: center; }
.account-link { display: inline-flex; align-items: center; gap: 8px; color: var(--ink); text-decoration: none; }
.account-name { max-width: 130px; overflow: hidden; color: var(--muted); font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.logout-form { margin: 0; }
.user-admin-layout { display: grid; grid-template-columns: minmax(0, 1fr) 315px; gap: 20px; align-items: start; }
.user-admin-main { display: grid; gap: 24px; }
.user-admin-side { position: sticky; top: 88px; display: grid; gap: 14px; }
.user-admin-side .content-card { padding: 18px; }
.invitation-result-card { display: grid; grid-template-columns: minmax(260px, .8fr) minmax(320px, 1.2fr); gap: 22px; align-items: center; margin-bottom: 20px; padding: 20px; border-left: 4px solid #a9c546; }
.invitation-result-card h2 { margin: 5px 0 6px; font-size: 16px; }
.invitation-result-card p:not(.eyebrow) { margin: 0; color: var(--muted); font-size: 10px; }
.invitation-link-row { display: flex; gap: 8px; }
.invitation-link-row input { min-width: 0; flex: 1; border: 1px solid var(--line); border-radius: 8px; background: #f8f9f5; padding: 10px; color: var(--muted); font-size: 9px; }
.user-list-section { display: grid; gap: 12px; }
.user-access-card { padding: 19px; }
.user-access-heading { display: grid; grid-template-columns: 42px minmax(0, 1fr) auto; gap: 12px; align-items: center; border-bottom: 1px solid var(--line); margin-bottom: 17px; padding-bottom: 15px; }
.user-avatar { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 12px; background: var(--ink); color: #fff; font-size: 11px; font-weight: 900; }
.user-access-heading h3 { margin: 0; font-size: 14px; }
.user-access-heading p { margin: 3px 0 0; color: var(--muted); font-size: 9px; }
.unit-scope-editor { margin-top: 14px; border: 1px solid var(--line); border-radius: 10px; background: #fafbf8; padding: 12px; }
.unit-scope-options { display: flex; flex-wrap: wrap; gap: 8px 17px; border-top: 1px solid var(--line); margin-top: 10px; padding-top: 10px; }
.unit-scope-options label { color: var(--muted); font-size: 9px; }
.user-access-footer { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-top: 14px; }
.user-access-footer small { color: var(--muted); font-size: 9px; }
.pending-invitation,
.audit-row { display: grid; gap: 3px; border-top: 1px solid var(--line); padding: 12px 0; }
.pending-invitation:first-of-type,
.audit-row:first-of-type { margin-top: 9px; }
.pending-invitation strong,
.audit-row strong { font-size: 10px; }
.pending-invitation span,
.audit-row span { overflow: hidden; color: var(--muted); font-size: 9px; text-overflow: ellipsis; }
.pending-invitation small,
.audit-row small { color: #929a94; font-size: 8px; }
.pending-invitation button { justify-self: start; margin-top: 3px; }

@media (max-width: 1000px) {
    .user-admin-layout { grid-template-columns: 1fr; }
    .user-admin-side { position: static; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .invitation-result-card { grid-template-columns: 1fr; }
}

@media (max-width: 680px) {
    .auth-card { padding: 24px; }
    .account-name { display: none; }
    .user-admin-side { grid-template-columns: 1fr; }
    .user-access-heading { grid-template-columns: 42px minmax(0, 1fr); }
    .user-access-heading > .tag { grid-column: 2; justify-self: start; }
    .user-access-footer,
    .invitation-link-row { align-items: stretch; flex-direction: column; }
    .recovery-code-list { grid-template-columns: 1fr; }
}
.profit-breakdown {
    display: block;
    color: var(--muted);
    line-height: 1.55;
    white-space: nowrap;
}

.profitability-table td {
    vertical-align: top;
}

.dashboard-action-list,
.dashboard-quick-links {
    display: grid;
    gap: .55rem;
}

.dashboard-action-list a,
.dashboard-quick-links a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .85rem 0;
    color: inherit;
    text-decoration: none;
    border-bottom: 1px solid var(--line);
}

.dashboard-action-list a:last-child,
.dashboard-quick-links a:last-child {
    border-bottom: 0;
}

.dashboard-action-list a:hover strong,
.dashboard-quick-links a:hover {
    color: var(--accent-dark);
}

.dashboard-action-list span,
.dashboard-action-list small {
    display: block;
}

.dashboard-action-list b {
    flex: 0 0 auto;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

.add-marketplace-account {
    margin-bottom: 20px;
}

.add-marketplace-account summary {
    cursor: pointer;
    font-weight: 800;
}

.add-account-grid {
    display: grid;
    grid-template-columns: minmax(240px, 1fr) auto;
    gap: 14px;
    align-items: end;
    margin-top: 18px;
}

.add-account-grid label,
.add-account-grid small {
    display: block;
}

.add-account-grid label {
    margin-bottom: 6px;
    font-size: 12px;
    font-weight: 750;
}

.add-account-grid input,
.add-account-grid select {
    width: 100%;
}

.add-account-grid small {
    margin-top: 5px;
    color: var(--muted);
}

.add-account-actions {
    display: flex;
    gap: 8px;
}

.first-account-actions {
    margin-top: 16px;
    flex-wrap: wrap;
}

@media (max-width: 1000px) {
    .add-account-grid { grid-template-columns: 1fr; }
    .add-account-actions { flex-wrap: wrap; }
}

.dashboard-action-list small {
    margin-top: .22rem;
    color: var(--muted);
}

.supplier-detail-grid { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(280px, .8fr); gap: 18px; margin-bottom: 24px; }
.supplier-summary-card .detail-list { margin-top: 18px; }
.supplier-notes { border-top: 1px solid var(--line); margin: 18px 0 0; padding-top: 16px; color: var(--muted); line-height: 1.55; }
.supplier-products-toolbar { margin-top: 26px; }
.positive-number { color: #537416; font-weight: 800; }
.supplier-import-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(300px, .75fr); gap: 18px; margin-bottom: 22px; }
.supplier-template-card h2 { margin: 6px 0 10px; }
.supplier-template-card p { color: var(--muted); line-height: 1.6; }
.supplier-template-card small { display: block; border-top: 1px solid var(--line); padding-top: 13px; color: var(--muted); }
.supplier-template-download { margin-top: 16px; }
.supplier-import-actions { justify-content: space-between; margin: 0 0 14px; }

/* Inventory matrix, physical warehouses and Mercado Libre Full batches */
.stock-metric-grid, .stock-sku-summary { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 190px), 1fr)); gap: 11px; margin-bottom: 20px; }
.stock-metric-grid .metric-card, .stock-sku-summary .metric-card { min-height: 116px; padding: 16px; }
.stock-metric-grid .metric-card strong, .stock-sku-summary .metric-card strong { font-size: 28px; }
.stock-matrix-toolbar { justify-content: flex-start; }
.stock-matrix-toolbar input { flex: 1; }
.stock-matrix-toolbar > span { margin-left: auto; }
.stock-matrix-legend { display: flex; flex-wrap: wrap; gap: 18px; margin: 0 0 12px; color: var(--muted); font-size: 10px; }
.stock-matrix-legend span { display: inline-flex; align-items: center; gap: 5px; }
.stock-matrix-legend i { width: 8px; height: 8px; border-radius: 50%; }
.stock-matrix-legend i.available { background: var(--accent-dark); }
.stock-matrix-legend i.reserved { background: #d9a23b; }
.stock-matrix-legend i.full { background: #849f39; }
.stock-matrix-card { overflow-x: auto; }
.stock-matrix-table { min-width: 1000px; }
.stock-matrix-table .sticky-product { position: sticky; left: 0; z-index: 2; min-width: 260px; background: #fff; box-shadow: 1px 0 0 var(--line); }
.stock-matrix-table th.sticky-product { z-index: 3; background: #f8f9f6; }
.stock-location-heading { min-width: 145px; }
.stock-location-heading small { display: block; margin-top: 3px; color: #96a099; font-size: 8px; text-transform: none; letter-spacing: 0; }
.stock-total-heading { min-width: 105px; }
.stock-product-cell strong, .stock-product-cell small { display: block; }
.stock-product-cell small { margin-top: 5px; color: var(--muted); }
.stock-breakdown-cell strong, .stock-breakdown-cell small, .stock-pending-cell strong, .stock-pending-cell small, .stock-full-cell strong, .stock-full-cell small { display: block; }
.stock-breakdown-cell strong, .stock-pending-cell strong, .stock-full-cell strong, .stock-total-cell strong { font-size: 14px; }
.stock-breakdown-cell small { display: flex; justify-content: flex-end; gap: 8px; margin-top: 4px; color: var(--muted); font-size: 8px; }
.stock-breakdown-cell small span:last-child { color: var(--warning); }
.stock-pending-cell { background: #fffaf0; }
.stock-pending-cell small, .stock-full-cell small { margin-top: 4px; color: var(--muted); font-size: 8px; }
.stock-full-cell { background: #fafbf7; }
.stock-total-cell { background: #f4f8df; }
.stock-row-inconsistent td { border-top: 1px solid #e8a69e; border-bottom-color: #e8a69e; }
.stock-matrix-method { max-width: none; margin-top: 18px; }
.stock-matrix-method h2 { margin: 6px 0; font-size: 19px; }
.stock-matrix-method p:last-child { margin-bottom: 0; color: var(--muted); line-height: 1.55; }
.stock-location-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 13px; margin-bottom: 28px; }
.stock-location-card h2 { margin: 6px 0 18px; font-size: 20px; }
.stock-location-card.external { background: #f9faf6; }
.stock-location-card dl, .full-shipment-summary-card dl, .full-shipment-status-card dl { display: grid; gap: 10px; margin: 0; }
.stock-location-card dl div, .full-shipment-summary-card dl div, .full-shipment-status-card dl div { display: flex; justify-content: space-between; gap: 14px; border-top: 1px solid var(--line); padding-top: 10px; }
.stock-location-card dt, .full-shipment-summary-card dt, .full-shipment-status-card dt { color: var(--muted); font-size: 10px; }
.stock-location-card dd, .full-shipment-summary-card dd, .full-shipment-status-card dd { margin: 0; text-align: right; font-size: 12px; font-weight: 800; }
.stock-section-heading { margin-top: 28px; }
.warehouse-editor-card { margin-bottom: 18px; }
.warehouse-editor-card h2 { margin: 5px 0 0; }
.warehouse-active-check { margin-top: 18px; }
.warehouse-management-table .muted-row { opacity: .58; }
.warehouse-dependencies { display: grid; gap: 3px; color: var(--muted); }
.table-button { border: 0; padding: 0; background: transparent; cursor: pointer; }
.full-batch-cta .button { margin-top: 20px; }
.full-shipment-editor-grid, .full-shipment-detail-grid { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(290px, .55fr); gap: 18px; align-items: start; }
.full-shipment-editor-grid h2, .full-shipment-detail-grid h2, .full-shipment-lines-card h2 { margin: 6px 0 8px; font-size: 21px; letter-spacing: -.03em; }
.full-shipment-lines-card { margin-top: 18px; }
.full-sku-picker { display: grid; grid-template-columns: minmax(160px, .8fr) auto minmax(300px, 1.4fr) 100px auto; gap: 8px; margin: 20px 0 8px; }
.full-sku-picker input, .full-sku-picker select { min-width: 0; border: 1px solid var(--line); border-radius: 9px; background: #fff; padding: 10px 11px; }
.full-picker-help { display: block; margin-bottom: 16px; color: var(--muted); }
.full-shipment-summary-card { position: sticky; top: 88px; }
.full-shipment-summary-card h2, .full-shipment-status-card h2, .full-cancel-card h2 { margin: 6px 0 18px; }
.full-shipment-summary-card > .button { width: 100%; margin-top: 18px; }
.full-shipment-safety { border-radius: 9px; background: #f4f8df; padding: 12px; margin-top: 17px; }
.full-shipment-safety strong, .full-shipment-safety p { display: block; }
.full-shipment-safety p { margin: 5px 0 0; color: var(--muted); font-size: 10px; line-height: 1.5; }
.full-shipment-detail-grid section { min-width: 0; }
.full-shipment-detail-grid > section > .content-card { margin-top: 18px; }
.full-shipment-detail-grid .card-header > small { color: var(--muted); }
.full-dispatch-card p:not(.eyebrow), .full-reconciliation-card > p, .full-cancel-card > p { color: var(--muted); font-size: 11px; line-height: 1.55; }
.full-dispatch-card > .button, .full-reconciliation-card > .button { width: 100%; margin-top: 18px; }
.full-reconciliation-card .embedded-table input { width: 115px; }
.full-shipment-sidebar { display: grid; gap: 18px; }
.full-cancel-card { border-color: #e2b2ac; }
.full-cancel-card textarea { width: 100%; border: 1px solid var(--line); border-radius: 9px; padding: 10px; resize: vertical; }
.full-cancel-card .danger-button { margin-top: 14px; }

@media (max-width: 1050px) {
    .supplier-detail-grid, .supplier-import-layout, .full-shipment-editor-grid, .full-shipment-detail-grid { grid-template-columns: 1fr; }
    .full-shipment-summary-card { position: static; }
    .full-sku-picker { grid-template-columns: 1fr auto; }
    .full-sku-picker select { grid-column: 1 / -1; }
}

@media (max-width: 760px) {
    .stock-metric-grid, .stock-sku-summary { grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); }
    .stock-matrix-toolbar { align-items: stretch; flex-direction: column; }
    .stock-matrix-toolbar input { min-width: 0; width: 100%; }
    .stock-matrix-toolbar > span { margin-left: 0; }
    .full-sku-picker { grid-template-columns: 1fr; }
    .full-sku-picker select { grid-column: auto; }
}

/* Organization, fiscal identities, business units and integrations */
.configuration-heading { margin-bottom: 20px; }
.configuration-alert { max-width: none; }
.configuration-layout { display: grid; grid-template-columns: 228px minmax(0, 1fr); gap: 22px; align-items: start; }
.configuration-index { position: sticky; top: 88px; display: grid; gap: 6px; min-width: 0; border: 1px solid var(--line); border-radius: 14px; background: #fff; padding: 14px; }
.configuration-index > .eyebrow { padding: 5px 8px 9px; }
.configuration-index > button,
.configuration-index-link { display: grid; grid-template-columns: 25px 1fr; column-gap: 8px; width: 100%; border: 0; border-radius: 9px; background: transparent; color: var(--ink); padding: 11px 10px; text-align: left; text-decoration: none; cursor: pointer; }
.configuration-index > button:hover,
.configuration-index-link:hover { background: #f5f7f1; }
.configuration-index > button.active { background: var(--accent); }
.configuration-index > button > span,
.configuration-index-link > span { grid-row: span 2; color: #89928c; font-size: 9px; font-weight: 850; letter-spacing: .08em; padding-top: 2px; }
.configuration-index > button.active > span { color: #54641d; }
.configuration-index > button strong,
.configuration-index-link strong { font-size: 12px; }
.configuration-index > button small,
.configuration-index-link small { margin-top: 2px; color: var(--muted); font-size: 9px; }
.configuration-content, .configuration-section { min-width: 0; }
.configuration-section { display: grid; gap: 16px; }
.configuration-section-heading { display: flex; justify-content: space-between; align-items: end; gap: 18px; min-height: 62px; margin-bottom: 2px; }
.configuration-section-heading h2 { margin: 5px 0 5px; font-size: 27px; letter-spacing: -.04em; }
.configuration-section-heading p:not(.eyebrow) { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.5; }
.configuration-card { overflow: visible; }
.configuration-card-header { display: flex; justify-content: space-between; align-items: start; gap: 22px; padding-bottom: 20px; border-bottom: 1px solid var(--line); }
.configuration-card-header h2 { margin: 5px 0 6px; font-size: 23px; letter-spacing: -.035em; }
.configuration-card-header p:not(.eyebrow) { max-width: 660px; margin: 0; color: var(--muted); font-size: 11px; line-height: 1.5; }
.configuration-card-header > small { color: var(--muted); font-size: 9px; white-space: nowrap; }
.configuration-form-grid { margin-top: 20px; }
.configuration-form-grid label > small { display: block; margin-top: 5px; color: var(--muted); font-size: 9px; font-weight: 500; line-height: 1.45; }
.company-logo-editor { display: grid; grid-template-columns: 104px 1fr; gap: 18px; align-items: center; border-bottom: 1px solid var(--line); padding: 20px 0; }
.company-logo-preview { display: grid; place-items: center; width: 104px; height: 76px; overflow: hidden; border: 1px dashed #bec7c0; border-radius: 11px; background: #f7f9f3; }
.company-logo-preview img { width: 100%; height: 100%; object-fit: contain; }
.company-logo-preview span { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 12px; background: var(--ink); color: #fff; font-size: 16px; font-weight: 900; }
.company-logo-editor strong { font-size: 13px; }
.company-logo-editor p { margin: 4px 0 10px; color: var(--muted); font-size: 10px; }
.logo-actions { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.file-button { position: relative; overflow: hidden; }
.file-button.disabled { opacity: .38; cursor: not-allowed; }
.file-button input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.danger-text { color: var(--danger) !important; }
.selected-logo-name { display: block; margin-top: 7px; color: var(--muted); font-size: 9px; }
.legal-editor-card { border-color: #cbd69d; box-shadow: 0 15px 45px rgba(31, 48, 38, .06); }
.configuration-empty-card { min-height: 260px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; }
.configuration-empty-card h2 { margin: 6px 0; font-size: 24px; letter-spacing: -.04em; }
.configuration-empty-card p { max-width: 600px; margin: 0 0 18px; color: var(--muted); line-height: 1.55; }
.legal-entity-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.legal-entity-card { padding: 20px; }
.legal-entity-title { display: flex; justify-content: space-between; gap: 15px; align-items: start; }
.legal-entity-title h3 { margin: 9px 0 0; font-size: 17px; letter-spacing: -.025em; }
.legal-entity-card dl { display: grid; gap: 10px; margin: 18px 0 0; }
.legal-entity-card dl div { display: flex; justify-content: space-between; gap: 15px; border-top: 1px solid var(--line); padding-top: 9px; }
.legal-entity-card dt { color: var(--muted); font-size: 9px; }
.legal-entity-card dd { margin: 0; max-width: 68%; text-align: right; font-size: 10px; font-weight: 750; }
.business-unit-card + .business-unit-card { margin-top: 0; }
.marketplace-unit-group { display: grid; gap: 12px; border: 1px solid #dce1d6; border-radius: 15px; background: #f8f9f6; padding: 15px; }
.marketplace-unit-heading { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 4px 5px 7px; }
.marketplace-unit-heading h3 { margin: 4px 0 3px; font-size: 21px; letter-spacing: -.035em; }
.marketplace-unit-heading small { color: var(--muted); font-size: 9px; }
.marketplace-unit-heading .marketplace-unit-warning { color: #9a6418; font-weight: 750; }
.marketplace-unit-empty { display: flex; align-items: center; gap: 13px; min-height: auto; padding: 18px 20px; border-style: dashed; box-shadow: none; }
.marketplace-unit-empty strong { display: block; font-size: 12px; }
.marketplace-unit-empty p { margin: 4px 0 0; color: var(--muted); font-size: 10px; }
.marketplace-connect-card { display: grid; grid-template-columns: minmax(0, 1fr) minmax(390px, .95fr); gap: 26px; align-items: center; padding: 19px 21px; box-shadow: none; }
.marketplace-connect-card h3 { margin: 5px 0 5px; font-size: 16px; letter-spacing: -.025em; }
.marketplace-connect-card p:not(.eyebrow) { margin: 0; color: var(--muted); font-size: 10px; line-height: 1.5; }
.marketplace-connect-fields { display: flex; justify-content: flex-end; }
.marketplace-connect-actions { display: flex; gap: 7px; white-space: nowrap; }
.button.disabled { opacity: .4; pointer-events: none; }
.marketplace-settings-card { padding: 0; overflow: hidden; }
.marketplace-account-heading { display: grid; grid-template-columns: 46px 1fr auto; align-items: center; gap: 13px; padding: 20px 22px; }
.marketplace-account-heading h2 { margin: 3px 0 2px; font-size: 20px; letter-spacing: -.03em; }
.marketplace-account-heading small { color: var(--muted); font-size: 9px; }
.marketplace-account-badges { display: flex; justify-content: flex-end; gap: 5px; flex-wrap: wrap; }
.account-error { display: grid; grid-template-columns: auto 1fr; gap: 12px; border-top: 1px solid #edc0ba; background: #fff7f5; padding: 11px 22px; color: #8d3025; font-size: 10px; }
.marketplace-health-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: #f8f9f6; }
.marketplace-health-grid > div { min-width: 0; padding: 15px 18px; border-right: 1px solid var(--line); }
.marketplace-health-grid > div:last-child { border-right: 0; }
.marketplace-health-grid span, .marketplace-health-grid strong, .marketplace-health-grid small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.marketplace-health-grid span { color: var(--muted); font-size: 8px; font-weight: 850; text-transform: uppercase; letter-spacing: .07em; }
.marketplace-health-grid strong { margin: 5px 0 3px; font-size: 12px; }
.marketplace-health-grid small { color: var(--muted); font-size: 8px; }
.marketplace-health-grid .health-danger { background: #fff4f2; }
.marketplace-health-grid .health-danger strong { color: var(--danger); }
.marketplace-inventory-policy { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(280px, .9fr); gap: 28px; padding: 22px; }
.marketplace-inventory-policy h3 { margin: 5px 0 7px; font-size: 17px; }
.marketplace-inventory-policy p:not(.eyebrow) { max-width: 600px; margin: 0; color: var(--muted); font-size: 10px; line-height: 1.55; }
.marketplace-policy-fields { margin: 0; }
.marketplace-policy-check { border-top: 0; padding: 0; }
.marketplace-settings-footer { display: flex; justify-content: space-between; align-items: center; gap: 18px; border-top: 1px solid var(--line); padding: 14px 22px; }
.marketplace-settings-footer > small { color: var(--muted); font-size: 9px; }

@media (max-width: 1100px) {
    .configuration-layout { grid-template-columns: 190px minmax(0, 1fr); }
    .legal-entity-grid { grid-template-columns: 1fr; }
    .marketplace-health-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .marketplace-health-grid > div:nth-child(2) { border-right: 0; }
    .marketplace-health-grid > div:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
    .marketplace-inventory-policy { grid-template-columns: 1fr; }
    .marketplace-connect-card { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
    .configuration-layout { grid-template-columns: 1fr; }
    .configuration-index { position: static; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .configuration-index > .eyebrow { grid-column: 1 / -1; }
    .configuration-section-heading, .configuration-card-header { align-items: flex-start; flex-direction: column; }
    .marketplace-unit-heading { align-items: flex-start; }
    .marketplace-connect-actions { flex-direction: column; }
    .marketplace-connect-actions .button { width: 100%; }
    .company-logo-editor { grid-template-columns: 76px 1fr; }
    .company-logo-preview { width: 76px; height: 66px; }
    .marketplace-account-heading { grid-template-columns: 42px 1fr; }
    .marketplace-account-badges { grid-column: 1 / -1; justify-content: flex-start; }
    .marketplace-health-grid { grid-template-columns: 1fr; }
    .marketplace-health-grid > div { border-right: 0; border-bottom: 1px solid var(--line); }
    .marketplace-health-grid > div:last-child { border-bottom: 0; }
    .marketplace-settings-footer { align-items: stretch; flex-direction: column; }
    .marketplace-settings-footer .button { width: 100%; }
}

/* Product / SKU operational overview */
.catalog-product-link,
.catalog-sku-link {
    color: inherit;
    text-decoration: none;
}
.catalog-product-link { display: inline-grid; gap: 3px; }
.catalog-product-link small { color: var(--muted); font-size: 9px; font-weight: 600; }
.catalog-product-link:hover strong,
.catalog-sku-link:hover code { color: #4f6818; }
.catalog-product-link:focus-visible,
.catalog-sku-link:focus-visible { border-radius: 5px; outline: 3px solid rgba(156, 184, 53, .32); outline-offset: 3px; }
.sku-overview-heading { margin-bottom: 20px; }
.sku-overview-heading p:not(.eyebrow) { max-width: 850px; }
.sku-identity-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 7px 13px; margin-top: 13px; color: var(--muted); font-size: 10px; }
.sku-overview-heading .sku-product-description { max-width: 760px; margin-top: 10px !important; font-size: 10px; line-height: 1.5; }
.sku-period-bar { display: flex; justify-content: space-between; align-items: center; gap: 24px; margin-bottom: 14px; padding: 16px 19px; }
.sku-period-bar > div { display: grid; gap: 3px; }
.sku-period-bar > div > strong { font-size: 15px; }
.sku-period-bar > div > small { color: var(--muted); font-size: 9px; }
.sku-period-bar label { display: flex; align-items: center; gap: 10px; color: var(--muted); font-size: 10px; font-weight: 800; }
.sku-period-bar select { border: 1px solid var(--line); border-radius: 9px; background: #fff; padding: 9px 34px 9px 11px; color: var(--ink); font-weight: 700; }
.sku-cost-alert { margin-bottom: 14px; }
.sku-overview-metrics { margin-bottom: 18px; }
.sku-overview-metrics .metric-card { min-height: 126px; padding: 18px; }
.sku-overview-metrics .metric-card.accent.danger { background: #fff8f7; border-color: #edc0ba; }
.sku-overview-grid { display: grid; grid-template-columns: minmax(0, 1.14fr) minmax(370px, .86fr); gap: 16px; align-items: stretch; }
.sku-breakdown-card,
.sku-stock-card { min-height: 100%; }
.sku-breakdown-card h2,
.sku-stock-card h2 { margin: 5px 0 0; font-size: 21px; letter-spacing: -.03em; }
.sku-breakdown-list { display: grid; gap: 0; margin: 20px 0 0; }
.sku-breakdown-list > div { display: flex; justify-content: space-between; gap: 20px; border-top: 1px solid var(--line); padding: 10px 0; }
.sku-breakdown-list dt { color: var(--muted); font-size: 10px; }
.sku-breakdown-list dd { margin: 0; font-size: 11px; font-weight: 800; font-variant-numeric: tabular-nums; }
.sku-breakdown-list .total dt,
.sku-breakdown-list .total dd { color: var(--ink); font-weight: 850; }
.sku-breakdown-list .result { border-top-color: #b8cb65; margin-top: 2px; padding-top: 14px; }
.sku-breakdown-list .result dt,
.sku-breakdown-list .result dd { color: var(--ink); font-size: 14px; font-weight: 900; }
.sku-refund-summary { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 13px; }
.sku-refund-summary span { border-radius: 7px; background: #f4f6f2; padding: 7px 9px; color: var(--muted); font-size: 9px; }
.sku-refund-summary strong { color: var(--ink); }
.sku-stock-summary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-top: 20px; }
.sku-stock-summary > span { display: flex; min-height: 79px; flex-direction: column; border: 1px solid var(--line); border-radius: 10px; background: #f8f9f6; padding: 11px; }
.sku-stock-summary > span.total { border-color: #d3e484; background: #f4f8df; }
.sku-stock-summary small { color: var(--muted); font-size: 8px; font-weight: 750; }
.sku-stock-summary strong { margin-top: auto; white-space: nowrap; font-size: 23px; letter-spacing: -.04em; font-variant-numeric: tabular-nums; }
.compact-empty { display: flex; min-height: 120px; flex-direction: column; align-items: flex-start; justify-content: center; gap: 5px; color: var(--muted); }
.compact-empty strong { color: var(--ink); font-size: 13px; }
.compact-empty small { line-height: 1.5; }
.sku-section-heading { margin-top: 30px; }
.sku-section-heading.compact-heading { margin-top: 24px; }
.sku-heading-note { display: block; margin-top: 4px; color: var(--muted); font-size: 9px; }
.sku-warehouse-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(245px, 1fr)); gap: 12px; }
.sku-warehouse-card { padding: 17px; }
.sku-warehouse-card > div:first-child { display: flex; align-items: center; gap: 10px; }
.sku-warehouse-card p { margin: 0; }
.sku-warehouse-card p strong,
.sku-warehouse-card p small { display: block; }
.sku-warehouse-card p strong { font-size: 12px; }
.sku-warehouse-card p small { margin-top: 2px; color: var(--muted); font-size: 8px; }
.sku-warehouse-card.external { background: #f9faf6; }
.warehouse-dot { flex: 0 0 auto; width: 10px; height: 10px; border-radius: 3px; }
.warehouse-dot.physical { background: var(--ink); }
.warehouse-dot.full { background: #8ba93b; }
.sku-warehouse-card dl { display: grid; gap: 7px; margin: 14px 0 0; }
.sku-warehouse-card dl > div { display: flex; justify-content: space-between; gap: 15px; border-top: 1px solid var(--line); padding-top: 8px; }
.sku-warehouse-card dt { color: var(--muted); font-size: 9px; }
.sku-warehouse-card dd { margin: 0; font-size: 10px; font-weight: 850; text-align: right; }
.sku-wide-empty { min-height: 110px; }
.sku-supplier-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; }
.sku-supplier-card { min-width: 0; padding: 18px; }
.sku-supplier-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; }
.sku-supplier-head h3 { margin: 7px 0 3px; font-size: 15px; letter-spacing: -.02em; }
.sku-supplier-head h3 a { color: inherit; text-decoration: none; }
.sku-supplier-head h3 a:hover { color: #4f6818; }
.sku-supplier-head small { color: var(--muted); font-size: 8px; }
.sku-supplier-tags { display: flex; min-height: 20px; flex-wrap: wrap; gap: 5px; }
.sku-supplier-price { flex: 0 0 auto; text-align: right; }
.sku-supplier-price small,
.sku-supplier-price strong { display: block; }
.sku-supplier-price small { font-size: 8px; font-weight: 850; letter-spacing: .07em; }
.sku-supplier-price strong { margin-top: 5px; white-space: nowrap; font-size: 19px; letter-spacing: -.03em; font-variant-numeric: tabular-nums; }
.sku-supplier-terms { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; overflow: hidden; margin: 16px 0 0; border: 1px solid var(--line); border-radius: 9px; background: var(--line); }
.sku-supplier-terms > div { min-width: 0; background: #f9faf7; padding: 10px; }
.sku-supplier-terms dt,
.sku-supplier-terms dd { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sku-supplier-terms dt { color: var(--muted); font-size: 8px; }
.sku-supplier-terms dd { margin: 4px 0 0; font-size: 10px; font-weight: 800; font-variant-numeric: tabular-nums; }
.sku-supplier-footer { display: flex; align-items: center; justify-content: space-between; gap: 15px; border-top: 1px solid var(--line); margin-top: 13px; padding-top: 11px; color: var(--muted); font-size: 8px; }
.sku-listing-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; }
.sku-listing-card { padding: 18px; }
.sku-listing-head { display: grid; grid-template-columns: 62px minmax(0, 1fr) auto; gap: 13px; align-items: start; }
.sku-listing-head img,
.sku-listing-placeholder { width: 62px; height: 62px; border: 1px solid var(--line); border-radius: 10px; background: #f5f6f2; object-fit: contain; }
.sku-listing-placeholder { display: grid; place-items: center; color: #73806e; font-weight: 900; }
.sku-listing-head h3 { margin: 7px 0 4px; font-size: 13px; line-height: 1.35; }
.sku-listing-head small { color: var(--muted); font-size: 9px; }
.sku-listing-head > .table-link { font-size: 9px; white-space: nowrap; }
.sku-listing-numbers { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; overflow: hidden; margin-top: 16px; border: 1px solid var(--line); border-radius: 9px; background: var(--line); }
.sku-listing-numbers span { min-width: 0; background: #f9faf7; padding: 10px; }
.sku-listing-numbers small,
.sku-listing-numbers strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sku-listing-numbers small { color: var(--muted); font-size: 8px; }
.sku-listing-numbers strong { margin-top: 4px; font-size: 12px; }
.sku-listing-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 11px; border-top: 1px solid var(--line); margin-top: 13px; padding-top: 12px; color: var(--muted); font-size: 8px; }
.sku-listing-meta > small { margin-left: auto; }
.sku-sales-card,
.sku-movement-card { overflow-x: auto; }
.sku-sales-card table { min-width: 1080px; }
.sku-movement-card table { min-width: 760px; }
.sku-table-empty { min-height: 135px; padding: 25px; }
.sku-method-card { max-width: none; margin-top: 24px; border-left: 4px solid #abc84a; }
.sku-method-card h2 { margin: 6px 0 10px; font-size: 19px; }
.sku-method-card p:not(.eyebrow) { max-width: 980px; margin: 7px 0 0; color: var(--muted); font-size: 11px; line-height: 1.6; }

@media (max-width: 1100px) {
    .sku-overview-grid { grid-template-columns: 1fr; }
    .sku-supplier-grid,
    .sku-listing-grid { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
    .sku-period-bar { align-items: stretch; flex-direction: column; }
    .sku-period-bar label { align-items: stretch; flex-direction: column; }
    .sku-period-bar select { width: 100%; }
    .sku-stock-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .sku-supplier-head { flex-direction: column; }
    .sku-supplier-price { text-align: left; }
    .sku-supplier-terms { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .sku-listing-head { grid-template-columns: 52px minmax(0, 1fr); }
    .sku-listing-head img,
    .sku-listing-placeholder { width: 52px; height: 52px; }
    .sku-listing-head > .table-link { grid-column: 2; }
    .sku-listing-numbers { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .sku-listing-meta > small { width: 100%; margin-left: 0; }
}