:root {
  --bg: #0c1321;
  --bg-soft: #101929;
  --panel: #111a2a;
  --panel-2: #151f31;
  --panel-3: #182337;
  --line: #26364e;
  --line-soft: #202e43;
  --text: #f4f6fb;
  --muted: #8e9bb0;
  --muted-2: #65758c;
  --purple: #805cff;
  --purple-2: #a044ee;
  --purple-soft: rgba(128, 92, 255, .12);
  --green: #2bd9a1;
  --green-soft: rgba(43, 217, 161, .11);
  --blue: #4b8dff;
  --blue-soft: rgba(75, 141, 255, .11);
  --amber: #f6b94b;
  --amber-soft: rgba(246, 185, 75, .11);
  --red: #ff687a;
  --red-soft: rgba(255, 104, 122, .11);
  --coral: #d85cff;
  --coral-soft: rgba(216, 92, 255, .1);
  --accent-gradient: linear-gradient(110deg, #6844ee 0%, #805cff 55%, #a044ee 100%);
  --shadow: 0 28px 90px rgba(0, 0, 0, .38);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--text);
  background: var(--bg);
  font-synthesis: none;
}

/* Customer Insights synthetic review surface. No Production customer data is loaded. */
.nav-item.customer-insights-nav-item .nav-glyph { color: #a98cff; filter: drop-shadow(0 3px 7px rgba(128,92,255,.16)); }
.nav-item.customer-insights-nav-item > span:not(.nav-glyph) { white-space: nowrap; }
.nav-item.customer-insights-nav-item > em { margin-left: auto; padding: 3px 6px; color: #c5b8ff; background: rgba(128,92,255,.08); border: 1px solid rgba(152,122,255,.2); border-radius: 999px; font-size: 6px; font-style: normal; font-weight: 850; letter-spacing: .06em; text-transform: uppercase; }
.nav-item.customer-insights-nav-item.active { color: #f5f3ff; background: linear-gradient(100deg,rgba(113,74,239,.18),rgba(113,74,239,.06)); border-color: rgba(135,97,255,.25); }
.nav-item.customer-insights-nav-item.active .nav-glyph { color: #a987ff; }
.customer-insights-heading .eyebrow { color: #78aaff; }
.customer-insights-heading p { max-width: 760px; line-height: 1.55; }
.customer-title-row { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.customer-title-row > span { padding: 5px 8px; color: #aacbff; background: rgba(75,141,255,.09); border: 1px solid rgba(75,141,255,.24); border-radius: 999px; font-size: 7px; font-weight: 850; letter-spacing: .05em; text-transform: uppercase; }
.customer-preview-notice { display: grid; grid-template-columns: 36px minmax(0,1fr); align-items: center; gap: 12px; margin: 0 0 16px; padding: 12px 15px; color: #aeb9c8; background: linear-gradient(110deg,rgba(75,141,255,.08),rgba(20,30,48,.74)); border: 1px solid rgba(75,141,255,.22); border-radius: 12px; }
.customer-preview-notice > span { width: 34px; height: 34px; display: grid; place-items: center; color: #8bb8ff; background: rgba(75,141,255,.1); border: 1px solid rgba(75,141,255,.2); border-radius: 10px; font-size: 15px; }
.customer-preview-notice strong { display: block; color: #dce9ff; font-size: 9px; }
.customer-preview-notice p { margin: 4px 0 0; color: #8f9db1; font-size: 8px; line-height: 1.5; }
.customer-summary-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; margin-bottom: 18px; }
.customer-summary-grid article { min-height: 112px; padding: 20px; background: linear-gradient(150deg,#151f31,#101a2b); border: 1px solid #2c3b53; border-radius: 15px; box-shadow: 0 14px 34px rgba(0,0,0,.12); }
.customer-summary-grid article:first-child { background: linear-gradient(145deg,rgba(75,141,255,.12),#111c2c 65%); border-color: rgba(75,141,255,.28); }
.customer-summary-grid span,
.customer-summary-grid small,
.customer-summary-grid strong { display: block; }
.customer-summary-grid > article > span { color: #8d9aaf; font-size: 9px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.customer-summary-grid strong { min-height: 30px; display: flex; flex-wrap: wrap; align-items: center; gap: 7px; margin-top: 10px; color: #f2f5fa; font-size: 25px; letter-spacing: -.04em; }
.customer-summary-grid strong span { font-size: 18px; }
.customer-summary-grid small { margin-top: 7px; color: #697890; font-size: 8px; line-height: 1.4; }
.customer-card { overflow: hidden; background: linear-gradient(160deg,#131d30,#0f1829); border: 1px solid #2d3c55; border-radius: 18px; box-shadow: 0 22px 60px rgba(0,0,0,.18); }
.customer-toolbar { display: grid; grid-template-columns: minmax(220px,1.4fr) repeat(2,minmax(125px,.7fr)) repeat(2,minmax(136px,.76fr)) minmax(120px,.66fr) auto; gap: 8px; padding: 18px; border-bottom: 1px solid #28364d; }
.customer-toolbar .customer-search { width: 100%; }
.customer-toolbar > select,
.customer-date-filter { height: 38px; color: #aab5c7; background: #172237; border: 1px solid #30415a; border-radius: 9px; font-size: 9px; }
.customer-toolbar > select { min-width: 0; padding: 0 28px 0 10px; }
.customer-date-filter { display: grid; grid-template-columns: auto minmax(0,1fr); align-items: center; gap: 7px; padding: 0 8px 0 10px; }
.customer-date-filter span { color: #708097; font-size: 7px; font-weight: 800; text-transform: uppercase; }
.customer-date-filter input { min-width: 0; color: #c5cfdd; background: transparent; border: 0; outline: 0; font-size: 8px; color-scheme: dark; }
.customer-clear-filters { min-width: 58px; padding: 0 10px; color: #a9c9f8; background: rgba(75,141,255,.075); border: 1px solid rgba(75,141,255,.23); border-radius: 9px; cursor: pointer; font-size: 8px; font-weight: 800; }
.customer-clear-filters:hover { color: #d8e7ff; border-color: rgba(75,141,255,.45); }
.customer-value-definition { padding: 9px 18px; color: #718096; background: rgba(9,17,29,.46); border-bottom: 1px solid #24334a; font-size: 7.5px; }
.customer-table { min-width: 1120px; }
.customer-table td { height: 82px; }
.customer-row { cursor: pointer; transition: background .15s; }
.customer-row:hover { background: rgba(75,141,255,.045); }
.customer-name-cell { min-width: 250px; display: grid; grid-template-columns: 38px minmax(0,1fr) auto; align-items: center; gap: 11px; }
.customer-name-cell > span:nth-child(2) { min-width: 0; }
.customer-name-cell strong,
.customer-name-cell small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.customer-name-cell strong { color: #edf1f7; font-size: 10px; }
.customer-name-cell small { margin-top: 5px; color: #718198; font-size: 8px; }
.customer-avatar { width: 38px; height: 38px; display: grid; place-items: center; color: #b8d3ff; background: linear-gradient(145deg,rgba(75,141,255,.2),rgba(75,141,255,.07)); border: 1px solid rgba(75,141,255,.28); border-radius: 11px; font-size: 13px; font-weight: 850; }
.customer-high-value { padding: 5px 7px; color: #c3d4ee; background: rgba(114,145,190,.09); border: 1px solid rgba(114,145,190,.2); border-radius: 999px; font-size: 6.5px; font-weight: 850; white-space: nowrap; }
.customer-marketplaces { display: flex; flex-wrap: wrap; gap: 6px; }
.customer-marketplace { display: inline-flex; align-items: center; gap: 5px; padding: 5px 7px; color: #b8c3d2; background: #172338; border: 1px solid #2d3d55; border-radius: 999px; font-size: 7px; font-weight: 750; }
.customer-marketplace .marketplace-brand-icon img { filter: grayscale(1) saturate(0) brightness(1.45); opacity: .78; }
.customer-values { display: flex; flex-direction: column; align-items: flex-start; gap: 3px; }
.customer-money { color: #9cc5ff; font-weight: 750; white-space: nowrap; }
.customer-value-unavailable { color: #65758b; font-size: 8px; }
.customer-location { display: block; max-width: 180px; overflow: hidden; color: #8f9db1; text-overflow: ellipsis; white-space: nowrap; }
.customer-drawer { width: min(700px,96vw); }
.customer-preview-detail-note { margin-bottom: 12px; padding: 9px 11px; color: #b8d1f7; background: rgba(75,141,255,.07); border: 1px solid rgba(75,141,255,.18); border-radius: 9px; font-size: 8px; font-weight: 750; text-align: center; }
.customer-detail-summary { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; margin-bottom: 14px; }
.customer-detail-summary > div { padding: 14px; background: #172237; border: 1px solid #2c3c54; border-radius: 11px; }
.customer-detail-summary span,
.customer-detail-summary strong { display: block; }
.customer-detail-summary span { color: #738299; font-size: 7px; text-transform: uppercase; letter-spacing: .06em; }
.customer-detail-summary strong { margin-top: 7px; color: #e5eaf2; font-size: 13px; }
.customer-drawer .drawer-section { margin-top: 12px; padding: 16px; background: #151f31; border: 1px solid #2b3a52; border-radius: 12px; }
.customer-drawer .drawer-section-title { margin-bottom: 13px; color: #b5c0d0; font-size: 9px; font-weight: 800; }
.customer-contact-section { border-color: rgba(75,141,255,.25); background: linear-gradient(145deg,rgba(75,141,255,.065),#151f31 50%); }
.customer-contact-section dl { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; margin: 0 0 11px; }
.customer-contact-section dl > div { min-width: 0; padding: 10px; background: rgba(8,15,26,.42); border-radius: 8px; }
.customer-contact-section dt { color: #718096; font-size: 7px; text-transform: uppercase; }
.customer-contact-section dd { margin: 6px 0 0; overflow-wrap: anywhere; color: #e4e9f1; font-size: 9px; line-height: 1.4; }
.customer-addresses { display: grid; gap: 7px; }
.customer-address-card { position: relative; padding: 12px 110px 12px 12px; background: rgba(8,15,26,.46); border: 1px solid #2b3b52; border-radius: 9px; }
.customer-address-card > span { display: block; color: #b8c3d1; font-size: 8px; line-height: 1.55; }
.customer-address-card small { position: absolute; top: 12px; right: 12px; color: #64748b; font-size: 7px; }
.customer-values-large { flex-direction: row; flex-wrap: wrap; gap: 7px; }
.customer-values-large .customer-money { padding: 8px 10px; background: rgba(75,141,255,.075); border: 1px solid rgba(75,141,255,.16); border-radius: 8px; font-size: 10px; }
.customer-top-list { display: grid; gap: 6px; margin: 0; padding: 0; list-style: none; }
.customer-top-list li { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 9px 10px; color: #aab6c6; background: rgba(8,15,26,.4); border-radius: 8px; font-size: 8px; }
.customer-top-list strong { color: #dfe5ed; }
.customer-detail-empty { margin: 0; color: #6d7c92; font-size: 8px; line-height: 1.6; }
.customer-order-history { display: grid; gap: 7px; }
.customer-order-card { padding: 11px; background: rgba(8,15,26,.42); border: 1px solid #293950; border-radius: 9px; }
.customer-order-card header,
.customer-order-card header span,
.customer-order-card > div { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.customer-order-card header span { justify-content: flex-start; color: #d8dfe9; font-size: 8px; font-weight: 750; }
.customer-order-card header strong { color: #9eabbc; font-size: 8px; }
.customer-order-card > div { margin-top: 8px; color: #8593a7; font-size: 8px; }
.customer-order-card > small { display: block; margin-top: 8px; color: #627188; font-size: 7px; }
.customer-provenance { margin-top: 12px; padding: 13px 15px; color: #8290a4; background: rgba(12,21,35,.7); border: 1px solid #293950; border-radius: 10px; font-size: 8px; }
.customer-provenance summary { cursor: pointer; color: #9ba8ba; font-weight: 750; }
.customer-provenance ul { display: grid; gap: 6px; margin: 12px 0 0; padding: 0; list-style: none; }
.customer-provenance li { display: grid; grid-template-columns: minmax(0,1fr) auto auto; gap: 8px; padding-top: 6px; border-top: 1px solid #24344a; }
.customer-provenance li strong { color: #b7c1cf; font-weight: 650; }
.customer-provenance li small { color: #9cc5ff; }

@media (max-width: 1420px) {
  .customer-toolbar { grid-template-columns: minmax(220px,1.5fr) repeat(3,minmax(125px,1fr)); }
  .customer-toolbar .customer-date-filter,
  .customer-clear-filters { grid-row: 2; }
}

@media (max-width: 900px) {
  .customer-summary-grid { grid-template-columns: repeat(2,1fr); }
  .customer-toolbar { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .customer-toolbar .customer-search { grid-column: 1 / -1; }
  .customer-toolbar .customer-date-filter,
  .customer-clear-filters { grid-row: auto; }
}

@media (max-width: 560px) {
  .customer-title-row { align-items: flex-start; flex-direction: column; gap: 7px; }
  .customer-preview-notice { grid-template-columns: 32px minmax(0,1fr); padding: 11px; }
  .customer-preview-notice > span { width: 30px; height: 30px; }
  .customer-summary-grid { gap: 8px; }
  .customer-summary-grid article { min-height: 96px; padding: 15px; }
  .customer-summary-grid strong { font-size: 20px; }
  .customer-summary-grid strong span { font-size: 13px; }
  .customer-toolbar { grid-template-columns: 1fr; padding: 14px; }
  .customer-toolbar .customer-search { grid-column: auto; }
  .customer-toolbar > select,
  .customer-date-filter,
  .customer-clear-filters { width: 100%; }
  .customer-contact-section dl,
  .customer-detail-summary { grid-template-columns: 1fr; }
  .customer-address-card { padding-right: 12px; }
  .customer-address-card small { position: static; display: block; margin-top: 8px; }
  .customer-provenance li { grid-template-columns: 1fr; }
}

* { box-sizing: border-box; }
html, body { min-height: 100%; margin: 0; }
button, input, select { font: inherit; }
button { color: inherit; }
button:focus-visible, input:focus-visible, select:focus-visible, [tabindex]:focus-visible { outline: 2px solid #8f70ff; outline-offset: 2px; }

.login-body { min-height: 100vh; background: #080d18; }
.login-shell { min-height: 100vh; display: grid; grid-template-columns: minmax(520px, 1.08fr) minmax(480px, .92fr); }
.login-story { position: relative; min-height: 100vh; overflow: hidden; display: flex; flex-direction: column; padding: 48px 64px; background: radial-gradient(circle at 25% 40%, rgba(118, 69, 231, .18), transparent 34%), linear-gradient(145deg, #0d1422 0%, #080d18 75%); border-right: 1px solid rgba(255,255,255,.05); }
.login-story::before { content: ""; position: absolute; inset: 0; opacity: .35; background-image: radial-gradient(circle at center, rgba(151, 168, 201, .28) 1px, transparent 1px); background-size: 28px 28px; mask-image: linear-gradient(to bottom, black, transparent 80%); }
.ambient { position: absolute; width: 380px; height: 380px; border-radius: 50%; filter: blur(100px); opacity: .16; pointer-events: none; }
.ambient-one { background: #8f57ff; top: 18%; left: -10%; }
.ambient-two { background: #4b87ff; bottom: -20%; right: -5%; }
.login-wordmark { position: relative; z-index: 1; width: 120px; height: 64px; overflow: hidden; border-radius: 14px; }
.login-wordmark img { position: absolute; width: 235px; height: 235px; object-fit: cover; left: -58px; top: -81px; }
.story-copy { position: relative; z-index: 1; margin: auto 0; max-width: 620px; }
.eyebrow { display: inline-flex; align-items: center; gap: 9px; font-size: 11px; line-height: 1; font-weight: 800; letter-spacing: .16em; color: #a994ff; }
.eyebrow.muted { color: #7e8da5; }
.status-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 5px rgba(43, 217, 161, .11); }
.story-copy h1 { margin: 26px 0 20px; font-size: clamp(52px, 5.6vw, 84px); line-height: .98; letter-spacing: -.055em; }
.story-copy h1 span { color: transparent; background: linear-gradient(90deg, #a98bff, #e069ff); background-clip: text; -webkit-background-clip: text; }
.story-copy > p { margin: 0; max-width: 500px; color: var(--muted); font-size: 19px; line-height: 1.7; }
.story-status { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; padding: 18px 20px; width: min(460px, 100%); border: 1px solid rgba(255,255,255,.08); background: rgba(18,27,44,.62); border-radius: 16px; backdrop-filter: blur(14px); }
.story-status > div { display: flex; gap: 12px; align-items: center; }
.story-status-icon { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 10px; color: var(--green); background: var(--green-soft); font-weight: 900; }
.story-status strong, .story-status small { display: block; }
.story-status strong { font-size: 13px; }
.story-status small { margin-top: 4px; color: var(--muted); font-size: 11px; }
.live-label { color: var(--green); background: var(--green-soft); border: 1px solid rgba(43,217,161,.2); border-radius: 999px; padding: 6px 9px; font-size: 9px; font-weight: 800; letter-spacing: .12em; }

.login-panel { min-height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 60px 48px 32px; background: linear-gradient(180deg, #0b111e, #080d18); }
.login-card { width: min(420px, 100%); }
.login-mobile-mark { display: none; }
.login-card h2 { margin: 16px 0 9px; font-size: 36px; letter-spacing: -.035em; }
.login-intro { margin: 0 0 36px; color: var(--muted); line-height: 1.6; }
.login-card label { display: block; color: #c6d0e0; font-size: 12px; font-weight: 700; margin: 18px 0 9px; }
.input-wrap { position: relative; }
.input-wrap input { width: 100%; height: 54px; padding: 0 58px 0 46px; color: var(--text); background: #111a29; border: 1px solid #2a3950; border-radius: 12px; transition: border-color .2s, box-shadow .2s, background .2s; }
.input-wrap input:hover { border-color: #3a4d69; }
.input-wrap input:focus { border-color: #805cff; box-shadow: 0 0 0 4px rgba(128,92,255,.12); background: #121d2e; outline: none; }
.input-icon { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); display: grid; place-items: center; width: 18px; height: 18px; color: #76859d; font-size: 15px; font-weight: 700; }
.lock-icon { font-size: 7px; border: 1px solid #76859d; border-radius: 4px; }
.reveal-button { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); color: #8d9bb2; background: transparent; border: 0; font-size: 11px; font-weight: 700; cursor: pointer; }
.form-error { min-height: 20px; margin: 11px 0 3px; color: #ff8795; font-size: 12px; }
.primary-button { min-height: 52px; border: 0; border-radius: 12px; background: linear-gradient(110deg, #6844ee, #9a3df0); color: white; box-shadow: 0 12px 30px rgba(121, 69, 238, .25); font-weight: 800; cursor: pointer; transition: transform .2s, filter .2s; }
.primary-button:hover { transform: translateY(-1px); filter: brightness(1.08); }
.primary-button:disabled { cursor: wait; opacity: .7; transform: none; }
.sign-in-button { width: 100%; display: flex; justify-content: center; align-items: center; gap: 12px; }
.secure-note { display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 24px; color: #69788f; font-size: 11px; }
.secure-note span { color: var(--green); }
.login-footer { margin: auto 0 0; color: #536177; font-size: 11px; }

.app-body { min-height: 100vh; background: var(--bg); overflow-x: hidden; }
html.bimo-overlay-open,
body.bimo-overlay-open { overflow: hidden; overscroll-behavior: none; }
@media (max-width: 900px), (hover: none) and (pointer: coarse) {
  .app-body.bimo-overlay-open {
    position: fixed;
    top: var(--bimo-overlay-scroll-y, 0);
    left: var(--bimo-overlay-scroll-x, 0);
    width: 100%;
    height: 100%;
  }
}
.app-shell { min-height: 100vh; display: flex; }
.sidebar { position: fixed; inset: 0 auto 0 0; z-index: 30; width: 248px; display: flex; flex-direction: column; padding: 30px 20px 22px; background: #0b1220; border-right: 1px solid #1d2a3c; }
.sidebar-brand { width: 100px; height: 46px; overflow: hidden; margin: 0 8px 42px; }
.sidebar-brand img { width: 188px; height: 188px; object-fit: cover; transform: translate(-43px,-66px); }
.primary-nav { display: grid; gap: 9px; }
.nav-item { width: 100%; min-height: 48px; display: flex; align-items: center; gap: 13px; padding: 0 14px; color: #8e9cb2; background: transparent; border: 1px solid transparent; border-radius: 11px; cursor: pointer; text-align: left; font-size: 13px; font-weight: 650; transition: .18s ease; }
.nav-item[hidden] { display: none; }
.nav-item:not(:last-child)::after { content: ''; position: absolute; left: 14px; right: 14px; bottom: -6px; height: 1px; background: linear-gradient(90deg, transparent, rgba(128,145,169,.18) 14%, rgba(128,145,169,.18) 86%, transparent); pointer-events: none; }
.nav-item:hover:not(:disabled) { color: #dfe6f2; background: #111b2b; }
.nav-item.active { color: #f5f3ff; background: linear-gradient(100deg, rgba(113,74,239,.18), rgba(113,74,239,.06)); border-color: rgba(135,97,255,.25); }
.nav-item small { margin-left: auto; color: #5f6d83; font-size: 9px; text-transform: uppercase; letter-spacing: .09em; }
.nav-glyph { width: 22px; height: 22px; display: grid; place-items: center; color: #8493a9; font-size: 18px; }
.active .nav-glyph { color: #a987ff; }
.nav-glyph svg { width: 20px; height: 20px; stroke: currentColor; stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round; }
.studio-nav-item:disabled { color: #acb8ca; opacity: 1; cursor: default; }
.sku-nav-item:disabled { color: #acb8ca; opacity: 1; cursor: default; }
.studio-nav-glyph { width: 22px; height: 22px; overflow: visible; }
.studio-nav-glyph img { display: block; width: 22px; height: 22px; object-fit: contain; filter: drop-shadow(0 4px 7px rgba(31,137,255,.18)); }
.nav-item.list-customization-nav-item .nav-glyph { color: #21a366; }
.nav-item.orders-nav-item .nav-glyph { color: #a98cff; filter: drop-shadow(0 3px 7px rgba(128,92,255,.16)); }
.nav-item.sku-nav-item .nav-glyph { color: #d5bd72; filter: drop-shadow(0 3px 7px rgba(213,189,114,.12)); }
.nav-item.settings-nav-item .nav-glyph { color: #94a3b8; filter: drop-shadow(0 3px 7px rgba(148,163,184,.1)); }
.sidebar-foot { margin-top: auto; min-height: 64px; display: grid; grid-template-columns: 38px 1fr 34px; gap: 10px; align-items: center; padding: 12px 9px 0; border-top: 1px solid #1f2a3b; }
.workspace-avatar { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 11px; color: white; background: linear-gradient(145deg, #7556ee, #a54aea); box-shadow: inset 0 0 0 1px rgba(255,255,255,.14); font-size: 12px; font-weight: 800; }
.workspace-avatar.small { width: 32px; height: 32px; }
.workspace-mini { min-width: 0; }
.workspace-mini strong, .workspace-mini small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.workspace-mini strong { font-size: 11px; }
.workspace-mini small { margin-top: 4px; color: #6c7a91; font-size: 9px; }
.icon-button { width: 34px; height: 34px; display: grid; place-items: center; background: transparent; color: #7f8ea5; border: 0; border-radius: 9px; cursor: pointer; font-size: 18px; }
.icon-button:hover { color: white; background: #192437; }
.main-area { width: calc(100% - 248px); min-height: 100vh; margin-left: 248px; background: radial-gradient(circle at 88% -15%, rgba(85,61,156,.15), transparent 28%), #0c1321; }
.view { display: none; width: min(1460px, calc(100% - 80px)); margin: 0 auto; padding: 52px 0 70px; }
.view.active { min-height: 100vh; min-height: 100svh; display: flex; flex-direction: column; animation: view-in .22s ease both; }
@keyframes view-in { from { opacity: 0; } to { opacity: 1; } }
.workspace-copyright {
  flex: none;
  margin-top: auto;
  padding: 42px 4px 0;
  color: #6f7c90;
  text-align: center;
  font-size: 8px;
  letter-spacing: .01em;
}
.mobile-header { display: none; }
.page-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; margin-bottom: 34px; }
.page-heading.compact { align-items: center; }
.page-heading h1 { margin: 10px 0 7px; font-size: 42px; line-height: 1; letter-spacing: -.045em; }
.page-heading p { margin: 0; color: var(--muted); font-size: 14px; }
.merge-notifications { position: relative; align-self: flex-start; flex: 0 0 auto; }
.merge-notification-toggle { position: relative; display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid #2c394e; border-radius: 14px; color: #abb9cd; background: rgba(19,30,49,.65); cursor: pointer; }
.merge-notification-toggle svg { width: 22px; height: 22px; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.merge-notification-badge { position: absolute; top: -4px; right: -4px; display: grid; place-items: center; min-width: 19px; height: 19px; border-radius: 12px; padding: 0 4px; background: #ed4b55; border: 2px solid #0b1220; color: #fff; font-size: 10px; font-weight: 700; }
.merge-notification-popover { position: absolute; z-index: 45; top: 56px; right: 0; width: min(350px,calc(100vw - 40px)); border: 1px solid #303e54; border-radius: 18px; background: #121d2e; box-shadow: 0 18px 50px rgba(0,0,0,.34); overflow: hidden; }
.merge-notification-popover[hidden] { display: none; }
.merge-notification-popover header { display: flex; align-items: center; justify-content: space-between; padding: 10px 16px 10px 20px; border-bottom: 1px solid rgba(141,158,183,.12); font-size: 13px; }
.merge-notification-popover header button { width: 32px; height: 32px; border: 0; border-radius: 8px; background: transparent; color: #adbcd0; font-size: 23px; cursor: pointer; }
.merge-notification-message { padding: 20px; }
.merge-notification-summary { display: flex; align-items: flex-start; gap: 12px; }
.merge-notification-icon { flex: 0 0 36px; height: 36px; display: grid; place-items: center; border-radius: 11px; background: rgba(160,127,241,.12); color: #b49aea; }
.merge-notification-icon svg { width: 21px; height: 21px; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.merge-notification-message h2 { margin: 0 0 5px; font-size: 14px; line-height: 1.4; font-weight: 650; }
.merge-notification-message p, .page-heading .merge-notification-empty { font-size: 12px; line-height: 1.6; max-width: none; }
.merge-notification-summary small { display: block; margin-top: 6px; color: #8495ae; font-size: 11px; }
.merge-notification-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; margin-top: 18px; }
.merge-notification-actions button { min-height: 36px; padding: 8px 10px; border: 1px solid #334a6b; border-radius: 9px; color: #bdd6ff; background: rgba(50,86,139,.14); font-size: 11px; cursor: pointer; }
.merge-notification-actions button:last-child { color: #a8b6cb; background: transparent; border-color: transparent; }
.merge-notification-popover button:hover { background: #293c5b; }
.merge-notifications button:focus-visible { outline: 2px solid #bb9dff; outline-offset: 3px; }
.page-heading .merge-notification-empty { display: flex; align-items: center; gap: 10px; padding: 24px 20px; }
.merge-notification-empty-check { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: rgba(101,193,164,.1); color: #82baa9; }
.merge-notification-popover footer { padding: 10px 20px; border-top: 1px solid rgba(141,158,183,.1); color: #8292aa; font-size: 10px; line-height: 1.6; }
.readonly-badge { flex: none; display: inline-flex; align-items: center; gap: 9px; min-height: 34px; padding: 0 13px; border-radius: 999px; color: #91a0b7; background: #111b2b; border: 1px solid #24334a; font-size: 10px; font-weight: 700; }
.readonly-badge .status-dot { width: 6px; height: 6px; }

.upload-center { padding: 28px; border: 1px solid #27364e; border-radius: 18px; background: linear-gradient(145deg, #131d2f, #101929); box-shadow: 0 18px 45px rgba(0,0,0,.14); }
.upload-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; }
.section-kicker { display: block; color: #7888a2; font-size: 9px; font-weight: 800; letter-spacing: .16em; }
.upload-head h2 { margin: 8px 0 0; font-size: 20px; letter-spacing: -.02em; }
.phase-badge { padding: 6px 9px; color: #9f85ff; background: var(--purple-soft); border: 1px solid rgba(152,122,255,.2); border-radius: 999px; font-size: 9px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.upload-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 24px 0 14px; }
.upload-tab { position: relative; min-height: 76px; display: flex; align-items: center; gap: 14px; padding: 14px 16px; color: #8190a7; text-align: left; background: #111a2a; border: 1px solid #25344a; border-radius: 13px; cursor: pointer; transition: .18s ease; }
.upload-tab:hover { border-color: #3a4d69; }
.upload-tab.active { color: white; border-color: #7556ee; background: linear-gradient(105deg, rgba(114,79,236,.16), rgba(114,79,236,.04)); box-shadow: inset 0 0 0 1px rgba(126,91,255,.12); }
.upload-tab strong, .upload-tab small { display: block; }
.upload-tab strong { font-size: 13px; }
.upload-tab small { margin-top: 5px; color: #728198; font-size: 10px; }
.market-icon { flex: none; width: 40px; height: 40px; display: grid; place-items: center; border-radius: 11px; font-weight: 900; }
.amazon-icon { color: #ffb65d; background: rgba(255,182,93,.1); font-family: Georgia, serif; font-size: 23px; }
.multi-icon { color: #6fe2bd; background: rgba(66,217,165,.1); font-size: 11px; }
.drop-frame { min-height: 88px; display: flex; align-items: center; gap: 16px; padding: 16px; border: 1px dashed #354761; border-radius: 13px; background: rgba(7,12,21,.24); }
.upload-illustration { flex: none; width: 48px; height: 48px; display: grid; place-items: center; color: #9b7bff; background: var(--purple-soft); border-radius: 13px; font-size: 23px; }
.drop-frame strong { font-size: 12px; }
.drop-frame p { margin: 6px 0 0; color: #718098; font-size: 10px; line-height: 1.5; }
.workflow-steps { margin-left: auto; display: flex; align-items: center; }
.workflow-steps span { width: 25px; height: 25px; display: grid; place-items: center; border-radius: 50%; color: #5d6c83; background: #182337; border: 1px solid #2b3a51; font-size: 9px; font-weight: 800; }
.workflow-steps span.active { color: white; background: #7351ed; border-color: #8769f4; }
.workflow-steps i { width: 28px; height: 1px; background: #2b3a51; }

.stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin: 20px 0; }
.stat-card { min-height: 90px; display: flex; align-items: center; gap: 14px; padding: 18px; background: #111a2a; border: 1px solid #223149; border-radius: 14px; }
.stat-icon, .config-icon { flex: none; width: 38px; height: 38px; display: grid; place-items: center; border-radius: 10px; font-weight: 900; }
.stat-icon.purple, .config-icon.purple { color: #a486ff; background: var(--purple-soft); }
.stat-icon.green, .config-icon.green { color: var(--green); background: var(--green-soft); }
.stat-icon.blue, .config-icon.blue { color: var(--blue); background: var(--blue-soft); }
.stat-icon.amber, .config-icon.amber { color: var(--amber); background: var(--amber-soft); }
.stat-card small, .stat-card strong { display: block; }
.stat-card small { margin-bottom: 5px; color: #78879e; font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; }
.stat-card strong { font-size: 23px; letter-spacing: -.03em; }

.orders-card { background: #111a2a; border: 1px solid #26364e; border-radius: 18px; overflow: hidden; }
.orders-card-head { min-height: 92px; display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 20px 24px; border-bottom: 1px solid #233148; }
.orders-card-head h2 { margin: 0; font-size: 18px; }
.orders-card-head p { margin: 6px 0 0; color: #718097; font-size: 10px; }
.orders-tools { display: flex; align-items: center; gap: 9px; }
.orders-tools > [hidden] { display: none !important; }
.history-toggle { position: relative; height: 38px; display: inline-flex; align-items: center; gap: 8px; padding: 0 11px; color: #a5b1c4; background: #151f31; border: 1px solid #2b3b53; border-radius: 10px; cursor: pointer; font-size: 9px; font-weight: 700; white-space: nowrap; }
.history-toggle input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.history-toggle-track { position: relative; width: 25px; height: 14px; flex: none; background: #273349; border: 1px solid #3b4960; border-radius: 999px; transition: background .18s,border-color .18s; }
.history-toggle-track::after { content: ''; position: absolute; top: 2px; left: 2px; width: 8px; height: 8px; background: #7d8ba0; border-radius: 50%; transition: transform .18s,background .18s; }
.history-toggle input:checked + .history-toggle-track { background: rgba(128,92,255,.28); border-color: rgba(157,126,255,.62); }
.history-toggle input:checked + .history-toggle-track::after { background: #b9a5ff; transform: translateX(11px); }
.history-toggle input:focus-visible + .history-toggle-track { outline: 2px solid #8b6dff; outline-offset: 2px; }
.search-box { width: 230px; height: 38px; display: flex; align-items: center; gap: 9px; padding: 0 12px; background: #151f31; border: 1px solid #2b3b53; border-radius: 10px; color: #75849b; }
.search-box:focus-within { border-color: #7656ef; box-shadow: 0 0 0 3px rgba(118,86,239,.1); }
.search-box input { min-width: 0; flex: 1; color: white; background: transparent; border: 0; outline: 0; font-size: 11px; }
.search-box input::placeholder { color: #596980; }
.orders-tools select { height: 38px; min-width: 130px; padding: 0 30px 0 11px; color: #a5b1c4; background: #151f31; border: 1px solid #2b3b53; border-radius: 10px; font-size: 10px; }
.table-wrap { width: 100%; overflow-x: auto; }
table { width: 100%; border-collapse: collapse; }
th { height: 43px; padding: 0 14px; color: #697991; background: #0f1828; border-bottom: 1px solid #26344b; text-align: left; font-size: 9px; font-weight: 800; text-transform: uppercase; letter-spacing: .1em; }
th:first-child, td:first-child { padding-left: 24px; }
th:last-child, td:last-child { padding-right: 20px; }
td { height: 77px; padding: 10px 14px; border-bottom: 1px solid #202e43; color: #aeb9ca; font-size: 11px; }
.order-row { cursor: pointer; transition: background .15s; }
.order-row:hover { background: #152033; }
.file-cell { display: flex; align-items: center; gap: 12px; min-width: 260px; max-width: 410px; }
.file-icon { flex: none; width: 38px; height: 38px; display: grid; place-items: center; color: #a889ff; background: var(--purple-soft); border: 1px solid rgba(157,126,255,.16); border-radius: 9px; }
.file-icon svg { width: 19px; height: 19px; }
.file-icon .capability-icon-asset { width: 27px; height: 27px; display: block; }
.file-icon.workday-icon { color: #d8dee7; background: linear-gradient(145deg,rgba(220,224,231,.13),rgba(188,198,212,.055)); border-color: rgba(205,213,224,.24); }
.file-cell > span:last-child { min-width: 0; }
.file-cell strong { display: block; }
.file-cell strong { max-width: 340px; overflow: hidden; color: #edf1f7; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; }
.production-run-dot { width: 10px; height: 10px; flex: 0 0 10px; margin: 0 9px; border-radius: 50%; background: #a4afbf; box-shadow: 0 0 0 5px rgba(164,175,191,.09); }
.merge-analysis-order.preparing { gap: 14px; }
.merge-analysis-order.preparing p { color: #d7bc75; font-weight: 650; }
.merge-preparing-dot { width: 9px; height: 9px; flex: 0 0 9px; margin: 0 8px; border-radius: 50%; background: #d7bc75; box-shadow: 0 0 0 5px rgba(215,188,117,.09); animation: merge-preparing-pulse 2s ease-in-out infinite; }
@keyframes merge-preparing-pulse { 50% { opacity: .5; } }
@media (prefers-reduced-motion: reduce) { .merge-preparing-dot { animation: none; } }
.run-name-copy { display: flex; align-items: center; gap: 7px; }
.run-name-edit { width: 25px; height: 25px; display: grid; place-items: center; flex: none; padding: 0; color: #7989a0; background: transparent; border: 1px solid transparent; border-radius: 7px; cursor: pointer; font-size: 11px; opacity: .55; transition: opacity .15s,color .15s,background .15s,border-color .15s; }
.order-row:hover .run-name-edit, .run-name-edit:focus-visible { opacity: 1; }
.run-name-edit:hover, .run-name-edit:focus-visible { color: #c9bcff; background: rgba(128,92,255,.12); border-color: rgba(151,123,255,.26); outline: none; }
.run-name-editor { display: grid; grid-template-columns: minmax(150px,1fr) auto auto; align-items: center; gap: 6px; width: min(420px,48vw); }
.run-name-editor input { min-width: 0; height: 32px; padding: 0 9px; color: #f3f5fa; background: #0d1728; border: 1px solid #7656ef; border-radius: 7px; outline: none; font: inherit; }
.run-name-editor button { height: 30px; padding: 0 8px; color: #bbaaff; background: rgba(128,92,255,.1); border: 1px solid rgba(151,123,255,.28); border-radius: 7px; cursor: pointer; font-size: 8px; font-weight: 800; }
.run-name-editor button:disabled { opacity: .5; cursor: wait; }
.run-name-editor small { grid-column: 1 / -1; color: #ff9ba8; font-size: 8px; }
.contents-primary + small { margin-top: 6px; color: #65758c; font-size: 9px; }
.source-badge { display: inline-flex; align-items: center; gap: 8px; color: #c3cddd; font-size: 10px; }
.source-badge > span:last-child { white-space: nowrap; }
.marketplace-brand-group { display: inline-flex; align-items: center; flex: none; isolation: isolate; }
.marketplace-brand-group .marketplace-brand-icon:not(:first-child) { margin-left: -7px; }
.marketplace-brand-group.route .marketplace-brand-icon:not(:first-child) { margin-left: -6px; }
.marketplace-brand-group.large .marketplace-brand-icon:not(:first-child) { margin-left: -10px; }
.marketplace-brand-icon { width: 30px; height: 30px; display: inline-grid; place-items: center; flex: none; overflow: hidden; background: linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.055)); border: 1px solid rgba(197,207,224,.2); border-radius: 50%; box-shadow: 0 4px 12px rgba(2,8,18,.24),inset 0 1px 0 rgba(255,255,255,.08); }
.marketplace-brand-icon img { width: 58%; height: 58%; display: block; object-fit: contain; }
.marketplace-brand-icon.amazon img { width: 62%; height: 62%; }
.marketplace-brand-icon.etsy img { width: 50%; height: 57%; }
.marketplace-brand-icon.shopify img { width: 57%; height: 62%; }
.marketplace-brand-icon.tiny { width: 18px; height: 18px; box-shadow: 0 2px 7px rgba(2,8,18,.2); }
.marketplace-brand-icon.small { width: 24px; height: 24px; }
.marketplace-brand-icon.medium { width: 38px; height: 38px; }
.marketplace-brand-icon.route { width: 34px; height: 34px; }
.marketplace-brand-icon.large { width: 46px; height: 46px; border-width: 2px; box-shadow: 0 8px 22px rgba(2,8,18,.3); }
.date-primary, .contents-primary { display: block; color: #b9c4d4; white-space: nowrap; }
.uploaded-cell { display: inline-grid; gap: 5px; min-width: 78px; }
.uploaded-cell small { color: #73839a; font-size: 9px; font-variant-numeric: tabular-nums; letter-spacing: .025em; }
.contents-primary + small { display: block; }
.order-status-cell { display: inline-flex; align-items: center; gap: 8px; }
.run-status-elapsed { min-width: 37px; color: #8290a5; font-size: 8px; font-weight: 750; font-variant-numeric: tabular-nums; letter-spacing: .025em; }
.status-badge { display: inline-flex; align-items: center; gap: 6px; min-height: 27px; padding: 0 9px 0 8px; border: 1px solid transparent; border-radius: 8px; font-size: 9px; font-weight: 800; white-space: nowrap; box-shadow: inset 0 1px 0 rgba(255,255,255,.025); }
.status-badge .status-icon { width: 13px; height: 13px; flex: none; }
.status-badge.ready { color: var(--green); background: rgba(31,211,163,.09); border-color: rgba(31,211,163,.18); }
.status-badge.processing { color: var(--blue); background: rgba(76,141,255,.10); border-color: rgba(76,141,255,.2); }
.status-badge.reanalyzing { color: #b6a2ff; background: rgba(128,92,255,.11); border-color: rgba(157,126,255,.25); }
.status-badge.processing .status-icon, .status-badge.reanalyzing .status-icon { animation: status-icon-spin 1.35s linear infinite; }
.status-badge.uploaded { color: var(--amber); background: rgba(244,181,61,.09); border-color: rgba(244,181,61,.18); }
.status-badge.error { color: var(--red); background: rgba(255,91,111,.09); border-color: rgba(255,91,111,.2); }
@keyframes status-icon-spin { to { transform: rotate(360deg); } }
.row-open { width: 28px; height: 28px; display: grid; place-items: center; color: #708096; background: transparent; border: 0; border-radius: 8px; cursor: pointer; font-size: 23px; }
.order-row:hover .row-open { color: #ac92ff; background: var(--purple-soft); }
.table-foot { min-height: 68px; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 10px 24px; color: #75849a; font-size: 9px; }
.pagination-meta, .pagination-controls, .page-size-control { display: flex; align-items: center; }
.pagination-meta { gap: 18px; }
.page-size-control { gap: 8px; color: #74839a; white-space: nowrap; }
.page-size-control select { min-width: 64px; height: 34px; padding: 0 26px 0 10px; color: #d5ddea; background: #121d2e; border: 1px solid #2a3a52; border-radius: 8px; cursor: pointer; }
.pagination-controls { gap: 9px; }
.pagination-button { min-height: 34px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; padding: 0 12px; color: #b4c0d1; background: rgba(18,29,46,.72); border: 1px solid #2b3b53; border-radius: 8px; cursor: pointer; font-size: 9px; font-weight: 750; transition: border-color .18s,color .18s,background .18s; }
.pagination-button:hover:not(:disabled) { color: #f4f1ff; background: rgba(128,92,255,.10); border-color: rgba(148,117,255,.48); }
.pagination-button:disabled { color: #4f5d72; background: rgba(17,27,43,.42); border-color: #222f43; cursor: default; }
.page-summary { min-width: 78px; color: #8998ad; text-align: center; font-variant-numeric: tabular-nums; }
.secondary-button { min-height: 34px; padding: 0 14px; color: #b3bfd0; background: #182337; border: 1px solid #2c3b52; border-radius: 9px; cursor: pointer; font-size: 10px; font-weight: 700; }
.secondary-button:hover { border-color: #7455e9; color: white; }
.loading-state { height: 110px; display: flex; justify-content: center; align-items: center; gap: 10px; color: #718198; }
.loading-state span, .loading-panel > span { width: 18px; height: 18px; border: 2px solid #2e3e57; border-top-color: #9a7bff; border-radius: 50%; animation: spin .7s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }
.empty-state { min-height: 160px; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #76869e; text-align: center; }
.empty-state > span { width: 38px; height: 38px; display: grid; place-items: center; margin-bottom: 10px; border-radius: 50%; background: #172237; font-size: 18px; }
.empty-state strong { color: #c3cedd; font-size: 12px; }
.empty-state small { margin-top: 6px; font-size: 10px; }
.empty-state.error > span { color: var(--red); background: var(--red-soft); }

.settings-layout { display: grid; grid-template-columns: 220px minmax(0,1fr); align-items: start; gap: 20px; }
.settings-nav { position: sticky; top: 24px; display: grid; gap: 5px; padding: 10px; background: #111a2a; border: 1px solid #25344b; border-radius: 15px; }
.settings-nav button { min-height: 43px; display: flex; align-items: center; gap: 10px; padding: 0 11px; color: #8796ac; background: transparent; border: 1px solid transparent; border-radius: 9px; text-align: left; font-size: 10px; font-weight: 650; cursor: pointer; }
.settings-nav button span { width: 20px; color: #6f7e94; font-size: 15px; text-align: center; }
.settings-nav button:hover { color: #dbe3ef; background: #151f31; }
.settings-nav button.active { color: #f4f1ff; background: var(--purple-soft); border-color: rgba(133,96,244,.25); }
.settings-nav button.active span { color: #a789ff; }
.settings-content { min-height: 510px; padding: 28px; background: #111a2a; border: 1px solid #25354d; border-radius: 18px; }
.loading-panel { min-height: 360px; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #8b9ab0; }
.loading-panel strong { margin-top: 15px; font-size: 12px; }
.loading-panel small { margin-top: 7px; color: #5f6e84; font-size: 9px; }
.settings-section-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; margin-bottom: 24px; padding-bottom: 22px; border-bottom: 1px solid #243249; }
.settings-section-title { min-width: 0; display: flex; align-items: flex-start; gap: 15px; }
.settings-section-title > div { min-width: 0; }
.settings-section-head h2 { margin: 8px 0 7px; font-size: 24px; letter-spacing: -.03em; }
.settings-section-head p { margin: 0; color: #8090a7; font-size: 11px; }
.settings-section-side { width: min(440px,46%); min-width: 340px; display: flex; flex-direction: column; align-items: flex-end; gap: 10px; }
.settings-section-side > .count-badge { margin: 0; }
.count-badge { flex: none; padding: 7px 10px; color: #a88fff; background: var(--purple-soft); border-radius: 999px; font-size: 9px; font-weight: 700; }
.count-badge.neutral { color: #c7d0dc; background: rgba(226,232,240,.065); border: 1px solid rgba(226,232,240,.13); }
.config-banner { min-height: 82px; display: flex; align-items: center; gap: 14px; padding: 16px; margin-bottom: 18px; background: linear-gradient(90deg, rgba(42,211,157,.08), rgba(42,211,157,.02)); border: 1px solid rgba(42,211,157,.18); border-radius: 13px; }
.shield-mark { flex: none; width: 36px; height: 36px; display: grid; place-items: center; color: var(--green); background: var(--green-soft); border-radius: 10px; font-weight: 900; }
.config-banner strong, .config-banner p { display: block; }
.config-banner strong { font-size: 11px; }
.config-banner p { margin: 5px 0 0; color: #75859b; font-size: 9px; }
.config-banner .readonly-badge { margin-left: auto; background: rgba(8,15,24,.35); }
.config-card-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 11px; }
.config-card { min-height: 84px; display: grid; grid-template-columns: 40px 1fr 20px; align-items: center; gap: 13px; padding: 15px; text-align: left; background: #151f31; border: 1px solid #27364d; border-radius: 13px; cursor: pointer; }
.config-card:hover { border-color: #5d4a9d; background: #172238; }
.config-card strong, .config-card small { display: block; }
.config-card strong { font-size: 11px; }
.config-card small { margin-top: 6px; color: #6e7e95; font-size: 9px; }
.config-card b { color: #68778d; font-size: 20px; }
.rule-table { overflow: hidden; border: 1px solid #293850; border-radius: 12px; }
.rule-table-head, .rule-row { display: grid; grid-template-columns: 1.5fr 1fr; gap: 18px; }
.rule-table.three-columns .rule-table-head, .rule-table.three-columns .rule-row { grid-template-columns: .7fr 1.5fr 1fr; }
.rule-table-head { min-height: 38px; align-items: center; padding: 0 16px; color: #66768d; background: #0f1828; font-size: 8px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.rule-row { min-height: 52px; align-items: center; padding: 10px 16px; color: #b7c2d2; border-top: 1px solid #223148; font-size: 10px; }
.rule-row:hover { background: #141f31; }
.rule-row > span:last-child { display: flex; align-items: center; gap: 8px; }
.mono { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; }
.module-dot { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: #8090a6; }
.module-dot.embroidery { background: #a684ff; }
.module-dot.printing { background: #4b8dff; }
.module-dot.laser { background: #f3b950; }
.module-dot.others, .module-dot.other { background: #8391a6; }
.stack-list { display: grid; gap: 10px; }
.merge-card { padding: 17px; background: #151f31; border: 1px solid #293850; border-radius: 12px; }
.merge-card > div:first-child { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.merge-target { color: #e6ebf4; font-size: 11px; font-weight: 750; }
.merge-card small { color: #6d7d94; font-size: 9px; }
.chip-cloud { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 13px; }
.chip-cloud > span { max-width: 100%; overflow: hidden; padding: 6px 8px; color: #9ba9bd; background: #1b273a; border: 1px solid #304057; border-radius: 7px; text-overflow: ellipsis; white-space: nowrap; font-size: 8px; }
.chip-cloud > span.more-chip { color: #a98cff; background: var(--purple-soft); border-color: rgba(146,111,246,.25); }
.chip-cloud.warning > span { color: #d5ae69; background: var(--amber-soft); border-color: rgba(246,185,75,.18); }
.laser-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 11px; }
.laser-card { padding: 16px; background: #151f31; border: 1px solid #293950; border-radius: 13px; }
.laser-card-head { display: grid; grid-template-columns: 38px 1fr auto; align-items: center; gap: 11px; }
.laser-card-head strong, .laser-card-head small { display: block; }
.laser-card-head strong { font-size: 11px; }
.laser-card-head small { max-width: 180px; margin-top: 5px; overflow: hidden; color: #69798f; text-overflow: ellipsis; white-space: nowrap; font-size: 8px; }
.laser-values { display: grid; grid-template-columns: repeat(4,1fr); gap: 7px; margin: 16px 0 12px; }
.laser-values > span { padding: 9px; background: #101929; border-radius: 8px; }
.laser-values small, .laser-values strong { display: block; }
.laser-values small { color: #63738a; font-size: 7px; text-transform: uppercase; letter-spacing: .06em; }
.laser-values strong { margin-top: 5px; font-size: 12px; }
.laser-foot { display: flex; justify-content: space-between; padding-top: 11px; border-top: 1px solid #25344a; color: #718097; font-size: 8px; }
.laser-foot strong { color: #9aa8ba; }
.template-grid { display: grid; gap: 11px; }
.template-card { padding: 18px; background: #151f31; border: 1px solid #293950; border-radius: 13px; }
.template-head { display: flex; align-items: center; gap: 12px; }
.template-head strong, .template-head small { display: block; }
.template-head strong { font-size: 13px; }
.template-head small { margin-top: 5px; color: #6d7d94; font-size: 9px; }
.template-foot { display: flex; gap: 8px; margin-top: 14px; }
.template-foot span { padding: 5px 8px; color: #8d9bb0; background: #101929; border-radius: 6px; font-size: 8px; }
.inline-note { display: flex; gap: 11px; padding: 13px; margin-bottom: 14px; color: #9880eb; background: var(--purple-soft); border: 1px solid rgba(139,103,247,.18); border-radius: 10px; }
.inline-note p { margin: 0; color: #8998ae; font-size: 9px; line-height: 1.6; }
.inline-note strong { display: block; color: #b4a0f7; font-size: 10px; }
.alias-value { color: #bdabff; }
.analysis-source { min-height: 82px; display: grid; grid-template-columns: 40px 1fr auto; align-items: center; gap: 14px; padding: 16px; margin-bottom: 16px; background: linear-gradient(90deg, rgba(246,185,75,.08), rgba(246,185,75,.02)); border: 1px solid rgba(246,185,75,.18); border-radius: 13px; }
.analysis-source > div { min-width: 0; }
.analysis-source small, .analysis-source strong, .analysis-source p { display: block; }
.analysis-source small { color: #8c7954; font-size: 7px; font-weight: 850; letter-spacing: .11em; }
.analysis-source strong { margin-top: 5px; overflow: hidden; color: #ead6a8; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; }
.analysis-source p { margin: 5px 0 0; color: #75859b; font-size: 8px; }
.analysis-metrics { margin: 0 0 16px; }
.analysis-block { padding: 17px; background: #151f31; border: 1px solid #293850; border-radius: 12px; }
.analysis-block.attention { margin-bottom: 12px; border-color: rgba(246,185,75,.2); background: linear-gradient(135deg, rgba(246,185,75,.06), #151f31 58%); }
.analysis-block-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.analysis-block-head h3 { margin: 0; font-size: 11px; }
.analysis-block-head p { max-width: 590px; margin: 6px 0 0; color: #708097; font-size: 8px; line-height: 1.55; }
.analysis-block-head > span { flex: none; min-width: 25px; height: 25px; display: grid; place-items: center; color: #a98cff; background: var(--purple-soft); border-radius: 999px; font-size: 8px; font-weight: 800; }
.analysis-block.attention .analysis-block-head > span { color: var(--amber); background: var(--amber-soft); }
.analysis-columns-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 11px; }
.analysis-clear { margin-top: 13px; padding: 12px; color: var(--green); background: var(--green-soft); border-radius: 9px; font-size: 9px; }
.settings-note { margin-top: 12px; }
.analysis-link { margin-bottom: 14px; }

.drawer-backdrop { position: fixed; inset: 0; z-index: 80; background: rgba(3,6,12,.68); backdrop-filter: blur(3px); }
.order-drawer { position: fixed; inset: 0 0 0 auto; z-index: 90; width: min(560px, 94vw); height: 100vh; height: 100dvh; height: var(--bimo-visual-viewport-height,100dvh); display: flex; flex-direction: column; background: #0f1828; border-left: 1px solid #2a3950; box-shadow: -30px 0 80px rgba(0,0,0,.35); transform: translateX(102%); transition: transform .24s ease; }
.order-drawer.open { transform: none; }
.drawer-head { min-height: 94px; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 22px 26px; border-bottom: 1px solid #25344a; }
.drawer-head h2 { max-width: 440px; margin: 7px 0 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; }
.drawer-head .icon-button { font-size: 25px; }
.drawer-body { flex: 1; overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; padding: 24px max(26px,env(safe-area-inset-right)) max(36px,env(safe-area-inset-bottom)) max(26px,env(safe-area-inset-left)); touch-action: pan-y; }
.drawer-status-line { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: #6d7c91; font-size: 9px; }
.drawer-status-primary { display: flex; align-items: center; gap: 9px; min-width: 0; }
.detail-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 8px; margin: 18px 0; }
.detail-metric { min-height: 70px; display: flex; flex-direction: column; justify-content: center; padding: 10px; background: #151f31; border: 1px solid #26364d; border-radius: 10px; }
.detail-metric small { color: #66768d; font-size: 7px; text-transform: uppercase; letter-spacing: .06em; }
.detail-metric small.metric-label-with-icon { display: flex; align-items: center; gap: 6px; }
.detail-metric small.metric-label-with-icon > span { margin: 0; color: inherit; font-size: inherit; }
.detail-metric strong { margin-top: 6px; font-size: 16px; }
.detail-metric span { margin-top: 3px; color: #68778d; font-size: 7px; }
.detail-grid.run-source-metrics { grid-template-columns: 1fr; }
.run-stores-metric { min-height: 86px; display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 18px; padding: 15px 17px; background: linear-gradient(115deg,rgba(128,92,255,.09),#151f31 58%); }
.run-stores-summary { display: flex; align-items: center; gap: 13px; min-width: 0; }
.run-stores-summary > div { min-width: 0; }
.run-stores-summary small, .run-stores-summary strong { display: block; }
.run-stores-summary strong { margin-top: 5px; font-size: 18px; }
.run-stores-breakdown { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 7px; }
.detail-metric .run-stores-breakdown > span { display: inline-flex; align-items: center; gap: 6px; margin: 0; padding: 7px 9px; color: #d7deea; background: rgba(255,255,255,.035); border: 1px solid #30415a; border-radius: 999px; font-size: 8px; }
.run-stores-breakdown b { color: #8896aa; font-size: 7px; text-transform: uppercase; letter-spacing: .05em; }
.detail-section { margin-top: 14px; padding: 17px; background: #131d2e; border: 1px solid #26364d; border-radius: 12px; }
.detail-section-head { display: flex; align-items: center; justify-content: space-between; padding-bottom: 12px; border-bottom: 1px solid #233248; }
.detail-section-head h3 { margin: 0; font-size: 11px; }
.detail-section-head span { color: #6f7f96; font-size: 8px; }
.module-list { display: grid; gap: 9px; margin-top: 12px; }
.module-row { display: flex; align-items: center; justify-content: space-between; color: #9cabbf; font-size: 9px; }
.module-row > span { display: flex; align-items: center; gap: 8px; }
.module-row strong { color: #dbe3ef; }
.file-readiness { display: flex; align-items: center; justify-content: space-between; padding: 12px 0; border-bottom: 1px solid #213047; color: #6bdcaf; font-size: 8px; }
.file-readiness:last-child { border-bottom: 0; padding-bottom: 0; }
.file-readiness > div { display: flex; align-items: center; gap: 10px; }
.file-readiness strong, .file-readiness small { display: block; }
.file-readiness strong { color: #d6deea; font-size: 9px; }
.file-readiness small { margin-top: 4px; color: #67768c; font-size: 8px; }
.ready-check { width: 28px; height: 28px; display: grid; place-items: center; color: var(--green); background: var(--green-soft); border-radius: 8px; }
.downloads-section { padding-bottom: 13px; }
.download-group { padding: 14px 0 2px; }
.download-group + .download-group { border-top: 1px solid #213047; }
.download-group-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 9px; }
.download-group-head strong, .download-group-head small { display: block; }
.download-group-head strong { color: #cbd5e3; font-size: 9px; }
.download-group-head small { margin-top: 4px; color: #62728a; font-size: 7px; }
.download-group-head > span { color: #697991; font-size: 8px; }
.download-list { display: grid; gap: 7px; }
.download-card { min-height: 54px; display: grid; grid-template-columns: 34px minmax(0,1fr) auto; align-items: center; gap: 10px; padding: 8px 9px; color: inherit; background: #172237; border: 1px solid #293950; border-radius: 10px; text-decoration: none; transition: border-color .15s, background .15s, transform .15s; }
.download-card:hover { color: inherit; background: #1a263c; border-color: #624dad; transform: translateY(-1px); }
.download-glyph { width: 34px; height: 34px; display: grid; place-items: center; color: #a98cff; background: var(--purple-soft); border-radius: 9px; font-size: 14px; }
.download-glyph.labels { color: var(--green); background: var(--green-soft); }
.download-glyph.production { color: var(--blue); background: var(--blue-soft); }
.download-copy { min-width: 0; }
.download-copy strong, .download-copy small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.download-copy strong { color: #dfe6f0; font-size: 9px; }
.download-copy small { margin-top: 5px; color: #687890; font-size: 7px; }
.download-action { display: flex; align-items: center; gap: 7px; padding: 7px 8px; color: #a98cff; background: rgba(136,99,246,.08); border-radius: 8px; font-size: 12px; }
.download-action span { font-size: 7px; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; }
.timeline { display: grid; gap: 0; padding-top: 9px; }
.timeline-item { position: relative; display: grid; grid-template-columns: 16px 1fr; gap: 10px; min-height: 58px; padding-top: 7px; }
.timeline-item:not(:last-child)::after { content: ""; position: absolute; left: 5px; top: 22px; bottom: -2px; width: 1px; background: #2a3a51; }
.timeline-dot { z-index: 1; width: 11px; height: 11px; margin-top: 2px; border: 3px solid #26364e; border-radius: 50%; background: #78879d; }
.timeline-dot.completed { background: var(--green); border-color: rgba(43,217,161,.2); }
.timeline-dot.failed { background: var(--red); border-color: rgba(255,104,122,.2); }
.timeline-dot.prepared { background: var(--amber); border-color: rgba(246,185,75,.2); }
.timeline-item strong, .timeline-item small, .timeline-item time { display: block; }
.timeline-item strong { font-size: 9px; }
.timeline-item small { margin-top: 4px; color: #718097; font-size: 8px; }
.timeline-item time { margin-top: 5px; color: #526177; font-size: 7px; }
.timeline-item .timeline-source { margin-top: 3px; color: #74839a; }
.match-confidence { margin-left: 5px; color: #55dfb2; font-size: 6px; font-style: normal; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; }
.match-confidence.probable { color: #f8be58; }
.empty-mini { padding: 15px 0 4px; color: #68778c; font-size: 9px; }
.muted-copy { color: #68778c; font-size: 9px; }
.drawer-note { display: flex; gap: 11px; margin-top: 16px; padding: 14px; color: #9980ee; background: var(--purple-soft); border-radius: 10px; }
.drawer-note p { margin: 0; color: #78879c; font-size: 8px; line-height: 1.6; }
.drawer-note strong { display: block; color: #ab96ef; font-size: 9px; }
.drawer-open { overflow: hidden; }
.toast { position: fixed; z-index: 110; right: 24px; bottom: 24px; padding: 12px 16px; color: #dce4ef; background: #182337; border: 1px solid #304058; border-radius: 10px; box-shadow: var(--shadow); opacity: 0; pointer-events: none; transform: translateY(8px); transition: .2s; font-size: 10px; }

@media (max-width: 1100px) {
  .login-shell { grid-template-columns: 1fr 1fr; }
  .login-story { padding: 42px; }
  .sidebar { width: 210px; }
  .main-area { width: calc(100% - 210px); margin-left: 210px; }
  .view { width: min(100% - 44px, 1280px); }
  .stats-grid { grid-template-columns: repeat(2, 1fr); }
  .settings-layout { grid-template-columns: 190px minmax(0,1fr); }
  .laser-grid { grid-template-columns: 1fr; }
}

@media (max-width: 820px) {
  .login-shell { display: block; }
  .login-story { display: none; }
  .login-panel { min-height: 100vh; padding: 32px 22px; }
  .login-mobile-mark { display: block; position: relative; width: 110px; height: 74px; overflow: hidden; margin-bottom: 28px; }
  .login-mobile-mark img { position: absolute; width: 220px; height: 220px; object-fit: cover; left: -55px; top: -74px; }
  .sidebar { transform: translateX(-102%); width: 245px; transition: transform .22s ease; box-shadow: 30px 0 70px rgba(0,0,0,.4); }
  .sidebar.mobile-open { transform: none; }
  .main-area { width: 100%; margin-left: 0; }
  .mobile-header { height: 58px; display: flex; align-items: center; justify-content: space-between; padding: 0 17px; background: #0b1220; border-bottom: 1px solid #1f2c40; font-size: 13px; font-weight: 800; }
  .view { width: calc(100% - 28px); padding: 28px 0 50px; }
  .view.active { min-height: calc(100vh - 58px); min-height: calc(100svh - 58px); }
  .workspace-copyright { padding-top: 32px; }
  .page-heading { align-items: flex-start; }
  .page-heading h1 { font-size: 34px; }
  .readonly-badge { display: none; }
  .upload-tabs { grid-template-columns: 1fr; }
  .workflow-steps { display: none; }
  .orders-card-head { align-items: flex-start; flex-direction: column; }
  .orders-tools { width: 100%; flex-wrap: wrap; }
  .search-box { flex: 1; width: auto; }
  .settings-layout { display: block; }
  .settings-nav { position: static; display: flex; overflow-x: auto; margin-bottom: 12px; }
  .settings-nav button { flex: none; }
  .settings-content { padding: 20px; }
  .config-card-grid { grid-template-columns: 1fr; }
  .analysis-columns-grid { grid-template-columns: 1fr; }
}

@media (max-width: 560px) {
  .page-heading p { max-width: 280px; line-height: 1.5; }
  .upload-center { padding: 18px; }
  .upload-head h2 { font-size: 17px; }
  .drop-frame { align-items: flex-start; }
  .stats-grid { grid-template-columns: 1fr 1fr; gap: 8px; }
  .stat-card { min-height: 78px; padding: 12px; gap: 10px; }
  .stat-icon { width: 32px; height: 32px; }
  .stat-card strong { font-size: 18px; }
  .orders-tools { flex-direction: column; }
  .history-toggle { width: 100%; }
  .orders-tools select { width: 100%; }
  .search-box { width: 100%; flex: none; }
  .orders-card-head { padding: 18px; }
  .detail-grid { grid-template-columns: repeat(2,1fr); }
  .config-banner { align-items: flex-start; }
  .config-banner .readonly-badge { display: none; }
  .settings-section-head { display: block; }
  .count-badge { display: inline-block; margin-top: 13px; }
  .laser-values { grid-template-columns: repeat(2,1fr); }
  .rule-table { overflow-x: auto; }
  .rule-table-head, .rule-row { min-width: 560px; }
  .merge-card > div:first-child { align-items: flex-start; flex-direction: column; }
  .analysis-source { grid-template-columns: 40px 1fr; }
  .analysis-source .readonly-badge { display: none; }
  .download-action span { display: none; }
}

/* List Customization template browser */
.list-customization-content { width: 100%; }
.list-customization-workspace { display: grid; gap: 11px; padding-top: 10px; border-top: 1px solid rgba(47,63,87,.7); }
.list-module-tabs { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 9px; }
.list-module-tab { --module-rgb: 148,163,184; min-width: 0; min-height: 68px; display: grid; grid-template-columns: 38px minmax(0,1fr); align-items: center; gap: 10px; padding: 11px 13px; color: #8b99ad; text-align: left; background: rgba(20,31,50,.74); border: 1px solid #2d3e56; border-radius: 11px; box-shadow: inset 0 1px 0 rgba(255,255,255,.025); font: inherit; cursor: pointer; transition: border-color .16s ease, background .16s ease, transform .16s ease, box-shadow .16s ease; }
.list-module-tab.print { --module-rgb: 75,141,255; }
.list-module-tab.embroidery { --module-rgb: 160,92,255; }
.list-module-tab.laser { --module-rgb: 246,185,75; }
.list-module-tab:hover:not(:disabled) { border-color: rgba(var(--module-rgb),.42); background: rgba(var(--module-rgb),.065); transform: translateY(-1px); }
.list-module-tab.active { color: #eef2f8; background: linear-gradient(130deg,rgba(var(--module-rgb),.17),rgba(25,38,60,.94)); border-color: rgba(var(--module-rgb),.58); box-shadow: 0 0 0 1px rgba(var(--module-rgb),.1),0 10px 26px rgba(4,10,19,.13); }
.list-module-tab:disabled { cursor: not-allowed; opacity: .48; }
.list-module-tab-icon { width: 38px; height: 38px; display: grid; place-items: center; background: rgba(var(--module-rgb),.08); border: 1px solid rgba(var(--module-rgb),.18); border-radius: 10px; }
.list-module-tab-icon img { width: 27px; height: 27px; display: block; object-fit: contain; }
.list-module-tab > span:nth-child(2) { min-width: 0; }
.list-module-tab strong, .list-module-tab small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.list-module-tab strong { color: #dce3ed; font-size: 10px; }
.list-module-tab small { margin-top: 4px; color: #728197; font-size: 7px; }
.list-module-tab.active strong { color: #f5f7fb; }
.list-module-tab.active small { color: #96a5b9; }
.list-module-tab em { padding: 4px 7px; color: rgba(var(--module-rgb),.95); background: rgba(var(--module-rgb),.08); border: 1px solid rgba(var(--module-rgb),.16); border-radius: 999px; font-size: 6.5px; font-style: normal; font-weight: 850; }
.list-customization-new { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 38px; margin-top: 7px; padding: 0 16px; color: #eee9ff; background: linear-gradient(135deg,rgba(110,79,244,.82),rgba(125,62,231,.82)); border: 1px solid rgba(146,119,255,.52); border-radius: 8px; box-shadow: 0 8px 22px rgba(80,50,190,.14); font: inherit; font-size: 9px; font-weight: 800; cursor: pointer; }
.list-customization-new:hover { border-color: rgba(177,157,255,.72); filter: brightness(1.06); }
.list-customization-new span { font-size: 14px; line-height: 1; }
.list-customization-browser { display: grid; grid-template-columns: minmax(260px,360px) minmax(0,1fr); align-items: start; gap: 14px; padding-top: 10px; border-top: 1px solid rgba(47,63,87,.7); }
.list-template-list { display: grid; gap: 8px; }
.list-template-row { width: 100%; display: grid; grid-template-columns: minmax(0,1fr) 32px 14px; align-items: center; gap: 9px; min-height: 90px; padding: 14px 15px; color: inherit; text-align: left; background: rgba(22,33,53,.78); border: 1px solid #2b3b52; border-radius: 10px; font: inherit; cursor: pointer; transition: border-color .16s ease, background .16s ease, transform .16s ease; }
.list-template-row:hover { border-color: #465a77; background: #19263c; transform: translateY(-1px); }
.list-template-row.selected { background: linear-gradient(120deg,rgba(87,72,187,.25),rgba(29,41,66,.94)); border-color: #7669ef; box-shadow: 0 0 0 1px rgba(118,105,239,.18),0 8px 24px rgba(5,10,20,.12); }
.list-template-row-copy { min-width: 0; display: block; }
.list-template-row strong, .list-template-row small, .list-template-row em { display: block; }
.list-template-row strong { margin-bottom: 4px; overflow: hidden; color: #eef1f7; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.list-template-row small { min-height: 17px; overflow: hidden; color: #8996aa; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.list-template-row em { display: flex; flex-wrap: wrap; align-items: center; gap: 5px; margin-top: 9px; color: #75839a; font-size: 7.5px; font-style: normal; }
.list-template-row em i { color: #40506a; font-style: normal; }
.list-template-row em span:last-child { color: #9a8cff; font-weight: 750; }
.list-template-module-icon { --module-rgb: 148,163,184; width: 32px; height: 32px; display: grid; place-items: center; background: rgba(var(--module-rgb),.07); border: 1px solid rgba(var(--module-rgb),.16); border-radius: 9px; box-shadow: inset 0 1px 0 rgba(255,255,255,.035); }
.list-template-module-icon.print { --module-rgb: 75,141,255; }
.list-template-module-icon.embroidery { --module-rgb: 160,92,255; }
.list-template-module-icon.laser { --module-rgb: 246,185,75; }
.list-template-module-icon img { width: 23px; height: 23px; display: block; object-fit: contain; }
.list-template-chevron { color: #61708a; font-size: 22px; font-weight: 300; transition: color .16s ease, transform .16s ease; }
.list-template-row.selected .list-template-chevron { color: #8e83ff; transform: translateX(1px); }
.list-template-detail { min-width: 0; padding: 20px; background: rgba(23,34,55,.82); border: 1px solid #304158; border-radius: 12px; }
.list-template-detail-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.list-template-detail-head h2 { margin: 0 0 5px; color: #f2f4f8; font-size: 17px; letter-spacing: -.02em; }
.list-template-detail-head p { margin: 0; color: #8996aa; font-size: 9px; }
.list-template-readonly { flex: none; padding: 6px 9px; color: #9aa8bc; background: rgba(93,111,138,.14); border: 1px solid rgba(117,137,166,.22); border-radius: 999px; font-size: 7px; font-weight: 800; }
.list-template-columns { margin-top: 20px; }
.list-template-columns h3 { margin: 0 0 9px; color: #9da9ba; font-size: 8px; letter-spacing: .08em; }
.list-template-columns h3 span { color: #76849a; }
.list-template-column-cloud { display: flex; flex-wrap: wrap; gap: 5px; }
.list-template-column-cloud > span { max-width: 100%; padding: 5px 8px; overflow: hidden; color: #d8dfeb; background: #26344a; border: 1px solid #41526b; border-radius: 6px; font-size: 7.5px; text-overflow: ellipsis; white-space: nowrap; }
.list-template-column-cloud > small { color: #76849a; font-size: 8px; }
.list-template-badges { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 15px; }
.list-template-badges span { padding: 5px 8px; color: #9ca9bc; background: rgba(67,84,110,.28); border: 1px solid #394a63; border-radius: 6px; font-size: 7.5px; }
.list-template-output-note { display: flex; gap: 10px; margin-top: 14px; padding: 12px 13px; background: rgba(45,182,139,.055); border: 1px solid rgba(65,202,160,.16); border-radius: 9px; }
.list-template-output-note > span { width: 22px; height: 22px; display: grid; place-items: center; flex: none; color: #62d5ad; background: rgba(55,202,153,.1); border-radius: 7px; font-size: 9px; }
.list-template-output-note p { margin: 0; color: #77879b; font-size: 8px; line-height: 1.55; }
.list-template-output-note strong { display: block; margin-bottom: 3px; color: #cdd8e5; font-size: 8.5px; }
.list-template-detail-actions { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 22px; padding-top: 14px; border-top: 1px solid #304158; }
.list-template-detail-actions > div { display: flex; gap: 7px; }
.list-template-detail-actions button { display: inline-flex; align-items: center; gap: 6px; min-height: 31px; padding: 0 11px; color: #d8e0eb; background: rgba(57,74,99,.46); border: 1px solid #43546c; border-radius: 6px; font: inherit; font-size: 8px; font-weight: 800; cursor: pointer; }
.list-template-detail-actions button:hover:not(:disabled) { color: #f4f6fa; border-color: #63758e; background: rgba(75,94,121,.54); }
.list-template-detail-actions button:disabled { cursor: not-allowed; opacity: .48; }
.list-template-detail-actions button svg { width: 13px; height: 13px; flex: none; }
.list-template-detail-actions button.delete { color: #ff8992; background: rgba(255,87,104,.045); border-color: rgba(255,99,116,.12); }
.list-template-list-empty { padding: 22px; color: #78869b; background: rgba(22,33,53,.78); border: 1px solid #2b3b52; border-radius: 10px; font-size: 9px; text-align: center; }
.list-workspace-shell { --list-module-rgb: 148,163,184; overflow: hidden; background: rgba(19,29,47,.78); border: 1px solid rgba(148,163,184,.24); border-radius: 14px; box-shadow: 0 18px 42px rgba(3,9,18,.14), inset 0 1px 0 rgba(255,255,255,.018); }
.list-workspace-shell.module-print { --list-module-rgb: 75,141,255; }
.list-workspace-shell.module-embroidery { --list-module-rgb: 160,92,255; }
.list-workspace-shell.module-laser { --list-module-rgb: 246,185,75; }
.list-qa-fixture-notice { display: flex; align-items: center; gap: 11px; margin: 12px 16px 0; padding: 10px 12px; background: rgba(255,135,87,.07); border: 1px solid rgba(255,135,87,.24); border-radius: 9px; }
.list-qa-fixture-notice > span { display: grid; place-items: center; width: 30px; height: 24px; color: #ff9b75; background: rgba(255,135,87,.1); border: 1px solid rgba(255,135,87,.22); border-radius: 6px; font-size: 9px; font-weight: 900; letter-spacing: .1em; }
.list-qa-fixture-notice p { margin: 0; color: #8291a6; font-size: 10px; line-height: 1.45; }
.list-qa-fixture-notice strong { display: block; color: #d9e1ec; font-size: 11px; }
.list-workspace-head { position: relative; display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 14px; padding: 18px 20px; border-bottom: 1px solid #2a3a51; }
.list-workspace-head::before { position: absolute; top: 0; left: 20px; width: 46px; height: 2px; content: ''; background: rgba(196,207,222,.68); border-radius: 0 0 3px 3px; box-shadow: 0 0 12px rgba(188,201,218,.12); }
.list-workspace-head h2 { margin: 5px 0 4px; color: #f2f4f8; font-size: 18px; letter-spacing: -.025em; }
.list-workspace-head p { margin: 0; color: #7c8ba0; font-size: 8.5px; }
.list-workspace-status { padding: 6px 9px; color: #9ca9bc; background: rgba(86,105,132,.12); border: 1px solid rgba(110,132,163,.22); border-radius: 999px; font-size: 7px; font-weight: 800; white-space: nowrap; }
.list-workspace-status.draft { color: #c9bbff; background: rgba(128,92,255,.1); border-color: rgba(150,121,255,.25); }
.list-workspace-head-actions { display: flex; align-items: center; gap: 9px; }
.list-draft-tools { display: flex; align-items: center; gap: 6px; }
.list-draft-tools button { min-height: 32px; display: inline-flex; align-items: center; gap: 6px; padding: 0 9px; color: #aab6c6; background: rgba(105,123,148,.08); border: 1px solid rgba(125,145,173,.2); border-radius: 7px; font: inherit; font-size: 7.5px; font-weight: 800; cursor: pointer; }
.list-draft-tools button:hover:not(:disabled) { color: #dbe2eb; background: rgba(118,137,164,.14); border-color: rgba(145,164,190,.34); }
.list-draft-tools button:disabled { cursor: default; opacity: .3; }
.list-draft-tools svg { width: 14px; height: 14px; }
.list-workspace-sections { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 7px; padding: 15px 20px; }
.list-workspace-sections button { min-width: 0; min-height: 66px; display: grid; grid-template-columns: 30px minmax(0,1fr); align-items: center; gap: 9px; padding: 10px; color: #7f8da1; text-align: left; background: rgba(26,39,61,.72); border: 1px solid #2d3e56; border-radius: 9px; font: inherit; cursor: pointer; transition: border-color .16s ease, background .16s ease; }
.list-workspace-sections button > span:first-child { width: 30px; height: 30px; display: grid; place-items: center; color: #8492a6; background: rgba(95,111,138,.1); border-radius: 8px; }
.list-workspace-sections svg { width: 17px; height: 17px; }
.list-workspace-sections button > span:last-child { min-width: 0; }
.list-workspace-sections button strong, .list-workspace-sections button small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.list-workspace-sections button strong { color: #bcc6d4; font-size: 8.5px; }
.list-workspace-sections button small { margin-top: 4px; color: #67768b; font-size: 6.7px; line-height: 1.35; }
.list-workspace-sections button:hover { border-color: rgba(151,167,190,.32); background: rgba(34,49,72,.76); }
.list-workspace-sections button.active { background: linear-gradient(130deg,rgba(226,232,240,.145),rgba(52,65,85,.7)); border-color: rgba(226,232,240,.32); box-shadow: inset 0 1px 0 rgba(255,255,255,.065),0 0 0 1px rgba(226,232,240,.025); }
.list-workspace-sections button.active > span:first-child { color: #d8e0e9; background: rgba(226,232,240,.11); }
.list-workspace-sections button.active strong { color: #f0f3f8; }
.list-workspace-panel { margin: 0 20px 18px; padding: 20px; background: rgba(24,36,57,.78); border: 1px solid #304159; border-radius: 11px; }
.list-workspace-panel > header { margin-bottom: 18px; }
.list-workspace-panel > header h3 { margin: 6px 0 5px; color: #f0f3f8; font-size: 17px; letter-spacing: -.02em; }
.list-workspace-panel > header p { margin: 0; color: #8090a5; font-size: 8.5px; line-height: 1.5; }
.list-template-fields { display: grid; grid-template-columns: 1fr 1.3fr; gap: 10px; }
.list-template-fields label { min-width: 0; display: grid; gap: 6px; color: #8e9caf; font-size: 7.5px; font-weight: 800; }
.list-template-fields input { width: 100%; min-height: 36px; padding: 0 11px; color: #e7ebf2; background: #111d30; border: 1px solid #344760; border-radius: 7px; box-sizing: border-box; font: inherit; font-size: 9px; outline: none; }
.list-template-fields input:focus { border-color: #7567d9; box-shadow: 0 0 0 2px rgba(119,102,221,.11); }
.list-template-fields input:disabled { color: #a8b3c3; background: rgba(17,29,48,.6); }
.list-module-picker { margin-top: 16px; }
.list-module-picker > span { display: block; margin-bottom: 7px; color: #8e9caf; font-size: 7.5px; font-weight: 800; }
.list-module-picker > div { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; }
.list-module-picker button { min-width: 0; min-height: 58px; display: flex; align-items: center; gap: 9px; padding: 9px 11px; color: #9ba8b9; text-align: left; background: rgba(18,29,47,.72); border: 1px solid #33445c; border-radius: 8px; font: inherit; cursor: pointer; }
.list-module-picker button img { width: 29px; height: 29px; object-fit: contain; }
.list-module-picker button strong, .list-module-picker button small { display: block; }
.list-module-picker button strong { color: #cbd4e0; font-size: 8.5px; }
.list-module-picker button small { margin-top: 3px; color: #69788d; font-size: 6.5px; }
.list-module-picker button.selected { background: rgba(105,82,214,.14); border-color: rgba(133,111,239,.58); }
.list-module-picker button.selected strong { color: #eeeaff; }
.list-module-picker button:disabled { cursor: default; opacity: .75; }
.list-field-warning { display: block; margin-top: 7px; color: #d3a654; font-size: 7px; }
.list-columns-panel { padding: 0; background: transparent; border: 0; }
.list-columns-panel > header { padding: 20px 20px 0; }
.list-columns-layout { display: grid; grid-template-columns: minmax(270px,.82fr) minmax(390px,1.38fr); align-items: start; gap: 12px; padding: 0 20px; }
.list-source-library, .list-selected-library { min-width: 0; overflow: hidden; background: rgba(15,25,42,.62); border: 1px solid #2d3f57; border-radius: 11px; }
.list-source-library > header, .list-selected-library > header { min-height: 58px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 14px; background: rgba(27,40,62,.72); border-bottom: 1px solid #2d3e55; }
.list-source-library > header strong, .list-source-library > header small, .list-selected-library > header strong, .list-selected-library > header small { display: block; }
.list-source-library > header strong, .list-selected-library > header strong { color: #dbe2ec; font-size: 9.5px; }
.list-source-library > header small, .list-selected-library > header small { margin-top: 4px; color: #728198; font-size: 7px; }
.list-source-library > header > span, .list-selected-library > header > span { flex: none; padding: 5px 7px; color: rgb(var(--list-module-rgb)); background: rgba(var(--list-module-rgb),.08); border: 1px solid rgba(var(--list-module-rgb),.14); border-radius: 999px; font-size: 6.5px; font-weight: 850; }
.list-source-search { display: grid; grid-template-columns: 22px minmax(0,1fr); align-items: center; margin: 11px 11px 8px; color: #66768c; background: #111d30; border: 1px solid #33455e; border-radius: 8px; }
.list-source-search > span { text-align: right; font-size: 13px; }
.list-source-search input { min-width: 0; min-height: 35px; padding: 0 10px 0 7px; color: #d8e0ea; background: transparent; border: 0; outline: 0; font: inherit; font-size: 8px; }
.list-source-search:focus-within { border-color: rgba(var(--list-module-rgb),.54); box-shadow: 0 0 0 2px rgba(var(--list-module-rgb),.07); }
.list-source-search input::placeholder { color: #607087; }
.list-source-groups { max-height: min(54vh,520px); overflow: auto; padding: 0 11px 11px; }
.list-source-group { margin-top: 6px; overflow: hidden; background: rgba(20,32,51,.54); border: 1px solid rgba(56,74,99,.68); border-radius: 8px; }
.list-source-group > summary { min-height: 48px; display: grid; grid-template-columns: minmax(0,1fr) auto 18px; align-items: center; gap: 7px; padding: 8px 10px; list-style: none; cursor: pointer; }
.list-source-group > summary::-webkit-details-marker { display: none; }
.list-source-group > summary:hover { background: rgba(var(--list-module-rgb),.035); }
.list-source-group > summary strong, .list-source-group > summary small { display: block; }
.list-source-group > summary strong { color: #9ccdf0; font-size: 7.5px; text-transform: uppercase; letter-spacing: .1em; }
.list-source-group[data-list-source-group="order"] > summary strong { color: #79c9af; }
.list-column-search-match { margin: 0; padding: 0 14px 12px; color: #90a0b5; font-size: 8px; line-height: 1.6; overflow-wrap: anywhere; }
.list-column-search-match > span { color: #91d3bd; }
.list-selected-merge p > .list-source-match { color: #a4e4cf; background: rgba(68,174,136,.12); border-color: rgba(115,211,175,.4); }
.list-source-group > summary small { margin-top: 3px; color: #617087; font-size: 6.5px; line-height: 1.35; }
.list-source-group > summary > span { min-width: 20px; color: #718096; text-align: center; font-size: 6.5px; }
.list-source-group > summary > i { color: #74849a; font-size: 9px; font-style: normal; text-align: center; transition: transform .14s ease; }
.list-source-group[open] > summary { border-bottom: 1px solid rgba(57,74,99,.5); }
.list-source-group[open] > summary > i { transform: rotate(180deg); }
.list-source-group > div { display: grid; gap: 5px; padding: 7px; }
.list-source-card { overflow: hidden; background: rgba(27,40,61,.76); border: 1px solid #34475f; border-radius: 8px; }
.list-source-card[hidden] { display: none; }
.list-source-card > button { width: 100%; min-height: 44px; display: grid; grid-template-columns: 22px minmax(0,1fr); align-items: center; gap: 8px; padding: 7px 9px; color: inherit; text-align: left; background: transparent; border: 0; font: inherit; cursor: pointer; }
.list-source-card > button:hover:not(:disabled) { background: rgba(var(--list-module-rgb),.065); }
.list-source-card > button:disabled { cursor: default; }
.list-source-state { width: 22px; height: 22px; display: grid; place-items: center; color: rgb(var(--list-module-rgb)); background: rgba(var(--list-module-rgb),.1); border: 1px solid rgba(var(--list-module-rgb),.14); border-radius: 6px; font-size: 10px; }
.list-source-state.passive { background: rgba(143,157,178,.035); border-color: rgba(143,157,178,.09); }
.list-source-state.passive i { width: 5px; height: 5px; background: rgba(var(--list-module-rgb),.72); border-radius: 50%; }
.list-source-card.selected .list-source-state { color: #5fd7ae; background: rgba(47,195,149,.1); }
.list-source-card > button > span:last-child { min-width: 0; }
.list-source-card > button strong, .list-source-card > button small { display: block; white-space: normal; overflow-wrap: anywhere; line-height: 1.45; }
.list-source-card > button strong { color: #d9e0ea; font-size: 8px; }
.list-source-card > button small { margin-top: 3px; color: #68778d; font-size: 6.5px; }
.list-source-state-spacer { width: 22px; height: 22px; }
.list-source-card details { padding: 0 9px 8px 39px; color: #718198; font-size: 6.5px; }
.list-source-card summary { width: max-content; color: #9d90df; cursor: pointer; }
.list-source-card details p { display: flex; flex-wrap: wrap; gap: 4px; margin: 7px 0 0; }
.list-source-card details p span { padding: 3px 5px; color: #aab5c5; background: rgba(87,72,187,.08); border: 1px solid rgba(128,105,230,.14); border-radius: 5px; }
.list-source-card details > small { display: block; margin-top: 6px; color: #c1a961; }
.list-source-support-note { display: flex; align-items: flex-start; gap: 8px; margin: 0 11px 10px; padding: 8px 9px; color: #718096; background: rgba(128,92,255,.035); border: 1px solid rgba(139,116,230,.1); border-radius: 7px; }
.list-source-support-note > span { width: 20px; height: 20px; display: grid; place-items: center; flex: none; color: #a99bea; background: rgba(128,92,255,.08); border-radius: 6px; font-size: 8px; }
.list-source-support-note p { margin: 0; font-size: 6.5px; line-height: 1.45; }
.list-source-support-note strong { color: #aeb9c8; }
.list-source-tools { display: flex; justify-content: flex-end; padding: 10px 11px 0; }
.list-add-custom-column { min-height: 34px; display: inline-flex; align-items: center; gap: 7px; padding: 0 10px 0 7px; color: #cbd4df; background: rgba(var(--list-module-rgb),.055); border: 1px solid rgba(var(--list-module-rgb),.2); border-radius: 8px; font: inherit; cursor: pointer; }
.list-add-custom-column > span { width: 22px; height: 22px; display: grid; place-items: center; color: rgb(var(--list-module-rgb)); background: rgba(var(--list-module-rgb),.1); border-radius: 6px; font-size: 12px; }
.list-add-custom-column strong { font-size: 7.5px; }
.list-add-custom-column:hover { border-color: rgba(var(--list-module-rgb),.42); background: rgba(var(--list-module-rgb),.09); }
.list-column-context-note { display: flex; align-items: flex-start; gap: 9px; margin: 10px; padding: 9px 10px; background: rgba(75,141,255,.045); border: 1px solid rgba(86,153,255,.13); border-radius: 8px; }
.list-column-context-note > span { width: 20px; height: 20px; display: grid; place-items: center; flex: none; color: #8cb9fb; background: rgba(75,141,255,.1); border-radius: 6px; font-size: 7px; font-weight: 850; }
.list-column-context-note p { margin: 0; color: #6f8097; font-size: 6.8px; line-height: 1.48; }
.list-column-context-note strong { color: #aabbd1; }
.list-selected-columns { max-height: min(58vh,560px); display: grid; gap: 6px; overflow: auto; padding: 10px; }
.list-selected-column { background: rgba(24,37,57,.86); border: 1px solid #354860; border-radius: 9px; transition: border-color .14s ease, opacity .14s ease; }
.list-selected-column.dragging { opacity: .46; }
.list-selected-column.expanded { border-color: rgba(var(--list-module-rgb),.38); box-shadow: 0 0 0 1px rgba(var(--list-module-rgb),.05); }
.list-selected-column > header { min-height: 51px; display: grid; grid-template-columns: 18px 26px minmax(0,1fr) auto auto 22px; align-items: center; gap: 7px; padding: 7px 8px; }
.list-column-grip { color: #607089; cursor: grab; font-size: 13px; }
.list-column-summary { min-width: 0; padding: 0; color: inherit; text-align: left; background: transparent; border: 0; font: inherit; cursor: pointer; }
.list-column-summary > span { min-width: 0; display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 6px; }
.list-column-summary strong, .list-column-summary b { min-width: 0; color: #e0e6ee; font-size: 8.5px; white-space: normal; overflow-wrap: anywhere; line-height: 1.45; }
.list-column-summary strong { flex-basis: 100%; }
.list-column-summary b { flex: 1; }
.list-column-summary b { padding: 0; color: #70d8b5; background: transparent; border: 0; border-radius: 0; font-weight: 800; }
.list-column-summary i { color: #61728b; font-size: 8px; font-style: normal; }
.list-column-summary small { display: block; margin-top: 4px; color: #8796aa; font-size: 6.5px; white-space: normal; overflow-wrap: anywhere; line-height: 1.45; }
.list-column-badges { display: flex; gap: 4px; }
.list-column-badges > span { padding: 4px 5px; border-radius: 5px; font-size: 6px; font-weight: 800; white-space: nowrap; }
.list-column-badges .merged-icon { width: 26px; height: 26px; display: grid; place-items: center; padding: 0; color: #aab5c4; background: rgba(139,155,178,.075); border: 1px solid rgba(151,167,190,.13); border-radius: 7px; }
.list-column-badges .merged-icon svg { width: 14px; height: 14px; }
.list-column-badges .historical { color: #8e9caf; background: rgba(90,108,135,.11); }
.list-column-badges .custom { color: #78c9ff; background: rgba(75,141,255,.09); }
.list-column-actions { display: flex; gap: 3px; }
.list-column-actions button, .list-column-chevron { width: 24px; height: 24px; display: grid; place-items: center; color: #8998ac; background: rgba(61,78,104,.24); border: 1px solid #3a4c65; border-radius: 6px; font: inherit; font-size: 8px; cursor: pointer; }
.list-column-actions button:disabled { cursor: default; opacity: .22; }
.list-column-actions button.remove { color: #e1828d; background: rgba(255,88,104,.025); border-color: rgba(255,101,117,.1); }
.list-column-actions button.remove svg { width: 14px; height: 14px; }
.list-column-chevron { border: 0; background: transparent; font-size: 10px; transition: transform .14s ease; }
.list-selected-column.expanded .list-column-chevron { transform: rotate(180deg); }
.list-selected-column-body { display: grid; gap: 11px; padding: 13px 14px 14px 59px; border-top: 1px solid #34465e; }
.list-column-fields { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: end; gap: 8px; }
.list-column-fields:has(label + label) { grid-template-columns: 1fr 1fr; }
.list-column-fields label { min-width: 0; display: grid; gap: 5px; color: #8493a8; font-size: 7px; font-weight: 750; }
.list-column-fields label > span em { color: #67768b; font-style: normal; font-weight: 650; }
.list-column-fields label > small { color: #68788f; font-size: 6.5px; font-weight: 500; line-height: 1.4; }
.list-column-fields input { min-width: 0; min-height: 34px; padding: 0 9px; color: #dce3ec; background: #111d30; border: 1px solid #384b64; border-radius: 7px; outline: 0; font: inherit; font-size: 8px; }
.list-column-fields input:focus { border-color: rgba(var(--list-module-rgb),.65); box-shadow: 0 0 0 2px rgba(var(--list-module-rgb),.07); }
.list-column-fields input:disabled { color: #9da9b8; opacity: .72; }
.list-column-fields > button { min-height: 34px; padding: 0 9px; color: #a99bea; background: rgba(128,92,255,.06); border: 1px solid rgba(139,116,230,.18); border-radius: 7px; font: inherit; font-size: 7px; font-weight: 800; cursor: pointer; }
.list-column-fields > button:disabled { cursor: default; opacity: .3; }
.list-column-transforms { display: grid; gap: 6px; }
.list-column-transforms > span { color: #8493a8; font-size: 7px; font-weight: 750; }
.list-transform-row, .list-transform-support { min-height: 41px; display: grid; grid-template-columns: 22px minmax(0,1fr); align-items: center; gap: 7px; padding: 7px 9px; background: rgba(14,24,40,.44); border: 1px solid #304159; border-radius: 7px; }
.list-transform-row input { position: absolute; opacity: 0; }
.list-transform-row > span:nth-child(2) { width: 17px; height: 17px; display: grid; place-items: center; background: #18263b; border: 1px solid #41546d; border-radius: 5px; }
.list-transform-row input:checked + span { background: rgba(var(--list-module-rgb),.72); border-color: rgba(var(--list-module-rgb),.85); }
.list-transform-row input:checked + span::after { content: '✓'; color: #fff; font-size: 8px; }
.list-transform-row strong, .list-transform-row small, .list-transform-support strong, .list-transform-support small { display: block; }
.list-transform-row strong, .list-transform-support strong { color: #cbd4e0; font-size: 7.5px; }
.list-transform-row small, .list-transform-support small { margin-top: 3px; color: #68788f; font-size: 6.5px; }
.list-transform-support { grid-template-columns: 22px minmax(0,1fr); }
.list-transform-support > span { width: 22px; height: 22px; display: grid; place-items: center; color: #a999ea; background: rgba(128,92,255,.08); border-radius: 6px; }
.list-selected-merge { padding: 10px 11px; background: rgba(128,92,255,.04); border: 1px solid rgba(140,117,232,.13); border-radius: 7px; }
.list-selected-merge > strong { color: #a99bea; font-size: 7px; text-transform: uppercase; letter-spacing: .07em; }
.list-selected-merge p { display: flex; flex-wrap: wrap; gap: 4px; margin: 7px 0 0; }
.list-selected-merge p span { padding: 4px 6px; color: #b6c0cf; background: rgba(56,70,94,.36); border: 1px solid #3c4d66; border-radius: 5px; font-size: 6.5px; }
.list-selected-merge small { display: block; margin-top: 7px; color: #c5aa67; font-size: 6.5px; }
.list-column-editor-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 14px; margin: 19px 0 8px; }
.list-column-editor-head strong, .list-column-editor-head small { display: block; }
.list-column-editor-head strong { color: #dbe1e9; font-size: 9px; }
.list-column-editor-head small { margin-top: 4px; color: #718096; font-size: 7px; }
.list-column-editor-head > span { padding: 5px 7px; color: #a999ea; background: rgba(128,92,255,.08); border-radius: 6px; font-size: 6.5px; font-weight: 800; }
.list-column-editor { display: grid; gap: 6px; }
.list-column-editor-row { display: grid; grid-template-columns: 27px minmax(0,1fr) auto; align-items: center; gap: 8px; min-height: 44px; padding: 6px 7px; background: rgba(16,27,44,.72); border: 1px solid #2f4159; border-radius: 8px; }
.list-column-position { width: 27px; height: 27px; display: grid; place-items: center; color: #8997aa; background: rgba(83,101,128,.12); border-radius: 7px; font-size: 7px; font-weight: 850; }
.list-column-editor-row > input { min-width: 0; min-height: 30px; padding: 0 9px; color: #dfe5ed; background: #152238; border: 1px solid #34475f; border-radius: 6px; font: inherit; font-size: 8.5px; outline: none; }
.list-column-editor-row > input:focus { border-color: #776ade; }
.list-column-editor-row > input:disabled { color: #aab5c4; background: transparent; border-color: transparent; }
.list-column-move { display: flex; gap: 4px; }
.list-column-move button { width: 28px; height: 28px; color: #a5b1c2; background: rgba(59,76,101,.28); border: 1px solid #3b4d66; border-radius: 6px; font: inherit; font-size: 9px; cursor: pointer; }
.list-column-move button:disabled { cursor: default; opacity: .24; }
.list-workspace-empty { padding: 18px; color: #718096; text-align: center; background: rgba(14,24,40,.52); border: 1px dashed #33465f; border-radius: 8px; }
.list-workspace-empty strong, .list-workspace-empty small { display: block; }
.list-workspace-empty strong { color: #aeb9c8; font-size: 9px; }
.list-workspace-empty small { margin-top: 5px; font-size: 7px; }
.list-option-card { min-height: 68px; display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 8px; padding: 13px 14px; background: rgba(16,27,44,.7); border: 1px solid #304159; border-radius: 9px; }
.list-option-card strong, .list-option-card small { display: block; }
.list-option-card strong { color: #dce2eb; font-size: 9px; }
.list-option-card small { margin-top: 5px; color: #748399; font-size: 7.5px; line-height: 1.4; }
.list-option-card > em { color: #7f8da1; font-size: 7px; font-style: normal; }
.list-switch { position: relative; width: 35px; height: 20px; flex: none; }
.list-switch input { position: absolute; opacity: 0; }
.list-switch span { position: absolute; inset: 0; background: #34445b; border-radius: 999px; transition: background .15s ease; }
.list-switch span::after { content: ''; position: absolute; width: 14px; height: 14px; left: 3px; top: 3px; background: #c4cddb; border-radius: 50%; transition: transform .15s ease; }
.list-switch input:checked + span { background: #6858c8; }
.list-switch input:checked + span::after { transform: translateX(15px); background: #f2efff; }
.list-switch input:disabled + span { opacity: .62; }
.list-protected-note { display: flex; align-items: flex-start; gap: 11px; margin-top: 12px; padding: 13px 14px; background: rgba(84,101,127,.06); border: 1px solid rgba(102,122,151,.16); border-radius: 9px; }
.list-protected-note > span { width: 25px; height: 25px; display: grid; place-items: center; flex: none; color: #a99aeb; background: rgba(128,92,255,.09); border-radius: 7px; font-size: 10px; }
.list-protected-note strong { color: #c9d2de; font-size: 8.5px; }
.list-protected-note p { margin: 5px 0 0; color: #75849a; font-size: 7.5px; line-height: 1.55; }
.list-heading-overview { display: grid; grid-template-columns: 1fr; gap: 10px; }
.list-heading-overview .list-option-card { min-height: 92px; margin: 0; }
.list-special-heading-feature { display: grid; gap: 10px; padding: 13px; background: rgba(14,24,40,.46); border: 1px solid #2d3f57; border-radius: 10px; }
.list-special-heading-feature > header { display: flex; align-items: center; gap: 10px; }
.list-special-heading-feature > header > span { width: 29px; height: 29px; display: grid; place-items: center; flex: none; color: rgb(var(--list-module-rgb)); background: rgba(var(--list-module-rgb),.08); border: 1px solid rgba(var(--list-module-rgb),.16); border-radius: 8px; font-size: 11px; }
.list-special-heading-feature > header strong, .list-special-heading-feature > header small { display: block; }
.list-special-heading-feature > header strong { color: #dce3ec; font-size: 12.5px; }
.list-special-heading-feature > header small { margin-top: 4px; color: #78889d; font-size: 10px; line-height: 1.45; }
.list-special-heading-feature .list-option-card { background: rgba(25,38,59,.62); }
.list-eos-option { display: grid; grid-template-columns: minmax(0,1fr) auto; }
.list-heading-suffix { grid-column: 1/-1; display: grid; grid-template-columns: auto minmax(0,1fr); align-items: center; gap: 10px; padding-top: 10px; border-top: 1px solid rgba(61,79,104,.58); }
.list-heading-suffix > span { color: #8795a8; font-size: 10px; font-weight: 800; }
.list-heading-suffix input { min-height: 38px; padding: 0 11px; color: #dfe5ed; background: #101c2e; border: 1px solid #374a63; border-radius: 7px; font: inherit; font-size: 11.5px; outline: 0; }
.list-heading-suffix input:focus { border-color: rgba(var(--list-module-rgb),.52); box-shadow: 0 0 0 2px rgba(var(--list-module-rgb),.07); }
.list-heading-rules-card { margin-top: 14px; overflow: hidden; background: rgba(15,25,42,.62); border: 1px solid #2d3f57; border-radius: 11px; }
.list-heading-rules-card > header { min-height: 66px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 13px 15px; background: rgba(27,40,62,.72); border-bottom: 1px solid #2d3e55; }
.list-heading-rules-card > header strong, .list-heading-rules-card > header small { display: block; }
.list-heading-rules-card > header strong { color: #dce3ec; font-size: 13px; }
.list-heading-rules-card > header small { margin-top: 5px; color: #74849a; font-size: 10px; }
.list-heading-rules-card > header button { min-height: 37px; display: inline-flex; align-items: center; gap: 6px; padding: 0 11px; color: rgb(var(--list-module-rgb)); background: rgba(var(--list-module-rgb),.08); border: 1px solid rgba(var(--list-module-rgb),.22); border-radius: 7px; font: inherit; font-size: 10.5px; font-weight: 850; cursor: pointer; }
.list-heading-rules-card > header button:hover:not(:disabled) { background: rgba(var(--list-module-rgb),.14); }
.list-heading-rules-card > header button:disabled { opacity: .4; cursor: default; }
.list-heading-rules-card > header button span { font-size: 15px; }
.list-heading-rule-controls { display: grid; grid-template-columns: minmax(0,1fr); align-items: stretch; column-gap: 18px; row-gap: 10px; padding: 11px 12px 3px; }
.list-heading-rule-controls .list-source-search { width: 100%; margin: 0; }
.list-heading-rule-options { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.list-heading-rule-option { min-width: 0; min-height: 52px; display: grid; grid-template-columns: minmax(0,1fr) 35px; align-items: center; gap: 10px; padding: 8px 10px; color: #98a5b6; background: rgba(24,37,58,.62); border: 1px solid rgba(58,76,101,.72); border-radius: 8px; cursor: pointer; }
.list-heading-rule-option:hover { border-color: rgba(var(--list-module-rgb),.25); background: rgba(var(--list-module-rgb),.035); }
.list-heading-rule-option strong, .list-heading-rule-option small { display: block; }
.list-heading-rule-option strong { color: #cbd5e2; font-size: 10px; }
.list-heading-rule-option small { margin-top: 4px; color: #74849a; font-size: 8.5px; font-weight: 550; line-height: 1.4; }
.list-heading-rule-list { max-height: min(52vh,560px); display: grid; gap: 7px; overflow: auto; padding: 10px 12px 12px; }
.list-heading-rule { min-height: 58px; display: grid; grid-template-columns: 32px minmax(0,1fr) auto; align-items: center; gap: 10px; padding: 9px 10px; background: rgba(27,40,61,.76); border: 1px solid #34475f; border-radius: 8px; }
.list-heading-rule[hidden] { display: none; }
.list-heading-rule-position { width: 30px; height: 30px; display: grid; place-items: center; color: #8c9aae; background: rgba(105,123,148,.09); border-radius: 8px; font-size: 10px; font-weight: 850; }
.list-heading-rule-fields { min-width: 0; display: grid; grid-template-columns: minmax(96px,.45fr) minmax(150px,1fr) 18px minmax(150px,1fr); align-items: center; gap: 8px; }
.list-heading-rule-fields select, .list-heading-rule-fields input { min-width: 0; min-height: 37px; padding: 0 10px; color: #dfe5ed; background: #111d30; border: 1px solid #384b64; border-radius: 7px; box-sizing: border-box; font: inherit; font-size: 11px; outline: 0; }
.list-heading-rule-fields select:focus, .list-heading-rule-fields input:focus { border-color: rgba(var(--list-module-rgb),.55); box-shadow: 0 0 0 2px rgba(var(--list-module-rgb),.07); }
.list-heading-rule-fields > i { color: #66768b; font-size: 14px; font-style: normal; text-align: center; }
.list-heading-rule.protected .list-heading-rule-fields { color: #9aa8ba; font-size: 11px; }
.list-heading-rule.protected .list-heading-rule-fields strong { overflow: hidden; color: #d3dbe6; text-overflow: ellipsis; white-space: nowrap; }
.list-heading-rule-type { width: fit-content; padding: 5px 7px; color: #a9b5c5; background: rgba(112,130,155,.09); border: 1px solid rgba(132,151,178,.14); border-radius: 6px; font-size: 9px; font-weight: 800; }
.list-heading-rule-actions { display: flex; align-items: center; gap: 5px; }
.list-heading-rule-actions button, .list-heading-rule-lock { width: 30px; height: 30px; display: grid; place-items: center; color: #91a0b4; background: rgba(88,105,130,.08); border: 1px solid rgba(112,132,161,.18); border-radius: 7px; font: inherit; font-size: 12px; cursor: pointer; }
.list-heading-rule-actions button:hover:not(:disabled) { color: #d7dfe9; border-color: rgba(150,168,193,.34); }
.list-heading-rule-actions button:disabled { opacity: .25; cursor: default; }
.list-heading-rule-actions button.remove { color: #ef7f8d; border-color: rgba(239,99,116,.17); }
.list-heading-rule-actions button.remove svg { width: 15px; height: 15px; }
.list-heading-rule-lock { color: #8795a8; cursor: default; }
.list-heading-support-note { margin: 0 12px 12px; color: #728197; font-size: 9.5px; }
.list-heading-rule-dialog select { width: 100%; min-height: 42px; padding: 0 12px; color: #e4e9f0; background: #0f1a2b; border: 1px solid #384b64; border-radius: 8px; font: inherit; font-size: 11.5px; outline: none; }
.list-addon-choice { display: grid; grid-template-columns: 42px minmax(0,1fr) auto; align-items: center; gap: 14px; padding: 16px; background: rgba(16,27,44,.72); border: 1px solid #34455d; border-radius: 10px; }
.list-addon-choice.managed { border-color: rgba(132,116,197,.25); }
.list-addon-choice.separate { border-color: rgba(79,147,255,.24); }
.list-addon-icon { width: 42px; height: 42px; display: grid; place-items: center; color: #8fc4ff; background: rgba(79,147,255,.09); border: 1px solid rgba(79,147,255,.18); border-radius: 11px; font-size: 18px; }
.list-addon-choice h4 { margin: 5px 0 5px; color: #e8edf4; font-size: 13px; }
.list-addon-choice p { max-width: 650px; margin: 0; color: #7c8ba0; font-size: 8px; line-height: 1.55; }
.list-addon-lock { padding: 6px 8px; color: #9bc9ff; background: rgba(79,147,255,.07); border: 1px solid rgba(79,147,255,.16); border-radius: 999px; font-size: 6.5px; font-weight: 800; white-space: nowrap; }
.list-addon-choice.managed .list-addon-lock { color: #a99ee0; background: rgba(128,92,255,.07); border-color: rgba(128,92,255,.15); }
.list-addon-columns { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 6px; margin-top: 10px; }
.list-addons-panel .list-addon-columns span { min-height: 34px; display: grid; place-items: center; color: #a9d2ff; background: rgba(79,147,255,.055); border: 1px solid rgba(79,147,255,.16); border-radius: 7px; font-size: 9px; font-weight: 800; }
.list-addons-panel { --addon-accent: #67aaf9; --addon-accent-soft: rgba(79,147,255,.1); --addon-accent-border: rgba(79,147,255,.28); display: grid; gap: 16px; }
.list-addons-panel > header { margin-bottom: 0; }
.list-addons-panel > header .section-kicker { color: var(--addon-accent); }
.list-addon-input-strip { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 18px; padding: 14px 16px; background: rgba(14,25,42,.58); border: 1px solid rgba(91,112,141,.24); border-radius: 10px; }
.list-addon-input-strip > div:first-child { display: flex; align-items: center; gap: 11px; min-width: 0; }
.list-addon-input-icon { width: 31px; height: 31px; display: grid; place-items: center; flex: none; color: var(--addon-accent); background: var(--addon-accent-soft); border: 1px solid var(--addon-accent-border); border-radius: 8px; font-size: 13px; }
.list-addon-input-strip strong, .list-addon-input-strip small { display: block; }
.list-addon-input-strip strong { color: #dbe3ee; font-size: 12px; }
.list-addon-input-strip small { margin-top: 4px; color: #7e8da2; font-size: 10.5px; line-height: 1.45; }
.list-addon-input-pills, .list-addon-rule-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.list-addon-input-pills { justify-content: flex-end; }
.list-addon-input-pills span { padding: 5px 7px; color: #a9d2ff; background: rgba(79,147,255,.055); border: 1px solid rgba(79,147,255,.16); border-radius: 6px; font: 700 9.5px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace; }
.list-addon-input-actions { display: grid; justify-items: end; gap: 8px; }
.list-addon-input-actions > button { min-height: 31px; padding: 0 10px; color: #9bc9ff; background: rgba(79,147,255,.06); border: 1px solid rgba(79,147,255,.2); border-radius: 7px; font: inherit; font-size: 9px; font-weight: 800; cursor: pointer; }
.list-addon-input-actions > button:hover:not(:disabled) { color: #c6e2ff; background: rgba(79,147,255,.11); border-color: rgba(79,147,255,.38); }
.list-addon-input-actions > button:disabled { opacity: .42; cursor: default; }
.list-addon-mode-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.list-addon-mode-card { min-height: 94px; display: grid; grid-template-columns: 38px minmax(0,1fr) auto; align-items: center; gap: 13px; padding: 15px; color: inherit; text-align: left; background: rgba(21,34,54,.6); border: 1px solid #34465e; border-radius: 11px; cursor: pointer; transition: border-color .15s ease,background .15s ease,transform .15s ease; }
.list-addon-mode-card:hover:not(:disabled) { border-color: rgba(79,147,255,.43); transform: translateY(-1px); }
.list-addon-mode-card.active { background: linear-gradient(135deg,rgba(79,147,255,.12),rgba(29,67,113,.035)); border-color: rgba(79,147,255,.58); box-shadow: inset 0 0 0 1px rgba(79,147,255,.08); }
.list-addon-mode-card:disabled { cursor: default; opacity: .72; }
.list-addon-mode-icon { width: 38px; height: 38px; display: grid; place-items: center; color: var(--addon-accent); background: var(--addon-accent-soft); border: 1px solid var(--addon-accent-border); border-radius: 9px; font-size: 15px; }
.list-addon-mode-card strong, .list-addon-mode-card small { display: block; }
.list-addon-mode-card strong { color: #e5ebf3; font-size: 14px; }
.list-addon-mode-card small { margin-top: 5px; color: #8190a4; font-size: 10.5px; line-height: 1.45; }
.list-addon-mode-card i { min-width: 48px; color: #70d8b5; font-size: 9.5px; font-style: normal; font-weight: 800; text-align: right; }
.list-addon-smart-context { display: grid; grid-template-columns: 25px minmax(0,1fr); align-items: start; gap: 10px; padding: 11px 13px; color: #8290a3; background: rgba(95,112,137,.055); border: 1px solid rgba(102,120,147,.17); border-radius: 9px; }
.list-addon-smart-context > span { width: 25px; height: 25px; display: grid; place-items: center; color: var(--addon-accent); background: var(--addon-accent-soft); border-radius: 7px; font-size: 10px; }
.list-addon-smart-context p { margin: 2px 0 0; font-size: 10px; line-height: 1.5; }
.list-addon-smart-context strong { color: #cbd5e1; }
.list-addon-output-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.list-addon-output-card { min-width: 0; padding: 15px; background: rgba(20,33,53,.62); border: 1px solid #34465e; border-radius: 10px; }
label.list-addon-output-card { display: grid; grid-template-columns: 32px minmax(0,1fr); gap: 11px; align-items: center; }
.list-addon-output-card > header { display: flex; justify-content: space-between; gap: 16px; align-items: flex-start; }
.list-addon-output-card > header h4, .list-addon-classifier h4, .list-addon-cleanup h4 { margin: 4px 0 4px; color: #e4eaf2; font-size: 13px; }
.list-addon-output-card > header p, .list-addon-classifier header p { max-width: 680px; margin: 0; color: #7e8da2; font-size: 10.5px; line-height: 1.5; }
.list-addon-output-card > header > span { padding: 5px 8px; color: #a9d2ff; background: rgba(79,147,255,.055); border: 1px solid rgba(79,147,255,.16); border-radius: 999px; font-size: 9px; font-weight: 800; white-space: nowrap; }
.list-addon-output-symbol { width: 32px; height: 32px; display: grid; place-items: center; color: var(--addon-accent); background: var(--addon-accent-soft); border: 1px solid var(--addon-accent-border); border-radius: 8px; font-size: 14px; }
.list-addon-output-card strong, .list-addon-output-card small { display: block; }
.list-addon-output-card strong { color: #dce4ee; font-size: 12px; }
.list-addon-output-card small { margin-top: 4px; color: #79889d; font-size: 10px; line-height: 1.4; }
.list-addon-output-card input { grid-column: 1 / -1; width: 100%; min-height: 39px; padding: 0 11px; color: #dce4ee; background: rgba(10,20,35,.7); border: 1px solid rgba(102,121,148,.33); border-radius: 8px; font: 750 11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace; outline: none; }
.list-addon-output-card input:focus { border-color: rgba(79,147,255,.55); box-shadow: 0 0 0 3px rgba(79,147,255,.08); }
.list-addon-output-card > em { grid-column: 1 / -1; margin-top: -5px; color: #67768b; font-size: 9px; font-style: normal; }
.list-addon-classifier, .list-addon-cleanup { padding: 15px; background: rgba(15,27,45,.46); border: 1px solid rgba(76,97,126,.24); border-radius: 10px; }
.list-addon-classifier-flow { display: grid; grid-template-columns: minmax(0,1fr) 18px minmax(0,1fr) 18px minmax(0,1fr); align-items: stretch; gap: 8px; margin-top: 13px; }
.list-addon-classifier-flow > b { display: grid; place-items: center; color: #56657a; font-size: 13px; }
.list-addon-classifier-flow article { display: grid; grid-template-columns: 25px minmax(0,1fr); gap: 9px; padding: 11px; background: rgba(24,38,59,.66); border: 1px solid #34455d; border-radius: 8px; }
.list-addon-classifier-flow article > span { width: 25px; height: 25px; display: grid; place-items: center; color: #9aa8ba; background: rgba(117,135,160,.09); border-radius: 7px; font-size: 9px; font-weight: 850; }
.list-addon-classifier-flow article.design > span,
.list-addon-classifier-flow article.product > span { color: #9aa8ba; background: rgba(117,135,160,.09); }
.list-addon-classifier-flow strong, .list-addon-classifier-flow small { display: block; }
.list-addon-classifier-flow strong { color: #d8e0ea; font-size: 10.5px; }
.list-addon-classifier-flow small { margin-top: 4px; color: #77869b; font-size: 9.5px; line-height: 1.45; }
.list-addon-rule-groups { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 10px; }
.list-addon-rule-groups details { overflow: hidden; background: rgba(20,33,53,.53); border: 1px solid rgba(73,94,122,.26); border-radius: 8px; }
.list-addon-rule-groups summary { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 10px; padding: 11px 12px; cursor: pointer; list-style: none; }
.list-addon-rule-groups summary::-webkit-details-marker { display: none; }
.list-addon-rule-groups summary strong, .list-addon-rule-groups summary small { display: block; }
.list-addon-rule-groups summary strong { color: #cfd8e4; font-size: 10.5px; }
.list-addon-rule-groups summary small { margin-top: 3px; color: #718096; font-size: 9px; }
.list-addon-rule-groups summary > span { color: #8b9aae; font-size: 9px; font-weight: 750; }
.list-addon-rule-groups details[open] summary { border-bottom: 1px solid rgba(73,94,122,.22); }
.list-addon-rule-editor { padding: 11px 12px 12px; }
.list-addon-rule-chips { padding: 0; }
.list-addon-rule-chips span { min-height: 29px; display: inline-flex; align-items: center; gap: 5px; padding: 4px 5px 4px 8px; color: #aeb9c8; background: rgba(113,130,154,.07); border: 1px solid rgba(113,130,154,.13); border-radius: 7px; font-size: 9px; }
.list-addon-rule-chips span i { font-style: normal; }
.list-addon-rule-chips.design span { color: #a9d2ff; background: rgba(79,147,255,.055); border-color: rgba(79,147,255,.16); }
.list-addon-rule-chips.ignore span { color: #9caabd; }
.list-addon-rule-chips span button { width: 20px; height: 20px; display: grid; place-items: center; padding: 0; color: #748298; background: transparent; border: 0; border-radius: 5px; cursor: pointer; }
.list-addon-rule-chips span button:hover { color: #ff8b9a; background: rgba(217,67,87,.09); }
.list-addon-rule-chips span button svg { width: 12px; height: 12px; }
.list-addon-rule-chips em { color: #75849a; font-size: 9px; font-style: normal; }
.list-addon-rule-add { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 7px; margin-top: 10px; }
.list-addon-rule-add input { min-width: 0; min-height: 36px; padding: 0 10px; color: #dce4ee; background: rgba(10,20,35,.66); border: 1px solid rgba(95,114,142,.28); border-radius: 8px; outline: none; font-size: 10px; }
.list-addon-rule-add input:focus { border-color: rgba(79,147,255,.52); box-shadow: 0 0 0 3px rgba(79,147,255,.08); }
.list-addon-rule-add button { min-height: 36px; display: inline-flex; align-items: center; gap: 6px; padding: 0 10px; color: #70d8b5; background: rgba(47,195,149,.09); border: 1px solid rgba(47,195,149,.26); border-radius: 8px; cursor: pointer; font-size: 9.5px; font-weight: 800; }
.list-addon-rule-add button:hover { background: rgba(47,195,149,.15); border-color: rgba(47,195,149,.42); }
.list-addon-rule-add button:focus-visible { outline: 2px solid #70d8b5; outline-offset: 3px; }
.list-addon-rule-add button b { color: inherit; font-size: 14px; }
.list-addon-rule-help { margin: 9px 1px 0; color: #75849a; font-size: 9px; line-height: 1.45; }
.list-addon-rule-help strong { color: #aeb9c8; }
.list-addon-rule-editor-error { margin: 9px 0 0; color: #ff9aa8; font-size: 9px; font-weight: 700; }
.list-addon-cleanup > header { margin-bottom: 10px; }
.list-addon-cleanup-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.list-addon-cleanup-grid .list-option-card { min-height: 80px; margin: 0; }
.list-addon-cleanup .list-switch input:checked + span { background: #4f93ff; }
.list-addon-cleanup .list-switch input:checked + span::after { background: #f3f8ff; }
.list-addon-scope-note { display: grid; grid-template-columns: 25px minmax(0,1fr); align-items: start; gap: 10px; padding: 12px 14px; color: #7b8ba0; background: rgba(80,98,125,.055); border: 1px solid rgba(95,116,146,.15); border-radius: 9px; }
.list-addon-scope-note > span { width: 25px; height: 25px; display: grid; place-items: center; color: #aab7c7; background: rgba(114,132,158,.08); border-radius: 7px; font-size: 10px; }
.list-addon-scope-note p { margin: 2px 0 0; font-size: 10.5px; line-height: 1.5; }
.list-addon-scope-note strong { color: #c8d2de; }
.list-addon-error { margin: 0; padding: 10px 12px; color: #ff9aa8; background: rgba(213,65,84,.07); border: 1px solid rgba(224,79,97,.18); border-radius: 8px; font-size: 10px; font-weight: 700; }
.list-addon-source-dialog { width: min(820px,calc(100vw - 36px)); max-height: min(820px,92vh); max-height: min(820px,92dvh); }
.list-addon-source-search { min-height: 42px; display: grid; grid-template-columns: 25px minmax(0,1fr); align-items: center; gap: 7px; margin: 15px 0 10px; padding: 0 11px; color: #74849a; background: rgba(10,20,35,.7); border: 1px solid rgba(102,121,148,.33); border-radius: 8px; }
.list-addon-source-search input { min-width: 0; height: 40px; color: #dce4ee; background: transparent; border: 0; outline: 0; font: inherit; font-size: 10.5px; }
.list-addon-source-list { max-height: min(56vh,560px); max-height: min(56dvh,560px); display: grid; align-content: start; gap: 6px; overflow: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; padding: 2px 4px 2px 0; touch-action: pan-y; }
.list-addon-source-list article { min-height: 43px; display: grid; grid-template-columns: 31px minmax(0,1fr); align-items: center; gap: 10px; padding: 7px 10px; background: rgba(22,35,56,.66); border: 1px solid rgba(69,89,117,.3); border-radius: 8px; }
.list-addon-source-list article > span { width: 28px; height: 28px; display: grid; place-items: center; color: #9bc9ff; background: rgba(79,147,255,.055); border-radius: 7px; font-size: 8px; font-weight: 850; }
.list-addon-source-list article > strong { min-width: 0; overflow-wrap: anywhere; color: #cbd5e1; font-size: 10px; font-weight: 700; line-height: 1.45; }
.list-addon-source-empty { padding: 30px 12px; color: #76869c; text-align: center; }
.list-addon-source-empty strong, .list-addon-source-empty small { display: block; }
.list-addon-source-empty strong { color: #b7c2d0; font-size: 11px; }
.list-addon-source-empty small { margin-top: 5px; font-size: 9px; }
.list-addon-source-dialog > footer { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.list-addon-source-dialog > footer > span { color: #75849a; font-size: 9px; line-height: 1.45; }
.list-style-layout { display: grid; grid-template-columns: minmax(360px,1.08fr) minmax(300px,.92fr); align-items: start; gap: 18px; }
.list-style-editor { display: grid; gap: 12px; }
.list-style-control-group { overflow: hidden; background: rgba(16,27,44,.52); border: 1px solid #304159; border-radius: 10px; }
.list-style-control-group > header { display: flex; align-items: baseline; justify-content: space-between; gap: 14px; padding: 11px 13px; background: rgba(116,134,160,.04); border-bottom: 1px solid rgba(70,87,111,.5); }
.list-style-control-group > header strong { color: #dce3ec; font-size: 9px; }
.list-style-control-group > header small { color: #728198; font-size: 7px; }
.list-style-controls { display: grid; }
.list-style-row { min-height: 61px; display: grid; grid-template-columns: 28px minmax(0,1fr) auto; align-items: center; gap: 10px; padding: 10px 12px; background: rgba(16,27,44,.42); border-bottom: 1px solid rgba(65,82,106,.46); }
.list-style-row:last-child { border-bottom: 0; }
.list-color-dot { width: 28px; height: 28px; background: var(--preview-color); border: 2px solid rgba(255,255,255,.12); border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,.16); }
.list-style-row strong, .list-style-row small { display: block; }
.list-style-row strong { color: #d6dde7; font-size: 8.5px; }
.list-style-row small { margin-top: 4px; color: #718096; font-size: 7px; }
.list-style-row em { color: #748399; font-size: 7px; font-style: normal; }
.list-style-row input[type=color] { width: 33px; height: 28px; padding: 2px; background: #17253a; border: 1px solid #42546d; border-radius: 6px; cursor: pointer; }
.list-style-color-control { display: flex; align-items: center; gap: 7px; }
.list-style-color-control code { min-width: 56px; color: #aeb9c8; font-family: ui-monospace,SFMono-Regular,Menlo,monospace; font-size: 7px; }
.list-style-font-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding: 10px; }
.list-style-font-row { min-height: 61px; display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 12px; padding: 10px 11px; background: rgba(18,30,48,.64); border: 1px solid rgba(65,82,106,.68); border-radius: 8px; }
.list-style-font-row strong, .list-style-font-row small { display: block; }
.list-style-font-row strong { color: #d6dde7; font-size: 8.5px; }
.list-style-font-row small { margin-top: 4px; color: #718096; font-size: 7px; }
.list-style-font-row > span { display: flex; align-items: center; gap: 5px; }
.list-style-font-row input { width: 58px; min-height: 32px; padding: 0 8px; color: #e4e9f0; background: #111e31; border: 1px solid #40536d; border-radius: 7px; font: inherit; font-size: 9px; font-weight: 800; }
.list-style-font-row em { color: #748399; font-size: 7px; font-style: normal; }
.list-style-option-grid { display: grid; gap: 8px; padding: 10px; }
.list-style-option-grid .list-option-card { background: rgba(18,30,48,.64); }
.list-style-panel .list-switch input:checked + span { background: #4f93ff; }
.list-style-panel .list-switch input:checked + span::after { background: #f3f8ff; }
.list-style-scope { display: grid; grid-template-columns: 34px minmax(0,1fr); align-items: center; gap: 11px; margin: 12px 0 14px; padding: 11px 13px; background: rgba(79,147,255,.045); border: 1px solid rgba(100,162,255,.15); border-radius: 10px; }
.list-style-scope > span { width: 34px; height: 34px; display: grid; place-items: center; color: #9bc8ff; background: rgba(79,147,255,.08); border: 1px solid rgba(100,162,255,.16); border-radius: 9px; }
.list-style-scope svg { width: 18px; height: 18px; }
.list-style-scope p, .list-style-scope strong { display: block; }
.list-style-scope p { margin: 0; color: #7c8da4; font-size: 9px; line-height: 1.5; }
.list-style-scope strong { margin-bottom: 2px; color: #cbd6e3; font-size: 10px; }
.list-style-preview-wrap { position: sticky; top: 16px; display: grid; gap: 9px; padding: 14px; background: rgba(16,27,44,.45); border: 1px solid #304159; border-radius: 10px; }
.list-style-preview-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.list-style-preview-head > div span, .list-style-preview-head > div strong { display: block; }
.list-style-preview-head > div strong { margin-top: 3px; color: #d7e0eb; font-size: 10px; }
.list-style-preview-head > span { padding: 5px 8px; color: #91a1b6; background: rgba(111,132,161,.08); border: 1px solid rgba(111,132,161,.15); border-radius: 999px; font-size: 7px; font-weight: 800; }
.list-sheet-preview { min-height: 330px; align-self: stretch; display: flex; flex-direction: column; overflow: hidden; color: #26313d; background: #f7f9fb; border: 1px solid #cbd4df; border-radius: 9px; box-shadow: 0 16px 34px rgba(2,8,16,.2); }
.list-sheet-preview > header { min-height: 36px; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 0 12px; color: #e9f0f8; background: linear-gradient(180deg,#263c52,#1e3348); }
.list-sheet-preview > header strong { font-size: 8px; }
.list-sheet-preview > header span { color: #a9bbcc; font-size: 6.5px; }
.list-sheet-formula { min-height: 31px; display: grid; grid-template-columns: 43px 24px minmax(0,1fr); align-items: center; background: #eef2f5; border-bottom: 1px solid #c4ced8; }
.list-sheet-formula b, .list-sheet-formula span, .list-sheet-formula i { min-width: 0; padding: 0 8px; font-size: 6.5px; font-style: normal; }
.list-sheet-formula b { color: #4b5967; border-right: 1px solid #c4ced8; text-align: center; }
.list-sheet-formula span { color: #70808f; font-family: Georgia,serif; font-size: 8px; font-style: italic; text-align: center; }
.list-sheet-formula i { overflow: hidden; color: #596775; text-overflow: ellipsis; white-space: nowrap; }
.list-sheet-letters { min-height: 24px; display: grid; grid-template-columns: 30px 1.25fr 2fr 1.1fr .42fr; background: #e8edf1; border-bottom: 1px solid #bac5cf; }
.list-sheet-letters > * { display: grid; place-items: center; margin: 0; color: #64717d; border-right: 1px solid #c4cdd6; font-size: 6px; }
.list-sheet-grid { display: grid; grid-auto-rows: minmax(34px,auto); padding-bottom: 18px; background-image: linear-gradient(#edf1f4 1px,transparent 1px); background-size: 100% 34px; }
.list-sheet-group, .list-sheet-header, .list-sheet-row, .list-sheet-separator { display: grid; grid-template-columns: 30px 1.25fr 2fr 1.1fr .42fr; min-width: 0; }
.list-sheet-group > span, .list-sheet-header > span, .list-sheet-row > span, .list-sheet-separator > span { display: grid; place-items: center; color: #6d7985; background: #e8edf1; border-right: 1px solid #c4cdd6; border-bottom: 1px solid #c4cdd6; font-size: 6px; }
.list-sheet-group strong { grid-column: 2 / -1; min-width: 0; display: grid; place-items: center; padding: 7px 10px; color: #26313d; background: var(--heading-preview,#A8DADC); border-right: 1px solid #55616d; border-bottom: 1px solid #55616d; font-size: clamp(9px,calc(var(--heading-preview-size,24px) * .48),18px); font-weight: 850; text-align: center; }
.list-sheet-header strong { min-width: 0; display: grid; place-items: center; padding: 7px 5px; color: #2d3742; background: var(--header-preview,#FFF2CC); border-right: 1px solid #65717c; border-bottom: 1px solid #65717c; font-size: clamp(6px,calc(var(--header-preview-size,14px) * .48),12px); text-align: center; }
.list-sheet-row i { min-width: 0; display: flex; align-items: center; padding: 7px 6px; overflow: hidden; color: #586572; background: rgba(255,255,255,.86); border-right: 1px solid #c1cad3; border-bottom: 1px solid #c1cad3; font-size: 6px; font-style: normal; line-height: 1.25; text-overflow: ellipsis; }
.list-sheet-row i:last-child { justify-content: center; color: #37434f; font-weight: 800; }
.list-sheet-separator b { grid-column: 2 / -1; min-height: 13px; background: var(--separator-preview,#F4B183); border-right: 1px solid #65717c; border-bottom: 1px solid #65717c; }
.list-sheet-preview > footer { min-height: 32px; display: flex; align-items: flex-end; gap: 3px; margin-top: auto; padding: 0 8px; background: #e8edf1; border-top: 1px solid #c4cdd6; }
.list-sheet-preview > footer span { min-width: 78px; padding: 7px 12px 6px; color: #315068; background: #fff; border-top: 2px solid #4f93ff; font-size: 7px; font-weight: 800; text-align: center; }
.list-sheet-preview > footer i { padding: 0 8px 7px; color: #657686; font-size: 11px; font-style: normal; }
.list-style-preview-note { margin: 0; color: #748399; font-size: 7.5px; line-height: 1.45; }
.list-style-saved { display: grid; grid-template-columns: 24px minmax(0,1fr); align-items: center; gap: 9px; margin-top: 12px; padding: 10px 12px; color: #a8d9c6; background: rgba(52,190,142,.07); border: 1px solid rgba(66,204,157,.2); border-radius: 8px; }
.list-style-saved > span { width: 24px; height: 24px; display: grid; place-items: center; background: rgba(64,202,154,.11); border-radius: 7px; font-size: 9px; font-weight: 900; }
.list-style-saved p { margin: 0; font-size: 8.5px; }
.list-review-error { margin: 0 24px 16px; padding: 10px 12px; color: #ffadb6; background: rgba(218,72,90,.08); border: 1px solid rgba(237,92,109,.24); border-radius: 8px; font-size: 9px; }
.list-save-boundary { display: flex; align-items: flex-start; gap: 10px; margin-top: 13px; padding: 12px 13px; background: rgba(47,195,149,.055); border: 1px solid rgba(61,207,160,.16); border-radius: 9px; }
.list-save-boundary > span { width: 23px; height: 23px; display: grid; place-items: center; flex: none; color: #63d8b0; background: rgba(47,195,149,.1); border-radius: 7px; }
.list-save-boundary strong { color: #bfe4d6; font-size: 8.5px; }
.list-save-boundary p { margin: 4px 0 0; color: #718b83; font-size: 7.5px; line-height: 1.5; }
.list-draft-review { margin-top: 12px; padding: 16px; background: rgba(14,24,40,.58); border: 1px solid #35475f; border-radius: 9px; }
.list-draft-review h4 { margin: 5px 0 4px; color: #eef1f6; font-size: 13px; }
.list-draft-review header p { margin: 0; color: #748399; font-size: 7.5px; }
.list-draft-review > div { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 7px; margin-top: 12px; }
.list-draft-review > div > span { min-width: 0; padding: 10px; background: rgba(26,39,60,.72); border: 1px solid #31425a; border-radius: 8px; }
.list-draft-review small, .list-draft-review strong { display: block; }
.list-draft-review small { color: #6e7d92; font-size: 6.5px; }
.list-draft-review strong { margin-top: 5px; overflow: hidden; color: #cbd4e0; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.list-workspace-footer { min-height: 62px; display: flex; align-items: center; justify-content: flex-end; gap: 12px; padding: 12px 20px; background: rgba(13,23,38,.56); border-top: 1px solid #293a51; }
.list-workspace-footer > div { display: flex; gap: 7px; }
.list-workspace-footer button { min-height: 34px; padding: 0 12px; color: #b6c1d0; background: rgba(54,70,94,.3); border: 1px solid #3b4d66; border-radius: 7px; font: inherit; font-size: 8px; font-weight: 800; cursor: pointer; }
.list-workspace-footer button.primary { color: #eeeaff; background: rgba(111,82,218,.72); border-color: rgba(142,116,241,.62); }
.list-workspace-footer button:disabled { color: #748398; background: rgba(123,139,162,.045); border-color: rgba(123,139,162,.14); box-shadow: none; cursor: not-allowed; }
.list-workspace-footer button.danger { color: #ff9099; background: rgba(255,88,104,.055); border-color: rgba(255,101,117,.15); }
.list-review-backdrop { padding: max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left)); box-sizing: border-box; overscroll-behavior: contain; }
.list-review-dialog { --list-module-rgb: 148,163,184; width: min(760px,calc(100vw - 32px)); max-height: min(780px,calc(100vh - 48px)); max-height: min(780px,calc(100dvh - 48px)); max-height: min(780px,calc(var(--bimo-visual-viewport-height,100dvh) - 48px)); display: flex; flex-direction: column; overflow: hidden; color: #dfe5ed; background: #111d2f; border: 1px solid rgba(151,167,190,.3); border-radius: 14px; box-shadow: 0 26px 80px rgba(0,0,0,.48); }
.list-review-dialog.module-print { --list-module-rgb: 75,141,255; }
.list-review-dialog.module-embroidery { --list-module-rgb: 160,92,255; }
.list-review-dialog.module-laser { --list-module-rgb: 246,185,75; }
.list-review-dialog > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; padding: 22px 24px 18px; border-bottom: 1px solid #2c3d54; }
.list-review-dialog > header h3 { margin: 6px 0 4px; color: #f2f5f9; font-size: 20px; }
.list-review-dialog > header p { margin: 0; color: #7d8ca1; font-size: 10px; }
.list-review-dialog > header button { width: 32px; height: 32px; display: grid; place-items: center; flex: none; color: #91a0b4; background: rgba(89,106,132,.1); border: 1px solid rgba(113,133,162,.2); border-radius: 8px; font: inherit; font-size: 18px; cursor: pointer; }
.list-review-scope { display: grid; grid-template-columns: 32px minmax(0,1fr); align-items: center; gap: 10px; margin: 16px 24px 0; padding: 11px 12px; background: rgba(var(--list-module-rgb),.045); border: 1px solid rgba(var(--list-module-rgb),.13); border-radius: 9px; }
.list-review-scope > span { width: 32px; height: 32px; display: grid; place-items: center; color: rgb(var(--list-module-rgb)); background: rgba(var(--list-module-rgb),.08); border-radius: 8px; }
.list-review-scope svg { width: 17px; height: 17px; }
.list-review-scope p { margin: 0; color: #7f8fa4; font-size: 9.5px; line-height: 1.45; }
.list-review-scope strong { color: #cbd5e1; }
.list-review-change-list { display: grid; gap: 12px; margin: 16px 24px; overflow: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; touch-action: pan-y; }
.list-review-change-group { display: grid; gap: 7px; }
.list-review-change-group > header { display: flex; align-items: center; justify-content: space-between; padding: 0 3px; }
.list-review-change-group > header strong { color: #aab6c7; font-size: 9px; text-transform: uppercase; letter-spacing: .08em; }
.list-review-change-group > header span { min-width: 22px; padding: 3px 6px; color: #8292a8; text-align: center; background: rgba(105,123,148,.08); border-radius: 999px; font-size: 8px; }
.list-review-change-list article { min-height: 58px; display: grid; grid-template-columns: 10px minmax(0,1fr) auto; align-items: center; gap: 11px; padding: 10px 12px; background: rgba(24,37,57,.72); border: 1px solid #32445c; border-radius: 8px; }
.list-review-change-list article > span { width: 8px; height: 8px; background: #8fa1b8; border-radius: 50%; }
.list-review-change-list article.added > span { background: #55d1a7; }
.list-review-change-list article.removed > span { background: #ee7f8c; }
.list-review-change-list article.order > span { background: #80aef4; }
.list-review-change-list article.edited > span { background: #b498f5; }
.list-review-change-list strong, .list-review-change-list small { display: block; }
.list-review-change-list strong { color: #dce3ec; font-size: 11.5px; }
.list-review-change-list small { margin-top: 4px; color: #78889e; font-size: 9.5px; line-height: 1.4; }
.list-review-change-list article > em { max-width: 180px; overflow: hidden; padding: 5px 7px; color: #aab5c4; text-overflow: ellipsis; white-space: nowrap; background: rgba(139,155,178,.075); border: 1px solid rgba(151,167,190,.13); border-radius: 6px; font-size: 8.5px; font-style: normal; }
.list-review-empty { padding: 26px; color: #7b8a9f; text-align: center; background: rgba(24,37,57,.52); border: 1px dashed #394b63; border-radius: 9px; }
.list-review-empty strong, .list-review-empty small { display: block; }
.list-review-empty strong { color: #bbc6d4; font-size: 12px; }
.list-review-empty small { margin-top: 5px; font-size: 10px; }
.list-review-safety { display: flex; align-items: flex-start; gap: 10px; margin: 0 24px 18px; padding: 11px 12px; background: rgba(76,94,121,.07); border: 1px solid rgba(111,132,161,.17); border-radius: 8px; }
.list-review-safety > span { width: 22px; height: 22px; display: grid; place-items: center; flex: none; color: #aab9cb; background: rgba(120,140,167,.12); border-radius: 6px; font-size: 9px; font-weight: 850; }
.list-review-safety p { margin: 0; color: #8291a6; font-size: 9.5px; line-height: 1.5; }
.list-review-safety strong { color: #bdc8d6; }
.list-review-dialog > footer { display: flex; justify-content: flex-end; gap: 8px; padding: 14px 24px; background: rgba(10,18,30,.34); border-top: 1px solid #2b3b51; }
.list-review-dialog > footer button { min-height: 38px; padding: 0 13px; border-radius: 8px; font: inherit; font-size: 10px; font-weight: 800; cursor: pointer; }
.list-review-dialog > footer button:disabled, .list-review-dialog > header button:disabled { cursor: not-allowed; opacity: .46; }
.list-review-dialog > footer > button:first-child { color: #bac5d3; background: rgba(76,94,121,.19); border: 1px solid rgba(115,136,164,.27); }
.list-review-dialog > footer .settings-save-button:disabled { color: #78bca4; background: rgba(47,195,149,.08); border-color: rgba(61,207,160,.16); cursor: not-allowed; opacity: .46; }
.list-custom-column-dialog { width: min(560px,calc(100vw - 32px)); }
.list-custom-column-form { display: grid; gap: 14px; padding: 20px 24px 0; }
.list-custom-column-form label { display: grid; gap: 7px; color: #9aa7b8; font-size: 10px; font-weight: 800; }
.list-custom-column-form label > span em { color: #6f7f94; font-style: normal; font-weight: 650; }
.list-custom-column-form input { width: 100%; min-height: 42px; padding: 0 12px; color: #e4e9f0; background: #0f1a2b; border: 1px solid #384b64; border-radius: 8px; box-sizing: border-box; font: inherit; font-size: 11.5px; outline: none; }
.list-custom-column-form input:focus { border-color: rgba(var(--list-module-rgb),.64); box-shadow: 0 0 0 3px rgba(var(--list-module-rgb),.075); }
.list-custom-column-form label small { color: #718198; font-size: 9px; font-weight: 500; line-height: 1.45; }
.list-custom-column-error { display: none; margin: -3px 0 0; color: #ef909a; font-size: 9.5px; }
.list-custom-column-error.visible { display: block; }
.list-custom-column-form > footer { display: flex; justify-content: flex-end; gap: 8px; margin: 3px -24px 0; padding: 14px 24px; background: rgba(10,18,30,.34); border-top: 1px solid #2b3b51; }
.list-custom-column-form > footer button { min-height: 38px; padding: 0 14px; color: #bac5d3; background: rgba(76,94,121,.19); border: 1px solid rgba(115,136,164,.27); border-radius: 8px; font: inherit; font-size: 10px; font-weight: 800; cursor: pointer; }
.list-custom-column-form > footer button.primary { color: #f3f0ff; background: rgba(var(--list-module-rgb),.58); border-color: rgba(var(--list-module-rgb),.72); }
.list-navigation-dialog { max-width: 520px; }
body.list-customization-modal-open { overflow: hidden; }
@media (max-width: 980px) {
  .list-heading-rule-controls { grid-template-columns: 1fr; }
  .list-heading-rule-fields { grid-template-columns: minmax(90px,.45fr) minmax(130px,1fr) 16px minmax(130px,1fr); }
}
@media (max-width: 720px) {
  .list-heading-rule { grid-template-columns: 30px minmax(0,1fr); }
  .list-heading-rule-fields { grid-template-columns: 1fr; }
  .list-heading-rule-fields > i { transform: rotate(90deg); }
  .list-heading-rule-actions { grid-column: 2; justify-content: flex-end; }
  .list-heading-rule-options { grid-template-columns: 1fr; }
}
@media (max-width: 900px) { .list-customization-browser { grid-template-columns: 300px minmax(0,1fr); } .list-columns-layout { grid-template-columns: 1fr; } .list-source-groups, .list-selected-columns { max-height: 520px; } }
@media (max-width: 760px) { .list-customization-browser { grid-template-columns: 1fr; } .list-template-list { grid-template-columns: repeat(3,minmax(0,1fr)); } .list-template-row { min-height: 108px; } .list-template-row em { align-items: flex-start; flex-direction: column; gap: 3px; } .list-template-row em i { display: none; } .list-module-tab { grid-template-columns: 34px minmax(0,1fr); } .list-module-tab-icon { width: 34px; height: 34px; } .list-module-tab-icon img { width: 24px; height: 24px; } .list-module-tab em { display: none; } .list-workspace-sections { grid-template-columns: 1fr 1fr; } .list-style-layout { grid-template-columns: 1fr; } }
@media (max-width: 560px) { .list-style-font-grid { grid-template-columns: 1fr; } .list-style-control-group > header { align-items: flex-start; flex-direction: column; gap: 4px; } .list-style-color-control code { display: none; } }
@media (max-width: 560px) { .list-module-tabs { grid-template-columns: 1fr; } .list-module-tab { min-height: 58px; grid-template-columns: 34px minmax(0,1fr) auto; } .list-module-tab em { display: inline-block; } .list-template-list { display: grid; grid-template-columns: 1fr; } .list-template-row { min-height: 84px; } .list-template-row em { align-items: center; flex-direction: row; gap: 5px; } .list-template-row em i { display: inline; } .list-template-detail { padding: 17px; } .list-template-detail-head { display: block; } .list-template-readonly { display: inline-block; margin-top: 10px; } .list-template-detail-actions { align-items: stretch; flex-direction: column; } .list-template-detail-actions > div { display: grid; grid-template-columns: 1fr 1fr; } .list-template-detail-actions > div button:first-child { grid-column: 1 / -1; } .list-template-detail-actions button { justify-content: center; } .list-template-detail-actions button.delete { align-self: flex-end; } .list-workspace-head { grid-template-columns: 1fr auto; padding: 16px; } .list-local-boundary { margin: 12px 14px 0; } .list-workspace-sections { padding: 13px 14px; } .list-workspace-sections button { min-height: 55px; grid-template-columns: 26px minmax(0,1fr); padding: 8px; } .list-workspace-sections button > span:first-child { width: 26px; height: 26px; } .list-workspace-sections button small { display: none; } .list-workspace-panel { margin: 0 14px 14px; padding: 16px; } .list-columns-panel { margin: 0 14px 14px; padding: 0; } .list-columns-panel > header { padding: 16px 14px 0; } .list-analysis-status { margin: 0 14px 10px; } .list-columns-layout { padding: 0 14px; } .list-source-library > header, .list-selected-library > header { align-items: flex-start; } .list-selected-column > header { grid-template-columns: 14px 24px minmax(0,1fr) 22px; align-items: start; } .list-column-badges { display: none; } .list-column-actions { grid-column: 3; justify-content: flex-end; } .list-column-chevron { grid-column: 4; grid-row: 1; } .list-selected-column-body { padding: 12px; } .list-column-fields, .list-column-fields:has(label + label) { grid-template-columns: 1fr; } .list-template-fields { grid-template-columns: 1fr; } .list-module-picker > div { grid-template-columns: 1fr; } .list-column-editor-row { grid-template-columns: 25px minmax(0,1fr); } .list-column-move { grid-column: 2; justify-content: flex-end; } .list-option-card { align-items: flex-start; } .list-addon-choice { grid-template-columns: 38px minmax(0,1fr); } .list-addon-icon { width: 38px; height: 38px; } .list-addon-lock { grid-column: 2; justify-self: start; } .list-addon-columns { grid-template-columns: repeat(2,1fr); } .list-draft-review { margin: 0 14px 14px; } .list-draft-review > div { grid-template-columns: 1fr 1fr; } .list-workspace-footer { align-items: stretch; flex-direction: column; padding: 12px 14px; } .list-workspace-footer > div { display: grid; grid-template-columns: 1fr; } .list-workspace-footer button { justify-content: center; } .list-workspace-footnote { text-align: center; } }

/* List Customization readability pass */
.list-customization-content .list-module-tab { min-height: 78px; grid-template-columns: 42px minmax(0,1fr); gap: 12px; padding: 13px 15px; }
.list-customization-content .list-module-tab-icon { width: 42px; height: 42px; }
.list-customization-content .list-module-tab-icon img { width: 30px; height: 30px; }
.list-customization-content .list-module-tab strong { font-size: 14px; }
.list-customization-content .list-module-tab small { margin-top: 5px; font-size: 11px; }
.list-customization-content .list-module-tab em { padding: 5px 9px; font-size: 10px; }
.list-customization-content .list-workspace-head h2 { font-size: 24px; }
.list-customization-content .list-workspace-head p { font-size: 12.5px; line-height: 1.45; }
.list-customization-content .list-workspace-status { padding: 7px 10px; font-size: 10px; }
.list-customization-content .list-workspace-sections { gap: 10px; }
.list-customization-content .list-workspace-sections button { min-height: 78px; grid-template-columns: 36px minmax(0,1fr); gap: 11px; padding: 12px; }
.list-customization-content .list-workspace-sections button > span:first-child { width: 36px; height: 36px; }
.list-customization-content .list-workspace-sections svg { width: 19px; height: 19px; }
.list-customization-content .list-workspace-sections button strong { font-size: 13px; }
.list-customization-content .list-workspace-sections button small { margin-top: 5px; font-size: 10.5px; }
.list-customization-content .list-workspace-panel > header h3 { font-size: 22px; }
.list-customization-content .list-workspace-panel > header p { font-size: 12.5px; }
.list-customization-content .section-kicker { font-size: 10px; }
.list-customization-content .list-source-library > header,
.list-customization-content .list-selected-library > header { min-height: 70px; padding: 14px 16px; }
.list-customization-content .list-source-library > header strong,
.list-customization-content .list-selected-library > header strong { font-size: 14px; }
.list-customization-content .list-source-library > header small,
.list-customization-content .list-selected-library > header small { margin-top: 5px; font-size: 10.5px; line-height: 1.4; }
.list-customization-content .list-source-library > header > span,
.list-customization-content .list-selected-library > header > span { padding: 6px 8px; font-size: 10px; }
.list-customization-content .list-source-search { grid-template-columns: 27px minmax(0,1fr); margin: 12px 12px 9px; }
.list-customization-content .list-source-search input { min-height: 42px; font-size: 12px; }
.list-customization-content .list-source-groups { padding: 0 12px 12px; }
.list-customization-content .list-source-group { margin-top: 8px; border-radius: 9px; }
.list-customization-content .list-source-group > summary { min-height: 62px; padding: 10px 12px; }
.list-customization-content .list-source-group > summary strong { font-size: 11.5px; letter-spacing: .08em; }
.list-customization-content .list-source-group > summary small { margin-top: 4px; font-size: 11px; }
.list-customization-content .list-source-group > summary > span { font-size: 10.5px; }
.list-customization-content .list-source-group > summary > i { font-size: 13px; }
.list-customization-content .list-source-group > div { gap: 7px; padding: 8px; }
.list-customization-content .list-source-card > button { min-height: 54px; grid-template-columns: 28px minmax(0,1fr); gap: 10px; padding: 8px 11px; }
.list-customization-content .list-source-state { width: 28px; height: 28px; font-size: 12px; }
.list-customization-content .list-source-state-spacer { width: 28px; height: 28px; }
.list-customization-content .list-source-card > button strong { font-size: 12px; }
.list-customization-content .list-source-card > button small { margin-top: 4px; font-size: 10.5px; }
.list-customization-content .list-source-card > button em { font-size: 10px; }
.list-customization-content .list-source-card > button small.review { color: #d8ae5e; }
.list-customization-content .list-source-card > button small.handled { color: #aa9bea; }
.list-customization-content .list-source-card > button small.used { color: #7eafde; }
.list-customization-content .list-source-card > button small.excluded,
.list-customization-content .list-source-card > button small.system { color: #8897aa; }
.list-customization-content .list-source-card > button small.latest,
.list-customization-content .list-source-card > button small.configured { color: #76a8d6; }
.list-customization-content .list-source-card details { padding: 0 11px 11px 49px; font-size: 10.5px; }
.list-customization-content .list-source-support-note { gap: 10px; margin: 0 12px 12px; padding: 10px 11px; }
.list-customization-content .list-source-support-note p { font-size: 10.5px; }
.list-customization-content .list-source-tools { padding: 11px 12px 0; }
.list-customization-content .list-add-custom-column { min-height: 38px; padding: 0 12px 0 8px; }
.list-customization-content .list-add-custom-column strong { font-size: 11px; }
.list-customization-content .list-column-context-note { padding: 11px 12px; }
.list-customization-content .list-column-context-note p { font-size: 10.5px; }
.list-customization-content .list-selected-columns { gap: 8px; padding: 12px; }
.list-customization-content .list-selected-column > header { min-height: 64px; grid-template-columns: 20px 31px minmax(0,1fr) auto auto 28px; gap: 9px; padding: 9px 10px; }
.list-customization-content .list-column-grip { grid-column: 1; grid-row: 1; }
.list-customization-content .list-column-position { grid-column: 2; grid-row: 1; }
.list-customization-content .list-column-summary { grid-column: 3 / 6; grid-row: 1; }
.list-customization-content .list-column-chevron { grid-column: 6; grid-row: 1; }
.list-customization-content .list-column-badges { grid-column: 3; grid-row: 2; align-self: center; }
.list-customization-content .list-column-actions { grid-column: 4 / -1; grid-row: 2; justify-content: flex-end; }
.list-customization-content .list-selected-column.editable { cursor: default; }
.list-customization-content .list-column-grip { color: rgb(var(--list-module-rgb)); user-select: none; }
.list-customization-content .list-column-grip.locked { color: #52637b; cursor: default; opacity: .42; }
.list-customization-content .list-column-position { width: 31px; height: 31px; font-size: 10px; }
.list-customization-content .list-column-summary strong,
.list-customization-content .list-column-summary b { font-size: 12.5px; }
.list-customization-content .list-column-summary i { font-size: 11px; }
.list-customization-content .list-column-summary small { margin-top: 5px; font-size: 10.5px; }
.list-customization-content .list-column-badges > span { padding: 5px 6px; font-size: 9px; }
.list-customization-content .list-column-badges .merged-icon { padding: 0; font-size: 0; }
.list-customization-content .list-column-actions button,
.list-customization-content .list-column-chevron { width: 29px; height: 29px; font-size: 11px; }
.list-customization-content .list-selected-column-body { padding: 15px 16px 16px 70px; }
.list-customization-content .list-column-fields label,
.list-customization-content .list-column-transforms > span { font-size: 10.5px; }
.list-customization-content .list-column-fields label > small { font-size: 9.5px; }
.list-customization-content .list-column-fields input { min-height: 41px; font-size: 12px; }
.list-customization-content .list-column-fields > button { min-height: 41px; font-size: 10.5px; }
.list-customization-content .list-transform-row,
.list-customization-content .list-transform-support { min-height: 54px; }
.list-customization-content .list-transform-row strong,
.list-customization-content .list-transform-support strong { font-size: 11.5px; }
.list-customization-content .list-transform-row small,
.list-customization-content .list-transform-support small { margin-top: 4px; font-size: 10px; }
.list-customization-content .list-selected-merge > strong { font-size: 10px; }
.list-customization-content .list-selected-merge p span,
.list-customization-content .list-selected-merge small { font-size: 10px; }
.list-customization-content .list-option-card { min-height: 78px; }
.list-customization-content .list-option-card strong { font-size: 13px; }
.list-customization-content .list-option-card small,
.list-customization-content .list-option-card > em { font-size: 11px; }
.list-customization-content .list-protected-note strong { font-size: 12px; }
.list-customization-content .list-protected-note p { font-size: 11px; }
.list-customization-content .list-addon-choice h4 { font-size: 16px; }
.list-customization-content .list-addon-choice p { font-size: 11.5px; }
.list-customization-content .list-addon-lock { font-size: 9.5px; }
.list-customization-content .list-addon-columns span { min-height: 40px; font-size: 10.5px; }
.list-customization-content .list-style-row strong { font-size: 12px; }
.list-customization-content .list-style-row small,
.list-customization-content .list-style-row em { font-size: 10.5px; }
.list-customization-content .list-save-boundary strong { font-size: 12px; }
.list-customization-content .list-save-boundary p { font-size: 11px; }
.list-customization-content .list-draft-review header p,
.list-customization-content .list-draft-review small { font-size: 10px; }
.list-customization-content .list-draft-review strong { font-size: 11.5px; }
.list-customization-content .list-workspace-footer button { min-height: 40px; font-size: 11.5px; }
@media (max-width: 560px) {
  .list-customization-content .list-module-tab { min-height: 68px; grid-template-columns: 38px minmax(0,1fr) auto; }
  .list-customization-content .list-workspace-sections button { min-height: 64px; }
  .list-customization-content .list-workspace-sections button small { display: none; }
  .list-customization-content .list-selected-column > header { grid-template-columns: 16px 28px minmax(0,1fr) 28px; }
  .list-customization-content .list-column-summary { grid-column: 3; }
  .list-customization-content .list-column-chevron { grid-column: 4; }
  .list-customization-content .list-column-actions { grid-column: 3 / -1; }
  .list-customization-content .list-module-tab { grid-template-columns: 38px minmax(0,1fr); }
  .list-workspace-head { grid-template-columns: 1fr; }
  .list-workspace-head-actions { align-items: flex-start; justify-content: space-between; }
  .list-draft-tools button span { display: none; }
  .list-draft-tools button { width: 34px; justify-content: center; padding: 0; }
  .list-review-backdrop { padding: max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left)); }
  .list-review-dialog { width: 100%; max-width: 100%; max-height: calc(100vh - 20px); max-height: calc(100dvh - 20px); max-height: calc(var(--bimo-visual-viewport-height,100dvh) - 20px); box-sizing: border-box; }
  .list-review-dialog > header, .list-review-dialog > footer { padding: 15px; }
  .list-review-scope { margin: 12px 15px 0; }
  .list-review-change-list { margin: 12px 15px; }
  .list-review-change-list article { grid-template-columns: 10px minmax(0,1fr); }
  .list-review-change-list article > em { grid-column: 2; justify-self: start; max-width: 100%; }
  .list-review-safety { margin: 0 15px 14px; }
  .list-review-dialog > footer { display: grid; grid-template-columns: 1fr; }
  .list-custom-column-form { padding: 16px 15px 0; }
  .list-custom-column-form > footer { display: grid; grid-template-columns: 1fr; margin: 2px -15px 0; padding: 14px 15px; }
}

/* Bimo refreshed visual system */
.login-body {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 18% 18%, rgba(32, 223, 189, .16), transparent 28%),
    radial-gradient(circle at 82% 76%, rgba(42, 184, 255, .14), transparent 30%),
    linear-gradient(145deg, #041016 0%, #071923 55%, #06131a 100%);
}
.login-body::before {
  content: "";
  position: fixed;
  inset: 0;
  opacity: .22;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(79, 205, 215, .08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(79, 205, 215, .08) 1px, transparent 1px);
  background-size: 56px 56px;
}
.login-shell {
  position: relative;
  z-index: 1;
  min-height: 100vh;
  display: grid;
  grid-template-columns: 1fr;
  place-items: center;
  overflow: hidden;
  padding: 36px 22px;
}
.login-glow {
  position: fixed;
  width: 420px;
  height: 420px;
  border-radius: 50%;
  filter: blur(120px);
  opacity: .14;
  pointer-events: none;
}
.login-glow-one { top: -180px; left: -100px; background: #20dfbd; }
.login-glow-two { right: -120px; bottom: -220px; background: #2ab8ff; }
.login-panel {
  position: relative;
  z-index: 2;
  min-height: 0;
  width: min(460px, 100%);
  display: flex;
  padding: 0;
  background: transparent;
}
.login-card {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding: 42px 42px 36px;
  background: linear-gradient(145deg, rgba(15, 36, 45, .96), rgba(8, 25, 33, .96));
  border: 1px solid rgba(98, 190, 201, .22);
  border-radius: 24px;
  box-shadow: 0 34px 100px rgba(0, 7, 12, .52), inset 0 1px 0 rgba(255,255,255,.035);
}
.login-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 3px;
  background: var(--accent-gradient);
}
.login-card::after {
  content: "";
  position: absolute;
  width: 180px;
  height: 180px;
  top: -95px;
  right: -80px;
  border-radius: 50%;
  background: rgba(32, 223, 189, .08);
  filter: blur(2px);
  pointer-events: none;
}
.login-brand {
  position: relative;
  width: 188px;
  height: 91px;
  overflow: hidden;
  margin: 0 auto 28px;
  border-radius: 14px;
}
.login-brand img {
  display: block;
  width: 100%;
  height: auto;
}
.login-card > .eyebrow { width: 100%; justify-content: center; color: #65d8d4; font-size: 9px; letter-spacing: .19em; }
.login-card h1 { margin: 13px 0 8px; text-align: center; font-size: 34px; line-height: 1.05; letter-spacing: -.045em; }
.login-intro { margin: 0 0 31px; text-align: center; color: #78949d; font-size: 13px; }
.login-card label { color: #c5d5d9; }
.input-wrap input {
  background: rgba(6, 20, 27, .76);
  border-color: #26444f;
  border-radius: 13px;
}
.input-wrap input:hover { border-color: #37606b; }
.input-wrap input:focus {
  border-color: #2bc9c8;
  background: #0a2029;
  box-shadow: 0 0 0 4px rgba(38, 207, 199, .11), 0 10px 35px rgba(0, 13, 18, .2);
}
.input-icon { color: #6b8d96; }
.lock-icon { border-color: #6b8d96; }
.primary-button {
  position: relative;
  overflow: hidden;
  color: #03191c;
  background: var(--accent-gradient);
  box-shadow: 0 16px 34px rgba(29, 196, 191, .2);
}
.primary-button:hover { filter: brightness(1.08) saturate(1.08); }
.secure-note { color: #66828b; }
.secure-note span { width: 7px; height: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 5px var(--green-soft); }
.login-footer { margin-top: 20px; color: #4f7079; }

.app-body {
  background:
    radial-gradient(circle at 84% -10%, rgba(42, 184, 255, .13), transparent 29%),
    radial-gradient(circle at 25% 110%, rgba(32, 223, 189, .08), transparent 30%),
    var(--bg);
}
.sidebar {
  background: linear-gradient(180deg, rgba(6, 23, 30, .98), rgba(5, 17, 23, .99));
  border-right-color: #17333d;
  box-shadow: 18px 0 55px rgba(0, 7, 11, .16);
}
.sidebar::after {
  content: "";
  position: absolute;
  inset: 0 -1px 0 auto;
  width: 1px;
  background: linear-gradient(180deg, transparent 4%, rgba(32,223,189,.4) 26%, rgba(42,184,255,.25) 68%, transparent 96%);
}
.sidebar-brand { position: relative; width: 112px; height: 55px; border-radius: 11px; }
.sidebar-brand img { display: block; width: 112px; height: auto; object-fit: initial; transform: none; }
.nav-item { position: relative; border-radius: 12px; }
.nav-item:hover:not(:disabled) { color: #e5f2f4; background: rgba(18, 47, 58, .62); }
.nav-item.active {
  color: #f5ffff;
  background: linear-gradient(100deg, rgba(32,223,189,.16), rgba(42,184,255,.065));
  border-color: rgba(54, 207, 210, .23);
  box-shadow: inset 3px 0 0 #27d8c2;
}
.active .nav-glyph { color: #41ddd0; }
.workspace-avatar { background: linear-gradient(145deg, #20d9b9, #2d9ef7); box-shadow: 0 10px 26px rgba(32, 199, 193, .16), inset 0 0 0 1px rgba(255,255,255,.16); }
.icon-button:hover { background: #112c36; }
.main-area {
  position: relative;
  background:
    radial-gradient(circle at 92% -8%, rgba(42,184,255,.12), transparent 27%),
    radial-gradient(circle at 16% 118%, rgba(32,223,189,.07), transparent 31%),
    #07151d;
}
.main-area::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .12;
  pointer-events: none;
  background-image: radial-gradient(circle, rgba(97, 170, 182, .44) .7px, transparent .8px);
  background-size: 27px 27px;
  mask-image: linear-gradient(to bottom, black, transparent 48%);
}
.view { position: relative; z-index: 1; }
.eyebrow { color: #54d9d2; }
.page-heading h1 { font-size: 46px; }
.readonly-badge { color: #8ca5ad; background: rgba(12, 34, 43, .76); border-color: #25434f; }
.section-kicker { color: #65aeb6; }
.upload-center {
  position: relative;
  overflow: hidden;
  background: linear-gradient(145deg, rgba(14, 39, 49, .97), rgba(8, 27, 36, .98));
  border-color: #28505c;
  box-shadow: 0 22px 55px rgba(0, 9, 13, .24), inset 0 1px 0 rgba(255,255,255,.025);
}
.upload-center::before { content: ""; position: absolute; inset: 0 0 auto; height: 2px; background: var(--accent-gradient); opacity: .85; }
.phase-badge { color: #ff9b8b; background: var(--coral-soft); border-color: rgba(255,112,93,.2); }
.upload-tab { background: rgba(8, 26, 34, .76); border-color: #25434f; }
.upload-tab:hover { border-color: #3b6671; }
.upload-tab.active {
  border-color: #2fc4c8;
  background: linear-gradient(105deg, rgba(32,223,189,.13), rgba(42,184,255,.05));
  box-shadow: inset 0 0 0 1px rgba(41,198,202,.08), 0 10px 30px rgba(0,15,20,.14);
}
.upload-illustration { color: #1fe0bd; background: linear-gradient(145deg, rgba(32,223,189,.15), rgba(42,184,255,.1)); }
.drop-frame { border-color: #315461; background: rgba(3, 16, 22, .31); }
.workflow-steps span.active { color: #03191c; background: linear-gradient(145deg, #20dfbd, #2ab8ff); border-color: #52ded6; }
.stat-card {
  position: relative;
  overflow: hidden;
  background: linear-gradient(145deg, #0d222c, #0a1c25);
  border-color: #203e49;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.stat-card::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 3px; background: #2ab8ff; opacity: .85; }
.stat-card:nth-child(2)::before { background: #47dfa0; }
.stat-card:nth-child(3)::before { background: #5c8dff; }
.stat-card:nth-child(4)::before { background: #ffb95c; }
.stat-card:hover { transform: translateY(-2px); border-color: #315865; box-shadow: 0 14px 34px rgba(0,8,12,.2); }
.stat-icon.purple, .config-icon.purple { color: #2bdac8; background: var(--purple-soft); }
.orders-card { background: linear-gradient(160deg, #0c202a, #091a23); border-color: #254550; box-shadow: 0 22px 60px rgba(0,8,12,.2); }
.orders-card-head { border-bottom-color: #1f3b46; }
.search-box, .orders-tools select { background: #0e2731; border-color: #294a56; }
.search-box:focus-within { border-color: #2bc9c8; box-shadow: 0 0 0 3px rgba(38, 207, 199, .09); }
th { background: #081923; border-bottom-color: #23414c; }
td { border-bottom-color: #18343e; }
.order-row:hover { background: rgba(21, 54, 65, .54); }
.file-icon { color: #2dd8c7; background: var(--purple-soft); }
.order-row:hover .row-open { color: #2dd8c7; background: var(--purple-soft); }
.secondary-button { background: #102a35; border-color: #294a56; }
.secondary-button:hover { border-color: #2bc9c8; }
.loading-state span, .loading-panel > span { border-color: #274650; border-top-color: #2ad8c6; }
.settings-nav, .settings-content { background: linear-gradient(155deg, #0d222c, #091b24); border-color: #23424e; }
.settings-nav button:hover { background: #112b35; }
.settings-nav button.active { color: #f1ffff; background: linear-gradient(100deg, rgba(32,223,189,.14), rgba(42,184,255,.05)); border-color: rgba(49,203,203,.22); }
.settings-nav button.active span { color: #39d9cd; }
.count-badge { color: #50ddd2; background: var(--purple-soft); }
.config-card, .merge-card, .laser-card, .template-card, .analysis-block { background: #102630; border-color: #294852; }
.config-card:hover { border-color: #2db9be; background: #122b35; }
.inline-note, .drawer-note { color: #47d9cf; background: var(--purple-soft); border-color: rgba(43, 205, 201, .18); }
.inline-note strong, .drawer-note strong, .alias-value { color: #69ddd5; }
.chip-cloud > span { background: #142f39; border-color: #31515c; }
.chip-cloud > span.more-chip { color: #53d9d2; border-color: rgba(43,205,201,.22); }
.rule-table { border-color: #294a55; }
.rule-table-head { background: #081b24; }
.rule-row { border-top-color: #20404a; }
.rule-row:hover { background: #102a34; }
.order-drawer { background: #081923; border-left-color: #2a5360; box-shadow: -34px 0 90px rgba(0,7,11,.48); }
.drawer-head { border-bottom-color: #24444f; }
.detail-metric, .detail-section { background: #0e2630; border-color: #294852; }
.download-card { background: #112b36; border-color: #2b4b56; }
.download-card:hover { background: #14323d; border-color: #2cc4c5; }
.download-action { color: #42d8ce; background: rgba(32,223,189,.08); }
.toast { background: #102b35; border-color: #31525d; }

@media (max-width: 820px) {
  .login-shell { display: grid; padding: 26px 18px; }
  .login-panel { min-height: 0; padding: 0; }
  .login-card { padding: 36px 25px 30px; border-radius: 20px; }
  .login-brand { display: block; margin-bottom: 24px; }
  .mobile-header { background: #061820; border-bottom-color: #1b3944; }
}

/* Purple palette restoration — layout and behavior stay unchanged. */
.login-body {
  background:
    radial-gradient(circle at 18% 18%, rgba(128, 92, 255, .17), transparent 28%),
    radial-gradient(circle at 82% 76%, rgba(160, 68, 238, .13), transparent 30%),
    linear-gradient(145deg, #090d18 0%, #0d1424 55%, #0a101d 100%);
}
.login-body::before {
  background-image:
    linear-gradient(rgba(141, 112, 255, .07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(141, 112, 255, .07) 1px, transparent 1px);
}
.login-glow-one { background: #805cff; }
.login-glow-two { background: #a044ee; }
.login-card {
  background: linear-gradient(145deg, rgba(20, 27, 46, .97), rgba(12, 18, 33, .97));
  border-color: rgba(139, 107, 255, .24);
  box-shadow: 0 34px 100px rgba(0, 0, 0, .48), inset 0 1px 0 rgba(255,255,255,.035);
}
.login-card::after { background: rgba(128, 92, 255, .09); }
.login-card > .eyebrow { color: #b5a1ff; }
.login-intro { color: #8491a7; }
.login-card label { color: #c9d0df; }
.input-wrap input { background: rgba(10, 16, 29, .78); border-color: #303c55; }
.input-wrap input:hover { border-color: #465574; }
.input-wrap input:focus {
  border-color: #805cff;
  background: #111a2c;
  box-shadow: 0 0 0 4px rgba(128, 92, 255, .12), 0 10px 35px rgba(0, 0, 0, .2);
}
.input-icon { color: #77849b; }
.lock-icon { border-color: #77849b; }
.primary-button { color: white; box-shadow: 0 16px 34px rgba(112, 74, 238, .24); }
.secure-note { color: #69768d; }
.login-footer { color: #56647b; }

.app-body {
  background:
    radial-gradient(circle at 84% -10%, rgba(128, 92, 255, .14), transparent 29%),
    radial-gradient(circle at 25% 110%, rgba(160, 68, 238, .08), transparent 30%),
    var(--bg);
}
.sidebar {
  background: linear-gradient(180deg, rgba(11, 18, 32, .99), rgba(8, 14, 26, .99));
  border-right-color: #212d43;
  box-shadow: 18px 0 55px rgba(0, 0, 0, .16);
}
.sidebar::after {
  background: linear-gradient(180deg, transparent 4%, rgba(128,92,255,.42) 26%, rgba(160,68,238,.26) 68%, transparent 96%);
}
.nav-item:hover:not(:disabled) { color: #eef2f7; background: rgba(226,232,240,.055); border-color: rgba(226,232,240,.08); }
.nav-item.active {
  color: #f7f9fc;
  background: linear-gradient(100deg,rgba(226,232,240,.095),rgba(226,232,240,.025));
  border-color: rgba(226,232,240,.18);
  box-shadow: inset 3px 0 0 rgba(241,245,249,.74);
}
.nav-item.active .nav-glyph { color: #e2e8f0; filter: none; }
.nav-item.orders-nav-item.active .nav-glyph { color: #a987ff; }
.nav-item.list-customization-nav-item.active .nav-glyph { color: #21a366; }
.nav-item.sku-nav-item.active .nav-glyph { color: #d4b84e; }
.nav-item.settings-nav-item.active .nav-glyph { color: #94a3b8; }
.workspace-avatar { background: linear-gradient(145deg, #7556ee, #a54aea); box-shadow: 0 10px 26px rgba(111, 72, 222, .18), inset 0 0 0 1px rgba(255,255,255,.16); }
.icon-button:hover { background: #192437; }
.main-area {
  background:
    radial-gradient(circle at 92% -8%, rgba(128,92,255,.13), transparent 27%),
    radial-gradient(circle at 16% 118%, rgba(160,68,238,.07), transparent 31%),
    #0c1321;
}
.main-area::before { background-image: radial-gradient(circle, rgba(132, 118, 174, .4) .7px, transparent .8px); }
.eyebrow { color: #aa91ff; }
.readonly-badge { color: #95a1b5; background: rgba(17, 26, 43, .78); border-color: #2b3950; }
.section-kicker { color: #8b80b3; }
.upload-center {
  background: linear-gradient(145deg, rgba(20, 29, 48, .98), rgba(15, 23, 40, .98));
  border-color: #303e58;
  box-shadow: 0 22px 55px rgba(0, 0, 0, .22), inset 0 1px 0 rgba(255,255,255,.025);
}
.phase-badge { color: #b99fff; background: var(--purple-soft); border-color: rgba(152,122,255,.22); }
.upload-tab { background: rgba(14, 22, 38, .78); border-color: #2b3950; }
.upload-tab:hover { border-color: #485875; }
.upload-tab.active {
  border-color: #7556ee;
  background: linear-gradient(105deg, rgba(128,92,255,.16), rgba(160,68,238,.05));
  box-shadow: inset 0 0 0 1px rgba(139,105,255,.1), 0 10px 30px rgba(0,0,0,.14);
}
.upload-illustration { color: #a98cff; background: linear-gradient(145deg, rgba(128,92,255,.16), rgba(160,68,238,.1)); }
.drop-frame { border-color: #3a4963; background: rgba(7, 11, 21, .3); }
.workflow-steps span.active { color: white; background: linear-gradient(145deg, #6844ee, #9a3df0); border-color: #8f70ff; }
.stat-card { background: linear-gradient(145deg, #141e31, #10192a); border-color: #293850; }
.stat-card::before { background: #805cff; }
.stat-card:nth-child(3)::before { background: #4b8dff; }
.stat-card:hover { border-color: #3c4c68; box-shadow: 0 14px 34px rgba(0,0,0,.2); }
.stat-icon.purple, .config-icon.purple { color: #a98cff; }
.orders-card { background: linear-gradient(160deg, #131d30, #0f1829); border-color: #2d3c55; box-shadow: 0 22px 60px rgba(0,0,0,.2); }
.orders-card-head { border-bottom-color: #28364d; }
.search-box, .orders-tools select { background: #151f31; border-color: #2b3b53; }
.search-box:focus-within { border-color: #7656ef; box-shadow: 0 0 0 3px rgba(118,86,239,.1); }
th { background: #0f1828; border-bottom-color: #26344b; }
td { border-bottom-color: #202e43; }
.order-row:hover { background: #152033; }
.file-icon { color: #a889ff; }
.order-row:hover .row-open { color: #ac92ff; }
.secondary-button { background: #182337; border-color: #2c3b52; }
.secondary-button:hover { border-color: #7455e9; }
.loading-state span, .loading-panel > span { border-color: #2b3950; border-top-color: #805cff; }
.settings-nav, .settings-content { background: linear-gradient(155deg, #141e31, #101929); border-color: #2b3a52; }
.settings-nav button:hover { background: #192437; }
.settings-nav button.active { color: #f5f2ff; background: linear-gradient(100deg, rgba(128,92,255,.16), rgba(160,68,238,.05)); border-color: rgba(139,105,255,.24); }
.settings-nav button.active span { color: #a98cff; }
.count-badge { color: #b19aff; }
.config-card, .merge-card, .laser-card, .template-card, .analysis-block { background: #172237; border-color: #2d3c54; }
.config-card:hover { border-color: #654fb4; background: #1a263c; }
.inline-note, .drawer-note { color: #a98cff; background: var(--purple-soft); border-color: rgba(139,105,255,.2); }
.inline-note strong, .drawer-note strong, .alias-value { color: #b7a4ff; }
.chip-cloud > span { background: #1a263b; border-color: #33445e; }
.chip-cloud > span.more-chip { color: #aa91ff; border-color: rgba(139,105,255,.24); }
.rule-table { border-color: #314159; }
.rule-table-head { background: #111b2c; }
.rule-row { border-top-color: #27364c; }
.rule-row:hover { background: #192438; }
.order-drawer { background: #0f1728; border-left-color: #34445f; box-shadow: -34px 0 90px rgba(0,0,0,.48); }
.drawer-head { border-bottom-color: #2b3a52; }
.detail-metric, .detail-section { background: #172237; border-color: #2d3c54; }
.download-card { background: #172237; border-color: #293950; }
.download-card:hover { background: #1a263c; border-color: #624dad; }
.download-action { color: #a98cff; background: rgba(136,99,246,.08); }
.toast { background: #182337; border-color: #304058; }

@media (max-width: 820px) {
  .mobile-header { background: #0b1220; border-bottom-color: #1f2c40; }
}

/* Unified production run prototype */
.unified-run-entry { display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 20px; margin-top: 24px; padding: 20px; background: rgba(13,20,36,.76); border: 1px solid #34425c; border-radius: 15px; }
.run-source-lockup { display: flex; align-items: center; gap: 8px; }
.run-connector { color: #69778e; font-size: 14px; font-weight: 800; }
.run-entry-copy strong, .run-entry-copy p { display: block; }
.run-entry-copy strong { font-size: 14px; }
.run-entry-copy p { max-width: 680px; margin: 6px 0 0; color: #7e8ba1; font-size: 10px; line-height: 1.55; }
.run-start-button { position: relative; min-width: 148px; min-height: 46px; display: inline-flex; justify-content: center; align-items: center; gap: 11px; padding: 0 15px 0 12px; color: #e5eaf1; background: rgba(226,232,240,.035); border: 1px solid rgba(203,213,225,.22); border-radius: 11px; box-shadow: inset 0 1px 0 rgba(255,255,255,.035); cursor: pointer; font-size: 11px; font-weight: 800; transition: transform .18s,border-color .18s,background .18s,box-shadow .18s; }
.run-start-button:hover:not(:disabled) { transform: translateY(-1px); color: #fff; background: rgba(226,232,240,.075); border-color: rgba(226,232,240,.34); box-shadow: 0 12px 28px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.05); }
.run-start-button:disabled { color: #727f92; background: rgba(148,163,184,.035); border-color: rgba(148,163,184,.13); box-shadow: none; cursor: not-allowed; }
.run-start-icon { width: 30px; height: 30px; display: grid; place-items: center; flex: none; color: #70d6a7; background: rgba(43,217,161,.075); border: 1px solid rgba(43,217,161,.18); border-radius: 8px; box-shadow: inset 0 1px 0 rgba(255,255,255,.035); transition: color .18s,background .18s,border-color .18s; }
.run-start-icon svg { width: 17px; height: 17px; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.run-start-arrow { margin-left: auto; color: #aeb8c6; font-size: 15px; transition: transform .18s; }
.run-start-button:hover:not(:disabled) .run-start-icon { color: #8be5bb; background: rgba(43,217,161,.105); border-color: rgba(43,217,161,.26); }
.run-start-button:hover:not(:disabled) .run-start-arrow { transform: translateX(2px); }
.run-start-button:disabled .run-start-icon { color: #7e8b9d; background: rgba(148,163,184,.055); border-color: rgba(148,163,184,.14); }
.run-start-button:disabled .run-start-arrow { color: #69768a; }
.run-flow-preview { display: grid; grid-template-columns: repeat(5,1fr); gap: 8px; margin: 14px 0 0; padding: 0; list-style: none; }
.run-flow-preview li { min-height: 42px; display: flex; align-items: center; gap: 9px; padding: 9px 11px; color: #7a879d; background: rgba(13,20,36,.5); border: 1px solid #29364d; border-radius: 10px; font-size: 8px; }
.run-flow-preview li span { width: 20px; height: 20px; display: grid; place-items: center; flex: none; color: #b6a2ff; background: var(--purple-soft); border-radius: 7px; font-weight: 800; }
.run-flow-preview li strong { font-weight: 700; }
.integration-note { display: flex; align-items: center; gap: 8px; margin: 12px 2px 0; color: #68758c; font-size: 8px; }
.integration-note span { color: #a98cff; }

.upload-center.upload-center-compact {
  min-height: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 12px;
  margin-bottom: 24px;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.upload-center.upload-center-compact::before { display: none; }
.upload-center-compact .run-start-button { margin-right: 0; }
.active-production-region { margin: 0 0 24px; }
.active-production-card { min-height: 122px; display: grid; grid-template-columns: minmax(300px,1fr) auto auto auto; align-items: center; gap: 20px; padding: 20px 22px; background: linear-gradient(120deg,rgba(220,227,237,.065),rgba(15,25,42,.96) 46%,rgba(12,22,38,.98)); border: 1px solid rgba(203,213,225,.24); border-radius: 16px; box-shadow: inset 0 1px rgba(255,255,255,.035),0 18px 46px rgba(0,0,0,.15); }
.active-production-copy { min-width: 0; }
.active-production-kicker { display: block; margin-bottom: 9px; color: #9da9b9; font-size: 7px; font-weight: 900; letter-spacing: .14em; white-space: nowrap; }
.active-production-order { min-width: 0; display: flex; align-items: center; gap: 10px; }
.active-production-order > strong { overflow: hidden; color: #eef2f7; text-overflow: ellipsis; white-space: nowrap; font-size: 15px; letter-spacing: -.018em; }
.active-production-order-dot { width: 8px; height: 8px; flex: none; background: #9679ef; border: 2px solid #182338; border-radius: 50%; box-shadow: 0 0 0 3px rgba(128,92,255,.1); }
.active-production-state { flex: none; justify-self: end; }
.active-production-state .status-badge { min-height: 23px; padding: 0 8px; font-size: 7px; }
.active-production-activity { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 10px; margin-top: 9px; color: #8997aa; font-size: 9px; line-height: 1.45; }
.active-production-now { display: inline-flex; align-items: center; gap: 6px; color: #b8c3d1; white-space: nowrap; }
.active-production-now b { font-weight: 750; }
.active-production-pulse { width: 6px; height: 6px; flex: none; background: #4b8dff; border-radius: 50%; box-shadow: 0 0 0 4px rgba(75,141,255,.09); animation: active-production-pulse 1.15s ease-in-out infinite; }
.active-production-stages { min-width: 0; display: flex; align-items: center; flex-wrap: wrap; gap: 6px; }
.active-production-stage { --stage-accent:#bdc7d4; display: inline-flex; align-items: center; gap: 5px; padding: 3px 7px; color: #aeb8c6; background: rgba(189,199,212,.055); border: 1px solid rgba(189,199,212,.12); border-radius: 999px; white-space: nowrap; }
.active-production-stage i { width: 5px; height: 5px; flex: none; background: var(--stage-accent); border-radius: 50%; box-shadow: 0 0 0 3px color-mix(in srgb,var(--stage-accent) 14%,transparent); }
.active-production-stage.labels { --stage-accent:#cbd5e1; color:#cbd5e1; background:rgba(203,213,225,.045); border-color:rgba(203,213,225,.14); }
.active-production-stage.logiprint { --stage-accent:#4b8dff; color:#9ebfff; background:rgba(75,141,255,.065); border-color:rgba(75,141,255,.14); }
.active-production-stage.embroidery { --stage-accent:#9b72ff; color:#c5b2ff; background:rgba(155,114,255,.065); border-color:rgba(155,114,255,.14); }
.active-production-stage.laser { --stage-accent:#f5a94a; color:#e9bb7d; background:rgba(245,169,74,.06); border-color:rgba(245,169,74,.14); }
.active-production-stage.lists { --stage-accent:#bdc7d4; }
.active-production-facts { display: flex; align-items: center; gap: 14px; padding: 0 18px; border-left: 1px solid rgba(203,213,225,.13); border-right: 1px solid rgba(203,213,225,.13); }
.active-production-facts > span:not(.active-production-elapsed) { color: #909daf; font-size: 8px; white-space: nowrap; }
.active-production-facts > span:not(.active-production-elapsed) b { color: #e1e7ee; font-size: 11px; }
.active-production-elapsed { min-width: 74px; display: grid; justify-items: center; gap: 4px; text-align: center; }
.active-production-elapsed small { color: #6f7e93; font-size: 7px; white-space: nowrap; }
.active-production-elapsed strong { color: #dce3ed; font-size: 11px; font-variant-numeric: tabular-nums; }
.active-production-open { min-height: 40px; display: inline-flex; align-items: center; justify-content: center; gap: 11px; padding: 0 15px; color: #dce3ec; background: rgba(220,227,237,.025); border: 1px solid rgba(203,213,225,.2); border-radius: 10px; cursor: pointer; font-size: 8px; font-weight: 800; white-space: nowrap; transition: color .16s,background .16s,border-color .16s,transform .16s; }
.active-production-open:hover { transform: translateY(-1px); color: #fff; background: rgba(220,227,237,.065); border-color: rgba(220,227,237,.34); }
.active-production-open span { font-size: 13px; }
@keyframes active-production-pulse { 0%,100% { opacity:.45; transform:scale(.82); } 50% { opacity:1; transform:scale(1.08); box-shadow:0 0 0 5px rgba(75,141,255,.13); } }

.run-wizard-backdrop { position: fixed; inset: 0; z-index: 120; background: rgba(2,5,12,.76); overscroll-behavior: contain; }
.run-wizard { position: fixed; inset: 3vh 50% auto auto; z-index: 130; width: min(1120px, calc(100vw - 36px)); height: 94vh; height: 94dvh; display: grid; grid-template-rows: auto auto minmax(0,1fr) auto; color: var(--text); background: #0e1626; border: 1px solid #35445f; border-radius: 22px; box-shadow: 0 40px 120px rgba(0,0,0,.62); opacity: 0; pointer-events: none; transform: translateX(50%) translateY(10px) scale(.99); transition: opacity .2s, transform .2s; overflow: hidden; }
.run-wizard.open { opacity: 1; pointer-events: auto; transform: translateX(50%); }
.run-wizard.is-closing { cursor: progress; }
.run-wizard.is-closing > :not(.wizard-closing-shield) { pointer-events: none; user-select: none; }
.wizard-closing-shield { position: absolute; inset: 0; z-index: 20; display: grid; place-items: center; padding: 24px; background: rgba(6,13,24,.84); backdrop-filter: blur(4px); }
.wizard-closing-card { width: min(360px,calc(100% - 32px)); display: grid; grid-template-columns: 28px minmax(0,1fr); align-items: center; gap: 13px; padding: 17px 18px; color: #c9d4df; background: rgba(17,29,47,.96); border: 1px solid rgba(203,213,225,.22); border-radius: 13px; box-shadow: 0 20px 55px rgba(0,0,0,.32); }
.wizard-closing-card .loading-pip { width: 9px; height: 9px; color: #6fdec0; background: #30d1a6; box-shadow: 0 0 0 6px rgba(48,209,166,.09); }
.wizard-closing-card strong, .wizard-closing-card small { display: block; }
.wizard-closing-card strong { color: #eef5f3; font-size: 11px; }
.wizard-closing-card small { margin-top: 5px; color: #81929f; font-size: 8px; line-height: 1.55; }
.run-wizard-head { min-height: 90px; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 22px 28px; border-bottom: 1px solid #29374e; }
.run-wizard-head h2 { margin: 6px 0 4px; font-size: 24px; letter-spacing: -.035em; }
.run-wizard-head p { margin: 0; color: #77859b; font-size: 10px; }
.run-wizard-steps { display: grid; grid-template-columns: repeat(var(--run-step-count,6),1fr); padding: 14px 24px; background: #101a2b; border-bottom: 1px solid #28364c; }
.run-wizard-steps > span { position: relative; display: flex; align-items: center; gap: 8px; color: #5f6c81; font-size: 8px; font-weight: 700; }
.run-wizard-steps > span:not(:last-child)::after { content: ""; position: absolute; right: 8px; width: 28px; height: 1px; background: #303d53; }
.run-wizard-steps i { width: 23px; height: 23px; display: grid; place-items: center; flex: none; border: 1px solid #34435d; border-radius: 50%; font-size: 8px; font-style: normal; }
.run-wizard-steps .active { color: #d8d1ff; }
.run-wizard-steps .active i { color: white; background: #7556ee; border-color: #967cff; box-shadow: 0 0 0 5px rgba(128,92,255,.1); }
.run-wizard-steps .done { color: #9b8ed2; }
.run-wizard-steps .done i { color: #bdaeff; background: var(--purple-soft); border-color: rgba(151,123,255,.35); }
.run-wizard-body { overflow: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; padding: 28px; touch-action: pan-y; }
.run-wizard-foot { min-height: 72px; display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 15px 28px; background: #101a2b; border-top: 1px solid #29374e; }
.run-wizard-foot .primary-button { min-height: 42px; padding: 0 18px; font-size: 10px; }
.run-wizard-foot .primary-button:disabled { opacity: .38; cursor: not-allowed; }
.run-wizard-foot .primary-button.wizard-start-button { color: #78dfbf; background: rgba(48,209,166,.065); border: 1px solid rgba(48,209,166,.24); box-shadow: none; }
.run-wizard-foot .primary-button.wizard-start-button:hover { color: #a9f0db; background: rgba(48,209,166,.11); border-color: rgba(48,209,166,.38); filter: none; }
.wizard-foot-actions { display: flex; justify-content: flex-end; gap: 9px; }
.wizard-safety { color: #68758b; font-size: 8px; }
.wizard-foot-note { display: inline-flex; align-items: center; color: #8290a5; font-size: 8px; }
.wizard-copyright { color: #6f7c90; letter-spacing: .01em; }
.wizard-intro { max-width: 780px; margin-bottom: 22px; }
.wizard-kicker { color: #a68dff; font-size: 8px; font-weight: 800; letter-spacing: .14em; }
.wizard-intro h3 { margin: 9px 0 8px; font-size: 25px; letter-spacing: -.035em; }
.wizard-intro p { margin: 0; color: #7f8da3; font-size: 10px; line-height: 1.65; }
.wizard-intro-title-row { display: flex; align-items: center; gap: 12px; margin: 9px 0 8px; }
.wizard-intro-title-row h3 { margin: 0; }
.wizard-intro-icon { width: 42px; height: 42px; display: flex; align-items: center; justify-content: center; flex: none; background: rgba(220,227,237,.055); border: 1px solid rgba(203,213,225,.19); border-radius: 11px; }
.wizard-intro-icon .wizard-intro-capability-icon { width: 27px; height: 27px; display: block; }
.wizard-intro-icon.amazon-files { position: relative; width: 52px; justify-content: center; padding: 0 3px; }
.wizard-intro-icon.amazon-files .wizard-intro-list-icon { width: 25px; height: 25px; display: block; margin-left: -5px; padding: 3px; background: #172238; border: 1px solid rgba(203,213,225,.18); border-radius: 8px; }
.run-mode-intro { max-width: 900px; }
.run-mode-choice { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; margin-top: 8px; }
.run-mode-choice button { min-height: 154px; display: grid; grid-template-columns: 90px minmax(0,1fr); grid-template-rows: 1fr auto; gap: 12px 17px; padding: 24px; color: #d8e0ed; text-align: left; background: linear-gradient(145deg,#172238,#111b2d); border: 1px solid #34445f; border-radius: 17px; cursor: pointer; transition: border-color .16s ease,transform .16s ease,box-shadow .16s ease; }
.run-mode-choice button[data-action="mode-amazon"] { grid-template-columns: 50px minmax(0,1fr); column-gap: 12px; }
.run-mode-choice button[data-action="mode-amazon"] .run-mode-icon { width: 50px; justify-content: flex-start; }
.run-mode-choice button[data-action="mode-amazon"] .run-mode-icon .marketplace-brand-group { justify-content: flex-start; }
.run-mode-choice button:hover, .run-mode-choice button:focus-visible { transform: translateY(-2px); border-color: #8d70ff; box-shadow: 0 18px 42px rgba(38,24,92,.24); outline: none; }
.run-mode-choice button > div { min-width: 0; }
.run-mode-choice small, .run-mode-choice strong, .run-mode-choice p { display: block; }
.run-mode-choice small { color: #a995ff; font-size: 8px; font-weight: 800; letter-spacing: .13em; }
.run-mode-choice strong { margin-top: 8px; color: #f7f5ff; font-size: 17px; letter-spacing: -.02em; }
.run-mode-choice button > div > strong:first-child { margin-top: 0; }
.run-mode-choice p { margin: 7px 0 0; color: #8492a8; font-size: 9px; line-height: 1.5; }
.run-mode-choice em { grid-column: 2; color: #bbaaff; font-size: 9px; font-style: normal; font-weight: 800; }
.run-mode-icon { grid-row: 1 / 3; width: 90px; min-height: 52px; display: flex; align-items: flex-start; justify-content: center; padding-top: 1px; }
.run-mode-icon .marketplace-brand-group { justify-content: center; }
.wizard-section-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; }
.wizard-section-head h3 { margin: 0; font-size: 12px; }
.wizard-section-head p { margin: 5px 0 0; color: #6e7c92; font-size: 8px; }
.wizard-section-head > span { color: #7e8ca2; font-size: 8px; }

.amazon-input-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.amazon-batch-picker { position: relative; min-height: 88px; display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 16px; margin-bottom: 12px; padding: 16px 18px; color: inherit; background: linear-gradient(135deg,rgba(220,227,237,.045),rgba(17,27,45,.96)); border: 1px solid rgba(203,213,225,.22); border-radius: 14px; cursor: pointer; }
.amazon-batch-picker:hover { border-color: rgba(220,227,237,.38); box-shadow: 0 12px 32px rgba(0,0,0,.13); }
.amazon-batch-picker.disabled { opacity: .62; cursor: wait; }
.amazon-batch-picker input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.amazon-batch-picker small, .amazon-batch-picker strong, .amazon-batch-picker p { display: block; }
.amazon-batch-picker small { color: #aeb9c8; font-size: 7px; font-weight: 800; letter-spacing: .13em; }
.amazon-batch-picker strong { margin-top: 6px; font-size: 13px; }
.amazon-batch-picker p { margin: 6px 0 0; color: #748198; font-size: 8px; line-height: 1.5; }
.amazon-batch-picker .file-choose { color: #d8dfe8; background: rgba(220,227,237,.06); border: 1px solid rgba(203,213,225,.22); }
.amazon-batch-error { display: flex; align-items: flex-start; gap: 10px; margin: 0 0 12px; padding: 11px 13px; color: #ffb5bf; background: rgba(255,102,123,.08); border: 1px solid rgba(255,102,123,.24); border-radius: 10px; }
.amazon-batch-error span { font-weight: 900; }
.amazon-batch-error p { margin: 0; font-size: 8px; line-height: 1.5; }
.amazon-assignment-panel { display: grid; gap: 9px; margin: 0 0 12px; padding: 15px; background: #121c2e; border: 1px solid rgba(151,123,255,.34); border-radius: 13px; }
.amazon-assignment-panel > div > strong { font-size: 10px; }
.amazon-assignment-panel > div > p { margin: 5px 0 0; color: #718097; font-size: 8px; }
.amazon-assignment-row { display: grid; grid-template-columns: minmax(0,1fr) minmax(190px,auto); align-items: center; gap: 14px; padding: 11px 12px; background: #151f32; border: 1px solid #2c3a51; border-radius: 10px; }
.amazon-assignment-row small, .amazon-assignment-row strong, .amazon-assignment-row p { display: block; }
.amazon-assignment-row small { color: #748198; font-size: 6px; font-weight: 800; letter-spacing: .1em; }
.amazon-assignment-row strong { margin-top: 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 9px; }
.amazon-assignment-row p { margin: 4px 0 0; color: #66748a; font-size: 7px; }
.amazon-assignment-row select { min-height: 36px; padding: 0 30px 0 11px; color: #e9e5f7; background: #10192a; border: 1px solid #40506b; border-radius: 8px; font-size: 8px; }
.amazon-assignment-panel > button { justify-self: end; min-height: 36px; padding: 0 14px; color: white; background: #7556ee; border: 0; border-radius: 9px; font-size: 8px; font-weight: 800; cursor: pointer; }
.amazon-assignment-panel > button:disabled { opacity: .4; cursor: not-allowed; }
.input-file-card { position: relative; min-height: 106px; display: grid; grid-template-columns: 42px minmax(0,1fr) auto; align-items: center; gap: 14px; padding: 16px; color: inherit; background: #151f32; border: 1px dashed #40506b; border-radius: 13px; cursor: pointer; }
.input-file-card:hover { border-color: #7556ee; }
.input-file-card.ready { border-style: solid; border-color: rgba(43,217,161,.28); cursor: default; }
.amazon-role-status-grid .input-file-card.ready { border-color: rgba(203,213,225,.24); background: linear-gradient(135deg,rgba(222,229,239,.045),#151f32); }
.input-file-card.waiting { cursor: default; }
.input-file-card.waiting:hover { border-color: #40506b; }
.amazon-role-status-grid .input-file-card.waiting { border-color: rgba(203,213,225,.22); background: linear-gradient(135deg,rgba(222,229,239,.035),#151f32); }
.amazon-role-status-grid .input-file-card.waiting:hover { border-color: rgba(203,213,225,.22); }
.input-file-card.uploading { border-style: solid; border-color: rgba(203,213,225,.28); background: linear-gradient(135deg,rgba(220,227,237,.05),#151f32); cursor: progress; }
.input-file-card.upload-error { border-style: solid; border-color: rgba(255,102,123,.48); }
.input-file-card input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.file-state { width: 42px; height: 42px; display: grid; place-items: center; color: #a98cff; background: var(--purple-soft); border-radius: 11px; font-size: 18px; }
.input-file-card.ready .file-state { color: var(--green); background: var(--green-soft); }
.amazon-role-status-grid .input-file-card.ready .file-state { color: #e2e7ef; background: rgba(220,227,237,.075); border: 1px solid rgba(203,213,225,.16); }
.amazon-role-status-grid .input-file-card.ready .file-upload-status { color: #aeb9c8; }
.amazon-role-status-grid .input-file-card.waiting .file-state { color: #dce3ed; background: rgba(220,227,237,.075); border: 1px solid rgba(203,213,225,.16); }
.amazon-role-status-grid .input-file-card.waiting .file-upload-status { color: #aeb9c8; }
.amazon-role-status-grid .input-file-card.uploading .file-state { color: #e2e7ef; background: rgba(220,227,237,.075); border: 1px solid rgba(203,213,225,.18); }
.input-file-card.upload-error .file-state { color: #ff667b; background: rgba(255,102,123,.1); }
.input-file-card small, .input-file-card strong, .input-file-card p { display: block; }
.input-file-card small { color: #738096; font-size: 7px; font-weight: 800; letter-spacing: .08em; }
.input-file-card strong { max-width: 360px; margin-top: 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; }
.input-file-card p { margin: 6px 0 0; color: #67758b; font-size: 8px; }
.file-choose, .input-file-card > button { padding: 7px 10px; color: #baa9ff; background: var(--purple-soft); border: 0; border-radius: 8px; font-size: 8px; font-weight: 800; cursor: pointer; }
.input-file-card.upload-error > button[data-action="upload-retry"] { color: #dce3ec; background: rgba(220,227,237,.07); border: 1px solid rgba(203,213,225,.24); }
.input-file-card.upload-error > button[data-action="upload-retry"]:hover { color: #fff; background: rgba(220,227,237,.11); border-color: rgba(220,227,237,.38); }
.input-file-card .upload-cancel { color: #ffb0ba; background: rgba(255,102,123,.1); border: 1px solid rgba(255,102,123,.2); }
.input-file-card .upload-cancel:hover { background: rgba(255,102,123,.17); }
.upload-progress-track { grid-column: 2; height: 4px; overflow: hidden; background: rgba(203,213,225,.11); border-radius: 999px; }
.upload-progress-track i { display: block; width: 0; height: 100%; background: linear-gradient(90deg,#aeb9c8,#e1e6ed); border-radius: inherit; transition: width .2s ease; }
.file-upload-status { grid-column: 3; color: #aeb9c8; font-size: 8px; font-weight: 800; letter-spacing: .02em; text-align: right; white-space: nowrap; }
.upload-spinner { width: 18px; height: 18px; border: 2px solid rgba(203,213,225,.2); border-top-color: #dce3ed; border-radius: 50%; animation: bimo-upload-spin .75s linear infinite; }
@keyframes bimo-upload-spin { to { transform: rotate(360deg); } }
.upload-footer-status { display: inline-flex; align-items: center; gap: 9px; color: #aeb9c8; font-size: 8px; font-weight: 800; }
.preflight-checking-stage { min-height: 196px; display: grid; grid-template-columns: 74px minmax(0,560px); align-items: center; justify-content: center; gap: 26px; margin-top: 18px; padding: 32px; text-align: left; background: linear-gradient(135deg,rgba(220,227,237,.04),rgba(17,27,45,.96)); border: 1px solid rgba(203,213,225,.22); border-radius: 16px; box-shadow: inset 0 1px rgba(255,255,255,.025),0 18px 50px rgba(0,0,0,.13); }
.label-checking-stage { grid-template-columns: 18px minmax(0,560px) 78px; }
.label-checking-copy { min-width: 0; }
.label-checking-copy small, .label-checking-copy h3, .label-checking-copy p { display: block; }
.label-checking-copy small { color: #b5bfcc; font-size: 8px; font-weight: 900; letter-spacing: .14em; }
.label-checking-copy h3 { margin: 8px 0 7px; color: #edf1f6; font-size: 17px; letter-spacing: -.025em; }
.label-checking-copy p { max-width: 560px; margin: 0; color: #9aa7ba; font-size: 10px; line-height: 1.55; }
.label-checking-side { min-width: 72px; display: grid; justify-items: center; gap: 7px; padding-left: 18px; color: #aab5c4; border-left: 1px solid rgba(203,213,225,.14); }
.label-checking-side time { color: #dce3ec; font-size: 11px; font-weight: 800; font-variant-numeric: tabular-nums; }
.preflight-checking-stage .label-checking-side small { color: #6f7f95; font-size: 7px; font-weight: 750; letter-spacing: .04em; white-space: nowrap; }
.label-checking-pulse { width: 10px; height: 10px; display: block; background: #4b8dff; border: 2px solid #182338; border-radius: 50%; box-shadow: 0 0 0 5px rgba(75,141,255,.1); animation: label-checking-pulse 1.45s ease-in-out infinite; }
.label-checking-hourglass { width: 34px; height: 34px; display: grid; place-items: center; color: #6fa7ff; background: rgba(75,141,255,.065); border: 1px solid rgba(75,141,255,.2); border-radius: 10px; animation: label-checking-hourglass-breathe 1.8s ease-in-out infinite; }
.label-checking-hourglass svg { width: 18px; height: 18px; stroke: currentColor; stroke-width: 1.45; stroke-linecap: round; stroke-linejoin: round; }
@keyframes label-checking-pulse { 0%,100% { opacity:.48; transform:scale(.82); box-shadow:0 0 0 4px rgba(75,141,255,.07); } 50% { opacity:1; transform:scale(1.05); box-shadow:0 0 0 6px rgba(75,141,255,.13); } }
@keyframes label-checking-hourglass-breathe { 0%,100% { opacity:.72; transform:translateY(1px); } 50% { opacity:1; transform:translateY(-1px); } }
.label-diagnostic-mark { position: relative; width: 70px; height: 70px; display: grid; place-items: center; flex: none; color: #dce3ed; background: rgba(220,227,237,.055); border: 1px solid rgba(203,213,225,.22); border-radius: 18px; }
.label-diagnostic-mark .label-diagnostic-icon { width: 34px; height: 34px; display: block; opacity: .9; }
.label-diagnostic-mark > i { position: absolute; right: 8px; bottom: 8px; width: 12px; height: 12px; display: grid; place-items: center; color: #111b2d; background: #dfe5ed; border: 3px solid #172238; border-radius: 50%; font-size: 7px; font-style: normal; font-weight: 900; }
.label-diagnostic-mark.ready > i { width: 20px; height: 20px; right: 5px; bottom: 5px; }
.diagnostic-dots { position: absolute; left: 50%; bottom: 6px; display: inline-flex; align-items: center; gap: 3px; padding: 3px 5px; background: #172238; border-radius: 999px; transform: translateX(-50%); }
.diagnostic-dots > i { width: 4px; height: 4px; display: block; background: #dfe5ed; border-radius: 50%; opacity: .32; animation: diagnostic-dot-pulse 1.6s ease-in-out infinite; }
.diagnostic-dots > i:nth-child(2) { animation-delay: .2s; }
.diagnostic-dots > i:nth-child(3) { animation-delay: .4s; }
.diagnostic-dots.compact { position: static; padding: 0; background: none; transform: none; }
.diagnostic-dots.compact > i { width: 5px; height: 5px; }
@keyframes diagnostic-dot-pulse { 0%,100% { opacity: .28; transform: scale(.82); } 50% { opacity: 1; transform: scale(1); } }
@media (prefers-reduced-motion: reduce) {
  .diagnostic-dots > i { animation: none; opacity: .72; }
  .active-production-pulse { animation: none; opacity: 1; transform: none; }
  .label-checking-pulse, .label-checking-hourglass { animation: none; opacity: 1; transform: none; }
}
.preflight-checking-stage small, .preflight-checking-stage h3, .preflight-checking-stage p, .preflight-checking-stage em { display: block; }
.preflight-checking-stage small { color: #b5bfcc; font-size: 8px; font-weight: 900; letter-spacing: .14em; }
.preflight-checking-stage h3 { margin: 8px 0 7px; font-size: 17px; letter-spacing: -.025em; }
.preflight-checking-stage p { margin: 0; color: #9aa7ba; font-size: 10px; line-height: 1.55; }
.preflight-checking-stage em { margin-top: 11px; color: #69778e; font-size: 8px; font-style: normal; line-height: 1.5; }
.preflight-card { min-height: 72px; display: flex; align-items: center; gap: 14px; margin-top: 12px; padding: 14px 16px; background: #121c2e; border: 1px solid #2c3b52; border-radius: 12px; }
.preflight-state { width: 34px; height: 34px; display: grid; place-items: center; flex: none; color: #8491a6; background: #1a2639; border-radius: 10px; font-size: 9px; font-weight: 800; }
.preflight-card.ready .preflight-state { color: var(--amber); background: var(--amber-soft); }
.preflight-card strong { font-size: 10px; }
.preflight-card p { margin: 5px 0 0; color: #6f7d92; font-size: 8px; }
.preflight-state.review { width: auto; min-width: 58px; padding: 0 9px; color: var(--amber); }
.preflight-ready-summary { display: grid; grid-template-columns: 54px minmax(0,1fr) auto; align-items: center; gap: 18px; margin-top: 16px; padding: 20px; background: linear-gradient(110deg,rgba(43,217,161,.105),#111c2e 58%); border: 1px solid rgba(43,217,161,.3); border-radius: 15px; }
.preflight-ready-check { width: 54px; height: 54px; display: grid; place-items: center; color: #092a23; background: var(--green); border-radius: 16px; box-shadow: 0 0 0 7px rgba(43,217,161,.07); font-size: 22px; font-weight: 900; }
.preflight-ready-copy small, .preflight-ready-copy h3, .preflight-ready-copy p { display: block; }
.preflight-ready-copy small { color: var(--green); font-size: 7px; font-weight: 900; letter-spacing: .13em; }
.preflight-ready-copy h3 { margin: 7px 0 5px; font-size: 15px; letter-spacing: -.02em; }
.preflight-ready-copy p { margin: 0; color: #8290a5; font-size: 9px; }
.preflight-ready-counts { display: grid; grid-template-columns: repeat(3,minmax(92px,1fr)); gap: 8px; }
.preflight-ready-counts span { min-height: 58px; display: flex; flex-direction: column; justify-content: center; padding: 10px 12px; background: rgba(11,25,39,.56); border: 1px solid rgba(77,105,121,.35); border-radius: 10px; }
.preflight-ready-counts strong, .preflight-ready-counts small { display: block; }
.preflight-ready-counts strong { color: #f3f7f7; font-size: 17px; }
.preflight-ready-counts small { margin-top: 4px; color: #728397; font-size: 7px; }
.preflight-problems { margin-top: 10px; padding: 14px; background: var(--amber-soft); border: 1px solid rgba(246,185,75,.22); border-radius: 11px; }
.preflight-problems > strong { color: #e4c27b; font-size: 9px; }
.preflight-problems ul { display: flex; flex-wrap: wrap; gap: 8px; margin: 10px 0 0; padding: 0; list-style: none; }
.preflight-problems li { padding: 7px 9px; color: #bba77e; background: rgba(246,185,75,.07); border-radius: 7px; font-size: 8px; }
.preflight-contract { margin-top: 12px; padding: 15px; background: #101a2b; border: 1px solid #2b3950; border-radius: 12px; }
.preflight-states { display: grid; grid-template-columns: repeat(7,1fr); gap: 6px; margin-top: 13px; }
.preflight-states span { padding: 7px 4px; color: #657287; text-align: center; background: #151f31; border: 1px solid #2a384f; border-radius: 7px; font-size: 6px; font-weight: 800; }
.preflight-states span.active { color: #e2d9ff; background: var(--purple-soft); border-color: rgba(139,105,255,.35); }
.preflight-capabilities { display: grid; grid-template-columns: repeat(3,1fr); gap: 7px; margin-top: 9px; }
.preflight-capabilities > div { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 9px 10px; background: #141e30; border-radius: 8px; }
.preflight-capabilities span { color: #728096; font-size: 6px; }
.preflight-capabilities strong { font-size: 6px; }
.preflight-capabilities .verified { color: var(--green); }
.preflight-capabilities .unavailable { color: #78859a; }
.hard-gate-grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: 10px; margin-top: 10px; }
.hard-gate-grid > div, .hard-gate-grid aside { padding: 12px; background: #141e30; border: 1px solid #29374e; border-radius: 9px; }
.hard-gate-grid h4 { margin: 0 0 8px; color: #b8c0ce; font-size: 8px; }
.hard-gate-grid ul { display: grid; gap: 6px; margin: 0; padding: 0; list-style: none; }
.hard-gate-grid li { display: grid; grid-template-columns: 18px 1fr; gap: 7px; align-items: center; }
.hard-gate-grid li > span { width: 18px; height: 18px; display: grid; place-items: center; color: #7a879c; background: #1b273a; border-radius: 6px; font-size: 7px; }
.hard-gate-grid li strong, .hard-gate-grid li small { display: block; }
.hard-gate-grid li strong { font-size: 7px; }
.hard-gate-grid li small { margin-top: 2px; color: #647187; font-size: 6px; }
.hard-gate-grid aside strong { display: block; color: var(--amber); font-size: 7px; }
.hard-gate-grid aside p { margin: 4px 0 10px; color: #6c798e; font-size: 7px; line-height: 1.5; }
.hard-gate-grid aside p:last-child { margin-bottom: 0; }
.hard-gate-grid code { color: #998ad0; font-size: 6px; }

.store-choice { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 14px; }
.store-choice button { min-height: 72px; display: grid; grid-template-columns: 32px 1fr; grid-template-rows: auto auto; column-gap: 11px; padding: 13px; color: #8c99ad; text-align: left; background: #141e30; border: 1px solid #2d3b52; border-radius: 12px; cursor: pointer; }
.store-choice button:hover, .store-choice button.active { color: #f4f1ff; border-color: #7255dd; background: rgba(128,92,255,.1); }
.store-choice button > span { grid-row: 1 / 3; width: 32px; height: 32px; display: grid; place-items: center; color: #ad95ff; background: var(--purple-soft); border-radius: 9px; font-size: 15px; }
.store-choice strong { font-size: 10px; }
.store-choice small { margin-top: 4px; color: #6e7b90; font-size: 8px; }
.store-selection { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.store-selection-toolbar { min-height: 70px; display: flex; align-items: center; justify-content: flex-start; gap: 18px; margin-bottom: 11px; padding: 14px 16px; background: rgba(128,92,255,.075); border: 1px solid rgba(151,123,255,.25); border-radius: 11px; }
.store-selection-toolbar strong, .store-selection-toolbar small { display: block; }
.store-selection-toolbar strong { font-size: 12px; }
.store-selection-toolbar small { margin-top: 5px; color: #8d99ac; font-size: 9px; }
.store-selection-toolbar button, .store-block-head > button { min-height: 30px; padding: 0 11px; color: #c6b7ff; background: rgba(128,92,255,.12); border: 1px solid rgba(151,123,255,.28); border-radius: 8px; font-size: 8px; font-weight: 800; cursor: pointer; }
.store-selection-toolbar button:hover, .store-block-head > button:hover { color: #fff; background: rgba(128,92,255,.2); }
.store-block { overflow: hidden; background: #131d2f; border: 1px solid #2d3b53; border-radius: 13px; }
.store-block-head { min-height: 68px; display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 13px 15px; border-bottom: 1px solid #27354c; }
.store-block-head > div { display: flex; align-items: center; gap: 11px; min-width: 0; }
.store-provider { width: 38px; height: 38px; display: grid; place-items: center; flex: none; }
.store-block-head strong, .store-block-head small { display: block; }
.store-block-head strong { font-size: 12px; }
.store-block-head small { max-width: 280px; margin-top: 5px; overflow: hidden; color: #7d8ba0; text-overflow: ellipsis; white-space: nowrap; font-size: 8px; }
.store-block-head > span { color: #758399; font-size: 8px; }
.store-orders { padding: 8px 12px; }
.store-orders label { min-height: 96px; display: grid; grid-template-columns: 22px minmax(0,1fr) auto; align-items: start; gap: 12px; padding: 13px 8px; border-bottom: 1px solid #232f44; border-radius: 10px; cursor: pointer; transition: background .16s ease; }
.store-orders label:hover, .store-orders label.selected { background: rgba(128,92,255,.055); }
.store-orders label:last-child { border-bottom: 0; }
.store-orders input { width: 15px; height: 15px; accent-color: #805cff; }
.store-orders strong, .store-orders small { display: block; }
.store-orders strong { margin-top: 3px; font-size: 12px; }
.store-orders small { margin-top: 4px; color: #7f8ca0; font-size: 8px; }
.store-orders em { margin-top: 2px; color: #8d9aaf; font-size: 8px; font-style: normal; text-transform: uppercase; }
.marketplace-order-label { margin: 0 !important; color: #9c8be0 !important; font-size: 7px !important; font-weight: 900; letter-spacing: .09em; }
.marketplace-order-meta { display: flex; flex-wrap: wrap; gap: 5px 14px; margin-top: 8px; }
.marketplace-order-meta i { display: grid; gap: 2px; color: #b1bac8; font-size: 8px; font-style: normal; }
.marketplace-order-meta b { color: #718097; font-size: 6px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.store-orders label > em { min-width: 48px; padding: 6px 8px; text-align: center; background: #182438; border-radius: 7px; }
.store-orders label.selected > em { color: #c9bbff; background: rgba(128,92,255,.14); }
.marketplace-order-card > input { margin-top: 7px; }
.marketplace-order-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.marketplace-order-heading > span:first-child { min-width: 0; }
.marketplace-order-route, .marketplace-route-badge { display: inline-flex; align-items: center; justify-content: center; align-self: flex-start; min-height: 24px; padding: 0 9px; border: 1px solid; border-radius: 999px; font-size: 7px; font-weight: 850; white-space: nowrap; }
.marketplace-order-route.automatic, .marketplace-route-badge.automatic { color: #5ce6bc; background: rgba(38,207,157,.1); border-color: rgba(38,207,157,.3); }
.marketplace-order-route.manual, .marketplace-route-badge.manual { color: #9bc9ff; background: rgba(79,147,255,.1); border-color: rgba(79,147,255,.3); }
.marketplace-order-route.needs_review, .marketplace-route-badge.needs_review { color: #ff9aab; background: rgba(255,94,122,.1); border-color: rgba(255,94,122,.32); }
.marketplace-order-route.mixed, .marketplace-route-badge.mixed { color: #c5b5ff; background: rgba(128,92,255,.12); border-color: rgba(151,123,255,.34); }
.marketplace-order-route.unavailable { color: #9aa6b8; background: rgba(117,132,153,.08); border-color: #34435a; }
.marketplace-order-route.mixed { color: #c8baff; background: rgba(128,92,255,.12); border-color: rgba(151,123,255,.32); }
.marketplace-order-route.unavailable { color: #93a0b4; background: rgba(117,132,153,.1); border-color: rgba(117,132,153,.26); }
.marketplace-route-items { display: grid; gap: 7px; margin-top: 12px; }
.marketplace-route-item { display: grid; grid-template-columns: minmax(0,1fr); gap: 7px 12px; padding: 10px 11px; background: rgba(8,15,27,.32); border: 1px solid #28374d; border-radius: 9px; }
.marketplace-route-item.with-route-badge { grid-template-columns: minmax(0,1fr) auto; }
.marketplace-route-item > div:first-child strong, .marketplace-route-item > div:first-child small { display: block; }
.marketplace-route-item > div:first-child strong { margin-top: 3px; font-size: 10px; }
.marketplace-route-item > div:first-child small { max-width: 430px; margin-top: 4px; color: #8190a6; font-size: 8px; line-height: 1.4; }
.marketplace-route-kind { color: #8d78d7; font-size: 6px; font-weight: 900; letter-spacing: .1em; }
.marketplace-route-meta { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 7px 12px; padding-top: 7px; border-top: 1px solid #253349; }
.marketplace-route-meta > span { min-width: 0; overflow-wrap: anywhere; color: #aeb8c8; font-size: 8px; }
.marketplace-route-meta b { display: block; margin-bottom: 3px; color: #65758c; font-size: 6px; text-transform: uppercase; }
.marketplace-route-meta .source-sku-missing { color: #8d99ac; font-style: italic; }
.marketplace-route-meta .marketplace-addon-note { align-self: end; color: #8fc4ff; font-weight: 800; }
.marketplace-route-unavailable { margin-top: 10px; padding: 9px 11px; color: #8c9ab0; background: rgba(117,132,153,.07); border: 1px dashed #34435a; border-radius: 8px; font-size: 8px; }
.marketplace-route-overview { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; margin-left: auto; }
.marketplace-route-overview span { display: inline-flex; align-items: center; gap: 5px; padding: 6px 9px; color: #9aa6b8; background: #172237; border: 1px solid #2d3b52; border-radius: 999px; font-size: 7px; font-weight: 750; }
.marketplace-route-overview b { color: #f1f3f7; font-size: 9px; }
.marketplace-route-overview .automatic { border-color: rgba(38,207,157,.25); }
.marketplace-route-overview .manual { color: #9bc9ff; background: rgba(79,147,255,.075); border-color: rgba(79,147,255,.28); }
.marketplace-route-overview .needs_review { border-color: rgba(255,94,122,.28); }
.marketplace-route-overview .mixed { border-color: rgba(151,123,255,.32); }
.marketplace-preview-warning { display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 11px; margin-bottom: 11px; padding: 11px 13px; color: #d8deea; background: rgba(245,166,35,.08); border: 1px solid rgba(245,166,35,.28); border-radius: 10px; }
.marketplace-preview-warning > span { color: #f4bc66; font-size: 16px; font-weight: 900; }
.marketplace-preview-warning strong, .marketplace-preview-warning small { display: block; }
.marketplace-preview-warning strong { font-size: 9px; }
.marketplace-preview-warning small { margin-top: 3px; color: #9ca8ba; font-size: 8px; }
.marketplace-preview-warning button { min-height: 30px; padding: 0 11px; color: #f4c27a; background: rgba(245,166,35,.1); border: 1px solid rgba(245,166,35,.28); border-radius: 8px; font-size: 8px; font-weight: 800; cursor: pointer; }
.selection-summary { display: flex; justify-content: space-between; gap: 12px; margin-top: 11px; padding: 12px 14px; color: #aa98e9; background: var(--purple-soft); border-radius: 10px; font-size: 8px; }

.marketplace-bulk-upload-card { position: relative; min-height: 112px; display: grid; grid-template-columns: 48px minmax(0,1fr) auto; align-items: center; gap: 14px; padding: 18px; color: #dce4ee; background: linear-gradient(135deg,rgba(220,227,237,.045),rgba(17,27,45,.95)); border: 1px solid rgba(203,213,225,.24); border-radius: 14px; cursor: pointer; }
.marketplace-bulk-upload-card input { position: absolute; width: 1px; height: 1px; overflow: hidden; opacity: 0; pointer-events: none; }
.marketplace-bulk-upload-card > div > small, .marketplace-bulk-upload-card > div > strong, .marketplace-bulk-upload-card > div > p { display: block; }
.marketplace-bulk-upload-card > div > small { color: #aeb9c8; font-size: 7px; font-weight: 900; letter-spacing: .11em; }
.marketplace-bulk-upload-card > div > strong { margin-top: 6px; font-size: 12px; overflow-wrap: anywhere; }
.marketplace-bulk-upload-card > div > p { margin: 6px 0 0; color: #8292a8; font-size: 8px; line-height: 1.5; }
.marketplace-bulk-upload-icon { width: 46px; height: 46px; display: grid; place-items: center; color: #dce3ed; background: rgba(220,227,237,.065); border: 1px solid rgba(203,213,225,.2); border-radius: 12px; font-size: 19px; font-weight: 900; }
.marketplace-bulk-upload-icon .marketplace-bulk-label-icon { width: 28px; height: 28px; display: block; }
.marketplace-bulk-upload-card .file-choose { min-height: 32px; display: inline-flex; align-items: center; padding: 0 12px; color: #d8dfe8; background: rgba(220,227,237,.06); border: 1px solid rgba(203,213,225,.22); border-radius: 8px; font-size: 8px; font-weight: 850; }
.marketplace-bulk-upload-card .upload-cancel { min-height: 34px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; padding: 0 12px; color: #a7b5c8; background: rgba(12,21,36,.42); border: 1px solid rgba(132,150,175,.25); border-radius: 9px; font-size: 8px; font-weight: 800; cursor: pointer; transition: color .16s ease,border-color .16s ease,background .16s ease; }
.marketplace-bulk-upload-card .upload-cancel span { color: #df8f9d; font-size: 13px; font-weight: 500; line-height: 1; }
.marketplace-bulk-upload-card .upload-cancel:hover { color: #edf2f7; background: rgba(255,255,255,.045); border-color: rgba(199,211,226,.34); }
.marketplace-bulk-upload-card .upload-cancel:focus-visible { outline: 2px solid rgba(203,213,225,.5); outline-offset: 2px; }
.marketplace-bulk-upload-card.uploading { cursor: default; }
.marketplace-bulk-upload-card.uploading .marketplace-bulk-upload-icon { color: #e1e6ed; background: rgba(220,227,237,.075); border-color: rgba(203,213,225,.22); }
.marketplace-bulk-upload-card.matching { grid-template-columns: 48px minmax(0,1fr); row-gap: 14px; }
.marketplace-bulk-match-status { grid-column: 1 / -1; display: flex; align-items: center; gap: 9px; min-width: 0; color: #b5c1d1; }
.marketplace-bulk-match-status .label-diagnostic-mark { width: 42px; height: 42px; border-radius: 11px; }
.marketplace-bulk-match-status .label-diagnostic-mark .label-diagnostic-icon { width: 24px; height: 24px; }
.marketplace-bulk-match-status .label-diagnostic-mark .diagnostic-dots { bottom: 3px; gap: 2px; padding: 2px 4px; }
.marketplace-bulk-match-status .label-diagnostic-mark .diagnostic-dots > i { width: 3px; height: 3px; }
.marketplace-bulk-match-status > span { min-width: 0; }
.marketplace-bulk-match-status strong, .marketplace-bulk-match-status small { display: block; }
.marketplace-bulk-match-status strong { color: #dce8f2; font-size: 9px; }
.marketplace-bulk-match-status small { max-width: 620px; margin-top: 3px; color: #7f90a7; font-size: 7px; line-height: 1.5; }
.marketplace-bulk-match-status time { margin-left: auto; flex: none; color: #6f8199; font-size: 7px; font-variant-numeric: tabular-nums; }
.marketplace-bulk-upload-card.upload-error { border-color: rgba(255,94,122,.34); }
.marketplace-bulk-upload-card.upload-error .marketplace-bulk-upload-icon { color: #ff9aab; background: rgba(255,94,122,.1); border-color: rgba(255,94,122,.25); }
.marketplace-bulk-upload-card .upload-progress-track { grid-column: 2 / -1; }
.marketplace-bulk-upload-card .file-upload-status { color: #aeb9c8; font-size: 8px; font-weight: 800; }
.marketplace-provider-connection { width: fit-content; display: inline-flex; align-items: center; gap: 9px; margin: 12px 2px 0 auto; padding: 7px 10px; color: #8190a6; background: rgba(220,227,237,.035); border: 1px solid rgba(203,213,225,.14); border-radius: 9px; font-size: 7px; font-weight: 750; }
.marketplace-provider-connection img { width: 66px; height: 31px; display: block; object-fit: contain; }
.marketplace-bulk-note { display: flex; gap: 11px; margin-top: 12px; padding: 12px 14px; color: #cbd3df; background: rgba(220,227,237,.04); border: 1px solid rgba(203,213,225,.17); border-radius: 10px; }
.marketplace-bulk-note > span { width: 20px; height: 20px; display: grid; place-items: center; flex: none; background: rgba(220,227,237,.075); border-radius: 50%; font-size: 8px; font-weight: 900; }
.marketplace-bulk-note p { margin: 0; color: #8190a6; font-size: 8px; line-height: 1.55; }
.marketplace-bulk-note strong { color: #e0e6ee; }
.label-reconciliation-wait { min-height: 104px; display: grid; grid-template-columns: 58px minmax(0,1fr); align-items: center; gap: 16px; margin-top: 14px; padding: 18px; background: linear-gradient(135deg,rgba(220,227,237,.04),#111b2d); border: 1px solid rgba(203,213,225,.2); border-radius: 13px; }
.label-reconciliation-wait .label-diagnostic-mark { width: 54px; height: 54px; border-radius: 14px; }
.label-reconciliation-wait .label-diagnostic-icon { width: 29px; height: 29px; }
.label-reconciliation-wait strong, .label-reconciliation-wait small { display: block; }
.label-reconciliation-wait strong { color: #e1e7ef; font-size: 10px; }
.label-reconciliation-wait small { max-width: 650px; margin-top: 5px; color: #8190a6; font-size: 8px; line-height: 1.55; }
.marketplace-bulk-ready, .marketplace-bulk-problem { margin-top: 14px; padding: 16px; background: #111b2d; border: 1px solid #2d3b52; border-radius: 13px; }
.marketplace-bulk-ready-head, .marketplace-bulk-problem { display: flex; align-items: flex-start; gap: 12px; }
.marketplace-bulk-ready-head { display: grid; grid-template-columns: 32px minmax(0,1fr) auto; align-items: center; list-style: none; cursor: pointer; }
.marketplace-bulk-ready-head::-webkit-details-marker { display: none; }
.marketplace-bulk-ready-head > div:nth-child(2) { min-width: min(320px,100%); }
.marketplace-bulk-ready-summary-side { display: flex; align-items: center; gap: 14px; padding-left: 16px; border-left: 1px solid rgba(117,135,161,.2); }
.marketplace-bulk-route-summary { min-width: 190px; }
.marketplace-bulk-route-summary > small { color: #8fc4ff; }
.marketplace-bulk-route-overview { align-self: center; }
.marketplace-bulk-ready-head > .marketplace-bulk-ready-check, .marketplace-bulk-problem > span { width: 32px; height: 32px; display: grid; place-items: center; flex: none; color: #dbe2ec; background: rgba(220,227,237,.075); border: 1px solid rgba(203,213,225,.16); border-radius: 50%; font-weight: 900; }
.marketplace-bulk-ready-head small, .marketplace-bulk-ready-head strong, .marketplace-bulk-ready-head p, .marketplace-bulk-problem small, .marketplace-bulk-problem strong, .marketplace-bulk-problem p { display: block; }
.marketplace-bulk-ready-head small, .marketplace-bulk-problem small { color: #aeb9c8; font-size: 7px; font-weight: 900; letter-spacing: .1em; }
.marketplace-bulk-ready-head strong, .marketplace-bulk-problem strong { margin-top: 5px; font-size: 11px; }
.marketplace-bulk-ready-head p, .marketplace-bulk-problem p { margin: 5px 0 0; color: #8190a6; font-size: 8px; line-height: 1.5; }
.marketplace-bulk-toggle { min-width: 86px; display: inline-flex; align-items: center; justify-content: flex-end; gap: 7px; color: #aeb9c8; font-size: 8px; white-space: nowrap; }
.marketplace-bulk-toggle b { font-weight: 800; }
.marketplace-bulk-toggle .open-label { display: none; }
.marketplace-bulk-toggle i { color: #cbd3df; font-size: 12px; font-style: normal; transition: transform .18s ease; }
.marketplace-bulk-ready[open] .marketplace-bulk-toggle .closed-label { display: none; }
.marketplace-bulk-ready[open] .marketplace-bulk-toggle .open-label { display: inline; }
.marketplace-bulk-ready[open] .marketplace-bulk-toggle i { transform: rotate(180deg); }
.marketplace-bulk-ready-body { padding-top: 2px; }
.marketplace-bulk-problem > span { color: #ff9aab; background: rgba(255,94,122,.1); }
.run-wizard-foot .primary-button.wizard-quiet-primary { color: #e0e6ee; background: rgba(220,227,237,.055); border: 1px solid rgba(203,213,225,.24); box-shadow: none; }
.run-wizard-foot .primary-button.wizard-quiet-primary:hover { background: rgba(220,227,237,.095); border-color: rgba(220,227,237,.38); filter: none; }
.run-wizard-foot .primary-button.wizard-quiet-primary:disabled { color: #7a8799; background: rgba(220,227,237,.025); border-color: rgba(203,213,225,.1); }
.marketplace-bulk-problem ul { display: grid; gap: 6px; margin: 10px 0 0; padding: 0; list-style: none; }
.marketplace-bulk-problem li { display: flex; gap: 8px; color: #a9b3c2; font-size: 8px; }
.marketplace-bulk-excluded { display: flex; align-items: flex-start; gap: 9px; margin-top: 13px; padding: 10px 12px; color: #ee9aa6; background: rgba(224,75,96,.055); border: 1px solid rgba(224,75,96,.2); border-radius: 10px; }
.marketplace-bulk-excluded > span { width: 20px; height: 20px; display: grid; place-items: center; flex: none; border-radius: 50%; background: rgba(224,75,96,.11); font-size: 8px; font-weight: 900; }
.marketplace-bulk-excluded > div { min-width: 0; flex: 1; }
.marketplace-bulk-excluded p { margin: 0; color: #8996aa; font-size: 8px; line-height: 1.5; }
.marketplace-bulk-excluded strong { display: block; margin-bottom: 2px; color: #f3abb4; }
.marketplace-bulk-excluded ul { display: flex; flex-wrap: wrap; gap: 6px; margin: 8px 0 0; padding: 0; list-style: none; }
.marketplace-bulk-excluded li { display: flex; gap: 6px; align-items: center; padding: 5px 7px; border: 1px solid rgba(224,75,96,.16); border-radius: 7px; background: rgba(7,13,25,.24); font-size: 7px; }
.marketplace-bulk-excluded li strong { display: inline; margin: 0; }
.marketplace-bulk-excluded li span { color: #8996aa; }
.marketplace-bulk-reconciliation { margin-top: 14px; overflow: hidden; background: linear-gradient(135deg,rgba(224,75,96,.045),rgba(17,27,45,.68)); border: 1px solid rgba(224,75,96,.19); border-radius: 11px; }
.marketplace-bulk-reconciliation > summary { list-style: none; cursor: pointer; }
.marketplace-bulk-reconciliation > summary::-webkit-details-marker { display: none; }
.marketplace-bulk-reconciliation-head { display: grid; grid-template-columns: 24px minmax(0,1fr) auto; align-items: center; gap: 10px; padding: 12px 13px; }
.marketplace-bulk-reconciliation-head > span:first-child { width: 24px; height: 24px; display: grid; place-items: center; flex: none; color: #ee9aa6; background: rgba(224,75,96,.1); border-radius: 50%; font-size: 8px; font-weight: 900; }
.marketplace-bulk-reconciliation-head > div { min-width: 0; }
.marketplace-bulk-reconciliation-head small, .marketplace-bulk-reconciliation-head strong { display: block; }
.marketplace-bulk-reconciliation-head small { color: #dc8490; font-size: 7px; font-weight: 900; letter-spacing: .1em; }
.marketplace-bulk-reconciliation-head strong { margin-top: 4px; color: #e9c0c6; font-size: 10px; }
.marketplace-bulk-reconciliation-head p { margin: 5px 0 0; color: #8997aa; font-size: 8px; line-height: 1.5; }
.marketplace-bulk-reconciliation-toggle { display: inline-flex; align-items: center; gap: 7px; color: #b98991; font-size: 8px; white-space: nowrap; }
.marketplace-bulk-reconciliation-toggle b { font-weight: 800; }
.marketplace-bulk-reconciliation-toggle i { color: #c78992; font-size: 11px; font-style: normal; transition: transform .16s ease; }
.marketplace-bulk-reconciliation[open] .marketplace-bulk-reconciliation-toggle i { transform: rotate(180deg); }
.marketplace-bulk-reconciliation:not([open]) > summary .open-label, .marketplace-bulk-reconciliation[open] > summary .closed-label { display: none; }
.marketplace-bulk-reconciliation-body { padding: 0 13px 13px; border-top: 1px solid rgba(224,75,96,.11); }
.marketplace-bulk-page-breakdown { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; margin: 12px 0 0; padding: 0; list-style: none; }
.marketplace-bulk-page-breakdown li { min-width: 0; padding: 9px 10px; background: rgba(7,13,25,.28); border: 1px solid rgba(224,75,96,.13); border-radius: 8px; }
.marketplace-bulk-page-breakdown strong, .marketplace-bulk-page-breakdown span { display: block; }
.marketplace-bulk-page-breakdown strong { color: #e99aa5; font-size: 8px; }
.marketplace-bulk-page-breakdown span { margin-top: 4px; color: #7f8da2; font-size: 7px; line-height: 1.4; }
.marketplace-bulk-known-orders { margin-top: 11px; padding-top: 10px; border-top: 1px solid rgba(224,75,96,.11); }
.marketplace-bulk-known-orders > summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; list-style: none; cursor: pointer; }
.marketplace-bulk-known-orders > summary::-webkit-details-marker { display: none; }
.marketplace-bulk-known-orders > summary small { color: #c77b86; font-size: 7px; font-weight: 900; letter-spacing: .1em; }
.marketplace-bulk-known-orders > summary span { display: inline-flex; align-items: center; gap: 7px; color: #a67e85; font-size: 8px; white-space: nowrap; }
.marketplace-bulk-known-orders > summary b { font-weight: 800; }
.marketplace-bulk-known-orders > summary i { color: #bd838c; font-size: 11px; font-style: normal; transition: transform .16s ease; }
.marketplace-bulk-known-orders[open] > summary i { transform: rotate(180deg); }
.marketplace-bulk-known-orders:not([open]) > summary .open-label, .marketplace-bulk-known-orders[open] > summary .closed-label { display: none; }
.marketplace-bulk-known-orders ul { display: flex; flex-wrap: wrap; gap: 6px; margin: 7px 0 0; padding: 0; list-style: none; }
.marketplace-bulk-known-orders li { display: flex; align-items: center; gap: 6px; padding: 5px 7px; background: rgba(7,13,25,.24); border: 1px solid rgba(224,75,96,.14); border-radius: 7px; font-size: 7px; }
.marketplace-bulk-known-orders li strong { color: #e99aa5; }
.marketplace-bulk-known-orders li span { color: #8996aa; }
.marketplace-bulk-store-grid, .marketplace-review-store-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin-top: 14px; }
.marketplace-bulk-store, .marketplace-review-store { overflow: hidden; background: #131d2f; border: 1px solid #2d3b53; border-radius: 12px; }
.marketplace-bulk-store > div:first-child { min-height: 60px; display: flex; align-items: center; gap: 10px; padding: 11px 13px; border-bottom: 1px solid #27354c; }
.marketplace-bulk-store > div:first-child strong, .marketplace-bulk-store > div:first-child small { display: block; }
.marketplace-bulk-store > div:first-child small { margin-top: 4px; color: #7d8ba0; font-size: 8px; }
.marketplace-bulk-store > div:last-child { display: grid; gap: 1px; padding: 7px; }
.marketplace-bulk-order { overflow: hidden; background: rgba(255,255,255,.018); border: 1px solid transparent; border-radius: 8px; }
.marketplace-bulk-order[open] { background: rgba(8,15,27,.35); border-color: #2a3951; }
.marketplace-bulk-order summary { display: grid; grid-template-columns: minmax(0,1fr) auto 14px; align-items: center; gap: 9px; padding: 10px; list-style: none; cursor: pointer; }
.marketplace-bulk-order summary::-webkit-details-marker { display: none; }
.marketplace-bulk-order-copy { min-width: 0; }
.marketplace-bulk-order-copy > strong, .marketplace-bulk-order-copy > small, .marketplace-bulk-order-copy > span { display: block; }
.marketplace-bulk-order-copy > strong { font-size: 9px; }
.marketplace-bulk-order-copy > small { margin-top: 4px; color: #c2cbda; font-size: 8px; line-height: 1.35; }
.marketplace-bulk-order-copy > span { margin-top: 4px; color: #7f8ea4; font-size: 7px; }
.marketplace-bulk-product-title { overflow: hidden; display: -webkit-box !important; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.marketplace-bulk-chevron { color: #718198; font-size: 12px; font-style: normal; transition: transform .16s ease; }
.marketplace-bulk-order[open] .marketplace-bulk-chevron { transform: rotate(180deg); }
.marketplace-bulk-order-details { padding: 0 10px 10px; border-top: 1px solid rgba(43,57,79,.72); }
.marketplace-bulk-order-details .marketplace-route-items { margin-top: 9px; }
.marketplace-bulk-order-meta { display: flex; flex-wrap: wrap; gap: 14px; padding-top: 9px; }
.marketplace-bulk-order-meta span { color: #aeb8c8; font-size: 8px; }
.marketplace-bulk-order-meta b { display: block; margin-bottom: 3px; color: #65758c; font-size: 6px; text-transform: uppercase; }
.marketplace-bulk-route { flex: none; padding: 4px 6px; border: 1px solid #34435c; border-radius: 999px; color: #9ba9bd; font-size: 7px; font-style: normal; font-weight: 800; }
.marketplace-bulk-route.automatic { color: #66e1bc; border-color: rgba(68,211,169,.32); background: rgba(68,211,169,.08); }
.marketplace-bulk-route.manual { color: #9bc9ff; border-color: rgba(79,147,255,.34); background: rgba(79,147,255,.08); }
.marketplace-bulk-route.needs_review, .marketplace-bulk-route.mixed { color: #ff8290; border-color: rgba(255,95,113,.34); background: rgba(255,95,113,.08); }
.marketplace-bulk-store > div:last-child > p { margin: 8px; color: #718097; font-size: 8px; }

.marketplace-quote-overview { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; margin-bottom: 14px; }
.marketplace-quote-overview.four { grid-template-columns: repeat(4,minmax(0,1fr)); }
.marketplace-quote-overview article { min-height: 86px; padding: 14px; background: #141e30; border: 1px solid #2c3a51; border-radius: 11px; }
.marketplace-quote-overview small, .marketplace-quote-overview strong, .marketplace-quote-overview p { display: block; }
.marketplace-quote-overview small { color: #77699f; font-size: 7px; font-weight: 900; letter-spacing: .08em; }
.marketplace-quote-overview strong { margin-top: 7px; font-size: 17px; }
.marketplace-quote-overview p { margin: 5px 0 0; color: #718096; font-size: 8px; }
.marketplace-quote-overview article > small { display: flex; align-items: center; gap: 6px; }
.marketplace-routing-panel, .marketplace-quote-panel { margin-top: 14px; padding: 16px; background: #111b2d; border: 1px solid #2d3b52; border-radius: 13px; }
.marketplace-review-routes { margin-top: 14px; padding: 16px; background: #111b2d; border: 1px solid #2d3b52; border-radius: 13px; }
.marketplace-review-store .store-block-head { border-bottom-color: #27354c; }
.marketplace-review-order-list { display: grid; gap: 8px; padding: 10px; }
.marketplace-review-order { padding: 12px; background: rgba(8,15,27,.24); border: 1px solid #28374d; border-radius: 10px; }
.marketplace-review-order .marketplace-order-heading strong { display: block; margin-top: 3px; font-size: 11px; }
.marketplace-route-overview.compact { justify-content: flex-start; margin: 8px 0 0; }
.marketplace-quote-panel .quote-table { margin-top: 13px; }
.simulation-note { display: flex; align-items: flex-start; gap: 10px; margin-top: 11px; padding: 11px 12px; color: #b9a7ff; background: rgba(128,92,255,.07); border-radius: 9px; }
.simulation-note > span { width: 20px; height: 20px; display: grid; place-items: center; flex: none; background: rgba(128,92,255,.15); border-radius: 50%; font-size: 8px; font-weight: 900; }
.simulation-note p { margin: 0; color: #7f8ca2; font-size: 8px; line-height: 1.55; }
.simulation-note strong { color: #c7baff; }
.quote-table { overflow: auto; border: 1px solid #2e3d55; border-radius: 13px; }
.quote-table table { min-width: 700px; }
.quote-table th, .quote-table td { height: 48px; }
.quote-table td strong, .quote-table td small { display: block; }
.quote-table td strong { color: #dbe1eb; font-size: 9px; }
.quote-table td small { margin-top: 4px; color: #6c7a90; font-size: 7px; }
.quote-table tfoot td { color: #e7e1ff; background: #141f32; border-top: 1px solid #33425a; font-weight: 800; }
.quote-table tfoot td:last-child { color: #b9a7ff; }
.quote-warning { display: flex; gap: 11px; margin-top: 11px; padding: 12px 14px; color: var(--amber); background: var(--amber-soft); border: 1px solid rgba(246,185,75,.18); border-radius: 10px; }
.quote-warning p { margin: 0; color: #8d806c; font-size: 8px; line-height: 1.5; }
.quote-warning strong { display: block; color: #d8b66e; font-size: 9px; }
.quote-warning p b { color: #e5d8ff; font-weight: 800; }
.routing-exceptions-head { margin: 15px 0 8px; padding-top: 14px; border-top: 1px solid #29374d; }
.routing-exceptions-head strong { font-size: 10px; }
.routing-exceptions-head p { margin: 5px 0 0; color: #78869b; font-size: 8px; }
.conversion-routes { margin-top: 10px; }
.conversion-routes table { min-width: 760px; }
.manual-route-badge { display: inline-flex; align-items: center; min-height: 28px; padding: 0 10px; color: #cabdff; background: rgba(119, 86, 235, .13); border: 1px solid rgba(145, 114, 255, .3); border-radius: 999px; font-size: 8px; font-weight: 800; }
.manual-route-detail { display: grid; justify-items: start; gap: 6px; }
.manual-route-detail small { max-width: 360px; color: #8795aa; font-size: 8px; line-height: 1.5; }
.marketplace-pagination { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 8px; margin-top: 10px; color: #7f8ca1; font-size: 8px; }
.marketplace-pagination label { display: inline-flex; align-items: center; gap: 5px; }
.marketplace-pagination select, .marketplace-pagination button { min-height: 28px; color: #b8c2d1; background: #152035; border: 1px solid #33435c; border-radius: 7px; font: inherit; font-size: 8px; }
.marketplace-pagination select { padding: 0 22px 0 7px; }
.marketplace-pagination button { padding: 0 9px; cursor: pointer; }
.marketplace-pagination button:disabled { opacity: .38; cursor: default; }
.marketplace-pagination strong { color: #9aa7bb; font-size: 8px; }
.route-legend { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin: 10px 0 14px; }
.route-legend > span { display: grid; grid-template-columns: 9px minmax(0, 1fr); align-items: center; gap: 3px 8px; min-height: 52px; padding: 10px; background: #121c2e; border: 1px solid #2b3950; border-radius: 9px; }
.route-legend i { width: 8px; height: 8px; grid-row: 1 / 3; border-radius: 50%; background: #7f8ca1; }
.route-legend i.ready { background: var(--green); }
.route-legend i.manual { background: var(--amber); }
.route-legend i.workbook { background: #9a7dff; }
.route-legend b { color: #e7ebf3; font-size: 8px; }
.route-legend small { color: #76849a; font-size: 7px; }
.manual-route-select { display: grid; grid-template-columns: minmax(190px, .8fr) minmax(260px, 1.2fr); align-items: center; gap: 10px; }
.manual-route-select > span { color: #9aa7bb; font-size: 8px; font-weight: 700; }
.manual-route-select > span b, .manual-route-select > span small { display: block; }
.manual-route-select > span small { margin-top: 4px; color: #718097; font-weight: 500; line-height: 1.45; }
.manual-route-select select { width: 100%; height: 32px; padding: 0 30px 0 10px; color: #eef1f7; background: #111c2e; border: 1px solid #40506a; border-radius: 8px; font: inherit; font-size: 8px; font-weight: 750; }
.manual-route-select select:focus { outline: 2px solid rgba(143, 112, 255, .32); border-color: #8e6fff; }
.manual-route-select.pending select { border-color: #8e6fff; background: rgba(119,86,235,.1); }
.manual-route-select > em { grid-column: 2; color: #bcaeff; font-size: 7px; font-style: normal; font-weight: 700; line-height: 1.4; }

.snapshot-files { display: grid; gap: 8px; }
.snapshot-files article { min-height: 64px; display: grid; grid-template-columns: 38px minmax(0,1fr); gap: 12px; align-items: center; padding: 11px 13px; background: #141e30; border: 1px solid #2c3a51; border-radius: 10px; }
.snapshot-files article > span { width: 38px; height: 38px; display: grid; place-items: center; color: #a991ff; background: var(--purple-soft); border-radius: 9px; font-size: 8px; font-weight: 900; }
.snapshot-files small, .snapshot-files strong, .snapshot-files code { display: block; }
.snapshot-files small { color: #6c798e; font-size: 7px; font-weight: 800; }
.snapshot-files strong { margin-top: 4px; font-size: 9px; }
.snapshot-files code { margin-top: 5px; overflow: hidden; color: #78869a; text-overflow: ellipsis; white-space: nowrap; font-size: 7px; }
.review-summary-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 9px; margin-top: 12px; }
.review-summary-grid.review-order-counts { grid-template-columns: repeat(3,1fr); }
.amazon-only-review { display: flex; align-items: flex-start; gap: 12px; margin-top: 12px; padding: 13px 14px; color: #c9bbff; background: rgba(119,86,235,.1); border: 1px solid rgba(145,114,255,.3); border-radius: 11px; }
.amazon-only-review > span { width: 24px; height: 24px; display: grid; place-items: center; flex: none; color: #172033; background: #a994ff; border-radius: 50%; font-size: 9px; font-weight: 900; }
.amazon-only-review strong, .amazon-only-review p { display: block; }
.amazon-only-review strong { color: #ebe6ff; font-size: 9px; }
.amazon-only-review p { margin: 5px 0 0; color: #968bbd; font-size: 8px; line-height: 1.5; }
.review-summary-grid article { min-height: 82px; padding: 13px; background: #141e30; border: 1px solid #2c3a51; border-radius: 10px; }
.review-summary-grid small, .review-summary-grid strong, .review-summary-grid p { display: block; }
.review-summary-grid small { color: #6e7b90; font-size: 7px; font-weight: 800; }
.review-summary-grid strong { margin-top: 8px; font-size: 9px; line-height: 1.4; }
.review-summary-grid p { margin: 6px 0 0; color: #667389; font-size: 7px; }
.labels-decision.skipped { border-color: rgba(246,185,75,.22); }

.engine-progress-list { display: grid; gap: 8px; }
.engine-progress-section { margin-top: 14px; padding: 15px; background: #111b2d; border: 1px solid #2d3b52; border-radius: 13px; }
.engine-progress-heading { display: flex; align-items: center; justify-content: space-between; margin-bottom: 11px; }
.engine-progress-heading strong, .engine-progress-heading small { display: block; }
.engine-progress-heading strong { font-size: 11px; }
.engine-progress-heading small { margin-top: 4px; color: #718096; font-size: 8px; }
.production-engines { background: linear-gradient(180deg,rgba(128,92,255,.035),#111b2d 34%); }
.engine-progress { min-height: 62px; display: grid; grid-template-columns: 16px minmax(0,1fr); align-items: center; gap: 12px; padding: 12px 14px; background: #141e30; border: 1px solid #2c3a51; border-radius: 10px; }
.engine-state { width: 10px; height: 10px; border: 3px solid #35435a; border-radius: 50%; background: #758298; }
.engine-progress.queued .engine-state { border-color: #344157; background: #69778c; box-shadow: none; }
.engine-progress.running .engine-state { border-color: rgba(128,92,255,.25); background: #805cff; box-shadow: 0 0 0 5px rgba(128,92,255,.08); animation: engine-running-pulse 1.05s ease-in-out infinite; }
.engine-progress.manual .engine-state { border-color: rgba(246,185,75,.22); background: var(--amber); }
.engine-progress.completed .engine-state { border-color: rgba(43,217,161,.22); background: var(--green); }
.engine-progress.manual_handoff .engine-state { border-color: rgba(246,185,75,.22); background: var(--amber); }
.engine-progress.validated_only .engine-state { border-color: rgba(42,184,255,.24); background: #2ab8ff; }
.engine-progress.adapter_unavailable .engine-state { border-color: rgba(246,185,75,.18); background: #8c7447; }
.engine-progress.failed .engine-state { border-color: rgba(255,91,101,.22); background: var(--red); }
.engine-progress.partial .engine-state { border-color: rgba(75,141,255,.22); background: var(--blue); }
.engine-progress.engine-embroidery { --engine-accent:#9b72ff; --engine-accent-soft:rgba(155,114,255,.14); }
.engine-progress.engine-laser { --engine-accent:#f5a94a; --engine-accent-soft:rgba(245,169,74,.14); }
.engine-progress.engine-logiprint { --engine-accent:#4b8dff; --engine-accent-soft:rgba(75,141,255,.14); }
.engine-progress.engine-lists { --engine-accent:#bdc7d4; --engine-accent-soft:rgba(189,199,212,.16); }
.engine-progress.engine-labels { --engine-accent:#e0e4ea; --engine-accent-soft:rgba(224,228,234,.16); }
.engine-progress.run-output { border-left:3px solid var(--engine-accent); }
.engine-progress.run-output .engine-state { border-color:#344157; background:#69778c; box-shadow:none; }
.engine-progress.run-output.running .engine-state { border-color:var(--engine-accent-soft); background:var(--engine-accent); box-shadow:0 0 0 5px var(--engine-accent-soft); animation:engine-running-pulse 1.05s ease-in-out infinite; }
.engine-progress.run-output.completed .engine-state, .engine-progress.run-output.manual_handoff .engine-state, .engine-progress.run-output.validated_only .engine-state { border-color:var(--engine-accent-soft); background:var(--engine-accent); box-shadow:0 0 0 3px var(--engine-accent-soft); animation:none; }
.engine-progress.run-output.failed .engine-state { border-color:rgba(255,91,101,.22); background:var(--red); box-shadow:none; }
.engine-progress.run-output .engine-progress-title strong { color:color-mix(in srgb,var(--engine-accent) 42%,#f4f6fb); }
.engine-progress.production-engine { border-left: 3px solid var(--engine-accent); }
.engine-progress.production-engine .engine-state { border-color: #344157; background: #69778c; box-shadow: none; }
.engine-progress.production-engine.running .engine-state { border-color: var(--engine-accent-soft); background: var(--engine-accent); box-shadow: 0 0 0 5px var(--engine-accent-soft); animation: engine-running-pulse 1.05s ease-in-out infinite; }
.engine-progress.production-engine.completed .engine-state, .engine-progress.production-engine.manual_handoff .engine-state, .engine-progress.production-engine.validated_only .engine-state { border-color: var(--engine-accent-soft); background: var(--engine-accent); box-shadow: 0 0 0 3px var(--engine-accent-soft); animation: none; }
.engine-progress.production-engine.failed .engine-state { border-color: rgba(255,91,101,.22); background: var(--red); box-shadow: none; }
.engine-progress.production-engine strong { color: color-mix(in srgb,var(--engine-accent) 42%,#f4f6fb); }
.engine-progress.failed { border-color: rgba(255,91,101,.28); }
.engine-progress.failed em { color: #ff8e9a; }
.engine-progress strong { font-size: 10px; }
.engine-progress p { margin: 5px 0 0; color: #6d7a90; font-size: 8px; }
.engine-progress em { color: #8290a5; font-size: 7px; font-style: normal; text-transform: uppercase; }
.engine-progress-copy { min-width: 0; }
.engine-progress-title, .engine-progress-telemetry { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.engine-progress-title em { flex: none; }
.engine-progress-telemetry { margin-top: 10px; color: #91a0b6; font-size: 8px; }
.engine-progress-telemetry strong { color: #dce7f7; font-size: 9px; }
.engine-progress-track { width:100%; height:6px; display:block; margin-top:6px; overflow:hidden; appearance:none; -webkit-appearance:none; border:0; border-radius:999px; background:rgba(105,119,140,.2); }
.engine-progress-track::-webkit-progress-bar { background:rgba(105,119,140,.2); border-radius:999px; }
.engine-progress-track::-webkit-progress-value { border-radius:999px; background-color:var(--engine-accent,#805cff); transition:width .35s ease; }
.engine-progress-track::-moz-progress-bar { border-radius:999px; background-color:var(--engine-accent,#805cff); transition:width .35s ease; }
.engine-progress.running .engine-progress-track::-webkit-progress-value { background-image:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.2) 42%,transparent 62%); background-size:30px 100%; animation:engine-progress-flow 1.05s linear infinite; }
.engine-progress.running .engine-progress-track::-moz-progress-bar { background-image:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.2) 42%,transparent 62%); background-size:30px 100%; animation:engine-progress-flow 1.05s linear infinite; }
.engine-progress-outcomes { display: block; margin-top: 7px; color: #73839a; font-size: 7px; }
@keyframes engine-running-pulse { 0%,100% { opacity:1; transform:scale(1); } 50% { opacity:.38; transform:scale(.72); } }
@keyframes engine-progress-flow { from { background-position:0 0; } to { background-position:30px 0; } }
.loading-pip { width: 7px; height: 7px; display: inline-block; margin-right: 7px; background: #805cff; border-radius: 50%; animation: loading-pip 1s infinite alternate; }
@keyframes loading-pip { to { opacity: .25; } }

.result-status-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.result-status-row code { color: #6e7b90; font-size: 7px; }
.result-status-actions { display: flex; align-items: center; gap: 10px; flex: none; }
.run-duration-chip { min-height: 34px; display: inline-flex; align-items: center; gap: 7px; padding: 7px 10px; color: #aeb9c8; background: rgba(148,163,184,.065); border: 1px solid rgba(203,213,225,.16); border-radius: 10px; font-size: 8px; white-space: nowrap; }
.run-duration-chip svg { width: 14px; height: 14px; fill: none; stroke: #cbd5e1; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.run-duration-chip strong { color: #e4e9f0; font-size: 9px; font-variant-numeric: tabular-nums; }
.actual-summary { display: grid; grid-template-columns: repeat(3,1fr); gap: 9px; margin-top: 12px; }
.actual-summary article { padding: 14px; background: #141e30; border: 1px solid #2c3a51; border-radius: 10px; }
.actual-summary small, .actual-summary strong { display: block; }
.actual-summary small { color: #6e7b90; font-size: 7px; font-weight: 800; }
.actual-summary strong { margin-top: 7px; font-size: 11px; }
.result-artifacts { margin-top: 14px; padding: 15px; background: #121c2e; border: 1px solid #2b3950; border-radius: 12px; }
.result-empty-artifacts { display: flex; gap: 12px; margin-top: 12px; padding: 14px; color: #a991ff; background: var(--purple-soft); border-radius: 10px; }
.result-empty-artifacts p { margin: 5px 0 0; color: #7c719d; font-size: 8px; }
.result-empty-artifacts strong { font-size: 9px; }

.audit-panel { margin-top: 18px; padding: 15px; background: #101a2b; border: 1px solid #2a384f; border-radius: 12px; }
.audit-timeline { display: grid; gap: 0; max-height: 260px; margin: 14px 0 0; padding: 0; overflow: auto; list-style: none; }
.audit-timeline li { position: relative; display: grid; grid-template-columns: 14px minmax(0,1fr) auto; gap: 10px; min-height: 58px; padding: 6px 0 8px; }
.audit-timeline li:not(:last-child)::before { content: ""; position: absolute; left: 5px; top: 19px; bottom: -2px; width: 1px; background: #2b3950; }
.audit-dot { z-index: 1; width: 11px; height: 11px; margin-top: 2px; border: 3px solid #34425a; border-radius: 50%; background: #758298; }
.audit-dot.complete, .audit-dot.recorded { background: #805cff; border-color: rgba(128,92,255,.22); }
.audit-dot.running { background: var(--blue); border-color: var(--blue-soft); }
.audit-dot.skipped, .audit-dot.partial, .audit-dot.manual { background: var(--amber); border-color: var(--amber-soft); }
.audit-timeline strong, .audit-timeline small, .audit-timeline code { display: block; }
.audit-timeline strong { font-size: 9px; }
.audit-timeline small { margin-top: 4px; color: #6c798e; font-size: 7px; }
.audit-timeline code { max-width: 580px; margin-top: 4px; overflow: hidden; color: #5c6980; text-overflow: ellipsis; white-space: nowrap; font-size: 6px; }
.audit-timeline time { color: #5e6b81; font-size: 7px; }

.local-engine-row { grid-template-columns: minmax(0,1fr) auto; }
.local-engine-row small { grid-column: 1 / -1; margin-left: 17px; color: #68768c; font-size: 7px; }
.verified-artifact { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-top: 8px; padding: 10px; background: #141e30; border: 1px solid rgba(43,217,161,.2); border-radius: 9px; }
.verified-artifact strong, .verified-artifact small { display: block; }
.verified-artifact small { margin-top: 4px; color: #68768b; font-size: 7px; }
.wizard-open { overflow: hidden; }

@media (max-width: 900px) {
  .unified-run-entry { grid-template-columns: auto 1fr; }
  .run-start-button { grid-column: 1 / -1; width: 100%; }
  .run-flow-preview { grid-template-columns: 1fr 1fr; }
  .run-flow-preview li:last-child { grid-column: 1 / -1; }
  .run-wizard { inset: max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left)); width: auto; height: auto; max-height: calc(100vh - 24px); max-height: calc(100dvh - 24px); max-height: calc(var(--bimo-visual-viewport-height,100dvh) - 24px); transform: translateY(8px); }
  .run-wizard.open { transform: none; }
  .run-wizard-steps { overflow-x: auto; grid-template-columns: repeat(var(--run-step-count,6), minmax(110px,1fr)); }
  .run-wizard-steps > span:not(:last-child)::after { display: none; }
  .amazon-input-grid, .store-selection { grid-template-columns: 1fr; }
  .marketplace-bulk-store-grid, .marketplace-review-store-grid { grid-template-columns: 1fr; }
  .marketplace-bulk-ready-head { grid-template-columns: 32px minmax(0,1fr); }
  .marketplace-bulk-ready-summary-side { grid-column: 2; width: 100%; align-items: flex-start; justify-content: space-between; gap: 10px; padding: 10px 0 0; border-top: 1px solid rgba(117,135,161,.16); border-left: 0; }
  .marketplace-bulk-route-summary { min-width: 0; }
  .marketplace-bulk-page-breakdown { grid-template-columns: 1fr; }
  .store-selection-toolbar { align-items: flex-start; flex-wrap: wrap; }
  .marketplace-route-overview { order: 3; width: 100%; justify-content: flex-start; margin-left: 0; }
  .marketplace-quote-overview.four { grid-template-columns: 1fr 1fr; }
  .preflight-capabilities, .hard-gate-grid { grid-template-columns: 1fr; }
  .preflight-states { grid-template-columns: repeat(4,1fr); }
  .review-summary-grid { grid-template-columns: 1fr 1fr; }
  .active-production-card { grid-template-columns: minmax(0,1fr) auto auto; }
  .active-production-facts { grid-column: 1 / -1; grid-row: 2; justify-self: stretch; padding: 12px 0 0; border-top: 1px solid rgba(203,213,225,.13); border-left: 0; border-right: 0; }
  .active-production-state { grid-column: 2; grid-row: 1; }
  .active-production-open { grid-column: 3; grid-row: 1; }
  .table-foot { align-items: stretch; flex-direction: column; }
  .pagination-meta, .pagination-controls { justify-content: space-between; }
}

@media (max-width: 560px) {
  .upload-center.upload-center-compact .run-start-button { width: 100%; }
  .active-production-card { grid-template-columns: minmax(0,1fr) auto; gap: 14px; padding: 17px; }
  .active-production-state { grid-column: 2; grid-row: 1; }
  .active-production-facts { grid-column: 1 / -1; grid-row: auto; flex-wrap: wrap; }
  .active-production-open { grid-column: 1 / -1; grid-row: auto; width: 100%; }
  .unified-run-entry { display: block; }
  .run-source-lockup { margin-bottom: 12px; }
  .run-entry-copy { margin-bottom: 14px; }
  .run-flow-preview { grid-template-columns: 1fr; }
  .run-flow-preview li:last-child { grid-column: auto; }
  .run-wizard-head { min-height: 76px; padding: 16px 18px; }
  .run-wizard-head h2 { font-size: 20px; }
  .run-wizard-body { padding: 20px 16px; }
  .run-wizard-foot { align-items: stretch; flex-direction: column-reverse; padding: 12px max(16px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left)); }
  .run-wizard-foot button { width: 100%; }
  .wizard-foot-actions { flex-direction: column-reverse; }
  .store-choice, .run-mode-choice, .review-summary-grid, .actual-summary { grid-template-columns: 1fr; }
  .marketplace-quote-overview.four { grid-template-columns: 1fr; }
  .marketplace-order-card { grid-template-columns: 20px minmax(0,1fr) !important; }
  .marketplace-bulk-upload-card { grid-template-columns: 42px minmax(0,1fr); }
  .marketplace-bulk-upload-card.matching { grid-template-columns: 42px minmax(0,1fr); padding: 16px; }
  .marketplace-bulk-upload-card .file-choose, .marketplace-bulk-upload-card > button, .marketplace-bulk-upload-card .file-upload-status { grid-column: 1 / -1; justify-content: center; text-align: center; }
  .marketplace-bulk-upload-card > .upload-cancel { justify-self: end; }
  .marketplace-order-card > em { grid-column: 2; justify-self: start; }
  .marketplace-order-heading { align-items: flex-start; flex-direction: column; gap: 7px; }
  .marketplace-route-meta { grid-template-columns: 1fr 1fr; }
  .marketplace-preview-warning { grid-template-columns: auto minmax(0,1fr); }
  .marketplace-preview-warning button { grid-column: 2; justify-self: start; }
  .marketplace-pagination { justify-content: flex-start; }
  .input-file-card { grid-template-columns: 38px minmax(0,1fr); }
  .input-file-card .file-choose, .input-file-card > button { grid-column: 1 / -1; }
  .input-file-card .upload-progress-track, .input-file-card .file-upload-status { grid-column: 1 / -1; }
  .input-file-card .file-upload-status { text-align: left; }
  .amazon-batch-picker { grid-template-columns: 1fr; }
  .amazon-batch-picker .file-choose { grid-column: 1 / -1; text-align: center; }
  .amazon-assignment-row { grid-template-columns: 1fr; }
}

/* Production Run results — operational files first, audit artifacts on demand */
.order-drawer.local-run-drawer { width: min(900px, 96vw); }
.local-run-drawer .drawer-body { padding: 26px 30px 40px; }
.drawer-engine-progress { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 14px; }
.drawer-engine-progress .engine-progress { min-width: 0; }

.operational-downloads { padding: 18px; }
.operational-download-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 15px; }
.operational-download-group { min-width: 0; padding: 15px; background: linear-gradient(150deg, #172238, #131d2f); border: 1px solid #30415a; border-radius: 12px; }
.operational-download-group.workbooks { --operational-accent:188,198,212; border-color: rgba(188,198,212,.24); }
.operational-download-group.labels { --operational-accent:220,224,231; border-color: rgba(220,224,231,.24); }
.operational-download-group.print { --operational-accent:75,141,255; border-color: rgba(75,141,255,.26); }
.operational-download-group.embroidery { --operational-accent:160,92,255; border-color: rgba(160,92,255,.24); }
.operational-download-group.laser { --operational-accent:246,185,75; border-color: rgba(246,185,75,.24); }
.operational-group-head { min-height: 45px; display: flex; align-items: flex-start; justify-content: flex-start; gap: 14px; padding-bottom: 12px; border-bottom: 1px solid #293950; }
.operational-group-identity { min-width: 0; display: flex; align-items: center; gap: 11px; }
.operational-group-identity > div { min-width: 0; }
.operational-group-icon { width: 36px; height: 36px; display: grid; place-items: center; flex: none; background: linear-gradient(145deg,rgba(var(--operational-accent,157,126,255),.16),rgba(var(--operational-accent,157,126,255),.055)); border: 1px solid rgba(var(--operational-accent,157,126,255),.2); border-radius: 9px; }
.operational-group-icon .capability-icon-asset { width: 26px; height: 26px; display: block; object-fit: contain; }
.operational-group-head strong, .operational-group-head small { display: block; }
.operational-group-head strong { color: #edf1f8; font-size: 12px; }
.operational-group-head small { max-width: 340px; margin-top: 5px; color: #76859b; font-size: 9px; line-height: 1.45; }
.operational-file-list { display: grid; gap: 8px; padding-top: 10px; }
.operational-file { min-height: 70px; display: grid; grid-template-columns: 38px minmax(0, 1fr) auto; align-items: center; gap: 11px; padding: 10px; background: #101a2c; border: 1px solid #2a3a52; border-radius: 10px; }
.operational-file.ready { border-color: rgba(43,217,161,.18); }
.operational-file.preparing { opacity: .72; border-style: dashed; }
.operational-file.not-created { opacity: .78; border-style: dashed; background: #0f1828; }
.operational-file-icon { width: 38px; height: 38px; display: grid; place-items: center; color: #b5a1ff; background: var(--purple-soft); border-radius: 10px; font-size: 15px; font-weight: 800; }
.operational-file.ready .operational-file-icon { color: #cbd5e1; background: transparent; }
.operational-file.ready .operational-file-icon > i { width: 8px; height: 8px; display: block; background: #cbd5e1; border: 1px solid rgba(241,245,249,.58); border-radius: 50%; box-shadow: 0 0 0 4px rgba(203,213,225,.09); }
.operational-file.not-created .operational-file-icon { color: #74839a; background: #1a2537; }
.operational-file > div { min-width: 0; }
.operational-file strong, .operational-file small { display: block; }
.operational-file strong { overflow: hidden; color: #e2e8f2; text-overflow: ellipsis; white-space: nowrap; font-size: 10px; }
.operational-file small { margin-top: 5px; color: #6e7d94; font-size: 8px; line-height: 1.45; }
.operational-download-action { display: inline-flex; align-items: center; gap: 7px; padding: 9px 10px; color: var(--green); background: var(--green-soft); border: 1px solid rgba(43,217,161,.18); border-radius: 8px; text-decoration: none; font-size: 8px; font-weight: 850; text-transform: uppercase; letter-spacing: .04em; }
.operational-download-action:hover { color: #eafff8; border-color: rgba(43,217,161,.38); background: rgba(43,217,161,.16); }
.download-pending { padding: 8px 9px; color: #8a97aa; background: #1b2638; border-radius: 8px; font-size: 8px; font-weight: 800; text-transform: uppercase; }

.technical-files { margin-top: 14px; overflow: hidden; background: #101929; border: 1px solid #29384e; border-radius: 12px; }
.technical-files summary { min-height: 68px; display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 14px 17px; cursor: pointer; list-style: none; }
.technical-files summary::-webkit-details-marker { display: none; }
.technical-files summary::before { content: "+"; width: 25px; height: 25px; display: grid; place-items: center; flex: none; color: #9c87eb; background: var(--purple-soft); border-radius: 7px; font-size: 14px; }
.technical-files[open] summary::before { content: "−"; }
.technical-files summary > span { min-width: 0; margin-right: auto; }
.technical-files summary strong, .technical-files summary small { display: block; }
.technical-files summary strong { color: #c7d0de; font-size: 10px; }
.technical-files summary small { margin-top: 5px; color: #69778d; font-size: 8px; }
.technical-files summary > em { flex: none; color: #78869a; font-size: 8px; font-style: normal; }
.technical-file-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; padding: 0 14px 14px; border-top: 1px solid #26354a; }
.technical-file { min-width: 0; display: grid; grid-template-columns: 25px minmax(0, 1fr) auto; align-items: center; gap: 9px; margin-top: 8px; padding: 9px; color: inherit; background: #141f31; border: 1px solid #293950; border-radius: 9px; text-decoration: none; }
.technical-file > span { color: #75849a; }
.technical-file > div { min-width: 0; }
.technical-file strong, .technical-file small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.technical-file strong { color: #b7c1d0; font-size: 8px; }
.technical-file small { margin-top: 4px; color: #617087; font-size: 7px; }
.technical-file em { color: #9581de; font-size: 7px; font-style: normal; font-weight: 800; }
.local-run-drawer .technical-file-list { grid-template-columns: 1fr; }
.run-poll-warning { margin-bottom: 12px; padding: 11px 13px; color: #e0b962; background: rgba(246,185,75,.08); border: 1px solid rgba(246,185,75,.2); border-radius: 9px; font-size: 9px; }
.run-poll-warning { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.run-poll-warning strong, .run-poll-warning span { display: block; }
.run-poll-warning button { flex: 0 0 auto; padding: 7px 10px; color: #eadfff; background: #26203f; border: 1px solid #5a47a0; border-radius: 7px; cursor: pointer; }
.workbook-only-route { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 7px; }
.workbook-only-route small { color: #8f9bb0; }
.workbook-only-badge { padding: 5px 8px; color: #d7c6ff; background: rgba(139,92,246,.13); border: 1px solid rgba(167,139,250,.3); border-radius: 999px; font-weight: 800; }
.converter-unclassified-row td:last-child { min-width: 470px; }
.converter-unclassified-notice { display: flex; align-items: center; gap: 8px; }
.converter-unclassified-notice small { margin: 0; color: #a393d4; }
.workbook-only-explanation { display: grid; gap: 3px; margin: 8px 0 10px; padding: 9px 10px; background: rgba(139,92,246,.06); border-left: 2px solid rgba(167,139,250,.45); border-radius: 0 7px 7px 0; }
.workbook-only-explanation strong { color: #d9d1f5; font-size: 8px; }
.workbook-only-explanation small { margin: 0; max-width: 620px; color: #8795aa; line-height: 1.45; }
.manual-route-select.optional { margin-top: 2px; padding-top: 8px; border-top: 1px solid #29374d; }
.manual-route-select.optional span { color: #7e8da5; }
.review-routing { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 12px; margin: 14px 0; }
.review-routing > div { padding: 15px; background: #121c2e; border: 1px solid #2b3950; border-radius: 11px; }
.review-routing small, .review-routing strong, .review-routing p { display: block; }
.review-routing small { color: #8b78d8; font-size: 8px; font-weight: 900; letter-spacing: .09em; }
.review-routing strong { margin-top: 7px; color: #f6f7fb; font-size: 24px; }
.review-routing p { margin: 5px 0 0; color: #8694a9; font-size: 9px; }
.review-routing-wrap { margin: 14px 0; padding: 15px; background: #111b2d; border: 1px solid #2b3950; border-radius: 12px; }
.review-routing-wrap .review-routing { margin: 12px 0 0; }
.review-output-plan { margin: 14px 0; padding: 16px; background: #121c2e; border: 1px solid #2b3950; border-radius: 12px; }
.review-output-plan ul { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin: 14px 0 0; padding: 0; list-style: none; }
.review-output-plan li { display: flex; gap: 10px; padding: 11px; background: #151f32; border-radius: 9px; }
.review-output-plan li > span { color: #2bd9a1; font-weight: 900; }
.review-output-plan li.output-embroidery { border-left: 3px solid #9b72ff; }
.review-output-plan li.output-embroidery > span { color: #9b72ff; }
.review-output-plan li.output-laser { border-left: 3px solid #f5a94a; }
.review-output-plan li.output-laser > span { color: #f5a94a; }
.review-output-plan li.output-print { border-left: 3px solid #4b8dff; }
.review-output-plan li.output-print > span { color: #4b8dff; }
.review-output-plan strong, .review-output-plan small { display: block; }
.review-output-plan small { margin-top: 4px; color: #8391a6; }
.review-order-counts article { position: relative; overflow: hidden; }
.review-order-counts article::after { content: ""; position: absolute; right: -18px; bottom: -28px; width: 72px; height: 72px; border: 1px solid rgba(255,255,255,.035); border-radius: 50%; }
.review-order-counts article strong { font-size: 20px; }
.review-order-counts article > small:first-child { display: flex; align-items: center; gap: 7px; }
.review-order-counts article > small:first-child > span:last-child { display: inline; }
.review-order-counts .amazon { border-color: rgba(167,139,250,.28); }
.review-order-counts .etsy { border-color: rgba(215,104,54,.25); }
.review-order-counts .shopify { border-color: rgba(93,150,58,.25); }
.review-output-plan-v2 .review-core-files, .review-output-plan-v2 .review-engine-files { display: grid; gap: 9px; margin-top: 13px; }
.review-output-plan-v2 .review-core-files { grid-template-columns: repeat(3,minmax(0,1fr)); }
.review-output-plan-v2 .review-engine-files { grid-template-columns: repeat(3,minmax(0,1fr)); padding-top: 12px; border-top: 1px solid #2a384f; }
.review-output-plan-v2 article { display: flex; gap: 11px; min-height: 76px; padding: 13px; background: #151f32; border: 1px solid transparent; border-radius: 10px; }
.review-output-plan-v2 article > span { width: 28px; height: 28px; display: grid; place-items: center; flex: none; color: var(--green); background: var(--green-soft); border-radius: 8px; font-weight: 900; }
.review-output-plan-v2 article strong { font-size: 10px; }
.review-output-plan-v2 article small { font-size: 8px; line-height: 1.45; }
.review-output-plan-v2 article.output-embroidery { border-color: rgba(155,114,255,.24); }
.review-output-plan-v2 article.output-embroidery > span { color: #9b72ff; background: rgba(155,114,255,.13); }
.review-output-plan-v2 article.output-laser { border-color: rgba(245,169,74,.24); }
.review-output-plan-v2 article.output-laser > span { color: #f5a94a; background: rgba(245,169,74,.12); }
.review-output-plan-v2 article.output-print { border-color: rgba(75,141,255,.24); }
.review-output-plan-v2 article.output-print > span { color: #4b8dff; background: rgba(75,141,255,.12); }
.review-execution-plan { margin: 14px 0; padding: 16px; background: #111b2d; border: 1px solid #2d3b52; border-radius: 12px; }
.protected-mode-badge { display: inline-flex; align-items: center; min-height: 24px; padding: 0 9px; color: #b9a7ff; background: rgba(128, 92, 255, .12); border: 1px solid rgba(149, 121, 255, .27); border-radius: 999px; font-size: 7px; font-weight: 850; text-transform: uppercase; letter-spacing: .05em; }
.execution-plan-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; margin-top: 13px; }
.execution-plan-group { padding: 12px; background: #141f32; border: 1px solid #2d3c54; border-radius: 10px; }
.execution-plan-group > strong { display: block; margin-bottom: 8px; color: #8290a5; font-size: 8px; text-transform: uppercase; letter-spacing: .06em; }
.execution-plan-group article { display: grid; grid-template-columns: 22px minmax(0,1fr); align-items: start; gap: 8px; padding: 8px 0; border-top: 1px solid #26364c; }
.execution-plan-group article:first-of-type { border-top: 0; }
.execution-plan-group article > span { width: 22px; height: 22px; display: grid; place-items: center; color: var(--green); background: var(--green-soft); border-radius: 7px; font-size: 9px; font-weight: 900; }
.execution-plan-group.checked-only article > span { color: #7fcfff; background: rgba(42,184,255,.1); }
.execution-plan-group b, .execution-plan-group small { display: block; }
.execution-plan-group b { color: #e5eaf3; font-size: 9px; }
.execution-plan-group small { margin-top: 4px; color: #7c8ba1; font-size: 8px; line-height: 1.45; }
.execution-plan-note { margin: 11px 0 0; color: #7e8ca1; font-size: 8px; }
.review-technical .snapshot-files { margin: 14px 0; }
.snapshot-technical-id { display: flex; flex-direction: column; gap: 6px; margin: 12px 0; }
.snapshot-technical-id small { color: #7e8da5; }
.snapshot-technical-id code, .technical-run-id { overflow-wrap: anywhere; color: #9d8be4; }
.processing-live-status { min-height: 78px; display: flex; align-items: center; gap: 14px; margin: 12px 0; padding: 16px 18px; background: linear-gradient(90deg,rgba(139,92,246,.12),rgba(139,92,246,.045)); border: 1px solid rgba(167,139,250,.3); border-radius: 12px; }
.processing-live-status > div { flex: 1; }
.processing-live-status strong, .processing-live-status small { display: block; }
.processing-live-status strong { font-size: 12px; }
.processing-live-status small { margin-top: 6px; color: #9ba8bb; font-size: 9px; font-variant-numeric: tabular-nums; }
.processing-live-status > .loading-pip { width: 10px; height: 10px; box-shadow: 0 0 0 7px rgba(128,92,255,.09); }
.processing-focus { min-height: 112px; display: grid; grid-template-columns: 54px minmax(0,1fr) auto; align-items: center; gap: 18px; margin: 14px 0 10px; padding: 18px 20px; background: linear-gradient(105deg,rgba(128,92,255,.13),#111c2e 62%); border: 1px solid rgba(151,123,255,.32); border-radius: 14px; }
.processing-focus-pulse { width: 50px; height: 50px; display: grid; place-items: center; background: rgba(128,92,255,.1); border-radius: 50%; }
.processing-focus-pulse i { width: 14px; height: 14px; background: #8b69ff; border: 4px solid rgba(139,105,255,.22); border-radius: 50%; box-shadow: 0 0 0 8px rgba(139,105,255,.075); animation: engine-running-pulse 1s ease-in-out infinite; }
.processing-focus small, .processing-focus strong, .processing-focus p { display: block; }
.processing-focus small { color: #a48cff; font-size: 7px; font-weight: 900; letter-spacing: .12em; }
.processing-focus strong { margin-top: 6px; font-size: 17px; }
.processing-focus p { margin: 5px 0 0; color: #8492a7; font-size: 9px; }
.processing-focus > span { padding: 7px 10px; color: #a99bbb; background: rgba(255,255,255,.035); border-radius: 999px; font-size: 8px; }
.processing-focus.engine-embroidery { border-color: rgba(155,114,255,.34); }
.processing-focus.engine-embroidery .processing-focus-pulse i { background: #9b72ff; }
.processing-focus.engine-laser { border-color: rgba(245,169,74,.34); background: linear-gradient(105deg,rgba(245,169,74,.1),#111c2e 62%); }
.processing-focus.engine-laser .processing-focus-pulse i { background: #f5a94a; border-color: rgba(245,169,74,.22); box-shadow: 0 0 0 8px rgba(245,169,74,.07); }
.processing-focus.engine-logiprint { border-color: rgba(75,141,255,.34); background: linear-gradient(105deg,rgba(75,141,255,.1),#111c2e 62%); }
.processing-focus.engine-logiprint .processing-focus-pulse i { background: #4b8dff; border-color: rgba(75,141,255,.22); box-shadow: 0 0 0 8px rgba(75,141,255,.07); }
.processing-focus.engine-lists, .processing-focus.engine-labels { border-color: rgba(205,213,224,.3); background: linear-gradient(105deg,rgba(205,213,224,.075),#111c2e 62%); }
.processing-focus.engine-lists .processing-focus-pulse i, .processing-focus.engine-labels .processing-focus-pulse i { background: #d2d9e2; border-color: rgba(205,213,224,.22); box-shadow: 0 0 0 8px rgba(205,213,224,.06); }
.processing-focus-parallel { align-items: start; background: linear-gradient(105deg,rgba(128,92,255,.14),rgba(75,141,255,.055) 58%,#111c2e); }
.processing-focus-parallel .processing-focus-pulse { margin-top: 3px; }
.processing-focus-active { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 12px; }
.processing-focus-active .processing-focus-chip { display: inline-flex; align-items: center; gap: 6px; padding: 6px 9px; color: #c6cfdd; background: rgba(255,255,255,.04); border: 1px solid #30415a; border-radius: 999px; font-size: 8px; font-weight: 800; }
.processing-focus-chip > i { width: 7px; height: 7px; flex: none; background: #8b69ff; border-radius: 50%; box-shadow: 0 0 0 3px rgba(139,105,255,.1); }
.processing-focus-chip.engine-embroidery > i { background: #9b72ff; box-shadow: 0 0 0 3px rgba(155,114,255,.1); }
.processing-focus-chip.engine-laser > i { background: #f5a94a; box-shadow: 0 0 0 3px rgba(245,169,74,.1); }
.processing-focus-chip.engine-logiprint > i { background: #4b8dff; box-shadow: 0 0 0 3px rgba(75,141,255,.1); }
.processing-focus-chip.engine-lists > i, .processing-focus-chip.engine-labels > i { background: #d2d9e2; box-shadow: 0 0 0 3px rgba(205,213,224,.1); }
.drawer-engine-sections .engine-progress-section { margin-top: 12px; }
.workbook-only-summary { display: flex; gap: 12px; margin: 0 0 14px; padding: 14px; background: rgba(139,92,246,.09); border: 1px solid rgba(167,139,250,.25); border-radius: 11px; }
.workbook-only-summary > span { color: #b8a1ff; font-size: 18px; }
.workbook-only-summary p { margin: 5px 0 0; color: #8d9aaf; }
.reanalyze-control { min-height: 30px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; padding: 0 11px; color: #d5bd72; background: rgba(213,189,114,.08); border: 1px solid rgba(213,189,114,.25); border-radius: 8px; font-size: 8px; font-weight: 850; white-space: nowrap; }
.reanalyze-control.action { cursor: pointer; }
.reanalyze-control.action:hover { color: #f4e7b9; background: rgba(213,189,114,.14); border-color: rgba(225,204,131,.46); }
.reanalyze-control.action:disabled { cursor: wait; opacity: .55; }
.reanalyze-action-icon { width: 14px; height: 14px; display: grid; place-items: center; flex: none; }
.reanalyze-action-icon svg { width: 14px; height: 14px; display: block; }
.reanalyze-action-icon path { stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.drawer-status-line.reanalyzing, .result-status-row.reanalyzing { justify-content: flex-end; }
.reanalyze-control.running { color: #d5bd72; background: rgba(213,189,114,.08); border-color: rgba(213,189,114,.25); }
.reanalyze-control.running > i { width: 12px; height: 12px; border: 2px solid rgba(213,189,114,.25); border-top-color: #d5bd72; border-radius: 50%; animation: spin .8s linear infinite; }
.reanalyze-summary { display: grid; grid-template-columns: 38px minmax(0,1fr) auto; align-items: center; gap: 13px; margin: 12px 0 14px; padding: 13px 14px; background: #121d30; border: 1px solid #30415a; border-radius: 11px; }
.reanalyze-summary-icon { width: 38px; height: 38px; display: grid; place-items: center; flex: none; color: #cbd5e1; background: rgba(203,213,225,.08); border: 1px solid rgba(203,213,225,.22); border-radius: 10px; font-size: 16px; font-weight: 850; }
.reanalyze-copy { min-width: 0; }
.reanalyze-copy small, .reanalyze-copy strong { display: block; }
.reanalyze-copy > small { color: #d5bd72; font-size: 7px; font-weight: 900; letter-spacing: .12em; }
.reanalyze-copy > strong { margin-top: 4px; color: #eff2f8; font-size: 10px; }
.reanalyze-copy > p { max-width: 720px; margin: 4px 0 0; color: #8290a5; font-size: 8px; line-height: 1.5; }
.reanalyze-summary.running { border-color: rgba(213,189,114,.28); background: linear-gradient(120deg,rgba(213,189,114,.07),#121d30 58%); }
.reanalyze-summary.running .reanalyze-summary-icon { border-color: rgba(213,189,114,.26); background: rgba(213,189,114,.09); }
.reanalyze-summary.running .reanalyze-summary-icon i { width: 15px; height: 15px; border: 2px solid rgba(213,189,114,.25); border-top-color: #d5bd72; border-radius: 50%; animation: spin .8s linear infinite; }
.run-detail-copyright { margin: 22px 0 0; padding: 17px 4px 2px; color: #6f7c90; border-top: 1px solid rgba(148,163,184,.13); text-align: center; font-size: 8px; letter-spacing: .01em; }
.reanalyze-summary.completed { border-color: rgba(43,217,161,.28); background: linear-gradient(120deg,rgba(43,217,161,.07),#121d30 58%); }
.reanalyze-summary.completed .reanalyze-summary-icon { color: var(--green); background: var(--green-soft); border-color: rgba(43,217,161,.25); }
.reanalyze-summary.completed .reanalyze-copy > small { color: var(--green); }
.reanalyze-summary.failed { border-color: rgba(255,97,120,.25); background: linear-gradient(120deg,rgba(255,97,120,.055),#121d30 58%); }
.reanalyze-summary.failed .reanalyze-summary-icon { color: #ff8395; background: rgba(255,97,120,.09); border-color: rgba(255,97,120,.18); }
.reanalyze-summary.failed .reanalyze-copy > small { color: #ff8395; }
.reanalyze-change-list { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.reanalyze-change-list span { padding: 5px 8px; color: #a7cfbf; background: rgba(43,217,161,.045); border: 1px solid rgba(43,217,161,.14); border-radius: 999px; font-size: 7px; font-weight: 800; }
.reanalyze-download { justify-content: center; white-space: nowrap; }
.audit-details .audit-panel, .review-technical .audit-panel { margin: 14px 0 0; border: 0; background: transparent; }
.drawer-unavailable .secondary-button { margin-top: 18px; }

@media (max-width: 900px) {
  .drawer-engine-progress, .operational-download-grid { grid-template-columns: 1fr; }
  .technical-file-list { grid-template-columns: 1fr; }
  .execution-plan-grid, .route-legend { grid-template-columns: 1fr; }
  .marketplace-quote-overview { grid-template-columns: 1fr; }
  .preflight-checking-stage { grid-template-columns: 1fr; justify-items: center; text-align: center; }
  .label-checking-stage { grid-template-columns: 18px minmax(0,1fr) 66px; justify-items: stretch; gap: 20px; text-align: left; }
  .label-checking-side { min-width: 64px; padding-left: 14px; }
  .manual-route-select { grid-template-columns: 1fr; }
  .manual-route-select > em { grid-column: 1; }
  .reanalyze-summary { grid-template-columns: 38px minmax(0,1fr); }
  .reanalyze-summary > .reanalyze-download { grid-column: 2; justify-self: start; }
}

@media (max-width: 560px) {
  .order-drawer.local-run-drawer { width: 100vw; max-width: none; }
  .local-run-drawer .drawer-head { min-height: 78px; padding: 16px 18px; }
  .local-run-drawer .drawer-head h2 { max-width: calc(100vw - 90px); }
  .label-checking-stage { grid-template-columns: 18px minmax(0,1fr); gap: 16px; padding: 24px 18px; }
  .label-checking-side { grid-column: 1 / -1; display: flex; justify-content: center; gap: 9px; padding: 12px 0 0; border-top: 1px solid rgba(203,213,225,.13); border-left: 0; }
  .label-checking-hourglass { width: 30px; height: 30px; }
  .local-run-drawer .drawer-body { padding: 18px 15px 32px; }
  .run-stores-metric { grid-template-columns: 1fr; gap: 13px; }
  .run-stores-breakdown { justify-content: flex-start; }
  .operational-downloads { padding: 13px; }
  .operational-download-group { padding: 12px; }
  .operational-file { grid-template-columns: 34px minmax(0, 1fr); }
  .operational-file-icon { width: 34px; height: 34px; }
  .operational-download-action, .download-pending { grid-column: 1 / -1; justify-content: center; }
  .drawer-status-line { align-items: center; flex-direction: row; flex-wrap: wrap; gap: 9px; }
  .drawer-status-line code { max-width: 100%; overflow-wrap: anywhere; }
  .processing-focus { grid-template-columns: 42px minmax(0,1fr); gap: 12px; padding: 15px; }
  .processing-focus-pulse { width: 40px; height: 40px; }
  .processing-focus > span { grid-column: 2; justify-self: start; }
  .result-status-row { align-items: flex-start; }
  .reanalyze-summary { padding: 12px; gap: 10px; }
  .reanalyze-summary-icon { width: 36px; height: 36px; }
  .reanalyze-summary > .reanalyze-download { grid-column: 1 / -1; width: 100%; justify-self: stretch; }
}

/* Customer-facing Bimo sign-in. Scoped to login markup only. */
.login-body {
  overflow: auto;
  background:
    radial-gradient(circle at 10% 15%, rgba(128,92,255,.16), transparent 28%),
    radial-gradient(circle at 90% 82%, rgba(160,68,238,.11), transparent 30%),
    #080d18;
}
.login-body::before {
  opacity: .15;
  background-size: 64px 64px;
}
.login-shell {
  min-height: 100vh;
  padding: 0;
}
.login-stage {
  position: relative;
  z-index: 2;
  width: 100%;
  min-height: 100vh;
  min-height: 100svh;
  display: grid;
  grid-template-columns: minmax(0,1.3fr) minmax(440px,.7fr);
  overflow: hidden;
  background: rgba(12,18,33,.82);
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.login-product {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding: clamp(42px,6vh,68px) clamp(48px,5vw,92px) 40px;
  background:
    radial-gradient(circle at 12% 25%, rgba(128,92,255,.18), transparent 34%),
    linear-gradient(145deg,rgba(25,31,55,.92),rgba(12,19,35,.96));
  border-right: 1px solid rgba(135,112,210,.16);
}
.login-product::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .12;
  pointer-events: none;
  background-image: radial-gradient(circle,rgba(182,164,255,.55) .7px,transparent .8px);
  background-size: 25px 25px;
  mask-image: linear-gradient(145deg,black,transparent 72%);
}
.login-product::after {
  content: "";
  position: absolute;
  width: 360px;
  height: 360px;
  right: -210px;
  bottom: -220px;
  border: 1px solid rgba(168,133,255,.18);
  border-radius: 50%;
  box-shadow: 0 0 0 48px rgba(128,92,255,.025),0 0 0 96px rgba(128,92,255,.018);
}
.login-product > * { position: relative; z-index: 1; }
.login-product-brand { width: 172px; height: 72px; overflow: hidden; }
.login-product-brand img { display: block; width: 172px; height: auto; transform: translate(-8px,-18px); }
.login-product-copy { margin-top: clamp(22px,3vh,34px); max-width: 670px; }
.login-product-kicker, .login-access-kicker {
  color: #ad98f6;
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .19em;
}
.login-product-copy h1 {
  margin: 16px 0 17px;
  max-width: 650px;
  font-size: clamp(44px,4.2vw,68px);
  line-height: 1.02;
  letter-spacing: -.055em;
}
.login-product-copy > p {
  max-width: 620px;
  margin: 0;
  color: #9aa6ba;
  font-size: 16px;
  line-height: 1.65;
}
.login-capabilities {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: clamp(24px,3.4vh,34px);
}
.login-capability-grid {
  display: grid;
  gap: 10px;
}
.login-capability-grid-primary { grid-template-columns: repeat(2,minmax(0,1fr)); }
.login-capability-grid-production { grid-template-columns: repeat(2,minmax(0,1fr)); }
.login-capability-grid-production article {
  min-height: 130px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  padding: 14px;
}
.login-engine-heading { display: flex; align-items: center; gap: 10px; }
.login-capability-grid-production article > small { margin-top: 10px; }
.login-capability-group-title {
  margin-top: 3px;
  color: #79879d;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.login-capability-grid article {
  min-width: 0;
  display: grid;
  grid-template-columns: 38px minmax(0,1fr);
  align-items: center;
  gap: 11px;
  min-height: 72px;
  padding: 12px 13px;
  background: rgba(9,15,28,.46);
  border: 1px solid rgba(157,132,235,.13);
  border-radius: 13px;
}
.login-capabilities .login-capability-grid-production article {
  min-height: 122px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0;
  padding: 13px;
}
.login-capability-icon {
  --icon-rgb: 128,92,255;
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  overflow: hidden;
  background: linear-gradient(145deg, rgba(var(--icon-rgb),.18), rgba(var(--icon-rgb),.055));
  border: 1px solid rgba(var(--icon-rgb),.28);
  border-radius: 10px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 8px 22px rgba(var(--icon-rgb),.08);
}
.login-capability-icon img { width: 27px; height: 27px; display: block; object-fit: contain; }
.login-capability-icon svg { width: 27px; height: 27px; display: block; }
.login-amazon-kicker { display: inline-flex; align-items: center; gap: 10px; }
.login-amazon-kicker img { width: 23px; height: 23px; object-fit: contain; }
.login-product-footer { margin-top: auto; padding-top: 36px; color: #7f8ca1; font-size: 11px; line-height: 1.5; }
.login-capability-icon.lists-icon { --icon-rgb: 188,198,212; }
.login-capability-icon.labels-icon { --icon-rgb: 220,224,231; }
.login-capability-icon.print-icon { --icon-rgb: 75,141,255; }
.login-capability-icon.embroidery-icon { --icon-rgb: 160,92,255; }
.login-capability-icon.laser-icon { --icon-rgb: 246,185,75; }
.login-capabilities strong, .login-capabilities small { display: block; }
.login-capabilities strong { color: #edf0f7; font-size: 12px; }
.login-capabilities small { margin-top: 4px; color: #78869c; font-size: 9px; line-height: 1.4; }
.login-engine-note {
  display: block;
  margin-top: auto;
  padding-top: 9px;
  color: #9b8ed0;
  font-size: 7.5px;
  font-weight: 800;
  line-height: 1.35;
  letter-spacing: .055em;
  text-transform: uppercase;
}
.login-marketplace-support {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-top: auto;
  padding-top: 28px;
}
.login-marketplace-support > span { color: #707f96; font-size: 9px; font-weight: 750; letter-spacing: .06em; text-transform: uppercase; }
.login-marketplaces { display: flex; align-items: center; gap: 8px; }
.login-marketplace {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 31px;
  padding: 0 9px 0 5px;
  color: #b5bfce;
  background: rgba(8,14,26,.55);
  border: 1px solid rgba(151,166,194,.14);
  border-radius: 999px;
}
.login-marketplace i {
  width: 21px;
  height: 21px;
  display: grid;
  place-items: center;
  overflow: hidden;
  background: rgba(255,255,255,.075);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 50%;
}
.login-marketplace img { width: 60%; height: 60%; object-fit: contain; }
.login-marketplace strong { font-size: 8px; font-weight: 760; }
.login-stage .login-panel {
  width: auto;
  min-height: 0;
  justify-content: center;
  padding: clamp(48px,6vw,96px);
  background: linear-gradient(180deg,rgba(13,20,36,.97),rgba(9,15,28,.98));
}
.login-stage .login-card {
  width: 100%;
  max-width: 440px;
  overflow: visible;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.login-stage .login-card::before, .login-stage .login-card::after { display: none; }
.login-access-kicker { display: block; color: #8f7cce; }
.login-stage .login-card h2 {
  margin: 14px 0 9px;
  text-align: left;
  font-size: 31px;
  line-height: 1.08;
  letter-spacing: -.042em;
}
.login-stage .login-intro {
  margin: 0 0 30px;
  text-align: left;
  color: #7f8ca1;
  font-size: 12px;
  line-height: 1.55;
}
.login-stage .login-card label { margin: 19px 0 10px; color: #bcc5d4; font-size: 11px; }
.login-field-heading { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin: 21px 0 10px; }
.login-field-heading label { margin: 0 !important; }
.forgot-password {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 2px 0;
  color: #8f82bd;
  background: transparent;
  border: 0;
  font-size: 10px;
  font-weight: 700;
}
.forgot-password svg { width: 12px; height: 12px; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.forgot-password:disabled { opacity: 1; cursor: default; }
.login-stage .input-wrap input {
  height: 56px;
  padding-left: 44px;
  color: #f3f5fa;
  background: rgba(7,12,23,.72);
  border-color: #2b354d;
  border-radius: 11px;
}
.login-stage .input-wrap input::placeholder { color: #59657a; }
.login-stage .input-wrap input:hover { border-color: #3d4965; }
.login-stage .input-wrap input:focus { border-color: #7560c8; background: #0d1527; box-shadow: 0 0 0 3px rgba(128,92,255,.1); }
.login-stage .input-icon { left: 15px; color: #6d7890; }
.login-stage .input-icon svg { width: 18px; height: 18px; stroke: currentColor; stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round; }
.login-stage .form-error { min-height: 19px; margin: 10px 0 3px; font-size: 10px; }
.login-stage .sign-in-button {
  min-height: 50px;
  color: #ece8ff;
  background: linear-gradient(110deg,rgba(128,92,255,.2),rgba(160,68,238,.13));
  border: 1px solid rgba(154,127,255,.42);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.055),0 9px 24px rgba(0,0,0,.12);
}
.login-stage .sign-in-button:hover { background: linear-gradient(110deg,rgba(128,92,255,.29),rgba(160,68,238,.2)); border-color: rgba(173,150,255,.62); filter: none; }
.login-help-note { margin: 22px 0 0; color: #59667b; text-align: center; font-size: 10px; line-height: 1.5; }

@media (max-width: 900px) {
  .login-shell { align-items: start; padding: 22px; }
  .login-stage {
    width: min(720px,100%);
    min-height: 0;
    grid-template-columns: 1fr;
    border: 1px solid rgba(135,112,210,.22);
    border-radius: 24px;
    box-shadow: 0 28px 90px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.035);
  }
  .login-product { padding: 36px; border-right: 0; border-bottom: 1px solid rgba(135,112,210,.16); }
  .login-product-copy { margin-top: 24px; }
  .login-product-copy h1 { font-size: 40px; }
  .login-marketplace-support { margin-top: 26px; }
  .login-stage .login-panel { padding: 42px 36px; }
}

@media (max-width: 560px) {
  .login-shell { padding: 12px; }
  .login-stage { border-radius: 19px; }
  .login-product { padding: 27px 22px 24px; }
  .login-product-brand { width: 142px; height: 60px; }
  .login-product-brand img { width: 150px; transform: translate(-7px,-16px); }
  .login-product-copy { margin-top: 18px; }
  .login-product-copy h1 { margin: 13px 0 12px; font-size: 32px; }
  .login-product-copy > p { font-size: 13px; }
  .login-capabilities { gap: 7px; margin-top: 23px; }
  .login-capability-grid { gap: 7px; }
  .login-capability-grid-production { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .login-capability-grid article { grid-template-columns: 30px minmax(0,1fr); gap: 8px; min-height: 72px; padding: 9px; }
  .login-capabilities .login-capability-grid-production article { min-height: 126px; padding: 11px; }
  .login-capability-icon { width: 30px; height: 30px; border-radius: 8px; }
  .login-capability-icon img { width: 21px; height: 21px; }
  .login-capability-icon svg { width: 21px; height: 21px; }
  .login-capabilities strong { font-size: 10px; }
  .login-capabilities small { font-size: 7px; line-height: 1.3; }
  .login-engine-note { padding-top: 7px; font-size: 6.5px; }
  .login-marketplace-support { align-items: flex-start; flex-direction: column; gap: 11px; padding-top: 22px; }
  .login-marketplaces { width: 100%; gap: 6px; }
  .login-marketplace { flex: 1; justify-content: center; padding-right: 6px; }
  .login-stage .login-panel { padding: 32px 22px 27px; }
  .login-stage .login-card h2 { font-size: 28px; }
}

/* Settings hub and List Studio */
.settings-content { width: 100%; }
.settings-content.settings-hub-mode {
  min-height: 0;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
}
.settings-hub-intro,
.list-studio-hero {
  position: relative;
  overflow: hidden;
  display: grid;
  align-items: center;
  gap: 28px;
  min-height: 176px;
  padding: 30px 32px;
  background:
    radial-gradient(circle at 90% 0%, rgba(128,92,255,.2), transparent 38%),
    linear-gradient(135deg, rgba(25,36,58,.98), rgba(15,24,41,.98));
  border: 1px solid #30405a;
  border-radius: 20px;
  box-shadow: 0 24px 65px rgba(0,0,0,.2), inset 0 1px 0 rgba(255,255,255,.035);
}
.settings-hub-intro {
  display: block;
  min-height: 0;
  padding: 27px 30px;
  background:
    radial-gradient(circle at 92% -20%, rgba(128,92,255,.16), transparent 42%),
    linear-gradient(135deg, rgba(24,35,56,.98), rgba(15,24,41,.98));
}
.settings-hub-intro > div { position: relative; z-index: 1; }
.settings-hub-intro::after,
.list-studio-hero::after {
  content: '';
  position: absolute;
  width: 260px;
  height: 260px;
  right: -120px;
  bottom: -170px;
  border: 1px solid rgba(169,140,255,.11);
  border-radius: 50%;
  box-shadow: 0 0 0 34px rgba(169,140,255,.025), 0 0 0 72px rgba(169,140,255,.018);
  pointer-events: none;
}
.settings-hub-intro h2,
.list-studio-hero h2 { margin: 9px 0 9px; font-size: 26px; letter-spacing: -.035em; }
.settings-hub-intro p,
.list-studio-hero p { max-width: 690px; margin: 0; color: #8290a5; font-size: 11px; line-height: 1.65; }
.list-studio-facts { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(3,112px); gap: 8px; }
.list-studio-facts > span {
  min-height: 76px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 12px 14px;
  background: rgba(9,16,29,.56);
  border: 1px solid rgba(142,117,222,.16);
  border-radius: 12px;
}
.list-studio-facts strong,
.list-studio-facts small { display: block; }
.list-studio-facts strong { color: #f4f1ff; font-size: 20px; letter-spacing: -.03em; }
.list-studio-facts small { margin-top: 5px; color: #748299; font-size: 8px; line-height: 1.35; }
.settings-hub-group { margin-top: 27px; }
.settings-content.settings-hub-mode > .settings-hub-group:first-child { margin-top: 0; }
.settings-hub-group + .settings-hub-group { padding-top: 27px; border-top: 1px solid rgba(48,64,90,.48); }
.settings-group-head { min-height: 48px; display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; margin-bottom: 13px; }
.settings-group-head > div { display: flex; align-items: flex-start; gap: 12px; }
.settings-group-marker {
  width: 8px;
  height: 8px;
  margin: 7px 5px 0 4px;
  flex: none;
  background: #9679ef;
  border: 2px solid #182338;
  border-radius: 50%;
  box-shadow: 0 0 0 3px rgba(128,92,255,.1);
}
.settings-group-head h3 { margin: 1px 0 5px; font-size: 15px; letter-spacing: -.015em; }
.settings-group-head p { margin: 0; color: #718097; font-size: 9px; line-height: 1.5; }
.settings-group-link { align-self: center; color: #70658f; font-size: 8px; font-weight: 700; }
.settings-hub-grid { display: grid; gap: 12px; }
.settings-hub-grid.two-up { grid-template-columns: repeat(2,minmax(0,1fr)); }
.settings-hub-grid.three-up { grid-template-columns: repeat(3,minmax(0,1fr)); }
.settings-hub-card {
  --card-accent: #a98cff;
  --card-soft: rgba(128,92,255,.11);
  position: relative;
  width: 100%;
  min-height: 118px;
  display: grid;
  grid-template-columns: 48px minmax(0,1fr) 25px;
  align-items: center;
  gap: 15px;
  padding: 18px;
  color: #edf1f7;
  text-align: left;
  background: linear-gradient(145deg, rgba(23,34,55,.98), rgba(17,27,45,.98));
  border: 1px solid #2c3b53;
  border-radius: 15px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.018);
  cursor: pointer;
  transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
}
.settings-hub-card::before {
  content: '';
  position: absolute;
  inset: 0 auto 0 0;
  width: 2px;
  background: linear-gradient(180deg, transparent, var(--card-accent), transparent);
  opacity: .68;
}
.settings-hub-card:hover {
  transform: translateY(-2px);
  background: linear-gradient(145deg, rgba(27,40,63,.99), rgba(19,30,49,.99));
  border-color: color-mix(in srgb, var(--card-accent) 44%, #2c3b53);
  box-shadow: 0 17px 35px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.025);
}
.settings-hub-card.planned { opacity: .72; cursor: default; }
.settings-hub-card.planned:hover { transform: none; background: linear-gradient(145deg, rgba(23,34,55,.98), rgba(17,27,45,.98)); border-color: #2c3b53; box-shadow: inset 0 1px 0 rgba(255,255,255,.018); }
.settings-hub-card.tone-green { --card-accent: #2bd9a1; --card-soft: rgba(43,217,161,.1); }
.settings-hub-card.tone-purple,
.settings-detail-icon.tone-purple { --card-accent: #a98cff; --card-soft: rgba(128,92,255,.11); }
.settings-hub-card.tone-coral { --card-accent: #d85cff; --card-soft: rgba(216,92,255,.1); }
.settings-hub-card.tone-blue { --card-accent: #5a98ff; --card-soft: rgba(75,141,255,.11); }
.settings-hub-card.tone-amber { --card-accent: #f6b94b; --card-soft: rgba(246,185,75,.11); }
.settings-hub-card.tone-slate,
.settings-detail-icon.tone-slate { --card-accent: #8290a6; --card-soft: rgba(130,144,166,.09); }
.settings-hub-card.has-marketplace-icons { grid-template-columns: 68px minmax(0,1fr) 25px; }
.settings-card-icon,
.list-studio-mark {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  flex: none;
  color: var(--card-accent);
  background: var(--card-soft);
  border: 1px solid color-mix(in srgb, var(--card-accent) 20%, transparent);
  border-radius: 13px;
}
.settings-card-icon svg,
.list-studio-mark svg { width: 23px; height: 23px; }
.settings-card-icon.capability {
  color: inherit;
  background: rgba(10,17,29,.5);
  border-color: rgba(151,167,192,.17);
}
.settings-capability-asset { width: 40px; height: 40px; display: block; object-fit: contain; }
.settings-card-icon.marketplaces {
  width: 68px;
  background: rgba(10,17,29,.5);
  border-color: rgba(151,167,192,.17);
}
.settings-card-icon.marketplaces .marketplace-brand-group { justify-content: center; }
.settings-detail-icon { margin-top: 1px; }
.settings-card-copy { min-width: 0; }
.settings-card-title { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.settings-card-title strong { font-size: 12px; letter-spacing: -.01em; }
.settings-card-review-info { position: relative; width: 19px; height: 19px; display: inline-grid; place-items: center; color: #ff9daa; background: rgba(255,94,122,.1); border: 1px solid rgba(255,94,122,.2); border-radius: 50%; font-size: 9px; font-weight: 900; line-height: 1; }
.settings-card-review-tooltip { position: absolute; z-index: 8; left: 50%; bottom: calc(100% + 9px); width: max-content; max-width: 250px; padding: 8px 10px; color: #dbe3ed; background: #0c1728; border: 1px solid #3a4b63; border-radius: 8px; box-shadow: 0 12px 30px rgba(0,0,0,.34); font-size: 8px; font-weight: 650; line-height: 1.45; opacity: 0; pointer-events: none; transform: translate(-50%,4px); transition: opacity .15s ease,transform .15s ease; }
.settings-card-review-info:hover .settings-card-review-tooltip,
.settings-hub-card:focus-visible .settings-card-review-tooltip { opacity: 1; transform: translate(-50%,0); }
.settings-card-copy > small { display: block; max-width: 390px; margin-top: 7px; color: #78879d; font-size: 9px; line-height: 1.55; }
.settings-card-metric { display: block; margin-top: 11px; color: #aeb9ca; font-size: 8px; font-weight: 750; }
.settings-card-note { display: inline-flex; margin-top: 9px; padding: 5px 7px; color: #8fa0b7; background: rgba(8,15,26,.42); border-radius: 6px; font-size: 7px; line-height: 1.35; }
.settings-card-note.review { color: #ff9daa; background: rgba(255,94,122,.1); border: 1px solid rgba(255,94,122,.2); }
.settings-card-arrow { color: #697991; font-size: 17px; transition: transform .18s,color .18s; }
.settings-hub-card:hover .settings-card-arrow { color: var(--card-accent); transform: translateX(3px); }
.settings-card-badge {
  display: inline-flex;
  align-items: center;
  min-height: 20px;
  padding: 0 7px;
  color: #aa95f5;
  background: rgba(128,92,255,.1);
  border: 1px solid rgba(148,117,255,.17);
  border-radius: 999px;
  font-size: 7px;
  font-style: normal;
  font-weight: 800;
}
.settings-card-badge.green { color: #49d8aa; background: rgba(43,217,161,.09); border-color: rgba(43,217,161,.18); }
.settings-card-badge.muted { color: #8390a4; background: rgba(125,140,162,.08); border-color: rgba(125,140,162,.14); }
.settings-detail-crumb { min-height: 36px; display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin: -8px 0 18px; color: #8d9cb1; font-size: 10px; font-weight: 600; }
.settings-detail-crumb button { display: inline-flex; align-items: center; gap: 8px; min-height: 36px; max-width: 100%; padding: 6px 12px 6px 7px; color: #c4b5f3; background: rgba(128,92,255,.08); border: 1px solid rgba(145,113,247,.24); border-radius: 9px; cursor: pointer; font-size: 11px; line-height: 1.4; font-weight: 650; text-align: left; transition: color .15s, background-color .15s, border-color .15s; }
.settings-detail-crumb button > span { display: grid; place-items: center; flex: 0 0 22px; height: 22px; border-radius: 6px; background: #ffffff08; font-size: 15px; font-weight: 500; }
.settings-detail-crumb button:hover { color: white; background: rgba(128,92,255,.14); border-color: rgba(164,135,255,.5); }
.settings-detail-crumb button:focus-visible { outline: 2px solid var(--logi-list-primary, #b7a2f5); outline-offset: 3px; }
.settings-detail-crumb > span::before { content: '·'; margin-right: 11px; color: #46546a; }
.settings-subsection-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; margin: 5px 0 15px; }
.settings-subsection-head h3 { margin: 7px 0 5px; font-size: 16px; }
.settings-subsection-head p { max-width: 720px; margin: 0; color: #74839a; font-size: 9px; line-height: 1.55; }
.embedded-analysis { margin-bottom: 27px; padding-bottom: 25px; border-bottom: 1px solid #27364c; }
.rules-subsection { margin-top: 0; }
.locked-setting-card { display: grid; grid-template-columns: 54px minmax(0,1fr); gap: 17px; padding: 22px; background: linear-gradient(135deg, rgba(43,217,161,.055), #172237 45%); border: 1px solid rgba(57,204,159,.19); border-radius: 14px; }
.locked-setting-icon,
.custom-flag-mark { width: 54px; height: 54px; display: grid; place-items: center; color: #46d8aa; background: rgba(43,217,161,.1); border: 1px solid rgba(43,217,161,.16); border-radius: 14px; }
.locked-setting-icon svg,
.custom-flag-mark svg { width: 25px; height: 25px; }
.locked-setting-copy { min-width: 0; }
.setting-label-row { display: flex; align-items: center; flex-wrap: wrap; gap: 9px; }
.setting-label-row strong { font-size: 13px; }
.setting-label-row em { padding: 5px 7px; color: #54d8ae; background: rgba(43,217,161,.09); border-radius: 999px; font-size: 7px; font-style: normal; font-weight: 800; }
.locked-setting-copy > p,
.custom-flag-summary p { margin: 7px 0 0; color: #76859a; font-size: 9px; line-height: 1.55; }
.approved-store-list { display: grid; gap: 8px; margin-top: 17px; }
.approved-store-list > span { min-height: 54px; display: grid; grid-template-columns: 25px minmax(0,1fr) auto; align-items: center; gap: 10px; padding: 10px 12px; background: rgba(7,15,26,.46); border: 1px solid #2b3a50; border-radius: 10px; }
.approved-store-list svg { width: 18px; height: 18px; color: #50d5aa; }
.approved-store-list strong { font-size: 10px; }
.approved-store-list small { color: #6f7d92; font-size: 7px; }
.approved-store-list > span.missing { display: block; color: var(--amber); }
.approved-store-list > span.missing small { display: block; margin-top: 5px; }
.custom-flag-summary { display: grid; grid-template-columns: 54px minmax(0,1fr); gap: 17px; padding: 21px; background: #172237; border: 1px solid #2d3c54; border-radius: 14px; }
.custom-flag-summary .custom-flag-mark { color: #8b98ac; background: rgba(130,144,166,.08); border-color: rgba(130,144,166,.14); }
.custom-flag-summary.active { background: linear-gradient(135deg, rgba(216,92,255,.055), #172237 45%); border-color: rgba(216,92,255,.18); }
.custom-flag-summary.active .custom-flag-mark { color: #df76ff; background: rgba(216,92,255,.09); border-color: rgba(216,92,255,.16); }
.custom-flag-metrics { grid-template-columns: repeat(3,1fr); }

/* Column Merge workspace */
.settings-content.settings-column-merges-mode { max-width: none; width: 100%; margin-inline: auto; }
.column-merge-workspace { display: grid; gap: 18px; }
.merge-workspace-columns { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: 20px; align-items: start; }
.merge-workspace-discovery, .merge-workspace-destinations { min-width: 0; }
.merge-workspace-destinations { display: grid; gap: 18px; }
.merge-workspace-columns .merge-discovery-head { flex-wrap: wrap; }
.merge-workspace-columns .merge-review-context,
.merge-workspace-columns .merge-review-section.is-clear .merge-review-context { grid-template-columns: minmax(0, 1fr); margin-left: 0; }
.merge-workspace-columns .merge-review-context .merge-analysis-order { min-width: 0; }
.merge-workspace-columns .merge-candidate-list { grid-template-columns: minmax(0, 1fr); max-height: 440px; overflow-y: auto; overscroll-behavior: contain; }
.merge-workspace-columns .merge-candidate-toolbar,
.merge-workspace-columns .merge-candidate-actions { flex-wrap: wrap; justify-content: flex-start; }
.merge-workspace-columns .standard-merge-summary,
.merge-workspace-columns .exclusions-merge-summary { flex-wrap: wrap; gap: 14px; }
.merge-workspace-columns .standard-merge-summary-side,
.merge-workspace-columns .exclusions-merge-summary-side { width: 100%; min-width: 0; }
.merge-workspace-columns .merge-inline-search { flex: 1; min-width: 0; width: auto; }
.merge-workspace-columns .merge-pagination { flex-wrap: wrap; gap: 12px; }
.merge-workspace-columns .exclusion-list { grid-template-columns: minmax(0, 1fr); }
@media (max-width: 1100px) {
  .merge-workspace-columns { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 720px) {
  .merge-workspace-columns .merge-inline-search { flex: 1 0 100%; width: 100%; }
}
.merge-workspace-separator,
.merge-protected-separator { height: 1px; margin: 14px 2px 5px; background: linear-gradient(90deg, transparent, rgba(111,126,151,.2) 18%, rgba(111,126,151,.2) 82%, transparent); }
.merge-workspace-separator::after,
.merge-protected-separator::after { content: ''; width: 52px; height: 1px; display: block; margin: 0 auto; background: rgba(111,126,151,.32); border-radius: 999px; box-shadow: none; }
.merge-protected-separator { margin-top: 24px; background: linear-gradient(90deg, transparent, rgba(111,126,151,.26) 18%, rgba(111,126,151,.12) 72%, transparent); }
.merge-protected-separator::after { background: rgba(111,126,151,.34); box-shadow: none; }
.column-merge-workspace .embedded-analysis,
.merge-section {
  margin: 0;
  padding: 22px;
  background: linear-gradient(150deg, rgba(22,33,53,.98), rgba(16,25,42,.98));
  border: 1px solid #2c3b53;
  border-radius: 16px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.018);
}
.merge-analysis-order { width: 100%; min-width: 0; display: grid; grid-template-columns: 46px minmax(0,1fr); align-items: center; gap: 12px; padding: 4px 0; background: transparent; border: 0; border-radius: 0; text-align: left; }
.merge-analysis-order-icon { width: 46px; height: 46px; display: grid; place-items: center; background: rgba(224,229,238,.07); border: 1px solid rgba(216,223,234,.13); border-radius: 11px; }
.merge-analysis-order-icon .capability-icon-asset { width: 30px; height: 30px; display: block; }
.merge-analysis-order small,
.merge-analysis-order strong,
.merge-analysis-order p { display: block; }
.merge-analysis-order small { color: #a7b2c3; font-size: 6.5px; font-weight: 850; letter-spacing: .09em; }
.merge-analysis-order strong { margin-top: 5px; overflow: hidden; color: #edf1f7; text-overflow: ellipsis; white-space: nowrap; font-size: 10px; }
.merge-analysis-order p { margin: 4px 0 0; color: #68778d; font-size: 7px; line-height: 1.4; }
.merge-analysis-order.missing { opacity: .72; }
.merge-review-section { background: linear-gradient(150deg, rgba(22,33,53,.98), rgba(16,25,42,.98)); }
.merge-discovery-head { align-items: center; }
.merge-review-context { min-width: 0; display: grid; grid-template-columns: minmax(350px,440px) auto; align-items: center; gap: 11px; }
.merge-review-context .merge-analysis-order { min-width: 350px; }
.merge-review-section.is-clear .merge-review-context { grid-template-columns: minmax(350px,440px); margin-left: auto; }
.merge-review-card { min-width: 0; padding: 15px; background: rgba(9,17,29,.5); border: 1px solid #2d3d54; border-radius: 12px; }
.merge-review-card.attention { border-color: #304159; background: rgba(9,17,29,.5); }
.merge-clear-state { width: fit-content; max-width: 430px; display: grid; grid-template-columns: 32px minmax(0,1fr); align-items: center; gap: 11px; padding: 11px 14px 11px 11px; color: #4bd7ad; background: rgba(48,209,166,.045); border: 1px solid rgba(48,209,166,.17); border-radius: 10px; }
.merge-clear-state > span { width: 32px; height: 32px; display: grid; place-items: center; color: #59ddb7; background: rgba(48,209,166,.09); border-radius: 8px; font-size: 13px; font-weight: 900; }
.merge-clear-state strong,
.merge-clear-state small { display: block; }
.merge-clear-state strong { color: #b9e9da; font-size: 9px; }
.merge-clear-state small { margin-top: 4px; color: #718f88; font-size: 7.5px; line-height: 1.45; }
.merge-candidate-toolbar { min-height: 46px; display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 10px; padding: 9px 10px 9px 12px; background: rgba(9,17,29,.42); border: 1px solid #2d3d54; border-radius: 9px; }
.merge-candidate-toolbar strong,
.merge-candidate-toolbar small { display: block; }
.merge-candidate-toolbar strong { color: #d6dce6; font-size: 8.5px; }
.merge-candidate-toolbar small { margin-top: 4px; color: #7c899c; font-size: 7px; }
.merge-candidate-toolbar button { flex: none; min-height: 34px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; padding: 0 13px; color: #bcd7ff; background: rgba(79,147,255,.08); border: 1px solid rgba(90,152,255,.28); border-radius: 8px; font: inherit; font-size: 7.5px; font-weight: 850; cursor: pointer; box-shadow: inset 0 1px 0 rgba(255,255,255,.018); }
.merge-candidate-toolbar button > span { color: #78b4ff; font-size: 12px; line-height: 1; }
.merge-candidate-toolbar button:hover { color: #e4f0ff; background: rgba(79,147,255,.14); border-color: rgba(90,152,255,.44); }
.merge-candidate-toolbar button:not(.settings-danger-button) { color: #bcd7ff; background: rgba(79,147,255,.08); border-color: rgba(90,152,255,.28); }
.merge-candidate-toolbar button:not(.settings-danger-button) > span { color: #78b4ff; }
.merge-candidate-toolbar button:not(.settings-danger-button):hover { color: #e4f0ff; background: rgba(79,147,255,.14); border-color: rgba(90,152,255,.44); }
.merge-candidate-actions { display: inline-flex; align-items: center; justify-content: flex-end; gap: 8px; }
.merge-candidate-actions [data-merge-exclude-selected] { color: #db8a94; background: rgba(220,70,84,.045); border-color: rgba(220,70,84,.18); }
.merge-candidate-actions [data-merge-exclude-selected]:hover { color: #f1a6ae; background: rgba(220,70,84,.085); border-color: rgba(220,70,84,.3); }
.merge-section-badge.attention { color: #ff9099; background: rgba(255,91,108,.09); border-color: rgba(255,91,108,.2); }
.merge-review-warning { width: 17px; height: 17px; display: inline-grid; place-items: center; margin-right: 6px; color: #ffd6da; background: rgba(255,91,108,.15); border: 1px solid rgba(255,145,155,.24); border-radius: 50%; font-size: 9px; font-weight: 900; line-height: 1; }
.merge-section-badge.clear { color: #49d3a9; background: rgba(48,209,166,.07); border-color: rgba(48,209,166,.13); }
.merge-candidate-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; }
.merge-candidate-option { min-width: 0; display: flex; align-items: center; gap: 9px; min-height: 54px; padding: 8px 10px; color: #b9c3d1; background: rgba(22,34,53,.72); border: 1px solid #2b3b52; border-radius: 9px; font-size: 8px; transition: border-color .15s ease, background .15s ease; }
.merge-candidate-option.selected { border-color: rgba(90,152,255,.4); background: rgba(79,147,255,.06); }
.merge-candidate-option > label { min-width: 0; flex: 1; display: grid; grid-template-columns: 20px minmax(0,1fr); align-items: center; gap: 9px; cursor: pointer; }
.merge-candidate-option input { position: absolute; opacity: 0; pointer-events: none; }
.merge-candidate-check { width: 20px; height: 20px; display: grid; place-items: center; color: transparent; background: rgba(123,139,162,.07); border: 1px solid #3a4a61; border-radius: 6px; }
.merge-candidate-option input:checked + .merge-candidate-check { color: #fff; background: #4f93ff; border-color: #78b4ff; box-shadow: 0 0 0 3px rgba(79,147,255,.1); }
.merge-candidate-option input:checked + .merge-candidate-check::after { content: '✓'; font-size: 10px; font-weight: 900; }
.merge-candidate-copy { min-width: 0; display: block; }
.merge-candidate-copy strong,
.merge-candidate-copy small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.merge-candidate-copy strong { color: #c8d0dc; font-size: 8px; }
.merge-candidate-copy small { margin-top: 4px; color: #728198; font-size: 6.5px; }
.merge-candidate-option em { flex: none; display: inline-flex; align-items: center; gap: 5px; color: #ff9099; font-size: 6.5px; font-style: normal; font-weight: 800; }
.merge-candidate-option em > span { width: 13px; height: 13px; display: inline-grid; place-items: center; color: #ffd6da; background: rgba(255,91,108,.12); border-radius: 50%; font-size: 7px; line-height: 1; }
.merge-creation-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; margin-top: 11px; }
.merge-create-card { min-width: 0; display: flex; flex-direction: column; gap: 8px; padding: 13px; background: rgba(9,17,29,.4); border: 1px solid #2d3d54; border-radius: 10px; }
.merge-create-card > div { min-height: 58px; }
.merge-create-card.add-on { border-color: #2d3d54; background: rgba(9,17,29,.4); box-shadow: inset 2px 0 0 rgba(79,147,255,.24); }
.merge-create-card.add-on > div { min-height: 58px; }
.merge-create-card small { color: #8f7bd0; font-size: 6.5px; font-weight: 850; letter-spacing: .09em; }
.merge-create-card.add-on small { color: #8fc4ff; }
.merge-create-card h4 { margin: 7px 0 5px; color: #edf0f6; font-size: 11px; }
.merge-create-card p { margin: 0; color: #74839a; font-size: 8px; line-height: 1.55; }
.merge-create-card input,
.merge-create-card button { width: 100%; min-width: 0; border-radius: 8px; font: inherit; }
.merge-create-card input { padding: 0 11px; color: #9ba8b9; background: rgba(24,37,58,.82); border: 1px solid #304159; font-size: 8px; }
.merge-create-card input,
.merge-create-card button { min-height: 38px; }
.merge-create-card button { margin-top: auto; color: #b6a6ef; background: rgba(128,92,255,.12); border: 1px solid rgba(145,113,247,.2); font-size: 8px; font-weight: 800; cursor: pointer; }
.merge-create-card:not(.add-on) small { color: #8fc4ff; }
.merge-create-card:not(.add-on) button { color: #bcd7ff; background: rgba(79,147,255,.1); border-color: rgba(90,152,255,.24); }
.merge-create-card:not(.add-on) button:hover:not(:disabled) { color: #e4f0ff; background: rgba(79,147,255,.16); border-color: rgba(90,152,255,.42); }
.merge-create-card.add-on button { color: #9bc9ff; background: rgba(79,147,255,.055); border-color: rgba(79,147,255,.16); }
.merge-create-card.unavailable button { color: #7b899c; background: rgba(123,139,162,.055); border-color: rgba(123,139,162,.11); }
.merge-create-card.add-on.unavailable button { color: #788ca6; background: rgba(79,147,255,.03); border-color: rgba(79,147,255,.09); }
.merge-create-card input:disabled,
.merge-create-card button:disabled { cursor: not-allowed; opacity: .62; }
.merge-create-card .merge-target-error { min-height: 14px; display: block; color: transparent; font-size: 6.5px; line-height: 1.4; }
.merge-create-card .merge-target-error.visible { color: #d27b84; }
.merge-section-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; margin-bottom: 17px; }
.merge-section-head h3 { margin: 7px 0 5px; font-size: 16px; letter-spacing: -.018em; }
.merge-section-head p { max-width: 740px; margin: 0; color: #74839a; font-size: 9px; line-height: 1.6; }
.merge-section-badge {
  flex: none;
  min-height: 27px;
  display: inline-flex;
  align-items: center;
  padding: 0 10px;
  color: #c7d0dc;
  background: rgba(226,232,240,.065);
  border: 1px solid rgba(226,232,240,.13);
  border-radius: 999px;
  font-size: 7.5px;
  font-weight: 800;
}
.merge-section-badge.amber { color: #9bc9ff; background: rgba(79,147,255,.09); border-color: rgba(79,147,255,.18); }
.standard-merge-section { padding: 0; overflow: hidden; border-color: #2d3d54; background: linear-gradient(150deg, rgba(22,33,53,.98), rgba(16,25,42,.98)); }
.standard-merge-summary { min-height: 88px; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 18px 20px; cursor: pointer; list-style: none; }
.standard-merge-summary::-webkit-details-marker { display: none; }
.standard-merge-summary:hover { background: rgba(79,147,255,.035); }
.standard-merge-summary h3 { margin: 7px 0 5px; font-size: 17px; letter-spacing: -.018em; }
.standard-merge-summary p { max-width: 620px; margin: 0; color: #8290a4; font-size: 9.5px; line-height: 1.55; }
.standard-merge-summary-side { flex: none; display: flex; align-items: center; gap: 9px; }
.standard-merge-summary-side > i { width: 29px; height: 29px; display: grid; place-items: center; color: #91c2ff; background: rgba(79,147,255,.08); border-radius: 8px; font-size: 13px; font-style: normal; transition: transform .16s ease; }
.standard-merge-disclosure[open] > .standard-merge-summary { border-bottom: 1px solid #293950; }
.standard-merge-disclosure[open] > .standard-merge-summary .standard-merge-summary-side > i { transform: rotate(180deg); }
.standard-merge-content { padding: 18px 20px 0; }
.merge-draft-banner { min-height: 50px; display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 20px 0 0; padding: 12px 14px; border-radius: 10px; }
.merge-draft-banner.idle { justify-content: flex-start; color: #77869a; background: rgba(79,147,255,.035); border: 1px solid rgba(79,147,255,.1); }
.merge-draft-banner.active { background: rgba(9,17,29,.54); border: 1px solid rgba(226,91,106,.3); box-shadow: inset 3px 0 0 rgba(226,91,106,.42); }
.merge-draft-banner span { flex: none; color: #e9828f; font-size: 6.5px; font-weight: 850; letter-spacing: .09em; }
.merge-draft-banner > div strong,
.merge-draft-banner > div p { display: block; }
.merge-draft-banner > div strong { margin-top: 5px; color: #e7ebf3; font-size: 9px; }
.merge-draft-banner p { margin: 0; color: #78879b; font-size: 7.5px; line-height: 1.5; }
.merge-draft-banner > div p { margin-top: 4px; }
.merge-draft-actions { display: flex; align-items: center; gap: 8px; }
.merge-draft-actions > button { flex: none; min-height: 32px; padding: 0 12px; color: #b5a3f5; background: rgba(128,92,255,.1); border: 1px solid rgba(145,113,247,.2); border-radius: 8px; font: inherit; font-size: 7.5px; font-weight: 800; cursor: pointer; }
.merge-draft-actions > button.primary { color: #fff; background: linear-gradient(110deg,#6844ee,#8a45ef); border-color: transparent; box-shadow: 0 8px 22px rgba(104,68,238,.2); }
.merge-draft-actions > button:disabled { cursor: wait; opacity: .58; }
.merge-draft-banner p.error { color: #ef8a94; }
.settings-save-button { color: #78dfbf !important; background: rgba(48,209,166,.065) !important; border: 1px solid rgba(48,209,166,.24) !important; box-shadow: none !important; }
.settings-save-button:hover { color: #a9f0db !important; background: rgba(48,209,166,.11) !important; border-color: rgba(48,209,166,.38) !important; }
.settings-danger-button { color: #ed939d !important; background: rgba(220,70,84,.055) !important; border: 1px solid rgba(220,70,84,.21) !important; box-shadow: none !important; }
.settings-danger-button:hover { color: #f4b0b7 !important; background: rgba(220,70,84,.1) !important; border-color: rgba(220,70,84,.34) !important; }
.merge-pending-changes { display: grid; gap: 8px; margin-bottom: 16px; padding: 14px; background: rgba(8,15,27,.46); border: 1px solid rgba(145,113,247,.13); border-radius: 11px; }
.merge-pending-group { overflow: hidden; background: rgba(22,34,53,.66); border: 1px solid #2b3b52; border-radius: 9px; }
.merge-pending-group.removes-target { border-color: rgba(255,116,129,.22); }
.merge-pending-head { min-height: 50px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 12px; }
.merge-pending-head strong,
.merge-pending-head small { display: block; }
.merge-pending-head strong { color: #e8ebf2; font-size: 9px; }
.merge-pending-head small { margin-top: 4px; color: #77869a; font-size: 7px; }
.merge-pending-head em { flex: none; padding: 5px 7px; color: #a791ee; background: rgba(128,92,255,.08); border-radius: 999px; font-size: 6px; font-style: normal; font-weight: 800; }
.merge-pending-group.removes-target .merge-pending-head em { color: #ff929d; background: rgba(255,91,108,.08); }
.merge-dependency-warning { display: grid; grid-template-columns: 27px minmax(0,1fr); gap: 9px; margin: 0 11px 9px; padding: 9px 10px; background: rgba(220,91,106,.04); border: 1px solid rgba(220,91,106,.13); border-radius: 8px; }
.merge-dependency-warning > span { width: 27px; height: 27px; display: grid; place-items: center; color: #d67f89; background: rgba(220,91,106,.08); border-radius: 7px; font-size: 9px; font-weight: 900; }
.merge-dependency-warning p { margin: 0; color: #9a7c81; font-size: 7px; line-height: 1.5; }
.merge-dependency-warning strong { display: block; margin-bottom: 3px; color: #d58a93; }
.merge-restore-list { display: grid; gap: 5px; padding: 0 11px 11px; }
.merge-restore-list > div { min-height: 36px; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 6px 8px 6px 10px; background: rgba(10,18,31,.42); border-radius: 7px; }
.merge-restore-list span { min-width: 0; overflow: hidden; color: #9ba8b9; text-overflow: ellipsis; white-space: nowrap; font-size: 7.5px; }
.merge-rule-accordion { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }
.merge-inline-search,
.merge-source-search { display: grid; grid-template-columns: 24px minmax(0,1fr); align-items: center; min-height: 34px; overflow: hidden; color: #7889a0; background: rgba(8,16,29,.56); border: 1px solid #2c3c54; border-radius: 9px; cursor: text; }
.merge-inline-search { width: 260px; }
.merge-inline-search > span,
.merge-source-search > span { display: grid; place-items: center; color: #7f91aa; font-size: 13px; }
.merge-inline-search input,
.merge-source-search input { min-width: 0; height: 32px; padding: 0 10px 0 2px; color: #d8dee9; background: transparent; border: 0; outline: 0; font: inherit; font-size: 9.5px; }
.merge-inline-search input::placeholder,
.merge-source-search input::placeholder { color: #64748b; }
.merge-rule-row { min-height: 70px; display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 12px; padding: 10px 10px 10px 15px; background: rgba(9,17,29,.5); border: 1px solid #2d3d54; border-radius: 11px; transition: border-color .15s ease, background .15s ease, transform .15s ease; }
.merge-rule-row:hover { background: rgba(79,147,255,.035); border-color: rgba(90,152,255,.32); transform: translateY(-1px); }
.merge-rule-row.add-on { background: rgba(79,147,255,.025); border-color: rgba(79,147,255,.24); }
.merge-rule-row.overridden { border-color: rgba(161,132,255,.25); }
.merge-rule-search-match { grid-column: 1 / -1; min-width: 0; margin: 0; padding: 8px 0 2px; border-top: 1px solid rgba(56,74,99,.5); color: #93a3b9; font-size: 8px; line-height: 1.65; overflow-wrap: anywhere; }
.merge-rule-search-match > span { color: #8bd8bf; }
.merge-rule-open { min-width: 0; height: 100%; display: flex; align-items: center; padding: 0; color: inherit; text-align: left; background: transparent; border: 0; cursor: pointer; }
.merge-rule-open strong,
.merge-rule-open small { display: block; }
.merge-rule-open strong { overflow: hidden; color: #ecf0f7; text-overflow: ellipsis; white-space: nowrap; font-size: 11.5px; }
.merge-rule-open small { margin-top: 5px; color: #76859a; font-size: 8px; }
.merge-rule-row-actions { display: flex; align-items: center; justify-content: flex-end; gap: 8px; }
.merge-rule-row-actions > em,
.merge-rule-modal-actions > em { padding: 5px 8px; color: #aa96ee; background: rgba(128,92,255,.08); border-radius: 999px; font-size: 6.5px; font-style: normal; font-weight: 800; white-space: nowrap; }
.merge-rule-row-actions > em.special,
.merge-rule-modal-actions > em.special { color: #9bc9ff; background: rgba(79,147,255,.09); }
.merge-rule-row-actions > em.override,
.merge-rule-modal-actions > em.override { color: #beaaff; background: rgba(128,92,255,.11); }
.merge-rule-arrow { width: 37px; height: 37px; display: grid; place-items: center; padding: 0; color: #91c2ff; background: rgba(79,147,255,.08); border: 1px solid rgba(90,152,255,.18); border-radius: 9px; font: inherit; font-size: 15px; cursor: pointer; }
.merge-rule-arrow:hover { color: #d5e9ff; background: rgba(79,147,255,.15); }
.merge-add-selected,
.merge-modal-add { min-height: 32px; padding: 0 11px; color: #bcd7ff; background: rgba(79,147,255,.09); border: 1px solid rgba(90,152,255,.22); border-radius: 8px; font: inherit; font-size: 7px; font-weight: 800; white-space: nowrap; cursor: pointer; }
.merge-add-selected:hover,
.merge-modal-add:hover { color: #e4f0ff; background: rgba(79,147,255,.16); }
.merge-add-selected.add-on,
.merge-modal-add.add-on { color: #9bc9ff; background: rgba(79,147,255,.08); border-color: rgba(79,147,255,.19); }
.merge-pagination { min-height: 66px; display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: 18px; padding: 13px 0 14px; border-top: 1px solid #293950; }
.merge-pagination-meta,
.merge-pagination-controls { display: flex; align-items: center; gap: 13px; }
.merge-pagination-meta > span,
.merge-page-size,
.merge-page-summary { color: #75849a; font-size: 8px; }
.merge-page-size { display: flex; align-items: center; gap: 7px; }
.merge-page-size select { min-width: 58px; height: 34px; padding: 0 24px 0 10px; color: #cbd3df; background: #111b2d; border: 1px solid #304159; border-radius: 8px; font: inherit; font-size: 8px; cursor: pointer; }
.merge-pagination-button { min-height: 35px; padding: 0 12px; color: #a9cfff; background: rgba(79,147,255,.06); border: 1px solid rgba(90,152,255,.16); border-radius: 8px; font: inherit; font-size: 8px; font-weight: 800; cursor: pointer; }
.merge-pagination-button:hover:not(:disabled) { color: #dbeeff; background: rgba(79,147,255,.13); }
.merge-pagination-button:disabled { color: #59677b; background: rgba(92,106,128,.035); border-color: rgba(92,106,128,.1); cursor: not-allowed; }
.merge-filter-empty { padding: 28px 18px; color: #718198; text-align: center; background: rgba(9,17,29,.34); border: 1px dashed #2b3b52; border-radius: 10px; font-size: 8px; }
[data-merge-rule-row][hidden],
[data-merge-source-row][hidden],
[data-merge-assignment-row][hidden],
[data-merge-exclusion-row][hidden],
.merge-filter-empty[hidden],
#column-merge-modal-root[hidden] { display: none !important; }
body.merge-modal-open { overflow: hidden; }
.merge-rule-modal-backdrop { position: fixed; inset: 0; z-index: 160; display: grid; place-items: center; padding: 36px; background: rgba(2,7,15,.76); backdrop-filter: blur(9px); overscroll-behavior: contain; }
.merge-rule-modal { width: min(1080px, calc(100vw - 96px)); height: min(720px, calc(100dvh - 72px)); max-height: 840px; display: grid; grid-template-rows: auto minmax(0,1fr); overflow: hidden; background: linear-gradient(150deg,#172238,#101929 62%); border: 1px solid #3a4b65; border-radius: 18px; box-shadow: 0 30px 90px rgba(0,0,0,.5); }
.merge-rule-modal.add-on { border-color: rgba(79,147,255,.34); }
.merge-rule-modal > header { min-height: 94px; display: flex; align-items: center; justify-content: space-between; gap: 22px; padding: 20px 23px; border-bottom: 1px solid #2b3b52; }
.merge-rule-modal > header h3 { margin: 6px 0 4px; color: #f2f4f8; font-size: 22px; letter-spacing: -.02em; }
.merge-rule-modal > header p { margin: 0; color: #8190a5; font-size: 10.5px; }
.merge-rule-modal-actions { flex: none; display: flex; align-items: center; gap: 9px; }
.merge-modal-close { width: 38px; height: 38px; display: grid; place-items: center; padding: 0; color: #8b99ac; background: rgba(123,139,162,.07); border: 1px solid rgba(123,139,162,.09); border-radius: 10px; font: inherit; font-size: 21px; line-height: 1; cursor: pointer; }
.merge-modal-close:hover { color: #edf1f7; background: rgba(123,139,162,.13); }
.merge-rule-modal-body { min-height: 0; overflow: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; padding: 20px 23px 24px; touch-action: pan-y; }
.merge-modal-toolbar { position: sticky; top: -20px; z-index: 2; display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; margin: 4px -3px 13px; padding: 10px 3px 12px; background: linear-gradient(180deg,#151f33 78%,rgba(21,31,51,0)); }
.merge-modal-toolbar strong,
.merge-modal-toolbar small { display: block; }
.merge-modal-toolbar strong { color: #dce2eb; font-size: 12px; }
.merge-modal-toolbar small { margin-top: 5px; color: #79899f; font-size: 9px; }
.merge-source-search { width: min(320px,42vw); }
.merge-rule-modal .merge-source-list { max-height: none; overflow: visible; padding-right: 0; }
.merge-rule-modal .merge-target-dependency,
.merge-rule-modal .merge-rule-notice { margin-bottom: 16px; }
.merge-assignment-modal { width: min(760px,calc(100vw - 72px)); max-height: min(720px,calc(100dvh - 72px)); display: grid; grid-template-rows: auto minmax(0,1fr); overflow: hidden; background: linear-gradient(150deg,#172238,#101929 62%); border: 1px solid #3a4b65; border-radius: 18px; box-shadow: 0 30px 90px rgba(0,0,0,.5); }
.merge-assignment-modal > header { min-height: 100px; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 20px 23px; border-bottom: 1px solid #2b3b52; }
.merge-assignment-modal > header h3 { margin: 6px 0 4px; color: #f2f4f8; font-size: 19px; letter-spacing: -.02em; }
.merge-assignment-modal > header p { margin: 0; color: #74849a; font-size: 8.5px; }
.merge-assignment-body { min-height: 0; overflow: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; padding: 20px 23px 24px; touch-action: pan-y; }
.merge-assignment-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 13px; }
.merge-assignment-toolbar .merge-source-search { width: min(430px,65vw); }
.merge-assignment-toolbar > small { color: #718198; font-size: 7.5px; }
.merge-assignment-list { display: grid; gap: 7px; }
.merge-assignment-option { min-height: 60px; display: grid; grid-template-columns: minmax(0,1fr) auto 32px; align-items: center; gap: 10px; padding: 10px 11px 10px 14px; color: inherit; text-align: left; background: rgba(9,17,29,.55); border: 1px solid #2d3d54; border-radius: 10px; font: inherit; cursor: pointer; transition: background .15s ease,border-color .15s ease,transform .15s ease; }
.merge-assignment-option:hover { background: rgba(79,147,255,.055); border-color: rgba(90,152,255,.34); transform: translateY(-1px); }
.merge-assignment-option.add-on { background: rgba(79,147,255,.025); border-color: rgba(79,147,255,.22); }
.merge-assignment-option strong,
.merge-assignment-option small { display: block; }
.merge-assignment-option strong { color: #edf0f6; font-size: 9.5px; }
.merge-assignment-option small { margin-top: 4px; color: #718198; font-size: 7px; }
.merge-assignment-option em { padding: 5px 8px; color: #9bc9ff; background: rgba(79,147,255,.08); border-radius: 999px; font-size: 6.5px; font-style: normal; font-weight: 800; }
.merge-assignment-option i { width: 32px; height: 32px; display: grid; place-items: center; color: #91c2ff; background: rgba(79,147,255,.09); border-radius: 8px; font-size: 14px; font-style: normal; }
.merge-confirm-backdrop { position: fixed; inset: 0; z-index: 180; display: grid; place-items: center; padding: 24px; background: rgba(2,7,15,.72); backdrop-filter: blur(7px); overscroll-behavior: contain; }
.merge-confirm-dialog { width: min(520px,calc(100vw - 48px)); display: grid; grid-template-columns: 46px minmax(0,1fr); gap: 15px; padding: 22px; background: linear-gradient(150deg,#1a263b,#111a2b); border: 1px solid rgba(255,102,116,.28); border-radius: 16px; box-shadow: 0 24px 70px rgba(0,0,0,.5); }
.merge-confirm-icon { width: 46px; height: 46px; display: grid; place-items: center; color: #ff8792; background: rgba(255,91,108,.09); border: 1px solid rgba(255,91,108,.16); border-radius: 12px; font-size: 17px; font-weight: 900; }
.merge-confirm-dialog h3 { margin: 6px 0 9px; color: #f2f4f8; font-size: 17px; }
.merge-confirm-dialog p { margin: 0 0 8px; color: #8794a7; font-size: 8.5px; line-height: 1.6; }
.merge-confirm-dialog p strong { color: #d9dfea; }
.merge-confirm-dialog footer { grid-column: 1 / -1; display: flex; justify-content: flex-end; gap: 9px; margin-top: 7px; }
.merge-confirm-dialog footer button { min-height: 36px; padding: 0 13px; color: #b6c0ce; background: rgba(123,139,162,.07); border: 1px solid rgba(123,139,162,.14); border-radius: 8px; font: inherit; font-size: 7.5px; font-weight: 800; cursor: pointer; }
.merge-confirm-dialog footer button.danger { color: #ffd8dc; background: rgba(220,70,84,.16); border-color: rgba(255,91,108,.3); }
.merge-confirm-dialog footer button.danger:hover { background: rgba(220,70,84,.24); }
.merge-confirm-dialog footer button.primary,
.merge-save-review footer button.primary { color: #fff; background: linear-gradient(110deg,#6844ee,#8a45ef); border-color: transparent; box-shadow: 0 8px 22px rgba(104,68,238,.2); }
.merge-confirm-dialog footer button:disabled,
.merge-save-review footer button:disabled { cursor: wait; opacity: .58; }
.merge-save-review { width: min(760px,calc(100vw - 48px)); max-height: min(820px,calc(100dvh - 48px)); display: grid; grid-template-rows: auto minmax(0,1fr) auto; overflow: hidden; background: linear-gradient(150deg,#1a263b,#111a2b); border: 1px solid rgba(145,113,247,.28); border-radius: 18px; box-shadow: 0 28px 80px rgba(0,0,0,.54); }
.merge-save-review > header { min-height: 92px; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 20px 22px; border-bottom: 1px solid #2b3b52; }
.merge-save-review > header h3 { margin: 6px 0 5px; color: #f2f4f8; font-size: 19px; }
.merge-save-review > header p { margin: 0; color: #7f8da1; font-size: 8.5px; }
.merge-save-review-body { min-height: 0; display: grid; gap: 13px; overflow: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; padding: 20px 22px; touch-action: pan-y; }
.merge-save-summary-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 9px; }
.merge-save-summary-grid > span { min-height: 84px; display: flex; flex-direction: column; justify-content: center; padding: 14px; background: rgba(8,16,29,.52); border: 1px solid #2c3c54; border-radius: 11px; }
.merge-save-summary-grid strong { color: #efeefe; font-size: 22px; }
.merge-save-summary-grid small { margin-top: 6px; color: #7f8da1; font-size: 7.5px; line-height: 1.4; }
.merge-save-impact { display: grid; gap: 9px; padding: 13px 14px; background: rgba(128,92,255,.04); border: 1px solid rgba(145,113,247,.14); border-radius: 10px; }
.merge-save-impact > strong { color: #c9bdf5; font-size: 8.5px; }
.merge-save-impact > div { display: flex; flex-wrap: wrap; gap: 6px; }
.merge-save-impact span { padding: 6px 8px; color: #aeb8c7; background: rgba(9,17,29,.58); border: 1px solid #2b3b52; border-radius: 7px; font-size: 7.5px; }
.merge-save-impact.danger { background: rgba(220,70,84,.035); border-color: rgba(255,91,108,.15); }
.merge-save-impact.danger > strong { color: #e48f98; }
.merge-save-linked { display: grid; grid-template-columns: 34px minmax(0,1fr); gap: 11px; padding: 13px 14px; background: rgba(220,70,84,.045); border: 1px solid rgba(255,91,108,.17); border-radius: 10px; }
.merge-save-linked > span { width: 34px; height: 34px; display: grid; place-items: center; color: #f09aa3; background: rgba(220,70,84,.09); border-radius: 9px; font-weight: 900; }
.merge-save-linked strong { color: #e5b0b6; font-size: 8.5px; }
.merge-save-linked p { margin: 5px 0 0; color: #9b8186; font-size: 7.5px; line-height: 1.55; }
.merge-save-error { padding: 11px 13px; color: #ef9aa3; background: rgba(220,70,84,.05); border: 1px solid rgba(255,91,108,.16); border-radius: 9px; font-size: 8px; }
.merge-save-review > footer { display: flex; flex-direction: column; gap: 12px; padding: 15px 22px 18px; border-top: 1px solid #2b3b52; }
.merge-save-actions { display: flex; justify-content: flex-end; gap: 9px; }
.merge-save-progress { display: flex; align-items: center; gap: 12px; padding: 12px 14px; color: #9ae1c9; background: rgba(48,209,166,.07); border: 1px solid rgba(48,209,166,.22); border-radius: 10px; }
.merge-save-progress > div { min-width: 0; }
.merge-save-progress strong, .merge-save-progress small { display: block; }
.merge-save-progress strong { font-size: 11px; line-height: 1.4; }
.merge-save-progress small { margin-top: 4px; color: #99b7b1; font-size: 8.5px; line-height: 1.5; }
.merge-save-spinner { display: inline-block; flex: none; width: 18px; height: 18px; border: 2px solid rgba(154,225,201,.22); border-top-color: #9ae1c9; border-radius: 50%; animation: spin .85s linear infinite; }
.settings-save-button > .merge-save-spinner { width: 12px; height: 12px; margin-right: 7px; vertical-align: middle; }
.merge-save-review .merge-modal-close:disabled { cursor: wait; opacity: .5; }
@media (prefers-reduced-motion: reduce) { .merge-save-spinner { animation: none; } }
.merge-save-review > footer button { min-height: 37px; padding: 0 14px; color: #b6c0ce; background: rgba(123,139,162,.07); border: 1px solid rgba(123,139,162,.14); border-radius: 8px; font: inherit; font-size: 7.5px; font-weight: 800; cursor: pointer; }
.merge-rule-disclosure { overflow: hidden; background: rgba(9,17,29,.5); border: 1px solid #2d3d54; border-radius: 11px; }
.merge-rule-disclosure.add-on { border-color: rgba(79,147,255,.24); background: rgba(79,147,255,.025); }
.merge-rule-disclosure.overridden { border-color: rgba(161,132,255,.25); }
.merge-rule-disclosure > summary { min-height: 65px; display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 13px 15px; cursor: pointer; list-style: none; }
.merge-rule-disclosure > summary::-webkit-details-marker { display: none; }
.merge-rule-disclosure > summary:hover { background: rgba(128,92,255,.035); }
.merge-rule-disclosure > summary > div { min-width: 0; }
.merge-rule-disclosure > summary strong,
.merge-rule-disclosure > summary small { display: block; }
.merge-rule-disclosure > summary strong { color: #ecf0f7; font-size: 10.5px; }
.merge-rule-disclosure > summary small { margin-top: 5px; color: #6e7d93; font-size: 7.5px; }
.merge-rule-disclosure > summary > span { display: flex; align-items: center; justify-content: flex-end; gap: 8px; }
.merge-rule-disclosure > summary em { padding: 5px 8px; color: #aa96ee; background: rgba(128,92,255,.08); border-radius: 999px; font-size: 6.5px; font-style: normal; font-weight: 800; white-space: nowrap; }
.merge-rule-disclosure > summary em.special { color: #9bc9ff; background: rgba(79,147,255,.09); }
.merge-rule-disclosure > summary em.override { color: #beaaff; background: rgba(128,92,255,.11); }
.merge-rule-disclosure > summary i { width: 27px; height: 27px; display: grid; place-items: center; color: #8290a4; background: rgba(123,139,162,.06); border-radius: 8px; font-size: 13px; font-style: normal; transition: transform .16s ease; }
.merge-rule-disclosure[open] > summary { border-bottom: 1px solid #293950; }
.merge-rule-disclosure[open] > summary i { transform: rotate(180deg); }
.merge-rule-body { padding: 17px; }
.merge-rule-explanation { margin: 0 0 15px; color: #7a899e; font-size: 8.5px; line-height: 1.55; }
.merge-rule-explanation strong { color: #a998e4; }
.merge-rule-notice { display: grid; grid-template-columns: 28px minmax(0,1fr); gap: 10px; margin-bottom: 15px; padding: 11px 12px; background: rgba(128,92,255,.055); border: 1px solid rgba(145,113,247,.13); border-radius: 9px; }
.merge-rule-notice > span { width: 28px; height: 28px; display: grid; place-items: center; color: #a791f1; background: rgba(128,92,255,.1); border-radius: 8px; font-size: 9px; font-weight: 850; }
.merge-rule-notice p { margin: 0; color: #78879d; font-size: 8px; line-height: 1.55; }
.merge-rule-notice strong { color: #ad9be7; }
.merge-source-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; margin-bottom: 9px; }
.merge-source-heading > div strong,
.merge-source-heading > div small { display: block; }
.merge-source-heading strong { color: #c7d0dc; font-size: 9px; }
.merge-source-heading small { margin-top: 4px; color: #68778d; font-size: 7px; }
.merge-add-selected { flex: none; min-height: 29px; padding: 0 10px; color: #ae9bed; background: rgba(128,92,255,.09); border: 1px solid rgba(145,113,247,.18); border-radius: 7px; font: inherit; font-size: 7px; font-weight: 800; cursor: pointer; }
.merge-add-selected:disabled { color: #68768a; background: rgba(123,139,162,.04); border-color: rgba(123,139,162,.1); cursor: not-allowed; }
.merge-source-list { max-height: 330px; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 6px; overflow: auto; padding-right: 5px; }
.merge-source-list > span { min-width: 0; display: grid; grid-template-columns: 28px minmax(0,1fr); align-items: center; gap: 9px; min-height: 44px; padding: 8px 10px; background: rgba(22,34,53,.72); border: 1px solid #2b3b52; border-radius: 8px; }
.merge-source-list.editable > span { grid-template-columns: 25px minmax(0,1fr) auto; }
.merge-source-list b { color: #806fa7; font-size: 7.5px; letter-spacing: .06em; }
.merge-source-list em { overflow: hidden; color: #aeb9c8; text-overflow: ellipsis; white-space: nowrap; font-size: 10px; font-style: normal; }
.merge-source-list .merge-remove-action { width: 30px; height: 30px; display: grid; place-items: center; padding: 0; color: #ff6674; background: transparent; border: 0; border-radius: 7px; cursor: pointer; }
.merge-source-list .merge-remove-action svg { width: 18px; height: 18px; }
.merge-source-list .merge-remove-action:hover { color: #ff8993; background: rgba(255,91,108,.08); }
.merge-target-dependency { display: grid; grid-template-columns: auto minmax(0,1fr); align-items: center; gap: 5px 10px; margin: 0 0 14px; padding: 10px 11px; background: rgba(220,91,106,.035); border: 1px solid rgba(220,91,106,.12); border-radius: 8px; }
.merge-target-dependency span { color: #d68790; font-size: 7px; font-weight: 800; }
.merge-target-dependency strong { overflow: hidden; color: #a78389; text-overflow: ellipsis; white-space: nowrap; font-size: 7.5px; }
.merge-target-dependency small { grid-column: 1 / -1; color: #806a70; font-size: 6.7px; line-height: 1.45; }
.exclusions-merge-section { padding: 0; overflow: hidden; background: linear-gradient(145deg, rgba(73,157,255,.025), rgba(18,28,46,.98) 38%); }
.exclusions-merge-summary { min-height: 94px; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 19px 21px; cursor: pointer; list-style: none; }
.exclusions-merge-summary::-webkit-details-marker { display: none; }
.exclusions-merge-summary:hover { background: rgba(80,147,255,.025); }
.exclusions-merge-summary h3 { margin: 7px 0 5px; font-size: 16px; letter-spacing: -.018em; }
.exclusions-merge-summary p { max-width: 760px; margin: 0; color: #74839a; font-size: 9px; line-height: 1.6; }
.exclusions-merge-summary small { display: block; margin-top: 7px; color: #65758b; font-size: 7.5px; }
.exclusions-merge-summary-side { flex: none; display: flex; align-items: center; gap: 9px; }
.exclusions-merge-summary-side > i { width: 29px; height: 29px; display: grid; place-items: center; color: #8fa7c9; background: rgba(80,147,255,.06); border-radius: 8px; font-size: 13px; font-style: normal; transition: transform .16s ease; }
.exclusions-merge-disclosure[open] > .exclusions-merge-summary { border-bottom: 1px solid #293950; }
.exclusions-merge-disclosure[open] > .exclusions-merge-summary .exclusions-merge-summary-side > i { transform: rotate(180deg); }
.exclusion-manager { padding: 18px 21px 20px; }
.exclusion-draft-tools { min-height: 54px; display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 12px; padding: 10px 12px; background: rgba(9,17,29,.42); border: 1px solid #2d3d54; border-radius: 9px; }
.exclusion-draft-tools > div strong,
.exclusion-draft-tools > div small { display: block; }
.exclusion-draft-tools > div strong { color: #cfd6e1; font-size: 8.5px; }
.exclusion-draft-tools > div small { margin-top: 4px; color: #718096; font-size: 7px; line-height: 1.45; }
.exclusion-draft-tools > span { flex: none; display: inline-flex; align-items: center; gap: 7px; }
.exclusion-draft-tools button { min-height: 31px; display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 0 10px; color: #aeb9c8; background: rgba(123,139,162,.045); border: 1px solid rgba(148,163,184,.15); border-radius: 7px; font: inherit; font-size: 7px; font-weight: 800; cursor: pointer; }
.exclusion-draft-tools button:hover { color: #e5eaf1; background: rgba(123,139,162,.085); border-color: rgba(170,184,202,.26); }
.exclusion-draft-tools button:disabled { color: #657489; background: rgba(123,139,162,.025); border-color: rgba(123,139,162,.08); cursor: not-allowed; }
.exclusion-draft-tools button svg { width: 13px; height: 13px; }
.exclusion-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }
.exclusion-list-row { min-height: 70px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 15px; background: rgba(9,17,29,.5); border: 1px solid #2d3d54; border-radius: 11px; }
.exclusion-label-copy { min-width: 0; flex: 1; }
.exclusion-label-copy strong,
.exclusion-label-copy small { display: block; }
.exclusion-label-copy strong { overflow: hidden; color: #ecf0f7; text-overflow: ellipsis; white-space: nowrap; font-size: 10.5px; }
.exclusion-label-copy small { margin-top: 5px; color: #708096; font-size: 6.8px; line-height: 1.4; }
.exclusion-list-row > span { flex: none; display: flex; align-items: center; justify-content: flex-end; gap: 6px; }
.exclusion-list-row em { padding: 5px 8px; border-radius: 999px; font-size: 6.5px; font-style: normal; font-weight: 800; white-space: nowrap; }
.exclusion-list-row em.current { color: #46d3aa; background: rgba(48,209,166,.08); }
.exclusion-list-row em.promotion { color: #e0ae51; background: rgba(246,185,75,.08); }
.exclusion-row-actions { flex-wrap: wrap; }
.merge-exclusion-remove { min-height: 30px; display: inline-flex; align-items: center; gap: 6px; padding: 0 9px; color: #ed939d; background: rgba(220,70,84,.055); border: 1px solid rgba(220,70,84,.21); border-radius: 7px; font: inherit; cursor: pointer; }
.merge-exclusion-remove:hover { color: #f4b0b7; background: rgba(220,70,84,.1); border-color: rgba(220,70,84,.34); }
.merge-exclusion-remove svg { width: 13px; height: 13px; }
.merge-exclusion-remove b { font-size: 7px; font-weight: 800; }
.runtime-merge-section { padding: 0; overflow: hidden; background: linear-gradient(145deg, rgba(128,92,255,.035), rgba(18,28,46,.98) 42%); border-color: rgba(145,113,247,.18); }
.runtime-merge-disclosure > summary { min-height: 82px; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 18px 20px; cursor: pointer; list-style: none; }
.runtime-merge-disclosure > summary::-webkit-details-marker { display: none; }
.runtime-merge-disclosure > summary:hover { background: rgba(128,92,255,.025); }
.runtime-merge-disclosure > summary h3 { margin: 6px 0 4px; font-size: 13px; }
.runtime-merge-disclosure > summary p { margin: 0; color: #6e7d93; font-size: 8px; }
.runtime-merge-disclosure > summary::after { content: '⌄'; width: 27px; height: 27px; display: grid; place-items: center; color: #8f7bd0; background: rgba(128,92,255,.07); border-radius: 8px; font-size: 13px; transition: transform .16s ease; }
.runtime-merge-disclosure[open] > summary { border-bottom: 1px solid #293950; }
.runtime-merge-disclosure[open] > summary::after { transform: rotate(180deg); }
.runtime-merge-disclosure > summary .merge-section-badge { margin-left: auto; }
.runtime-rule-content { padding: 18px 20px 20px; }
.runtime-rule-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
.runtime-rule-card { min-width: 0; overflow: hidden; background: rgba(10,18,31,.48); border: 1px solid #2e3e56; border-radius: 12px; }
.runtime-rule-card.replaces { border-color: rgba(246,185,75,.25); background: linear-gradient(145deg, rgba(246,185,75,.05), rgba(10,18,31,.5)); }
.runtime-rule-card > summary { display: grid; grid-template-columns: minmax(0,1fr) 27px; align-items: center; gap: 10px; min-height: 82px; padding: 16px; cursor: pointer; list-style: none; }
.runtime-rule-card > summary::-webkit-details-marker { display: none; }
.runtime-rule-card > summary:hover { background: rgba(128,92,255,.03); }
.runtime-rule-card > summary > i { width: 27px; height: 27px; display: grid; place-items: center; color: #8f7bd0; background: rgba(128,92,255,.07); border-radius: 8px; font-size: 13px; font-style: normal; transition: transform .16s ease; }
.runtime-rule-card[open] > summary { border-bottom: 1px solid #293950; }
.runtime-rule-card[open] > summary > i { transform: rotate(180deg); }
.runtime-rule-head { display: grid; grid-template-columns: 36px minmax(0,1fr) auto; align-items: center; gap: 10px; }
.runtime-rule-head > span { width: 36px; height: 36px; display: grid; place-items: center; color: #a990ff; background: rgba(128,92,255,.1); border-radius: 9px; }
.runtime-rule-card.replaces .runtime-rule-head > span { color: #f0b951; background: rgba(246,185,75,.1); }
.runtime-rule-head svg { width: 18px; height: 18px; }
.runtime-rule-head small,
.runtime-rule-head strong { display: block; }
.runtime-rule-head small { color: #716293; font-size: 6.5px; font-weight: 850; letter-spacing: .09em; }
.runtime-rule-card.replaces .runtime-rule-head small { color: #9b7d45; }
.runtime-rule-head strong { margin-top: 4px; overflow: hidden; color: #e7ebf3; text-overflow: ellipsis; white-space: nowrap; font-size: 10px; }
.runtime-rule-head em { padding: 5px 7px; color: #9a8acb; background: rgba(128,92,255,.07); border-radius: 999px; font-size: 6.5px; font-style: normal; font-weight: 800; }
.runtime-rule-body { padding: 15px 16px 16px; }
.runtime-rule-body > p { margin: 0; color: #7c8ba0; font-size: 8px; line-height: 1.5; }
.runtime-rule-meta { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 11px; }
.runtime-rule-meta span { padding: 5px 7px; color: #8998ac; background: rgba(24,37,58,.9); border-radius: 6px; font-size: 6.5px; }
.runtime-rule-card .merge-source-heading { margin-top: 14px; }

.list-studio-content { width: 100%; }
.list-studio-hero { grid-template-columns: 58px minmax(0,1fr) auto; }
.list-studio-mark { --card-accent: #58d6c9; --card-soft: rgba(50,207,193,.1); width: 58px; height: 58px; border-radius: 15px; }
.list-studio-mark svg { width: 29px; height: 29px; }
.list-studio-facts { grid-template-columns: repeat(2,128px); }
.list-studio-feature-row { display: grid; grid-template-columns: repeat(4,1fr); gap: 8px; margin: 12px 0 28px; }
.list-studio-feature-row span { min-height: 35px; display: grid; place-items: center; color: #8492a6; background: rgba(20,31,50,.74); border: 1px solid #293950; border-radius: 8px; font-size: 7px; font-weight: 750; }
.list-studio-library { padding: 24px; background: linear-gradient(155deg,#141e31,#101929); border: 1px solid #2b3a52; border-radius: 18px; }
.list-studio-template-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 11px; }
.list-studio-template { min-width: 0; padding: 17px; background: #172237; border: 1px solid #2d3c54; border-radius: 13px; }
.list-studio-template .template-head { display: grid; grid-template-columns: 42px minmax(0,1fr) auto; }
.list-studio-template .settings-card-icon { --card-accent: #58d6c9; --card-soft: rgba(50,207,193,.1); width: 42px; height: 42px; border-radius: 11px; }
.list-studio-template .settings-card-icon svg { width: 20px; height: 20px; }
.list-studio-template .template-head em { padding: 5px 7px; color: #45d1a6; background: rgba(43,217,161,.08); border-radius: 999px; font-size: 6.5px; font-style: normal; font-weight: 800; }

@media (max-width: 1180px) {
  .settings-hub-grid.three-up,
  .list-studio-template-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .runtime-rule-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .runtime-rule-grid .runtime-rule-card:last-child:nth-child(odd) { grid-column: 1 / -1; }
  .merge-discovery-head { align-items: stretch; flex-direction: column; }
  .merge-review-context { width: 100%; grid-template-columns: minmax(0,1fr) auto; }
  .merge-review-context .merge-analysis-order { min-width: 0; }
  .list-studio-hero { grid-template-columns: 58px minmax(0,1fr); }
  .list-studio-facts { grid-column: 1 / -1; grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 980px) {
  .merge-rule-accordion,
  .exclusion-list { grid-template-columns: 1fr; }
}

@media (max-width: 820px) {
  .settings-hub-intro,
  .list-studio-hero { padding: 24px; }
  .settings-hub-grid.two-up,
  .settings-hub-grid.three-up,
  .list-studio-template-grid { grid-template-columns: 1fr; }
  .settings-section-head { flex-direction: column; }
  .settings-section-side { width: 100%; min-width: 0; align-items: stretch; }
  .settings-section-side > .count-badge { align-self: flex-start; }
  .merge-creation-grid,
  .merge-candidate-list,
  .runtime-rule-grid,
  .merge-source-list { grid-template-columns: 1fr; }
  .merge-rule-modal-backdrop { align-items: end; padding: 0; }
  .merge-rule-modal { width: 100%; height: auto; max-height: 92dvh; border-radius: 18px 18px 0 0; padding-bottom: env(safe-area-inset-bottom); }
  .merge-assignment-modal { width: 100%; max-height: 92dvh; border-radius: 18px 18px 0 0; padding-bottom: env(safe-area-inset-bottom); }
  .merge-rule-modal > header { padding: 18px 20px; }
  .merge-rule-modal-body { padding: 18px 20px 22px; }
  .runtime-rule-grid .runtime-rule-card:last-child:nth-child(odd) { grid-column: auto; }
  .settings-content:not(.settings-hub-mode) { padding: 20px; }
  .list-studio-feature-row { grid-template-columns: repeat(2,1fr); }
}

@media (max-width: 560px) {
  .settings-hub-intro,
  .list-studio-hero { display: block; padding: 21px; border-radius: 16px; }
  .list-studio-facts { grid-template-columns: 1fr 1fr; margin-top: 20px; }
  .module-column-summary { grid-template-columns: 1fr; }
  .module-column-group-head { flex-direction: column; }
  .settings-hub-card { grid-template-columns: 42px minmax(0,1fr) 18px; min-height: 118px; gap: 12px; padding: 16px; }
  .settings-card-icon { width: 42px; height: 42px; border-radius: 11px; }
  .settings-card-icon svg { width: 20px; height: 20px; }
  .settings-section-title { gap: 12px; }
  .settings-detail-icon.marketplaces { width: 62px; }
  .settings-group-head { align-items: flex-start; flex-direction: column; }
  .settings-group-link { align-self: flex-start; }
  .column-merge-workspace .embedded-analysis,
  .merge-section { padding: 17px; border-radius: 13px; }
  .merge-section-head { flex-direction: column; }
  .merge-section-badge { align-self: flex-start; }
  .merge-review-context { grid-template-columns: 1fr; }
  .merge-analysis-order { grid-template-columns: 36px minmax(0,1fr); padding: 12px; }
  .merge-analysis-order-icon { width: 36px; height: 36px; }
  .merge-analysis-order-icon .capability-icon-asset { width: 24px; height: 24px; }
  .merge-create-card,
  .merge-create-card.add-on { grid-template-rows: auto 38px 38px; }
  .merge-create-card.add-on { grid-template-rows: auto 38px; }
  .standard-merge-summary { align-items: flex-start; flex-direction: column; gap: 14px; padding: 17px; }
  .exclusions-merge-summary { align-items: flex-start; flex-direction: column; gap: 14px; padding: 17px; }
  .standard-merge-summary-side { width: 100%; justify-content: space-between; }
  .exclusions-merge-summary-side { width: 100%; justify-content: space-between; }
  .standard-merge-summary-side,
  .exclusions-merge-summary-side { flex-wrap: wrap; }
  .merge-inline-search { width: 100%; order: 3; }
  .standard-merge-content { padding: 14px 17px 17px; }
  .merge-pagination { align-items: stretch; flex-direction: column; }
  .merge-pagination-meta,
  .merge-pagination-controls { justify-content: space-between; }
  .merge-rule-row { grid-template-columns: minmax(0,1fr) auto; gap: 8px; padding-left: 12px; }
  .merge-rule-row-actions > em { display: none; }
  .merge-add-selected { max-width: 122px; overflow: hidden; text-overflow: ellipsis; }
  .merge-rule-modal > header { align-items: flex-start; flex-direction: column; gap: 13px; }
  .merge-rule-modal > header h3 { font-size: 17px; }
  .merge-rule-modal-actions { width: 100%; justify-content: flex-end; }
  .merge-rule-modal-actions > em { display: none; }
  .merge-candidate-toolbar { align-items: stretch; flex-direction: column; }
  .merge-candidate-toolbar button { width: 100%; }
  .merge-candidate-actions { align-items: stretch; flex-direction: column; }
  .merge-modal-add { max-width: calc(100% - 48px); overflow: hidden; text-overflow: ellipsis; }
  .merge-modal-toolbar { align-items: stretch; flex-direction: column; }
  .merge-source-search { width: 100%; }
  .merge-assignment-modal > header { padding: 18px 20px; }
  .merge-assignment-body { padding: 17px 20px 20px; }
  .merge-assignment-toolbar { align-items: stretch; flex-direction: column; }
  .merge-assignment-toolbar .merge-source-search { width: 100%; }
  .merge-assignment-option { grid-template-columns: minmax(0,1fr) 30px; }
  .merge-assignment-option em { display: none; }
  .merge-confirm-dialog { grid-template-columns: 38px minmax(0,1fr); padding: 18px; }
  .merge-confirm-icon { width: 38px; height: 38px; }
  .merge-confirm-dialog footer { flex-direction: column-reverse; }
  .merge-confirm-dialog footer button { width: 100%; }
  .merge-rule-disclosure > summary { align-items: flex-start; padding: 13px; }
  .merge-rule-disclosure > summary > span { gap: 5px; }
  .merge-rule-disclosure > summary em { display: none; }
  .merge-rule-body { padding: 14px; }
  .merge-draft-banner { align-items: flex-start; flex-direction: column; }
  .merge-draft-actions { width: 100%; flex-direction: column-reverse; }
  .merge-draft-actions > button { width: 100%; }
  .merge-save-summary-grid { grid-template-columns: 1fr; }
  .merge-save-review { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
  .merge-save-review > header { align-items: flex-start; }
  .merge-save-actions { flex-direction: column-reverse; }
  .merge-save-review > footer button { width: 100%; }
  .merge-pending-head { align-items: flex-start; flex-direction: column; }
  .merge-source-heading { align-items: flex-start; flex-direction: column; gap: 4px; }
  .exclusion-manager { padding: 14px 17px 17px; }
  .exclusion-draft-tools { align-items: flex-start; flex-direction: column; }
  .exclusion-draft-tools > span { width: 100%; }
  .exclusion-draft-tools button { flex: 1; }
  .exclusion-list-row { align-items: flex-start; flex-direction: column; }
  .exclusion-list-row > span { justify-content: flex-start; }
  .runtime-merge-section { padding: 0; }
  .runtime-merge-disclosure > summary { align-items: flex-start; padding: 16px; }
  .runtime-merge-disclosure > summary .merge-section-badge { display: none; }
  .runtime-rule-content { padding: 15px; }
  .runtime-rule-head { grid-template-columns: 34px minmax(0,1fr); }
  .runtime-rule-head em { grid-column: 2; justify-self: start; }
  .locked-setting-card,
  .custom-flag-summary { grid-template-columns: 1fr; }
  .approved-store-list > span { grid-template-columns: 22px minmax(0,1fr); }
  .approved-store-list small { grid-column: 2; }
  .custom-flag-metrics { grid-template-columns: 1fr 1fr; }
  .list-studio-mark { margin-bottom: 17px; }
  .list-studio-feature-row { grid-template-columns: 1fr 1fr; }
  .list-studio-library { padding: 18px; }
}

@media (max-width: 900px) {
  .list-addon-input-strip { grid-template-columns: 1fr; }
  .list-addon-input-pills { justify-content: flex-start; }
  .list-addon-classifier-flow { grid-template-columns: 1fr; }
  .list-addon-classifier-flow > b { height: 12px; transform: rotate(90deg); }
}

@media (max-width: 640px) {
  .list-addon-mode-grid,
  .list-addon-output-grid,
  .list-addon-rule-groups,
  .list-addon-cleanup-grid { grid-template-columns: 1fr; }
  .list-addon-mode-card { grid-template-columns: 34px minmax(0,1fr) auto; }
  .list-addon-mode-icon { width: 34px; height: 34px; }
  .list-addon-output-card > header { flex-direction: column; }
}
/* A session-only save suggestion, separate from unresolved-column alerts. */
.column-merge-saved-hint { position: fixed; z-index: 1100; right: 24px; bottom: 24px; display: flex; gap: 20px; width: min(420px, calc(100vw - 32px)); padding: 20px; border: 1px solid #39545c; border-radius: 16px; background: #142333; color: #e6edf5; box-shadow: 0 12px 36px #0005; }
.column-merge-saved-hint strong { font-size: 15px; }
.column-merge-saved-hint p { margin: 8px 0 12px; color: #b5c3d3; font-size: 13px; line-height: 1.55; }
.column-merge-saved-hint button { color: #a8dfd1; background: transparent; border: 0; padding: 0; cursor: pointer; font: inherit; font-size: 13px; }
.column-merge-saved-hint [data-merge-hint-close] { align-self: flex-start; color: #b5c3d3; font-size: 22px; min-width: 24px; }
.column-merge-saved-hint button:focus-visible { outline: 2px solid #a8dfd1; outline-offset: 4px; }
@media (max-width: 600px) { .column-merge-saved-hint { right: 16px; bottom: 16px; } }

/* Oct2: consistent studios and scannable, bounded review. */
.ll-studio-intro h3{font-size:23px;letter-spacing:-.6px;margin:10px 0;color:#eef3fa}
.ll-studio-intro p{font-size:13px;line-height:1.6;margin:0;color:#9fb1c9}
.ll-studio-intro .section-kicker{color:var(--lh-bright)}
.ll-footer-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.list-workspace-footer .list-draft-tools button{display:flex;align-items:center;gap:8px;background:rgba(123,139,162,.08);border:1px solid rgba(123,139,162,.24);color:#bac6d6;padding:10px 14px}
.list-workspace-footer .list-draft-tools button:disabled{opacity:.45}
.lr-select-row{cursor:pointer}.lr-select-row:hover{background:#94a3b810}.lr-select-row[aria-selected=true]{background:#94a3b81a}.lr-select-row:focus-visible{outline:2px solid #cbd5e1;outline-offset:-3px}
.addon-keyword-list li.is-new-keyword{background:color-mix(in srgb,var(--layout-primary,#a580e4) 25%,#152238);box-shadow:inset 0 0 0 2px var(--layout-bright,#c6adf0);border-radius:7px}
.addon-keyword-list li{transition:background .25s}.addon-keyword-list li:focus{outline:none}
.ll-layout-review{width:min(1040px,calc(100vw - 32px));max-height:min(920px,calc(100dvh - 48px))}
.ll-layout-review [hidden]{display:none!important}
.ll-layout-review>header,.ll-layout-review>footer,.ll-review-controls,.ll-layout-review>.list-review-safety{flex-shrink:0}
.ll-layout-review>header{padding:24px 28px 20px;background:#172538}
.ll-layout-review>header h3{font-size:26px;letter-spacing:-.6px}
.ll-layout-review>header p{font-size:12px;line-height:1.6;color:#a3b3c8}
.ll-review-controls{padding:16px 28px;background:#101d2d;border-bottom:1px solid #2c3d54;display:grid;gap:12px}
.ll-review-nav{display:flex;gap:6px;flex-wrap:wrap}
.ll-review-nav button{display:flex;gap:7px;align-items:center;border:1px solid #35455c;background:#162337;color:#a8b9cf;border-radius:8px;font:inherit;font-size:12px;padding:9px 11px;cursor:pointer}
.ll-review-nav button[aria-pressed=true]{background:#2b3b53;color:#edf3fb;border-color:#8b9eb8}
.ll-review-nav b{font-size:10px;padding:2px 5px;border-radius:5px;background:#ffffff12}
.ll-review-search{display:flex;align-items:center;gap:8px;background:#0d1928;border:1px solid #35475e;border-radius:9px;padding:0 12px;color:#91a7c4}
.ll-review-search input{font:inherit;font-size:13px;width:100%;padding:11px 0;border:0;background:transparent;color:#e2eaf5;min-width:0}
.ll-layout-review .list-review-change-list{display:block;min-height:90px;margin:0;padding:22px 28px;flex:1;overflow:auto}
.ll-layout-review .list-review-change-group{gap:8px;margin:0 0 24px}
.ll-layout-review .list-review-change-group:last-of-type{margin-bottom:0}
.ll-layout-review .list-review-change-group>header{padding:0 0 10px;gap:12px}
.ll-layout-review .list-review-change-group>header>div{display:flex;align-items:center;gap:9px}
.ll-layout-review .list-review-change-group>header strong{font-size:14px;text-transform:none;letter-spacing:0;display:flex;align-items:center;gap:8px;color:#dde7f5}
.ll-layout-review .list-review-change-group>header small{font-size:11px;margin:0;color:#92a8c5}
.ll-layout-review .ll-review-area-icon{display:grid;place-items:center;padding:6px;background:#24364e;border-radius:7px;color:#b9c9dd}.ll-review-area-icon svg{width:17px;height:17px}
.ll-layout-review .list-review-change-list article{min-height:0;grid-template-columns:26px minmax(0,1fr) auto;padding:13px 15px;gap:12px;border-color:#2c3f57;background:#152236}
.ll-layout-review .list-review-change-list article>.ll-review-kind{width:24px;height:24px;display:grid;place-items:center;border-radius:6px;color:#e0e9f7;background:#354259;font-size:17px}
.ll-layout-review article.added>.ll-review-kind{color:#8cd8b9;background:#19392e}.ll-layout-review article.removed>.ll-review-kind{color:#f1a1b0;background:#3d2933}
.ll-layout-review .list-review-change-list article strong{font-size:13px;line-height:1.55;overflow-wrap:anywhere}
.ll-layout-review .list-review-change-list article small{font-size:12px;color:#a4b5cc;line-height:1.6;white-space:pre-line;overflow-wrap:anywhere}
.ll-layout-review .list-review-change-list article>em{font-size:10px;max-width:160px}
.ll-layout-review .list-review-safety{margin:0 28px 16px;padding:12px 14px}.ll-layout-review .list-review-safety p{font-size:11px;line-height:1.6;color:#9eafc4}
.ll-layout-review>footer{padding:16px 28px;align-items:center}.ll-layout-review>footer>span{margin-right:auto;color:#9dafc6;font-size:12px}.ll-layout-review>footer button{font-size:13px;min-height:44px}
.ll-layout-review :is(button,input):focus-visible{outline:2px solid #cbd5e1;outline-offset:2px}
.ll-review-no-results{padding:25px;text-align:center;color:#a4b6cf;font-size:13px}
@media(max-width:650px){.ll-layout-review{max-height:calc(100dvh - 20px);width:100%}.ll-layout-review>header{padding:18px}.ll-layout-review>header h3{font-size:22px}.ll-review-controls{padding:12px 18px}.ll-review-nav{flex-wrap:nowrap;overflow:auto;padding-bottom:4px}.ll-review-nav button{flex-shrink:0}.ll-layout-review .list-review-change-list{padding:18px}.ll-layout-review .list-review-change-list article{grid-template-columns:26px minmax(0,1fr)}.ll-layout-review .list-review-change-list article>em{grid-column:2}.ll-layout-review .list-review-safety{margin:0 18px 12px}.ll-layout-review>footer{display:flex;flex-wrap:wrap;padding:14px 18px}.ll-layout-review>footer>span{width:100%}.ll-layout-review>footer button{flex:1}.ll-footer-actions,.list-workspace-footer .ll-footer-actions{display:flex}.ll-footer-actions>.list-draft-tools{display:flex;flex:1}.ll-footer-actions button{width:100%}.ll-footer-actions>button{flex:1}}


/* Account identity is intentionally generic until the authenticated profile loads. */
.app-body .workspace-avatar.workspace-account-icon{background:linear-gradient(145deg,#303a49,#19212f);color:#d8e0ea;border:1px solid #ffffff24;box-shadow:inset 0 1px 0 #ffffff0a;border-radius:12px;flex:0 0 40px}
.workspace-account-icon svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.sidebar-foot .workspace-mini{min-width:0;flex:1}.sidebar-foot .workspace-mini strong{font-size:12px;line-height:1.4;font-weight:650}.sidebar-foot .workspace-mini small{font-size:10px;line-height:1.5;color:#9aa8bb;white-space:normal;display:block;overflow-wrap:anywhere;margin-top:3px}
.settings-hub-card.tone-neutral,.settings-detail-icon.tone-neutral{--card-accent:#d5dde8;--card-soft:#d5dde80b;--card-border:#d5dde82b}
.settings-section-title:has(.tone-neutral) .section-kicker{color:#aab6c5}
.settings-hub-card.tone-neutral{border-color:#ffffff1a}.settings-hub-card.tone-neutral:hover{border-color:#cbd5e14d;background:#ffffff06}
.settings-detail-crumb button{width:auto;flex:0 0 auto;white-space:nowrap;min-height:34px;padding:5px 11px 5px 6px;color:#cbd5e1;border-color:#ffffff21;background:#ffffff05;font-size:11px;line-height:1.3}
.settings-detail-crumb button:hover{color:#f1f5f9;background:#ffffff0c;border-color:#ffffff38}.settings-detail-crumb button:focus-visible{outline-color:#cbd5e1}
@media(max-width:500px){.settings-detail-crumb{gap:8px}.settings-detail-crumb button{font-size:10px}.settings-detail-crumb>span{font-size:10px}}

.settings-hub-grid.seller-hub-grid{grid-template-columns:minmax(0,1fr);max-width:620px}

/* Order details use a centered window; its existing contents keep their order. */
#order-drawer{inset:3vh auto auto 50%;width:min(1380px,calc(100vw - 48px));height:94vh;height:calc(var(--bimo-visual-viewport-height,100dvh) - 6vh);max-height:94dvh;border:1px solid #34445f;border-radius:22px;overflow:hidden;box-shadow:0 35px 100px #0008;transform:translate(-50%,12px) scale(.99);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s,transform .18s}
#order-drawer.open{transform:translate(-50%,0);opacity:1;visibility:visible;pointer-events:auto}
#order-drawer .drawer-head{flex:none;min-height:80px;padding:20px 28px}
#order-drawer .drawer-head h2{max-width:min(1100px,calc(100vw - 160px));font-size:20px}
#order-drawer .drawer-body{min-height:0;padding:22px 28px 30px;scrollbar-gutter:stable;overflow-x:hidden}
#drawer-close{width:38px;height:38px;flex:none;border:1px solid #34445f;border-radius:11px;background:#1b2a3d}
#order-drawer .drawer-engine-sections{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin-top:14px}
#order-drawer .drawer-engine-sections .engine-progress-section{margin-top:0;min-width:0}
#order-drawer .drawer-engine-sections .additional-engines{grid-column:1/-1}

.engine-progress{grid-template-columns:28px minmax(0,1fr)}
.engine-progress-brand{position:relative;width:28px;height:30px;display:grid;place-items:center}
.engine-progress-brand .engine-brand-icon{width:25px;height:25px;object-fit:contain}

.engine-progress.queued .engine-progress-brand img{opacity:.5}
.processing-focus-pulse .engine-brand-icon{width:30px;height:30px;object-fit:contain}
.processing-focus-active .engine-brand-icon{width:18px;height:18px;object-fit:contain;flex:none}
.active-production-activity{display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:start;gap:10px;margin-top:13px;padding-top:11px;border-top:1px solid #cbd5e11a}
.active-production-now{padding-top:5px;padding-right:2px}
.active-production-stages{gap:7px}
.active-production-stage{gap:6px;padding:4px 8px;white-space:normal;line-height:1.4;border-radius:8px}
.active-production-stage .engine-brand-icon{width:17px;height:17px;object-fit:contain;flex:none}
.active-production-stage.labels{--stage-accent:#cbd5e1;color:#cbd5e1;background:#cbd5e10b;border-color:#cbd5e124}
.logilist-loading-modules{display:flex;align-items:center;gap:14px;margin-bottom:10px}
.logilist-loading-modules>span{display:grid;place-items:center;width:48px;height:48px;border:1px solid #34465a;border-radius:14px;background:#172639;animation:logilist-opening-pulse 2.4s ease-in-out infinite}
.logilist-loading-modules>span:nth-child(2){animation-delay:.3s}
.logilist-loading-modules>span:nth-child(3){animation-delay:.6s}
.logilist-loading-modules img{width:30px;height:30px;object-fit:contain}
@keyframes logilist-opening-pulse{0%,100%{opacity:.55;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}}
@media(max-width:1000px){#order-drawer .drawer-engine-sections{grid-template-columns:1fr}.active-production-activity{grid-template-columns:1fr;gap:8px}}
@media(max-width:620px){#order-drawer{inset:10px auto auto 50%;width:calc(100vw - 20px);height:calc(var(--bimo-visual-viewport-height,100dvh) - 20px);max-height:calc(100dvh - 20px);border-radius:16px}#order-drawer .drawer-head{padding:15px 18px;min-height:74px}#order-drawer .drawer-head h2{font-size:17px;max-width:calc(100vw - 110px)}#order-drawer .drawer-body{padding:16px 16px 24px}}
@media(prefers-reduced-motion:reduce){#order-drawer{transition:none}.logilist-loading-modules>span{animation:none}}

/* Shared outputs stay together; each production module keeps a stable place. */
#order-drawer .drawer-engine-sections .run-output-engines .engine-progress-list{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
#order-drawer .drawer-engine-sections .production-engines .engine-progress-list{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
#order-drawer .drawer-engine-sections .engine-progress{height:auto;min-width:0}
#order-drawer .drawer-engine-sections .engine-progress-title{flex-wrap:wrap;gap:6px}
#order-drawer .drawer-engine-sections .engine-progress-title em{margin-left:auto}
#order-drawer .drawer-engine-sections .run-output-engines{background:#111b2d}
.run-section-title{display:flex;align-items:center;gap:9px}
.run-section-title>svg{width:18px;height:18px;flex:none;color:#a3b6ce}
.drawer-status-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin-left:auto}
.operational-download-bands{display:grid;gap:22px;margin-top:18px}
.operational-download-band{min-width:0}
.operational-download-band+ .operational-download-band{padding-top:18px;border-top:1px solid #2b3a51}
.operational-download-band>h4{margin:0;color:#aebed1;font-size:11px;font-weight:700}
.operational-download-band .operational-download-grid{margin-top:12px;align-items:start}
.operational-download-band.shared-output .operational-download-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.operational-download-band.production-output .operational-download-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.operational-module-empty{padding:18px 12px;border:1px dashed #34435a;border-radius:10px;background:#101a2b}
.operational-module-empty strong{font-size:11px;color:#c4cfdd}
.operational-module-empty p{margin:7px 0 0;font-size:10px;line-height:1.5;color:#95a5bb}
@media(max-width:1100px){.operational-download-band.production-output .operational-download-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#order-drawer .drawer-engine-sections .production-engines .engine-progress-list{grid-template-columns:1fr}}
@media(max-width:620px){.operational-download-band.shared-output .operational-download-grid,.operational-download-band.production-output .operational-download-grid,#order-drawer .drawer-engine-sections .run-output-engines .engine-progress-list{grid-template-columns:1fr}.drawer-status-actions{gap:7px}}

.operational-download-band.production-output .operational-download-group{display:flex;flex-direction:column}
.operational-download-band.production-output .operational-file-list{flex:1}
.operational-download-band.production-output .operational-module-empty{display:flex;flex-direction:column;justify-content:center}