@charset "UTF-8";

:root {
  --canvas: #f4f6f9;
  --surface: #ffffff;
  --surface-soft: #f8fafc;
  --surface-deep: #edf1f5;
  --ink: #182230;
  --ink-soft: #344054;
  --muted: #667085;
  --line: #e4e7ec;
  --line-strong: #d0d5dd;
  --brand: #3659c9;
  --brand-dark: #2947a3;
  --brand-soft: #eef2ff;
  --brand-accent: #9aafea;
  --blue: #6483d9;
  --blue-soft: #eef3ff;
  --purple: #756a9f;
  --purple-soft: #f2f0f8;
  --amber: #a56a1a;
  --amber-soft: #fcf4e6;
  --coral: #b84a52;
  --coral-soft: #fbedee;
  --success: #277663;
  --success-soft: #eaf4f1;
  --sidebar: #17202e;
  --sidebar-soft: #222d3c;
  --nav-bg: #f7f8fa;
  --nav-ink: #344054;
  --shadow-sm: 0 1px 2px rgba(16, 24, 40, .03), 0 8px 24px rgba(16, 24, 40, .05);
  --shadow-lg: 0 24px 70px rgba(16, 24, 40, .2);
  --radius: 18px;
  --sidebar-width: 264px;
  --content-gutter: clamp(18px, 1.2vw, 24px);
  --content-max-width: 2240px;
  font-family: Inter, "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  color: var(--ink);
  background: var(--canvas);
  font-synthesis: none;
}

*, *::before, *::after { box-sizing: border-box; }
html { min-height: 100%; scroll-behavior: smooth; }
body { min-height: 100vh; margin: 0; background: var(--canvas); color: var(--ink); -webkit-font-smoothing: antialiased; }
body, button, input { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { color: inherit; }
a { color: inherit; text-decoration: none; }
svg { display: block; }
.icon { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.svg-sprite { position: absolute; width: 0; height: 0; overflow: hidden; }

.app-shell { display: grid; grid-template-columns: var(--sidebar-width) minmax(0, 1fr); min-height: 100vh; }
.sidebar { position: fixed; inset: 0 auto 0 0; z-index: 30; display: flex; flex-direction: column; width: var(--sidebar-width); padding: 22px 14px 16px; overflow: hidden; color: var(--nav-ink); background: var(--nav-bg); border-right: 1px solid #e1e6ed; box-shadow: 8px 0 28px rgba(16,24,40,.025); }
.brand { display: flex; align-items: center; gap: 11px; min-height: 48px; padding: 0 9px; color: #17202e; }
.brand-mark { position: relative; display: grid; width: 39px; height: 39px; place-items: center; overflow: hidden; color: white; background: var(--brand); border-radius: 12px 12px 12px 5px; box-shadow: inset 0 0 0 1px rgba(255,255,255,.18); }
.brand-mark span { position: relative; z-index: 1; font-size: 19px; font-weight: 900; letter-spacing: -.05em; }
.brand-mark i { position: absolute; width: 20px; height: 20px; right: -8px; bottom: -8px; background: var(--brand-accent); border-radius: 50%; }
.brand-copy { display: flex; flex-direction: column; min-width: 0; line-height: 1; }
.brand-copy strong { font-size: 21px; letter-spacing: -.055em; }
.brand-copy strong span { color: var(--brand); }
.brand-copy small { margin-top: 6px; color: #7c8798; font-size: 9px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }

.workspace-switcher { display: grid; grid-template-columns: 34px minmax(0, 1fr) 16px; align-items: center; gap: 10px; width: 100%; margin: 19px 0 14px; padding: 10px; color: #344054; text-align: left; background: #ffffff; border: 1px solid #e1e6ed; border-radius: 12px; cursor: pointer; box-shadow: 0 1px 2px rgba(16,24,40,.025); transition: .2s ease; }
.workspace-switcher:hover { background: #fbfcfd; border-color: #cfd6e0; }
.workspace-switcher .icon { width: 16px; height: 16px; color: #7c8798; }
.workspace-avatar { display: grid; width: 34px; height: 34px; place-items: center; color: #2947a3; background: #eef2ff; border-radius: 9px; font-size: 11px; font-weight: 900; }
.workspace-switcher > span:nth-child(2) { display: flex; flex-direction: column; min-width: 0; }
.workspace-switcher strong { overflow: hidden; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.workspace-switcher small { margin-top: 4px; color: #7c8798; font-size: 10px; }

.main-nav { display: flex; min-height: 0; flex: 1; flex-direction: column; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: none; }
.main-nav::-webkit-scrollbar { width: 0; height: 0; display: none; }
.nav-label { margin: 10px 11px 7px; color: #7c8798; font-size: 8.5px; font-weight: 850; letter-spacing: .13em; }
.nav-link { position: relative; display: flex; align-items: center; gap: 10px; width: 100%; min-height: 39px; margin: 1px 0; padding: 0 11px; color: #475467; background: transparent; border: 0; border-radius: 9px; font-size: 11.5px; font-weight: 650; text-align: left; cursor: pointer; transition: .16s ease; }
.nav-link:hover { color: #17202e; background: #eef1f5; }
.nav-link.is-active { color: #2947a3; background: #e9eefc; box-shadow: inset 3px 0 #3659c9; }
.nav-link.is-active .icon { color: #3659c9; }
.nav-link .icon { width: 17px; height: 17px; color: #667085; }
.nav-link span { flex: 1; }
.nav-link em, .nav-link b { display: grid; min-width: 22px; height: 19px; padding: 0 5px; place-items: center; color: #475467; background: #e8ecf1; border-radius: 6px; font-size: 8px; font-style: normal; }
.nav-link b { color: #a43f48; background: #f9e9eb; }
.nav-section { margin: 5px 0 0; }.nav-section > summary { display: flex; min-height: 30px; padding: 0 10px; align-items: center; justify-content: space-between; gap: 8px; color: #667085; cursor: pointer; list-style: none; font-size: 8.5px; font-weight: 850; letter-spacing: .09em; text-transform: uppercase; }.nav-section > summary::-webkit-details-marker { display: none; }.nav-section > summary .icon { width: 14px; height: 14px; transition: transform .16s ease; }.nav-section[open] > summary .icon { transform: rotate(180deg); }.nav-section > summary:hover, .nav-section > summary.has-active-page { color: #2947a3; }.nav-section-links { display: grid; padding: 2px 0 4px; }.after-sales-menu-links .nav-link { min-height: 37px; font-size: 10.5px; }.nav-center-link { margin-bottom: 3px; border-bottom: 1px solid #e2e7ee; border-radius: 9px 9px 4px 4px; }
.nav-group { margin: 1px 0 3px; }.nav-group > summary { list-style: none; }.nav-group > summary::-webkit-details-marker { display: none; }.nav-group-trigger .nav-group-chevron { width: 14px; height: 14px; flex: 0 0 auto; transition: transform .18s ease; }.nav-group[open] .nav-group-chevron { transform: rotate(180deg); }.nav-submenu { display: grid; margin: 3px 0 5px 19px; padding: 4px 0 4px 9px; gap: 1px; border-left: 1px solid rgba(255,255,255,.09); }.nav-sub-link { display: flex; min-width: 0; min-height: 34px; padding: 0 9px; align-items: center; gap: 8px; color: #8f9bac; border-radius: 9px; font-size: 10px; font-weight: 650; transition: .18s ease; }.nav-sub-link:hover { color: white; background: rgba(255,255,255,.05); }.nav-sub-link.is-active { color: white; background: rgba(91,120,211,.14); }.nav-sub-link .icon { width: 14px; height: 14px; flex: 0 0 auto; color: #728096; }.nav-sub-link.is-active .icon { color: #b7c5f4; }.nav-sub-link span { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.nav-sub-link em { display: grid; min-width: 19px; height: 17px; padding: 0 4px; place-items: center; color: #c9d1dd; background: rgba(255,255,255,.07); border-radius: 6px; font-size: 8px; font-style: normal; }
.product-nav-tree { margin: 1px 0; }
.product-nav-tree > summary { list-style: none; }
.product-nav-tree > summary::-webkit-details-marker,
.product-nav-subgroup > summary::-webkit-details-marker { display: none; }
.product-nav-tree > summary.is-tree-active { color: #2947a3; background: #eef2fb; }
.product-nav-tree > summary .product-nav-chevron { width: 13px; height: 13px; flex: 0 0 auto; transition: transform .18s ease; }
.product-nav-tree[open] > summary .product-nav-chevron { transform: rotate(180deg); }
.product-nav-tree-body { display: grid; margin: 2px 0 5px 18px; padding: 3px 0 4px 10px; gap: 1px; border-left: 1px solid #dce2eb; }
.product-nav-leaf,
.product-nav-subgroup > summary,
.product-nav-subgroup a { display: flex; min-width: 0; min-height: 29px; padding: 5px 8px; align-items: center; color: #667085; border-radius: 7px; font-size: 9.5px; font-weight: 650; line-height: 1.3; }
.product-nav-leaf:hover,
.product-nav-subgroup > summary:hover,
.product-nav-subgroup a:hover { color: #17202e; background: #eef1f5; }
.product-nav-leaf.is-active,
.product-nav-subgroup a.is-active { color: #2947a3; background: #e9eefc; font-weight: 800; }
.product-nav-subgroup > summary { justify-content: space-between; cursor: pointer; list-style: none; }
.product-nav-subgroup > summary .icon { width: 12px; height: 12px; flex: 0 0 auto; transition: transform .18s ease; }
.product-nav-subgroup[open] > summary { color: #344054; font-weight: 750; }
.product-nav-subgroup[open] > summary .icon { transform: rotate(180deg); }
.product-nav-subgroup > div { display: grid; margin-left: 8px; padding-left: 7px; border-left: 1px solid #e5e9ef; }
.product-nav-subgroup a { min-height: 27px; padding-left: 8px; font-size: 9px; }
.health-dot { width: 7px; height: 7px; background: #65b39f; border: 2px solid rgba(101,179,159,.2); border-radius: 50%; box-shadow: 0 0 0 3px rgba(101,179,159,.09); }
.sidebar-foot { flex: 0 0 auto; padding-top: 12px; background: var(--nav-bg); border-top: 1px solid #e1e6ed; }
.system-health { display: flex; align-items: center; justify-content: space-between; margin: 0 9px 8px; color: #667085; font-size: 9px; }
.system-health span { display: flex; align-items: center; gap: 6px; }
.system-health i { width: 6px; height: 6px; background: #65b39f; border-radius: 50%; box-shadow: 0 0 0 3px rgba(101,179,159,.11); }
.system-health small { color: #7c8798; font-size: 9px; }
.sidebar-scrim { display: none; }

.app-main { grid-column: 2; min-width: 0; }
.topbar { position: sticky; top: 0; z-index: 20; display: flex; align-items: center; justify-content: space-between; height: 72px; padding: 0 var(--content-gutter); background: rgba(255,255,255,.9); border-bottom: 1px solid rgba(228,231,236,.9); backdrop-filter: blur(18px); }
.topbar-left, .topbar-actions { display: flex; align-items: center; gap: 11px; }
.breadcrumb { display: flex; align-items: center; gap: 8px; color: var(--muted); font-size: 11px; }
.breadcrumb i { color: #98a2b3; font-style: normal; }
.breadcrumb strong { color: var(--ink-soft); font-weight: 650; }
.search-trigger { display: flex; align-items: center; gap: 9px; width: 292px; height: 38px; padding: 0 10px; color: #7a8699; background: white; border: 1px solid var(--line); border-radius: 11px; font-size: 11px; cursor: pointer; box-shadow: 0 2px 5px rgba(16,24,40,.025); }
.search-trigger .icon { width: 17px; height: 17px; }
.search-trigger span { flex: 1; overflow: hidden; text-align: left; text-overflow: ellipsis; white-space: nowrap; }
kbd { padding: 3px 6px; color: #697586; background: #f2f4f7; border: 1px solid #e4e7ec; border-radius: 6px; font-family: inherit; font-size: 8px; font-weight: 700; box-shadow: 0 1px 0 #d0d5dd; }
.icon-button { position: relative; display: grid; width: 38px; height: 38px; padding: 0; place-items: center; color: var(--ink-soft); background: white; border: 1px solid var(--line); border-radius: 11px; cursor: pointer; }
.icon-button .icon { width: 18px; height: 18px; }
.has-notification::after { position: absolute; top: 8px; right: 8px; width: 6px; height: 6px; content: ""; background: var(--coral); border: 1.5px solid white; border-radius: 50%; }
.profile-button { display: flex; align-items: center; gap: 9px; padding: 3px 6px 3px 3px; background: transparent; border: 0; border-radius: 11px; cursor: pointer; }
.profile-button:hover { background: rgba(54,89,201,.06); }
.profile-button > .icon { width: 15px; height: 15px; color: #8a94a6; }
.avatar { display: grid; width: 34px; height: 34px; place-items: center; color: var(--brand-dark); background: var(--brand-soft); border: 1px solid #dbe3ff; border-radius: 10px; font-size: 10px; font-weight: 850; }
.profile-copy { display: flex; min-width: 95px; flex-direction: column; text-align: left; }
.profile-copy strong { font-size: 10px; }
.profile-copy small { margin-top: 2px; color: var(--muted); font-size: 9px; }
.mobile-menu { display: none; }

.page-content { width: 100%; max-width: var(--content-max-width); margin: 0 auto; padding: 22px var(--content-gutter) 44px; }
.page-heading { display: flex; min-height: 78px; padding: 12px 15px; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 14px; background: rgba(255,255,255,.92); border: 1px solid rgba(228,231,236,.95); border-radius: 14px; box-shadow: 0 1px 2px rgba(16,24,40,.025), 0 7px 20px rgba(16,24,40,.035); }
.page-heading > div:first-child { min-width: 0; }
.page-heading h1 { margin: 2px 0 2px; font-size: clamp(22px, 1.65vw, 28px); line-height: 1.1; letter-spacing: -.04em; }
.page-heading h1 span { font-size: .7em; }
.page-heading p { margin: 0; color: var(--muted); font-size: 9.5px; line-height: 1.45; }
.page-heading p strong { color: var(--brand); }
.eyebrow { display: flex; align-items: center; gap: 6px; color: var(--brand); font-size: 7px; font-weight: 850; letter-spacing: .11em; }
.eyebrow i { width: 5px; height: 5px; background: white; border: 1.5px solid var(--brand); border-radius: 50%; box-sizing: content-box; }
.heading-actions { display: flex; flex-shrink: 0; gap: 8px; }
.page-heading .button { min-height: 34px; padding-right: 11px; padding-left: 11px; border-radius: 9px; font-size: 8px; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 39px; padding: 0 14px; border: 1px solid transparent; border-radius: 11px; font-size: 10px; font-weight: 750; cursor: pointer; transition: transform .15s ease, box-shadow .15s ease, background .15s ease; }
.button:hover { transform: translateY(-1px); }
.button .icon { width: 16px; height: 16px; }
.button-primary { color: white; background: var(--brand); border-color: var(--brand); box-shadow: 0 8px 20px rgba(54,89,201,.16); }
.button-primary:hover { background: var(--brand-dark); box-shadow: 0 10px 24px rgba(54,89,201,.22); }
.button-ghost { color: var(--ink-soft); background: white; border-color: var(--line); }
.button-light { color: var(--ink); background: white; border-color: rgba(255,255,255,.65); }
.panel { min-width: 0; background: var(--surface); border: 1px solid rgba(228,231,236,.95); border-radius: var(--radius); box-shadow: var(--shadow-sm); }
.panel-header { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.panel-header h2, .list-toolbar h2, .section-title h2 { margin: 3px 0 0; font-size: 16px; letter-spacing: -.025em; }
.panel-kicker { color: var(--brand); font-size: 8px; font-weight: 850; letter-spacing: .13em; }
.panel-kicker.light { color: rgba(255,255,255,.7); }
.segmented { display: flex; padding: 3px; background: #f2f4f7; border-radius: 9px; }
.segmented button { padding: 5px 9px; color: var(--muted); background: transparent; border: 0; border-radius: 7px; font-size: 9px; cursor: pointer; }
.segmented .is-selected { color: var(--brand-dark); background: white; font-weight: 750; box-shadow: 0 1px 4px rgba(16,24,40,.08); }
.text-link { display: inline-flex; align-items: center; gap: 5px; color: var(--brand); background: transparent; border: 0; font-size: 9px; font-weight: 750; cursor: pointer; }
.text-link .icon { width: 13px; height: 13px; }

.metric-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-bottom: 16px; }
.metric-card { position: relative; min-height: 156px; padding: 18px; overflow: hidden; background: white; border: 1px solid var(--line); border-radius: 17px; box-shadow: var(--shadow-sm); }
.metric-card::after { position: absolute; top: -38px; right: -30px; width: 112px; height: 112px; content: ""; background: var(--metric-soft); border-radius: 50%; opacity: .65; }
.metric-card.tone-green { --metric: var(--brand); --metric-soft: var(--brand-soft); }
.metric-card.tone-blue { --metric: var(--blue); --metric-soft: var(--blue-soft); }
.metric-card.tone-amber { --metric: var(--amber); --metric-soft: var(--amber-soft); }
.metric-card.tone-coral { --metric: var(--coral); --metric-soft: var(--coral-soft); }
.metric-top { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; }
.metric-icon { display: grid; width: 34px; height: 34px; place-items: center; color: var(--metric); background: var(--metric-soft); border-radius: 10px; }
.metric-icon .icon { width: 17px; height: 17px; }
.metric-menu { color: #98a2b3; }
.metric-menu .icon { width: 16px; }
.metric-card > strong { display: block; font-size: 25px; line-height: 1; letter-spacing: -.045em; }
.metric-label { display: block; margin-top: 5px; color: var(--muted); font-size: 10px; }
.metric-card footer { display: flex; align-items: center; gap: 7px; margin-top: 13px; font-size: 9px; }
.metric-card footer b { color: var(--metric); }
.metric-card footer small { color: #8a94a6; }

.dashboard-grid { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(260px, .85fr); gap: 16px; }
.sales-panel { min-height: 366px; padding: 21px; }
.chart-summary { display: flex; align-items: flex-end; justify-content: space-between; margin: 22px 0 13px; }
.chart-summary > div:first-child { display: flex; flex-direction: column; }
.chart-summary strong { font-size: 23px; letter-spacing: -.04em; }
.chart-summary span { margin-top: 4px; color: var(--muted); font-size: 9px; }
.chart-summary span b { margin-right: 4px; color: var(--success); }
.legend { display: flex; gap: 13px; }
.legend span { display: flex; align-items: center; gap: 5px; }
.legend i { width: 7px; height: 7px; background: var(--brand); border-radius: 2px; }
.legend span:last-child i { background: var(--brand-accent); }
.bar-chart { display: grid; grid-template-columns: repeat(7, 1fr); gap: clamp(9px, 2vw, 20px); height: 220px; padding-top: 23px; border-top: 1px solid #eef1f4; }
.bar-column { position: relative; display: grid; grid-template-rows: 1fr auto auto; min-width: 0; text-align: center; }
.bar-track { display: flex; align-items: flex-end; justify-content: center; height: 156px; background: linear-gradient(to top, rgba(228,231,236,.8) 1px, transparent 1px); background-size: 100% 39px; }
.bar-track > i { position: relative; width: min(35px, 70%); min-height: 12px; background: linear-gradient(180deg, #6f87dc, var(--brand)); border-radius: 7px 7px 3px 3px; box-shadow: 0 7px 14px rgba(54,89,201,.16); }
.bar-track > i span { position: absolute; inset: 0; background: linear-gradient(90deg, transparent, rgba(255,255,255,.16)); border-radius: inherit; }
.bar-value { position: absolute; top: -17px; right: 50%; z-index: 1; color: var(--muted); font-size: 8px; transform: translateX(50%); white-space: nowrap; opacity: 0; transition: .2s; }
.bar-column:hover .bar-value { opacity: 1; }
.bar-column b { margin-top: 8px; font-size: 9px; }
.bar-column small { margin-top: 3px; color: #8a94a6; font-size: 8px; }

.focus-panel { display: flex; flex-direction: column; min-height: 366px; padding: 21px; }
.count-pill { display: grid; min-width: 27px; height: 23px; place-items: center; color: var(--coral); background: var(--coral-soft); border-radius: 8px; font-size: 9px; font-weight: 800; }
.focus-list { display: flex; flex-direction: column; gap: 8px; margin-top: 17px; }
.focus-item { display: grid; grid-template-columns: 34px minmax(0, 1fr) auto 15px; align-items: center; gap: 9px; padding: 10px; background: var(--surface-soft); border: 1px solid #eef1f4; border-radius: 12px; transition: .18s ease; }
.focus-item:hover { transform: translateX(2px); border-color: var(--line-strong); }
.focus-icon { display: grid; width: 34px; height: 34px; place-items: center; color: var(--focus); background: var(--focus-soft); border-radius: 10px; }
.focus-icon .icon { width: 16px; height: 16px; }
.focus-item.tone-danger { --focus: var(--coral); --focus-soft: var(--coral-soft); }
.focus-item.tone-warning { --focus: var(--amber); --focus-soft: var(--amber-soft); }
.focus-item.tone-purple { --focus: var(--purple); --focus-soft: var(--purple-soft); }
.focus-item > span:nth-child(2) { display: flex; min-width: 0; flex-direction: column; }
.focus-item strong { font-size: 9px; }
.focus-item small { margin-top: 3px; overflow: hidden; color: var(--muted); font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.focus-item > b { color: var(--focus); font-size: 12px; }
.focus-item .arrow { width: 13px; height: 13px; color: #98a2b3; }
.focus-score { display: grid; grid-template-columns: 54px 1fr; align-items: center; gap: 12px; margin-top: auto; padding: 14px; color: #e6eaf0; background: var(--sidebar-soft); border-radius: 14px; }
.score-ring { display: flex; align-items: baseline; justify-content: center; width: 52px; height: 52px; padding-top: 14px; background: conic-gradient(var(--brand-accent) 92%, rgba(255,255,255,.12) 0); border-radius: 50%; box-shadow: inset 0 0 0 5px var(--sidebar-soft); }
.score-ring strong { color: white; font-size: 14px; }
.score-ring small { color: #aeb8c6; font-size: 7px; }
.focus-score > div:last-child { display: flex; flex-direction: column; }
.focus-score > div:last-child span { color: #9aa6b5; font-size: 7px; text-transform: uppercase; }
.focus-score > div:last-child strong { margin: 3px 0; color: white; font-size: 10px; }
.focus-score > div:last-child small { color: #8f9baa; font-size: 8px; }

.orders-panel { grid-column: 1 / -1; padding: 21px 21px 5px; }
.table-wrap { width: 100%; overflow-x: auto; }
.data-table { width: 100%; margin-top: 15px; border-collapse: collapse; font-size: 10px; }
.data-table th { padding: 11px 12px; color: #667085; background: #f8fafc; border-top: 1px solid #eef1f4; border-bottom: 1px solid #e4e7ec; font-size: 8px; font-weight: 750; letter-spacing: .04em; text-align: left; text-transform: uppercase; white-space: nowrap; }
.data-table th:first-child { border-radius: 9px 0 0 9px; }
.data-table th:last-child { border-radius: 0 9px 9px 0; }
.data-table td { height: 58px; padding: 10px 12px; border-bottom: 1px solid #eef1f4; vertical-align: middle; white-space: nowrap; }
.data-table tbody tr:last-child td { border-bottom: 0; }
.data-table tbody tr { transition: background .15s; }
.data-table tbody tr:hover { background: #fafbfc; }
.data-table td > small, .data-table td > strong + small { display: block; margin-top: 3px; color: #7d8999; font-size: 8px; }
.data-table.compact td { height: 53px; }
.money { font-weight: 750; font-variant-numeric: tabular-nums; }
.muted-cell { color: var(--muted); }
.channel-mark { display: inline-grid; width: 27px; height: 27px; margin-right: 8px; place-items: center; color: var(--brand-dark); background: var(--brand-soft); border-radius: 8px; font-size: 7px; font-weight: 900; }
.status { display: inline-flex; align-items: center; gap: 6px; min-height: 24px; padding: 0 9px; color: var(--status); background: var(--status-soft); border-radius: 8px; font-size: 8px; font-weight: 750; white-space: nowrap; }
.status i { width: 5px; height: 5px; background: var(--status); border-radius: 50%; }
.status-success { --status: var(--success); --status-soft: var(--success-soft); }
.status-info { --status: var(--brand); --status-soft: var(--brand-soft); }
.status-warning { --status: var(--amber); --status-soft: var(--amber-soft); }
.status-danger { --status: var(--coral); --status-soft: var(--coral-soft); }
.status-purple { --status: var(--purple); --status-soft: var(--purple-soft); }
.status-neutral { --status: #667085; --status-soft: #f2f4f7; }
.row-action { display: grid; width: 29px; height: 29px; padding: 0; place-items: center; color: #7b8799; background: transparent; border: 1px solid transparent; border-radius: 8px; cursor: pointer; }
.row-action:hover { color: var(--brand); background: #f5f7fa; border-color: var(--line); }
.row-action .icon { width: 15px; height: 15px; }

.integration-panel, .activity-panel { padding: 21px; }
.integration-mini-list { margin-top: 14px; }
.integration-mini { display: grid; grid-template-columns: 32px minmax(0, 1fr) 8px; align-items: center; gap: 9px; padding: 8px 0; border-bottom: 1px solid #eef1f4; }
.integration-mini:last-child { border-bottom: 0; }
.integration-logo { display: grid; width: 32px; height: 32px; place-items: center; color: var(--brand-dark); background: var(--brand-soft); border: 1px solid #dbe3ff; border-radius: 9px; font-size: 8px; font-weight: 900; }
.integration-mini > span:nth-child(2) { display: flex; flex-direction: column; }
.integration-mini strong { font-size: 9px; }
.integration-mini small { margin-top: 3px; color: var(--muted); font-size: 8px; }
.health { width: 7px; height: 7px; border-radius: 50%; }
.health.success { background: var(--success); box-shadow: 0 0 0 3px var(--success-soft); }
.health.warning { background: var(--amber); box-shadow: 0 0 0 3px var(--amber-soft); }
.health.neutral { background: #98a2b3; box-shadow: 0 0 0 3px #f2f4f7; }
.timeline { margin-top: 14px; }
.timeline-item { position: relative; display: grid; grid-template-columns: 9px minmax(0, 1fr) auto; gap: 10px; min-height: 49px; }
.timeline-item::before { position: absolute; top: 14px; bottom: -2px; left: 3px; width: 1px; content: ""; background: #e4e7ec; }
.timeline-item:last-child::before { display: none; }
.timeline-item > i { position: relative; z-index: 1; width: 7px; height: 7px; margin-top: 4px; background: var(--dot); border: 2px solid white; border-radius: 50%; box-sizing: content-box; box-shadow: 0 0 0 2px var(--dot-soft); }
.timeline-item > i.success { --dot: var(--success); --dot-soft: var(--success-soft); }
.timeline-item > i.info { --dot: var(--blue); --dot-soft: var(--blue-soft); }
.timeline-item > i.purple { --dot: var(--purple); --dot-soft: var(--purple-soft); }
.timeline-item > i.warning { --dot: var(--amber); --dot-soft: var(--amber-soft); }
.timeline-item > span { display: flex; flex-direction: column; }
.timeline-item strong { font-size: 9px; }
.timeline-item small { margin-top: 3px; color: var(--muted); font-size: 8px; }
.timeline-item time { color: #8a94a6; font-size: 8px; }

.summary-strip { display: grid; grid-template-columns: repeat(4, 1fr); margin-bottom: 16px; background: white; border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow-sm); }
.summary-strip > div { position: relative; padding: 17px 20px; border-right: 1px solid var(--line); }
.summary-strip > div:last-child { border-right: 0; }
.summary-strip span { display: block; color: var(--muted); font-size: 9px; }
.summary-strip strong { display: inline-block; margin-top: 5px; font-size: 22px; letter-spacing: -.03em; }
.summary-strip small { margin-left: 8px; color: var(--muted); font-size: 8px; }
.summary-strip .positive { color: var(--success); }
.danger-text { color: var(--coral); }
.page-panel { overflow: hidden; padding: 20px 20px 6px; }
.list-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 42px; }
.tabs { display: flex; align-items: center; gap: 4px; overflow-x: auto; }
.tabs button, .category-filter button { display: inline-flex; align-items: center; gap: 6px; min-height: 32px; padding: 0 10px; color: var(--muted); background: transparent; border: 0; border-radius: 9px; font-size: 9px; white-space: nowrap; cursor: pointer; }
.tabs button:hover, .tabs .is-active, .category-filter .is-active { color: var(--brand-dark); background: var(--brand-soft); font-weight: 750; }
.tabs b { display: grid; min-width: 18px; height: 17px; padding: 0 4px; place-items: center; background: rgba(54,89,201,.1); border-radius: 5px; font-size: 7px; }
.tabs b.danger { color: var(--coral); background: var(--coral-soft); }
.toolbar-actions { display: flex; align-items: center; gap: 7px; }
.inline-search { display: flex; align-items: center; width: 220px; height: 34px; padding: 0 10px; color: #7b8799; background: var(--surface-soft); border: 1px solid var(--line); border-radius: 9px; }
.inline-search .icon { width: 15px; height: 15px; }
.inline-search input { width: 100%; padding: 0 7px; color: var(--ink); background: transparent; border: 0; outline: 0; font-size: 9px; }
.inline-search input::placeholder { color: #98a2b3; }
.filter-button { display: inline-flex; align-items: center; gap: 6px; height: 34px; padding: 0 10px; color: var(--ink-soft); background: white; border: 1px solid var(--line); border-radius: 9px; font-size: 9px; cursor: pointer; }
.filter-button .icon { width: 14px; height: 14px; }
input[type="checkbox"] { width: 14px; height: 14px; accent-color: var(--brand); }
.product-cell, .company-cell { display: flex; align-items: center; gap: 10px; }
.product-cell > span:last-child, .company-cell > span:last-child { display: flex; flex-direction: column; }
.product-thumb { display: grid; width: 38px; height: 38px; place-items: center; color: var(--brand-dark); background: linear-gradient(135deg, #e6ebfb, #f5f7fc); border: 1px solid #dce3f4; border-radius: 10px; font-size: 14px; font-weight: 850; }

.feature-banner { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 16px; padding: 18px 20px; color: white; background: linear-gradient(115deg, var(--sidebar), var(--brand-dark)); border-radius: var(--radius); box-shadow: 0 12px 26px rgba(32,50,91,.17); }
.feature-banner > div { display: flex; align-items: center; gap: 13px; }
.feature-banner strong { display: block; font-size: 12px; }
.feature-banner p { margin: 5px 0 0; color: rgba(255,255,255,.7); font-size: 9px; }
.banner-icon { display: grid; width: 40px; height: 40px; flex-shrink: 0; place-items: center; color: #c8d4ff; background: rgba(255,255,255,.09); border: 1px solid rgba(255,255,255,.12); border-radius: 12px; }
.banner-icon .icon { width: 19px; height: 19px; }

.warehouse-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-bottom: 16px; }
.warehouse-card { position: relative; display: grid; grid-template-columns: 42px 1fr; gap: 12px; min-height: 112px; padding: 18px; overflow: hidden; background: white; border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow-sm); }
.warehouse-card.is-primary { color: white; background: var(--sidebar-soft); border-color: var(--sidebar-soft); }
.warehouse-icon { display: grid; width: 42px; height: 42px; place-items: center; color: var(--brand); background: var(--brand-soft); border-radius: 12px; }
.is-primary .warehouse-icon { color: #c8d4ff; background: rgba(255,255,255,.09); }
.warehouse-card small { color: var(--brand); font-size: 7px; font-weight: 800; letter-spacing: .1em; }
.warehouse-card.is-primary small { color: #c8d4ff; }
.warehouse-card strong { display: block; margin-top: 4px; font-size: 12px; }
.warehouse-card p { margin: 5px 0 0; color: var(--muted); font-size: 8px; }
.warehouse-card.is-primary p { color: #aeb8c6; }
.capacity { position: absolute; right: 18px; bottom: 14px; left: 72px; height: 3px; overflow: hidden; background: rgba(152,162,179,.2); border-radius: 3px; }
.capacity i { display: block; height: 100%; background: var(--brand); border-radius: inherit; }
.is-primary .capacity i { background: var(--brand-accent); }
.warehouse-dot { display: inline-block; width: 7px; height: 7px; margin-right: 7px; background: var(--brand); border-radius: 2px; }

.integration-hero { display: grid; grid-template-columns: minmax(310px, 1fr) auto auto auto; align-items: center; gap: 28px; margin-bottom: 23px; padding: 20px 22px; color: white; background: linear-gradient(110deg, var(--sidebar), var(--brand-dark)); border-radius: 19px; box-shadow: 0 14px 32px rgba(32,50,91,.18); }
.integration-hero > div:first-child { display: flex; align-items: center; gap: 14px; }
.pulse-orbit { position: relative; display: grid; width: 46px; height: 46px; place-items: center; background: rgba(154,175,234,.11); border: 1px solid rgba(154,175,234,.24); border-radius: 50%; }
.pulse-orbit::before { width: 25px; height: 25px; content: ""; border: 1px solid rgba(154,175,234,.42); border-radius: 50%; }
.pulse-orbit i { position: absolute; width: 8px; height: 8px; background: var(--brand-accent); border-radius: 50%; box-shadow: 0 0 0 6px rgba(154,175,234,.11); }
.integration-hero small { color: #b9c5d8; font-size: 7px; font-weight: 800; letter-spacing: .12em; }
.integration-hero strong { display: block; margin-top: 3px; font-size: 14px; }
.integration-hero p { margin: 4px 0 0; color: #aab6c7; font-size: 8px; }
.hero-stat { padding-left: 24px; border-left: 1px solid rgba(255,255,255,.12); }
.hero-stat strong { margin: 0; font-size: 18px; }
.section-title { display: flex; align-items: flex-end; justify-content: space-between; margin: 0 2px 13px; }
.category-filter { display: flex; gap: 3px; padding: 3px; background: white; border: 1px solid var(--line); border-radius: 10px; }
.connector-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.connector-card, .connector-add { min-height: 211px; padding: 18px; text-align: left; background: white; border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow-sm); }
.connector-card header { display: flex; align-items: center; justify-content: space-between; }
.connector-logo { display: grid; width: 42px; height: 42px; place-items: center; color: var(--brand-dark); background: var(--brand-soft); border: 1px solid #dbe3ff; border-radius: 12px; font-size: 10px; font-weight: 900; }
.connector-category { display: block; margin-top: 15px; color: var(--muted); font-size: 8px; }
.connector-card h3 { margin: 3px 0 10px; font-size: 14px; }
.connector-card footer { display: grid; grid-template-columns: 1fr 1fr; margin: 15px -18px -18px; padding: 12px 18px; background: var(--surface-soft); border-top: 1px solid #eef1f4; border-radius: 0 0 var(--radius) var(--radius); }
.connector-card footer span { display: flex; flex-direction: column; }
.connector-card footer span:last-child { padding-left: 15px; border-left: 1px solid var(--line); }
.connector-card footer small { color: var(--muted); font-size: 7px; }
.connector-card footer strong { margin-top: 3px; font-size: 9px; }
.connector-add { display: flex; align-items: center; justify-content: center; flex-direction: column; color: var(--muted); background: rgba(255,255,255,.48); border-style: dashed; cursor: pointer; }
.connector-add:hover { color: var(--brand); background: white; border-color: var(--brand); }
.connector-add > span { display: grid; width: 40px; height: 40px; margin-bottom: 10px; place-items: center; color: var(--brand); background: var(--brand-soft); border-radius: 12px; }
.connector-add strong { color: var(--ink); font-size: 10px; }
.connector-add small { margin-top: 5px; font-size: 8px; }

.b2b-overview { display: grid; grid-template-columns: 1.55fr 1fr 1fr; gap: 14px; margin-bottom: 16px; }
.b2b-hero { display: flex; align-items: flex-end; justify-content: space-between; min-height: 142px; padding: 21px; color: white; background: linear-gradient(125deg, var(--sidebar), var(--brand-dark)); border-radius: var(--radius); box-shadow: 0 12px 28px rgba(32,50,91,.17); }
.b2b-hero > div:first-child > strong { display: block; margin-top: 8px; font-size: 25px; letter-spacing: -.04em; }
.b2b-hero p { margin: 6px 0 0; color: #aeb8c6; font-size: 9px; }
.b2b-hero p b { color: #c8d4ff; }
.mini-bars { display: flex; align-items: flex-end; gap: 5px; width: 112px; height: 70px; }
.mini-bars i { flex: 1; min-height: 8px; background: rgba(154,175,234,.76); border-radius: 3px 3px 1px 1px; }
.overview-card { display: flex; align-items: center; gap: 14px; min-height: 142px; padding: 20px; background: white; border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow-sm); }
.overview-icon { display: grid; width: 43px; height: 43px; flex-shrink: 0; place-items: center; color: var(--tone); background: var(--tone-soft); border-radius: 13px; }
.overview-icon.purple { --tone: var(--purple); --tone-soft: var(--purple-soft); }
.overview-icon.coral { --tone: var(--coral); --tone-soft: var(--coral-soft); }
.overview-card small { color: var(--muted); font-size: 7px; font-weight: 800; letter-spacing: .08em; }
.overview-card strong { display: block; margin-top: 4px; font-size: 22px; }
.overview-card p { margin: 3px 0 0; color: var(--muted); font-size: 8px; }
.company-cell > span:first-child { display: grid; width: 32px; height: 32px; place-items: center; color: var(--brand-dark); background: var(--brand-soft); border-radius: 9px; font-size: 8px; font-weight: 850; }
.risk-bar, .progress { width: 100px; height: 5px; margin-bottom: 4px; overflow: hidden; background: #eef1f4; border-radius: 5px; }
.risk-bar i, .progress i { display: block; height: 100%; background: var(--bar); border-radius: inherit; }
.risk-bar.success, .progress.success { --bar: var(--success); }
.risk-bar.warning, .progress.warning { --bar: var(--amber); }
.risk-bar.danger, .progress.danger { --bar: var(--coral); }
.progress.info { --bar: var(--blue); }
.progress.purple { --bar: var(--purple); }

.document-summary { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-bottom: 16px; }
.document-summary article { display: flex; align-items: center; gap: 12px; min-height: 105px; padding: 17px; background: white; border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow-sm); }
.document-icon { display: grid; width: 39px; height: 39px; flex-shrink: 0; place-items: center; color: var(--tone); background: var(--tone-soft); border-radius: 11px; }
.document-icon.green { --tone: var(--success); --tone-soft: var(--success-soft); }
.document-icon.purple { --tone: var(--purple); --tone-soft: var(--purple-soft); }
.document-icon.blue { --tone: var(--blue); --tone-soft: var(--blue-soft); }
.document-icon.coral { --tone: var(--coral); --tone-soft: var(--coral-soft); }
.document-summary small { color: var(--muted); font-size: 7px; font-weight: 800; letter-spacing: .08em; }
.document-summary strong { display: block; margin-top: 3px; font-size: 19px; }
.document-summary p { margin: 3px 0 0; color: var(--muted); font-size: 8px; }
.document-type { padding: 5px 8px; color: var(--ink-soft); background: #f2f4f7; border-radius: 7px; font-size: 8px; font-weight: 700; }

.shipping-flow { display: grid; grid-template-columns: repeat(4, 1fr); margin-bottom: 16px; background: var(--sidebar-soft); border-radius: var(--radius); box-shadow: 0 13px 30px rgba(32,50,91,.16); }
.shipping-flow article { position: relative; display: flex; align-items: center; gap: 12px; min-height: 124px; padding: 20px; color: white; }
.flow-icon { display: grid; width: 40px; height: 40px; flex-shrink: 0; place-items: center; color: var(--tone); background: var(--tone-soft); border-radius: 12px; }
.flow-icon.mint { --tone: #c8d4ff; --tone-soft: rgba(154,175,234,.12); }
.flow-icon.blue { --tone: #9ab5ff; --tone-soft: rgba(100,131,217,.14); }
.flow-icon.purple { --tone: #b8afe0; --tone-soft: rgba(117,106,159,.15); }
.flow-icon.coral { --tone: #e9a2a7; --tone-soft: rgba(184,74,82,.14); }
.shipping-flow small { color: #aab5c4; font-size: 7px; font-weight: 800; letter-spacing: .09em; }
.shipping-flow strong { display: block; margin-top: 4px; font-size: 21px; }
.shipping-flow p { margin: 3px 0 0; color: #9ca8b8; font-size: 8px; }
.flow-line { position: absolute; top: 32px; right: 0; bottom: 32px; width: 1px; background: rgba(255,255,255,.09); }
.carrier-mark { display: inline-grid; width: 27px; height: 27px; margin-right: 8px; place-items: center; color: var(--brand); background: var(--brand-soft); border-radius: 8px; }
.carrier-mark .icon { width: 14px; height: 14px; }

.report-layout { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(260px, .7fr); gap: 16px; }
.report-main, .report-side { padding: 21px; }
.channel-report { display: flex; align-items: center; justify-content: center; gap: clamp(35px, 6vw, 80px); min-height: 285px; }
.donut { display: grid; width: 184px; height: 184px; place-items: center; background: conic-gradient(var(--brand) 0 38%, var(--blue) 38% 67%, var(--purple) 67% 88%, #cbd3df 88%); border-radius: 50%; box-shadow: inset 0 0 0 26px white; }
.donut div { display: flex; align-items: center; flex-direction: column; }
.donut strong { font-size: 22px; letter-spacing: -.04em; }
.donut small { margin-top: 3px; color: var(--muted); font-size: 8px; }
.channel-legend { width: min(220px, 45%); }
.channel-legend > div { display: flex; align-items: center; justify-content: space-between; padding: 11px 0; border-bottom: 1px solid #eef1f4; font-size: 9px; }
.channel-legend span { display: flex; align-items: center; gap: 8px; color: var(--muted); }
.channel-legend i { width: 8px; height: 8px; background: var(--c); border-radius: 3px; }
.channel-legend .c1 { --c: var(--brand); }.channel-legend .c2 { --c: var(--blue); }.channel-legend .c3 { --c: var(--purple); }.channel-legend .c4 { --c: #cbd3df; }
.report-side { position: relative; overflow: hidden; color: white; background: linear-gradient(145deg, var(--sidebar), var(--brand-dark)); border: 0; }
.report-side .panel-kicker { color: #c8d4ff; }
.report-side .insight-mark { display: grid; width: 44px; height: 44px; margin: 34px 0 19px; place-items: center; color: var(--brand-dark); background: #dce4ff; border-radius: 13px; font-size: 21px; font-weight: 900; transform: rotate(-12deg); }
.report-side h2 { max-width: 260px; margin: 0; font-size: 19px; line-height: 1.25; letter-spacing: -.03em; }
.report-side p { max-width: 270px; margin: 13px 0 24px; color: #c2ccda; font-size: 9px; line-height: 1.7; }
.report-side .text-link { color: white; }
.insight-grid { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.insight-card { padding: 18px; background: white; border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow-sm); }
.insight-card header { display: flex; align-items: center; justify-content: space-between; color: var(--muted); font-size: 9px; }
.insight-card header i { width: 7px; height: 7px; background: var(--dot); border-radius: 50%; box-shadow: 0 0 0 4px var(--dot-soft); }
.insight-card header i.success { --dot: var(--success); --dot-soft: var(--success-soft); }.insight-card header i.info { --dot: var(--blue); --dot-soft: var(--blue-soft); }.insight-card header i.purple { --dot: var(--purple); --dot-soft: var(--purple-soft); }.insight-card header i.warning { --dot: var(--amber); --dot-soft: var(--amber-soft); }
.insight-card > strong { display: block; margin-top: 14px; font-size: 23px; letter-spacing: -.04em; }
.insight-card p { min-height: 25px; margin: 5px 0 13px; color: var(--muted); font-size: 8px; line-height: 1.5; }
.insight-card .progress { width: 100%; }

.command-backdrop { position: fixed; inset: 0; z-index: 100; display: none; align-items: flex-start; justify-content: center; padding: min(18vh, 150px) 18px 20px; background: rgba(18,28,43,.6); backdrop-filter: blur(6px); }
.command-backdrop.is-open { display: flex; animation: fade-in .14s ease; }
.command-palette { width: min(580px, 100%); overflow: hidden; background: #fbfcfe; border: 1px solid rgba(255,255,255,.4); border-radius: 18px; box-shadow: var(--shadow-lg); animation: palette-in .18s ease; }
.command-search { display: grid; grid-template-columns: 22px 1fr auto; align-items: center; gap: 10px; height: 60px; padding: 0 17px; background: white; border-bottom: 1px solid var(--line); }
.command-search .icon { color: var(--brand); }
.command-search input { width: 100%; color: var(--ink); background: transparent; border: 0; outline: 0; font-size: 13px; }
.command-results { max-height: 360px; padding: 10px; overflow-y: auto; }
.command-label { display: block; padding: 6px 9px 8px; color: var(--muted); font-size: 7px; font-weight: 800; letter-spacing: .12em; }
.command-results a { display: grid; grid-template-columns: 36px 1fr auto; align-items: center; gap: 10px; min-height: 55px; padding: 7px 10px; border-radius: 11px; }
.command-results a:hover, .command-results a.is-highlighted { background: var(--brand-soft); }
.command-results a[hidden] { display: none; }
.command-icon { display: grid; width: 34px; height: 34px; place-items: center; color: var(--tone); background: var(--tone-soft); border-radius: 9px; }
.command-icon .icon { width: 16px; height: 16px; }
.command-icon.mint { --tone: var(--brand); --tone-soft: var(--brand-soft); }.command-icon.blue { --tone: var(--blue); --tone-soft: var(--blue-soft); }.command-icon.amber { --tone: var(--amber); --tone-soft: var(--amber-soft); }.command-icon.purple { --tone: var(--purple); --tone-soft: var(--purple-soft); }
.command-results a > span:nth-child(2) { display: flex; flex-direction: column; }
.command-results strong { font-size: 10px; }
.command-results small { margin-top: 3px; color: var(--muted); font-size: 8px; }
.command-results a > i { color: #8a94a6; font-size: 12px; font-style: normal; }
.command-palette footer { display: flex; gap: 16px; padding: 10px 18px; color: var(--muted); background: #f2f4f7; border-top: 1px solid var(--line); font-size: 8px; }
.command-palette footer span { display: flex; align-items: center; gap: 4px; }
.toast { position: fixed; right: 24px; bottom: 24px; z-index: 120; max-width: min(350px, calc(100vw - 32px)); padding: 12px 15px 12px 38px; color: white; background: var(--sidebar-soft); border: 1px solid rgba(255,255,255,.1); border-radius: 11px; box-shadow: 0 15px 35px rgba(16,24,40,.24); font-size: 9px; font-weight: 650; transform: translateY(20px); opacity: 0; pointer-events: none; transition: .2s ease; }
.toast::before { position: absolute; top: 50%; left: 15px; display: grid; width: 15px; height: 15px; content: "✓"; place-items: center; color: white; background: var(--success); border-radius: 50%; font-size: 8px; transform: translateY(-50%); }
.toast.is-visible { transform: translateY(0); opacity: 1; }

/* Orders workspace */
.order-page-heading { margin-bottom: 19px; }
.order-command-bar { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 12px; padding: 12px; }
.order-jump-form { display: grid; grid-template-columns: 34px minmax(250px, 1fr) auto; align-items: center; width: min(680px, 100%); min-height: 48px; padding: 5px 5px 5px 10px; background: var(--surface-soft); border: 1px solid var(--line); border-radius: 12px; }
.order-jump-form > span { display: grid; width: 31px; height: 31px; place-items: center; color: var(--brand); background: var(--brand-soft); border-radius: 9px; }.order-jump-form > span .icon { width: 15px; height: 15px; }
.order-jump-form label { display: flex; min-width: 0; padding: 0 10px; flex-direction: column; gap: 2px; }.order-jump-form label small { color: var(--brand); font-size: 6px; font-weight: 850; letter-spacing: .1em; }.order-jump-form input { min-width: 0; padding: 0; color: var(--ink); background: transparent; border: 0; outline: 0; font-size: 9px; }.order-jump-form input::placeholder { color: #98a2b3; }.order-jump-form .button { min-height: 36px; }
.order-presets { display: flex; flex-shrink: 0; gap: 7px; }.preset-chip { display: inline-flex; min-height: 34px; padding: 0 10px; align-items: center; gap: 6px; color: var(--ink-soft); background: white; border: 1px solid var(--line); border-radius: 9px; font-size: 8px; font-weight: 750; transition: .15s ease; }.preset-chip:hover { transform: translateY(-1px); }.preset-chip i { display: grid; width: 15px; height: 15px; place-items: center; color: white; background: var(--coral); border-radius: 5px; font-size: 8px; font-style: normal; }.preset-chip .icon { width: 14px; height: 14px; }.preset-chip.problem { color: var(--coral); background: var(--coral-soft); border-color: #f2d5d8; }.preset-chip.transfer { color: var(--brand-dark); background: var(--brand-soft); border-color: #dbe3ff; }.preset-chip.is-active { box-shadow: inset 0 0 0 1px currentColor, 0 0 0 3px rgba(54,89,201,.06); }
.order-metric-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-bottom: 16px; }
.order-metric { display: flex; align-items: center; gap: 13px; min-height: 92px; padding: 15px 17px; background: var(--surface); border: 1px solid var(--line); border-radius: 15px; box-shadow: var(--shadow-sm); }
.order-metric > span:last-child { display: grid; grid-template-columns: auto 1fr; align-items: baseline; min-width: 0; }
.order-metric small { grid-column: 1 / -1; color: var(--muted); font-size: 8px; font-weight: 750; letter-spacing: .04em; text-transform: uppercase; }
.order-metric strong { margin-top: 4px; font-size: 22px; letter-spacing: -.04em; }
.order-metric em { margin-left: 8px; color: var(--muted); font-size: 8px; font-style: normal; }
.order-metric-icon, .detail-icon { display: grid; width: 38px; height: 38px; flex: 0 0 auto; place-items: center; color: var(--tone); background: var(--tone-soft); border-radius: 11px; }
.order-metric-icon .icon, .detail-icon .icon { width: 18px; height: 18px; }
.tone-info { --tone: var(--brand); --tone-soft: var(--brand-soft); }
.tone-success { --tone: var(--success); --tone-soft: var(--success-soft); }
.tone-warning { --tone: var(--amber); --tone-soft: var(--amber-soft); }
.tone-danger { --tone: var(--coral); --tone-soft: var(--coral-soft); }
.tone-purple { --tone: var(--purple); --tone-soft: var(--purple-soft); }
.order-workspace { overflow: hidden; padding: 20px 20px 0; }
.order-workspace-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; }
.order-workspace-head h2 { margin: 4px 0 0; font-size: 17px; letter-spacing: -.025em; }
.order-workspace-head h2 b { display: inline-grid; min-width: 23px; height: 21px; margin-left: 5px; padding: 0 6px; place-items: center; color: var(--brand); background: var(--brand-soft); border-radius: 7px; font-size: 8px; vertical-align: 3px; }
.source-legend { display: flex; gap: 14px; color: var(--muted); font-size: 8px; }
.source-legend span { display: flex; align-items: center; gap: 6px; }
.source-dot { width: 7px; height: 7px; border-radius: 50%; }
.source-dot.integration { background: var(--brand); box-shadow: 0 0 0 3px var(--brand-soft); }
.source-dot.system { background: var(--purple); box-shadow: 0 0 0 3px var(--purple-soft); }
.order-tabs { margin: 16px -20px 0; padding: 0 20px 10px; border-bottom: 1px solid var(--line); }
.tabs a { display: inline-flex; align-items: center; gap: 6px; min-height: 32px; padding: 0 10px; color: var(--muted); background: transparent; border-radius: 9px; font-size: 9px; white-space: nowrap; }
.tabs a:hover, .tabs a.is-active { color: var(--brand-dark); background: var(--brand-soft); font-weight: 750; }
.order-filter-form { margin: 0 -20px; padding: 14px 20px 0; background: var(--surface-soft); border-bottom: 1px solid var(--line); }
.order-search-row { display: grid; grid-template-columns: minmax(280px, 1fr) auto auto auto auto; gap: 8px; padding-bottom: 14px; }
.order-search { display: flex; align-items: center; min-height: 38px; padding: 0 11px; color: #7b8799; background: white; border: 1px solid var(--line); border-radius: 10px; box-shadow: 0 1px 2px rgba(16,24,40,.02); }
.order-search:focus-within { border-color: #aab9e9; box-shadow: 0 0 0 3px rgba(54,89,201,.08); }
.order-search .icon { width: 16px; height: 16px; }
.order-search input { width: 100%; padding: 0 9px; color: var(--ink); background: transparent; border: 0; outline: 0; font-size: 10px; }
.order-search input::placeholder { color: #98a2b3; }
.order-filter-toggle { height: 38px; }
.order-filter-toggle span { padding: 3px 6px; color: var(--brand); background: var(--brand-soft); border-radius: 6px; font-size: 7px; font-weight: 800; }
.order-search-submit { min-height: 38px; }
.advanced-order-filters { display: none; padding: 16px 0 18px; border-top: 1px solid var(--line); animation: fade-in .18s ease; }
.advanced-order-filters.is-open { display: block; }
.filter-grid { display: grid; grid-template-columns: repeat(5, minmax(130px, 1fr)); gap: 11px; }
.filter-grid.filter-grid-four { grid-template-columns: repeat(4, minmax(150px, 1fr)); }
.filter-grid label { display: flex; min-width: 0; flex-direction: column; gap: 6px; }
.filter-grid label > span { color: var(--ink-soft); font-size: 8px; font-weight: 750; }
.filter-grid select, .filter-grid input { width: 100%; height: 36px; padding: 0 9px; color: var(--ink-soft); background: white; border: 1px solid var(--line); border-radius: 9px; outline: 0; font-size: 9px; }
.filter-grid select:focus, .filter-grid input:focus { border-color: #aab9e9; box-shadow: 0 0 0 3px rgba(54,89,201,.07); }
.filter-section { border-bottom: 1px solid var(--line); }.filter-section:first-of-type { border-top: 0; }.filter-section > header { display: flex; align-items: center; gap: 16px; min-height: 54px; }.filter-section > header > span { display: grid; grid-template-columns: 28px auto; align-items: center; column-gap: 9px; }.filter-section > header b { display: grid; grid-row: 1 / 3; width: 28px; height: 28px; place-items: center; color: var(--brand); background: var(--brand-soft); border-radius: 8px; font-size: 7px; }.filter-section > header strong { color: var(--ink-soft); font-size: 10px; }.filter-section > header small { margin-top: 2px; color: var(--muted); font-size: 7px; }.filter-section > .filter-grid { padding: 2px 0 17px 37px; }
.warehouse-filter { grid-column: span 2; min-width: 0; margin: 0; padding: 0; border: 0; }.warehouse-filter legend { margin-bottom: 6px; color: var(--ink-soft); font-size: 8px; font-weight: 750; }.warehouse-filter > div { display: flex; min-height: 36px; padding: 5px; align-items: center; flex-wrap: wrap; gap: 5px; background: white; border: 1px solid var(--line); border-radius: 9px; }.warehouse-filter label { display: block; }.warehouse-filter input { position: absolute; width: 1px; height: 1px; opacity: 0; }.warehouse-filter label span { display: inline-flex; min-height: 24px; padding: 0 8px; align-items: center; color: var(--muted); background: #f2f4f7; border-radius: 6px; font-size: 7px; font-weight: 700; cursor: pointer; }.warehouse-filter input:checked + span { color: var(--brand-dark); background: var(--brand-soft); box-shadow: inset 0 0 0 1px #d9e1fb; }
.filter-footer { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--line); }
.filter-footer p { margin: 0; color: var(--muted); font-size: 9px; }
.filter-footer p strong, .filter-footer p b { color: var(--ink); }
.filter-footer > div { display: flex; gap: 7px; }
.order-table-wrap { margin: 0 -20px; }
.order-table { min-width: 1190px; margin-top: 0; }
.order-table th:first-child, .order-table th:last-child { border-radius: 0; }
.order-table th:first-child, .order-table td:first-child { padding-left: 20px; }
.order-table th:last-child, .order-table td:last-child { padding-right: 20px; }
.order-table td { height: 72px; }
.order-number { display: inline-flex; align-items: center; gap: 6px; color: var(--brand-dark); font-size: 10px; font-weight: 850; }
.order-number:hover { text-decoration: underline; }
.order-number i { padding: 3px 5px; color: var(--coral); background: var(--coral-soft); border-radius: 5px; font-size: 6px; font-style: normal; letter-spacing: .04em; text-transform: uppercase; }
.order-source { display: flex; align-items: center; }
.order-source > span:last-child { display: flex; flex-direction: column; }
.order-source small { margin-top: 3px; color: var(--muted); font-size: 8px; }
.order-state-stack { display: flex; align-items: flex-start; flex-direction: column; gap: 5px; }
.order-state-stack > small { display: flex; align-items: center; gap: 4px; margin: 0; color: var(--muted); }
.order-state-stack > small b { display: inline-block; width: 5px; height: 5px; background: var(--tone); border-radius: 50%; }
b.tone-success { --tone: var(--success); } b.tone-info { --tone: var(--brand); } b.tone-warning { --tone: var(--amber); } b.tone-danger { --tone: var(--coral); } b.tone-purple { --tone: var(--purple); } b.tone-neutral { --tone: #98a2b3; }
.risk-label { display: inline-flex; min-height: 23px; padding: 0 8px; align-items: center; color: var(--risk); background: var(--risk-soft); border-radius: 7px; font-size: 8px; font-weight: 750; }
.risk-success { --risk: var(--success); --risk-soft: var(--success-soft); }.risk-warning { --risk: var(--amber); --risk-soft: var(--amber-soft); }.risk-danger { --risk: var(--coral); --risk-soft: var(--coral-soft); }.risk-neutral { --risk: var(--muted); --risk-soft: #f2f4f7; }
.order-empty { display: flex; min-height: 300px; padding: 42px 20px; align-items: center; justify-content: center; flex-direction: column; text-align: center; }
.order-empty > span { display: grid; width: 48px; height: 48px; margin-bottom: 13px; place-items: center; color: var(--brand); background: var(--brand-soft); border-radius: 15px; }
.order-empty strong { font-size: 14px; }.order-empty p { max-width: 360px; margin: 7px 0 15px; color: var(--muted); font-size: 10px; line-height: 1.55; }
.order-list-footer { display: flex; justify-content: space-between; gap: 16px; margin: 0 -20px; padding: 13px 20px; color: var(--muted); background: var(--surface-soft); border-top: 1px solid var(--line); font-size: 8px; }
.order-list-footer strong { color: var(--ink-soft); }

/* Order detail */
.order-detail-heading { margin-bottom: 18px; }
.back-link { display: inline-flex; align-items: center; gap: 6px; margin-bottom: 15px; color: var(--muted); font-size: 9px; font-weight: 700; }
.back-link:hover { color: var(--brand); }.back-link .icon { width: 14px; height: 14px; transform: rotate(180deg); }
.order-detail-title-row { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; }
.order-title-meta { display: flex; align-items: center; gap: 8px; color: var(--muted); font-size: 9px; }
.order-title-meta .channel-mark { margin: 0; }.source-type-pill { padding: 4px 7px; color: var(--brand-dark); background: var(--brand-soft); border-radius: 6px; font-size: 7px; font-weight: 750; }
.order-detail-title-row h1 { margin: 8px 0 4px; font-size: clamp(28px, 2.3vw, 38px); letter-spacing: -.05em; }
.order-detail-title-row p { margin: 0; color: var(--muted); font-size: 9px; }
.order-stage-panel { display: grid; grid-template-columns: 220px minmax(600px, 1fr); align-items: center; gap: 24px; margin-bottom: 16px; padding: 17px 20px; overflow-x: auto; }
.order-current-state { padding-right: 20px; border-right: 1px solid var(--line); }
.order-current-state p { margin: 6px 0 0; color: var(--muted); font-size: 8px; white-space: nowrap; }.order-current-state p strong { color: var(--ink-soft); }
.order-stages { display: grid; grid-template-columns: repeat(5, minmax(112px, 1fr)); min-width: 600px; margin: 0; padding: 0; list-style: none; }
.order-stages li { position: relative; display: flex; align-items: center; gap: 8px; color: #98a2b3; }
.order-stages li::after { position: absolute; top: 14px; right: 8px; left: 37px; height: 1px; content: ""; background: var(--line); }
.order-stages li:last-child::after { display: none; }.order-stages li > i { position: relative; z-index: 1; display: grid; width: 28px; height: 28px; flex: 0 0 auto; place-items: center; background: #f2f4f7; border: 1px solid var(--line); border-radius: 50%; font-size: 8px; font-style: normal; font-weight: 800; }
.order-stages li > span { position: relative; z-index: 1; display: flex; min-width: 0; padding-right: 7px; flex-direction: column; background: white; }
.order-stages strong { color: var(--ink-soft); font-size: 8px; white-space: nowrap; }.order-stages small { margin-top: 3px; max-width: 85px; overflow: hidden; font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }
.order-stages li.is-done > i { color: white; background: var(--success); border-color: var(--success); }.order-stages li.is-done::after { background: #b9d8cf; }
.order-stages li.is-active > i { color: white; background: var(--brand); border-color: var(--brand); box-shadow: 0 0 0 4px var(--brand-soft); }
.order-detail-layout { display: grid; grid-template-columns: minmax(0, 1fr) 310px; align-items: start; gap: 16px; }
.order-detail-main, .order-detail-side { display: flex; min-width: 0; flex-direction: column; gap: 16px; }
.order-detail-panel { padding: 19px; }.detail-panel-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 14px; }.detail-panel-head h2 { margin: 3px 0 0; font-size: 15px; letter-spacing: -.02em; }.detail-count { color: var(--muted); font-size: 8px; }
.order-lines-panel { padding-bottom: 4px; }.order-line-table { min-width: 820px; margin-top: 0; }.order-line-table .product-cell { min-width: 220px; }.order-line-table .product-cell > span:last-child { align-items: flex-start; }.order-line-table .status { min-height: 19px; margin-top: 5px; padding: 0 6px; font-size: 7px; }.discount-cell { color: var(--success); }
.order-info-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.detail-info-card { padding: 17px; }.detail-info-card header { display: grid; grid-template-columns: 36px minmax(0, 1fr) auto; align-items: center; gap: 10px; padding-bottom: 13px; border-bottom: 1px solid var(--line); }.detail-info-card .detail-icon { width: 36px; height: 36px; }.detail-info-card header > div { min-width: 0; }.detail-info-card header small { color: var(--muted); font-size: 7px; font-weight: 800; letter-spacing: .08em; }.detail-info-card h3 { margin: 3px 0 0; overflow: hidden; font-size: 10px; line-height: 1.25; text-overflow: ellipsis; white-space: normal; }
.detail-info-card dl, .side-detail-card dl, .order-total-card dl { margin: 13px 0 0; }.detail-info-card dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 8px; }.detail-info-card dl > div, .side-detail-card dl > div, .order-total-card dl > div { display: flex; min-width: 0; flex-direction: column; gap: 4px; }.detail-info-card dl > div.wide { grid-column: 1 / -1; }
.detail-info-card dt, .side-detail-card dt, .order-total-card dt { color: var(--muted); font-size: 7px; font-weight: 600; }.detail-info-card dd, .side-detail-card dd, .order-total-card dd { margin: 0; color: var(--ink-soft); font-size: 8px; font-weight: 750; }.break-value { overflow-wrap: anywhere; }
.address-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }.address-grid .detail-icon { width: 34px; height: 34px; }.address-grid address { display: flex; margin: 0; color: var(--muted); flex-direction: column; font-size: 9px; font-style: normal; line-height: 1.65; }.address-grid address strong { margin-bottom: 3px; color: var(--ink); font-size: 10px; }
.order-history { margin-top: 2px; }.order-history-item { position: relative; display: grid; grid-template-columns: 10px minmax(0, 1fr) auto; gap: 11px; min-height: 57px; }.order-history-item::before { position: absolute; top: 16px; bottom: -1px; left: 4px; width: 1px; content: ""; background: var(--line); }.order-history-item:last-child::before { display: none; }.order-history-item > i { position: relative; z-index: 1; width: 9px; height: 9px; margin-top: 3px; background: var(--dot); border: 2px solid white; border-radius: 50%; box-sizing: content-box; box-shadow: 0 0 0 2px var(--dot-soft); }.order-history-item > i.success { --dot: var(--success); --dot-soft: var(--success-soft); }.order-history-item > i.info { --dot: var(--brand); --dot-soft: var(--brand-soft); }.order-history-item > i.warning { --dot: var(--amber); --dot-soft: var(--amber-soft); }.order-history-item > i.danger { --dot: var(--coral); --dot-soft: var(--coral-soft); }.order-history-item > i.purple { --dot: var(--purple); --dot-soft: var(--purple-soft); }.order-history-item > span { display: flex; min-width: 0; flex-direction: column; }.order-history-item strong { font-size: 9px; }.order-history-item small { margin-top: 4px; color: var(--muted); font-size: 8px; line-height: 1.45; }.order-history-item > span:last-child { align-items: flex-end; }.order-history-item time { color: var(--ink-soft); font-size: 8px; font-weight: 750; }
.order-total-card { overflow: hidden; padding: 18px 18px 0; }.order-total-card > header { display: flex; align-items: center; justify-content: space-between; }.order-total-card > header > span:last-child { color: var(--muted); font-size: 8px; }.order-total-card dl > div { flex-direction: row; justify-content: space-between; padding: 7px 0; }.order-total-card dl dd { font-variant-numeric: tabular-nums; }.order-total-card footer { display: flex; align-items: center; justify-content: space-between; margin: 13px -18px 0; padding: 16px 18px; color: white; background: var(--sidebar-soft); }.order-total-card footer span { font-size: 9px; }.order-total-card footer strong { font-size: 19px; letter-spacing: -.03em; }
.side-detail-card { padding: 18px; }.side-detail-card > header { display: flex; align-items: center; gap: 10px; padding-bottom: 13px; border-bottom: 1px solid var(--line); }.side-detail-card > header > div:last-child { min-width: 0; }.side-detail-card h3 { margin: 3px 0; font-size: 11px; }.side-detail-card header small { display: block; overflow: hidden; color: var(--muted); font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }.customer-avatar { display: grid; width: 39px; height: 39px; flex: 0 0 auto; place-items: center; color: var(--brand-dark); background: var(--brand-soft); border-radius: 11px; font-size: 10px; font-weight: 850; }.side-detail-card dl > div { padding: 7px 0; border-bottom: 1px solid #eef1f4; }.side-detail-card dl > div:last-child { border-bottom: 0; }.full-button { width: 100%; margin-top: 13px; }.integration-detail-card .channel-mark { width: 39px; height: 39px; margin: 0; }.integration-detail-card dd .status { margin-top: -3px; }
.order-notes-card { display: flex; flex-direction: column; gap: 15px; }.order-tags { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 9px; }.order-tags span { padding: 5px 7px; color: var(--brand-dark); background: var(--brand-soft); border-radius: 7px; font-size: 7px; font-weight: 750; }.note-block { padding: 11px; background: var(--surface-soft); border: 1px solid #eef1f4; border-radius: 10px; }.note-block.internal { background: var(--amber-soft); border-color: #f3e5ca; }.note-block strong { font-size: 8px; }.note-block p { margin: 5px 0 0; color: var(--muted); font-size: 8px; line-height: 1.55; }

/* Compact order filtering and actions */
.order-command-bar .order-jump-form { width: 100%; }
.order-search-row { grid-template-columns: minmax(280px, 1fr) auto auto auto auto; }
.filter-canvas-open, .app-modal-open { overflow: hidden; }
.filter-canvas-backdrop { position: fixed; inset: 0; z-index: 60; display: none; padding: 0; background: rgba(15,23,42,.42); border: 0; backdrop-filter: blur(2px); }
.filter-canvas-backdrop.is-open { display: block; }
.advanced-order-filters { position: fixed; top: 78px; right: 22px; bottom: 18px; left: calc(var(--sidebar-width) + 22px); z-index: 61; grid-template-rows: auto minmax(0,1fr) auto; padding: 0; overflow: hidden; background: white; border: 1px solid var(--line); border-radius: 16px; box-shadow: 0 28px 80px rgba(15,23,42,.22); animation: filter-canvas-in .18s ease; }
.advanced-order-filters.is-open { display: grid; }
.advanced-filter-head { display: flex; min-height: 66px; padding: 13px 16px; align-items: center; justify-content: space-between; gap: 16px; border-bottom: 1px solid var(--line); }
.advanced-filter-head h3 { margin: 3px 0 0; font-size: 14px; }.advanced-filter-head p { margin: 3px 0 0; color: var(--muted); font-size: 8px; }
.modal-close { display: grid; width: 34px; height: 34px; flex: 0 0 auto; place-items: center; color: var(--muted); background: var(--surface-soft); border: 1px solid var(--line); border-radius: 9px; cursor: pointer; font: inherit; font-size: 18px; }
.modal-close:hover { color: var(--ink); background: white; }
.advanced-filter-grid { display: grid; grid-template-columns: 1.13fr .9fr 1fr 1fr .95fr; min-height: 0; padding: 8px 14px 6px; overflow: hidden; }
.advanced-filter-grid .filter-section { min-width: 0; padding: 0 11px; border-right: 1px solid var(--line); border-bottom: 0; }
.advanced-filter-grid .filter-section:first-child { padding-left: 0; }.advanced-filter-grid .filter-section:last-child { padding-right: 0; border-right: 0; }
.advanced-filter-grid .filter-section > header { min-height: 38px; align-items: flex-start; }
.advanced-filter-grid .filter-section > header > span { grid-template-columns: 24px auto; column-gap: 7px; }
.advanced-filter-grid .filter-section > header b { width: 24px; height: 24px; border-radius: 7px; }
.advanced-filter-grid .filter-section > header strong { font-size: 9px; }.advanced-filter-grid .filter-section > header small { overflow: hidden; font-size: 6.5px; text-overflow: ellipsis; white-space: nowrap; }
.advanced-filter-grid .filter-section > .filter-grid, .advanced-filter-grid .filter-grid.filter-grid-four { display: flex; padding: 0; flex-direction: column; gap: 4px; }
.advanced-filter-grid .filter-grid label { gap: 2px; }.advanced-filter-grid .filter-grid label > span, .advanced-filter-grid .warehouse-filter legend { font-size: 6.5px; }
.advanced-filter-grid .filter-grid select, .advanced-filter-grid .filter-grid input { height: 27px; padding: 0 7px; border-radius: 7px; font-size: 7.5px; }
.advanced-filter-grid .warehouse-filter { width: 100%; }.advanced-filter-grid .warehouse-filter legend { margin-bottom: 3px; }.advanced-filter-grid .warehouse-filter > div { min-height: 27px; padding: 2px; }.advanced-filter-grid .warehouse-filter label span { min-height: 20px; padding: 0 5px; font-size: 6px; }
.advanced-order-filters .filter-footer { min-height: 58px; margin: 0; padding: 9px 16px; background: var(--surface-soft); border-top: 1px solid var(--line); }
.action-menu { position: relative; }.action-menu-popover { position: absolute; top: calc(100% + 6px); right: 0; z-index: 80; display: none; min-width: 226px; padding: 5px; background: white; border: 1px solid var(--line); border-radius: 10px; box-shadow: 0 16px 36px rgba(15,23,42,.15); }
.action-menu.is-open .action-menu-popover { display: block; }
.action-menu-popover a, .action-menu-popover button { display: flex; width: 100%; min-height: 34px; padding: 0 9px; align-items: center; gap: 8px; color: var(--ink-soft); background: transparent; border: 0; border-radius: 7px; cursor: pointer; font: inherit; font-size: 8px; font-weight: 700; text-align: left; }
.action-menu-popover a:hover, .action-menu-popover button:hover { color: var(--brand-dark); background: var(--brand-soft); }.action-menu-popover button:disabled { color: #aab2c0; cursor: not-allowed; }
.action-menu-popover .icon { width: 14px; height: 14px; }.row-action-menu .action-menu-popover { position: fixed; right: auto; min-width: 195px; }
.table-export-menu { flex: 0 0 auto; }
.table-export-trigger { min-width: 96px; justify-content: center; }
.table-export-trigger .export-chevron { width: 12px; height: 12px; margin-left: 1px; transition: transform .16s ease; }
.table-export-menu.is-open .table-export-trigger { color: var(--brand-dark); background: var(--brand-soft); border-color: #d7e0fb; }
.table-export-menu.is-open .export-chevron { transform: rotate(180deg); }
.table-export-popover { min-width: 260px; padding: 7px; }
.table-export-popover button { min-height: 48px; padding: 6px 8px; align-items: center; }
.table-export-popover button > span:last-child { display: flex; min-width: 0; flex-direction: column; }
.table-export-popover button strong { color: var(--ink-soft); font-size: 8px; line-height: 1.35; }
.table-export-popover button small { margin-top: 3px; color: var(--muted); font-size: 6px; font-weight: 650; }
.export-option-icon { display: grid; width: 30px; height: 30px; flex: 0 0 auto; place-items: center; border-radius: 8px; }
.export-option-icon.excel { color: #277663; background: #eaf4f1; }
.export-option-icon.csv { color: #3659c9; background: #eef2ff; }
.table-panel-actions, .detail-panel-actions, .after-sales-result-actions { display: flex; align-items: center; gap: 8px; }
.detail-panel-actions { flex-wrap: wrap; justify-content: flex-end; }
.row-operation { display: grid; width: 28px; height: 28px; place-items: center; color: var(--muted); background: var(--surface-soft); border: 1px solid var(--line); border-radius: 8px; cursor: pointer; }.row-operation:hover, .row-action-menu.is-open .row-operation { color: var(--brand); background: var(--brand-soft); border-color: #d7e0fb; }.row-operation .icon { width: 14px; height: 14px; }
.order-table th:nth-child(2), .order-table td:nth-child(2) { width: 58px; text-align: center; }
.order-list-count { display: flex; align-items: center; gap: 13px; }.order-list-count label { display: flex; align-items: center; gap: 6px; color: var(--muted); font-size: 8px; }.order-list-count select { height: 28px; padding: 0 23px 0 8px; color: var(--ink-soft); background: white; border: 1px solid var(--line); border-radius: 7px; outline: 0; font-size: 8px; font-weight: 750; }

/* Simplified order detail workspace */
.order-detail-toolbar { display: flex; margin-bottom: 12px; align-items: stretch; flex-direction: column; gap: 9px; }.order-detail-toolbar .back-link { align-self: flex-start; margin: 0; }.order-detail-toolbar-row { display: flex; min-width: 0; align-items: center; justify-content: space-between; gap: 14px; }.dispatch-actions, .order-detail-actions { display: flex; min-width: 0; align-items: center; flex-wrap: wrap; gap: 7px; }.dispatch-actions:empty { display: none; }.order-detail-actions { margin-left: auto; justify-content: flex-end; }
.order-overview-strip { display: grid; grid-template-columns: 1.25fr .9fr 1fr 1fr; margin-bottom: 12px; overflow: hidden; }
.order-overview-strip article { display: flex; min-width: 0; min-height: 82px; padding: 15px 17px; justify-content: center; flex-direction: column; border-right: 1px solid var(--line); }.order-overview-strip article:last-child { border-right: 0; }.order-overview-strip small { color: var(--muted); font-size: 7px; font-weight: 750; letter-spacing: .05em; text-transform: uppercase; }.order-overview-strip strong { margin-top: 5px; overflow: hidden; color: var(--ink); font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }.order-overview-strip span { margin-top: 4px; overflow: hidden; color: var(--muted); font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.order-progress-panel { margin-bottom: 14px; padding: 14px 18px; }.order-progress-steps { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); margin: 0; padding: 0; list-style: none; }.order-progress-steps li { position: relative; display: flex; align-items: center; gap: 9px; color: #98a2b3; }.order-progress-steps li::after { position: absolute; top: 15px; right: 10px; left: 40px; height: 1px; content: ""; background: var(--line); }.order-progress-steps li:last-child::after { display: none; }.order-progress-steps li > i { position: relative; z-index: 1; display: grid; width: 30px; height: 30px; flex: 0 0 auto; place-items: center; background: #f2f4f7; border: 1px solid var(--line); border-radius: 50%; font-size: 8px; font-style: normal; font-weight: 850; }.order-progress-steps li > span { position: relative; z-index: 1; display: flex; padding-right: 10px; flex-direction: column; background: white; }.order-progress-steps strong { color: var(--ink-soft); font-size: 8px; }.order-progress-steps small { margin-top: 3px; font-size: 7px; }.order-progress-steps .is-done > i { color: white; background: var(--success); border-color: var(--success); }.order-progress-steps .is-done::after { background: #b9d8cf; }.order-progress-steps .is-active > i { color: white; background: var(--brand); border-color: var(--brand); box-shadow: 0 0 0 4px var(--brand-soft); }
.order-detail-workspace { display: grid; grid-template-columns: minmax(0,1fr) 320px; align-items: start; gap: 14px; }.order-detail-primary, .order-detail-rail { display: flex; min-width: 0; flex-direction: column; gap: 14px; }
.order-line-table-compact { min-width: 600px; }.order-line-table-compact td { height: 68px; }.order-lines-panel { padding-bottom: 0; }.order-lines-total { margin: 12px -19px 0; overflow: hidden; border-top: 1px solid var(--line); }.order-lines-total > header { display: flex; min-height: 54px; padding: 10px 19px; align-items: center; justify-content: space-between; gap: 16px; background: var(--surface-soft); }.order-lines-total > header > span { display: flex; min-width: 0; flex-direction: column; }.order-lines-total > header small { color: var(--brand); font-size: 6px; font-weight: 850; letter-spacing: .06em; }.order-lines-total > header span strong { margin-top: 3px; color: var(--muted); font-size: 7px; }.order-lines-total > header > strong { color: var(--ink); font-size: 14px; white-space: nowrap; }.order-lines-total dl { display: grid; margin: 0; padding: 13px 19px; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 9px 18px; }.order-lines-total dl > div { display: flex; min-width: 0; align-items: center; justify-content: space-between; gap: 9px; }.order-lines-total dt { color: var(--muted); font-size: 7px; }.order-lines-total dd { margin: 0; color: var(--ink-soft); font-size: 8px; font-weight: 800; white-space: nowrap; }.order-lines-total footer { display: flex; min-height: 48px; padding: 9px 19px; align-items: center; justify-content: flex-end; gap: 18px; color: white; background: var(--sidebar-soft); }.order-lines-total footer span { font-size: 8px; }.order-lines-total footer strong { min-width: 110px; font-size: 14px; text-align: right; }
.local-demo-badge { padding: 5px 8px; color: var(--brand-dark); background: var(--brand-soft); border-radius: 7px; font-size: 7px; font-weight: 800; }
.editable-detail-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 11px; }.editable-detail-grid label, .operation-form-grid label { display: flex; min-width: 0; flex-direction: column; gap: 5px; }.editable-detail-grid label.wide { grid-column: span 2; }.editable-detail-grid label > span, .operation-form-grid label > span { color: var(--ink-soft); font-size: 8px; font-weight: 750; }.editable-detail-grid input, .editable-detail-grid select, .editable-detail-grid textarea, .operation-form-grid input, .operation-form-grid select, .operation-form-grid textarea { width: 100%; min-height: 36px; padding: 8px 10px; color: var(--ink-soft); background: var(--surface-soft); border: 1px solid var(--line); border-radius: 9px; outline: 0; font: inherit; font-size: 9px; resize: vertical; }.editable-detail-grid input:focus, .editable-detail-grid select:focus, .editable-detail-grid textarea:focus, .operation-form-grid select:focus, .operation-form-grid textarea:focus { background: white; border-color: #aab9e9; box-shadow: 0 0 0 3px rgba(54,89,201,.07); }
.edit-panel-footer { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin: 16px -19px -19px; padding: 12px 19px; background: var(--surface-soft); border-top: 1px solid var(--line); }.edit-panel-footer span { color: var(--muted); font-size: 7px; }.detail-edit-panel.is-saved, .operation-editor.is-saved { box-shadow: 0 0 0 3px rgba(34,147,113,.14), var(--shadow-sm); }
.compact-info-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }.compact-info-grid > article { min-width: 0; padding: 13px; background: var(--surface-soft); border: 1px solid var(--line); border-radius: 11px; }.compact-info-grid article > header { display: flex; align-items: center; gap: 9px; padding-bottom: 10px; border-bottom: 1px solid var(--line); }.compact-info-grid .detail-icon { width: 32px; height: 32px; }.compact-info-grid header > div { display: flex; min-width: 0; flex-direction: column; }.compact-info-grid header small { color: var(--muted); font-size: 6px; font-weight: 800; }.compact-info-grid header strong { margin-top: 3px; overflow: hidden; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }.compact-info-grid dl { display: grid; gap: 8px; margin: 10px 0 0; }.compact-info-grid dl > div { display: flex; justify-content: space-between; gap: 8px; }.compact-info-grid dt { color: var(--muted); font-size: 7px; }.compact-info-grid dd { margin: 0; overflow: hidden; color: var(--ink-soft); font-size: 7px; font-weight: 750; text-align: right; text-overflow: ellipsis; white-space: nowrap; }
.detail-disclosure { overflow: hidden; }.detail-disclosure summary { display: flex; min-height: 54px; padding: 0 18px; align-items: center; justify-content: space-between; color: var(--ink-soft); cursor: pointer; font-size: 9px; font-weight: 800; list-style: none; }.detail-disclosure summary::-webkit-details-marker { display: none; }.detail-disclosure summary span { display: flex; align-items: center; gap: 9px; }.detail-disclosure summary .icon { width: 16px; height: 16px; color: var(--brand); }.detail-disclosure summary small { color: var(--brand); font-size: 7px; }.detail-disclosure[open] summary { border-bottom: 1px solid var(--line); }.detail-disclosure-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; padding: 17px; }.detail-disclosure-grid article { min-width: 0; }.detail-disclosure-grid h3 { margin: 0 0 10px; font-size: 10px; }.detail-disclosure-grid dl { display: grid; gap: 8px; margin: 0; }.detail-disclosure-grid dl > div { display: flex; justify-content: space-between; gap: 8px; }.detail-disclosure-grid dt { color: var(--muted); font-size: 7px; }.detail-disclosure-grid dd { margin: 0; color: var(--ink-soft); font-size: 7px; font-weight: 750; text-align: right; }.detail-disclosure-grid address { display: flex; margin: 0; color: var(--muted); flex-direction: column; font-size: 8px; font-style: normal; line-height: 1.65; }.detail-disclosure-grid address strong { color: var(--ink-soft); }
.operation-form-grid { display: grid; gap: 10px; margin-top: 13px; }.operation-form-grid .toggle-field { display: flex; min-height: 34px; padding: 7px 9px; align-items: center; flex-direction: row; gap: 8px; background: var(--surface-soft); border: 1px solid var(--line); border-radius: 9px; }.operation-form-grid .toggle-field input { width: auto; min-height: auto; padding: 0; }.operation-form-grid .toggle-field span { font-size: 7px; }
.order-action-card { padding: 16px; }.order-action-card header h3 { margin: 4px 0 11px; font-size: 11px; }.order-action-card > div { display: grid; gap: 6px; }.order-action-card button { display: grid; width: 100%; min-height: 47px; padding: 7px 9px; grid-template-columns: 30px minmax(0,1fr); align-items: center; gap: 8px; color: var(--ink-soft); background: white; border: 1px solid var(--line); border-radius: 9px; cursor: pointer; font: inherit; text-align: left; }.order-action-card button:hover { color: var(--brand-dark); background: var(--brand-soft); border-color: #d9e1fb; }.order-action-card button > .icon { width: 16px; height: 16px; justify-self: center; color: var(--brand); }.order-action-card button > span { display: flex; flex-direction: column; }.order-action-card button strong { font-size: 8px; }.order-action-card button small { margin-top: 3px; color: var(--muted); font-size: 7px; }.order-action-card button.danger-action:hover { color: var(--coral); background: var(--coral-soft); border-color: #f2d5d8; }.order-action-card button.danger-action > .icon { color: var(--coral); }
.compact-customer-card p { margin: 12px 0 0; color: var(--muted); font-size: 8px; line-height: 1.5; }
.order-log-summary { display: flex; align-items: center; justify-content: space-between; margin-bottom: 13px; padding: 9px 11px; color: var(--muted); background: var(--surface-soft); border-radius: 9px; font-size: 8px; }.order-log-summary strong { color: var(--ink); }.order-log-list { display: grid; }.order-log-item { position: relative; display: grid; min-height: 64px; grid-template-columns: 12px minmax(0,1fr) auto; gap: 12px; }.order-log-item::before { position: absolute; top: 17px; bottom: -1px; left: 5px; width: 1px; content: ""; background: var(--line); }.order-log-item:last-child::before { display: none; }.order-log-item > i { position: relative; z-index: 1; width: 11px; height: 11px; margin-top: 3px; background: var(--dot); border: 2px solid white; border-radius: 50%; box-sizing: content-box; box-shadow: 0 0 0 2px var(--dot-soft); }.order-log-item > i.success { --dot: var(--success); --dot-soft: var(--success-soft); }.order-log-item > i.info { --dot: var(--brand); --dot-soft: var(--brand-soft); }.order-log-item > i.warning { --dot: var(--amber); --dot-soft: var(--amber-soft); }.order-log-item > i.danger { --dot: var(--coral); --dot-soft: var(--coral-soft); }.order-log-item > i.purple { --dot: var(--purple); --dot-soft: var(--purple-soft); }.order-log-item > span { display: flex; min-width: 0; flex-direction: column; }.order-log-item strong { font-size: 9px; }.order-log-item small { margin-top: 4px; color: var(--muted); font-size: 8px; line-height: 1.45; }.order-log-item > span:last-child { align-items: flex-end; }.order-log-item time { color: var(--ink-soft); font-size: 8px; font-weight: 750; }.order-log-item.is-new { animation: log-in .25s ease; }

/* Read-only operation rail and linked address editor */
.button-danger { color: white; background: var(--coral); border-color: var(--coral); box-shadow: 0 7px 14px rgba(197,75,87,.16); }.button-danger:hover { background: #b9414e; border-color: #b9414e; }
.automatic-flow-note { display: flex; min-width: 0; align-items: center; gap: 9px; padding-right: 16px; border-right: 1px solid var(--line); }.automatic-flow-note > .icon { width: 18px; height: 18px; flex: 0 0 auto; color: var(--success); }.automatic-flow-note > span { display: flex; min-width: 0; flex-direction: column; }.automatic-flow-note strong { font-size: 8px; }.automatic-flow-note small { margin-top: 3px; color: var(--muted); font-size: 7px; line-height: 1.4; }
.order-progress-panel { display: grid; grid-template-columns: 220px minmax(0,1fr); align-items: center; gap: 18px; }
.order-detail-workspace.order-detail-workspace-readonly { grid-template-columns: 280px minmax(0,1fr); }
.order-control-card { min-width: 0; overflow: hidden; padding: 0; }.order-control-card-head { position: relative; display: grid; min-height: 82px; padding: 15px; grid-template-columns: 38px minmax(0,1fr); align-items: center; gap: 10px; background: var(--surface-soft); border-bottom: 1px solid var(--line); }.order-control-card-head > div { min-width: 0; }.order-control-card-head h2 { margin: 4px 0 2px; font-size: 12px; }.order-control-card-head small { display: block; overflow: hidden; color: var(--muted); font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }.read-only-badge { position: absolute; top: 10px; right: 10px; padding: 4px 6px; color: var(--muted); background: white; border: 1px solid var(--line); border-radius: 6px; font-size: 6px; font-weight: 800; }
.control-current-status { padding: 14px 15px; border-bottom: 1px solid var(--line); }.control-current-status p { margin: 7px 0 0; color: var(--muted); font-size: 7px; line-height: 1.45; }.control-current-status p strong { color: var(--ink-soft); }
.control-data-list { display: grid; margin: 0; padding: 7px 15px; }.control-data-list > div { display: flex; min-height: 34px; align-items: center; justify-content: space-between; gap: 10px; border-bottom: 1px solid #eef1f4; }.control-data-list > div:last-child { border-bottom: 0; }.control-data-list dt { color: var(--muted); font-size: 7px; }.control-data-list dd { margin: 0; color: var(--ink-soft); font-size: 7px; font-weight: 750; text-align: right; }.control-data-list .status { min-height: 21px; padding: 0 7px; font-size: 6px; }
.carrier-brand-card { margin: 6px 10px 10px; padding: 13px; color: white; background: linear-gradient(145deg,#1c2a3c,#263a52); border-radius: 12px; }.carrier-brand-card > header { display: flex; align-items: center; gap: 10px; padding-bottom: 11px; border-bottom: 1px solid rgba(255,255,255,.12); }.carrier-logo { display: grid; width: 38px; height: 38px; flex: 0 0 auto; place-items: center; color: white; background: var(--coral); border-radius: 10px; box-shadow: inset 0 0 0 1px rgba(255,255,255,.16); font-size: 10px; font-weight: 900; }.carrier-brand-card header > div { display: flex; min-width: 0; flex-direction: column; }.carrier-brand-card header small, .control-source-card small { color: #aebdce; font-size: 6px; font-weight: 800; letter-spacing: .06em; }.carrier-brand-card header strong { margin-top: 3px; font-size: 10px; }.carrier-brand-card header span:last-child { margin-top: 2px; color: #b9c5d3; font-size: 7px; }.carrier-brand-card dl { display: grid; gap: 7px; margin: 11px 0 0; }.carrier-brand-card dl > div { display: flex; justify-content: space-between; gap: 8px; }.carrier-brand-card dt { color: #aebdce; font-size: 7px; }.carrier-brand-card dd { margin: 0; overflow: hidden; color: white; font-size: 7px; font-weight: 750; text-align: right; text-overflow: ellipsis; white-space: nowrap; }.carrier-brand-card .status { color: #d9f3eb; background: rgba(43,167,128,.18); }.carrier-brand-card .full-button { color: white; background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.15); }.carrier-brand-card .full-button:hover { background: rgba(255,255,255,.14); }
.control-source-card { display: flex; margin: 0 10px 10px; padding: 11px; align-items: center; gap: 9px; background: var(--brand-soft); border-radius: 11px; }.control-source-card .channel-mark { margin: 0; }.control-source-card > div { display: flex; min-width: 0; flex-direction: column; }.control-source-card small { color: var(--brand); }.control-source-card strong { margin-top: 3px; font-size: 9px; }.control-source-card span:last-child { margin-top: 2px; overflow: hidden; color: var(--muted); font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }
.address-billing-editor { display: grid; gap: 9px; }.address-billing-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; align-items: stretch; }.address-edit-card, .billing-edit-card { display: flex; min-width: 0; flex-direction: column; }.address-card-fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }.address-card-fields label { display: flex; min-width: 0; flex-direction: column; gap: 4px; }.address-card-fields label.wide { grid-column: 1 / -1; }.address-card-fields label > span { color: var(--ink-soft); font-size: 7px; font-weight: 750; }.address-card-fields input, .address-card-fields textarea { width: 100%; min-height: 34px; padding: 7px 9px; color: var(--ink-soft); background: var(--surface-soft); border: 1px solid var(--line); border-radius: 8px; outline: 0; font: inherit; font-size: 8px; resize: vertical; }.address-card-fields input:focus, .address-card-fields textarea:focus { background: white; border-color: #aab9e9; box-shadow: 0 0 0 3px rgba(54,89,201,.07); }.address-card-fields input:disabled, .address-card-fields textarea:disabled { color: #8d99a9; background: #f2f4f7; cursor: not-allowed; }
.billing-sync-toggle { display: flex; min-height: 49px; margin-top: auto; padding: 9px 10px; align-items: center; gap: 9px; background: var(--brand-soft); border: 1px solid #dce4fb; border-radius: 9px; cursor: pointer; }.billing-sync-toggle input { flex: 0 0 auto; }.billing-sync-toggle > span { display: flex; flex-direction: column; }.billing-sync-toggle strong { color: var(--brand-dark); font-size: 8px; }.billing-sync-toggle small { margin-top: 3px; color: var(--muted); font-size: 7px; }
.invoice-identity-strip { display: grid; grid-template-columns: 1.25fr 1fr 1fr; gap: 7px; margin-bottom: 10px; }.invoice-identity-strip > span { display: flex; min-width: 0; padding: 8px; flex-direction: column; background: var(--surface-soft); border-radius: 8px; }.invoice-identity-strip small { color: var(--muted); font-size: 6px; }.invoice-identity-strip strong { margin-top: 3px; overflow: hidden; font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }.billing-edit-card.is-syncing { box-shadow: 0 0 0 3px rgba(54,89,201,.1),var(--shadow-sm); }.billing-card-note { margin: auto 0 0; padding-top: 9px; color: var(--muted); border-top: 1px solid var(--line); font-size: 7px; line-height: 1.45; }.billing-edit-card.is-syncing .billing-card-note { color: var(--brand-dark); }
.linked-address-footer { display: flex; min-height: 54px; padding: 9px 12px; align-items: center; justify-content: space-between; gap: 16px; background: var(--surface-soft); }.linked-address-footer span { color: var(--muted); font-size: 7px; }.detail-disclosure-grid-two { grid-template-columns: repeat(2,minmax(0,1fr)); }
.control-contact-card { margin: 0 10px 10px; padding: 11px; background: var(--surface-soft); border: 1px solid var(--line); border-radius: 11px; }.control-contact-card > header { display: flex; align-items: center; gap: 8px; padding-bottom: 9px; border-bottom: 1px solid var(--line); }.control-contact-card header .icon { width: 16px; height: 16px; color: var(--brand); }.control-contact-card header > span, .control-contact-card > div > span { display: flex; min-width: 0; flex-direction: column; }.control-contact-card header small, .control-contact-card > div small { color: var(--muted); font-size: 6px; font-weight: 800; }.control-contact-card header strong { margin-top: 2px; font-size: 8px; }.control-contact-card > div { display: flex; min-height: 39px; align-items: center; justify-content: space-between; gap: 7px; border-bottom: 1px solid var(--line); }.control-contact-card > div:last-child { border-bottom: 0; }.control-contact-card > div strong { margin-top: 3px; overflow: hidden; font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }.control-contact-card em { padding: 3px 5px; color: var(--muted); background: white; border: 1px solid var(--line); border-radius: 5px; font-size: 5.5px; font-style: normal; font-weight: 800; white-space: nowrap; }
.customer-order-history-link { display: inline-flex; min-width: 0; margin-top: 2px; align-items: center; gap: 4px; color: var(--brand-dark); }.customer-order-history-link strong { margin-top: 0 !important; }.customer-order-history-link .icon { width: 11px; height: 11px; flex: 0 0 auto; transform: rotate(-90deg); transition: transform .15s ease; }.customer-order-history-link:hover .icon { transform: translateX(2px) rotate(-90deg); }
.carrier-update-form { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: end; gap: 6px; margin-top: 11px; padding-top: 10px; border-top: 1px solid rgba(255,255,255,.12); }.carrier-update-form label { display: flex; min-width: 0; flex-direction: column; gap: 4px; }.carrier-update-form label span { color: #aebdce; font-size: 6px; font-weight: 800; }.carrier-update-form select { width: 100%; height: 30px; padding: 0 7px; color: white; background: rgba(255,255,255,.09); border: 1px solid rgba(255,255,255,.17); border-radius: 7px; outline: 0; font-size: 7px; }.carrier-update-form select option { color: var(--ink); background: white; }.carrier-update-form button { height: 30px; padding: 0 8px; color: var(--sidebar); background: white; border: 0; border-radius: 7px; cursor: pointer; font: inherit; font-size: 7px; font-weight: 800; }.carrier-change-locked { margin: 10px 0 0; padding: 8px; color: #b9c5d3; background: rgba(255,255,255,.06); border-radius: 7px; font-size: 6.5px; line-height: 1.45; }
.compact-finance-panel .compact-info-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
.shared-order-notes .detail-panel-head p { margin: 4px 0 0; color: var(--muted); font-size: 7px; }.shared-note-count { padding: 5px 8px; color: var(--brand-dark); background: var(--brand-soft); border-radius: 7px; font-size: 7px; }.shared-note-count strong { font-size: 9px; }.shared-note-list { display: grid; gap: 7px; }.shared-note-list article { display: grid; min-height: 64px; padding: 10px; grid-template-columns: 30px minmax(0,1fr); gap: 9px; background: var(--surface-soft); border: 1px solid var(--line); border-radius: 10px; }.note-author { display: grid; width: 30px; height: 30px; place-items: center; color: var(--brand-dark); background: var(--brand-soft); border-radius: 8px; font-size: 7px; font-weight: 900; }.shared-note-list article > span { display: flex; min-width: 0; flex-direction: column; }.shared-note-list strong { font-size: 8px; }.shared-note-list small { margin-top: 2px; color: var(--muted); font-size: 6.5px; }.shared-note-list p { margin: 6px 0 0; color: var(--ink-soft); font-size: 8px; line-height: 1.5; }.shared-note-empty { padding: 14px; color: var(--muted) !important; background: var(--surface-soft); border-radius: 9px; text-align: center; }.shared-note-composer { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: end; gap: 9px; margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--line); }.shared-note-composer label { display: flex; min-width: 0; flex-direction: column; gap: 4px; }.shared-note-composer label span { color: var(--ink-soft); font-size: 7px; font-weight: 750; }.shared-note-composer textarea { width: 100%; min-height: 54px; padding: 8px 9px; color: var(--ink-soft); background: var(--surface-soft); border: 1px solid var(--line); border-radius: 9px; outline: 0; font: inherit; font-size: 8px; resize: vertical; }.shared-note-composer textarea:focus { background: white; border-color: #aab9e9; box-shadow: 0 0 0 3px rgba(54,89,201,.07); }

/* Returns, cancellations and after-sales payments */
.after-sales-heading { margin-bottom: 14px; }.after-sales-heading p { max-width: 760px; }
.after-sales-nav { display: grid; margin-bottom: 14px; padding: 6px; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 5px; }.after-sales-nav a { display: flex; min-width: 0; min-height: 58px; padding: 8px 10px; align-items: center; gap: 9px; color: var(--muted); border: 1px solid transparent; border-radius: 10px; }.after-sales-nav a:hover { color: var(--ink-soft); background: var(--surface-soft); }.after-sales-nav a.is-active { color: var(--brand-dark); background: var(--brand-soft); border-color: #dce4fb; }.after-sales-nav-icon { display: grid; width: 32px; height: 32px; flex: 0 0 auto; place-items: center; color: var(--tone); background: var(--tone-soft); border-radius: 9px; }.after-sales-nav-icon .icon { width: 15px; height: 15px; }.after-sales-nav a > span:last-child { display: flex; min-width: 0; flex-direction: column; }.after-sales-nav strong { overflow: hidden; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }.after-sales-nav small { margin-top: 3px; overflow: hidden; color: var(--muted); font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }
.after-sales-metrics { margin-bottom: 14px; }.after-sales-metrics .order-metric { min-height: 94px; }.after-sales-metrics .order-metric strong { font-size: 19px; }
.case-flow-panel { margin-bottom: 14px; padding: 14px 17px; }.case-flow-panel > header { display: flex; margin-bottom: 13px; align-items: flex-end; justify-content: space-between; gap: 14px; }.case-flow-panel > header > span { display: flex; flex-direction: column; }.case-flow-panel header small { color: var(--brand); font-size: 6px; font-weight: 850; letter-spacing: .07em; }.case-flow-panel header strong { margin-top: 3px; font-size: 10px; }.case-flow-panel header em { color: var(--muted); font-size: 7px; font-style: normal; }.case-flow-panel ol { display: grid; margin: 0; padding: 0; grid-template-columns: repeat(6,minmax(120px,1fr)); list-style: none; }.case-flow-panel li { position: relative; display: flex; align-items: center; gap: 7px; color: var(--ink-soft); font-size: 7px; font-weight: 750; }.case-flow-panel li::after { position: absolute; right: 8px; left: 31px; height: 1px; content: ""; background: var(--line); }.case-flow-panel li:last-child::after { display: none; }.case-flow-panel li i { position: relative; z-index: 1; display: grid; width: 23px; height: 23px; flex: 0 0 auto; place-items: center; color: var(--brand); background: var(--brand-soft); border: 1px solid #dce4fb; border-radius: 7px; font-size: 7px; font-style: normal; }.case-flow-panel li span { position: relative; z-index: 1; padding-right: 7px; background: white; }
.approved-record-scope { display: flex; min-height: 78px; margin-bottom: 14px; padding: 13px 16px; align-items: center; justify-content: space-between; gap: 22px; }.approved-record-scope > div { display: flex; min-width: 0; align-items: center; gap: 11px; }.approved-record-scope > div > span:last-child { display: flex; min-width: 0; flex-direction: column; }.approved-record-scope small { color: var(--success); font-size: 6px; font-weight: 850; letter-spacing: .06em; }.approved-record-scope strong { margin-top: 3px; font-size: 10px; }.approved-record-scope em { margin-top: 3px; color: var(--muted); font-size: 7px; font-style: normal; }.approved-record-scope dl { display: grid; min-width: 420px; margin: 0; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 7px; }.approved-record-scope dl > div { display: flex; min-height: 44px; padding: 7px 9px; justify-content: center; flex-direction: column; background: var(--surface-soft); border: 1px solid var(--line); border-radius: 9px; }.approved-record-scope dt { color: var(--muted); font-size: 6px; }.approved-record-scope dd { margin: 4px 0 0; color: var(--ink-soft); font-size: 8px; font-weight: 800; }.approved-record-scope .status { min-height: 21px; padding: 0 6px; font-size: 6px; }
.after-sales-workspace { overflow: hidden; }.after-sales-workspace-head { display: flex; min-height: 76px; padding: 16px 18px; align-items: center; justify-content: space-between; gap: 16px; border-bottom: 1px solid var(--line); }.after-sales-workspace-head h2 { margin: 4px 0 0; font-size: 15px; }.after-sales-workspace-head h2 b { display: inline-grid; min-width: 25px; height: 23px; margin-left: 5px; padding: 0 6px; place-items: center; color: var(--brand-dark); background: var(--brand-soft); border-radius: 7px; font-size: 9px; }.after-sales-workspace-head p { margin: 4px 0 0; color: var(--muted); font-size: 7px; }
.after-sales-filter { display: grid; padding: 13px 18px; grid-template-columns: minmax(230px,1.55fr) repeat(3,minmax(130px,1fr)); align-items: end; gap: 9px; background: var(--surface-soft); border-bottom: 1px solid var(--line); }.after-sales-filter.has-filter { box-shadow: inset 3px 0 var(--brand); }.after-sales-filter label { display: flex; min-width: 0; flex-direction: column; gap: 4px; }.after-sales-filter label > span { color: var(--ink-soft); font-size: 7px; font-weight: 750; }.after-sales-filter input, .after-sales-filter select { width: 100%; height: 34px; padding: 0 9px; color: var(--ink-soft); background: white; border: 1px solid var(--line); border-radius: 8px; outline: 0; font: inherit; font-size: 8px; }.after-sales-filter input:focus, .after-sales-filter select:focus { border-color: #aab9e9; box-shadow: 0 0 0 3px rgba(54,89,201,.07); }.after-sales-search { position: relative; }.after-sales-search .icon { position: absolute; bottom: 10px; left: 10px; z-index: 1; width: 14px; height: 14px; color: var(--muted); }.after-sales-search input { padding-left: 31px; }.after-sales-filter-actions { display: flex; justify-content: flex-end; gap: 6px; }.after-sales-filter-actions .button { min-width: 90px; }
.after-sales-result-bar { display: flex; min-height: 45px; padding: 8px 18px; align-items: center; justify-content: space-between; gap: 12px; color: var(--muted); border-bottom: 1px solid var(--line); font-size: 7px; }.after-sales-result-bar strong { color: var(--ink); }.after-sales-result-bar label { display: flex; align-items: center; gap: 6px; }.after-sales-result-bar select { height: 28px; padding: 0 23px 0 8px; color: var(--ink-soft); background: white; border: 1px solid var(--line); border-radius: 7px; font-size: 7px; }.after-sales-result-bar form { display: none; }
.after-sales-table-wrap { width: 100%; overflow: visible; }.after-sales-table { width: 100%; min-width: 0; margin-top: 0; table-layout: fixed; }.after-sales-table th, .after-sales-table td { min-width: 0; padding-right: 7px; padding-left: 7px; overflow: hidden; text-overflow: ellipsis; }.after-sales-table th { font-size: 6.5px; line-height: 1.25; white-space: normal; }.after-sales-table td { height: 72px; }.after-sales-table th:first-child, .after-sales-table td:first-child { width: auto; text-align: center; }.after-sales-table td > strong, .after-sales-table td > small { max-width: 100%; overflow: hidden; text-overflow: ellipsis; }.after-sales-table td > a:not(.case-id-link) { color: var(--brand-dark); font-weight: 800; }.case-id-link { color: var(--brand-dark); font-size: 9px; font-weight: 850; }.mini-flag { display: inline-flex; min-height: 18px; margin-top: 5px; padding: 0 5px; align-items: center; color: var(--coral); background: var(--coral-soft); border-radius: 5px; font-size: 6px; font-weight: 850; }.source-cell { display: flex; min-width: 0; align-items: center; gap: 7px; }.source-logo { display: grid; width: 28px; height: 28px; flex: 0 0 auto; place-items: center; color: var(--brand-dark); background: var(--brand-soft); border-radius: 8px; font-size: 7px; font-weight: 900; }.source-cell > span:last-child { display: flex; min-width: 0; flex-direction: column; overflow: hidden; }.source-cell strong, .source-cell small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.deadline { font-weight: 750; }.deadline-danger { color: var(--coral) !important; }.deadline-warning { color: var(--amber) !important; }.deadline-neutral { color: var(--muted) !important; }.after-sales-empty { display: flex; min-height: 180px; align-items: center; justify-content: center; flex-direction: column; color: var(--muted); }.after-sales-empty .icon { width: 26px; height: 26px; margin-bottom: 9px; }.after-sales-empty strong { color: var(--ink-soft); font-size: 11px; }.after-sales-empty span { margin-top: 5px; font-size: 8px; }
.request-page-heading .heading-actions { align-self: center; }.request-flow { display: grid; min-height: 74px; margin-bottom: 14px; padding: 11px 16px; grid-template-columns: minmax(115px,1fr) 34px minmax(150px,1fr) 34px minmax(130px,1fr) 34px minmax(140px,1fr); align-items: center; }.request-flow > span { display: grid; min-width: 0; grid-template-columns: 26px minmax(0,1fr); align-items: center; column-gap: 8px; }.request-flow > span i { grid-row: 1 / 3; display: grid; width: 26px; height: 26px; place-items: center; color: var(--brand-dark); background: var(--brand-soft); border: 1px solid #dce4fb; border-radius: 8px; font-size: 7px; font-style: normal; font-weight: 900; }.request-flow > span strong { font-size: 8px; }.request-flow > span small { margin-top: 3px; overflow: hidden; color: var(--muted); font-size: 6px; text-overflow: ellipsis; white-space: nowrap; }.request-flow > b { height: 1px; background: var(--line); }
.request-filter { grid-template-columns: minmax(270px,1.7fr) repeat(4,minmax(125px,1fr)); }.request-filter[hidden] { display: none; }.request-filter .after-sales-search > span { position: static; }.request-filter .after-sales-search .icon { bottom: 10px; }.request-workspace-head { min-height: 72px; }.request-status-filter { position: relative; display: flex; min-width: 0; flex-direction: column; gap: 4px; }.request-status-filter > span { color: var(--ink-soft); font-size: 7px; font-weight: 750; }.request-multi-select { position: relative; }.request-multi-select summary { display: flex; height: 34px; padding: 0 9px; align-items: center; justify-content: space-between; gap: 8px; color: var(--ink-soft); background: white; border: 1px solid var(--line); border-radius: 8px; cursor: pointer; font-size: 8px; list-style: none; }.request-multi-select summary::-webkit-details-marker { display: none; }.request-multi-select summary .icon { width: 13px; height: 13px; transition: transform .18s ease; }.request-multi-select[open] summary { border-color: #aab9e9; box-shadow: 0 0 0 3px rgba(54,89,201,.07); }.request-multi-select[open] summary .icon { transform: rotate(180deg); }.request-multi-select-options { position: absolute; top: calc(100% + 5px); right: 0; left: 0; z-index: 35; min-width: 190px; max-height: 230px; padding: 6px; overflow-y: auto; background: white; border: 1px solid var(--line); border-radius: 9px; box-shadow: var(--shadow-lg); }.request-multi-select-options label { display: flex; min-height: 30px; padding: 5px 7px; align-items: center; flex-direction: row; gap: 7px; border-radius: 7px; cursor: pointer; }.request-multi-select-options label:hover { background: var(--surface-soft); }.request-multi-select-options input { width: 15px; height: 15px; flex: 0 0 auto; accent-color: var(--brand); }.request-multi-select-options label span { color: var(--ink-soft); font-size: 7.5px; font-weight: 700; }.request-table { min-width: 1710px; }.request-table td { height: 86px; }.request-table th:first-child, .request-table td:first-child { width: 112px; }.request-table .request-reason { max-width: 245px; }.request-table .request-reason small { max-width: 235px; overflow: hidden; line-height: 1.45; text-overflow: ellipsis; white-space: nowrap; }.request-table .money > small { margin-top: 6px; }.request-row-actions { display: flex; align-items: center; justify-content: center; gap: 5px; }.request-quick-approve { display: inline-flex; min-height: 28px; padding: 0 8px; align-items: center; gap: 4px; color: var(--success); background: #f3fbf7; border: 1px solid #bfe3cf; border-radius: 7px; cursor: pointer; font: inherit; font-size: 6.5px; font-weight: 850; }.request-quick-approve:hover { background: #e7f7ee; border-color: #8bc9a8; }.request-quick-approve .icon { width: 12px; height: 12px; }.request-plain-state { display: inline-flex; max-width: 175px; align-items: flex-start; gap: 6px; color: var(--ink-soft); font-size: 7px; font-weight: 750; line-height: 1.35; }.request-plain-state i { width: 6px; height: 6px; margin-top: 2px; flex: 0 0 auto; background: var(--muted); border-radius: 50%; }.request-plain-state.tone-success i { background: var(--success); }.request-plain-state.tone-warning i { background: var(--amber); }.request-plain-state.tone-danger i { background: var(--coral); }.request-plain-state.tone-info i, .request-plain-state.tone-purple i { background: var(--brand); }.request-order-links { display: flex !important; margin-top: 4px; flex-wrap: wrap; gap: 3px 7px; }.request-order-links a { position: relative; color: var(--brand-dark); font-weight: 750; }.request-order-links a + a::before { position: absolute; left: -5px; color: var(--muted); content: "·"; }.request-priority-text { display: block; margin-top: 5px; color: var(--coral); font-size: 6px; font-weight: 800; }.request-return-code { max-width: 170px; overflow: hidden; color: var(--brand) !important; font-family: Consolas,monospace; text-overflow: ellipsis; white-space: nowrap; }.request-pagination { display: flex; min-height: 48px; padding: 8px 16px; align-items: center; justify-content: center; gap: 4px; border-top: 1px solid var(--line); }.request-pagination button { display: grid; width: 30px; height: 30px; padding: 0; place-items: center; color: var(--muted); background: white; border: 1px solid var(--line); border-radius: 8px; cursor: pointer; font: inherit; font-size: 8px; font-weight: 800; }.request-pagination button.is-active { color: white; background: var(--brand); border-color: var(--brand); }
.request-decision-dialog { width: min(760px,100%); }.request-decision-summary { display: grid; margin-bottom: 12px; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 7px; }.request-decision-summary > span { display: flex; min-width: 0; min-height: 54px; padding: 8px 9px; justify-content: center; flex-direction: column; background: var(--surface-soft); border: 1px solid var(--line); border-radius: 9px; }.request-decision-summary small { color: var(--muted); font-size: 6px; }.request-decision-summary strong, .request-decision-summary a { margin-top: 4px; overflow: hidden; color: var(--brand-dark); font-size: 8px; font-weight: 850; text-overflow: ellipsis; white-space: nowrap; }.request-customer-statement { margin-bottom: 13px; padding: 11px 12px; background: #fbfcff; border: 1px solid var(--line); border-left: 3px solid var(--brand); border-radius: 10px; }.request-customer-statement > span { display: flex; flex-direction: column; }.request-customer-statement > span small { color: var(--brand); font-size: 6px; font-weight: 850; }.request-customer-statement > span strong { margin-top: 3px; font-size: 9px; }.request-customer-statement p { margin: 8px 0; color: var(--ink-soft); font-size: 8px; line-height: 1.55; }.request-customer-statement footer { display: flex; padding-top: 8px; align-items: center; justify-content: space-between; gap: 12px; color: var(--muted); border-top: 1px solid var(--line); font-size: 6.5px; }.request-decision-fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }.request-decision-fields label { display: flex; min-width: 0; flex-direction: column; gap: 5px; }.request-decision-fields label.wide { grid-column: 1 / -1; }.request-decision-fields label > span { display: flex; justify-content: space-between; color: var(--ink-soft); font-size: 7px; font-weight: 800; }.request-decision-fields label > span em { color: var(--muted); font-size: 6px; font-style: normal; }.request-decision-fields input, .request-decision-fields select, .request-decision-fields textarea { width: 100%; min-height: 38px; padding: 0 10px; color: var(--ink-soft); background: var(--surface-soft); border: 1px solid var(--line); border-radius: 9px; outline: 0; font: inherit; font-size: 8px; }.request-decision-fields textarea { min-height: 68px; padding-top: 9px; resize: vertical; }.request-decision-fields input:focus, .request-decision-fields select:focus, .request-decision-fields textarea:focus { background: white; border-color: #aab9e9; box-shadow: 0 0 0 3px rgba(54,89,201,.07); }.request-decision-fields label > small { color: var(--muted); font-size: 6px; }.request-decision-fields .payment-amount-input input { font-size: 10px; font-weight: 800; }.request-decision-footer { margin-top: 13px; }
.request-table { width: 100%; min-width: 0; table-layout: fixed; }.request-table th, .request-table td { min-width: 0; padding-right: 8px; padding-left: 8px; }.request-table th { overflow: hidden; font-size: 6.5px; text-overflow: ellipsis; }.request-table th:first-child, .request-table td:first-child { width: auto; }.request-table td > strong, .request-table td > small, .request-table .source-cell > span:last-child { max-width: 100%; overflow: hidden; text-overflow: ellipsis; }.request-table .source-cell { min-width: 0; }.request-table .source-cell small { overflow: hidden; text-overflow: ellipsis; }.request-table .request-order-links { flex-wrap: nowrap; overflow: hidden; }.request-table .request-order-links a { overflow: hidden; text-overflow: ellipsis; }.request-table .request-priority-text { overflow: visible; }.request-table .request-product-summary { margin-top: 5px; color: var(--ink-soft); font-weight: 750; }.request-quick-decisions { display: grid; width: 66px; flex: 0 0 auto; gap: 4px; }.request-quick-decision { display: inline-flex; width: 100%; min-height: 25px; padding: 0 6px; align-items: center; justify-content: center; gap: 4px; border-radius: 6px; cursor: pointer; font: inherit; font-size: 6px; font-weight: 850; }.request-quick-reject { color: var(--coral); background: #fff8f7; border: 1px solid #efc7c2; }.request-quick-reject:hover { background: var(--coral-soft); border-color: #dca29a; }.request-quick-decision .icon { width: 11px; height: 11px; }.cancellation-request-table .request-col-actions { width: 10%; }.cancellation-request-table .request-col-identity { width: 15%; }.cancellation-request-table .request-col-source { width: 13%; }.cancellation-request-table .request-col-reason { width: 22%; }.cancellation-request-table .request-col-payment { width: 11%; }.cancellation-request-table .request-col-status { width: 10%; }.cancellation-request-table .request-col-operation { width: 11%; }.cancellation-request-table .request-col-created { width: 8%; }.return-request-table .request-col-actions { width: 7%; }.return-request-table .request-col-identity { width: 18%; }.return-request-table .request-col-source { width: 16%; }.return-request-table .request-col-reason { width: 27%; }.return-request-table .request-col-status { width: 12%; }.return-request-table .request-col-operation { width: 12%; }.return-request-table .request-col-created { width: 8%; }
.payment-control-strip { display: flex; min-height: 74px; margin-bottom: 14px; padding: 13px 16px; align-items: center; justify-content: space-between; gap: 18px; }.payment-control-strip > div { display: flex; align-items: center; gap: 11px; }.payment-control-strip > div > span:last-child { display: flex; flex-direction: column; }.payment-control-strip small { color: var(--brand); font-size: 6px; font-weight: 850; }.payment-control-strip strong { margin-top: 3px; font-size: 9px; }.payment-control-strip em { margin-top: 3px; color: var(--muted); font-size: 7px; font-style: normal; }.payment-filter { grid-template-columns: minmax(260px,1.8fr) repeat(3,minmax(140px,1fr)); }.payment-table { min-width: 0; }.payment-error { max-width: 220px; color: var(--coral) !important; white-space: normal; }.payment-table [data-payment-status], .after-sales-table [data-case-status] { transition: color .18s, background .18s; }
.after-sales-table tr.is-updated > td { background: var(--success-soft); transition: background .22s; }
.case-finance-cell { transition: background .18s, box-shadow .18s; }
.case-finance-cell.has-outstanding-payment { background: linear-gradient(90deg, #fff7e8 0%, #fffbf4 100%) !important; box-shadow: inset 3px 0 #c98b31; }
.case-finance-cell.has-outstanding-payment > .money { color: #704b16; }
.case-finance-cell.has-outstanding-payment > small { color: #8b642b; }
.case-col-action { width: 5%; }.case-col-record { width: 14%; }.case-col-customer { width: 13%; }.case-col-reason { width: 16%; }.case-col-amount { width: 9%; }.case-col-state { width: 11%; }.case-col-payment { width: 11%; }.case-col-logistics { width: 10%; }.case-col-approval { width: 11%; }
.payment-col-action { width: 5%; }.payment-col-record { width: 12%; }.payment-col-order { width: 14%; }.payment-col-customer { width: 15%; }.payment-col-detail { width: 18%; }.payment-col-status { width: 14%; }.payment-col-date { width: 12%; }.payment-col-owner { width: 10%; }
.payment-detail-cell { display: table-cell; }.payment-detail-cell > strong, .payment-detail-cell > small, .payment-transaction { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.payment-detail-cell > small { margin-top: 4px; }.payment-transaction { margin-top: 5px; color: var(--muted); font-family: Consolas,monospace; font-size: 6.5px; }
.after-sales-center-heading { margin-bottom: 14px; }.after-sales-center-metrics { grid-template-columns: repeat(4,minmax(0,1fr)); }.after-sales-center-flow { overflow: visible; }
.after-sales-center-report-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }.after-sales-center-report { min-width: 0; overflow: hidden; }.after-sales-center-report > header { display: flex; min-height: 67px; padding: 13px 15px; align-items: center; justify-content: space-between; gap: 12px; border-bottom: 1px solid var(--line); }.after-sales-center-report header > span:first-child { display: flex; min-width: 0; flex-direction: column; }.after-sales-center-report header small { color: var(--muted); font-size: 6px; font-weight: 850; letter-spacing: .06em; }.after-sales-center-report header strong { margin-top: 4px; font-size: 10px; }.center-report-total { display: grid; min-width: 34px; height: 30px; padding: 0 8px; place-items: center; color: var(--brand-dark); background: var(--brand-soft); border-radius: 8px; font-size: 10px; font-weight: 900; }.after-sales-center-report > a { display: grid; min-height: 52px; padding: 10px 15px; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 4px 10px; border-bottom: 1px solid var(--line); transition: background .16s ease; }.after-sales-center-report > a:hover { background: var(--surface-soft); }.after-sales-center-report > a > span { display: flex; min-width: 0; align-items: center; gap: 8px; color: var(--ink-soft); font-size: 8px; font-weight: 750; }.after-sales-center-report > a > span i { width: 7px; height: 7px; flex: 0 0 auto; background: var(--tone); border-radius: 50%; }.after-sales-center-report > a > strong { color: var(--ink); font-size: 9px; }.after-sales-center-report > a > em { grid-column: 2; color: var(--muted); font-size: 6px; font-style: normal; text-align: right; }.after-sales-center-report > footer { display: flex; min-height: 43px; padding: 10px 15px; align-items: center; justify-content: space-between; gap: 10px; color: var(--muted); background: var(--surface-soft); font-size: 7px; }.after-sales-center-report footer strong { color: var(--ink-soft); font-size: 8px; }
.after-sales-payment-dialog { width: min(720px,100%); }.after-sales-payment-summary { display: grid; margin-bottom: 15px; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 7px; }.after-sales-payment-summary > span { display: flex; min-width: 0; min-height: 58px; padding: 9px 10px; justify-content: center; flex-direction: column; background: var(--surface-soft); border: 1px solid var(--line); border-radius: 10px; }.after-sales-payment-summary small { color: var(--muted); font-size: 6px; font-weight: 750; }.after-sales-payment-summary strong { margin-top: 4px; overflow: hidden; color: var(--ink-soft); font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.after-sales-payment-fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }.after-sales-payment-fields label { display: flex; min-width: 0; flex-direction: column; gap: 5px; }.after-sales-payment-fields label.wide { grid-column: 1 / -1; }.after-sales-payment-fields label > span { display: flex; align-items: center; justify-content: space-between; color: var(--ink-soft); font-size: 7px; font-weight: 800; }.after-sales-payment-fields label > span em { color: var(--muted); font-size: 6px; font-style: normal; font-weight: 650; }.after-sales-payment-fields input, .after-sales-payment-fields select, .after-sales-payment-fields textarea { width: 100%; min-height: 38px; padding: 0 10px; color: var(--ink-soft); background: var(--surface-soft); border: 1px solid var(--line); border-radius: 9px; outline: 0; font: inherit; font-size: 8px; }.after-sales-payment-fields textarea { min-height: 68px; padding-top: 9px; resize: vertical; }.after-sales-payment-fields input:focus, .after-sales-payment-fields select:focus, .after-sales-payment-fields textarea:focus { background: white; border-color: #aab9e9; box-shadow: 0 0 0 3px rgba(54,89,201,.07); }
.payment-amount-field > span b { font: inherit; }.payment-amount-input { position: relative; }.payment-amount-input > i { position: absolute; top: 50%; left: 11px; z-index: 1; color: var(--brand-dark); font-size: 10px; font-style: normal; font-weight: 850; transform: translateY(-50%); }.after-sales-payment-fields .payment-amount-input input { padding-left: 27px; font-size: 10px; font-weight: 800; }.payment-amount-field > small { min-height: 13px; color: var(--muted); font-size: 6px; line-height: 1.35; }.payment-amount-field > small.is-partial { color: var(--amber); }.payment-amount-field > small.is-complete { color: var(--success); }
.after-sales-payment-summary strong, .after-sales-payment-summary a { margin-top: 4px; overflow: hidden; color: var(--brand-dark); font-size: 8px; font-weight: 850; text-overflow: ellipsis; white-space: nowrap; }.after-sales-payment-fields input[readonly] { color: #667085; background: #eef1f6; border-style: dashed; cursor: not-allowed; }.payment-auto-refund-choice { display: block; min-width: 0; margin: 0; padding: 10px; background: #f8fafc; border: 1px solid var(--line); border-radius: 10px; }.payment-auto-refund-choice[hidden] { display: none; }.payment-auto-refund-choice legend { padding: 0 5px; color: var(--ink-soft); font-size: 7px; font-weight: 850; }.payment-auto-refund-choice > div { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }.after-sales-payment-fields .payment-auto-refund-choice label { display: flex; min-height: 54px; padding: 8px; align-items: center; flex-direction: row; gap: 8px; background: white; border: 1px solid var(--line); border-radius: 8px; cursor: pointer; }.after-sales-payment-fields .payment-auto-refund-choice label:has(input:checked) { background: var(--brand-soft); border-color: #aab9e9; }.payment-auto-refund-choice input { width: 15px; min-height: 15px; height: 15px; padding: 0; flex: 0 0 auto; accent-color: var(--brand); }.payment-auto-refund-choice label > span { display: flex; min-width: 0; flex-direction: column; }.payment-auto-refund-choice label strong { font-size: 7.5px; }.payment-auto-refund-choice label small { margin-top: 3px; color: var(--muted); font-size: 6px; line-height: 1.35; }.refund-iban-dialog { width: min(610px,100%); }.refund-iban-summary { display: grid; margin-bottom: 14px; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; }.refund-iban-summary > span { display: flex; min-height: 52px; padding: 8px 10px; justify-content: center; flex-direction: column; background: var(--surface-soft); border: 1px solid var(--line); border-radius: 9px; }.refund-iban-summary small { color: var(--muted); font-size: 6px; }.refund-iban-summary strong, .refund-iban-summary a { margin-top: 4px; overflow: hidden; color: var(--brand-dark); font-size: 8px; font-weight: 850; text-overflow: ellipsis; white-space: nowrap; }.refund-iban-fields { display: grid; grid-template-columns: 1.2fr 1fr; gap: 10px; }.refund-iban-fields label { display: flex; flex-direction: column; gap: 5px; color: var(--ink-soft); font-size: 7px; font-weight: 800; }.refund-iban-fields input { width: 100%; min-height: 40px; padding: 0 10px; color: var(--ink-soft); background: var(--surface-soft); border: 1px solid var(--line); border-radius: 9px; outline: 0; font: inherit; font-size: 8px; text-transform: uppercase; }.refund-iban-fields input[name="RefundAccountHolder"] { text-transform: none; }.refund-iban-fields input:focus { background: white; border-color: #aab9e9; box-shadow: 0 0 0 3px rgba(54,89,201,.07); }.refund-iban-note { display: flex; margin: 12px 0 0; padding: 9px 10px; align-items: center; gap: 7px; color: var(--muted); background: var(--brand-soft); border-radius: 8px; font-size: 6.5px; line-height: 1.4; }.refund-iban-note .icon { width: 14px; height: 14px; flex: 0 0 auto; color: var(--brand); }.request-process-button { min-width: 74px; min-height: 29px; padding: 0 9px; font-size: 6.5px; }
.payment-completion-confirmation { display: flex; min-height: 58px; margin-top: 13px; padding: 10px 11px; align-items: center; gap: 9px; background: var(--brand-soft); border: 1px solid #dce4fb; border-radius: 10px; cursor: pointer; }.payment-completion-confirmation input { flex: 0 0 auto; }.payment-completion-confirmation > span { display: flex; min-width: 0; flex-direction: column; }.payment-completion-confirmation strong { color: var(--brand-dark); font-size: 8px; }.payment-completion-confirmation small { margin-top: 3px; color: var(--muted); font-size: 6.5px; line-height: 1.4; }
.after-sales-payment-footer { display: flex; margin-top: 15px; padding-top: 13px; align-items: center; justify-content: space-between; gap: 12px; border-top: 1px solid var(--line); }.after-sales-payment-footer > span { display: flex; align-items: center; gap: 5px; color: var(--muted); font-size: 6.5px; }.after-sales-payment-footer > span .icon { width: 13px; height: 13px; color: var(--brand); }.after-sales-payment-footer > span strong { color: var(--ink-soft); }.after-sales-payment-footer > div { display: flex; gap: 7px; }

/* Application modal */
.app-modal { position: fixed; inset: 0; z-index: 100; display: none; padding: 26px; align-items: center; justify-content: center; background: rgba(15,23,42,.52); backdrop-filter: blur(3px); }
.app-modal.is-open { display: flex; }.app-modal-dialog { display: grid; width: min(760px, 100%); max-height: min(760px, calc(100vh - 52px)); grid-template-rows: auto minmax(0,1fr); overflow: hidden; background: white; border: 1px solid rgba(255,255,255,.35); border-radius: 17px; box-shadow: 0 30px 90px rgba(15,23,42,.3); animation: modal-in .18s ease; }
.app-modal-header { display: flex; min-height: 72px; padding: 15px 18px; align-items: center; justify-content: space-between; gap: 18px; border-bottom: 1px solid var(--line); }.app-modal-header h2 { margin: 4px 0 0; font-size: 16px; }.app-modal-header p { margin: 4px 0 0; color: var(--muted); font-size: 8px; }
.app-modal-body { padding: 18px; overflow-y: auto; }
.app-modal-backdrop { position: absolute; inset: 0; cursor: default; }
.app-modal-card { position: relative; z-index: 1; display: grid; width: min(620px,100%); max-height: min(720px,calc(100vh - 52px)); grid-template-rows: auto minmax(0,1fr) auto; overflow: hidden; color: var(--ink); background: white; border: 1px solid rgba(255,255,255,.7); border-radius: 16px; box-shadow: 0 28px 80px rgba(15,23,42,.3); animation: modal-in .18s ease; }
.app-modal-card > header { display: flex; min-height: 76px; padding: 16px 18px; align-items: flex-start; justify-content: space-between; gap: 18px; background: white; border-bottom: 1px solid var(--line); }
.app-modal-card > header > div { min-width: 0; }
.app-modal-card > header h2 { margin: 4px 0 0; color: var(--ink); font-size: 15px; line-height: 1.25; }
.app-modal-card > header p { margin: 5px 0 0; color: var(--muted); font-size: 7px; line-height: 1.5; }
.app-modal-card > header .modal-close { margin-left: auto; }
.app-modal-card > footer, .app-modal-card > form > footer { display: flex; min-height: 62px; padding: 12px 16px; align-items: center; justify-content: flex-end; gap: 8px; background: #fbfcfe; border-top: 1px solid var(--line); }
.app-modal-card > form { display: grid; min-height: 0; grid-template-rows: minmax(0,1fr) auto; overflow: hidden; }
.app-modal-card > form > :not(footer) { overflow-y: auto; }

@keyframes filter-canvas-in { from { opacity: 0; transform: translateY(-8px) scale(.99); } }
@keyframes modal-in { from { opacity: 0; transform: translateY(8px) scale(.985); } }
@keyframes log-in { from { opacity: 0; transform: translateY(-5px); } }

@keyframes fade-in { from { opacity: 0; } }
@keyframes palette-in { from { opacity: 0; transform: translateY(-10px) scale(.98); } }

@media (max-width: 1400px) {
  .order-line-table-compact th:nth-child(5), .order-line-table-compact td:nth-child(5) { display: none; }
}

.payment-auto-refund-choice { grid-column: 1 / -1; }

@media (max-width: 1180px) {
  :root { --sidebar-width: 236px; }
  .page-content, .topbar { padding-right: var(--content-gutter); padding-left: var(--content-gutter); }
  .profile-copy { display: none; }
  .search-trigger { width: 245px; }
  .connector-grid { grid-template-columns: repeat(2, 1fr); }
  .document-summary, .insight-grid { grid-template-columns: repeat(2, 1fr); }
  .b2b-overview { grid-template-columns: 1.4fr 1fr; }
  .b2b-overview > :last-child { grid-column: 2; }
  .filter-grid { grid-template-columns: repeat(4, minmax(130px, 1fr)); }
  .filter-grid.filter-grid-four { grid-template-columns: repeat(3, minmax(140px, 1fr)); }
  .order-detail-layout { grid-template-columns: minmax(0, 1fr) 280px; }
  .order-info-grid { grid-template-columns: 1fr; }
  .order-detail-workspace { grid-template-columns: minmax(0,1fr) 290px; }
  .editable-detail-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .order-detail-workspace.order-detail-workspace-readonly { grid-template-columns: 250px minmax(0,1fr); }
  .order-progress-panel { grid-template-columns: 190px minmax(0,1fr); }
}

@media (max-width: 940px) {
  .app-shell { display: block; }
  .sidebar { width: 264px; transform: translateX(-102%); transition: transform .22s ease; box-shadow: 18px 0 50px rgba(16,24,40,.28); }
  .sidebar.is-open { transform: translateX(0); }
  .sidebar-scrim { position: fixed; inset: 0; z-index: 25; display: block; background: rgba(16,24,40,.42); opacity: 0; pointer-events: none; transition: opacity .2s; }
  .sidebar-scrim.is-open { opacity: 1; pointer-events: auto; }
  .app-main { width: 100%; }
  .mobile-menu { display: grid; }
  .breadcrumb span, .breadcrumb i { display: none; }
  .metric-grid { grid-template-columns: repeat(2, 1fr); }
  .dashboard-grid { grid-template-columns: 1fr; }
  .orders-panel { grid-column: auto; }
  .warehouse-grid { grid-template-columns: 1fr; }
  .integration-hero { grid-template-columns: 1fr auto; }
  .integration-hero .hero-stat { display: none; }
  .shipping-flow { grid-template-columns: repeat(2, 1fr); }
  .shipping-flow article:nth-child(2) .flow-line { display: none; }
  .report-layout { grid-template-columns: 1fr; }
  .report-side { min-height: 300px; }
  .order-metric-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .filter-grid { grid-template-columns: repeat(3, minmax(130px, 1fr)); }
  .filter-grid.filter-grid-four { grid-template-columns: repeat(2, minmax(140px, 1fr)); }
  .order-detail-layout { grid-template-columns: 1fr; }
  .order-detail-side { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; }
  .order-stage-panel { grid-template-columns: 190px minmax(600px, 1fr); }
  .order-detail-workspace { grid-template-columns: 1fr; }.order-detail-rail { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); align-items: start; }.order-action-card, .compact-customer-card { align-self: stretch; }
  .order-detail-workspace.order-detail-workspace-readonly { grid-template-columns: 1fr; }.order-control-card { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }.order-control-card-head, .control-current-status, .control-source-card, .control-contact-card { grid-column: 1 / -1; }.control-data-list { align-content: start; }.carrier-brand-card { margin-top: 10px; }
  .advanced-order-filters { top: 76px; right: 16px; bottom: 16px; left: 16px; }
  .advanced-filter-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px 0; overflow: auto; }
  .advanced-filter-grid .filter-section:nth-child(3) { border-right: 0; }.advanced-filter-grid .filter-section:nth-child(4) { padding-left: 0; }
}

@media (max-width: 680px) {
  .topbar { height: 62px; padding: 0 15px; }
  .page-content { padding: 22px 15px 38px; }
  .search-trigger { width: 38px; justify-content: center; padding: 0; }
  .search-trigger span, .search-trigger kbd, .profile-button > .icon { display: none; }
  .profile-button { padding: 0; }
  .page-heading { min-height: 0; padding: 12px; align-items: flex-start; flex-direction: column; margin-bottom: 14px; }
  .heading-actions { width: 100%; }
  .heading-actions .button { flex: 1; }
  .metric-grid, .document-summary, .insight-grid, .connector-grid { grid-template-columns: 1fr; }
  .metric-card { min-height: 144px; }
  .summary-strip { grid-template-columns: repeat(2, 1fr); }
  .summary-strip > div:nth-child(2) { border-right: 0; }
  .summary-strip > div:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .list-toolbar { align-items: stretch; flex-direction: column; }
  .toolbar-actions { width: 100%; }
  .inline-search { flex: 1; width: auto; }
  .feature-banner { align-items: flex-start; flex-direction: column; }
  .b2b-overview { grid-template-columns: 1fr; }
  .b2b-overview > :last-child { grid-column: auto; }
  .integration-hero { grid-template-columns: 1fr; }
  .integration-hero .button { width: 100%; }
  .section-title { align-items: flex-start; flex-direction: column; gap: 12px; }
  .category-filter { max-width: 100%; overflow-x: auto; }
  .shipping-flow { grid-template-columns: 1fr; }
  .shipping-flow .flow-line { top: auto; right: 24px; bottom: 0; left: 24px; width: auto; height: 1px; display: block !important; }
  .shipping-flow article:last-child .flow-line { display: none !important; }
  .channel-report { align-items: center; flex-direction: column; gap: 25px; }
  .channel-legend { width: 100%; }
  .sales-panel, .focus-panel, .orders-panel, .integration-panel, .activity-panel, .page-panel, .report-main, .report-side { padding-right: 15px; padding-left: 15px; }
  .bar-chart { gap: 5px; }
  .bar-column small { display: none; }
  .command-palette footer { display: none; }
  .toast { right: 16px; bottom: 16px; }
  .order-metric-grid { grid-template-columns: 1fr 1fr; gap: 8px; }
  .order-command-bar { align-items: stretch; flex-direction: column; }.order-jump-form { width: 100%; }.order-presets { width: 100%; }.preset-chip { flex: 1; justify-content: center; }
  .order-metric { min-height: 84px; padding: 12px; }.order-metric-icon { width: 34px; height: 34px; }.order-metric em { display: none; }
  .order-workspace { padding-right: 15px; padding-left: 15px; }.order-workspace-head { align-items: flex-start; flex-direction: column; }.source-legend { flex-wrap: wrap; }
  .order-tabs { margin-right: -15px; margin-left: -15px; padding-right: 15px; padding-left: 15px; }
  .order-filter-form { margin-right: -15px; margin-left: -15px; padding-right: 15px; padding-left: 15px; }.order-search-row { grid-template-columns: 1fr 1fr; }.order-search { grid-column: 1 / -1; }.order-search-submit { min-width: 90px; }.order-filter-toggle, .table-export-menu > .filter-button, .bulk-action-menu > .filter-button, .order-search-submit { width: 100%; justify-content: center; }
  .filter-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }.filter-footer { align-items: stretch; flex-direction: column; }.filter-footer > div { display: grid; grid-template-columns: 1fr 1fr; }
  .filter-grid.filter-grid-four { grid-template-columns: repeat(2, minmax(0, 1fr)); }.filter-section > .filter-grid { padding-left: 0; }.warehouse-filter { grid-column: 1 / -1; }
  .order-table-wrap, .order-list-footer { margin-right: -15px; margin-left: -15px; }.order-table th:first-child, .order-table td:first-child { padding-left: 15px; }.order-table th:last-child, .order-table td:last-child { padding-right: 15px; }.order-list-footer { align-items: flex-start; flex-direction: column; }
  .order-detail-title-row { align-items: flex-start; flex-direction: column; }.order-detail-title-row .heading-actions { display: grid; grid-template-columns: 1fr 1fr; }.order-detail-title-row .heading-actions .button-primary { grid-column: 1 / -1; }.order-title-meta { flex-wrap: wrap; }
  .order-stage-panel { display: block; padding: 15px; }.order-current-state { margin-bottom: 15px; padding: 0 0 13px; border-right: 0; border-bottom: 1px solid var(--line); }.order-stages { overflow-x: auto; }
  .order-detail-side { display: flex; }.address-grid { grid-template-columns: 1fr; }.order-detail-panel { padding-right: 15px; padding-left: 15px; }.order-history-item { grid-template-columns: 10px minmax(0, 1fr); }.order-history-item > span:last-child { grid-column: 2; align-items: flex-start; margin-top: -11px; }
  .order-detail-toolbar-row { align-items: stretch; flex-direction: column; }.dispatch-actions, .order-detail-actions { display: grid; grid-template-columns: 1fr 1fr; width: 100%; margin-left: 0; }.order-detail-actions .button-danger { grid-column: 1 / -1; }.order-title-line { align-items: flex-start; flex-direction: column; gap: 2px; }.order-overview-strip { grid-template-columns: repeat(2,minmax(0,1fr)); }.order-overview-strip article { min-height: 75px; border-bottom: 1px solid var(--line); }.order-overview-strip article:nth-child(2n) { border-right: 0; }.order-overview-strip article:last-child { grid-column: 1 / -1; border-bottom: 0; }.order-progress-panel { display: block; overflow-x: auto; }.automatic-flow-note { margin-bottom: 14px; padding: 0 0 12px; border-right: 0; border-bottom: 1px solid var(--line); }.order-progress-steps { min-width: 610px; }.order-detail-rail { display: flex; }.order-control-card { display: block; }.address-billing-grid { grid-template-columns: 1fr; }.address-card-fields { grid-template-columns: 1fr; }.address-card-fields label.wide { grid-column: auto; }.linked-address-footer { align-items: stretch; flex-direction: column; }.linked-address-footer .button { width: 100%; }.shared-note-composer { grid-template-columns: 1fr; }.shared-note-composer .button { width: 100%; }.editable-detail-grid { grid-template-columns: 1fr; }.editable-detail-grid label.wide { grid-column: auto; }.edit-panel-footer { align-items: stretch; flex-direction: column; }.edit-panel-footer .button { width: 100%; }.compact-info-grid, .detail-disclosure-grid { grid-template-columns: 1fr; }.detail-disclosure-grid { gap: 15px; }.order-lines-total dl { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .advanced-order-filters { top: 69px; right: 8px; bottom: 8px; left: 8px; border-radius: 13px; }.advanced-filter-head { min-height: 60px; padding: 11px 12px; }.advanced-filter-grid { grid-template-columns: 1fr; padding: 10px 12px; overflow: auto; }.advanced-filter-grid .filter-section { padding: 0 0 10px !important; border-right: 0; border-bottom: 1px solid var(--line); }.advanced-order-filters .filter-footer { padding: 9px 12px; }.order-list-count { width: 100%; justify-content: space-between; }
  .app-modal { padding: 8px; }.app-modal-dialog, .app-modal-card { max-height: calc(100vh - 16px); border-radius: 13px; }.app-modal-header, .app-modal-card > header { min-height: 64px; padding: 12px; }.app-modal-body { padding: 12px; }.app-modal-card > footer, .app-modal-card > form > footer { min-height: 56px; padding: 10px 12px; }
}

@media (max-width: 430px) {
  .order-metric-grid { grid-template-columns: 1fr; }
  .filter-grid { grid-template-columns: 1fr; }
  .filter-grid.filter-grid-four { grid-template-columns: 1fr; }
  .order-jump-form { grid-template-columns: 31px minmax(0, 1fr); }.order-jump-form .button { grid-column: 1 / -1; margin-top: 5px; }.order-presets { flex-direction: column; }
  .dispatch-actions, .order-detail-actions { grid-template-columns: 1fr; }.order-detail-actions .button-danger { grid-column: auto; }.order-overview-strip { grid-template-columns: 1fr; }.order-overview-strip article, .order-overview-strip article:nth-child(2n), .order-overview-strip article:last-child { grid-column: auto; border-right: 0; border-bottom: 1px solid var(--line); }.order-overview-strip article:last-child { border-bottom: 0; }.invoice-identity-strip, .order-lines-total dl { grid-template-columns: 1fr; }.order-lines-total > header { align-items: flex-start; flex-direction: column; gap: 6px; }.order-lines-total footer { justify-content: space-between; }
}

@media (max-width: 1180px) {
  .after-sales-nav { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .after-sales-filter, .payment-filter { grid-template-columns: minmax(220px,1.5fr) repeat(2,minmax(130px,1fr)); }
  .request-filter { grid-template-columns: minmax(240px,1.5fr) repeat(2,minmax(130px,1fr)); }
  .request-flow { overflow-x: auto; grid-template-columns: 150px 34px 180px 34px 160px 34px 180px; }
  .after-sales-center-flow { overflow: visible; grid-template-columns: minmax(115px,1fr) 24px minmax(130px,1fr) 24px minmax(115px,1fr) 24px minmax(130px,1fr); }
  .approved-record-scope { align-items: stretch; flex-direction: column; }.approved-record-scope dl { min-width: 0; width: 100%; }
}

@media (max-width: 680px) {
  .after-sales-nav { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .after-sales-nav a { min-height: 54px; padding: 7px; }.after-sales-nav small { display: none; }
  .case-flow-panel { overflow-x: auto; }.case-flow-panel > header { align-items: flex-start; flex-direction: column; }.case-flow-panel header em { max-width: 320px; line-height: 1.4; }.case-flow-panel ol { min-width: 720px; }
  .after-sales-workspace-head { align-items: flex-start; flex-direction: column; }.after-sales-workspace-head .button { width: 100%; }
  .after-sales-filter, .payment-filter { grid-template-columns: repeat(2,minmax(0,1fr)); padding: 12px; }.after-sales-search { grid-column: 1 / -1; }.after-sales-filter-actions { grid-column: 1 / -1; }.after-sales-filter-actions .button { flex: 1; }
  .after-sales-result-bar { align-items: flex-start; flex-direction: column; }.after-sales-result-actions { width: 100%; justify-content: space-between; }.after-sales-result-actions .table-export-trigger { width: auto; }
  .payment-control-strip { align-items: flex-start; flex-direction: column; }.payment-control-strip > .status { align-self: stretch; justify-content: center; }
  .after-sales-payment-summary { grid-template-columns: repeat(2,minmax(0,1fr)); }.after-sales-payment-fields { grid-template-columns: 1fr; }.after-sales-payment-fields label.wide { grid-column: auto; }.after-sales-payment-footer { align-items: stretch; flex-direction: column; }.after-sales-payment-footer > div { display: grid; grid-template-columns: 1fr 1fr; }.after-sales-payment-footer .button { width: 100%; }
  .request-page-heading .heading-actions { align-self: stretch; }.request-filter { grid-template-columns: repeat(2,minmax(0,1fr)); }.request-flow { justify-content: start; }.request-decision-summary { grid-template-columns: repeat(2,minmax(0,1fr)); }.request-decision-fields { grid-template-columns: 1fr; }.request-decision-fields label.wide { grid-column: auto; }.request-customer-statement footer { align-items: flex-start; flex-direction: column; }
  .request-table-wrap { overflow: visible; }.request-table, .request-table tbody, .request-table tr, .request-table td { display: block; width: 100%; }.request-table { table-layout: auto; }.request-table colgroup, .request-table thead { display: none; }.request-table tbody { padding: 10px; background: var(--surface-soft); }.request-table tr { display: grid; margin-bottom: 10px; padding: 10px; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px 12px; background: white; border: 1px solid var(--line); border-radius: 11px; box-shadow: 0 3px 12px rgba(16,24,40,.04); }.request-table tr:last-child { margin-bottom: 0; }.request-table td, .request-table td:first-child { width: 100%; height: auto; min-height: 48px; padding: 0; overflow: visible; border: 0; white-space: normal; text-align: left; }.request-table td::before { display: block; margin-bottom: 5px; color: var(--muted); content: attr(data-label); font-size: 6px; font-weight: 850; letter-spacing: .04em; text-transform: uppercase; }.request-table td:first-child, .request-table .request-reason { grid-column: 1 / -1; }.request-table .request-reason small, .request-table td > strong, .request-table td > small { max-width: none; overflow: visible; white-space: normal; }.request-table .request-order-links { flex-wrap: wrap; overflow: visible; }.request-row-actions { justify-content: flex-start; }.request-table .source-cell { min-width: 0; }.request-table .request-plain-state { max-width: none; }
  .after-sales-center-flow { display: grid; padding: 12px; grid-template-columns: 1fr 1fr; gap: 8px; }.after-sales-center-flow > b { display: none; }.after-sales-center-flow > span { min-height: 54px; padding: 9px; background: var(--surface-soft); border: 1px solid var(--line); border-radius: 9px; }
  .after-sales-center-report-grid { grid-template-columns: 1fr; }
  .after-sales-table:not(.request-table), .after-sales-table:not(.request-table) tbody, .after-sales-table:not(.request-table) tr, .after-sales-table:not(.request-table) td { display: block; width: 100%; }.after-sales-table:not(.request-table) { table-layout: auto; }.after-sales-table:not(.request-table) colgroup, .after-sales-table:not(.request-table) thead { display: none; }.after-sales-table:not(.request-table) tbody { padding: 10px; background: var(--surface-soft); }.after-sales-table:not(.request-table) tr { display: grid; margin-bottom: 10px; padding: 10px; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px 12px; background: white; border: 1px solid var(--line); border-radius: 11px; box-shadow: 0 3px 12px rgba(16,24,40,.04); }.after-sales-table:not(.request-table) tr:last-child { margin-bottom: 0; }.after-sales-table:not(.request-table) td, .after-sales-table:not(.request-table) td:first-child { width: 100%; height: auto; min-height: 46px; padding: 0; overflow: visible; border: 0; white-space: normal; text-align: left; }.after-sales-table:not(.request-table) td::before { display: block; margin-bottom: 5px; color: var(--muted); content: attr(data-label); font-size: 6px; font-weight: 850; letter-spacing: .04em; text-transform: uppercase; }.after-sales-table:not(.request-table) td > strong, .after-sales-table:not(.request-table) td > small { max-width: none; overflow: visible; white-space: normal; }.after-sales-table:not(.request-table) .source-cell { min-width: 0; }
}

@media (max-width: 430px) {
  .after-sales-nav, .after-sales-filter, .payment-filter { grid-template-columns: 1fr; }
  .after-sales-search, .after-sales-filter-actions { grid-column: auto; }
  .after-sales-nav a { min-height: 48px; }
  .payment-control-strip > div { align-items: flex-start; }.payment-control-strip .detail-icon { display: none; }
  .approved-record-scope > div { align-items: flex-start; }.approved-record-scope .detail-icon { display: none; }.approved-record-scope dl { grid-template-columns: 1fr; }
  .after-sales-payment-summary { grid-template-columns: 1fr; }.after-sales-payment-summary > span { min-height: 48px; }.after-sales-payment-footer > div { grid-template-columns: 1fr; }
  .request-filter, .request-decision-summary { grid-template-columns: 1fr; }.request-decision-summary > span { min-height: 46px; }
  .request-table tr { grid-template-columns: 1fr; }.request-table td, .request-table td:first-child, .request-table .request-reason { grid-column: auto; }
  .after-sales-center-flow, .after-sales-table:not(.request-table) tr { grid-template-columns: 1fr; }
}

@media (max-width: 680px) {
  .refund-iban-summary { grid-template-columns: 1fr; }.refund-iban-fields { grid-template-columns: 1fr; }
}

@media (max-width: 430px) {
  .payment-auto-refund-choice > div { grid-template-columns: 1fr; }
}

/* Unified data tables: complete information without horizontal scrolling or truncation */
.table-wrap,
.order-table-wrap,
.after-sales-table-wrap,
.request-table-wrap { width: 100%; overflow: visible !important; }

.data-table,
.order-table,
.order-line-table,
.order-line-table-compact,
.after-sales-table,
.request-table,
.payment-table { width: 100%; min-width: 0 !important; table-layout: fixed; }

.data-table th,
.data-table td { height: auto; min-width: 0; padding: 11px 9px; overflow: visible; text-overflow: clip; white-space: normal; overflow-wrap: anywhere; word-break: normal; line-height: 1.4; vertical-align: top; }
.data-table th { font-size: 7px; line-height: 1.35; }
.data-table td { min-height: 58px; }
.data-table td > strong,
.data-table td > small,
.data-table td > a,
.data-table .product-cell strong,
.data-table .product-cell small,
.data-table .company-cell strong,
.data-table .company-cell small,
.data-table .order-source strong,
.data-table .order-source small,
.data-table .source-cell strong,
.data-table .source-cell small,
.data-table .request-reason small,
.data-table .request-order-links,
.data-table .request-order-links a,
.data-table .request-return-code,
.data-table .payment-detail-cell > strong,
.data-table .payment-detail-cell > small,
.data-table .payment-transaction { max-width: none; overflow: visible; text-overflow: clip; white-space: normal; overflow-wrap: anywhere; }
.data-table .status,
.data-table .risk-label { width: fit-content; max-width: 100%; height: auto; min-height: 24px; padding-top: 5px; padding-bottom: 5px; align-items: flex-start; white-space: normal; line-height: 1.3; }
.data-table .status i { margin-top: 3px; flex: 0 0 auto; }
.data-table .product-cell,
.data-table .company-cell,
.data-table .order-source,
.data-table .source-cell { min-width: 0; align-items: flex-start; }
.data-table .product-cell > span:last-child,
.data-table .company-cell > span:last-child,
.data-table .order-source > span:last-child,
.data-table .source-cell > span:last-child { min-width: 0; overflow: visible; }
.data-table .request-order-links { flex-wrap: wrap; gap: 4px 8px; }
.data-table .request-plain-state { max-width: none; white-space: normal; overflow-wrap: anywhere; }
.data-table .order-number { max-width: 100%; flex-wrap: wrap; white-space: normal; overflow-wrap: anywhere; }
.order-line-table-compact th:nth-child(5),
.order-line-table-compact td:nth-child(5) { display: table-cell; }

.order-table-wrap { width: calc(100% + 40px); margin-right: -20px; margin-left: -20px; }
.order-table th:first-child,
.order-table td:first-child { padding-left: 20px; }
.order-table th:last-child,
.order-table td:last-child { padding-right: 20px; }
.order-table th:nth-child(2),
.order-table td:nth-child(2) { width: auto; text-align: left; }
.order-col-tools { width: 8%; }
.order-col-identity { width: 15%; }
.order-col-party { width: 20%; }
.order-col-finance { width: 12%; }
.order-col-operation { width: 15%; }
.order-col-shipment { width: 12%; }
.order-col-carrier { width: 10%; }
.order-col-date { width: 8%; }
.order-row-tools { display: flex; align-items: center; gap: 8px; }
.order-row-tools > input[type="checkbox"] { width: 14px; height: 14px; margin: 0; flex: 0 0 auto; accent-color: var(--brand); cursor: pointer; }
.order-header-select { display: inline-flex; align-items: center; gap: 7px; color: inherit; cursor: pointer; white-space: normal; }
.order-header-select input { width: 14px; height: 14px; margin: 0; flex: 0 0 auto; accent-color: var(--brand); cursor: pointer; }
.order-party-cell { display: grid; gap: 9px; }
.order-customer-summary { display: flex; min-width: 0; padding-top: 8px; flex-direction: column; border-top: 1px solid var(--line); }
.order-customer-summary small { margin-top: 3px; color: var(--muted); font-size: 8px; }
.order-finance-cell > .risk-label { margin-top: 8px; }
.order-state-stack > small { align-items: flex-start; flex-wrap: wrap; white-space: normal; line-height: 1.45; }
.order-state-stack > small b { margin-top: 3px; flex: 0 0 auto; }
.order-shipment-state { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; }
.order-shipment-state .icon { width: 15px; height: 15px; color: #50617a; flex: 0 0 auto; }
.order-carrier { display: flex; min-width: 0; align-items: center; flex-wrap: wrap; gap: 7px; }
.order-carrier strong { min-width: 0; font-size: 8px; line-height: 1.3; white-space: normal; overflow-wrap: anywhere; }
.order-carrier-mark { display: grid; min-width: 31px; height: 24px; padding: 0 5px; place-items: center; border: 1px solid var(--line); border-radius: 7px; font-size: 6.5px; font-weight: 900; letter-spacing: .02em; }
.carrier-hepsijet { color: #6b2eb8; background: #fff1e8; border-color: #ffd5be; }
.carrier-yurtici, .carrier-surat { color: #b42318; background: #fff1f0; border-color: #ffd0cc; }
.carrier-mng { color: #1f4b99; background: #eef4ff; border-color: #d5e3fb; }
.carrier-aras { color: #b42318; background: #fff4ed; border-color: #ffd7c2; }
.carrier-borusan { color: #175cd3; background: #eff8ff; border-color: #b2ddff; }
.carrier-default { color: #475467; background: #f2f4f7; border-color: #e4e7ec; }

.line-col-product { width: 34%; }
.line-col-stock { width: 23%; }
.line-col-quantity { width: 17%; }
.line-col-discount { width: 13%; }
.line-col-total { width: 13%; }
.order-line-table .product-cell { min-width: 0; }

.case-col-action { width: 6%; }
.case-col-record { width: 16%; }
.case-col-customer { width: 15%; }
.case-col-reason { width: 17%; }
.case-col-finance { width: 17%; }
.case-col-operation { width: 16%; }
.case-col-approval { width: 13%; }
.case-finance-cell > strong,
.case-finance-cell > small,
.case-operation-cell > small { display: block; }
.case-finance-cell > .status,
.case-operation-cell > .status { display: flex; margin-top: 7px; }

.payment-detail-cell > small,
.payment-transaction { margin-top: 5px; }
.request-process-button { width: 100%; min-width: 0; height: auto; min-height: 30px; padding: 6px; white-space: normal; line-height: 1.3; }
.cancellation-request-table .request-row-actions { display: grid; grid-template-columns: 1fr; justify-items: start; }
.cancellation-request-table .request-quick-decisions { width: 100%; }
.return-request-table .request-col-actions { width: 9%; }
.return-request-table .request-col-identity { width: 17%; }
.return-request-table .request-col-source { width: 15%; }
.return-request-table .request-col-reason { width: 25%; }
.return-request-table .request-col-status { width: 12%; }
.return-request-table .request-col-operation { width: 13%; }
.return-request-table .request-col-created { width: 9%; }

/* Product catalogue */
.product-page-heading { margin-bottom: 12px; }
.product-create-menu { flex: 0 0 auto; }
.product-create-menu > .button { min-width: 116px; justify-content: center; }
.product-action-chevron { width: 12px !important; height: 12px !important; margin-left: 1px; transition: transform .16s ease; }
.product-create-menu.is-open .product-action-chevron { transform: rotate(180deg); }
.product-create-popover { width: 220px; }
.product-create-popover button { align-items: center; gap: 9px; }
.product-create-popover button > .icon { width: 15px; height: 15px; color: var(--brand); }
.product-create-popover button > span { display: grid; gap: 2px; }
.product-create-popover button small { color: var(--muted); font-size: 7px; }

.product-status-strip { display: grid; margin-bottom: 12px; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; }
.product-status-strip article { display: flex; min-height: 66px; padding: 11px 13px; align-items: center; gap: 10px; background: white; border: 1px solid var(--line); border-radius: 12px; box-shadow: var(--shadow-sm); }
.product-status-icon { display: grid; width: 36px; height: 36px; flex: 0 0 auto; place-items: center; border-radius: 10px; }
.product-status-icon .icon { width: 16px; height: 16px; }
.product-status-icon.tone-info { color: var(--brand); background: var(--brand-soft); }
.product-status-icon.tone-success { color: var(--success); background: var(--success-soft); }
.product-status-icon.tone-warning { color: var(--amber); background: var(--amber-soft); }
.product-status-icon.tone-danger { color: var(--coral); background: var(--coral-soft); }
.product-status-strip article > span:last-child { display: grid; min-width: 0; grid-template-columns: auto 1fr; align-items: baseline; column-gap: 7px; }
.product-status-strip small { grid-column: 1 / -1; color: var(--muted); font-size: 6.5px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.product-status-strip strong { color: var(--ink); font-size: 18px; letter-spacing: -.035em; }
.product-status-strip em { color: var(--muted); font-size: 7px; font-style: normal; }

.product-workspace { padding: 0; overflow: visible; }
.product-workspace-head { display: flex; min-height: 72px; padding: 14px 16px; align-items: center; justify-content: space-between; gap: 20px; }
.product-workspace-head h2 { display: flex; margin: 3px 0 2px; align-items: center; gap: 7px; font-size: 16px; letter-spacing: -.025em; }
.product-workspace-head h2 b { display: grid; min-width: 23px; height: 19px; padding: 0 5px; place-items: center; color: var(--brand); background: var(--brand-soft); border-radius: 7px; font-size: 7px; }
.product-workspace-head p { margin: 0; color: var(--muted); font-size: 7.5px; }
.product-legend { display: flex; align-items: center; flex-wrap: wrap; justify-content: flex-end; gap: 12px; color: var(--muted); font-size: 6.5px; }
.product-legend span { display: inline-flex; align-items: center; gap: 5px; }
.product-legend i { width: 6px; height: 6px; background: var(--muted); border-radius: 50%; }
.product-legend i.tone-success { background: var(--success); }
.product-legend i.tone-warning { background: var(--amber); }
.product-legend i.tone-danger { background: var(--coral); }
.product-tabs { min-height: 42px; padding: 0 16px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.product-tabs a { display: inline-flex; height: 42px; padding: 0 10px; align-items: center; gap: 5px; color: var(--muted); border-bottom: 2px solid transparent; font-size: 7.5px; font-weight: 750; text-decoration: none; }
.product-tabs a:hover { color: var(--ink-soft); }
.product-tabs a.is-active { color: var(--brand-dark); background: transparent; border-bottom-color: var(--brand); border-radius: 0; }
.product-tabs a b { display: grid; min-width: 18px; height: 17px; padding: 0 4px; place-items: center; color: var(--brand); background: var(--brand-soft); border-radius: 6px; font-size: 6px; }
.product-tabs a b.danger { color: var(--coral); background: var(--coral-soft); }

.product-filter-form { border-bottom: 1px solid var(--line); }
.product-search-row { display: grid; min-height: 57px; padding: 10px 16px; grid-template-columns: minmax(280px,1fr) auto auto auto auto; align-items: center; gap: 7px; background: #fbfcfe; }
.product-search { position: relative; display: block; min-width: 0; }
.product-search .icon { position: absolute; top: 50%; left: 11px; width: 14px; height: 14px; color: var(--muted); transform: translateY(-50%); }
.product-search input { width: 100%; height: 35px; padding: 0 12px 0 34px; color: var(--ink); background: white; border: 1px solid var(--line); border-radius: 9px; outline: 0; font: inherit; font-size: 8px; }
.product-search input:focus { border-color: #aab9e9; box-shadow: 0 0 0 3px rgba(54,89,201,.07); }
.product-filter-toggle > span { display: grid; min-width: 21px; height: 16px; padding: 0 4px; place-items: center; color: var(--brand); background: var(--brand-soft); border-radius: 5px; font-size: 5.5px; font-weight: 850; }
.product-search-submit { min-width: 54px; }
.product-bulk-menu .action-menu-popover { width: 225px; }

.product-filter-panel { display: none; background: #f8fafc; border-top: 1px solid var(--line); }
.product-filter-panel.is-open { display: block; }
.product-filter-panel > header { display: flex; min-height: 54px; padding: 10px 16px; align-items: center; justify-content: space-between; gap: 15px; border-bottom: 1px solid var(--line); }
.product-filter-panel > header h3 { margin: 2px 0; font-size: 13px; }
.product-filter-panel > header p { margin: 0; color: var(--muted); font-size: 7px; }
.product-filter-grid { display: grid; padding: 12px 16px; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 10px 12px; }
.product-filter-grid > label:not(.product-issue-filter) { display: flex; min-width: 0; flex-direction: column; gap: 4px; color: var(--ink-soft); font-size: 6.5px; font-weight: 750; }
.product-filter-grid input:not([type="checkbox"]),
.product-filter-grid select { width: 100%; height: 32px; padding: 0 8px; color: var(--ink); background: white; border: 1px solid var(--line); border-radius: 7px; outline: 0; font: inherit; font-size: 7.5px; }
.product-filter-grid input:focus,
.product-filter-grid select:focus { border-color: #aab9e9; box-shadow: 0 0 0 3px rgba(54,89,201,.06); }
.product-issue-filter { display: flex; min-height: 32px; padding: 0 9px; align-items: center; gap: 7px; align-self: end; color: var(--ink-soft); background: white; border: 1px solid var(--line); border-radius: 7px; cursor: pointer; font-size: 7px; font-weight: 750; }
.product-issue-filter input { width: 14px; height: 14px; margin: 0; accent-color: var(--brand); }
.product-filter-panel > footer { display: flex; min-height: 50px; padding: 9px 16px; align-items: center; justify-content: space-between; gap: 15px; background: white; border-top: 1px solid var(--line); }
.product-filter-panel > footer > span { color: var(--muted); font-size: 7.5px; }
.product-filter-panel > footer > span strong { color: var(--ink); }
.product-filter-panel > footer > div { display: flex; gap: 7px; }

.product-result-bar { display: flex; min-height: 42px; padding: 7px 16px; align-items: center; justify-content: space-between; gap: 14px; color: var(--muted); background: white; border-top: 1px solid #f2f4f7; font-size: 7px; }
.product-result-bar > span strong { color: var(--ink-soft); }
.product-result-bar label { display: inline-flex; align-items: center; gap: 7px; }
.product-result-bar select { height: 28px; padding: 0 24px 0 8px; color: var(--ink-soft); background: white; border: 1px solid var(--line); border-radius: 7px; font: inherit; font-size: 7px; }

.product-table-wrap { width: 100%; margin: 0; }
.product-table { margin-top: 0; table-layout: fixed; }
.product-table th { padding-top: 9px; padding-bottom: 9px; }
.product-table td { min-height: 78px; padding: 10px 8px; vertical-align: middle; }
.product-col-actions { width: 7%; }
.product-col-product { width: 20%; }
.product-col-classification { width: 11%; }
.product-col-stock { width: 16%; }
.product-col-operation { width: 9%; }
.product-col-channel { width: 10%; }
.product-col-price { width: 10%; }
.product-col-status { width: 8%; }
.product-col-dates { width: 9%; }
.product-header-select { display: inline-flex; align-items: center; gap: 6px; color: inherit; cursor: pointer; white-space: normal; }
.product-header-select input,
.product-row-controls > input { width: 14px; height: 14px; margin: 0; flex: 0 0 auto; accent-color: var(--brand); cursor: pointer; }
.product-row-controls { display: flex; align-items: center; gap: 8px; }
.product-identity { gap: 9px; }
.product-identity .product-thumb { width: 42px; height: 42px; flex: 0 0 auto; }
.product-identity .product-thumb .icon { width: 18px; height: 18px; }
.product-thumb.thumb-blue { color: #3158bd; background: linear-gradient(135deg,#e8efff,#f5f8ff); border-color: #d4dff8; }
.product-thumb.thumb-sand { color: #9a6619; background: linear-gradient(135deg,#fff1d9,#fffaf1); border-color: #f4d9ad; }
.product-thumb.thumb-purple { color: #6941c6; background: linear-gradient(135deg,#f0ebff,#faf8ff); border-color: #dfd5fb; }
.product-thumb.thumb-amber { color: #b54708; background: linear-gradient(135deg,#ffead5,#fff8f1); border-color: #f6d2ad; }
.product-thumb.thumb-mint { color: #167760; background: linear-gradient(135deg,#def7ef,#f3fcf9); border-color: #c5e9df; }
.product-thumb.thumb-rose { color: #c13f69; background: linear-gradient(135deg,#ffe7ef,#fff7fa); border-color: #f2ceda; }
.product-identity strong,
.product-name-link { color: var(--brand-dark); font-size: 8.5px; font-weight: 800; line-height: 1.35; text-decoration: none; }
.product-name-link:hover { color: var(--brand); text-decoration: underline; text-underline-offset: 2px; }
.product-identity small { margin-top: 3px !important; color: var(--muted); font-size: 6.6px !important; line-height: 1.35; }
.product-classification > strong { display: block; color: var(--ink); font-size: 8px; }
.product-classification > small { display: block; margin-top: 4px; color: var(--muted); font-size: 6.5px; }
.product-stock-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 5px; }
.product-stock-grid > span { display: flex; min-height: 27px; padding: 4px 6px; align-items: center; justify-content: space-between; gap: 4px; background: #f8fafc; border: 1px solid #edf0f4; border-radius: 6px; }
.product-stock-grid small { color: var(--muted); font-size: 5.8px; }
.product-stock-grid strong { color: var(--ink-soft); font-size: 8px; }
.product-stock-grid .available { background: var(--success-soft); border-color: #d5eee2; }
.product-stock-grid .available strong { color: var(--success); }
.product-stock-grid .available.warning { background: var(--amber-soft); border-color: #f1dfbd; }
.product-stock-grid .available.warning strong { color: #9a6700; }
.product-stock-grid .available.danger { background: var(--coral-soft); border-color: #f0d0cc; }
.product-stock-grid .available.danger strong { color: var(--coral); }
.product-stock-rule { display: block; margin-top: 5px !important; color: var(--muted); font-size: 6px !important; }
.product-state-line { display: flex; align-items: flex-start; gap: 6px; color: var(--ink-soft); font-size: 7px; line-height: 1.35; }
.product-state-line i { width: 6px; height: 6px; margin-top: 2px; flex: 0 0 auto; background: var(--muted); border-radius: 50%; }
.product-state-line.tone-success i { background: var(--success); }
.product-state-line.tone-warning i { background: var(--amber); }
.product-state-line.tone-danger i { background: var(--coral); }
.product-state-line.tone-info i,
.product-state-line.tone-purple i { background: var(--brand); }
.product-table td > .product-state-line + small,
.product-table td > .product-state-line ~ small { display: block; margin-top: 5px; color: var(--muted); font-size: 6.2px; }
.product-price-health-cell > a { display: inline-flex; margin-top: 6px; color: var(--brand); font-size: 6px; font-weight: 800; text-decoration: none; }
.product-price-health-cell > a:hover { text-decoration: underline; text-underline-offset: 2px; }
.product-operation-cell { display: grid; gap: 6px; }
.product-rpt-button,
.product-negative-button { display: flex; width: 100%; min-height: 28px; padding: 5px 6px; align-items: center; justify-content: space-between; gap: 5px; color: var(--ink-soft); background: white; border: 1px solid var(--line); border-radius: 7px; cursor: pointer; font: inherit; text-align: left; }
.product-rpt-button strong { display: grid; min-width: 26px; height: 18px; place-items: center; color: var(--brand); background: var(--brand-soft); border-radius: 5px; font-size: 6px; letter-spacing: .04em; }
.product-rpt-button span { min-width: 0; color: var(--muted); font-size: 5.8px; line-height: 1.25; }
.product-rpt-button.tone-warning strong,
.product-rpt-button.tone-danger strong { color: #a15c00; background: var(--amber-soft); }
.product-rpt-button:hover,
.product-negative-button:hover { border-color: #c3cee9; box-shadow: 0 3px 10px rgba(16,24,40,.06); }
.product-rpt-indicator { position: relative; color: inherit; text-decoration: none; background: #fff7f6; border-color: #efb7b1; box-shadow: 0 4px 12px rgba(190,55,55,.08); }
.product-rpt-indicator > i { position: absolute; top: -4px; left: -4px; width: 9px; height: 9px; background: #ef476f; border: 2px solid white; border-radius: 50%; box-shadow: 0 0 0 3px rgba(239,71,111,.12); }
.product-rpt-indicator strong { color: white !important; background: #e83f61 !important; }
.product-rpt-indicator span { color: #9d2940; font-weight: 800; }
.product-rpt-indicator .icon { width: 12px; height: 12px; flex: 0 0 auto; color: #c82f4e; }
.product-rpt-indicator.tone-danger { background: #fff1f0; border-color: #e9958d; box-shadow: 0 4px 14px rgba(197,48,48,.12); }
.product-rpt-indicator:hover { background: #fff0ef; border-color: #dc7d75; transform: translateY(-1px); }
.product-negative-button span { color: var(--muted); font-size: 6px; }
.product-negative-button strong { color: var(--ink-soft); font-size: 8px; }
.product-negative-button.has-negative { background: #fff8f6; border-color: #efc8c3; }
.product-negative-button.has-negative span,
.product-negative-button.has-negative strong { color: var(--coral); }
.product-dates { display: grid; gap: 8px; }
.product-dates > span { display: grid; gap: 2px; }
.product-dates small { color: var(--muted); font-size: 5.8px; }
.product-dates strong { color: var(--ink-soft); font-size: 6.5px; line-height: 1.35; }
.product-table tr.has-product-issue td:first-child { box-shadow: inset 3px 0 #dba044; }
.product-action-group-label { display: block; padding: 8px 9px 4px; color: var(--muted); border-top: 1px solid var(--line); font-size: 5.8px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.product-action-group-label:first-child { padding-top: 4px; border-top: 0; }
.product-action-group-label.is-sensitive { color: #b54747; }
.action-menu-popover .product-sensitive-action { color: #b54747; }
.product-expanded-actions { width: 460px; padding: 7px; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 2px 6px; }
.row-action-menu.is-open .product-expanded-actions { display: grid; }
.product-expanded-actions .product-action-group-label { grid-column: 1 / -1; }
.product-bulk-popover { width: 470px; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 2px 6px; }
.product-bulk-menu.is-open .product-bulk-popover { display: grid; }
.product-bulk-popover .product-action-group-label { grid-column: 1 / -1; }
.product-bulk-popover button > span { display: grid; gap: 2px; }
.product-bulk-popover button strong { font-size: 7px; }
.product-bulk-popover button small { color: var(--muted); font-size: 5.8px; font-weight: 650; }
.product-sensitive-confirm-dialog { width: min(590px,calc(100vw - 32px)); }
.product-sensitive-warning { display: flex; margin-bottom: 12px; padding: 11px; align-items: flex-start; gap: 9px; color: #8d3131; background: #fff4f2; border: 1px solid #f0c6c1; border-radius: 10px; }
.product-sensitive-warning .icon { width: 17px; height: 17px; flex: 0 0 auto; }
.product-sensitive-warning span { display: grid; gap: 4px; }
.product-sensitive-warning strong { font-size: 7.5px; }
.product-sensitive-warning small { color: #a65a55; font-size: 6.5px; line-height: 1.45; }
.product-sensitive-reason { display: grid; margin-bottom: 10px; gap: 5px; color: var(--ink-soft); font-size: 7px; font-weight: 800; }
.product-sensitive-reason select { min-height: 40px; padding: 0 10px; color: var(--ink-soft); background: white; border: 1px solid var(--line); border-radius: 9px; font: inherit; font-size: 8px; }
.rpt-product-filter-context { display: flex; margin: 0 14px 12px; padding: 10px 12px; align-items: center; gap: 10px; color: var(--brand-dark); background: var(--brand-soft); border: 1px solid #d7e0fb; border-radius: 10px; }
.rpt-product-filter-context .icon { width: 16px; height: 16px; flex: 0 0 auto; }
.rpt-product-filter-context > span { display: grid; min-width: 0; flex: 1; gap: 2px; }
.rpt-product-filter-context small { color: var(--brand); font-size: 5.8px; font-weight: 900; letter-spacing: .06em; }
.rpt-product-filter-context strong { font-size: 8px; }
.rpt-product-filter-context em { color: var(--muted); font-size: 6.5px; font-style: normal; }
.rpt-product-filter-context a { padding: 7px 9px; color: var(--brand-dark); background: white; border: 1px solid #cad5f4; border-radius: 8px; font-size: 6.5px; font-weight: 800; text-decoration: none; white-space: nowrap; }
.product-empty-state { padding: 30px !important; text-align: center !important; }
.product-empty-state .icon { width: 24px; height: 24px; margin: 0 auto 8px; color: var(--muted); }
.product-empty-state strong,
.product-empty-state a { display: block; margin-top: 5px; }
.product-empty-state a { color: var(--brand); font-size: 7px; font-weight: 750; }
.product-pagination { display: flex; min-height: 50px; padding: 9px 16px; align-items: center; justify-content: center; gap: 4px; border-top: 1px solid var(--line); }
.product-pagination button { display: grid; width: 30px; height: 30px; padding: 0; place-items: center; color: var(--muted); background: white; border: 1px solid var(--line); border-radius: 8px; cursor: pointer; font: inherit; font-size: 8px; font-weight: 800; }
.product-pagination button:hover:not(:disabled) { color: var(--brand); border-color: #c6d1f2; }
.product-pagination button.is-active { color: white; background: var(--brand); border-color: var(--brand); }
.product-pagination button:disabled { opacity: .4; cursor: not-allowed; }

.button-danger-soft { color: var(--coral); background: var(--coral-soft); border: 1px solid #efc8c3; }
.button-danger-soft:hover { background: #fde6e2; }
.product-operation-dialog { width: min(620px,calc(100vw - 32px)); }
.product-modal-summary { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); background: #f8fafc; border: 1px solid var(--line); border-radius: 10px; }
.product-modal-summary > span { display: grid; min-height: 62px; padding: 10px 12px; align-content: center; gap: 4px; border-right: 1px solid var(--line); }
.product-modal-summary > span:last-child { border-right: 0; }
.product-modal-summary small { color: var(--muted); font-size: 6px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.product-modal-summary strong { color: var(--ink); font-size: 8px; overflow-wrap: anywhere; }
.product-modal-callout { display: flex; margin-top: 12px; padding: 11px 12px; align-items: flex-start; gap: 9px; color: var(--brand-dark); background: var(--brand-soft); border: 1px solid #d8e1fb; border-radius: 10px; }
.product-modal-callout .icon { width: 16px; height: 16px; margin-top: 1px; flex: 0 0 auto; }
.product-modal-callout span { display: grid; gap: 3px; }
.product-modal-callout strong { font-size: 7.5px; }
.product-modal-callout small { color: var(--ink-soft); font-size: 6.5px; line-height: 1.45; }
.product-modal-footer { display: flex; margin-top: 14px; align-items: center; justify-content: flex-end; gap: 7px; }
.product-negative-breakdown { display: grid; margin-top: 12px; gap: 7px; }
.product-negative-breakdown article { display: grid; min-height: 50px; padding: 9px 11px; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 3px 12px; background: white; border: 1px solid var(--line); border-radius: 9px; }
.product-negative-breakdown article > span { display: grid; gap: 3px; }
.product-negative-breakdown article strong { color: var(--ink); font-size: 7.5px; }
.product-negative-breakdown article small { color: var(--muted); font-size: 6.2px; }
.product-negative-breakdown article b { color: var(--coral); font-size: 9px; }
.product-negative-breakdown article p { grid-column: 1 / -1; margin: 2px 0 0; color: var(--muted); font-size: 6.3px; }

/* Product detail */
.product-detail-page-heading { margin-bottom: 10px; }
.product-detail-title { display: flex; min-width: 0; align-items: center; gap: 10px; }
.product-detail-title > span:last-child { min-width: 0; }
.product-detail-title-icon { display: grid; width: 42px; height: 42px; flex: 0 0 auto; place-items: center; border: 1px solid var(--line); border-radius: 11px; }
.product-detail-title-icon .icon { width: 19px; height: 19px; }
.product-back-link { color: var(--brand); font-size: 6px; font-weight: 800; letter-spacing: .04em; text-decoration: none; text-transform: uppercase; }
.product-detail-title h1 { margin-top: 1px; }
.product-detail-anchor-nav { display: flex; min-height: 42px; margin-bottom: 10px; padding: 0 13px; align-items: center; gap: 4px; overflow: hidden; background: white; border: 1px solid var(--line); border-radius: 11px; box-shadow: var(--shadow-sm); }
.product-detail-anchor-nav button { display: inline-flex; height: 41px; padding: 0 12px; align-items: center; color: var(--muted); background: transparent; border: 0; border-bottom: 2px solid transparent; cursor: pointer; font: inherit; font-size: 7px; font-weight: 750; }
.product-detail-anchor-nav button:hover,
.product-detail-anchor-nav button.is-active { color: var(--brand-dark); border-bottom-color: var(--brand); }
.product-detail-panel[hidden] { display: none !important; }
.product-detail-metrics { display: grid; margin-bottom: 10px; grid-template-columns: repeat(5,minmax(0,1fr)); background: white; border: 1px solid var(--line); border-radius: 12px; box-shadow: var(--shadow-sm); }
.product-detail-metrics article { display: grid; min-height: 66px; padding: 11px 14px; align-content: center; grid-template-columns: auto 1fr; column-gap: 8px; border-right: 1px solid var(--line); }
.product-detail-metrics article:last-child { border-right: 0; }
.product-detail-metrics small { grid-column: 1 / -1; color: var(--muted); font-size: 6px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.product-detail-metrics strong { color: var(--ink); font-size: 18px; letter-spacing: -.035em; }
.product-detail-metrics span { align-self: end; padding-bottom: 2px; color: var(--muted); font-size: 6.5px; }
.product-detail-metrics .metric-danger { background: #fff9f8; }
.product-detail-metrics .metric-danger strong { color: var(--coral); }
.product-detail-metrics .metric-success strong { color: var(--success); }
.product-detail-metrics .metric-price strong { font-size: 17px; }
.product-detail-metrics .metric-price.tone-warning { background: #fffaf2; }
.product-detail-metrics .metric-price.tone-warning strong { color: #9a6700; }
.product-detail-metrics .metric-price.tone-danger { background: #fff8f6; }
.product-detail-metrics .metric-price.tone-danger strong { color: var(--coral); }
.product-detail-layout { display: grid; grid-template-columns: 238px minmax(0,1fr); align-items: start; gap: 10px; }
.product-detail-rail,
.product-detail-main { display: grid; min-width: 0; gap: 10px; }
.product-master-card,
.product-control-card,
.product-rail-rpt-card { padding: 14px; }
.product-master-card header h2,
.product-control-card header h2 { margin: 3px 0 0; font-size: 13px; }
.product-master-visual { display: grid; min-height: 112px; margin: 12px 0; place-items: center; align-content: center; gap: 7px; border: 1px solid var(--line); border-radius: 12px; }
.product-master-visual .icon { width: 34px; height: 34px; }
.product-master-visual span { font-size: 7px; font-weight: 800; }
.product-master-card dl { display: grid; margin: 0; }
.product-master-card dl > div { display: flex; min-height: 34px; padding: 6px 0; align-items: center; justify-content: space-between; gap: 8px; border-bottom: 1px solid #f0f2f5; }
.product-master-card dl > div:last-child { border-bottom: 0; }
.product-master-card dt { color: var(--muted); font-size: 6px; }
.product-master-card dd { margin: 0; color: var(--ink-soft); font-size: 6.5px; font-weight: 750; text-align: right; overflow-wrap: anywhere; }
.product-control-card { display: grid; gap: 10px; }
.product-control-card > label:not(.product-control-check) { display: grid; gap: 4px; color: var(--ink-soft); font-size: 6.5px; font-weight: 750; }
.product-control-card select { width: 100%; height: 32px; padding: 0 8px; color: var(--ink); background: white; border: 1px solid var(--line); border-radius: 7px; font: inherit; font-size: 7px; }
.product-control-check { display: flex; min-height: 42px; padding: 8px; align-items: center; gap: 8px; background: #f8fafc; border: 1px solid var(--line); border-radius: 8px; cursor: pointer; }
.product-control-check input { width: 14px; height: 14px; margin: 0; accent-color: var(--brand); }
.product-control-check span { display: grid; gap: 2px; }
.product-control-check strong { font-size: 7px; }
.product-control-check small { color: var(--muted); font-size: 5.8px; }
.product-rail-rpt-card { display: grid; gap: 7px; }
.product-rail-rpt-card header { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; }
.product-rail-rpt-card > strong { color: var(--brand-dark); font-size: 13px; }
.product-rail-rpt-card > small { color: var(--muted); font-size: 6.5px; }
.product-rail-rpt-card > a { display: inline-flex; margin-top: 3px; align-items: center; gap: 5px; color: var(--brand); font-size: 6.5px; font-weight: 800; text-decoration: none; }
.product-rail-rpt-card > a .icon { width: 12px; height: 12px; }
.product-detail-panel { padding: 0; overflow: visible; scroll-margin-top: 75px; }
.product-detail-panel-head { display: flex; min-height: 70px; padding: 13px 15px; align-items: center; justify-content: space-between; gap: 15px; border-bottom: 1px solid var(--line); }
.product-detail-panel-head h2 { display: flex; margin: 3px 0 2px; align-items: center; gap: 6px; font-size: 14px; }
.product-detail-panel-head h2 b { display: grid; min-width: 20px; height: 18px; place-items: center; color: var(--brand); background: var(--brand-soft); border-radius: 6px; font-size: 6px; }
.product-detail-panel-head p { margin: 0; color: var(--muted); font-size: 6.8px; line-height: 1.4; }
.product-general-fields { display: grid; padding: 15px; grid-template-columns: repeat(4,minmax(0,1fr)); align-items: start; column-gap: 11px; row-gap: 10px; background: #fcfdff; }
.product-general-fields label { display: grid; min-width: 0; align-content: start; gap: 5px; color: var(--ink-soft); font-size: 6.5px; font-weight: 750; }
.product-general-fields label.wide,
.product-general-fields > .wide { grid-column: span 2; }
.product-general-fields > .span-2 { grid-column: span 2; }
.product-general-fields > .span-3 { grid-column: span 3; }
.product-general-fields > .full { grid-column: 1 / -1; }
.product-general-group-title { display: flex; min-height: 32px; margin-top: 3px; padding: 7px 9px; align-items: center; justify-content: space-between; gap: 12px; background: #f4f7fb; border: 1px solid #e7ebf1; border-radius: 7px; }
.product-general-group-title:first-child { margin-top: 0; }
.product-general-group-title span { color: var(--ink); font-size: 6.6px; font-weight: 850; letter-spacing: .025em; text-transform: uppercase; }
.product-general-group-title small { color: var(--muted); font-size: 5.8px; text-align: right; }
.product-general-fields input,
.product-general-fields textarea,
.product-general-fields select { width: 100%; padding: 0 9px; color: var(--ink); background: white; border: 1px solid var(--line); border-radius: 7px; outline: 0; font: inherit; font-size: 7.5px; }
.product-general-fields input { height: 34px; }
.product-general-fields select { height: 34px; }
.product-general-fields textarea { padding-top: 8px; resize: vertical; line-height: 1.45; }
.product-general-fields input:focus,
.product-general-fields textarea:focus,
.product-general-fields select:focus { border-color: #aab9e9; box-shadow: 0 0 0 3px rgba(54,89,201,.06); }
.product-rich-field { display: grid; min-width: 0; border: 1px solid var(--line); border-radius: 9px; overflow: hidden; background: white; }
.product-rich-field > header { display: flex; min-height: 36px; padding: 6px 8px; align-items: center; justify-content: space-between; gap: 8px; color: var(--ink-soft); background: #f8fafc; border-bottom: 1px solid var(--line); font-size: 6.5px; font-weight: 750; }
.product-rich-field > header button { display: inline-flex; min-height: 25px; padding: 0 7px; align-items: center; gap: 4px; color: var(--brand); background: white; border: 1px solid #cfdaF7; border-radius: 6px; cursor: pointer; font: inherit; font-size: 5.7px; font-weight: 800; }
.product-rich-field > header .icon { width: 11px; height: 11px; }
.product-rich-toolbar { display: flex; min-height: 32px; padding: 4px 7px; align-items: center; gap: 3px; flex-wrap: wrap; border-bottom: 1px solid var(--line); }
.product-rich-toolbar button { min-height: 23px; padding: 0 6px; color: var(--ink-soft); background: white; border: 1px solid transparent; border-radius: 5px; cursor: pointer; font: inherit; font-size: 6px; }
.product-rich-toolbar button:hover { color: var(--brand); background: var(--brand-soft); border-color: #dce4fa; }
.product-rich-editor { min-height: 150px; padding: 11px; color: var(--ink-soft); outline: 0; font-size: 7px; line-height: 1.55; }
.product-rich-editor:focus { box-shadow: inset 0 0 0 2px rgba(54,89,201,.12); }
.product-rich-editor p { margin: 0 0 7px; }
.product-rich-editor h3 { margin: 10px 0 6px; color: var(--ink); font-size: 8px; }
.product-rich-editor ul,
.product-rich-editor ol { margin: 0; padding-left: 18px; }
.button-success-soft { color: var(--success); background: var(--success-soft); border: 1px solid #cde8dc; }
.button-success-soft:hover { background: #ddf4e9; }
.product-general-check { display: flex !important; min-height: 52px; padding: 9px 10px; grid-column: span 2; align-items: center; grid-template-columns: auto minmax(0,1fr); gap: 9px !important; background: #f8fafc; border: 1px solid var(--line); border-radius: 8px; cursor: pointer; }
.product-general-check input { width: 14px; height: 14px; margin: 0; padding: 0; flex: 0 0 auto; accent-color: var(--brand); }
.product-general-check > span { display: grid; gap: 2px; }
.product-general-check strong { color: var(--ink-soft); font-size: 7px; }
.product-general-check small { color: var(--muted); font-size: 5.9px; font-weight: 500; }
.product-detail-panel > footer { display: flex; min-height: 50px; padding: 9px 15px; align-items: center; justify-content: space-between; gap: 12px; color: var(--muted); border-top: 1px solid var(--line); font-size: 6.5px; }
.product-detail-panel > footer strong { color: var(--ink-soft); }
.detail-panel-actions { display: flex; align-items: center; gap: 7px; }
.product-negative-alert { display: flex; margin: 12px 15px 0; padding: 10px 11px; align-items: center; gap: 9px; color: #8f3c32; background: #fff8f6; border: 1px solid #efcbc6; border-radius: 9px; }
.product-negative-alert > span { display: grid; width: 30px; height: 30px; flex: 0 0 auto; place-items: center; background: white; border-radius: 8px; }
.product-negative-alert .icon { width: 15px; height: 15px; }
.product-negative-alert > div { min-width: 0; flex: 1; }
.product-negative-alert strong { font-size: 7.5px; }
.product-negative-alert p { margin: 3px 0 0; color: #94645e; font-size: 6.3px; }
.product-negative-alert button { color: var(--coral); background: white; border: 1px solid #edc4be; border-radius: 7px; min-height: 28px; padding: 0 8px; cursor: pointer; font: inherit; font-size: 6.5px; font-weight: 800; }
.product-warehouse-table,
.product-channel-table,
.product-variant-table,
.product-variant-price-table { width: 100%; margin-top: 0; table-layout: fixed; }
.product-detail-panel > .table-wrap { width: 100%; overflow: visible; }
.product-warehouse-table th,
.product-warehouse-table td,
.product-channel-table th,
.product-channel-table td,
.product-variant-table th,
.product-variant-table td { padding-right: 8px; padding-left: 8px; }
.product-warehouse-table tr.has-negative-stock td { background: #fffaf9; }
.negative-value { color: var(--coral) !important; }
.product-negative-reason { color: var(--muted); font-size: 6.5px; line-height: 1.4; }
.product-negative-reason.has-record { color: #9f493f; font-weight: 700; }
.product-channel-principle { display: flex; margin: 12px 15px; padding: 10px 11px; align-items: flex-start; gap: 9px; color: var(--brand-dark); background: var(--brand-soft); border: 1px solid #dce4fa; border-radius: 9px; }
.product-channel-principle .icon { width: 15px; height: 15px; flex: 0 0 auto; }
.product-channel-principle span { display: grid; gap: 3px; }
.product-channel-principle strong { font-size: 7px; }
.product-channel-principle small { color: var(--ink-soft); font-size: 6.3px; line-height: 1.4; }
.product-price-state { color: var(--ink-soft); font-size: 6.5px; line-height: 1.4; }
.product-pricing-overview { display: grid; margin: 12px 15px 0; grid-template-columns: repeat(4,minmax(0,1fr)); background: #f8fafc; border: 1px solid var(--line); border-radius: 9px; }
.product-pricing-overview article { display: grid; min-height: 62px; padding: 9px 11px; align-content: center; gap: 3px; border-right: 1px solid var(--line); }
.product-pricing-overview article:last-child { border-right: 0; }
.product-pricing-overview small { color: var(--muted); font-size: 5.8px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.product-pricing-overview strong { color: var(--ink); font-size: 9px; }
.product-pricing-overview strong.tone-success { color: var(--success); }
.product-pricing-overview strong.tone-warning { color: #9a6700; }
.product-pricing-overview strong.tone-danger { color: var(--coral); }
.product-pricing-overview span { color: var(--muted); font-size: 6px; }
.product-sync-state { color: var(--success); font-size: 6.7px; }
.product-sync-state.tone-warning { color: #9a6700; }
.product-sync-state.tone-danger { color: var(--coral); }
.product-metadata-layout { display: grid; padding: 14px 15px; grid-template-columns: minmax(0,1fr) 210px; align-items: start; gap: 12px; }
.product-meta-fields { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 10px; }
.product-meta-fields label { display: grid; min-width: 0; gap: 4px; color: var(--ink-soft); font-size: 6.3px; font-weight: 750; }
.product-meta-fields label > span { display: flex; align-items: center; justify-content: space-between; gap: 5px; }
.product-meta-fields label > span > span { display: inline-flex; min-width: 0; align-items: center; gap: 4px; }
.product-meta-fields label > span > span strong { min-width: 0; font-size: 6.3px; font-weight: 750; overflow-wrap: anywhere; }
.product-meta-fields label em { color: var(--brand); font-size: 5.2px; font-style: normal; font-weight: 850; white-space: nowrap; }
.product-meta-fields label b { color: #9a6700; font-size: 5px; font-weight: 800; text-transform: uppercase; }
.product-meta-fields input { width: 100%; height: 32px; padding: 0 8px; color: var(--ink); background: white; border: 1px solid var(--line); border-radius: 7px; outline: 0; font: inherit; font-size: 7px; }
.product-meta-fields small { color: var(--muted); font-size: 5.5px; font-weight: 500; }
.product-meta-fields label.is-passive { opacity: .55; }
.product-meta-fields label.is-passive input { background: #f2f4f7; cursor: not-allowed; }
.product-meta-side { display: grid; gap: 9px; }
.product-meta-side > section { padding: 10px; background: #f8fafc; border: 1px solid var(--line); border-radius: 9px; }
.product-meta-side header { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.product-meta-side header > span { display: grid; gap: 2px; }
.product-meta-side header small { color: var(--muted); font-size: 5.4px; font-weight: 800; letter-spacing: .04em; }
.product-meta-side header strong { color: var(--ink); font-size: 7.5px; }
.product-meta-side header button { display: grid; width: 25px; height: 25px; padding: 0; flex: 0 0 auto; place-items: center; color: var(--brand); background: white; border: 1px solid var(--line); border-radius: 6px; cursor: pointer; font: inherit; font-weight: 800; }
.product-meta-side header button .icon { width: 12px; height: 12px; }
.product-meta-side p { display: grid; margin: 8px 0 0; gap: 2px; color: var(--muted); font-size: 5.9px; line-height: 1.4; }
.product-meta-side p strong { color: var(--ink-soft); font-size: 6.3px; }
.product-meta-side p span { color: var(--muted); }
.product-price-bulk { display: grid; margin: 12px 15px; padding: 10px; grid-template-columns: minmax(145px,1.2fr) repeat(3,minmax(90px,1fr)) auto auto; align-items: end; gap: 8px; background: #f8fafc; border: 1px solid var(--line); border-radius: 9px; }
.product-price-bulk > span { display: grid; align-self: center; gap: 2px; }
.product-price-bulk > span strong { font-size: 7.3px; }
.product-price-bulk > span small { color: var(--muted); font-size: 5.8px; }
.product-price-bulk > label:not(.product-price-warehouse) { display: grid; gap: 3px; }
.product-price-bulk label small { color: var(--muted); font-size: 5.7px; font-weight: 750; }
.product-price-bulk input[type="number"] { width: 100%; height: 30px; padding: 0 7px; color: var(--ink); background: white; border: 1px solid var(--line); border-radius: 6px; font: inherit; font-size: 6.8px; }
.product-price-warehouse { display: inline-flex; min-height: 30px; align-items: center; gap: 6px; color: var(--ink-soft); font-size: 5.8px; font-weight: 750; }
.product-price-warehouse input { width: 13px; height: 13px; margin: 0; accent-color: var(--brand); }
.product-subsection-head { display: flex; min-height: 48px; padding: 9px 15px; align-items: center; justify-content: space-between; gap: 10px; background: #fbfcfe; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.product-subsection-head > span { display: grid; gap: 2px; }
.product-subsection-head strong { color: var(--ink); font-size: 8px; }
.product-subsection-head small { color: var(--muted); font-size: 5.9px; }
.product-variant-price-table th,
.product-variant-price-table td { padding: 8px 7px; vertical-align: top; }
.product-variant-price-table th:nth-child(1) { width: 13%; }
.product-variant-price-table th:nth-child(2) { width: 19%; }
.product-variant-price-table th:nth-child(3) { width: 17%; }
.product-variant-price-table th:nth-child(4) { width: 17%; }
.product-variant-price-table th:nth-child(5) { width: 21%; }
.product-variant-price-table th:nth-child(6) { width: 13%; }
.product-price-input { display: grid; margin-bottom: 5px; grid-template-columns: 48px minmax(0,1fr); align-items: center; gap: 5px; }
.product-price-input:last-child { margin-bottom: 0; }
.product-price-input span { color: var(--muted); font-size: 5.5px; }
.product-price-input input { width: 100%; min-width: 0; height: 25px; padding: 0 5px; color: var(--ink-soft); background: white; border: 1px solid var(--line); border-radius: 5px; font: inherit; font-size: 6.2px; }
.product-variant-price-table td > small { display: block; margin-top: 4px; color: var(--muted); font-size: 5.5px; line-height: 1.35; }
.product-tax-heading { margin-top: 0; }
.product-tax-grid { display: grid; padding: 12px 15px; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 9px; }
.product-tax-grid article { display: grid; padding: 9px; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 7px; background: #f8fafc; border: 1px solid var(--line); border-radius: 8px; }
.product-tax-grid article > strong { grid-column: 1 / -1; color: var(--ink-soft); font-size: 7px; }
.product-tax-grid label { display: grid; gap: 3px; }
.product-tax-grid label span { color: var(--muted); font-size: 5.4px; }
.product-tax-grid select { width: 100%; min-width: 0; height: 28px; padding: 0 5px; color: var(--ink-soft); background: white; border: 1px solid var(--line); border-radius: 6px; font: inherit; font-size: 6px; }
.product-variant-table th:nth-child(1) { width: 18%; }
.product-variant-table th:nth-child(2) { width: 15%; }
.product-variant-table th:nth-child(3) { width: 14%; }
.product-variant-table th:nth-child(4) { width: 12%; }
.product-variant-table th:nth-child(5) { width: 17%; }
.product-variant-table th:nth-child(6) { width: 16%; }
.product-variant-table th:nth-child(7) { width: 8%; }
.product-variant-table td > small { display: block; margin-top: 4px; color: var(--muted); font-size: 5.7px; line-height: 1.35; }
.product-variant-targets { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 5px; }
.product-variant-targets label { display: grid; gap: 3px; color: var(--muted); font-size: 5.5px; }
.product-variant-targets input { width: 100%; min-width: 0; height: 27px; padding: 0 5px; color: var(--ink-soft); background: white; border: 1px solid var(--line); border-radius: 5px; font: inherit; font-size: 6.3px; }
.product-variant-actions { display: flex; align-items: center; gap: 4px; }
.product-variant-actions button { display: grid; width: 27px; height: 27px; padding: 0; place-items: center; color: var(--brand); background: white; border: 1px solid var(--line); border-radius: 6px; cursor: pointer; }
.product-variant-actions .icon { width: 12px; height: 12px; }
.product-media-grid { display: grid; padding: 14px 15px; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; }
.product-media-grid article { min-width: 0; overflow: hidden; background: white; border: 1px solid var(--line); border-radius: 10px; }
.product-media-grid article.is-primary { border-color: #b9c8f2; box-shadow: 0 0 0 2px rgba(54,89,201,.06); }
.product-media-preview { position: relative; display: grid; min-height: 118px; place-items: center; border-bottom: 1px solid var(--line); }
.product-media-preview .icon { width: 32px; height: 32px; }
.product-media-preview > span { position: absolute; top: 8px; left: 8px; padding: 4px 6px; color: var(--brand-dark); background: rgba(255,255,255,.9); border: 1px solid #dbe3f8; border-radius: 5px; font-size: 5.4px; font-weight: 850; }
.product-media-info { display: grid; padding: 9px; gap: 8px; }
.product-media-info > span { display: grid; min-width: 0; gap: 3px; }
.product-media-info strong { font-size: 6.5px; overflow-wrap: anywhere; }
.product-media-info small { color: var(--muted); font-size: 5.6px; line-height: 1.35; }
.product-media-info dl { display: grid; margin: 0; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 6px; }
.product-media-info dl > div { display: grid; gap: 2px; }
.product-media-info dt { color: var(--muted); font-size: 5.3px; }
.product-media-info dd { margin: 0; color: var(--ink-soft); font-size: 6px; font-weight: 750; }
.product-media-info footer { display: flex; gap: 5px; }
.product-media-info footer button { display: inline-flex; min-height: 27px; padding: 0 7px; align-items: center; gap: 4px; color: var(--brand); background: white; border: 1px solid var(--line); border-radius: 6px; cursor: pointer; font: inherit; font-size: 5.6px; font-weight: 750; }
.product-media-info footer .icon { width: 11px; height: 11px; }
.product-meta-definition-dialog { width: min(1120px,calc(100vw - 32px)); }
.product-meta-definition-summary { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); background: #f8fafc; border: 1px solid var(--line); border-radius: 9px; }
.product-meta-definition-summary > span { display: grid; min-height: 54px; padding: 9px 11px; align-content: center; gap: 3px; border-right: 1px solid var(--line); }
.product-meta-definition-summary > span:last-child { border-right: 0; }
.product-meta-definition-summary small { color: var(--muted); font-size: 5.6px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.product-meta-definition-summary strong { color: var(--ink); font-size: 9px; }
.product-meta-definition-note { display: flex; margin: 10px 0; padding: 9px 10px; align-items: flex-start; gap: 8px; color: var(--brand-dark); background: var(--brand-soft); border: 1px solid #dce4fa; border-radius: 8px; }
.product-meta-definition-note .icon { width: 14px; height: 14px; flex: 0 0 auto; }
.product-meta-definition-note > span { display: grid; gap: 2px; }
.product-meta-definition-note strong { font-size: 6.8px; }
.product-meta-definition-note small { color: var(--ink-soft); font-size: 5.8px; line-height: 1.4; }
.product-meta-definition-list { border: 1px solid var(--line); border-radius: 9px; }
.product-meta-definition-list > header,
.product-meta-definition-list > article { display: grid; grid-template-columns: 68px minmax(150px,2fr) minmax(105px,1fr) minmax(105px,1fr) 74px 65px; align-items: center; gap: 7px; }
.product-meta-definition-list > header { min-height: 34px; padding: 0 9px; color: var(--muted); background: #f8fafc; border-bottom: 1px solid var(--line); font-size: 5.6px; font-weight: 850; letter-spacing: .04em; text-transform: uppercase; }
.product-meta-definition-list > article { min-height: 42px; padding: 5px 9px; border-bottom: 1px solid #edf0f4; }
.product-meta-definition-list > article:last-child { border-bottom: 0; }
.product-meta-definition-list article > strong { color: var(--brand); font-size: 6.3px; }
.product-meta-definition-list input:not([type="checkbox"]),
.product-meta-definition-list select { width: 100%; min-width: 0; height: 29px; padding: 0 7px; color: var(--ink-soft); background: white; border: 1px solid var(--line); border-radius: 6px; font: inherit; font-size: 6.3px; }
.product-meta-definition-list article > label { display: inline-flex; align-items: center; gap: 5px; color: var(--ink-soft); font-size: 5.8px; }
.product-meta-definition-list input[type="checkbox"] { width: 13px; height: 13px; margin: 0; accent-color: var(--brand); }
.product-stock-operation-dialog { width: min(820px,calc(100vw - 32px)); }
.product-stock-operation-summary { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); background: #f8fafc; border: 1px solid var(--line); border-radius: 9px; }
.product-stock-operation-summary > span { display: grid; min-height: 56px; padding: 9px 11px; align-content: center; gap: 3px; border-right: 1px solid var(--line); }
.product-stock-operation-summary > span:last-child { border-right: 0; }
.product-stock-operation-summary small { color: var(--muted); font-size: 5.6px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.product-stock-operation-summary strong { color: var(--ink); font-size: 10px; }
.product-stock-operation-fields { display: grid; margin-top: 12px; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.product-stock-operation-fields > label:not(.product-stock-confirm) { display: grid; min-width: 0; gap: 4px; color: var(--ink-soft); font-size: 6.3px; font-weight: 750; }
.product-stock-operation-fields label.wide { grid-column: 1 / -1; }
.product-stock-operation-fields input:not([type="checkbox"]),
.product-stock-operation-fields select,
.product-stock-operation-fields textarea { width: 100%; padding: 0 8px; color: var(--ink); background: white; border: 1px solid var(--line); border-radius: 7px; outline: 0; font: inherit; font-size: 7px; }
.product-stock-operation-fields input:not([type="checkbox"]),
.product-stock-operation-fields select { height: 32px; }
.product-stock-operation-fields textarea { padding-top: 8px; resize: vertical; line-height: 1.4; }
.product-stock-operation-fields label.is-disabled { opacity: .48; }
.product-stock-confirm { display: flex; min-height: 48px; padding: 8px 9px; align-items: center; gap: 8px; background: #f8fafc; border: 1px solid var(--line); border-radius: 8px; cursor: pointer; }
.product-stock-confirm input { width: 14px; height: 14px; margin: 0; accent-color: var(--brand); }
.product-stock-confirm > span { display: grid; gap: 2px; }
.product-stock-confirm strong { color: var(--ink-soft); font-size: 6.7px; }
.product-stock-confirm small { color: var(--muted); font-size: 5.7px; }
.product-stock-operation-modal.is-stock-out .app-modal-header { background: #fffaf9; }
.product-stock-operation-modal.is-stock-out [data-stock-operation-title] { color: var(--coral); }
.product-stock-entry-pane,
.product-stock-exit-pane { display: grid; gap: 11px; }
.product-stock-entry-pane[hidden],
.product-stock-exit-pane[hidden] { display: none; }
.product-stock-operation-context { display: flex; padding: 9px 10px; align-items: flex-start; gap: 8px; color: var(--brand-dark); background: var(--brand-soft); border: 1px solid #dce4fa; border-radius: 8px; }
.product-stock-operation-context .icon { width: 14px; height: 14px; flex: 0 0 auto; }
.product-stock-operation-context > span { display: grid; gap: 2px; }
.product-stock-operation-context strong { font-size: 7px; }
.product-stock-operation-context small { color: var(--ink-soft); font-size: 6px; line-height: 1.4; }
.product-stock-entry-variants { display: grid; border: 1px solid var(--line); border-radius: 9px; overflow: hidden; }
.product-stock-entry-variants > header,
.product-stock-entry-variants > label { display: grid; grid-template-columns: minmax(0,1fr) 80px 96px; align-items: center; gap: 10px; }
.product-stock-entry-variants > header { min-height: 31px; padding: 0 10px; color: var(--muted); background: #f8fafc; border-bottom: 1px solid var(--line); font-size: 5.6px; font-weight: 850; letter-spacing: .045em; text-transform: uppercase; }
.product-stock-entry-variants > header span:last-child { text-align: right; }
.product-stock-entry-variants > label { min-height: 48px; padding: 6px 10px; border-bottom: 1px solid #edf0f4; }
.product-stock-entry-variants > label:last-child { border-bottom: 0; }
.product-stock-entry-variants label > span { display: grid; min-width: 0; gap: 2px; }
.product-stock-entry-variants label strong { color: var(--ink); font-size: 7px; line-height: 1.3; }
.product-stock-entry-variants label small { color: var(--muted); font-size: 5.8px; line-height: 1.35; overflow-wrap: anywhere; }
.product-stock-entry-variants .product-stock-current strong { color: var(--ink-soft); }
.product-stock-entry-variants input { width: 100%; height: 31px; padding: 0 8px; color: var(--ink); background: white; border: 1px solid var(--line); border-radius: 7px; outline: 0; text-align: right; font: inherit; font-size: 7px; font-weight: 750; }
.product-stock-entry-variants input:focus,
.product-stock-operation-fields input:focus,
.product-stock-operation-fields select:focus,
.product-stock-operation-fields textarea:focus { border-color: #91a7e8; box-shadow: 0 0 0 2px rgba(52,86,190,.08); }
.product-stock-exit-card { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); background: #fffaf9; border: 1px solid #f0ddd8; border-radius: 9px; }
.product-stock-exit-card > span { display: grid; min-height: 58px; padding: 9px 11px; align-content: center; gap: 3px; border-right: 1px solid #f0ddd8; }
.product-stock-exit-card > span:last-child { border-right: 0; }
.product-stock-exit-card small { color: var(--muted); font-size: 5.6px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.product-stock-exit-card strong { color: var(--ink); font-size: 7.2px; overflow-wrap: anywhere; }
.product-stock-exit-card > span:last-child strong { color: var(--coral); font-size: 10px; }
.product-variant-actions .is-stock-exit { color: var(--coral); background: #fff6f4; border-color: #f1d9d3; }
.product-variant-negative-trigger { display: grid; width: 100%; min-height: 34px; padding: 5px 7px; gap: 2px; color: var(--ink-soft); background: #f8fafc; border: 1px solid var(--line); border-radius: 7px; cursor: pointer; text-align: left; }
.product-variant-negative-trigger strong { font-size: 7px; }
.product-variant-negative-trigger small { color: var(--muted); font-size: 5.7px; }
.product-variant-negative-trigger.has-limit { color: var(--coral); background: #fff8f6; border-color: #efcbc6; }
.product-variant-negative-trigger.has-limit small { color: #94645e; }
.product-negative-editor-dialog { width: min(820px,calc(100vw - 32px)); }
.product-negative-limit-list { display: grid; margin-top: 11px; border: 1px solid var(--line); border-radius: 9px; overflow: hidden; }
.product-negative-limit-list > label { display: grid; min-height: 51px; padding: 7px 10px; grid-template-columns: minmax(0,1fr) 70px 82px 96px; align-items: center; gap: 10px; border-bottom: 1px solid #edf0f4; }
.product-negative-limit-list > label:last-child { border-bottom: 0; }
.product-negative-limit-list label > span { display: grid; min-width: 0; gap: 2px; }
.product-negative-limit-list label strong { color: var(--ink); font-size: 7px; }
.product-negative-limit-list label small { color: var(--muted); font-size: 5.7px; overflow-wrap: anywhere; }
.product-negative-limit-list input { width: 100%; height: 31px; padding: 0 8px; color: var(--coral); background: white; border: 1px solid #dfc4bf; border-radius: 7px; outline: 0; text-align: right; font: inherit; font-size: 7px; font-weight: 800; }
.product-negative-limit-list input:focus { border-color: var(--coral); box-shadow: 0 0 0 2px rgba(201,81,68,.08); }
.product-stock-movement-table .is-new-stock-movement { background: #f5fbf8; animation: stock-movement-highlight 1.8s ease-out; }
@keyframes stock-movement-highlight { from { background: #dcf6e8; } to { background: #f5fbf8; } }
.product-module-heading { margin-bottom: 10px; }
.product-module-sibling-nav { display: flex; min-height: 40px; margin-bottom: 10px; padding: 4px; align-items: center; gap: 3px; overflow: hidden; background: white; border: 1px solid var(--line); border-radius: 10px; box-shadow: var(--shadow-sm); }
.product-module-sibling-nav a { display: inline-flex; min-height: 30px; padding: 0 10px; align-items: center; justify-content: center; color: var(--muted); border-radius: 7px; font-size: 6.5px; font-weight: 800; text-align: center; }
.product-module-sibling-nav a:hover { color: var(--ink); background: #f7f9fc; }
.product-module-sibling-nav a.is-active { color: var(--brand-dark); background: var(--brand-soft); }
.product-module-metrics { display: grid; margin-bottom: 10px; grid-template-columns: repeat(4,minmax(0,1fr)); background: white; border: 1px solid var(--line); border-radius: 11px; box-shadow: var(--shadow-sm); }
.product-module-metrics article { position: relative; display: grid; min-height: 65px; padding: 11px 13px; grid-template-columns: auto minmax(0,1fr); align-content: center; gap: 2px 9px; border-right: 1px solid var(--line); }
.product-module-metrics article:last-child { border-right: 0; }
.product-module-metrics article::before { position: absolute; top: 13px; left: 0; width: 3px; height: 22px; content: ""; background: var(--brand); border-radius: 0 4px 4px 0; }
.product-module-metrics article.tone-success::before { background: var(--success); }
.product-module-metrics article.tone-warning::before { background: var(--amber); }
.product-module-metrics article.tone-danger::before { background: var(--coral); }
.product-module-metrics small { grid-column: 1 / -1; color: var(--muted); font-size: 5.7px; font-weight: 850; letter-spacing: .05em; text-transform: uppercase; }
.product-module-metrics strong { color: var(--ink); font-size: 16px; letter-spacing: -.03em; }
.product-module-metrics span { align-self: end; padding-bottom: 2px; color: var(--muted); font-size: 6px; }
.product-module-context { display: grid; margin-bottom: 10px; grid-template-columns: minmax(0,1.55fr) minmax(250px,.75fr); gap: 10px; }
.product-module-flow,
.product-module-rules { padding: 0; overflow: hidden; }
.product-module-flow > header,
.product-module-rules > header { min-height: 58px; padding: 10px 13px; border-bottom: 1px solid var(--line); }
.product-module-flow h2,
.product-module-rules h2 { margin: 3px 0 2px; font-size: 11px; }
.product-module-flow header p,
.product-module-rules header p { margin: 0; color: var(--muted); font-size: 6.2px; }
.product-module-flow > div { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); }
.product-module-flow section { position: relative; display: grid; min-height: 82px; padding: 12px; grid-template-columns: 25px minmax(0,1fr); align-items: start; gap: 8px; border-right: 1px solid var(--line); }
.product-module-flow section:last-child { border-right: 0; }
.product-module-flow section:not(:last-child)::after { position: absolute; top: 24px; right: -5px; z-index: 1; width: 9px; height: 9px; content: ""; background: white; border-top: 1px solid var(--line); border-right: 1px solid var(--line); transform: rotate(45deg); }
.product-module-flow section b { display: grid; width: 25px; height: 25px; place-items: center; color: var(--brand-dark); background: var(--brand-soft); border-radius: 7px; font-size: 7px; }
.product-module-flow section span { display: grid; gap: 4px; }
.product-module-flow section strong { color: var(--ink); font-size: 6.8px; }
.product-module-flow section small { color: var(--muted); font-size: 5.7px; line-height: 1.45; }
.product-module-rules ul { display: grid; margin: 0; padding: 10px 12px; gap: 7px; list-style: none; }
.product-module-rules li { display: grid; min-height: 30px; grid-template-columns: 15px minmax(0,1fr); align-items: start; gap: 7px; color: var(--ink-soft); font-size: 6px; line-height: 1.45; }
.product-module-rules li .icon { width: 14px; height: 14px; padding: 2px; color: var(--success); background: var(--success-soft); border-radius: 50%; }
.product-module-workspace { padding: 0; overflow: visible; }
.product-module-toolbar { display: flex; min-height: 66px; padding: 11px 13px; align-items: center; justify-content: space-between; gap: 12px; border-bottom: 1px solid var(--line); }
.product-module-toolbar h2 { display: flex; margin: 3px 0 2px; align-items: center; gap: 6px; font-size: 12px; }
.product-module-toolbar h2 b { display: grid; min-width: 19px; height: 17px; place-items: center; color: var(--brand); background: var(--brand-soft); border-radius: 5px; font-size: 6px; }
.product-module-toolbar p { margin: 0; color: var(--muted); font-size: 6px; }
.product-module-toolbar > div:last-child { display: flex; align-items: center; gap: 6px; }
.product-module-toolbar .inline-search { width: min(280px,26vw); }
.product-module-filters { display: grid; padding: 10px 13px; grid-template-columns: repeat(4,minmax(0,1fr)) auto; align-items: end; gap: 8px; background: #f8fafc; border-bottom: 1px solid var(--line); }
.product-module-filters[hidden] { display: none; }
.product-module-filters label { display: grid; gap: 4px; color: var(--ink-soft); font-size: 6px; font-weight: 750; }
.product-module-filters input,
.product-module-filters select { width: 100%; height: 31px; padding: 0 8px; color: var(--ink); background: white; border: 1px solid var(--line); border-radius: 7px; font: inherit; font-size: 6.5px; }
.product-module-filters > span { display: flex; gap: 5px; }
.product-module-table-wrap { width: 100%; margin: 0; overflow: visible; }
.product-module-table { width: 100%; table-layout: fixed; }
.product-module-table th,
.product-module-table td { width: auto; min-width: 0; padding-right: 7px; padding-left: 7px; overflow-wrap: anywhere; white-space: normal; }
.product-module-table th { font-size: 5.2px; }
.product-module-table td { height: 50px; font-size: 6.2px; line-height: 1.35; }
.product-module-table td strong { color: var(--ink); font-size: 6.3px; }
.product-module-row-action { display: inline-flex; min-height: 27px; padding: 0 7px; align-items: center; gap: 4px; color: var(--brand); background: white; border: 1px solid #d5def7; border-radius: 6px; cursor: pointer; font: inherit; font-size: 5.8px; font-weight: 800; }
.product-module-row-action .icon { width: 11px; height: 11px; }
.product-module-workspace > footer { display: flex; min-height: 46px; padding: 8px 13px; align-items: center; justify-content: space-between; gap: 10px; color: var(--muted); border-top: 1px solid var(--line); font-size: 6px; }
.product-module-action-dialog { width: min(720px,calc(100vw - 32px)); }
.product-module-action-fields { display: grid; margin-top: 11px; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }
.product-module-action-fields > label:not(.product-stock-confirm) { display: grid; min-width: 0; gap: 4px; color: var(--ink-soft); font-size: 6.3px; font-weight: 750; }
.product-module-action-fields label.wide { grid-column: 1 / -1; }
.product-module-action-fields input:not([type="checkbox"]),
.product-module-action-fields select,
.product-module-action-fields textarea { width: 100%; padding: 0 8px; color: var(--ink); background: white; border: 1px solid var(--line); border-radius: 7px; outline: 0; font: inherit; font-size: 7px; }
.product-module-action-fields input:not([type="checkbox"]),
.product-module-action-fields select { height: 32px; }
.product-module-action-fields input[type="file"] { padding-top: 6px; }
.product-module-action-fields textarea { padding-top: 8px; resize: vertical; line-height: 1.45; }
.barcode-session-workspace { margin-bottom: 10px; padding: 0; overflow: hidden; }
.barcode-session-workspace > header { display: grid; min-height: 70px; padding: 12px 14px; grid-template-columns: 34px minmax(0,1fr) auto; align-items: center; gap: 10px; border-bottom: 1px solid var(--line); }
.barcode-session-icon { display: grid; width: 34px; height: 34px; place-items: center; color: var(--success); background: var(--success-soft); border-radius: 9px; }
.barcode-session-workspace.is-issue .barcode-session-icon { color: var(--coral); background: var(--coral-soft); }
.barcode-session-icon .icon { width: 17px; height: 17px; }
.barcode-session-workspace h2 { margin: 3px 0 2px; font-size: 13px; }
.barcode-session-workspace header p { margin: 0; color: var(--muted); font-size: 6.3px; line-height: 1.45; }
.barcode-session-state { display: inline-flex; min-height: 28px; padding: 0 9px; align-items: center; gap: 6px; color: var(--success); background: var(--success-soft); border-radius: 8px; font-size: 6.2px; font-weight: 800; }
.barcode-session-state i { width: 6px; height: 6px; background: currentColor; border-radius: 50%; box-shadow: 0 0 0 3px rgba(39,118,99,.1); }
.barcode-session-body { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(300px,.85fr); }
.barcode-session-form { display: grid; padding: 13px 14px; gap: 12px; border-right: 1px solid var(--line); }
.barcode-session-settings { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
.barcode-session-settings label,
.barcode-scan-input { display: grid; gap: 4px; color: var(--ink-soft); font-size: 6.2px; font-weight: 750; }
.barcode-session-settings input,
.barcode-session-settings select { width: 100%; height: 32px; padding: 0 8px; color: var(--ink); background: white; border: 1px solid var(--line); border-radius: 7px; font: inherit; font-size: 6.7px; }
.barcode-scan-input > span:nth-child(2) { display: grid; grid-template-columns: 34px minmax(0,1fr); align-items: center; overflow: hidden; background: white; border: 2px solid #b9c7ef; border-radius: 9px; box-shadow: 0 0 0 3px rgba(54,89,201,.05); }
.barcode-scan-input > span:nth-child(2) .icon { width: 16px; height: 16px; margin: auto; color: var(--brand); }
.barcode-scan-input input { width: 100%; height: 42px; padding: 0 10px 0 0; color: var(--ink); background: transparent; border: 0; outline: 0; font-size: 8px; font-weight: 750; }
.barcode-scan-input > small { color: var(--muted); font-size: 5.7px; font-weight: 500; }
.barcode-session-options { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 7px; }
.barcode-session-options > label { display: flex; min-height: 46px; padding: 7px 8px; align-items: center; gap: 7px; background: #f8fafc; border: 1px solid var(--line); border-radius: 8px; cursor: pointer; }
.barcode-session-options > label.is-sensitive { background: #fff8f6; border-color: #efcbc6; }
.barcode-session-options input { width: 13px; height: 13px; margin: 0; flex: 0 0 auto; accent-color: var(--brand); }
.barcode-session-options span { display: grid; gap: 2px; }
.barcode-session-options strong { color: var(--ink-soft); font-size: 6px; }
.barcode-session-options small { color: var(--muted); font-size: 5.3px; line-height: 1.35; }
.barcode-security-note { display: flex; padding: 8px 9px; align-items: flex-start; gap: 7px; color: #8f3c32; background: #fff8f6; border: 1px solid #efcbc6; border-radius: 8px; }
.barcode-security-note .icon { width: 14px; height: 14px; flex: 0 0 auto; }
.barcode-security-note > span { display: grid; gap: 2px; }
.barcode-security-note strong { font-size: 6.2px; }
.barcode-security-note small { color: #94645e; font-size: 5.5px; line-height: 1.4; }
.barcode-session-cart { display: grid; min-height: 250px; grid-template-rows: auto minmax(0,1fr) auto; background: #fbfcfe; }
.barcode-session-cart > header { display: flex; min-height: 48px; padding: 8px 11px; align-items: center; justify-content: space-between; gap: 8px; border-bottom: 1px solid var(--line); }
.barcode-session-cart > header span { display: grid; gap: 2px; }
.barcode-session-cart > header small { color: var(--muted); font-size: 5.4px; font-weight: 800; letter-spacing: .05em; }
.barcode-session-cart > header strong { font-size: 10px; }
.barcode-session-cart > header button { color: var(--muted); background: transparent; border: 0; cursor: pointer; font-size: 5.7px; font-weight: 750; }
.barcode-session-empty { display: grid; padding: 18px; place-content: center; justify-items: center; color: var(--muted); text-align: center; }
.barcode-session-empty .icon { width: 28px; height: 28px; margin-bottom: 7px; color: #98a2b3; }
.barcode-session-empty strong { color: var(--ink-soft); font-size: 7px; }
.barcode-session-empty p { max-width: 220px; margin: 4px 0 0; font-size: 5.7px; line-height: 1.45; }
.barcode-session-lines { display: grid; padding: 7px; align-content: start; gap: 5px; }
.barcode-session-line { display: grid; min-height: 45px; padding: 6px 7px; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 7px; background: white; border: 1px solid var(--line); border-radius: 7px; }
.barcode-session-line > span { display: grid; gap: 2px; }
.barcode-session-line strong { font-size: 6.3px; }
.barcode-session-line small { color: var(--muted); font-size: 5.3px; }
.barcode-session-line b { display: grid; min-width: 27px; height: 27px; place-items: center; color: var(--brand); background: var(--brand-soft); border-radius: 7px; font-size: 7px; }
.barcode-session-cart > footer { display: grid; min-height: 57px; padding: 8px 10px; grid-template-columns: repeat(2,minmax(0,1fr)); align-items: center; gap: 10px; background: white; border-top: 1px solid var(--line); }
.barcode-session-cart > footer span { display: grid; gap: 2px; }
.barcode-session-cart > footer small { color: var(--muted); font-size: 5.3px; }
.barcode-session-cart > footer strong { font-size: 8px; }
.barcode-session-cart > footer .button { justify-self: end; }
.excel-price-guide { margin-bottom: 10px; padding: 0; overflow: hidden; }
.excel-price-guide > header { display: flex; min-height: 66px; padding: 11px 14px; align-items: center; justify-content: space-between; gap: 12px; border-bottom: 1px solid var(--line); }
.excel-price-guide h2 { margin: 3px 0 2px; font-size: 13px; }
.excel-price-guide header p { margin: 0; color: var(--muted); font-size: 6.2px; }
.excel-price-guide-body { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(280px,.8fr); }
.excel-price-guide ol { display: grid; margin: 0; padding: 13px 14px; gap: 7px; list-style: none; border-right: 1px solid var(--line); }
.excel-price-guide li { display: grid; min-height: 37px; grid-template-columns: 25px minmax(0,1fr); align-items: center; gap: 8px; }
.excel-price-guide li b { display: grid; width: 25px; height: 25px; place-items: center; color: var(--brand); background: var(--brand-soft); border-radius: 7px; font-size: 6.5px; }
.excel-price-guide li span { display: grid; gap: 2px; }
.excel-price-guide li strong { font-size: 6.5px; }
.excel-price-guide li small { color: var(--muted); font-size: 5.6px; }
.excel-price-columns { padding: 13px 14px; background: #f8fafc; }
.excel-price-columns > strong { font-size: 6.5px; }
.excel-price-columns > div { display: grid; margin-top: 8px; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 5px; }
.excel-price-columns > div span { padding: 5px 6px; color: var(--ink-soft); background: white; border: 1px solid var(--line); border-radius: 6px; font-size: 5.5px; }
.excel-price-columns p { margin: 8px 0 0; color: var(--coral); font-size: 5.5px; line-height: 1.45; }
.excel-price-upload-dialog { width: min(780px,calc(100vw - 32px)); }
.excel-price-option-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 5px 14px; }
.excel-price-option-grid label { display: flex; min-height: 31px; padding: 5px 7px; align-items: center; gap: 7px; color: var(--ink-soft); background: #fbfcfe; border: 1px solid #edf0f4; border-radius: 6px; font-size: 6.2px; cursor: pointer; }
.excel-price-option-grid input { width: 13px; height: 13px; margin: 0; accent-color: var(--brand); }
.excel-price-dropzone { display: grid; min-height: 130px; margin-top: 11px; padding: 18px; place-content: center; justify-items: center; color: var(--muted); background: #fafbfc; border: 1.5px dashed #b9c3d0; border-radius: 9px; cursor: pointer; text-align: center; }
.excel-price-dropzone:hover { color: var(--brand); background: #f7f9ff; border-color: #91a7e8; }
.excel-price-dropzone.is-dragging { color: var(--brand); background: var(--brand-soft); border-color: var(--brand); box-shadow: inset 0 0 0 1px var(--brand); }
.excel-price-dropzone input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.excel-price-dropzone .icon { width: 25px; height: 25px; margin-bottom: 7px; }
.excel-price-dropzone strong { color: var(--ink-soft); font-size: 7px; }
.excel-price-dropzone small { margin-top: 4px; font-size: 5.6px; }
.excel-price-upload-rules { display: flex; min-height: 50px; margin-top: 10px; padding: 8px 9px; align-items: center; justify-content: space-between; gap: 12px; background: var(--brand-soft); border: 1px solid #dce4fa; border-radius: 8px; }
.excel-price-upload-rules > span { display: grid; gap: 2px; }
.excel-price-upload-rules strong { color: var(--brand-dark); font-size: 6.3px; }
.excel-price-upload-rules small { color: var(--ink-soft); font-size: 5.5px; }
.excel-price-upload-rules > label { display: flex; align-items: center; gap: 6px; color: var(--ink-soft); font-size: 5.7px; }
.rpt-request-workspace { padding: 0; overflow: visible; }
.rpt-request-filters { display: grid; padding: 11px 13px; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; background: #f8fafc; border-bottom: 1px solid var(--line); }
.rpt-request-filters[hidden] { display: none; }
.rpt-request-filters label { display: grid; min-width: 0; gap: 4px; color: var(--ink-soft); font-size: 5.8px; font-weight: 750; }
.rpt-request-filters label.span-2 { grid-column: span 2; }
.rpt-request-filters input,
.rpt-request-filters select { width: 100%; height: 30px; padding: 0 7px; color: var(--ink); background: white; border: 1px solid var(--line); border-radius: 6px; font: inherit; font-size: 6.3px; }
.rpt-request-filters footer { display: flex; grid-column: 1 / -1; justify-content: flex-end; gap: 6px; }
.rpt-bulk-toolbar { display: flex; min-height: 43px; padding: 7px 13px; align-items: center; justify-content: space-between; gap: 10px; background: #f9fafc; border-bottom: 1px solid var(--line); }
.rpt-bulk-toolbar > span { color: var(--muted); font-size: 6px; }
.rpt-bulk-toolbar > span strong { color: var(--brand); font-size: 8px; }
.rpt-bulk-toolbar > div { display: flex; gap: 6px; }
.rpt-bulk-toolbar button:disabled { opacity: .45; cursor: not-allowed; }
.rpt-request-table { table-layout: fixed; }
.rpt-request-table th:nth-child(1) { width: 32px; }
.rpt-request-table th:nth-child(2) { width: 20%; }
.rpt-request-table th:nth-child(3) { width: 34%; }
.rpt-request-table th:nth-child(4),
.rpt-request-table th:nth-child(5),
.rpt-request-table th:nth-child(6),
.rpt-request-table th:nth-child(7) { width: 6%; }
.rpt-request-table th:nth-child(8) { width: 21%; }
.rpt-request-table td { height: auto; padding-top: 8px; padding-bottom: 8px; vertical-align: middle; }
.rpt-product-identity { display: grid; grid-template-columns: 30px minmax(0,1fr); align-items: center; gap: 7px; }
.rpt-product-identity .product-thumb { width: 30px; height: 38px; }
.rpt-product-identity > span:last-child { display: grid; min-width: 0; gap: 3px; }
.rpt-product-identity a { color: var(--brand); font-size: 6.3px; font-weight: 800; overflow-wrap: anywhere; }
.rpt-product-identity small { color: var(--muted); font-size: 5.2px; }
.rpt-variant-demand { display: grid; overflow: hidden; border: 1px solid var(--line); border-radius: 7px; }
.rpt-variant-demand > header,
.rpt-variant-demand > div,
.rpt-variant-demand > footer { display: grid; min-height: 26px; padding: 4px 6px; grid-template-columns: minmax(0,1.3fr) repeat(3,minmax(38px,.6fr)); align-items: center; gap: 4px; }
.rpt-variant-demand > header { color: var(--muted); background: #f8fafc; font-size: 5px; font-weight: 800; }
.rpt-variant-demand > div { background: #fff9f4; border-top: 1px solid #f2e6dc; font-size: 5.3px; }
.rpt-variant-demand > footer { background: #fff5ed; border-top: 2px solid #e2d2c5; font-size: 5.4px; }
.rpt-variant-demand span,
.rpt-variant-demand b { text-align: center; }
.rpt-variant-demand b { color: var(--coral); }
.rpt-date-stack { display: grid; gap: 3px; margin-bottom: 7px; }
.rpt-date-stack small { color: var(--muted); font-size: 5.2px; }
.rpt-row-action-menu { display: inline-block; }
.rpt-row-action-menu .action-menu-popover { min-width: 185px; }
.rpt-row-action-menu .action-menu-popover button.danger { color: var(--coral); }
.rpt-request-table tr.is-cancelled { opacity: .55; background: #fff7f6; }
.rpt-request-table tr.is-cancelled .rpt-variant-demand { filter: grayscale(1); }
.rpt-request-footer { display: grid; min-height: 45px; padding: 8px 13px; grid-template-columns: 1fr auto 1fr; align-items: center; border-top: 1px solid var(--line); }
.rpt-request-footer > span { display: flex; align-items: center; gap: 6px; color: var(--muted); font-size: 5.8px; }
.rpt-request-footer > span:last-child { justify-self: end; }
.rpt-request-footer select { height: 27px; border: 1px solid var(--line); border-radius: 6px; font-size: 6px; }
.app-pagination { display: flex; justify-content: center; gap: 3px; }
.app-pagination button { display: grid; min-width: 30px; height: 30px; place-items: center; color: var(--muted); background: white; border: 1px solid var(--line); border-radius: 8px; cursor: pointer; font: inherit; font-size: 7px; font-weight: 800; }
.app-pagination button.is-active { color: white; background: var(--brand); border-color: var(--brand); }
.app-pagination button:disabled { opacity: .4; cursor: not-allowed; }
.rpt-delivery-dialog { width: min(620px,calc(100vw - 32px)); }
.stock-entry-rpt-hint { color: var(--brand) !important; font-weight: 800; }
.barcode-rpt-note { display: flex; padding: 8px 9px; align-items: flex-start; gap: 7px; color: var(--brand-dark); background: var(--brand-soft); border: 1px solid #d8e1fb; border-radius: 8px; }
.barcode-rpt-note .icon { width: 14px; height: 14px; flex: 0 0 auto; }
.barcode-rpt-note > span { display: grid; gap: 2px; }
.barcode-rpt-note strong { font-size: 6.2px; }
.barcode-rpt-note small { color: var(--ink-soft); font-size: 5.5px; line-height: 1.4; }
.barcode-clone-simple { padding: 0; overflow: hidden; }
.barcode-clone-simple > header { display: flex; min-height: 68px; padding: 11px 14px; align-items: center; justify-content: space-between; gap: 12px; border-bottom: 1px solid var(--line); }
.barcode-clone-simple h2 { margin: 3px 0 2px; font-size: 13px; }
.barcode-clone-simple header p { margin: 0; color: var(--muted); font-size: 6.2px; }
.barcode-clone-simple form { display: grid; width: min(460px,100%); padding: 15px; grid-template-columns: 1fr; align-items: end; gap: 11px; }
.barcode-clone-simple form > label:first-child { display: grid; gap: 4px; color: var(--ink-soft); font-size: 6.2px; font-weight: 750; }
.barcode-clone-simple select { width: 100%; height: 42px; padding: 0 9px; background: white; border: 1px solid var(--line); border-radius: 8px; font: inherit; font-size: 7px; }
.count-slip-workspace { padding: 0; overflow: hidden; }
.count-slip-workspace > header { display: flex; min-height: 68px; padding: 11px 14px; align-items: center; justify-content: space-between; gap: 12px; border-bottom: 1px solid var(--line); }
.count-slip-workspace h2 { margin: 3px 0 2px; font-size: 13px; }
.count-slip-workspace header p { margin: 0; color: var(--muted); font-size: 6.2px; }
.count-slip-cards { display: grid; padding: 10px; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; background: #f8fafc; }
.count-slip-cards > article { display: grid; min-height: 145px; padding: 11px; align-content: start; gap: 10px; background: white; border: 1px solid var(--line); border-radius: 9px; }
.count-slip-cards article > header { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.count-slip-cards article > header > span:first-child { display: grid; gap: 2px; }
.count-slip-cards article > header small { color: var(--muted); font-size: 5.4px; }
.count-slip-cards article > header strong { font-size: 8px; }
.count-slip-cards article > p { margin: 0; color: var(--muted); font-size: 6px; line-height: 1.5; }
.count-slip-state { display: inline-flex; min-height: 25px; padding: 0 8px; align-items: center; gap: 5px; color: var(--ink-soft); background: #f3f5f8; border-radius: 7px; font-size: 5.8px; font-weight: 850; }
.count-slip-state i { width: 5px; height: 5px; background: var(--muted); border-radius: 50%; }
.count-slip-state.tone-success { color: var(--success); background: var(--success-soft); }.count-slip-state.tone-success i { background: var(--success); }
.count-slip-state.tone-warning { color: #9a6410; background: var(--amber-soft); }.count-slip-state.tone-warning i { background: var(--amber); }
.count-slip-state.tone-info { color: var(--brand); background: var(--brand-soft); }.count-slip-state.tone-info i { background: var(--brand); }
.count-slip-state.tone-danger { color: var(--coral); background: var(--coral-soft); }.count-slip-state.tone-danger i { background: var(--coral); }
.count-slip-scan { display: grid; grid-template-columns: minmax(220px,1fr) auto auto; align-items: end; gap: 8px; }
.count-slip-scan label { display: grid; gap: 4px; color: var(--ink-soft); font-size: 5.8px; font-weight: 750; }
.count-slip-scan input { width: 100%; height: 34px; padding: 0 9px; border: 2px solid #b9c7ef; border-radius: 7px; font: inherit; font-size: 7px; outline: 0; }
.count-slip-scan > span { display: grid; min-width: 70px; padding: 6px 8px; gap: 2px; background: #f8fafc; border: 1px solid var(--line); border-radius: 7px; }
.count-slip-scan > span small { color: var(--muted); font-size: 5px; }.count-slip-scan > span strong { font-size: 8px; }
.count-slip-cards article > footer { display: flex; margin-top: auto; flex-wrap: wrap; gap: 5px; }
.count-slip-process-dialog { width: min(720px,calc(100vw - 32px)); }
.count-slip-warning { display: flex; padding: 9px 10px; gap: 8px; color: var(--coral); background: var(--coral-soft); border: 1px solid #f0cdd0; border-radius: 8px; font-size: 6.3px; }
.count-slip-process-options { display: grid; margin-top: 10px; gap: 7px; }
.count-slip-process-options button { display: grid; min-height: 60px; padding: 10px 11px; gap: 4px; color: var(--ink-soft); background: white; border: 1px solid var(--line); border-radius: 9px; cursor: pointer; font: inherit; text-align: left; }
.count-slip-process-options button:hover { color: var(--brand-dark); background: var(--brand-soft); border-color: #cbd6f4; }
.count-slip-process-options strong { font-size: 7px; }.count-slip-process-options small { color: var(--muted); font-size: 6px; line-height: 1.45; }
.count-slip-filters,
.supplier-filters { display: grid; padding: 11px 13px; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 8px; background: #f8fafc; border-bottom: 1px solid var(--line); }
.count-slip-filters[hidden],
.supplier-filters[hidden] { display: none; }
.count-slip-filters label,
.supplier-filters label { display: grid; gap: 4px; color: var(--ink-soft); font-size: 5.8px; font-weight: 750; }
.count-slip-filters input,
.count-slip-filters select,
.supplier-filters input,
.supplier-filters select { width: 100%; height: 31px; padding: 0 8px; color: var(--ink); background: white; border: 1px solid var(--line); border-radius: 7px; font: inherit; font-size: 6.2px; }
.count-slip-filters footer,
.supplier-filters footer { display: flex; grid-column: 1 / -1; justify-content: flex-end; gap: 6px; }
.count-slip-table,
.supplier-table { width: 100%; table-layout: fixed; }
.count-slip-table th,
.count-slip-table td,
.supplier-table th,
.supplier-table td { width: auto; min-width: 0; padding: 8px 7px; overflow-wrap: anywhere; white-space: normal; }
.count-slip-table th,
.supplier-table th { font-size: 5.3px; }
.count-slip-table td,
.supplier-table td { height: 54px; font-size: 6.1px; line-height: 1.35; }
.count-slip-table td > small,
.supplier-table td > small { display: block; margin-top: 3px; color: var(--muted); font-size: 5.3px; }
.count-slip-id { padding: 0; color: var(--brand); background: transparent; border: 0; cursor: pointer; font: inherit; font-size: 6.7px; font-weight: 850; }
.app-pagination-footer { display: grid; min-height: 48px; padding: 8px 13px; grid-template-columns: 1fr auto 1fr; align-items: center; border-top: 1px solid var(--line); }
.app-pagination-footer > span { color: var(--muted); font-size: 5.8px; }
.app-pagination-footer > span:last-child { justify-self: end; }
.app-pagination-footer select { height: 28px; border: 1px solid var(--line); border-radius: 6px; font-size: 6px; }
.count-slip-detail-dialog { width: min(760px,calc(100vw - 32px)); }
.count-slip-live-panel { display: grid; margin-top: 10px; padding: 10px; grid-template-columns: minmax(0,1fr) auto; gap: 10px; background: #f8fafc; border: 1px solid var(--line); border-radius: 9px; }
.count-slip-live-panel[hidden],
.count-slip-detail-actions [hidden] { display: none !important; }
.count-slip-live-panel > label { display: grid; gap: 4px; color: var(--ink-soft); font-size: 6px; font-weight: 750; }
.count-slip-live-panel input { width: 100%; height: 36px; padding: 0 9px; border: 2px solid #b9c7ef; border-radius: 8px; font: inherit; font-size: 7px; }
.count-slip-live-panel > div { display: flex; gap: 6px; }
.count-slip-live-panel > div span { display: grid; min-width: 82px; padding: 7px 8px; gap: 3px; background: white; border: 1px solid var(--line); border-radius: 8px; }
.count-slip-live-panel small { color: var(--muted); font-size: 5.2px; }.count-slip-live-panel strong { font-size: 8px; }
.count-slip-scanner-audit { margin-top: 10px; overflow: hidden; background: white; border: 1px solid var(--line); border-radius: 9px; }
.count-slip-scanner-audit > header { display: flex; min-height: 55px; padding: 9px 10px; align-items: center; justify-content: space-between; gap: 10px; background: #f8fafc; border-bottom: 1px solid var(--line); }
.count-slip-scanner-audit h3 { margin: 2px 0; font-size: 8px; }
.count-slip-scanner-audit header p { margin: 0; color: var(--muted); font-size: 5.5px; }
.count-slip-scanner-audit > header > strong { min-width: 70px; padding: 7px 9px; color: var(--brand-dark); background: var(--brand-soft); border-radius: 7px; text-align: center; font-size: 6px; }
.count-slip-scanner-row { display: grid; min-height: 48px; padding: 7px 10px; grid-template-columns: 30px minmax(0,1fr) auto; align-items: center; gap: 9px; border-bottom: 1px solid var(--line); }
.count-slip-scanner-row:last-child { border-bottom: 0; }
.count-slip-scanner-row > b { display: grid; width: 28px; height: 28px; place-items: center; color: var(--brand-dark); background: var(--brand-soft); border-radius: 8px; font-size: 6px; }
.count-slip-scanner-row > span { display: grid; gap: 2px; }
.count-slip-scanner-row > span:last-child { min-width: 78px; text-align: right; }
.count-slip-scanner-row strong { font-size: 6.4px; }
.count-slip-scanner-row small { color: var(--muted); font-size: 5.3px; }
.count-slip-scanner-empty { display: grid; min-height: 58px; padding: 10px; place-content: center; gap: 3px; color: var(--muted); text-align: center; }
.count-slip-scanner-empty strong { color: var(--ink-soft); font-size: 6.4px; }
.count-slip-scanner-empty small { font-size: 5.4px; }
.count-slip-detail-note { margin-top: 10px; padding: 9px 10px; color: var(--ink-soft); background: var(--brand-soft); border: 1px solid #d8e1fb; border-radius: 8px; font-size: 6px; line-height: 1.5; }
.count-slip-detail-actions { flex-wrap: wrap; }
.supplier-workspace { padding: 0; overflow: hidden; }
.supplier-detail-dialog { width: min(900px,calc(100vw - 32px)); }
.supplier-detail-layout { display: grid; grid-template-columns: minmax(260px,.75fr) minmax(0,1.25fr); gap: 12px; }
.supplier-edit-fields,
.supplier-performance-detail { display: grid; align-content: start; gap: 8px; }
.supplier-edit-fields h3,
.supplier-performance-detail h3 { margin: 0 0 2px; font-size: 8px; }
.supplier-edit-fields label { display: grid; gap: 4px; color: var(--ink-soft); font-size: 6.1px; font-weight: 750; }
.supplier-edit-fields label em { color: var(--muted); font-size: 5.3px; font-style: normal; font-weight: 600; }
.supplier-edit-fields input,
.supplier-edit-fields select { width: 100%; height: 33px; padding: 0 8px; border: 1px solid var(--line); border-radius: 7px; font: inherit; font-size: 6.6px; }
.supplier-performance-detail > div { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); background: #f8fafc; border: 1px solid var(--line); border-radius: 9px; }
.supplier-performance-detail > div span { display: grid; min-height: 54px; padding: 8px; align-content: center; gap: 3px; border-right: 1px solid var(--line); }
.supplier-performance-detail > div span:last-child { border-right: 0; }
.supplier-performance-detail small { color: var(--muted); font-size: 5.1px; }.supplier-performance-detail strong { font-size: 6.7px; }
.supplier-performance-detail article { padding: 8px 9px; background: white; border: 1px solid var(--line); border-radius: 8px; }
.supplier-performance-detail article strong { font-size: 6.3px; }
.supplier-performance-detail article p { margin: 3px 0 0; color: var(--muted); font-size: 5.6px; line-height: 1.5; }
.supplier-performance-detail > footer { display: flex; padding: 8px 9px; justify-content: space-between; gap: 8px; color: var(--muted); background: var(--brand-soft); border-radius: 8px; font-size: 5.5px; }
.season-scope-dialog { width: min(720px,calc(100vw - 32px)); }
@media (max-width: 940px) {
  .product-module-sibling-nav { flex-wrap: wrap; overflow: visible; }
  .product-module-sibling-nav a { flex: 1 1 135px; }
  .product-module-context { grid-template-columns: 1fr; }
  .product-module-toolbar { align-items: flex-start; flex-direction: column; }
  .product-module-toolbar > div:last-child { width: 100%; }
  .product-module-toolbar .inline-search { width: 100%; flex: 1; }
  .product-module-filters { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .product-module-filters > span { grid-column: 1 / -1; justify-content: flex-end; }
  .barcode-session-body,
  .excel-price-guide-body { grid-template-columns: 1fr; }
  .barcode-session-form,
  .excel-price-guide ol { border-right: 0; border-bottom: 1px solid var(--line); }
  .rpt-request-filters { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .count-slip-cards { grid-template-columns: 1fr; }
  .count-slip-filters,
  .supplier-filters { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .supplier-detail-layout { grid-template-columns: 1fr; }
}
@media (max-width: 680px) {
  .product-module-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .product-module-metrics article:nth-child(2) { border-right: 0; }
  .product-module-metrics article:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .product-module-flow > div { grid-template-columns: 1fr; }
  .product-module-flow section { min-height: 62px; border-right: 0; border-bottom: 1px solid var(--line); }
  .product-module-flow section:last-child { border-bottom: 0; }
  .product-module-flow section::after { display: none; }
  .product-module-toolbar > div:last-child { display: grid; grid-template-columns: 1fr 1fr; }
  .product-module-toolbar .inline-search { grid-column: 1 / -1; }
  .product-module-filters,
  .product-module-action-fields { grid-template-columns: 1fr; }
  .product-module-filters > span,
  .product-module-action-fields label.wide { grid-column: auto; }
  .product-module-workspace > footer { align-items: stretch; flex-direction: column; }
  .product-module-workspace > footer .button { width: 100%; }
  .barcode-session-workspace > header { grid-template-columns: 34px minmax(0,1fr); }
  .barcode-session-state { grid-column: 1 / -1; justify-content: center; }
  .barcode-session-settings,
  .barcode-session-options { grid-template-columns: 1fr; }
  .barcode-session-cart > footer { grid-template-columns: 1fr 1fr; }
  .excel-price-guide > header,
  .excel-price-upload-rules { align-items: stretch; flex-direction: column; }
  .excel-price-option-grid,
  .rpt-request-filters { grid-template-columns: 1fr; }
  .rpt-request-filters label.span-2 { grid-column: auto; }
  .rpt-bulk-toolbar,
  .barcode-clone-simple > header,
  .count-slip-workspace > header { align-items: stretch; flex-direction: column; }
  .rpt-bulk-toolbar > div,
  .barcode-clone-simple form,
  .count-slip-scan { grid-template-columns: 1fr; }
  .rpt-bulk-toolbar > div { display: grid; }
  .rpt-request-footer { grid-template-columns: 1fr; justify-items: center; gap: 7px; }
  .rpt-request-footer > span:last-child { justify-self: center; }
  .barcode-clone-simple form { max-width: none; }
  .count-slip-filters,
  .supplier-filters,
  .supplier-performance-detail > div { grid-template-columns: 1fr; }
  .count-slip-live-panel { grid-template-columns: 1fr; }
  .count-slip-live-panel > div { display: grid; grid-template-columns: 1fr 1fr; }
  .app-pagination-footer { grid-template-columns: 1fr; justify-items: center; gap: 7px; }
  .app-pagination-footer > span:last-child { justify-self: center; }
}
.product-rpt-state { display: inline-flex; min-height: 28px; padding: 0 9px; align-items: center; gap: 6px; color: var(--ink-soft); background: #f8fafc; border: 1px solid var(--line); border-radius: 8px; font-size: 6.5px; font-weight: 800; }
.product-rpt-state i { width: 6px; height: 6px; background: var(--muted); border-radius: 50%; }
.product-rpt-state.tone-success i { background: var(--success); }
.product-rpt-state.tone-warning i,
.product-rpt-state.tone-danger i { background: var(--amber); }
.product-rpt-overview { display: grid; margin: 14px 15px; grid-template-columns: repeat(4,minmax(0,1fr)); background: #f8fafc; border: 1px solid var(--line); border-radius: 9px; }
.product-rpt-overview > span { display: grid; min-height: 54px; padding: 9px 11px; align-content: center; gap: 3px; border-right: 1px solid var(--line); }
.product-rpt-overview > span:last-child { border-right: 0; }
.product-rpt-overview small { color: var(--muted); font-size: 5.8px; text-transform: uppercase; }
.product-rpt-overview strong { color: var(--ink-soft); font-size: 6.8px; }
.product-rpt-findings { display: grid; padding: 0 15px 14px; gap: 7px; }
.product-rpt-findings article { display: grid; min-height: 58px; padding: 10px 11px; grid-template-columns: 7px minmax(0,1fr); align-items: start; gap: 8px; background: white; border: 1px solid var(--line); border-radius: 9px; }
.product-rpt-findings article > i { width: 7px; height: 7px; margin-top: 3px; background: var(--muted); border-radius: 50%; }
.product-rpt-findings article.tone-success > i { background: var(--success); }
.product-rpt-findings article.tone-warning > i { background: var(--amber); }
.product-rpt-findings article.tone-danger > i { background: var(--coral); }
.product-rpt-findings article span { display: grid; gap: 3px; }
.product-rpt-findings strong { font-size: 7.5px; }
.product-rpt-findings p { margin: 0; color: var(--ink-soft); font-size: 6.5px; line-height: 1.45; }
.product-rpt-findings small { color: var(--muted); font-size: 5.8px; }
.product-note-list { display: grid; padding: 14px 15px; gap: 9px; }
.product-note-list article { display: grid; grid-template-columns: 30px minmax(0,1fr); align-items: start; gap: 9px; }
.product-note-list article > span { display: grid; width: 30px; height: 30px; place-items: center; color: var(--brand-dark); background: var(--brand-soft); border-radius: 8px; font-size: 6px; font-weight: 850; }
.product-note-list p { margin: 0; color: var(--ink-soft); font-size: 7px; line-height: 1.5; }
.product-note-list small { display: block; margin-top: 4px; color: var(--muted); font-size: 6px; }
.product-note-composer { display: grid; padding: 12px 15px; grid-template-columns: minmax(0,1fr) auto; align-items: end; gap: 8px; background: #f8fafc; border-top: 1px solid var(--line); }
.product-note-composer textarea { width: 100%; padding: 8px 9px; resize: vertical; color: var(--ink); background: white; border: 1px solid var(--line); border-radius: 8px; font: inherit; font-size: 7px; }
.product-negative-detail-list { display: grid; margin-top: 12px; gap: 7px; }
.product-negative-detail-list article { display: grid; min-height: 60px; padding: 9px 11px; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 4px 12px; background: #f8fafc; border: 1px solid var(--line); border-radius: 9px; }
.product-negative-detail-list article > span { display: grid; gap: 3px; }
.product-negative-detail-list article strong { font-size: 7.5px; }
.product-negative-detail-list article small { color: var(--muted); font-size: 6px; }
.product-negative-detail-list article b { color: var(--muted); font-size: 8px; }
.product-negative-detail-list article p { grid-column: 1 / -1; margin: 0; color: var(--muted); font-size: 6.3px; }
.product-negative-detail-list article.has-record { background: #fff8f6; border-color: #efcbc6; }
.product-negative-detail-list article.has-record b { color: var(--coral); }
.product-log-dialog { width: min(680px,calc(100vw - 32px)); }
.product-log-list { display: grid; gap: 8px; }
.product-log-list article { display: grid; padding: 10px 0; grid-template-columns: 8px minmax(0,1fr); align-items: start; gap: 9px; border-bottom: 1px solid var(--line); }
.product-log-list article:last-child { border-bottom: 0; }
.product-log-list article > i { width: 8px; height: 8px; margin-top: 3px; background: var(--muted); border-radius: 50%; }
.product-log-list article > i.tone-success { background: var(--success); }
.product-log-list article > i.tone-warning { background: var(--amber); }
.product-log-list article > i.tone-danger { background: var(--coral); }
.product-log-list article > i.tone-info,
.product-log-list article > i.tone-purple { background: var(--brand); }
.product-log-list strong { font-size: 7.5px; }
.product-log-list p { margin: 3px 0; color: var(--ink-soft); font-size: 6.5px; line-height: 1.45; }
.product-log-list small { color: var(--muted); font-size: 6px; }

@media (max-width: 1180px) {
  .product-filter-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
  .product-detail-layout { grid-template-columns: 215px minmax(0,1fr); }
  .product-metadata-layout { grid-template-columns: minmax(0,1fr) 185px; }
  .product-meta-fields { grid-template-columns: repeat(4,minmax(0,1fr)); }
  .product-price-bulk { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .product-price-bulk > span { grid-column: span 2; }
  .product-tax-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .product-media-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 940px) {
  .product-status-strip { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .product-filter-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .product-workspace-head { align-items: flex-start; flex-direction: column; }
  .product-legend { justify-content: flex-start; }
  .product-detail-layout { grid-template-columns: 1fr; }
  .product-detail-rail { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .product-detail-metrics { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .product-detail-metrics article:nth-child(3) { border-right: 0; }
  .product-detail-metrics article:nth-child(-n+3) { border-bottom: 1px solid var(--line); }
  .product-detail-metrics article:last-child { border-right: 0; }
  .product-metadata-layout { grid-template-columns: 1fr; }
  .product-meta-fields { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .product-meta-side { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .product-price-bulk { grid-template-columns: repeat(3,minmax(0,1fr)); }
}

@media (max-width: 680px) {
  .product-create-menu { flex: 1; }
  .product-create-menu > .button { width: 100%; }
  .product-status-strip { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
  .product-status-strip article { min-height: 60px; padding: 9px; }
  .product-status-icon { width: 32px; height: 32px; }
  .product-workspace-head { padding: 12px 15px; }
  .product-tabs { padding: 0 15px; overflow-x: auto; }
  .product-tabs a { flex: 0 0 auto; }
  .product-search-row { padding: 10px 15px; grid-template-columns: repeat(2,minmax(0,1fr)); }
  .product-search { grid-column: 1 / -1; }
  .product-filter-toggle,
  .product-bulk-menu > .filter-button,
  .product-search-submit,
  .product-search-row > .table-export-menu > .filter-button { width: 100%; justify-content: center; }
  .product-filter-panel > header,
  .product-filter-panel > footer { padding-right: 15px; padding-left: 15px; }
  .product-filter-grid { padding-right: 15px; padding-left: 15px; grid-template-columns: repeat(2,minmax(0,1fr)); }
  .product-filter-panel > footer { align-items: stretch; flex-direction: column; }
  .product-filter-panel > footer > div { display: grid; grid-template-columns: 1fr 1fr; }
  .product-filter-panel > footer .button { width: 100%; }
  .product-result-bar { padding-right: 15px; padding-left: 15px; align-items: flex-start; flex-direction: column; }
  .product-table td:nth-child(2),
  .product-table td:nth-child(4) { grid-column: 1 / -1; }
  .product-table tr.has-product-issue td:first-child { box-shadow: none; }
  .product-table tr.has-product-issue { border-left: 3px solid #dba044; }
  .product-modal-summary { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .product-modal-summary > span:nth-child(2) { border-right: 0; }
  .product-modal-summary > span:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .product-detail-page-heading .heading-actions { display: grid; grid-template-columns: 1fr 1fr; }
  .product-detail-page-heading .heading-actions .button-primary { grid-column: 1 / -1; }
  .product-detail-anchor-nav { min-height: 0; padding: 6px; flex-wrap: wrap; overflow: visible; }
  .product-detail-anchor-nav button { height: 32px; padding: 0 8px; background: #f8fafc; border: 1px solid var(--line); border-radius: 7px; }
  .product-detail-anchor-nav button.is-active { background: var(--brand-soft); border-color: #d7e0fb; }
  .product-detail-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .product-detail-metrics article,
  .product-detail-metrics article:nth-child(3) { border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
  .product-detail-metrics article:nth-child(2n) { border-right: 0; }
  .product-detail-metrics article:last-child { grid-column: 1 / -1; border-right: 0; border-bottom: 0; }
  .product-detail-rail { grid-template-columns: 1fr; }
  .product-general-fields { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .product-general-fields label.wide,
  .product-general-fields > .wide { grid-column: 1 / -1; }
  .product-general-fields > .span-2,
  .product-general-fields > .span-3,
  .product-general-fields > .full { grid-column: 1 / -1; }
  .product-general-check { grid-column: 1 / -1; }
  .product-detail-panel-head { align-items: flex-start; flex-direction: column; }
  .detail-panel-actions { width: 100%; flex-wrap: wrap; }
  .detail-panel-actions > * { flex: 1; }
  .detail-panel-actions .button,
  .detail-panel-actions .table-export-trigger { width: 100%; justify-content: center; }
  .product-negative-alert { align-items: flex-start; flex-wrap: wrap; }
  .product-negative-alert > div { min-width: calc(100% - 42px); }
  .product-negative-alert > button { width: 100%; }
  .product-rpt-overview { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .product-rpt-overview > span:nth-child(2) { border-right: 0; }
  .product-rpt-overview > span:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .product-note-composer { grid-template-columns: 1fr; }
  .product-note-composer .button { width: 100%; }
  .product-meta-fields { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .product-meta-side { grid-template-columns: 1fr; }
  .product-price-bulk { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .product-price-bulk > span { grid-column: 1 / -1; }
  .product-tax-grid { grid-template-columns: 1fr; }
  .product-media-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .product-meta-definition-summary { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .product-meta-definition-summary > span:nth-child(2) { border-right: 0; }
  .product-meta-definition-summary > span:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .product-meta-definition-list > header { display: none; }
  .product-meta-definition-list > article { grid-template-columns: 62px minmax(0,1fr); gap: 6px; }
  .product-meta-definition-list > article > input,
  .product-meta-definition-list > article > select { grid-column: 2; }
  .product-meta-definition-list > article > label { grid-column: span 1; }
  .product-stock-operation-summary { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .product-stock-operation-summary > span:nth-child(2) { border-right: 0; }
  .product-stock-operation-summary > span:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .product-stock-exit-card { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .product-stock-exit-card > span:nth-child(2) { border-right: 0; }
  .product-stock-exit-card > span:nth-child(-n+2) { border-bottom: 1px solid #f0ddd8; }
  .product-stock-operation-fields { grid-template-columns: 1fr; }
  .product-stock-operation-fields label.wide { grid-column: auto; }
  .product-negative-limit-list > label { grid-template-columns: minmax(0,1fr) 62px 82px; }
  .product-negative-limit-list > label > span:nth-child(2) { display: none; }
}

@media (max-width: 430px) {
  .product-status-strip { grid-template-columns: 1fr; }
  .product-filter-grid { grid-template-columns: 1fr; }
  .product-filter-panel > footer > div { grid-template-columns: 1fr; }
  .product-meta-fields,
  .product-media-grid,
  .product-price-bulk { grid-template-columns: 1fr; }
  .product-price-bulk > span { grid-column: auto; }
  .product-table td:nth-child(2),
  .product-table td:nth-child(4) { grid-column: auto; }
  .product-modal-summary,
  .product-detail-metrics,
  .product-general-fields,
  .product-rpt-overview { grid-template-columns: 1fr; }
  .product-modal-summary > span,
  .product-modal-summary > span:nth-child(2),
  .product-rpt-overview > span,
  .product-rpt-overview > span:nth-child(2) { border-right: 0; border-bottom: 1px solid var(--line); }
  .product-modal-summary > span:last-child,
  .product-rpt-overview > span:last-child { border-bottom: 0; }
  .product-detail-metrics article,
  .product-detail-metrics article:nth-child(2n),
  .product-detail-metrics article:last-child { grid-column: auto; border-right: 0; border-bottom: 1px solid var(--line); }
  .product-detail-metrics article:last-child { border-bottom: 0; }
  .product-general-fields label.wide { grid-column: auto; }
  .product-general-fields > .span-2,
  .product-general-fields > .span-3,
  .product-general-fields > .full { grid-column: auto; }
  .product-general-group-title { align-items: flex-start; flex-direction: column; gap: 2px; }
  .product-general-group-title small { text-align: left; }
  .product-modal-footer { align-items: stretch; flex-direction: column-reverse; }
  .product-modal-footer .button { width: 100%; }
  .product-stock-entry-variants > header,
  .product-stock-entry-variants > label { grid-template-columns: minmax(0,1fr) 68px; }
  .product-stock-entry-variants > header span:nth-child(2),
  .product-stock-entry-variants .product-stock-current { display: none; }
  .product-stock-exit-card { grid-template-columns: 1fr; }
  .product-stock-exit-card > span,
  .product-stock-exit-card > span:nth-child(2) { border-right: 0; border-bottom: 1px solid #f0ddd8; }
  .product-stock-exit-card > span:last-child { border-bottom: 0; }
  .product-negative-limit-list > label { grid-template-columns: minmax(0,1fr) 78px; }
  .product-negative-limit-list > label > span:nth-child(3) { display: none; }
}

@media (max-width: 680px) {
  .table-wrap { margin-right: 0; margin-left: 0; }
  .order-table-wrap { width: calc(100% + 30px); margin-right: -15px; margin-left: -15px; }
  .data-table,
  .data-table tbody { display: block; width: 100%; }
  .data-table { table-layout: auto; }
  .data-table colgroup,
  .data-table thead { display: none; }
  .data-table tbody { padding: 10px; background: var(--surface-soft); }
  .data-table tr { display: grid; width: 100%; margin-bottom: 10px; padding: 12px; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px 14px; background: white; border: 1px solid var(--line); border-radius: 12px; box-shadow: 0 3px 12px rgba(16,24,40,.04); }
  .data-table tr:last-child { margin-bottom: 0; }
  .data-table td,
  .data-table td:first-child { display: block; width: 100%; height: auto; min-height: 0; padding: 0; overflow: visible; border: 0; text-align: left; }
  .order-line-table-compact td:nth-child(5) { display: block; }
  .data-table td::before { display: block; margin-bottom: 6px; color: var(--muted); content: attr(data-label); font-size: 6.5px; font-weight: 850; letter-spacing: .05em; text-transform: uppercase; }
  .data-table .action-menu,
  .data-table .request-row-actions { justify-content: flex-start; }
  .data-table .product-cell,
  .data-table .source-cell,
  .data-table .company-cell { width: 100%; }
  .order-table td:nth-child(2),
  .order-table td:nth-child(3),
  .order-line-table td:first-child,
  .request-table .request-reason { grid-column: 1 / -1; }
}

@media (max-width: 430px) {
  .data-table tr { grid-template-columns: 1fr; }
  .order-table td:nth-child(2),
  .order-table td:nth-child(3),
  .order-line-table td:first-child,
  .request-table .request-reason { grid-column: auto; }
}

.return-inspection-dialog { width: min(920px,calc(100vw - 32px)); }
.return-inspection-summary { display: grid; margin-bottom: 12px; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; }
.return-inspection-summary > span { display: flex; min-width: 0; min-height: 54px; padding: 9px 10px; justify-content: center; flex-direction: column; background: var(--surface-soft); border: 1px solid var(--line); border-radius: 9px; }
.return-inspection-summary small { color: var(--muted); font-size: 6px; }
.return-inspection-summary strong, .return-inspection-summary a { margin-top: 4px; color: var(--brand-dark); font-size: 8px; font-weight: 850; overflow-wrap: anywhere; }
.return-inspection-product { display: grid; margin-bottom: 12px; padding: 11px; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 12px; background: #f8fafc; border: 1px solid var(--line); border-radius: 10px; }
.return-inspection-product span { display: grid; gap: 3px; }
.return-inspection-product strong { color: var(--ink); font-size: 8px; }
.return-inspection-product small { color: var(--muted); font-size: 6.5px; }
.return-inspection-product em { color: var(--brand-dark); font-size: 7px; font-style: normal; font-weight: 800; }
.return-inspection-fields { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
.return-inspection-fields label { display: flex; min-width: 0; flex-direction: column; gap: 5px; color: var(--ink-soft); font-size: 7px; font-weight: 800; }
.return-inspection-fields label.wide { grid-column: span 3; }
.return-inspection-fields input, .return-inspection-fields select, .return-inspection-fields textarea { width: 100%; min-height: 39px; padding: 8px 10px; color: var(--ink-soft); background: white; border: 1px solid var(--line); border-radius: 9px; outline: 0; font: inherit; font-size: 8px; }
.return-inspection-fields textarea { min-height: 66px; resize: vertical; }
.return-inspection-fields input:focus, .return-inspection-fields select:focus, .return-inspection-fields textarea:focus { border-color: #aab9e9; box-shadow: 0 0 0 3px rgba(54,89,201,.07); }
.return-inspection-impact { display: grid; margin-top: 12px; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
.return-inspection-impact article { display: flex; padding: 10px; align-items: flex-start; gap: 8px; background: var(--brand-soft); border-radius: 9px; }
.return-inspection-impact .icon { width: 16px; height: 16px; flex: 0 0 auto; color: var(--brand); }
.return-inspection-impact span { display: grid; gap: 3px; }
.return-inspection-impact strong { font-size: 7px; }
.return-inspection-impact small { color: var(--muted); font-size: 6.5px; line-height: 1.45; }
.product-import-steps { display: grid; margin-bottom: 12px; gap: 8px; }
.product-import-steps article { display: grid; padding: 10px; grid-template-columns: 28px minmax(0,1fr) minmax(120px,auto); align-items: center; gap: 10px; background: var(--surface-soft); border: 1px solid var(--line); border-radius: 10px; }
.product-import-steps article > b { display: grid; width: 26px; height: 26px; place-items: center; color: var(--brand-dark); background: var(--brand-soft); border-radius: 8px; font-size: 8px; }
.product-import-steps article > span { display: grid; gap: 3px; }
.product-import-steps article strong { font-size: 7.5px; }
.product-import-steps article small { color: var(--muted); font-size: 6.5px; }
.product-import-steps input, .product-import-steps select { width: 100%; min-height: 36px; padding: 7px 9px; color: var(--ink-soft); background: white; border: 1px solid var(--line); border-radius: 8px; font: inherit; font-size: 7px; }
.integration-failure-center { margin: 12px 0; overflow: hidden; }
.integration-failure-center > .detail-panel-head { padding: 14px 16px; }
.integration-failure-actions { display: flex; align-items: center; gap: 10px; }
.integration-failure-actions > span { color: var(--muted); font-size: 7px; white-space: nowrap; }
.integration-failure-actions > span strong { color: var(--ink); font-size: 9px; }
.integration-failure-metrics { display: grid; padding: 0 16px 12px; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; }
.integration-failure-metrics article { display: grid; padding: 10px; gap: 3px; background: var(--surface-soft); border: 1px solid var(--line); border-radius: 9px; }
.integration-failure-metrics small { color: var(--muted); font-size: 6px; font-weight: 850; letter-spacing: .05em; text-transform: uppercase; }
.integration-failure-metrics strong { color: var(--ink); font-size: 14px; }
.integration-failure-metrics span { color: var(--muted); font-size: 6.5px; }
.integration-failure-table { width: 100%; table-layout: fixed; }
.integration-failure-table th:nth-child(1) { width: 14%; }
.integration-failure-table th:nth-child(2) { width: 12%; }
.integration-failure-table th:nth-child(3) { width: 25%; }
.integration-failure-table th:nth-child(4) { width: 10%; }
.integration-failure-table th:nth-child(5) { width: 14%; }
.integration-failure-table th:nth-child(6) { width: 11%; }
.integration-failure-table th:nth-child(7) { width: 14%; }
.integration-failure-table td { white-space: normal; overflow-wrap: anywhere; }
.integration-failure-table td > strong, .integration-failure-table td > a { display: block; color: var(--ink); font-size: 7px; font-weight: 850; }
.integration-failure-table td > small { display: block; margin-top: 3px; color: var(--muted); font-size: 6px; line-height: 1.35; }
.integration-failure-table tr.is-resolved { opacity: .62; }
.integration-row-actions { display: grid; gap: 4px; }
.integration-row-actions button { min-height: 26px; padding: 4px 6px; color: var(--brand-dark); background: white; border: 1px solid var(--line); border-radius: 7px; font: inherit; font-size: 6px; font-weight: 800; cursor: pointer; }
.integration-row-actions button:hover { background: var(--brand-soft); border-color: #aab9e9; }
.order-lifecycle-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.order-lifecycle-card:first-child { grid-column: 1 / -1; }
.order-lifecycle-card { min-width: 0; overflow: hidden; }
.order-package-list { display: grid; padding: 0 14px 14px; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
.order-package-list > article { padding: 10px; background: var(--surface-soft); border: 1px solid var(--line); border-radius: 9px; }
.order-package-list header, .order-package-list footer { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.order-package-list header > span:first-child { display: grid; gap: 2px; }
.order-package-list header strong { font-size: 7.5px; }
.order-package-list header small, .order-package-list footer { color: var(--muted); font-size: 6px; }
.order-package-list p { margin: 9px 0; color: var(--ink-soft); font-size: 7px; }
.order-lifecycle-timeline { display: grid; margin: 0; padding: 0 14px 14px; gap: 0; list-style: none; }
.order-lifecycle-timeline li { position: relative; display: grid; min-width: 0; padding: 9px 0 9px 20px; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 8px; border-bottom: 1px solid var(--line); }
.order-lifecycle-timeline li:last-child { border-bottom: 0; }
.order-lifecycle-timeline li > i { position: absolute; left: 1px; width: 9px; height: 9px; background: #cbd5e1; border: 2px solid white; border-radius: 50%; box-shadow: 0 0 0 1px #cbd5e1; }
.order-lifecycle-timeline li.is-done > i { background: var(--success); box-shadow: 0 0 0 1px var(--success); }
.order-lifecycle-timeline li > span { display: grid; gap: 3px; }
.order-lifecycle-timeline strong { font-size: 7px; }
.order-lifecycle-timeline small, .order-lifecycle-timeline em { color: var(--muted); font-size: 6px; font-style: normal; }
.order-lifecycle-timeline em { text-align: right; }
.order-detail-tabs { display: grid; margin: 0 0 12px; padding: 5px; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 4px; background: white; border: 1px solid var(--line); border-radius: 12px; box-shadow: 0 5px 16px rgba(16,24,40,.045); }
.order-detail-tabs button { position: relative; display: grid; min-width: 0; min-height: 47px; padding: 6px 8px; grid-template-columns: 18px minmax(0,1fr) auto; align-items: center; gap: 7px; color: var(--muted); background: transparent; border: 0; border-radius: 9px; cursor: pointer; font: inherit; text-align: left; }
.order-detail-tabs button:hover { color: var(--brand-dark); background: var(--surface-soft); }
.order-detail-tabs button.is-active { color: var(--brand-dark); background: var(--brand-soft); box-shadow: inset 0 0 0 1px #d7e0fb; }
.order-detail-tabs button.is-active::after { position: absolute; right: 9px; bottom: 0; left: 9px; height: 2px; content: ""; background: var(--brand); border-radius: 2px 2px 0 0; }
.order-detail-tabs .icon { width: 16px; height: 16px; color: currentColor; }
.order-detail-tabs button > span { display: grid; min-width: 0; gap: 2px; }
.order-detail-tabs button > span > span, .order-detail-tabs button > span { font-size: 7px; font-weight: 850; }
.order-detail-tabs button small { overflow: hidden; color: var(--muted); font-size: 5.6px; font-weight: 650; text-overflow: ellipsis; white-space: nowrap; }
.order-detail-tabs button b { display: grid; min-width: 19px; height: 19px; padding: 0 5px; place-items: center; color: var(--brand-dark); background: white; border-radius: 6px; font-size: 6px; }
.order-detail-tabs button b.tone-danger { color: white; background: var(--coral); }
[data-order-tab-content][hidden], [data-order-tab-container][hidden] { display: none !important; }
.order-detail-workspace.order-detail-workspace-readonly:has(> .order-control-card[hidden]) { grid-template-columns: minmax(0,1fr); }
.order-quick-edit-panel { overflow: hidden; }
.order-edit-shortcuts { display: flex; min-height: 58px; padding: 9px 12px; align-items: center; justify-content: space-between; gap: 12px; }
.order-edit-shortcuts > span { display: grid; min-width: 0; gap: 2px; }
.order-edit-shortcuts small { color: var(--brand); font-size: 5.5px; font-weight: 900; letter-spacing: .06em; }
.order-edit-shortcuts strong { color: var(--ink); font-size: 7.5px; }
.order-edit-shortcuts em { color: var(--muted); font-size: 5.9px; font-style: normal; }
.order-edit-shortcuts nav { display: flex; gap: 6px; }
.order-edit-shortcuts a { display: flex; min-height: 30px; padding: 0 9px; align-items: center; gap: 6px; color: var(--brand-dark); background: var(--brand-soft); border: 1px solid #d7e0fb; border-radius: 8px; font-size: 6.3px; font-weight: 800; text-decoration: none; white-space: nowrap; }
.order-edit-shortcuts a:hover { background: #e7edff; border-color: #b9c7ed; }
.order-edit-shortcuts .icon { width: 12px; height: 12px; }
.order-quick-edit-grid { display: grid; padding: 0 14px 14px; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; }
.order-quick-edit-grid > article { display: flex; min-width: 0; min-height: 64px; padding: 9px; align-items: center; gap: 8px; background: var(--surface-soft); border: 1px solid var(--line); border-radius: 9px; }
.order-quick-edit-grid article > span:last-child { display: grid; min-width: 0; gap: 3px; }
.order-quick-edit-grid small { color: var(--muted); font-size: 5.5px; font-weight: 850; letter-spacing: .045em; }
.order-quick-edit-grid strong { overflow: hidden; color: var(--ink); font-size: 7.2px; text-overflow: ellipsis; white-space: nowrap; }
.order-quick-edit-grid em, .order-quick-edit-grid a { color: var(--muted); font-size: 6px; font-style: normal; text-decoration: none; }
.order-quick-edit-grid a:hover { color: var(--brand); }
.order-quick-edit-grid .order-quick-links { display: grid; padding: 6px; grid-template-columns: 1fr; gap: 4px; background: white; }
.order-quick-links a { display: flex; min-height: 25px; padding: 0 7px; align-items: center; gap: 6px; color: var(--brand-dark); background: var(--brand-soft); border-radius: 7px; font-weight: 800; }
.order-quick-links .icon { width: 12px; height: 12px; }
.order-operation-readiness > div { display: grid; padding: 0 14px 14px; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; }
.order-operation-readiness > div > article { display: flex; min-width: 0; padding: 10px; align-items: flex-start; gap: 8px; background: var(--surface-soft); border: 1px solid var(--line); border-radius: 9px; }
.order-operation-readiness article > .icon { width: 15px; height: 15px; flex: 0 0 auto; color: var(--brand); }
.order-operation-readiness article > span { display: grid; min-width: 0; gap: 3px; }
.order-operation-readiness article strong { font-size: 7px; }
.order-operation-readiness article small { color: var(--muted); font-size: 6px; line-height: 1.4; }
.order-operation-readiness article.tone-success { background: #f2faf7; border-color: #cce8dd; }
.order-operation-readiness article.tone-warning { background: #fff9ed; border-color: #edd9aa; }
.order-operation-readiness article.tone-danger { background: #fff4f3; border-color: #efc7c3; }
.order-operation-readiness article.tone-danger .icon { color: var(--coral); }
.control-operation-focus { display: grid; margin-top: 9px; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 6px; }
.control-operation-focus > span { display: grid; min-width: 0; padding: 7px; gap: 3px; background: white; border: 1px solid var(--line); border-radius: 8px; }
.control-operation-focus small { color: var(--muted); font-size: 5.3px; font-weight: 850; letter-spacing: .05em; }
.control-operation-focus strong { color: var(--ink-soft); font-size: 6.3px; line-height: 1.35; }
.control-operation-focus strong.tone-success { color: var(--success); }
.control-operation-focus strong.tone-warning { color: #a15c00; }
.control-operation-focus strong.tone-danger { color: var(--coral); }
.order-shipping-control-grid, .order-integration-health-grid { display: grid; padding: 0 14px 12px; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; }
.order-shipping-control-grid article, .order-integration-health-grid article { display: grid; min-width: 0; min-height: 62px; padding: 10px; align-content: center; gap: 3px; background: var(--surface-soft); border: 1px solid var(--line); border-radius: 9px; }
.order-shipping-control-grid small, .order-integration-health-grid small { color: var(--muted); font-size: 5.7px; font-weight: 800; }
.order-shipping-control-grid strong, .order-integration-health-grid strong { overflow-wrap: anywhere; color: var(--ink); font-size: 7.2px; }
.order-shipping-control-grid span, .order-integration-health-grid span { color: var(--muted); font-size: 6px; line-height: 1.35; }
.order-integration-health-grid article.tone-danger { background: #fff4f3; border-color: #efc7c3; }
.order-shipping-carrier-form { display: grid; margin: 0 14px 14px; padding: 10px; grid-template-columns: repeat(2,minmax(0,1fr)) auto; align-items: end; gap: 8px; background: white; border: 1px solid var(--line); border-radius: 9px; }
.order-shipping-carrier-form label { display: grid; gap: 4px; color: var(--muted); font-size: 6px; font-weight: 800; }
.order-shipping-carrier-form select { min-height: 36px; padding: 0 9px; color: var(--ink-soft); background: var(--surface-soft); border: 1px solid var(--line); border-radius: 8px; font: inherit; font-size: 7px; }
.order-shipping-carrier-form .button { min-height: 36px; }
.order-integration-link { margin: 0 14px 14px; }
.order-history-layout { display: grid; padding: 0 14px 14px; grid-template-columns: minmax(0,1.5fr) minmax(230px,.7fr); align-items: start; gap: 10px; }
.order-history-inline { overflow: hidden; background: white; border: 1px solid var(--line); border-radius: 9px; }
.order-history-inline article { display: grid; padding: 9px 10px; grid-template-columns: 8px minmax(0,1fr) auto; align-items: start; gap: 8px; border-bottom: 1px solid var(--line); }
.order-history-inline article:last-child { border-bottom: 0; }
.order-history-inline article > i { width: 7px; height: 7px; margin-top: 3px; background: var(--muted); border-radius: 50%; }
.order-history-inline article > i.success { background: var(--success); }
.order-history-inline article > i.warning { background: var(--amber); }
.order-history-inline article > i.danger { background: var(--coral); }
.order-history-inline article > i.info, .order-history-inline article > i.purple { background: var(--brand); }
.order-history-inline article > span { display: grid; gap: 3px; }
.order-history-inline strong { font-size: 7px; }
.order-history-inline small { color: var(--muted); font-size: 5.9px; line-height: 1.35; }
.order-history-inline time { display: grid; color: var(--ink-soft); font-size: 6px; font-weight: 750; text-align: right; }
.order-history-inline time small { margin-top: 3px; }
.order-history-layout > aside { overflow: hidden; background: var(--surface-soft); border: 1px solid var(--line); border-radius: 9px; }
.order-history-layout > aside > header { display: grid; padding: 10px; gap: 3px; background: white; border-bottom: 1px solid var(--line); }
.order-history-layout > aside > header small { color: var(--muted); font-size: 5.6px; font-weight: 850; }
.order-history-layout > aside > header strong { font-size: 7px; }
.order-history-layout > aside article { display: grid; margin: 0 10px; padding: 9px 0; gap: 3px; border-bottom: 1px solid var(--line); }
.order-history-layout > aside article:last-child { border-bottom: 0; }
.order-history-layout > aside article strong { font-size: 6.5px; }
.order-history-layout > aside article em { color: var(--brand); font-style: normal; }
.order-history-layout > aside article small, .order-history-layout > aside article span { color: var(--muted); font-size: 5.7px; line-height: 1.35; }
.order-sla-panel { margin-bottom: 14px; overflow: hidden; }
.order-sla-header { display: flex; padding: 14px 16px; align-items: center; justify-content: space-between; gap: 18px; border-bottom: 1px solid var(--line); }
.order-sla-header > div:first-child { min-width: 0; }
.order-sla-header h2 { margin: 3px 0 0; color: var(--ink); font-size: 14px; }
.order-sla-header p { margin: 4px 0 0; color: var(--muted); font-size: 6.8px; line-height: 1.45; }
.order-sla-summary { display: grid; min-width: 350px; grid-template-columns: repeat(4,minmax(0,1fr)); background: var(--surface-soft); border: 1px solid var(--line); border-radius: 10px; }
.order-sla-summary span { display: grid; min-height: 48px; padding: 7px 10px; align-content: center; gap: 3px; border-right: 1px solid var(--line); }
.order-sla-summary span:last-child { border-right: 0; }
.order-sla-summary small { color: var(--muted); font-size: 5.8px; font-weight: 800; white-space: nowrap; }
.order-sla-summary strong { color: var(--ink); font-size: 10px; }
.order-sla-summary .tone-warning strong { color: #a15c00; }
.order-sla-summary .tone-danger strong { color: var(--coral); }
.order-sla-body { display: grid; padding: 12px; grid-template-columns: minmax(0,1fr) 260px; align-items: start; gap: 12px; background: #fbfcfe; }
.order-sla-stage-grid { display: grid; min-width: 0; grid-template-columns: repeat(auto-fit,minmax(155px,1fr)); gap: 8px; }
.order-sla-stage { position: relative; min-width: 0; padding: 10px; background: white; border: 1px solid var(--line); border-radius: 10px; box-shadow: 0 3px 10px rgba(16,24,40,.035); }
.order-sla-stage::before { position: absolute; top: 0; right: 10px; left: 10px; height: 2px; content: ""; background: #cbd5e1; border-radius: 0 0 2px 2px; }
.order-sla-stage.tone-success::before { background: var(--success); }
.order-sla-stage.tone-info::before { background: var(--brand); }
.order-sla-stage.tone-warning::before { background: var(--amber); }
.order-sla-stage.tone-danger::before { background: var(--coral); }
.order-sla-stage.is-active { box-shadow: 0 5px 16px rgba(54,89,201,.08); }
.order-sla-stage > header { display: grid; grid-template-columns: 26px minmax(0,1fr); align-items: center; gap: 7px; }
.order-sla-stage-icon { display: grid; width: 26px; height: 26px; place-items: center; color: var(--brand); background: var(--brand-soft); border-radius: 8px; }
.order-sla-stage-icon .icon { width: 14px; height: 14px; }
.order-sla-stage > header > span:nth-child(2) { display: grid; min-width: 0; gap: 2px; }
.order-sla-stage > header small { overflow: hidden; color: var(--muted); font-size: 5.5px; font-weight: 850; letter-spacing: .035em; text-overflow: ellipsis; white-space: nowrap; }
.order-sla-stage > header strong { color: var(--ink); font-size: 11px; }
.order-sla-stage > header > em { grid-column: 1 / -1; justify-self: start; margin-top: 2px; font-style: normal; }
.order-sla-stage > p { min-height: 28px; margin: 8px 0; color: var(--muted); font-size: 6.2px; line-height: 1.4; }
.order-sla-progress { height: 5px; overflow: hidden; background: #edf0f5; border-radius: 999px; }
.order-sla-progress i { display: block; width: var(--sla-progress); max-width: 100%; height: 100%; background: var(--brand); border-radius: inherit; }
.order-sla-stage.tone-success .order-sla-progress i { background: var(--success); }
.order-sla-stage.tone-warning .order-sla-progress i { background: var(--amber); }
.order-sla-stage.tone-danger .order-sla-progress i { background: var(--coral); }
.order-sla-stage dl { display: grid; margin: 9px 0 0; gap: 4px; }
.order-sla-stage dl div { display: flex; align-items: center; justify-content: space-between; gap: 5px; }
.order-sla-stage dt, .order-sla-stage dd { margin: 0; font-size: 5.8px; }
.order-sla-stage dt { color: var(--muted); }
.order-sla-stage dd { color: var(--ink-soft); font-weight: 750; text-align: right; }
.order-assignee-history { overflow: hidden; background: white; border: 1px solid var(--line); border-radius: 10px; }
.order-assignee-history > header { display: grid; padding: 10px; grid-template-columns: 28px minmax(0,1fr) auto; align-items: center; gap: 8px; background: var(--surface-soft); border-bottom: 1px solid var(--line); }
.order-assignee-history > header > span { display: grid; width: 28px; height: 28px; place-items: center; color: var(--brand); background: white; border-radius: 8px; }
.order-assignee-history > header .icon { width: 14px; height: 14px; }
.order-assignee-history > header > div { display: grid; gap: 2px; }
.order-assignee-history > header small { color: var(--muted); font-size: 5.5px; font-weight: 850; letter-spacing: .05em; }
.order-assignee-history > header strong { font-size: 7.5px; }
.order-assignee-history > header b { display: grid; width: 22px; height: 22px; place-items: center; color: var(--brand-dark); background: var(--brand-soft); border-radius: 7px; font-size: 7px; }
.order-assignee-history > div { padding: 3px 10px; }
.order-assignee-history article { display: grid; padding: 9px 0; grid-template-columns: 8px minmax(0,1fr); gap: 7px; border-bottom: 1px solid var(--line); }
.order-assignee-history article:last-child { border-bottom: 0; }
.order-assignee-history article > i { width: 7px; height: 7px; margin-top: 3px; background: var(--brand); border: 2px solid white; border-radius: 50%; box-shadow: 0 0 0 1px #aab9e9; }
.order-assignee-history article > span { display: grid; gap: 3px; }
.order-assignee-history article strong { color: var(--ink-soft); font-size: 6.8px; }
.order-assignee-history article strong em { color: var(--brand); font-style: normal; }
.order-assignee-history article small { color: var(--muted); font-size: 5.8px; line-height: 1.35; }
.order-assignee-history > footer { display: flex; padding: 8px 10px; align-items: flex-start; gap: 6px; color: var(--muted); background: var(--brand-soft); font-size: 5.8px; line-height: 1.4; }
.order-assignee-history > footer .icon { width: 12px; height: 12px; flex: 0 0 auto; color: var(--brand); }

@media (max-width: 1050px) {
  .order-detail-tabs { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .order-quick-edit-grid, .order-operation-readiness > div, .order-shipping-control-grid, .order-integration-health-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .order-history-layout { grid-template-columns: 1fr; }
  .order-sla-header { align-items: flex-start; flex-direction: column; }
  .order-sla-summary { width: 100%; min-width: 0; }
  .order-sla-body { grid-template-columns: 1fr; }
}

@media (max-width: 700px) {
  .return-inspection-summary, .return-inspection-fields, .return-inspection-impact { grid-template-columns: 1fr; }
  .return-inspection-fields label.wide { grid-column: auto; }
  .product-import-steps article { grid-template-columns: 28px minmax(0,1fr); }
  .product-import-steps article > :last-child { grid-column: 1 / -1; }
  .integration-failure-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .order-lifecycle-grid, .order-package-list { grid-template-columns: 1fr; }
  .order-lifecycle-card:first-child { grid-column: auto; }
  .product-expanded-actions, .product-bulk-popover { width: calc(100vw - 24px); grid-template-columns: 1fr; }
  .product-expanded-actions .product-action-group-label, .product-bulk-popover .product-action-group-label { grid-column: auto; }
  .rpt-product-filter-context { align-items: flex-start; flex-wrap: wrap; }
  .rpt-product-filter-context a { margin-left: 26px; }
  .order-sla-summary { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .order-sla-summary span:nth-child(2) { border-right: 0; }
  .order-sla-summary span:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .order-sla-stage-grid { grid-template-columns: 1fr; }
  .order-detail-tabs { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .order-quick-edit-grid, .order-operation-readiness > div, .order-shipping-control-grid, .order-integration-health-grid { grid-template-columns: 1fr; }
  .order-shipping-carrier-form { grid-template-columns: 1fr; }
  .order-edit-shortcuts { align-items: stretch; flex-direction: column; }
  .order-edit-shortcuts nav { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
  .order-edit-shortcuts a { justify-content: center; }
  .order-history-inline article { grid-template-columns: 8px minmax(0,1fr); }
  .order-history-inline time { grid-column: 2; text-align: left; }
  .order-progress-panel { overflow: visible; }
  .order-progress-steps { min-width: 0; grid-template-columns: 1fr; gap: 10px; }
  .order-progress-steps li::after { top: 28px; right: auto; bottom: -12px; left: 14px; width: 1px; height: auto; }
  .order-progress-steps li > span { padding-right: 0; }
}

/* WAREHOUSE OPERATIONS */
.warehouse-page-heading { margin-bottom: 12px; }
.warehouse-metric-grid { display: grid; margin-bottom: 12px; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; }
.warehouse-metric { position: relative; display: flex; min-width: 0; min-height: 76px; padding: 12px 14px; align-items: center; gap: 11px; overflow: hidden; background: white; border: 1px solid var(--line); border-radius: 12px; box-shadow: 0 5px 16px rgba(16,24,40,.04); }
.warehouse-metric::before { position: absolute; top: 12px; bottom: 12px; left: 0; width: 3px; content: ""; background: #91a3bb; border-radius: 0 4px 4px 0; }
.warehouse-metric.tone-info::before { background: var(--brand); }
.warehouse-metric.tone-success::before { background: var(--success); }
.warehouse-metric.tone-warning::before { background: var(--amber); }
.warehouse-metric.tone-danger::before { background: var(--coral); }
.warehouse-metric-icon { display: grid; width: 36px; height: 36px; flex: 0 0 auto; place-items: center; color: #53657d; background: #f1f4f8; border-radius: 10px; }
.warehouse-metric.tone-info .warehouse-metric-icon { color: var(--brand); background: var(--brand-soft); }
.warehouse-metric.tone-success .warehouse-metric-icon { color: var(--success); background: #eaf7f2; }
.warehouse-metric.tone-warning .warehouse-metric-icon { color: #a15c00; background: #fff5df; }
.warehouse-metric.tone-danger .warehouse-metric-icon { color: var(--coral); background: #fff0ef; }
.warehouse-metric-icon .icon { width: 18px; height: 18px; }
.warehouse-metric > span:last-child { display: grid; min-width: 0; grid-template-columns: auto minmax(0,1fr); align-items: baseline; column-gap: 8px; }
.warehouse-metric small { grid-column: 1 / -1; color: var(--muted); font-size: 7px; font-weight: 850; letter-spacing: .05em; text-transform: uppercase; }
.warehouse-metric strong { color: var(--ink); font-size: 17px; line-height: 1.15; }
.warehouse-metric em { overflow: hidden; color: var(--muted); font-size: 6.5px; font-style: normal; text-overflow: ellipsis; white-space: nowrap; }
.warehouse-workspace { margin-bottom: 14px; overflow: visible; }
.warehouse-toolbar { display: flex; min-height: 68px; padding: 12px 14px; align-items: center; justify-content: space-between; gap: 16px; border-bottom: 1px solid var(--line); }
.warehouse-toolbar > div:first-child { min-width: 0; }
.warehouse-toolbar h2 { margin: 3px 0 0; font-size: 14px; }
.warehouse-toolbar h2 b { display: inline-grid; min-width: 22px; height: 19px; margin-left: 4px; padding: 0 5px; place-items: center; color: var(--brand-dark); background: var(--brand-soft); border-radius: 6px; font-size: 7px; }
.warehouse-toolbar p { margin: 3px 0 0; color: var(--muted); font-size: 6.5px; }
.warehouse-toolbar .toolbar-actions { display: flex; align-items: center; gap: 7px; }
.warehouse-toolbar .inline-search { width: min(280px,26vw); }
.warehouse-filter-grid { display: grid; padding: 12px 14px; grid-template-columns: repeat(6,minmax(0,1fr)); align-items: end; gap: 8px; background: #fafbfc; border-bottom: 1px solid var(--line); }
.warehouse-filter-grid[hidden] { display: none; }
.warehouse-filter-grid label, .warehouse-modal-fields label, .handover-context-fields label, .handover-carrier-fields label { display: grid; min-width: 0; gap: 5px; color: var(--muted); font-size: 6.5px; font-weight: 800; }
.warehouse-filter-grid input, .warehouse-filter-grid select, .warehouse-modal-fields input, .warehouse-modal-fields select, .warehouse-modal-fields textarea, .handover-context-fields select, .handover-carrier-fields input, .handover-carrier-fields textarea { width: 100%; min-height: 35px; padding: 0 9px; color: var(--ink-soft); background: white; border: 1px solid var(--line); border-radius: 8px; font: inherit; font-size: 7px; }
.warehouse-filter-grid footer { display: flex; grid-column: 1 / -1; justify-content: flex-end; gap: 7px; }
.warehouse-selection-bar { display: flex; min-height: 45px; padding: 7px 14px; align-items: center; gap: 8px; background: #f8faff; border-bottom: 1px solid var(--line); }
.warehouse-selection-bar label { display: flex; align-items: center; gap: 7px; color: var(--ink-soft); font-size: 7px; font-weight: 800; }
.warehouse-selection-bar > span { margin-right: auto; color: var(--muted); font-size: 6.5px; }
.warehouse-selection-bar > span strong { color: var(--brand); }
.warehouse-data-table { width: 100%; table-layout: fixed; }
.work-order-table th:nth-child(1) { width: 14%; }.work-order-table th:nth-child(2) { width: 17%; }.work-order-table th:nth-child(3) { width: 20%; }.work-order-table th:nth-child(4) { width: 15%; }.work-order-table th:nth-child(5) { width: 12%; }.work-order-table th:nth-child(6) { width: 10%; }.work-order-table th:nth-child(7) { width: 12%; }
.warehouse-id-cell { display: flex; align-items: flex-start; gap: 8px; }
.warehouse-id-cell > span { display: grid; min-width: 0; gap: 3px; }
.warehouse-id-cell a { color: var(--brand); font-weight: 850; text-decoration: none; }
.warehouse-progress { display: grid; gap: 5px; }
.warehouse-progress > span { display: flex; min-width: 0; align-items: baseline; justify-content: space-between; gap: 6px; }
.warehouse-progress > span strong { font-size: 7px; }
.warehouse-progress > span small { color: var(--muted); font-size: 6px; text-align: right; }
.warehouse-progress > i { display: block; height: 4px; overflow: hidden; background: #e8edf3; border-radius: 999px; }
.warehouse-progress > i > b { display: block; height: 100%; background: var(--brand); border-radius: inherit; }
.warehouse-assignee-list, .warehouse-duration-list { display: grid; margin: 0; gap: 6px; }
.warehouse-assignee-list div, .warehouse-duration-list div { display: grid; gap: 2px; }
.warehouse-assignee-list dt, .warehouse-duration-list dt { color: var(--muted); font-size: 5.8px; }
.warehouse-assignee-list dd, .warehouse-duration-list dd { margin: 0; color: var(--ink-soft); font-size: 6.8px; font-weight: 750; }
.warehouse-modal-card { width: min(720px,calc(100vw - 28px)); }
.warehouse-modal-fields { display: grid; padding: 14px; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.warehouse-modal-fields label.wide, .handover-carrier-fields label.wide { grid-column: 1 / -1; }
.warehouse-modal-card form > footer { display: flex; padding: 12px 14px; justify-content: flex-end; gap: 7px; border-top: 1px solid var(--line); }

.order-control-station { margin-bottom: 12px; overflow: hidden; }
.order-control-station > header { display: flex; padding: 14px; align-items: center; justify-content: space-between; gap: 14px; border-bottom: 1px solid var(--line); }
.order-control-station > header h2 { margin: 3px 0 0; font-size: 15px; }
.order-control-station > header p { margin: 4px 0 0; color: var(--muted); font-size: 6.8px; }
.scanner-state { display: flex; min-height: 28px; padding: 0 9px; align-items: center; gap: 6px; color: #17694f; background: #eaf7f2; border-radius: 8px; font-size: 6.5px; font-weight: 800; }
.scanner-state i { width: 7px; height: 7px; background: var(--success); border-radius: 50%; box-shadow: 0 0 0 4px rgba(36,163,122,.12); }
.order-control-station > form { display: flex; padding: 12px 14px; gap: 8px; background: #fafbfc; border-bottom: 1px solid var(--line); }
.order-control-station > form label { display: flex; min-height: 40px; flex: 1; align-items: center; gap: 8px; background: white; border: 1px solid #cfd7e2; border-radius: 9px; box-shadow: 0 0 0 3px rgba(54,89,201,.04); }
.order-control-station > form label .icon { width: 16px; height: 16px; margin-left: 11px; color: var(--brand); }
.order-control-station > form input { width: 100%; height: 100%; padding: 0 10px 0 0; color: var(--ink); background: transparent; border: 0; outline: 0; font: inherit; font-size: 8px; }
.order-control-result { padding: 14px; }
.order-control-result > header { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.order-control-result > header > span:first-child { display: grid; gap: 3px; }
.order-control-result > header strong { font-size: 13px; }
.order-control-result > header small { color: var(--muted); font-size: 6.5px; }
.order-control-check-grid { display: grid; margin-top: 12px; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; }
.order-control-check-grid article { display: flex; min-width: 0; min-height: 58px; padding: 9px; align-items: center; gap: 8px; background: #f3faf7; border: 1px solid #cde8dd; border-radius: 9px; }
.order-control-check-grid article.is-warning { background: #fff9ee; border-color: #ecd8ac; }
.order-control-check-grid article > span { display: grid; width: 27px; height: 27px; flex: 0 0 auto; place-items: center; color: var(--success); background: white; border-radius: 8px; }
.order-control-check-grid article.is-warning > span { color: #a15c00; }
.order-control-check-grid .icon { width: 14px; height: 14px; }
.order-control-check-grid article > div { display: grid; min-width: 0; gap: 3px; }
.order-control-check-grid strong { font-size: 7px; }
.order-control-check-grid small { color: var(--muted); font-size: 6px; }
.order-control-result > footer { display: flex; margin-top: 12px; justify-content: flex-end; gap: 7px; }
.order-control-result > footer > :first-child { margin-right: auto; }
.order-control-table th:nth-child(1) { width: 15%; }.order-control-table th:nth-child(2) { width: 17%; }.order-control-table th:nth-child(3) { width: 14%; }.order-control-table th:nth-child(4) { width: 14%; }.order-control-table th:nth-child(5) { width: 12%; }.order-control-table th:nth-child(6) { width: 16%; }.order-control-table th:nth-child(7) { width: 12%; }

.dispatch-station { margin-bottom: 12px; overflow: hidden; }
.dispatch-mode-tabs { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); background: #fafbfc; border-bottom: 1px solid var(--line); }
.dispatch-mode-tabs a { position: relative; display: flex; min-width: 0; min-height: 64px; padding: 10px 12px; align-items: center; gap: 9px; color: var(--muted); border-right: 1px solid var(--line); text-decoration: none; }
.dispatch-mode-tabs a:last-child { border-right: 0; }
.dispatch-mode-tabs a::after { position: absolute; right: 12px; bottom: 0; left: 12px; height: 2px; content: ""; background: transparent; border-radius: 2px 2px 0 0; }
.dispatch-mode-tabs a.is-active { color: var(--brand-dark); background: white; }
.dispatch-mode-tabs a.is-active::after { background: var(--brand); }
.dispatch-mode-tabs .icon { width: 18px; height: 18px; flex: 0 0 auto; color: currentColor; }
.dispatch-mode-tabs a > span { display: grid; min-width: 0; gap: 3px; }
.dispatch-mode-tabs strong { font-size: 7.5px; }
.dispatch-mode-tabs small { color: var(--muted); font-size: 6px; }
.dispatch-station-body { display: grid; min-height: 400px; grid-template-columns: minmax(260px,.34fr) minmax(0,1fr); }
.dispatch-scan-panel { padding: 14px; background: #f8fafc; border-right: 1px solid var(--line); }
.dispatch-scan-panel > header { display: flex; align-items: flex-start; gap: 9px; }
.scanner-pulse { display: grid; width: 32px; height: 32px; flex: 0 0 auto; place-items: center; background: var(--brand-soft); border-radius: 9px; }
.scanner-pulse i { width: 9px; height: 9px; background: var(--brand); border: 2px solid white; border-radius: 50%; box-shadow: 0 0 0 3px rgba(54,89,201,.18); }
.dispatch-scan-panel h2 { margin: 3px 0; font-size: 14px; }
.dispatch-scan-panel header p { margin: 0; color: var(--muted); font-size: 6.5px; line-height: 1.45; }
.dispatch-scan-panel > form { display: grid; margin-top: 13px; gap: 7px; }
.dispatch-scan-panel > form label { display: flex; min-height: 44px; align-items: center; background: white; border: 1px solid #c8d2df; border-radius: 9px; }
.dispatch-scan-panel > form label .icon { width: 16px; height: 16px; margin-left: 10px; color: var(--brand); }
.dispatch-scan-panel > form input { width: 100%; height: 100%; padding: 0 10px; background: transparent; border: 0; outline: 0; font: inherit; font-size: 8px; }
.dispatch-series-summary { display: grid; margin-top: 10px; padding: 9px; grid-template-columns: 1fr 1fr; gap: 7px; background: white; border: 1px solid var(--line); border-radius: 9px; }
.dispatch-series-summary span { display: grid; gap: 3px; }
.dispatch-series-summary small { color: var(--muted); font-size: 5.8px; }
.dispatch-series-summary strong { font-size: 8px; }
.dispatch-series-summary button { grid-column: 1 / -1; }
.dispatch-rules { margin-top: 14px; padding: 11px; background: white; border: 1px solid var(--line); border-radius: 9px; }
.dispatch-rules > strong { font-size: 7px; }
.dispatch-rules ul { display: grid; margin: 7px 0 0; padding-left: 15px; gap: 5px; color: var(--muted); font-size: 6.2px; line-height: 1.4; }
.dispatch-order-area { min-width: 0; padding: 14px; }
.dispatch-empty { display: grid; min-height: 360px; place-content: center; justify-items: center; text-align: center; }
.dispatch-empty > span { display: grid; width: 50px; height: 50px; place-items: center; color: var(--brand); background: var(--brand-soft); border-radius: 14px; }
.dispatch-empty .icon { width: 23px; height: 23px; }
.dispatch-empty strong { margin-top: 10px; font-size: 10px; }
.dispatch-empty p { max-width: 360px; margin: 5px 0 0; color: var(--muted); font-size: 6.5px; line-height: 1.5; }
.dispatch-order-card { overflow: hidden; border: 1px solid var(--line); border-radius: 11px; box-shadow: 0 5px 16px rgba(16,24,40,.04); }
.dispatch-order-card > header { display: flex; padding: 12px; align-items: flex-start; justify-content: space-between; gap: 10px; background: #fbfcfe; border-bottom: 1px solid var(--line); }
.dispatch-order-card > header > span:first-child { display: grid; gap: 3px; }
.dispatch-order-card > header small, .dispatch-order-card > header em { color: var(--muted); font-size: 6px; font-style: normal; }
.dispatch-order-card > header h2 { margin: 0; color: var(--brand-dark); font-size: 15px; }
.dispatch-order-facts { display: grid; padding: 10px 12px; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; border-bottom: 1px solid var(--line); }
.dispatch-order-facts > span { display: grid; min-width: 0; gap: 3px; }
.dispatch-order-facts small { color: var(--muted); font-size: 5.8px; font-weight: 800; }
.dispatch-order-facts strong { font-size: 7px; }
.dispatch-order-facts em { overflow-wrap: anywhere; color: var(--muted); font-size: 5.8px; font-style: normal; line-height: 1.35; }
.dispatch-check-strip { display: grid; padding: 9px 12px; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 6px; background: #fbfcfe; border-bottom: 1px solid var(--line); }
.dispatch-check-strip span { display: flex; min-height: 27px; padding: 0 7px; align-items: center; justify-content: center; gap: 5px; color: var(--muted); background: white; border: 1px solid var(--line); border-radius: 7px; font-size: 6px; font-weight: 800; text-align: center; }
.dispatch-check-strip span.is-valid { color: #17694f; background: #f0faf6; border-color: #cce8dd; }
.dispatch-check-strip span.is-warning { color: #9b5b00; background: #fff9ed; border-color: #ecd8ac; }
.dispatch-check-strip .icon { width: 12px; height: 12px; }
.dispatch-product-table th, .dispatch-product-table td { padding: 9px; }
.dispatch-order-card > footer { display: flex; padding: 10px 12px; align-items: center; justify-content: space-between; gap: 8px; border-top: 1px solid var(--line); }
.dispatch-order-card > footer > div { display: flex; gap: 7px; }
.dispatch-history-table th:nth-child(1) { width: 13%; }.dispatch-history-table th:nth-child(2) { width: 18%; }.dispatch-history-table th:nth-child(3) { width: 15%; }.dispatch-history-table th:nth-child(4) { width: 15%; }.dispatch-history-table th:nth-child(5) { width: 13%; }.dispatch-history-table th:nth-child(6) { width: 14%; }.dispatch-history-table th:nth-child(7) { width: 12%; }

.handover-builder { margin-bottom: 12px; overflow: hidden; }
.handover-builder > header { display: flex; padding: 13px 14px; align-items: center; justify-content: space-between; gap: 12px; border-bottom: 1px solid var(--line); }
.handover-builder > header h2 { margin: 3px 0 0; font-size: 15px; }
.handover-builder > header p { margin: 4px 0 0; color: var(--muted); font-size: 6.5px; }
.handover-builder-body { display: grid; grid-template-columns: minmax(280px,.35fr) minmax(0,1fr); }
.handover-builder-body > aside { padding: 13px; background: #f8fafc; border-right: 1px solid var(--line); }
.handover-context-fields, .handover-carrier-fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
.handover-scan { display: grid; margin: 11px 0; gap: 7px; }
.handover-scan > label { display: flex; min-height: 48px; align-items: center; gap: 8px; background: white; border: 1px solid #c8d2df; border-radius: 9px; }
.handover-scan > label > .icon { width: 18px; height: 18px; margin-left: 10px; color: var(--brand); }
.handover-scan label > span { display: grid; width: 100%; min-width: 0; gap: 2px; }
.handover-scan small { color: var(--muted); font-size: 5.5px; font-weight: 850; }
.handover-scan input { width: 100%; padding: 0 9px 0 0; background: transparent; border: 0; outline: 0; font: inherit; font-size: 8px; }
.handover-scan-feedback { display: flex; min-height: 54px; padding: 9px; align-items: center; gap: 8px; background: white; border: 1px solid var(--line); border-radius: 9px; }
.handover-scan-feedback > span { display: grid; width: 26px; height: 26px; flex: 0 0 auto; place-items: center; color: var(--success); background: #eaf7f2; border-radius: 8px; }
.handover-scan-feedback .icon { width: 13px; height: 13px; }
.handover-scan-feedback > div { display: grid; gap: 3px; }
.handover-scan-feedback strong { font-size: 7px; }
.handover-scan-feedback small { color: var(--muted); font-size: 5.8px; line-height: 1.4; }
.handover-carrier-fields { margin-top: 10px; }
.handover-current { min-width: 0; }
.handover-current > header { display: flex; min-height: 61px; padding: 10px 12px; align-items: center; justify-content: space-between; gap: 12px; background: #fbfcfe; border-bottom: 1px solid var(--line); }
.handover-current > header h3 { margin: 3px 0 0; font-size: 12px; }
.handover-totals { display: grid; min-width: 260px; grid-template-columns: repeat(3,minmax(0,1fr)); background: white; border: 1px solid var(--line); border-radius: 9px; }
.handover-totals span { display: grid; min-height: 40px; padding: 6px 9px; align-content: center; gap: 2px; border-right: 1px solid var(--line); }
.handover-totals span:last-child { border-right: 0; }
.handover-totals small { color: var(--muted); font-size: 5.5px; }
.handover-totals strong { font-size: 9px; }
.handover-empty { display: grid; min-height: 230px; place-content: center; justify-items: center; color: var(--muted); text-align: center; }
.handover-empty .icon { width: 28px; height: 28px; color: #91a3bb; }
.handover-empty strong { margin-top: 8px; color: var(--ink-soft); font-size: 8px; }
.handover-empty p { max-width: 320px; margin: 4px 0 0; font-size: 6.2px; }
.handover-current-table th, .handover-current-table td { padding: 9px 8px; }
.handover-current > footer { display: flex; padding: 10px 12px; align-items: center; justify-content: space-between; gap: 8px; border-top: 1px solid var(--line); }
.handover-current > footer > div { display: flex; gap: 7px; }
.handover-receipt-table th:nth-child(1) { width: 15%; }.handover-receipt-table th:nth-child(2) { width: 14%; }.handover-receipt-table th:nth-child(3) { width: 12%; }.handover-receipt-table th:nth-child(4) { width: 13%; }.handover-receipt-table th:nth-child(5) { width: 13%; }.handover-receipt-table th:nth-child(6) { width: 15%; }.handover-receipt-table th:nth-child(7) { width: 18%; }
.handover-receipt-table td:last-child .product-module-row-action { margin-top: 6px; }

/* SIMPLE WORK ORDERS */
.simple-work-orders-panel { overflow: hidden; }
.simple-work-orders-header { display: flex; min-height: 68px; padding: 12px 14px; align-items: center; justify-content: space-between; gap: 16px; border-bottom: 1px solid var(--line); }
.simple-work-orders-header h1 { display: flex; margin: 0; align-items: center; gap: 7px; font-size: 14px; }
.simple-work-orders-header h1 b { display: inline-grid; min-width: 25px; min-height: 20px; padding: 0 6px; place-items: center; color: var(--brand); background: var(--brand-soft); border-radius: 5px; font-size: 7px; }
.simple-work-orders-header p { margin: 4px 0 0; color: var(--muted); font-size: 6.3px; }
.simple-work-orders-header .toolbar-actions { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 7px; }
.simple-work-order-filters { display: grid; padding: 11px 14px; grid-template-columns: repeat(4,minmax(0,1fr)) auto; align-items: end; gap: 8px; background: #f8fafc; border-bottom: 1px solid var(--line); }
.simple-work-order-filters label { display: grid; gap: 5px; }
.simple-work-order-filters label > span { color: var(--ink-soft); font-size: 6px; font-weight: 800; }
.simple-work-order-filters select, .simple-work-order-filters input { width: 100%; min-height: 33px; padding: 0 9px; color: var(--ink); background: white; border: 1px solid var(--line); border-radius: 7px; font: inherit; font-size: 7px; }
.simple-work-order-pagination { padding: 10px 14px; justify-content: flex-start; border-bottom: 1px solid var(--line); }
.simple-work-orders-panel .table-wrap { overflow: visible; }
.simple-work-order-table { width: 100%; table-layout: fixed; }
.simple-work-order-table th, .simple-work-order-table td { padding: 11px 9px; vertical-align: middle; }
.simple-work-order-table th { color: var(--ink-soft); font-size: 6.1px; }
.simple-work-order-table td { font-size: 6.7px; line-height: 1.45; }
.simple-work-order-table th:nth-child(1) { width: 6%; }
.simple-work-order-table th:nth-child(2) { width: 12%; }
.simple-work-order-table th:nth-child(3) { width: 20%; }
.simple-work-order-table th:nth-child(4) { width: 12%; }
.simple-work-order-table th:nth-child(5) { width: 12%; }
.simple-work-order-table th:nth-child(6) { width: 12%; }
.simple-work-order-table th:nth-child(7) { width: 12%; }
.simple-work-order-table th:nth-child(8), .simple-work-order-table th:nth-child(9) { width: 7%; text-align: center; }
.simple-work-order-table td > strong, .simple-work-order-table td > small { display: block; }
.simple-work-order-table td > small { margin-top: 2px; color: var(--muted); font-size: 5.8px; }
.simple-work-order-table td > .status { display: inline-flex; margin-top: 6px; }
.simple-work-order-table td:nth-last-child(-n+2) { text-align: center; }
.simple-work-order-id { color: var(--brand); font-weight: 850; }
.simple-work-order-stage-cell { text-align: center; }
.stage-icon-action { display: inline-flex; min-width: 56px; min-height: 34px; padding: 3px 7px; align-items: center; justify-content: center; gap: 5px; color: #5a6b82; background: transparent; border: 0; border-radius: 7px; cursor: pointer; }
.stage-icon-action:hover { color: var(--brand); background: var(--brand-soft); }
.stage-icon-action .icon { width: 17px; height: 17px; }
.stage-icon-action small { font-size: 5.8px; font-weight: 800; }
.simple-live-duration { display: inline-flex; align-items: center; justify-content: center; gap: 6px; }
.simple-live-duration > i { width: 14px; height: 14px; border: 2px solid #d7e0eb; border-top-color: var(--brand); border-radius: 50%; animation: simple-duration-spin .9s linear infinite; }
.simple-live-duration strong, .simple-finished-duration { font-size: 10px; white-space: nowrap; }
@keyframes simple-duration-spin { to { transform: rotate(360deg); } }
.stage-finish-action { display: inline-flex; margin-left: 6px; padding: 4px 6px; color: var(--brand); background: var(--brand-soft); border: 0; border-radius: 5px; cursor: pointer; font: inherit; font-size: 5.8px; font-weight: 850; }
.simple-stage-wait { color: var(--muted); font-size: 5.8px; }
.simple-order-count { font-size: 13px; }
.simple-work-order-modal { width: min(520px,calc(100vw - 28px)); }
.simple-work-order-modal-body { display: grid; padding: 16px; gap: 11px; }
.simple-work-order-modal-body label { display: grid; gap: 6px; }
.simple-work-order-modal-body label > span { color: var(--ink-soft); font-size: 6.5px; font-weight: 850; }
.simple-work-order-modal-body select { width: 100%; min-height: 38px; padding: 0 10px; color: var(--ink); background: white; border: 1px solid var(--line); border-radius: 8px; font: inherit; font-size: 7.2px; }
.simple-work-order-confirm-text { padding: 18px; color: var(--ink-soft); font-size: 7.3px; line-height: 1.65; }

@media (max-width: 1100px) {
  .simple-work-orders-header { align-items: flex-start; flex-direction: column; }
  .simple-work-orders-header .toolbar-actions { width: 100%; justify-content: flex-start; }
  .simple-work-order-table th, .simple-work-order-table td { padding-right: 6px; padding-left: 6px; font-size: 6px; }
  .simple-work-order-table th:nth-child(3) { width: 18%; }
  .simple-work-order-table th:nth-child(5), .simple-work-order-table th:nth-child(7) { width: 13%; }
}

/* WORK ORDER DETAIL */
.work-order-live-state { display: inline-flex; min-height: 34px; padding: 6px 9px; align-items: center; gap: 7px; color: var(--ink-soft); background: white; border: 1px solid var(--line); border-radius: 9px; }
.work-order-live-state > i { width: 8px; height: 8px; flex: 0 0 auto; background: #94a3b8; border-radius: 50%; box-shadow: 0 0 0 3px #eef2f6; }
.work-order-live-state > span { display: grid; gap: 1px; }
.work-order-live-state strong { font-size: 6.5px; }.work-order-live-state small { color: var(--muted); font-size: 5.5px; }
.work-order-live-state.is-connected > i { background: var(--success); box-shadow: 0 0 0 3px #dff5eb; animation: work-order-live-pulse 1.7s ease-out infinite; }
.work-order-live-state.is-reconnecting > i { background: var(--amber); box-shadow: 0 0 0 3px #fff1d6; }
@keyframes work-order-live-pulse { 0% { box-shadow: 0 0 0 0 rgba(28,154,113,.35); } 70% { box-shadow: 0 0 0 6px rgba(28,154,113,0); } 100% { box-shadow: 0 0 0 0 rgba(28,154,113,0); } }
[data-work-order-live-row] { transition: background-color .28s ease, box-shadow .28s ease; }
[data-work-order-live-row].is-live-updated { background: #eef5ff; box-shadow: inset 3px 0 0 var(--brand); }
[data-work-order-live-row].is-live-active { background: #f6f9ff; }
[data-work-order-live-row].is-live-complete { background: #eaf8f2; box-shadow: inset 3px 0 0 var(--success); }
.work-order-detail-heading .heading-actions { align-items: center; }
.work-order-detail-overview { display: grid; min-height: 78px; margin-bottom: 10px; grid-template-columns: minmax(260px,1.6fr) repeat(4,minmax(105px,.55fr)); overflow: hidden; }
.work-order-detail-identity { display: flex; min-width: 0; padding: 12px 14px; align-items: center; gap: 10px; background: #fbfcfe; border-right: 1px solid var(--line); }
.work-order-detail-icon { display: grid; width: 38px; height: 38px; flex: 0 0 auto; place-items: center; color: var(--brand); background: var(--brand-soft); border-radius: 10px; }
.work-order-detail-icon .icon { width: 18px; height: 18px; }
.work-order-detail-identity > span:last-child { display: grid; min-width: 0; gap: 3px; }
.work-order-detail-identity small, .work-order-detail-stat small { color: var(--muted); font-size: 5.8px; font-weight: 850; letter-spacing: .045em; }
.work-order-detail-identity strong { overflow-wrap: anywhere; font-size: 8px; }
.work-order-detail-identity em, .work-order-detail-stat em { color: var(--muted); font-size: 5.8px; font-style: normal; line-height: 1.35; }
.work-order-detail-stat { display: grid; min-width: 0; padding: 10px; align-content: center; gap: 3px; border-right: 1px solid var(--line); }
.work-order-detail-stat:last-child { border-right: 0; }
.work-order-detail-stat strong { font-size: 15px; line-height: 1.1; }
.work-order-detail-stage-grid { display: grid; margin-bottom: 10px; grid-template-columns: minmax(330px,.8fr) minmax(0,1.2fr); align-items: stretch; gap: 10px; }
.work-order-assignment-card, .work-order-start-card { overflow: hidden; }
.work-order-assignment-card > header, .work-order-start-card > header, .work-order-output-card > header, .work-order-orders-card > header { display: flex; min-height: 61px; padding: 11px 12px; align-items: center; justify-content: space-between; gap: 10px; background: #fbfcfe; border-bottom: 1px solid var(--line); }
.work-order-assignment-card h2, .work-order-start-card h2, .work-order-output-card h2, .work-order-orders-card h2 { margin: 3px 0 0; font-size: 12px; }
.work-order-assignment-card header p, .work-order-start-card header p, .work-order-output-card header p { margin: 3px 0 0; color: var(--muted); font-size: 6px; line-height: 1.4; }
.work-order-assignment-fields { display: grid; padding: 11px 12px; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }
.work-order-assignment-fields label { display: grid; min-width: 0; gap: 5px; color: var(--muted); font-size: 6.2px; font-weight: 800; }
.work-order-assignment-fields select { width: 100%; min-height: 37px; padding: 0 9px; color: var(--ink); background: white; border: 1px solid #cfd7e2; border-radius: 8px; font: inherit; font-size: 7px; }
.work-order-assignment-fields select:disabled { color: #667085; background: #f2f4f7; cursor: not-allowed; }
.work-order-assignment-fields label small { color: var(--muted); font-size: 5.6px; font-weight: 600; line-height: 1.4; }
.work-order-assignment-card > footer { display: flex; min-height: 47px; padding: 8px 12px; align-items: center; justify-content: space-between; gap: 8px; background: #fbfcfe; border-top: 1px solid var(--line); }
.work-order-assignment-card > footer > span { display: flex; align-items: center; gap: 6px; color: var(--muted); font-size: 5.8px; }
.work-order-assignment-card > footer .icon { width: 13px; height: 13px; color: var(--brand); }
.work-order-start-actions { display: grid; padding: 10px; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
.work-order-start-actions > article { display: grid; min-width: 0; min-height: 116px; padding: 10px; grid-template-columns: 28px minmax(0,1fr); align-items: start; gap: 8px; background: var(--surface-soft); border: 1px solid var(--line); border-radius: 9px; }
.work-order-start-actions > article.is-active { background: #f3f6ff; border-color: #cdd8f7; }
.work-order-start-actions > article.is-complete { background: #f2faf7; border-color: #cce8dd; }
.work-order-stage-number { display: grid; width: 28px; height: 28px; place-items: center; color: var(--brand-dark); background: white; border: 1px solid #d9e1f8; border-radius: 8px; font-size: 7px; font-weight: 900; }
.work-order-start-actions > article.is-complete .work-order-stage-number { color: #17694f; border-color: #cce8dd; }
.work-order-start-actions article > div { display: grid; min-width: 0; gap: 3px; }
.work-order-start-actions article > div strong { font-size: 7.5px; }
.work-order-start-actions article > div small, .work-order-start-actions article > div em { color: var(--muted); font-size: 5.8px; font-style: normal; line-height: 1.35; }
.work-order-start-actions article > div em b { font: inherit; font-weight: 750; }
.work-order-mini-progress { height: 4px; margin: 4px 0 2px; overflow: hidden; background: #e3e8ef; border-radius: 999px; }
.work-order-mini-progress i { display: block; height: 100%; background: var(--brand); border-radius: inherit; }
.work-order-start-actions article.is-complete .work-order-mini-progress i { background: var(--success); }
.work-order-start-actions article > button, .work-order-start-actions article > .status { grid-column: 1 / -1; justify-self: stretch; margin-top: 4px; }
.work-order-start-actions article > .status { justify-self: start; }
.work-order-scan-station { display: grid; min-height: 74px; margin-bottom: 10px; padding: 10px 12px; grid-template-columns: minmax(250px,.8fr) minmax(300px,1fr) minmax(260px,.8fr); align-items: center; gap: 10px; overflow: hidden; }
.work-order-scan-station > header { display: flex; align-items: center; gap: 8px; }
.work-order-scan-station h2 { margin: 2px 0; font-size: 10px; }
.work-order-scan-station header p { margin: 0; color: var(--muted); font-size: 5.8px; line-height: 1.35; }
.work-order-scan-station > header > .scanner-state { margin-left: auto; }
.work-order-scan-station > form { display: flex; min-width: 0; gap: 7px; }
.work-order-scan-station > form label { display: flex; min-height: 39px; flex: 1; align-items: center; gap: 7px; border: 1px solid #c8d2df; border-radius: 8px; }
.work-order-scan-station > form label .icon { width: 14px; height: 14px; margin-left: 9px; color: var(--brand); }
.work-order-scan-station > form input { width: 100%; height: 100%; padding-right: 9px; background: transparent; border: 0; outline: 0; font: inherit; font-size: 7px; }
.work-order-live-summary { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); background: var(--surface-soft); border: 1px solid var(--line); border-radius: 8px; }
.work-order-live-summary span { display: grid; min-height: 39px; padding: 6px 8px; align-content: center; gap: 2px; border-right: 1px solid var(--line); }
.work-order-live-summary span:last-child { border-right: 0; }
.work-order-live-summary small { color: var(--muted); font-size: 5.3px; }
.work-order-live-summary strong { overflow: hidden; font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }
.work-order-detail-content-grid { display: grid; margin-bottom: 10px; grid-template-columns: minmax(0,1.35fr) minmax(340px,.65fr); align-items: start; gap: 10px; }
.work-order-products-panel { min-width: 0; overflow: hidden; }
.work-order-products-table { table-layout: fixed; }
.work-order-products-table th:nth-child(1) { width: 15%; }.work-order-products-table th:nth-child(2) { width: 36%; }.work-order-products-table th:nth-child(3) { width: 9%; }.work-order-products-table th:nth-child(4) { width: 10%; }.work-order-products-table th:nth-child(5) { width: 14%; }.work-order-products-table th:nth-child(6) { width: 16%; }
.work-order-products-table tbody tr:has(.status-success) { background: #f4fbf8; }
.work-order-products-table td > a { display: block; margin-top: 4px; color: var(--brand); font-size: 6px; text-decoration: none; }
.work-order-products-table code { font: 700 6px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace; }
.work-order-address { color: var(--brand-dark); font-size: 8px; letter-spacing: .02em; }
.work-order-variant { font-size: 10px; text-align: center; }
.work-order-terminal-check { display: inline-flex; align-items: center; gap: 5px; color: var(--muted); font-weight: 800; }
.work-order-terminal-check i { display: grid; width: 20px; height: 20px; place-items: center; color: #8b98aa; background: #edf1f6; border: 1px solid #d7dee8; border-radius: 6px; font-style: normal; font-size: 10px; }
.work-order-terminal-check small { font-size: 6px; }
.work-order-terminal-check.is-complete { color: #146c56; }
.work-order-terminal-check.is-complete i { color: white; background: var(--success); border-color: var(--success); }
.work-order-products-table tr.is-scan-match { background: #eef5ff; box-shadow: inset 3px 0 0 var(--brand); }
.work-order-products-table tr.is-exit-complete { background: #e9f8f1; box-shadow: inset 3px 0 0 var(--success); }
.work-order-products-table tr.is-exit-complete td { border-color: #cfe9de; }
.work-order-detail-side { display: grid; min-width: 0; gap: 10px; }
.work-order-output-card, .work-order-orders-card { overflow: hidden; }
.work-order-output-fields { display: grid; padding: 10px 12px; gap: 8px; }
.work-order-output-fields > label:not(.work-order-auto-complete) { display: grid; gap: 4px; color: var(--muted); font-size: 6px; font-weight: 800; }
.work-order-output-fields select { width: 100%; min-height: 36px; padding: 0 9px; color: var(--ink-soft); background: white; border: 1px solid var(--line); border-radius: 8px; font: inherit; font-size: 7px; }
.work-order-output-fields select:disabled { color: #9aa6b6; background: #f1f3f7; cursor: not-allowed; }
.work-order-exit-scan { display: grid; padding: 12px; gap: 10px; }
.work-order-exit-scan > label:first-child { display: grid; gap: 5px; color: var(--ink-soft); font-size: 7px; font-weight: 800; }
.work-order-exit-input { display: grid; position: relative; grid-template-columns: minmax(0,1fr) auto; gap: 7px; }
.work-order-exit-input > .icon { position: absolute; top: 50%; left: 10px; width: 13px; height: 13px; color: var(--muted); transform: translateY(-50%); }
.work-order-exit-input input { width: 100%; min-height: 38px; padding: 0 10px 0 31px; color: var(--ink); background: white; border: 1px solid var(--line-strong); border-radius: 8px; outline: 0; font: inherit; font-size: 8px; }
.work-order-exit-input input:focus { border-color: var(--brand); box-shadow: 0 0 0 3px rgba(50,93,204,.11); }
.work-order-auto-complete { display: flex; padding: 9px 10px; align-items: flex-start; gap: 8px; background: #f5f8ff; border: 1px solid #dbe5fb; border-radius: 8px; cursor: pointer; }
.work-order-auto-complete input { width: 15px; height: 15px; margin-top: 1px; accent-color: var(--brand); }
.work-order-auto-complete span { display: grid; gap: 3px; }
.work-order-auto-complete strong { color: var(--ink); font-size: 7px; }
.work-order-auto-complete small { color: var(--muted); font-size: 6px; line-height: 1.4; }
.work-order-exit-feedback { display: flex; margin: 0 12px 12px; padding: 9px 10px; align-items: flex-start; gap: 8px; color: var(--ink-soft); background: var(--surface-soft); border: 1px solid var(--line); border-radius: 8px; }
.work-order-exit-feedback > .icon { width: 14px; height: 14px; flex: 0 0 auto; color: var(--brand); }
.work-order-exit-feedback span { display: grid; gap: 3px; }
.work-order-exit-feedback strong { font-size: 7px; }.work-order-exit-feedback small { color: var(--muted); font-size: 6px; line-height: 1.35; }
.work-order-exit-feedback.is-success { color: #146c56; background: #effaf6; border-color: #c7eadf; }
.work-order-exit-feedback.is-warning { color: #9a5b00; background: #fff8eb; border-color: #f0ddb5; }
.work-order-orders-card > header h2 { margin-right: auto; }
.work-order-orders-table { table-layout: fixed; }
.work-order-orders-table th:first-child { width: 47%; }
.work-order-orders-table th:nth-child(2) { width: 27%; text-align: center; }
.work-order-orders-table th:nth-child(3) { width: 26%; text-align: center; }
.work-order-orders-table td:nth-child(2), .work-order-orders-table td:nth-child(3) { text-align: center; }
.work-order-orders-table td:last-child { display: grid; gap: 5px; }
.work-order-orders-table code { display: block; margin-top: 5px; color: var(--ink-soft); font: 700 6px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace; }
.work-order-orders-table tr.is-scanned { background: #f0f8ff; box-shadow: inset 3px 0 0 var(--brand); }
.work-order-orders-table tr.is-complete { background: #e5f7ef; box-shadow: inset 4px 0 0 var(--success); }
.work-order-orders-table tr.is-complete td { border-color: #c8e6da; }
.work-order-orders-table tr.is-complete [data-work-order-exit-time] { color: #146c56; font-weight: 750; }
.work-order-orders-table .button { min-height: 28px; padding: 0 7px; }
.work-order-history-panel { margin-bottom: 14px; overflow: hidden; }
.work-order-history-list { display: grid; padding: 2px 14px 8px; }
.work-order-history-list article { display: grid; min-height: 50px; padding: 9px 0; grid-template-columns: 9px minmax(0,1fr) auto; align-items: start; gap: 8px; border-bottom: 1px solid var(--line); }
.work-order-history-list article:last-child { border-bottom: 0; }
.work-order-history-list article > i { width: 8px; height: 8px; margin-top: 3px; background: #91a3bb; border: 2px solid white; border-radius: 50%; box-shadow: 0 0 0 1px #cbd5e1; }
.work-order-history-list article > i.tone-info { background: var(--brand); }.work-order-history-list article > i.tone-warning { background: var(--amber); }.work-order-history-list article > i.tone-success { background: var(--success); }
.work-order-history-list article > span { display: grid; gap: 3px; }
.work-order-history-list strong { font-size: 7px; }
.work-order-history-list small { color: var(--muted); font-size: 5.8px; line-height: 1.4; }
.work-order-history-list time { display: grid; color: var(--ink-soft); font-size: 6px; font-weight: 750; text-align: right; }
.work-order-history-list time small { margin-top: 3px; }
.work-order-confirm-card { width: min(610px,calc(100vw - 28px)); }
.work-order-confirm-summary { display: grid; margin: 12px; grid-template-columns: repeat(2,minmax(0,1fr)); background: var(--surface-soft); border: 1px solid var(--line); border-radius: 9px; }
.work-order-confirm-summary span { display: grid; min-height: 52px; padding: 8px 10px; align-content: center; gap: 3px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.work-order-confirm-summary span:nth-child(2n) { border-right: 0; }
.work-order-confirm-summary span:nth-last-child(-n+2) { border-bottom: 0; }
.work-order-confirm-summary small { color: var(--muted); font-size: 5.8px; }
.work-order-confirm-summary strong { font-size: 7.2px; }
.work-order-confirm-check { display: flex; margin: 0 12px 12px; padding: 10px; align-items: flex-start; gap: 8px; background: #fff9ed; border: 1px solid #ecd8ac; border-radius: 9px; cursor: pointer; }
.work-order-confirm-check > span { display: grid; gap: 3px; }
.work-order-confirm-check strong { font-size: 7px; }
.work-order-confirm-check small { color: var(--muted); font-size: 5.8px; line-height: 1.4; }
.work-order-confirm-card > footer { display: flex; padding: 10px 12px; justify-content: flex-end; gap: 7px; border-top: 1px solid var(--line); }

@media (max-width: 1150px) {
  .warehouse-filter-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .dispatch-station-body, .handover-builder-body { grid-template-columns: 1fr; }
  .dispatch-scan-panel, .handover-builder-body > aside { border-right: 0; border-bottom: 1px solid var(--line); }
  .dispatch-order-facts { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .work-order-detail-stage-grid, .work-order-detail-content-grid { grid-template-columns: 1fr; }
  .work-order-scan-station { grid-template-columns: 1fr; }
}
@media (max-width: 900px) {
  .warehouse-metric-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .warehouse-toolbar { align-items: flex-start; flex-direction: column; }
  .warehouse-toolbar .toolbar-actions { width: 100%; flex-wrap: wrap; }
  .warehouse-toolbar .inline-search { width: 100%; flex: 1 1 260px; }
  .dispatch-mode-tabs { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .dispatch-mode-tabs a:nth-child(2) { border-right: 0; }
  .dispatch-mode-tabs a:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .work-order-detail-overview { grid-template-columns: repeat(4,minmax(0,1fr)); }
  .work-order-detail-identity { grid-column: 1 / -1; border-right: 0; border-bottom: 1px solid var(--line); }
}
@media (max-width: 700px) {
  .warehouse-metric-grid, .warehouse-filter-grid, .order-control-check-grid, .dispatch-order-facts, .handover-context-fields, .handover-carrier-fields, .warehouse-modal-fields { grid-template-columns: 1fr; }
  .warehouse-modal-fields label.wide, .handover-carrier-fields label.wide { grid-column: auto; }
  .warehouse-selection-bar { align-items: flex-start; flex-wrap: wrap; }
  .warehouse-selection-bar > span { flex: 1 1 50%; }
  .order-control-station > header, .order-control-result > header, .order-control-result > footer, .dispatch-order-card > footer, .handover-builder > header, .handover-current > header, .handover-current > footer { align-items: stretch; flex-direction: column; }
  .order-control-station > form { flex-direction: column; }
  .order-control-result > footer > :first-child { margin-right: 0; }
  .dispatch-mode-tabs { grid-template-columns: 1fr; }
  .dispatch-mode-tabs a { border-right: 0; border-bottom: 1px solid var(--line); }
  .dispatch-check-strip { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .dispatch-order-card > footer > div, .handover-current > footer > div { display: grid; grid-template-columns: 1fr; }
  .handover-totals { width: 100%; min-width: 0; }
  .work-order-detail-overview { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .work-order-detail-identity { grid-column: 1 / -1; }
  .work-order-detail-stat:nth-child(3) { border-right: 0; }
  .work-order-assignment-fields, .work-order-start-actions, .work-order-confirm-summary { grid-template-columns: 1fr; }
  .work-order-confirm-summary span { border-right: 0; border-bottom: 1px solid var(--line); }
  .work-order-confirm-summary span:last-child { border-bottom: 0; }
  .work-order-assignment-card > footer { align-items: stretch; flex-direction: column; }
}

/* ==========================================================================
   Kurumsal tipografi ölçeği
   Yoğun operasyon ekranlarında okunabilirliği artırır; tablo verilerini
   gizlemeden ve yatay kaydırma oluşturmadan tutarlı bir alt sınır sağlar.
   ========================================================================== */
:root {
  --type-micro: 9.5px;
  --type-caption: 10px;
  --type-small: 11px;
  --type-body: 12px;
  --type-control: 12px;
}

body {
  font-size: 13px;
  line-height: 1.45;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* Uygulama kabuğu ve navigasyon */
.nav-label,
.nav-section > summary {
  font-size: 9.5px;
  line-height: 1.35;
}
.nav-link,
.after-sales-menu-links .nav-link {
  min-height: 41px;
  font-size: 12px;
  line-height: 1.35;
}
.nav-link em,
.nav-link b {
  min-width: 23px;
  height: 20px;
  font-size: 9.5px;
}
.product-nav-leaf,
.product-nav-subgroup > summary,
.product-nav-subgroup a {
  font-size: 11px !important;
  line-height: 1.4;
}
.workspace-switcher strong,
.profile-copy strong,
.breadcrumb,
.search-trigger {
  font-size: 11px;
}
.workspace-switcher small,
.profile-copy small,
.system-health,
.brand-copy small {
  font-size: 9.5px;
  line-height: 1.35;
}

/* Sayfa başlıkları ve bölüm hiyerarşisi */
.page-heading p {
  font-size: 11px;
  line-height: 1.5;
}
.eyebrow,
.panel-kicker,
.metric-label,
.section-kicker,
.command-label,
.product-action-group-label {
  font-size: var(--type-micro) !important;
  line-height: 1.35;
}
.page-content h2 {
  line-height: 1.25;
}
.page-content h3,
.page-content h4 {
  line-height: 1.35;
}
.page-content p,
.page-content li,
.page-content dt,
.page-content dd {
  font-size: var(--type-small) !important;
  line-height: 1.5;
}
.page-content small {
  font-size: var(--type-caption) !important;
  line-height: 1.45;
}
.page-content article strong,
.page-content article em,
.page-content article time {
  font-size: var(--type-small) !important;
  line-height: 1.4;
}

/* Formlar ve eylemler */
.page-content label {
  font-size: var(--type-small) !important;
  line-height: 1.4;
}
.page-content input,
.page-content select,
.page-content textarea {
  font-size: var(--type-control) !important;
  line-height: 1.4;
}
.page-content input:not([type="checkbox"]):not([type="radio"]),
.page-content select {
  min-height: 38px;
}
.page-content textarea {
  min-height: 78px;
}
.page-content button,
.page-content .button,
.page-content a.button {
  font-size: 10.5px !important;
  line-height: 1.35;
}
.page-heading .button {
  font-size: 10.5px !important;
}
.status,
.badge,
.chip,
.preset-chip,
.risk-label,
.read-only-badge,
.local-demo-badge {
  font-size: var(--type-micro) !important;
  line-height: 1.35;
}

/* Veri tabloları: tam metin korunur, hücre yüksekliği içeriğe göre büyür. */
.data-table {
  font-size: var(--type-small);
}
.data-table th {
  height: auto;
  padding: 11px 9px;
  font-size: var(--type-micro) !important;
  line-height: 1.4;
  white-space: normal;
  overflow-wrap: anywhere;
}
.data-table td {
  height: auto;
  min-height: 62px;
  padding: 11px 9px;
  font-size: var(--type-small) !important;
  line-height: 1.45;
  white-space: normal;
  overflow-wrap: anywhere;
}
.data-table td > strong,
.data-table td > a,
.data-table td > span {
  font-size: var(--type-small) !important;
  line-height: 1.4;
}
.data-table td > small,
.data-table td > strong + small {
  font-size: var(--type-caption) !important;
  line-height: 1.4;
}
.data-table .status,
.data-table .badge,
.data-table .chip {
  white-space: normal;
}

/* Kart, özet, geçmiş ve yoğun detay ekranları */
.page-content article > header strong,
.page-content article > div > strong,
.page-content article > span > strong {
  font-size: var(--type-small) !important;
}
.page-content article > header small,
.page-content article > div > small,
.page-content article > span > small {
  font-size: var(--type-caption) !important;
}
.request-flow > span strong,
.order-detail-tabs button > span > span,
.order-edit-shortcuts strong,
.order-quick-edit-grid strong,
.order-operation-readiness article strong,
.control-operation-focus strong,
.order-shipping-control-grid strong,
.order-integration-health-grid strong,
.order-history-inline strong,
.order-history-layout strong,
.order-assignee-history strong {
  font-size: var(--type-small) !important;
  line-height: 1.4;
}
.request-flow > span small,
.order-detail-tabs button small,
.order-edit-shortcuts small,
.order-edit-shortcuts em,
.order-quick-edit-grid small,
.order-quick-edit-grid em,
.order-quick-edit-grid a,
.order-operation-readiness article small,
.control-operation-focus small,
.order-shipping-control-grid small,
.order-shipping-control-grid span,
.order-integration-health-grid small,
.order-integration-health-grid span,
.order-history-inline small,
.order-history-inline time,
.order-history-layout small,
.order-history-layout span,
.order-sla-header p,
.order-sla-summary small,
.order-sla-stage p,
.order-sla-stage dt,
.order-sla-stage dd,
.order-assignee-history small,
.order-assignee-history footer {
  font-size: var(--type-caption) !important;
  line-height: 1.45;
}
.order-detail-tabs button > span {
  font-size: var(--type-small) !important;
}
.order-detail-tabs button b,
.order-assignee-history > header b {
  font-size: var(--type-caption) !important;
}
.order-sla-stage > header strong,
.order-sla-summary strong {
  font-size: 12px !important;
}

@media (max-width: 700px) {
  :root {
    --type-micro: 10px;
    --type-caption: 10.5px;
    --type-small: 11.5px;
    --type-body: 12.5px;
    --type-control: 13px;
  }
  .data-table td::before {
    font-size: var(--type-micro) !important;
    line-height: 1.4;
  }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}