:root {
  --nav:#0b4f86;
  --nav-dark:#073b67;
  --text:#17283b;
  --muted:#66758a;
  --line:#dbe4ee;
  --soft-line:#edf2f7;
  --bg:#f3f6fa;
  --card:#fff;
  --blue:#0f609e;
  --blue-2:#1b75b8;
  --warn:#d63f32;
  --candidate:#d88300;
  --scale:#138a54;
  --shadow:0 12px 32px rgba(13,45,76,.08);
}
* { box-sizing:border-box; }
body {
  margin:0;
  font-family:"Microsoft YaHei", Arial, sans-serif;
  color:var(--text);
  background:var(--bg);
  letter-spacing:0;
}
button, input, select { font:inherit; }
button { cursor:pointer; }
.hidden { display:none !important; }
.session-gate {
  position:fixed;
  inset:0;
  z-index:9999;
  display:grid;
  place-items:center;
  background:
    radial-gradient(circle at 70% 20%, rgba(27,117,184,.13), transparent 36%),
    linear-gradient(145deg, #f7fbff 0%, #edf4fa 100%);
  opacity:1;
  visibility:visible;
  transition:opacity .18s ease, visibility .18s ease;
}
.session-gate.is-ready { opacity:0; visibility:hidden; pointer-events:none; }
.session-gate-card {
  display:flex;
  align-items:center;
  gap:18px;
  min-width:330px;
  padding:24px 28px;
  border:1px solid rgba(15,96,158,.14);
  border-radius:22px;
  background:rgba(255,255,255,.92);
  box-shadow:0 22px 56px rgba(13,45,76,.12);
}
.session-gate-card img { width:58px; height:58px; border-radius:14px; object-fit:contain; }
.session-gate-copy { display:grid; gap:5px; min-width:0; }
.session-gate-copy strong { color:#0b4f86; font-size:24px; letter-spacing:.04em; }
.session-gate-copy span { color:#66758a; font-size:14px; }
.session-gate-progress {
  width:160px;
  height:4px;
  margin-top:7px;
  overflow:hidden;
  border-radius:999px;
  background:#dbe8f2;
}
.session-gate-progress::after {
  content:"";
  display:block;
  width:45%;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg, #0f609e, #26a9d4);
  animation:session-gate-slide 1s ease-in-out infinite;
}
@keyframes session-gate-slide {
  from { transform:translateX(-110%); }
  to { transform:translateX(330%); }
}
.login-page {
  min-height:100vh;
  background:#090715 url("/assets/login-bg.svg") center/cover no-repeat;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:44px;
  overflow:hidden;
}
.login-shell {
  width:min(1680px, 100%);
  min-height:760px;
  display:grid;
  grid-template-columns:minmax(560px, 1fr) 560px;
  align-items:center;
  gap:76px;
}
.login-hero {
  min-height:680px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  color:#fff;
  padding:18px 0 24px;
  position:relative;
  z-index:1;
}
.login-brand {
  display:flex;
  align-items:center;
  gap:18px;
  color:#fff;
  text-shadow:0 10px 34px rgba(0,0,0,.28);
}
.login-brand img {
  width:106px;
  height:106px;
  object-fit:contain;
  background:rgba(255,255,255,.96);
  border-radius:22px;
  padding:10px;
  box-shadow:0 18px 54px rgba(0,0,0,.34), 0 0 0 1px rgba(255,255,255,.12);
}
.login-brand strong {
  display:block;
  font-size:46px;
  line-height:1;
  letter-spacing:0;
}
.login-brand span {
  display:block;
  margin-top:12px;
  color:#c6daf4;
  font-size:18px;
  font-weight:800;
  line-height:1.38;
}
.login-copy {
  margin-top:72px;
  max-width:720px;
}
.login-copy h2 {
  margin:0 0 18px;
  color:#f7f8ff;
  font-size:58px;
  line-height:1.08;
  font-weight:950;
  text-shadow:0 18px 40px rgba(0,0,0,.34);
}
.login-copy p {
  margin:0;
  color:#f448b9;
  font-size:48px;
  line-height:1.08;
  font-weight:950;
  text-shadow:0 16px 42px rgba(244,72,185,.28);
}
.login-showcase {
  width:min(740px, 100%);
  padding:28px;
  border:1px solid rgba(113,214,255,.25);
  border-radius:28px;
  background:linear-gradient(135deg,rgba(12,105,187,.36),rgba(75,31,119,.24));
  box-shadow:0 24px 80px rgba(0,0,0,.26), inset 0 0 0 1px rgba(255,255,255,.04);
}
.showcase-frame {
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:16px;
  position:relative;
  padding-top:36px;
}
.showcase-tag {
  position:absolute;
  top:-6px;
  left:50%;
  transform:translateX(-50%);
  padding:8px 24px;
  border-radius:999px;
  background:linear-gradient(90deg,#25d4f2,#8a5cff);
  color:#fff;
  font-weight:900;
  box-shadow:0 12px 28px rgba(37,212,242,.24);
}
.showcase-card {
  min-height:146px;
  display:grid;
  gap:10px;
  align-content:center;
  padding:22px;
  border-radius:18px;
  background:rgba(255,255,255,.92);
  color:#142236;
  box-shadow:0 18px 44px rgba(0,0,0,.2);
}
.showcase-card.active {
  transform:translateY(-10px);
  box-shadow:0 28px 58px rgba(54,144,255,.34);
}
.showcase-card b { font-size:22px; }
.showcase-card span { color:#607286; font-weight:800; }
.showcase-card strong { color:#0f609e; font-size:34px; }
.login-card {
  min-height:620px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:linear-gradient(145deg,rgba(27,18,45,.94),rgba(17,12,31,.92));
  border:1px solid rgba(255,255,255,.12);
  backdrop-filter:blur(20px);
  box-shadow:0 30px 100px rgba(0,0,0,.46), 0 0 70px rgba(167,66,255,.18);
  border-radius:34px;
  padding:58px 50px;
  color:#fff;
  position:relative;
  z-index:2;
}
.login-card h1 {
  margin:0;
  font-size:38px;
  line-height:1.15;
  text-align:center;
}
.login-kicker {
  margin:0 auto 18px;
  width:max-content;
  max-width:100%;
  padding:8px 18px;
  border:1px solid rgba(83,207,245,.26);
  border-radius:999px;
  background:rgba(83,207,245,.08);
  color:#74ddff;
  font-size:15px;
  font-weight:900;
}
.login-value {
  margin:14px auto 18px;
  max-width:360px;
  color:#dce8ff;
  text-align:center;
  font-size:18px;
  line-height:1.45;
  font-weight:900;
}
.login-modules {
  display:flex;
  justify-content:center;
  gap:10px;
  flex-wrap:wrap;
  margin:0 0 34px;
}
.login-modules span {
  padding:7px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  color:#aeb8c9;
  font-size:14px;
  font-weight:900;
  white-space:nowrap;
}
.login-card label {
  display:grid;
  gap:12px;
  margin:22px 0;
  color:#f4f7ff;
  font-weight:900;
}
.login-password-field {
  display:grid;
  gap:12px;
  margin:22px 0;
  color:#f4f7ff;
  font-weight:900;
}
.login-password-field > label {
  display:block;
  margin:0;
}
.login-card input {
  height:56px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:28px;
  background:rgba(255,255,255,.06);
  color:#fff;
  padding:0 22px;
  outline:none;
}
.login-card input::placeholder { color:#8d879e; }
.login-card input:focus {
  border-color:#a85eff;
  box-shadow:0 0 0 4px rgba(168,94,255,.15);
  background:rgba(255,255,255,.1);
}
.login-card > button[type="submit"] {
  width:100%;
  height:56px;
  margin-top:28px;
  border:0;
  border-radius:28px;
  background:linear-gradient(90deg,#e945a6,#a74fff);
  color:#fff;
  font-size:18px;
  font-weight:900;
  box-shadow:0 18px 42px rgba(233,69,166,.32);
}
.login-card > button[type="submit"]:disabled {
  cursor:wait;
  opacity:.72;
  box-shadow:none;
}
.login-password-wrap {
  position:relative;
  display:block;
}
.login-password-wrap input {
  width:100%;
  padding-right:78px;
}
.login-password-wrap button {
  position:absolute;
  right:10px;
  top:50%;
  transform:translateY(-50%);
  width:auto;
  height:38px;
  margin:0;
  padding:0 14px;
  border:0;
  border-radius:19px;
  background:rgba(255,255,255,.12);
  color:#e9e5f2;
  font-size:14px;
  font-weight:900;
  box-shadow:none;
  cursor:pointer;
}
.login-password-wrap button:hover,
.login-password-wrap button:focus-visible {
  background:rgba(168,94,255,.35);
  outline:2px solid rgba(255,255,255,.45);
}
.login-caps-lock {
  margin:-4px 10px -10px;
  color:#ffc86a;
  font-size:13px;
  font-weight:800;
}
.form-error { min-height:24px; margin-top:12px; color:#ff7b7b; font-weight:800; text-align:center; }
.form-success { color:#43e9a2; }
.toast {
  position:fixed;
  left:50%;
  top:36px;
  transform:translateX(-50%);
  z-index:200;
  padding:12px 24px;
  border-radius:14px;
  background:rgba(23,40,59,.94);
  color:#fff;
  font-weight:900;
  box-shadow:0 18px 48px rgba(0,0,0,.24);
  max-width:min(760px, calc(100vw - 48px));
  max-height:180px;
  overflow:auto;
  white-space:normal;
  line-height:1.45;
  word-break:break-word;
  display:flex;
  align-items:flex-start;
  gap:14px;
}
.toast > span { flex:1; min-width:0; }
.toast.success {
  background:linear-gradient(90deg,#138a54,#1da7df);
}
.toast.error { background:#a43131; }
.toast-dismiss {
  flex:0 0 auto;
  width:30px;
  height:30px;
  margin:-4px -10px -4px 0;
  border:0;
  border-radius:50%;
  background:rgba(255,255,255,.14);
  color:#fff;
  font-size:20px;
  line-height:1;
  cursor:pointer;
}
.toast-dismiss:hover,
.toast-dismiss:focus-visible { background:rgba(255,255,255,.28); outline:2px solid #fff; outline-offset:2px; }
.app-page {
  min-height:100vh;
  display:grid;
  grid-template-columns:280px minmax(0,1fr);
}
.sidebar {
  position:sticky;
  top:0;
  height:100vh;
  overflow-y:auto;
  overflow-x:hidden;
  scrollbar-gutter:stable;
  background:linear-gradient(180deg,var(--nav),var(--nav-dark));
  color:#fff;
  padding:24px 18px;
  box-shadow:8px 0 24px rgba(7,60,104,.14);
}
.brand {
  display:flex;
  align-items:center;
  gap:14px;
  padding:8px 6px 28px;
  border-bottom:1px solid rgba(255,255,255,.18);
}
.brand img {
  width:78px;
  height:78px;
  object-fit:contain;
  background:#fff;
  border-radius:8px;
  padding:7px;
}
.brand strong { display:block; font-size:24px; }
.brand span { display:block; color:#b9d3e8; font-size:13px; margin-top:6px; }
.brand span { line-height:1.45; }
.nav { margin-top:24px; display:grid; gap:10px; }
.nav button {
  position:relative;
  width:100%;
  min-height:50px;
  border:0;
  background:transparent;
  color:#dcecf7;
  padding:13px 38px 13px 16px;
  text-align:left;
  border-radius:8px;
  font-size:15px;
  font-weight:800;
}
.nav button.has-subnav::after {
  content:"";
  position:absolute;
  right:17px;
  top:50%;
  width:8px;
  height:8px;
  border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;
  transform:translateY(-65%) rotate(45deg);
  opacity:.85;
  transition:transform .18s ease;
}
.nav button.has-subnav.expanded::after {
  transform:translateY(-35%) rotate(225deg);
}
.nav button:hover,
.nav button.active {
  background:rgba(255,255,255,.16);
  color:#fff;
}
.nav button.active { box-shadow:inset 4px 0 0 #fff; }
.nav button.nav-quick-entry {
  min-height:42px;
  margin-left:14px;
  width:calc(100% - 14px);
  padding:10px 14px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.08);
  color:#eaf6ff;
  font-size:14px;
}
.nav button.nav-quick-entry.active {
  background:rgba(255,255,255,.2);
  box-shadow:inset 3px 0 0 #fff;
}
.procurement-subnav,
.business-subnav,
.jiuzhou-subnav,
.soms-subnav,
.supply-subnav,
.jumia-subnav,
.product-selection-subnav,
.logistics-subnav {
  /*
   * The business menu already has eleven entries.  Collapsing an expanded
   * menu with max-height/overflow:hidden silently cut off the lower entries
   * (for example “处理闭环” and “经营日报”) instead of letting the sidebar
   * itself scroll.  Do not animate an artificial height here: the sidebar is
   * the single vertical scroll container and must always be able to reach all
   * enabled modules.
   */
  display:none;
  gap:6px;
  margin:0 0 0 12px;
  padding-left:12px;
  border-left:1px solid rgba(255,255,255,.22);
}
.procurement-subnav.active,
.business-subnav.active,
.jiuzhou-subnav.active,
.soms-subnav.active,
.supply-subnav.open,
.jumia-subnav.active,
.product-selection-subnav.active,
.logistics-subnav.active {
  display:grid;
  margin:-4px 0 6px 12px;
}
.procurement-subnav button,
.business-subnav button,
.jiuzhou-subnav button,
.soms-subnav button,
.supply-subnav button,
.jumia-subnav button,
.product-selection-subnav button,
.logistics-subnav button {
  width:100%;
  border:0;
  background:transparent;
  color:#c9deee;
  padding:9px 12px;
  text-align:left;
  border-radius:6px;
  font-size:13px;
  font-weight:800;
}
.procurement-subnav button:hover,
.procurement-subnav button.active,
.business-subnav button:hover,
.business-subnav button.active,
.jiuzhou-subnav button:hover,
.soms-subnav button:hover,
.supply-subnav button:hover,
.jiuzhou-subnav button.active,
.soms-subnav button.active,
.supply-subnav button.active,
.jumia-subnav button:hover,
.jumia-subnav button.active,
.product-selection-subnav button:hover,
.product-selection-subnav button.active,
.logistics-subnav button:hover,
.logistics-subnav button.active {
  background:rgba(255,255,255,.14);
  color:#fff;
}
.procurement-subnav button.active,
.business-subnav button.active,
.jiuzhou-subnav button.active,
.soms-subnav button.active,
.supply-subnav button.active,
.jumia-subnav button.active,
.product-selection-subnav button.active,
.logistics-subnav button.active {
  box-shadow:inset 3px 0 0 #fff;
}
.main { min-width:0; padding:28px 32px 42px; }
.top-header {
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:18px;
  margin-bottom:18px;
}
.top-header h1 { margin:0; font-size:28px; line-height:1.2; }
.top-header p { margin:8px 0 0; color:var(--muted); line-height:1.65; }
.monitor-data-control {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:14px;
  padding:12px 15px;
  border:1px solid #d9e8ef;
  border-radius:12px;
  background:#f7fbfd;
}
.monitor-data-control span { display:grid; gap:3px; color:#25465b; }
.monitor-data-control small { color:var(--muted); }
.monitor-data-control .btn { flex:0 0 auto; }
.monitor-source-panel {
  display:grid;
  grid-template-columns:1.35fr 1fr 1.35fr 1fr 1fr;
  gap:10px;
  margin:-2px 0 14px;
  padding:11px 13px;
  border:1px solid #b9e3d3;
  border-radius:12px;
  background:#f3fbf7;
}
.monitor-source-panel.is-alert { border-color:#f2c7a2; background:#fff8f0; }
.monitor-source-panel>span { display:grid; gap:4px; min-width:0; padding:8px 10px; border-radius:8px; background:rgba(255,255,255,.78); }
.monitor-source-panel small { color:var(--muted); font-size:11px; }
.monitor-source-panel b { overflow:hidden; color:#173d54; font-size:12px; line-height:1.45; text-overflow:ellipsis; }
.monitor-sla-panel {
  margin:-2px 0 14px;
  padding:14px 16px;
  border:1px solid #d7e5eb;
  border-radius:14px;
  background:#fff;
  box-shadow:0 8px 22px rgba(16,58,84,.05);
}
.monitor-sla-panel.is-pass { border-color:#b9e3d3; background:#f3fbf7; }
.monitor-sla-panel.is-warn { border-color:#f2d28a; background:#fffaf0; }
.monitor-sla-panel.is-fail { border-color:#f1bdb7; background:#fff5f3; }
.monitor-sla-panel.is-unknown { border-color:#d7e5eb; background:#f8fbfc; }
.monitor-sla-head { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.monitor-sla-head span { display:grid; gap:3px; }
.monitor-sla-head b { color:#163b52; font-size:14px; }
.monitor-sla-head small,.monitor-sla-head em { color:var(--muted); font-size:12px; font-style:normal; }
.monitor-sla-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin-top:12px; }
.monitor-sla-grid>span { display:grid; gap:4px; min-width:0; padding:10px 12px; border:1px solid rgba(123,158,174,.22); border-radius:10px; background:rgba(255,255,255,.72); }
.monitor-sla-grid small { color:var(--muted); }
.monitor-sla-grid b { overflow:hidden; color:#173d54; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
.monitor-sla-grid em { color:#587184; font-size:11px; font-style:normal; line-height:1.45; }
.monitor-sla-details { margin-top:10px; border-top:1px solid rgba(123,158,174,.2); padding-top:9px; }
.monitor-sla-details h3 { margin:0 0 9px; color:#31566d; font-size:12px; font-weight:800; }
.monitor-stage-list,.monitor-run-history { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:7px; margin-top:9px; }
.monitor-stage-list span,.monitor-run-history span { display:grid; gap:2px; padding:8px 10px; border-radius:8px; background:rgba(255,255,255,.8); }
.monitor-stage-list b,.monitor-run-history b { overflow:hidden; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
.monitor-stage-list em,.monitor-run-history em { color:var(--muted); font-size:10px; font-style:normal; }
.monitor-stage-list .failed { color:#a23f35; background:#fff0ed; }
@media(max-width:1000px){.monitor-source-panel,.monitor-sla-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.monitor-stage-list,.monitor-run-history{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.monitor-sla-head{align-items:flex-start;flex-direction:column;gap:5px}.monitor-source-panel,.monitor-sla-grid,.monitor-stage-list,.monitor-run-history{grid-template-columns:1fr}}
.account { position:relative; }
.account-btn {
  border:1px solid var(--line);
  background:#fff;
  color:#1b334d;
  border-radius:8px;
  padding:10px 14px;
  min-width:150px;
  text-align:left;
  font-weight:900;
  box-shadow:var(--shadow);
  cursor:pointer;
}
.account-btn::after { content:"▼"; float:right; font-size:12px; margin-top:3px; color:var(--muted); }
.account-btn[aria-expanded="true"]::after { transform:rotate(180deg); }
.account-btn:focus-visible,
.account-menu button:focus-visible { outline:3px solid rgba(29,167,223,.35); outline-offset:2px; }
.account-menu {
  position:absolute;
  right:0;
  top:48px;
  width:230px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:8px;
  box-shadow:0 22px 50px rgba(13,45,76,.18);
  overflow:hidden;
  z-index:20;
}
.account-info {
  padding:16px;
  border-bottom:1px solid var(--soft-line);
  display:grid;
  gap:4px;
}
.account-info span { color:var(--muted); }
.account-info small { color:var(--muted); }
.account-menu button {
  width:100%;
  border:0;
  background:#fff;
  padding:14px 16px;
  text-align:left;
  font-weight:800;
}
.account-menu button:hover { background:#f4f8fc; }
.account-menu button.danger { color:#df3c35; background:#fff2f2; }

/* Persistent portal tools stay within appPage so modal focus isolation applies. */
:root { --portal-utility-height:64px; }
.app-page:has(.portal-utilitybar) { padding-top:calc(var(--portal-utility-height) + env(safe-area-inset-top, 0px)); }
.portal-utilitybar {
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:60;
  height:calc(var(--portal-utility-height) + env(safe-area-inset-top, 0px));
  padding:env(safe-area-inset-top, 0px) 28px 0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  background:#fff;
  border-bottom:1px solid #dbe6ee;
  box-shadow:0 2px 12px rgba(13,45,76,.04);
  overflow:visible;
}
.portal-utility-brand { display:flex; align-items:center; gap:10px; flex:0 0 auto; color:#0b4f86; font-size:17px; font-weight:900; letter-spacing:.05em; }
.portal-utility-brand img { display:block; width:30px; height:30px; object-fit:contain; }
.portal-utility-actions { display:flex; align-items:center; justify-content:flex-end; gap:12px; min-width:0; }
.portal-system-shortcuts { display:flex; align-items:center; gap:10px; min-width:0; }
.portal-system-shortcuts:not(:has(> .portal-system-entry:not(.hidden))) { display:none; }
.portal-system-entry { display:inline-flex; align-items:center; justify-content:center; gap:7px; flex:0 0 auto; min-height:40px; padding:8px 13px; border:1px solid #bbd6eb; border-radius:8px; background:#eef6ff; color:#0d588f; font-size:13px; font-weight:800; white-space:nowrap; cursor:pointer; }
.portal-system-entry svg { width:19px; height:19px; flex:0 0 auto; }
.portal-system-entry .portal-system-external { width:13px; height:13px; opacity:.8; }
.portal-system-growth { border-color:#acd8d0; background:#eaf7f3; color:#087369; }
.portal-system-entry:hover { border-color:#6ca5cc; background:#dfeeff; color:#074574; }
.portal-system-growth:hover { border-color:#62b4a8; background:#d8f0e9; color:#055b53; }
.portal-system-entry:focus-visible { outline:3px solid rgba(29,167,223,.35); outline-offset:2px; }
.portal-help-entry { display:inline-flex; align-items:center; justify-content:center; gap:7px; flex:0 0 auto; min-height:40px; padding:8px 12px; border:1px solid transparent; border-radius:8px; background:transparent; color:#45677d; font-size:13px; font-weight:700; white-space:nowrap; }
.portal-help-entry svg { width:19px; height:19px; }
.portal-help-entry:hover { border-color:#d9e8f1; background:#f1f7fb; color:#0f609e; }
.portal-help-entry.active { border-color:#bedbec; background:#edf6fc; color:#0f609e; }
.portal-help-entry:focus-visible { outline:3px solid rgba(29,167,223,.35); outline-offset:2px; }
.portal-utilitybar .account { min-width:0; }
.portal-utilitybar .account-btn { position:relative; min-width:0; max-width:240px; min-height:40px; padding:8px 32px 8px 13px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:13px; font-weight:700; box-shadow:none; background:#f8fafc; }
.portal-utilitybar .account-btn::after { position:absolute; top:50%; right:11px; float:none; margin:0; transform:translateY(-50%); font-size:10px; }
.portal-utilitybar .account-btn[aria-expanded="true"]::after { transform:translateY(-50%) rotate(180deg); }
.portal-utilitybar .account-menu { top:calc(100% + 9px); left:auto; right:0; width:min(260px, calc(100vw - 24px)); max-height:calc(100dvh - var(--portal-utility-height) - env(safe-area-inset-top, 0px) - 20px); overflow-y:auto; overflow-wrap:anywhere; }
.app-page:has(.portal-utilitybar) > .sidebar { top:calc(var(--portal-utility-height) + env(safe-area-inset-top, 0px)); height:calc(100dvh - var(--portal-utility-height) - env(safe-area-inset-top, 0px)); }
.app-page:has(.portal-utilitybar) > .main { padding-top:25px; }
.app-page:has(.portal-utilitybar) .top-header { margin-bottom:22px; }
.app-page .kc-reading-aside { top:calc(var(--portal-utility-height) + env(safe-area-inset-top, 0px) + 18px); }
.app-page .product-finder-toolbar { top:calc(var(--portal-utility-height) + env(safe-area-inset-top, 0px) + 12px); }
.app-page :is(h1,h2,h3,h4,.kc-tabs,.kc-results-top,.kc-preview,.kc-editor-confirm) { scroll-margin-top:calc(var(--portal-utility-height) + env(safe-area-inset-top, 0px) + 18px); }
@media(max-width:820px) {
  :root { --portal-utility-height:56px; }
  .app-page:has(.portal-system-entry:not(.hidden)) { --portal-utility-height:104px; }
  .portal-utilitybar { display:grid; grid-template-columns:minmax(70px,1fr) auto auto; grid-template-rows:52px; column-gap:8px; padding-right:14px; padding-left:14px; padding-bottom:4px; }
  .portal-utilitybar:has(.portal-system-entry:not(.hidden)) { grid-template-rows:52px 40px; row-gap:4px; padding-bottom:8px; }
  .portal-utility-brand { grid-row:1; grid-column:1; }
  .portal-utility-actions { display:contents; }
  .portal-utilitybar #helpCenterBtn { grid-row:1; grid-column:2; }
  .portal-utilitybar .account { grid-row:1; grid-column:3; }
  .portal-system-shortcuts { grid-row:2; grid-column:1 / -1; width:100%; gap:8px; }
  .portal-system-entry { flex:1 1 0; min-width:0; font-size:12px; padding:8px 10px; }
  .portal-utility-brand { gap:7px; font-size:14px; }
  .portal-utility-brand img { width:25px; height:25px; }
  .portal-utility-actions { gap:7px; }
  .portal-help-entry { min-height:40px; padding:8px; font-size:12px; gap:5px; }
  .portal-help-entry svg { width:18px; height:18px; }
  .portal-utilitybar .account-btn { max-width:165px; font-size:12px; padding-left:10px; }
  .app-page:has(.portal-utilitybar) > .sidebar { position:relative; top:0; height:auto; padding:9px 12px; }
  .app-page:has(.portal-utilitybar) > .sidebar .brand { display:none; }
  .app-page:has(.portal-utilitybar) > .sidebar .nav { margin-top:0; }
  .app-page:has(.portal-utilitybar) > .main { padding:18px 14px 32px; }
  .app-page:has(.portal-utilitybar) .top-header h1 { font-size:24px; }
  .app-page:has(.portal-utilitybar) .top-header p { font-size:12px; margin-top:6px; }
  .app-page:has(.portal-utilitybar) .top-header { margin-bottom:18px; }
}
@media(max-width:380px) {
  .portal-utilitybar { padding-right:10px; padding-left:10px; gap:7px; }
  .portal-utility-brand { font-size:12px; gap:5px; }
  .portal-utility-brand img { width:21px; height:21px; }
  .portal-utility-actions { gap:3px; }
  .portal-help-entry { font-size:11px; gap:4px; padding:8px 6px; }
  .portal-utilitybar .account-btn { max-width:122px; padding-left:8px; padding-right:27px; font-size:11px; }
  .portal-system-entry { font-size:11px; gap:5px; padding:8px; }
  .portal-system-entry svg { width:17px; height:17px; }
}
.notice {
  border:1px solid #f0c8c3;
  background:#fff4f2;
  color:#9b2d23;
  border-radius:8px;
  padding:12px 14px;
  margin:12px 0 16px;
  line-height:1.6;
  font-weight:800;
}
.cards {
  display:grid;
  grid-template-columns:repeat(6,minmax(130px,1fr));
  gap:14px;
  margin:18px 0 18px;
}
.card {
  background:#fff;
  border:1px solid var(--line);
  border-radius:8px;
  padding:16px 18px;
  min-height:94px;
  box-shadow:var(--shadow);
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.card label { color:var(--muted); font-size:13px; margin-bottom:8px; }
.card b { font-size:25px; line-height:1.15; }
.health-summary {
  display:grid;
  grid-template-columns:repeat(4,minmax(160px,1fr));
  gap:12px;
  padding:14px 16px;
  border-bottom:1px solid var(--soft-line);
  background:#fbfdff;
}
.health-card {
  border:1px solid var(--line);
  border-radius:8px;
  padding:12px 14px;
  background:#fff;
}
.health-card label,
.health-files label {
  display:block;
  color:var(--muted);
  font-size:12px;
  font-weight:800;
  margin-bottom:6px;
}
.health-card b {
  display:block;
  color:#142234;
  font-size:22px;
  line-height:1.2;
}
.health-card.ok b { color:#08753f; }
.health-card.warn b { color:#a76000; }
.health-card.bad b { color:#c42626; }
.health-table td small {
  display:block;
  color:var(--muted);
  font-size:12px;
  margin-top:4px;
}
.health-badge {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:64px;
  height:26px;
  border-radius:999px;
  font-size:12px;
  font-weight:900;
}
.health-badge.ok { background:#e6f8ef; color:#08753f; }
.health-badge.warn { background:#fff3da; color:#a76000; }
.health-badge.bad { background:#ffe8e8; color:#c42626; }
.health-files {
  display:grid;
  grid-template-columns:repeat(2,minmax(220px,1fr));
  gap:12px;
  padding:14px 16px;
  border-top:1px solid var(--soft-line);
  background:#fbfdff;
}
.health-files div {
  min-width:0;
  border:1px solid var(--line);
  border-radius:8px;
  padding:12px 14px;
  background:#fff;
}
.health-files b {
  display:block;
  font-size:15px;
  margin-bottom:5px;
}
.health-files small {
  display:block;
  color:var(--muted);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.tabs {
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin:14px 0;
}
.tabs button {
  border:1px solid var(--line);
  background:#fff;
  border-radius:8px;
  min-height:38px;
  padding:6px 13px;
  font-weight:900;
  color:#20354c;
  display:flex;
  align-items:center;
  gap:8px;
  box-shadow:0 4px 12px rgba(13,45,76,.04);
}
.tabs button.active { background:var(--blue); color:#fff; border-color:var(--blue); }
.pill {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:24px;
  padding:2px 8px;
  border-radius:6px;
  background:#eef3f8;
  color:var(--muted);
  font-size:13px;
  font-weight:900;
  white-space:nowrap;
}
.tabs button.active .pill { background:#fff; color:var(--blue); }
.review-filter-result { background:#eaf4ff; color:var(--blue); }
.review-pagination {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 16px;
  border-top:1px solid var(--soft-line);
  color:var(--muted);
  font-size:13px;
  font-weight:800;
}
.review-pagination > div { display:flex; align-items:center; gap:9px; }
.review-pagination .btn { min-width:76px; }
.review-pagination .btn:disabled { opacity:.45; cursor:default; }
.review-empty { display:flex; align-items:center; justify-content:center; gap:10px; }
@media (max-width:760px) {
  .review-pagination { align-items:flex-start; flex-direction:column; }
  .review-pagination > div { width:100%; justify-content:space-between; }
}
.pill.warn { color:var(--warn); background:#fff0ee; }
.pill.candidate { color:var(--candidate); background:#fff6e6; }
.pill.scale { color:var(--scale); background:#eaf8f1; }
.section {
  background:#fff;
  border:1px solid var(--line);
  border-radius:8px;
  margin-top:14px;
  overflow:hidden;
  box-shadow:var(--shadow);
}
.section h2 {
  margin:0;
  padding:17px 20px;
  font-size:18px;
  border-bottom:1px solid var(--line);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.toolbar {
  padding:14px 16px;
  border-bottom:1px solid var(--soft-line);
  display:grid;
  grid-template-columns:repeat(5,minmax(140px,1fr)) auto;
  gap:12px;
  align-items:end;
  background:#fbfdff;
}
.daily-filter-total {
  display:flex;
  align-items:baseline;
  gap:7px;
  padding:12px 16px 0;
  background:#fbfdff;
  color:var(--muted);
  font-size:13px;
  font-weight:800;
}
.daily-filter-total strong {
  color:#0d6ca8;
  font-size:24px;
  line-height:1;
}
.daily-filter-total em {
  color:#0d6ca8;
  font-size:13px;
  font-style:normal;
}
.daily-filter-total + .toolbar { padding-top:8px; }
.field {
  display:grid;
  gap:5px;
  min-width:0;
}
.field label {
  color:var(--muted);
  font-size:12px;
  font-weight:800;
  line-height:1.2;
  white-space:nowrap;
}
.field input,
.field select,
.modal input,
.modal select,
.modal textarea {
  height:36px;
  border:1px solid #c9d4df;
  border-radius:6px;
  padding:0 10px;
  background:#fff;
  outline:none;
  box-sizing:border-box;
  min-width:0;
}
.field input,
.field select {
  width:100%;
}
.modal textarea {
  min-height:96px;
  height:auto;
  padding:10px;
  resize:vertical;
  line-height:1.55;
}
.field select { min-width:0; }
.field input:focus,
.field select:focus,
.modal input:focus,
.modal select:focus,
.modal textarea:focus {
  border-color:#7aa9cf;
  box-shadow:0 0 0 3px rgba(15,96,158,.12);
}
.btn {
  min-height:36px;
  border:1px solid var(--line);
  border-radius:7px;
  background:#fff;
  padding:0 13px;
  font-weight:900;
  color:#20354c;
  white-space:nowrap;
}
.btn.primary { background:var(--blue); color:#fff; border-color:var(--blue); }
.btn.green { background:#31a653; color:#fff; border-color:#31a653; }
.btn.danger { background:#f14f55; color:#fff; border-color:#f14f55; }
.btn.red { background:#f05252; color:#fff; border-color:#f05252; }
.btn.orange { background:#f28a16; color:#fff; border-color:#f28a16; }
.business-toolbar {
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
}
.business-toolbar .btn {
  align-self:end;
}
.business-custom-date[hidden] {
  display:none;
}
.jumia-toolbar {
  grid-template-columns:minmax(140px,180px) minmax(160px,220px) minmax(220px,1fr) auto auto auto minmax(170px,220px) auto;
}
.jumia-sign-filter {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px 16px;
  align-items:end;
  padding:14px 16px 16px;
  border-bottom:1px solid var(--soft-line);
  background:#fbfdff;
}
.jumia-sign-fields {
  display:grid;
  grid-template-columns:minmax(140px,170px) minmax(140px,170px) minmax(150px,1fr) minmax(145px,1fr) minmax(150px,1fr) minmax(260px,1.4fr);
  gap:10px 12px;
  align-items:end;
  min-width:0;
}
.jumia-sign-fields .field {
  min-width:0;
}
.jumia-sign-fields input,
.jumia-sign-fields select {
  width:100%;
  min-width:0;
}
.jumia-sign-actions {
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  align-items:flex-end;
  gap:10px;
  min-width:260px;
}
.jumia-sign-actions .btn {
  height:40px;
  min-width:96px;
  padding:0 18px;
  white-space:nowrap;
}
.jumia-sign-actions #jumiaSignSearchBtn {
  min-width:136px;
}
.jumia-sign-actions #jumiaOrderSyncBtn {
  min-width:128px;
}
.jumia-sign-filter {
  grid-template-columns:1fr;
}
.jumia-sign-fields {
  grid-template-columns:repeat(auto-fit,minmax(165px,1fr));
}
.jumia-sign-fields .keyword {
  grid-column:span 2;
}
.jumia-sign-actions {
  justify-content:flex-start;
  min-width:0;
}
@media (max-width:1700px) {
  .jumia-sign-filter {
    grid-template-columns:1fr;
  }
  .jumia-sign-fields {
    grid-template-columns:repeat(3,minmax(180px,1fr));
  }
  .jumia-sign-actions {
    justify-content:flex-start;
    min-width:0;
  }
}
@media (max-width:1100px) {
  .jumia-sign-fields {
    grid-template-columns:repeat(2,minmax(170px,1fr));
  }
}
@media (max-width:720px) {
  .jumia-sign-fields {
    grid-template-columns:1fr;
  }
  .jumia-sign-fields .keyword {
    grid-column:auto;
  }
  .jumia-sign-actions .btn {
    flex:1 1 120px;
  }
}
.jumia-order-toolbar {
  grid-template-columns:repeat(2,minmax(130px,150px)) repeat(4,minmax(130px,1fr)) minmax(240px,1.4fr) auto auto auto;
}
.jumia-order-filter {
  display:grid;
  gap:12px;
  padding:14px 16px 16px;
  border-bottom:1px solid var(--soft-line);
  background:#fbfdff;
}
.jumia-order-fields {
  display:grid;
  grid-template-columns:repeat(6,minmax(128px,1fr));
  gap:10px 12px;
  align-items:end;
}
.jumia-order-fields .field {
  min-width:0;
}
.jumia-order-fields .keyword {
  grid-column:span 2;
}
.jumia-order-fields input,
.jumia-order-fields select {
  width:100%;
  min-width:0;
}
.jumia-order-actions {
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.jumia-order-actions .btn {
  min-width:86px;
}
.jumia-file {
  height:40px;
  max-width:220px;
  padding:8px;
  border:1px solid var(--border);
  border-radius:6px;
  background:#fff;
}
.jumia-cards {
  margin:14px 0;
}
.jumia-table {
  table-layout:fixed;
}
.jumia-table th,
.jumia-table td {
  padding:9px 10px;
}
.jumia-table th.sortable {
  padding:4px 6px;
}
.table-sort-btn {
  width:100%;
  min-height:34px;
  border:0;
  border-radius:6px;
  background:transparent;
  color:var(--text);
  font:inherit;
  font-weight:800;
  display:inline-flex;
  align-items:center;
  justify-content:flex-end;
  gap:5px;
  cursor:pointer;
}
.table-sort-btn:hover,
.table-sort-btn.active {
  background:#eef5fb;
  color:var(--primary);
}
.table-sort-btn .sort-icon {
  font-size:15px;
  line-height:1;
  color:var(--muted);
}
.table-sort-btn.active .sort-icon {
  color:var(--primary);
}
.jumia-table th:nth-child(1),
.jumia-table td:nth-child(1) { width:90px; }
.jumia-table th:nth-child(2),
.jumia-table td:nth-child(2) { width:150px; }
.jumia-table th:nth-child(3),
.jumia-table td:nth-child(3) { width:120px; }
.jumia-table th:nth-child(5),
.jumia-table td:nth-child(5),
.jumia-table th:nth-child(6),
.jumia-table td:nth-child(6) { width:88px; }
.jumia-table th:nth-child(7),
.jumia-table td:nth-child(7),
.jumia-table th:nth-child(8),
.jumia-table td:nth-child(8) { width:92px; }
.jumia-table th:nth-child(9),
.jumia-table td:nth-child(9) { width:150px; }
.jumia-table .long {
  white-space:normal;
  line-height:1.35;
}
.jiuzhou-filter {
  display:grid;
  gap:12px;
  padding:14px 16px 16px;
  border-bottom:1px solid var(--soft-line);
  background:#fbfdff;
}
.jiuzhou-filter-fields {
  display:grid;
  grid-template-columns:repeat(3,minmax(150px,1fr));
  gap:10px 12px;
  align-items:end;
}
.jiuzhou-inventory-fields {
  grid-template-columns:minmax(160px,220px) minmax(260px,1fr);
}
.jiuzhou-filter-fields .keyword {
  grid-column:span 2;
}
.jiuzhou-inventory-fields .keyword {
  grid-column:auto;
}
.jiuzhou-filter-actions {
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.jiuzhou-filter-actions .btn {
  min-width:96px;
}
.jiuzhou-table {
  width:100%;
  table-layout:fixed;
}
.jiuzhou-table th,
.jiuzhou-table td {
  padding:9px 10px;
  vertical-align:middle;
}
.jiuzhou-table td.long {
  min-width:0;
  max-width:none;
  white-space:normal;
  overflow-wrap:anywhere;
  line-height:1.45;
}
.jiuzhou-table small,
.jiuzhou-order-id,
.jiuzhou-date-cell,
.jiuzhou-sign-summary-table td:first-child,
.jiuzhou-sign-detail-table td:first-child {
  white-space:normal;
  overflow-wrap:anywhere;
  line-height:1.4;
}
.jiuzhou-table .link-btn {
  max-width:100%;
}
.jiuzhou-sku-cell .sku {
  white-space:normal;
  overflow-wrap:anywhere;
}
.jiuzhou-inventory-table { min-width:1220px; }
.jiuzhou-inventory-table th:nth-child(1),
.jiuzhou-inventory-table td:nth-child(1) { width:100px; }
.jiuzhou-inventory-table th:nth-child(2),
.jiuzhou-inventory-table td:nth-child(2) { width:105px; }
.jiuzhou-inventory-table th:nth-child(3),
.jiuzhou-inventory-table td:nth-child(3) { width:130px; }
.jiuzhou-inventory-table th:nth-child(4),
.jiuzhou-inventory-table td:nth-child(4) { width:260px; }
.jiuzhou-inventory-table th:nth-child(n+5):nth-child(-n+9),
.jiuzhou-inventory-table td:nth-child(n+5):nth-child(-n+9) { width:82px; }
.jiuzhou-inventory-table th:nth-child(10),
.jiuzhou-inventory-table td:nth-child(10) { width:170px; }
.jiuzhou-orders-table { min-width:1192px; }
.jiuzhou-orders-table th:nth-child(1),
.jiuzhou-orders-table td:nth-child(1) { width:180px; }
.jiuzhou-orders-table th:nth-child(2),
.jiuzhou-orders-table td:nth-child(2) { width:160px; }
.jiuzhou-orders-table th:nth-child(3),
.jiuzhou-orders-table td:nth-child(3) { width:120px; }
.jiuzhou-orders-table th:nth-child(4),
.jiuzhou-orders-table td:nth-child(4) { width:110px; }
.jiuzhou-orders-table th:nth-child(5),
.jiuzhou-orders-table td:nth-child(5) { width:260px; }
.jiuzhou-orders-table th:nth-child(6),
.jiuzhou-orders-table td:nth-child(6) { width:72px; }
.jiuzhou-orders-table th:nth-child(7),
.jiuzhou-orders-table td:nth-child(7) { width:110px; }
.jiuzhou-orders-table th:nth-child(8),
.jiuzhou-orders-table td:nth-child(8) { width:180px; }
.jiuzhou-sign-summary-table { min-width:880px; }
.jiuzhou-sign-summary-table th:first-child,
.jiuzhou-sign-summary-table td:first-child { width:240px; }
.jiuzhou-sign-summary-table th:not(:first-child),
.jiuzhou-sign-summary-table td:not(:first-child) { width:100px; }
.jiuzhou-sign-detail-table { min-width:980px; }
.jiuzhou-sign-detail-table th:nth-child(1),
.jiuzhou-sign-detail-table td:nth-child(1) { width:200px; }
.jiuzhou-sign-detail-table th:nth-child(2),
.jiuzhou-sign-detail-table td:nth-child(2) { width:100px; }
.jiuzhou-sign-detail-table th:nth-child(3),
.jiuzhou-sign-detail-table td:nth-child(3) { width:120px; }
.jiuzhou-sign-detail-table th:nth-child(4),
.jiuzhou-sign-detail-table td:nth-child(4) { width:300px; }
.jiuzhou-sign-detail-table th:nth-child(5),
.jiuzhou-sign-detail-table td:nth-child(5) { width:80px; }
.jiuzhou-sign-detail-table th:nth-child(6),
.jiuzhou-sign-detail-table td:nth-child(6) { width:140px; }
@media (min-width:1600px) {
  .jiuzhou-filter-fields:not(.jiuzhou-inventory-fields) {
    grid-template-columns:repeat(6,minmax(150px,1fr));
  }
}
@media (max-width:980px) {
  .jiuzhou-filter-fields,
  .jiuzhou-inventory-fields {
    grid-template-columns:repeat(2,minmax(140px,1fr));
  }
}
@media (max-width:620px) {
  .jiuzhou-filter-fields,
  .jiuzhou-inventory-fields {
    grid-template-columns:1fr;
  }
  .jiuzhou-filter-fields .keyword {
    grid-column:auto;
  }
  .jiuzhou-filter-actions .btn {
    flex:1 1 120px;
  }
}
.jumia-sign-table {
  min-width:1060px;
  table-layout:fixed;
}
.jumia-sign-table th,
.jumia-sign-table td {
  padding:9px 10px;
  white-space:normal;
  vertical-align:middle;
  line-height:1.35;
}
.jumia-sign-table th:nth-child(1),
.jumia-sign-table td:nth-child(1) { width:120px; }
.jumia-sign-table th:nth-child(2),
.jumia-sign-table td:nth-child(2) { width:250px; }
.jumia-sign-table th:nth-child(3),
.jumia-sign-table td:nth-child(3) { width:180px; }
.jumia-sign-table th:nth-child(4),
.jumia-sign-table td:nth-child(4) { width:310px; }
.jumia-sign-table th:nth-child(5),
.jumia-sign-table td:nth-child(5) { width:130px; }
.jumia-sign-table th:nth-child(6),
.jumia-sign-table td:nth-child(6) { width:150px; }
.jumia-sign-table .person-cell {
  font-weight:800;
  color:#20354c;
}
.jumia-product-cell .product-name {
  color:#21364d;
  font-weight:800;
  line-height:1.35;
  margin-bottom:7px;
  overflow-wrap:anywhere;
}
.jumia-owner-cell {
  line-height:1.45;
}
.jumia-owner-cell .owner-country {
  font-weight:900;
  color:#18304a;
}
.jumia-owner-cell .owner-shop {
  margin-top:3px;
  color:#64758a;
  font-weight:700;
  overflow-wrap:anywhere;
}
.jumia-status-cell {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:6px;
}
.jumia-status-cell span {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  min-height:28px;
  padding:4px 8px;
  border-radius:6px;
  background:#f3f7fb;
  color:#5f7085;
  font-weight:800;
  line-height:1.2;
}
.jumia-status-cell b {
  color:#10243a;
  font-variant-numeric:tabular-nums;
}
.jumia-rate-cell {
  line-height:1.6;
}
.jumia-rate-cell strong {
  display:block;
  margin-bottom:6px;
  color:#10243a;
}
.jumia-date-cell {
  color:#53667d;
  font-weight:800;
  line-height:1.35;
}
.jumia-sign-view-tabs {
  margin:12px 16px;
}
.jumia-sign-rollup-table {
  min-width:1060px;
  table-layout:fixed;
}
.jumia-sign-rollup-table th,
.jumia-sign-rollup-table td {
  padding:9px 10px;
  white-space:normal;
  vertical-align:middle;
  line-height:1.35;
}
.jumia-sign-rollup-table th:nth-child(1),
.jumia-sign-rollup-table td:nth-child(1) { width:230px; }
.jumia-sign-rollup-table th:nth-child(2),
.jumia-sign-rollup-table td:nth-child(2) { width:170px; }
.jumia-sign-rollup-table th:nth-child(3),
.jumia-sign-rollup-table td:nth-child(3) { width:170px; }
.jumia-sign-rollup-table th:nth-child(4),
.jumia-sign-rollup-table td:nth-child(4) { width:310px; }
.jumia-sign-rollup-table th:nth-child(5),
.jumia-sign-rollup-table td:nth-child(5) { width:130px; }
.jumia-sign-rollup-table th:nth-child(6),
.jumia-sign-rollup-table td:nth-child(6) { width:150px; }
.jumia-salesperson-sign-table th:nth-child(1),
.jumia-salesperson-sign-table td:nth-child(1) { width:150px; }
.jumia-salesperson-sign-table th:nth-child(2),
.jumia-salesperson-sign-table td:nth-child(2) { width:250px; }
.jumia-salesperson-sign-table th:nth-child(3),
.jumia-salesperson-sign-table td:nth-child(3) { width:140px; }
.jumia-scope-cell strong,
.jumia-scope-cell small,
.jumia-sku-count-cell strong,
.jumia-sku-count-cell small {
  display:block;
}
.jumia-scope-cell strong,
.jumia-sku-count-cell strong {
  color:#18304a;
  font-weight:900;
}
.jumia-scope-cell small,
.jumia-sku-count-cell small {
  margin-top:5px;
  color:#64758a;
  font-weight:700;
  line-height:1.4;
  overflow-wrap:anywhere;
}
.jumia-order-table {
  min-width:1260px;
  table-layout:fixed;
}
.jumia-order-table th,
.jumia-order-table td {
  padding:9px 10px;
  white-space:normal;
  vertical-align:middle;
  overflow-wrap:anywhere;
  line-height:1.35;
}
.jumia-order-table th:nth-child(1),
.jumia-order-table td:nth-child(1) { width:130px; }
.jumia-order-table th:nth-child(2),
.jumia-order-table td:nth-child(2) { width:170px; }
.jumia-order-table th:nth-child(3),
.jumia-order-table td:nth-child(3) { width:165px; }
.jumia-order-table th:nth-child(4),
.jumia-order-table td:nth-child(4) { width:85px; }
.jumia-order-table th:nth-child(5),
.jumia-order-table td:nth-child(5) { width:230px; }
.jumia-order-table th:nth-child(6),
.jumia-order-table td:nth-child(6) { width:115px; }
.jumia-order-table th:nth-child(7),
.jumia-order-table td:nth-child(7) { width:110px; }
.jumia-order-table th:nth-child(8),
.jumia-order-table td:nth-child(8) { width:155px; }
.jumia-order-table th:nth-child(9),
.jumia-order-table td:nth-child(9) { width:140px; }
.jumia-order-table .order-no {
  font-weight:800;
  color:#20354c;
  overflow-wrap:anywhere;
}
.jumia-order-status .pill {
  display:inline-flex;
  max-width:100%;
  white-space:normal;
  line-height:1.25;
  padding:6px 9px;
}
.jumia-order-date {
  color:#20354c;
  font-weight:800;
  line-height:1.35;
}
.jumia-order-table .num {
  white-space:nowrap;
}
.jumia-salesperson-cell {
  display:grid;
  gap:6px;
  min-width:0;
}
.jumia-salesperson-cell strong {
  font-weight:800;
  color:#20354c;
  line-height:1.2;
}
.jumia-salesperson-cell label {
  display:grid;
  gap:4px;
  color:#667992;
  font-size:12px;
  font-weight:800;
}
.jumia-salesperson-cell select {
  width:100%;
  min-width:128px;
  height:32px;
  border:1px solid var(--border);
  border-radius:6px;
  padding:3px 7px;
  background:#fff;
  color:#20354c;
  font-weight:800;
}
.track-link {
  border:0;
  padding:0;
  background:transparent;
  color:#14853f;
  font:inherit;
  font-weight:900;
  text-decoration:underline;
  cursor:pointer;
  overflow-wrap:anywhere;
  text-align:left;
}
.track-link:hover {
  color:#0d6b31;
}
.jumia-track-modal h2 {
  margin-bottom:16px;
}
.track-summary {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-bottom:16px;
}
.track-summary div {
  border:1px solid var(--line);
  border-radius:8px;
  padding:10px 12px;
  background:#f8fbfe;
  min-width:0;
}
.track-summary label {
  display:block;
  margin-bottom:5px;
  color:var(--muted);
  font-size:12px;
  font-weight:900;
}
.track-summary b {
  display:block;
  color:#12263d;
  overflow-wrap:anywhere;
  line-height:1.3;
}
.track-timeline {
  position:relative;
  display:grid;
  gap:0;
  padding:4px 0 4px 18px;
}
.track-event {
  position:relative;
  display:grid;
  grid-template-columns:28px minmax(0,1fr);
  gap:12px;
  padding:0 0 18px;
}
.track-event::before {
  content:"";
  position:absolute;
  left:13px;
  top:24px;
  bottom:-4px;
  width:2px;
  background:#dce7f1;
}
.track-event:last-child::before {
  display:none;
}
.track-dot {
  width:24px;
  height:24px;
  border:4px solid #4aa3ff;
  border-radius:50%;
  background:#fff;
  box-shadow:0 0 0 3px #e9f4ff;
  margin-top:4px;
  z-index:1;
}
.track-body {
  min-width:0;
  border:1px solid #e6edf4;
  border-radius:8px;
  background:#fff;
  padding:11px 13px;
}
.track-body time {
  display:block;
  color:#74849a;
  font-weight:800;
  margin-bottom:4px;
}
.track-body strong {
  display:block;
  color:#1b2f46;
  font-size:16px;
  margin-bottom:4px;
}
.track-body p {
  margin:0;
  color:#53667d;
  line-height:1.45;
  overflow-wrap:anywhere;
}
.business-cards .card small {
  margin-top:7px;
  color:var(--muted);
  font-weight:700;
  line-height:1.4;
}
.business-chart-section {
  overflow:visible;
}
.business-funnel-section,
.business-actions-section {
  overflow:visible;
}
.business-funnel {
  padding:16px;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:12px;
  background:#fbfdff;
}
.funnel-step {
  border:1px solid var(--soft-line);
  border-radius:8px;
  background:#fff;
  padding:12px;
  min-width:0;
}
.funnel-step-head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  font-weight:900;
  margin-bottom:8px;
}
.funnel-step-head strong,
.funnel-step-head span {
  color:#172c42;
}
.funnel-track {
  height:12px;
  background:#eef3f8;
  border-radius:999px;
  overflow:hidden;
}
.funnel-track span {
  display:block;
  height:100%;
  background:linear-gradient(90deg,#0f609e,#31a653);
  border-radius:999px;
}
.funnel-step small {
  display:block;
  margin-top:8px;
  color:var(--muted);
  font-weight:800;
  line-height:1.4;
}
.business-action-list {
  padding:16px;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:12px;
  background:#fbfdff;
}
.business-action-card {
  border:1px solid var(--soft-line);
  border-left:5px solid #9eb1c4;
  border-radius:8px;
  background:#fff;
  padding:12px 14px;
  min-width:0;
}
.business-action-card > .btn { margin-top:10px; }
.business-action-more { border-top:1px solid var(--soft-line); }
.business-action-more > summary { padding:12px 16px; cursor:pointer; color:#245e88; font-weight:700; }
.business-evidence-return { display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin:12px 0; padding:10px 14px; border:1px solid #c9dced; border-radius:8px; background:#f1f7fc; }
.business-evidence-return span { color:#5d7183; font-size:12px; }
.business-ai-diagnosis .ops-section-head { flex-wrap:wrap; gap:12px; }
.business-ai-meta,.business-ai-status,.business-ai-error,.business-ai-gaps { margin:0; padding:12px 16px; font-size:13px; line-height:1.6; }
.business-ai-meta { color:#607386; }
.business-ai-scope { margin:0; padding:8px 16px; color:#365d80; font-size:13px; line-height:1.6; overflow-wrap:anywhere; }
.business-ai-notice { margin:0 16px 8px; padding:10px 12px; background:#fff6e5; border-left:3px solid #dbab4d; color:#7f581e; font-size:13px; line-height:1.6; }
.business-ai-status { background:#eef6ff; color:#315c83; }
.business-ai-error { background:#fff4e9; color:#8f531e; }
.business-ai-error small { display:block; }
.business-ai-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr)); gap:12px; padding:12px 16px; }
.business-ai-grid article { min-width:0; padding:12px; background:#f7fafd; border:1px solid var(--soft-line); border-radius:8px; }
.business-ai-grid h3 { margin:0 0 8px; font-size:14px; }
.business-ai-grid ul,.business-ai-gaps ul,.business-ai-evidence ul { margin:0; padding-left:20px; }
.business-ai-grid li,.business-ai-gaps li,.business-ai-evidence li { margin-bottom:8px; font-size:13px; line-height:1.6; overflow-wrap:anywhere; }
.business-ai-grid small,.business-ai-evidence small { display:block; margin-top:5px; color:#657b8f; }
.business-ai-evidence { padding:12px 16px; border-top:1px solid var(--soft-line); }
.business-ai-evidence summary { cursor:pointer; color:#245e88; font-weight:700; }
.business-ai-evidence article { padding:10px 0; border-bottom:1px solid var(--soft-line); scroll-margin-top:80px; }
.business-ai-evidence h4 { margin:6px 0; }
.business-ai-evidence p { font-size:13px; line-height:1.6; overflow-wrap:anywhere; }
.business-ai-evidence .btn { margin-top:8px; }
.prediction-confidence.is-reference { color:#89631c; font-weight:700; }
.prediction-row-evidence { text-align:left; margin-top:5px; font-size:11px; color:#61738a; white-space:normal; }
.prediction-row-evidence summary { cursor:pointer; }
.prediction-row-evidence p { margin:6px 0; line-height:1.5; }
.business-action-card.priority-高 {
  border-left-color:#d33a3a;
}
.business-action-card.priority-中 {
  border-left-color:#d4861f;
}
.business-action-card.priority-低 {
  border-left-color:#2f85c2;
}
.business-action-card div {
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:8px;
}
.business-action-card span {
  border-radius:6px;
  background:#eef3f8;
  color:#4d657c;
  padding:3px 7px;
  font-size:12px;
  font-weight:900;
}
.business-action-card strong {
  color:#142b42;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.business-action-card p {
  margin:8px 0 6px;
  color:#243a51;
  font-weight:800;
  line-height:1.5;
}
.business-action-card small {
  color:var(--muted);
  font-weight:800;
}
.business-chart-grid {
  padding:16px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  background:#fbfdff;
}
.chart-panel {
  border:1px solid var(--soft-line);
  border-radius:8px;
  background:#fff;
  padding:14px;
  min-width:0;
}
.chart-wide {
  min-height:292px;
}
.chart-head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:10px;
}
.chart-head strong {
  font-size:15px;
  color:#172c42;
}
.chart-head span {
  color:var(--muted);
  font-size:12px;
  font-weight:800;
  text-align:right;
}
.trend-chart svg {
  width:100%;
  height:auto;
  display:block;
}
.trend-chart .axis {
  stroke:#d9e3ec;
  stroke-width:2;
}
.trend-bars rect {
  fill:#2f85c2;
  opacity:.78;
}
.trend-line {
  stroke:#31a653;
  stroke-width:3;
  stroke-linejoin:round;
  stroke-linecap:round;
}
.trend-dot {
  fill:#fff;
  stroke:#31a653;
  stroke-width:2;
}
.chart-label {
  fill:#6b7d90;
  font-size:12px;
  font-weight:800;
}
.chart-legend {
  display:flex;
  gap:16px;
  color:#5e7186;
  font-size:12px;
  font-weight:900;
  margin-top:4px;
}
.chart-legend span {
  display:inline-flex;
  align-items:center;
  gap:6px;
}
.legend-bar,
.legend-line {
  display:inline-block;
  width:18px;
  height:8px;
  border-radius:4px;
  background:#2f85c2;
}
.legend-line {
  height:3px;
  background:#31a653;
}
.bar-list {
  display:grid;
  gap:10px;
}
.bar-row {
  display:grid;
  gap:5px;
}
.bar-row-head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  font-weight:900;
}
.bar-row-head strong {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  min-width:0;
}
.bar-row-head span,
.bar-row small {
  color:var(--muted);
  font-weight:900;
}
.bar-row small {
  font-size:12px;
}
.bar-track {
  height:9px;
  background:#eef3f8;
  border-radius:999px;
  overflow:hidden;
}
.bar-track span {
  display:block;
  height:100%;
  background:linear-gradient(90deg,#0f609e,#31a653);
  border-radius:999px;
}
.sku-radar-list {
  display:grid;
  gap:9px;
}
.sku-radar-list div {
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:5px 10px;
  align-items:center;
  padding-bottom:9px;
  border-bottom:1px solid var(--soft-line);
}
.sku-radar-list div:last-child {
  border-bottom:0;
  padding-bottom:0;
}
.sku-radar-list strong {
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.sku-radar-list small {
  grid-column:2;
  color:var(--muted);
  font-weight:800;
  line-height:1.45;
}
.chart-empty {
  padding:24px 0;
  min-height:120px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.outbound-monitor {
  overflow:visible;
}
.outbound-cards {
  padding:16px;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(120px,1fr));
  gap:12px;
  border-bottom:1px solid var(--soft-line);
  background:#fbfdff;
}
.outbound-cards div {
  border:1px solid var(--soft-line);
  border-radius:8px;
  background:#fff;
  padding:12px 14px;
}
.outbound-cards label {
  display:block;
  color:var(--muted);
  font-size:12px;
  font-weight:900;
  margin-bottom:6px;
}
.outbound-cards b {
  font-size:24px;
  color:#10263d;
}
.outbound-grid {
  padding:16px;
  display:grid;
  grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr);
  gap:14px;
  background:#fbfdff;
}
.outbound-page-tabs {
  padding:14px 16px 0;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  background:#fbfdff;
}
.outbound-page-tabs button {
  border:1px solid var(--soft-line);
  border-radius:8px;
  background:#fff;
  color:#1c344d;
  font-weight:900;
  font-size:15px;
  min-height:42px;
  padding:8px 14px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  cursor:pointer;
}
.outbound-page-tabs button.active {
  background:var(--blue);
  border-color:var(--blue);
  color:#fff;
}
.outbound-page-tabs button.active .pill {
  background:#fff;
  color:var(--blue);
}
.outbound-page-panel {
  margin:16px;
  padding:16px;
  border:1px solid var(--soft-line);
  border-radius:8px;
  background:#fff;
  min-height:420px;
}
.unshipped-card-list {
  display:grid;
  gap:12px;
  max-height:720px;
  overflow:auto;
  padding-right:4px;
}
.unshipped-card {
  border:1px solid var(--soft-line);
  border-radius:8px;
  background:#fbfdff;
  padding:14px;
}
.unshipped-card-head {
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  padding-bottom:12px;
  border-bottom:1px solid var(--soft-line);
}
.unshipped-card-head strong {
  font-size:18px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.unshipped-card-head span {
  font-weight:900;
  color:#b24b00;
}
.unshipped-fields {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  padding-top:12px;
}
.unshipped-fields div,
.unshipped-action {
  min-width:0;
}
.unshipped-fields label,
.unshipped-action label {
  display:block;
  color:var(--muted);
  font-size:12px;
  font-weight:900;
  margin-bottom:5px;
}
.unshipped-fields b,
.unshipped-action p {
  margin:0;
  color:#142b42;
  font-weight:900;
  line-height:1.45;
}
.unshipped-fields small {
  display:block;
  margin-top:3px;
  color:#7b8fa0;
  font-size:11px;
  font-weight:800;
}
.sku-text {
  display:block;
  overflow-wrap:anywhere;
}
.oms-status-badge {
  display:inline-flex;
  flex-direction:column;
  gap:2px;
  border-radius:7px;
  background:#fff3da;
  color:#8b4b00;
  padding:6px 9px;
  font-weight:900;
  line-height:1.2;
}
.oms-status-badge small {
  color:#6f7f91;
  font-size:11px;
}
.unshipped-action {
  margin-top:12px;
  padding:11px 12px;
  border-radius:8px;
  background:#fff;
  border:1px solid var(--soft-line);
}
.unshipped-closure {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:10px;
  padding-top:10px;
  border-top:1px dashed #d8e3ec;
}
.unshipped-closure > div { min-width:0; }
.unshipped-closure .dispatch-badges { margin-top:6px; }
.unshipped-cause-list {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
  gap:12px;
}
.unshipped-cause-card {
  border:1px solid var(--soft-line);
  border-radius:10px;
  background:#fbfdff;
  padding:14px;
}
.unshipped-cause-head,
.unshipped-cause-owner {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
}
.unshipped-cause-head > div,
.unshipped-cause-owner > div { min-width:0; }
.unshipped-cause-head small,
.unshipped-cause-owner label,
.unshipped-cause-owner small {
  display:block;
  color:#7b8fa0;
  font-size:11px;
  font-weight:800;
}
.unshipped-cause-head strong { display:block; margin-top:3px; color:#18384f; font-size:17px; }
.unshipped-cause-head > b { color:#b24b00; white-space:nowrap; }
.unshipped-cause-metrics {
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin:12px 0;
}
.unshipped-cause-metrics span {
  border-radius:6px;
  background:#eef5fa;
  color:#526b82;
  font-size:12px;
  font-weight:800;
  padding:5px 8px;
}
.unshipped-cause-owner {
  padding:10px 0;
  border-top:1px solid #e1e9ee;
  border-bottom:1px solid #e1e9ee;
}
.unshipped-cause-owner strong { display:block; margin-top:3px; color:#19384e; font-size:13px; }
.inventory-alert-list {
  display:grid;
  gap:10px;
}
.inventory-list-note {
  margin-bottom:10px;
  color:var(--muted);
  font-weight:800;
  font-size:13px;
}
.inventory-alert-row {
  border:1px solid var(--soft-line);
  border-radius:8px;
  padding:11px 12px;
  background:#fff;
}
.inventory-alert-head {
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:9px;
}
.inventory-alert-head strong {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.inventory-alert-head span {
  font-weight:900;
  color:#172c42;
}
.inventory-alert-meta,
.inventory-alert-row small {
  display:block;
  margin-top:7px;
  color:var(--muted);
  font-weight:800;
  line-height:1.45;
}
.stock-badge {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:72px;
  min-height:28px;
  padding:3px 8px;
  border-radius:6px;
  font-weight:900;
  white-space:nowrap;
  background:#eef3f8;
  color:#50667d;
}
.stock-badge.stockout,
.stock-badge.critical {
  background:#ffe8e8;
  color:#c42626;
}
.stock-badge.low {
  background:#fff0e6;
  color:#b24b00;
}
.stock-badge.warning {
  background:#fff0e6;
  color:#b24b00;
}
.stock-badge.watch,
.stock-badge.unknown {
  background:#fff3da;
  color:#a76000;
}
.stock-badge.overstock {
  background:#eaf3ff;
  color:#0d5c9c;
}
.stock-badge.normal {
  background:#e6f8ef;
  color:#08753f;
}
.compact-table {
  max-height:520px;
}
.daily-monitor-table {
  table-layout:fixed;
  width:100%;
  min-width:940px;
}
.daily-monitor-table th,
.daily-monitor-table td {
  padding:8px 10px;
  line-height:1.35;
}
.daily-monitor-table .daily-col-country { width:88px; }
.daily-monitor-table .daily-col-person { width:110px; }
.daily-monitor-table .daily-col-product { width:290px; }
.daily-monitor-table .daily-col-sku { width:130px; }
.daily-monitor-table .daily-col-new { width:100px; }
.daily-monitor-table .daily-col-window { width:210px; }
.daily-monitor-table .daily-product-name {
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.daily-monitor-table .daily-window {
  color:#60758a;
  font-size:13px;
  white-space:normal;
}
.daily-monitor-table .sku {
  max-width:112px;
  overflow:hidden;
  text-overflow:ellipsis;
}
.regular-sku-table {
  table-layout:fixed;
  min-width:1120px;
}
.regular-sku-table th,
.regular-sku-table td {
  padding:8px 10px;
  line-height:1.35;
}
.regular-sku-table .col-risk { width:92px; }
.regular-sku-table .col-country { width:86px; }
.regular-sku-table .col-person { width:140px; }
.regular-sku-table .col-sku { width:118px; }
.regular-sku-table .col-product { width:240px; }
.regular-sku-table .col-num { width:78px; }
.regular-sku-table .col-days { width:92px; }
.regular-sku-table .col-rate { width:96px; }
.regular-sku-table .col-money { width:98px; }
.regular-sku-table .col-action { width:116px; }
.regular-sku-table td.long {
  min-width:0;
  max-width:none;
  white-space:normal;
  line-height:1.35;
}
.regular-sku-table .sku {
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
}
.business-rule-list {
  display:grid;
  gap:10px;
}
.business-rule-list div {
  border-left:4px solid var(--blue);
  background:#f6faff;
  border-radius:6px;
  padding:11px 12px;
  color:#1f344a;
  font-weight:800;
  line-height:1.55;
}
.business-sku-filters {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  padding:10px 12px;
  border-bottom:1px solid var(--soft-line);
  background:#fbfdff;
}
.business-sku-filter-btn {
  min-height:32px;
  border:1px solid var(--line);
  border-radius:7px;
  background:#fff;
  color:#20354c;
  padding:0 10px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  font-weight:900;
  cursor:pointer;
}
.business-sku-filter-btn b {
  min-width:24px;
  height:22px;
  padding:0 7px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#eef3f8;
  color:#66788d;
  font-size:12px;
}
.business-sku-filter-btn.active {
  background:var(--blue);
  border-color:var(--blue);
  color:#fff;
}
.business-sku-filter-btn.active b {
  background:#fff;
  color:var(--blue);
}
.business-sku-filter-note {
  margin-left:auto;
  color:var(--muted);
  font-size:12px;
  font-weight:800;
  line-height:1.35;
}
.action-badge {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:74px;
  min-height:30px;
  padding:4px 10px;
  border-radius:6px;
  font-weight:900;
  white-space:nowrap;
}
.action-badge.scale { background:#e6f8ef; color:#08753f; }
.action-badge.candidate { background:#fff3da; color:#a76000; }
.action-badge.stable { background:#eaf3ff; color:#0d5c9c; }
.action-badge.watch { background:#eef3f8; color:#50667d; }
.action-badge.down { background:#fff0e6; color:#b24b00; }
.action-badge.stop { background:#ffe8e8; color:#c42626; }
.stage-badge,
.budget-badge,
.severity-badge {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:24px;
  border-radius:6px;
  padding:2px 7px;
  font-size:12px;
  font-weight:900;
  white-space:nowrap;
}
.stage-badge.growth { background:#e6f8ef; color:#08753f; }
.stage-badge.stable { background:#eaf3ff; color:#0d5c9c; }
.stage-badge.new { background:#fff3da; color:#a76000; }
.stage-badge.observe { background:#eef3f8; color:#50667d; }
.stage-badge.decline { background:#fff0e6; color:#b24b00; }
.stage-badge.stop { background:#ffe8e8; color:#c42626; }
.budget-badge {
  width:92px;
  flex-direction:column;
  align-items:flex-start;
  gap:1px;
  background:#eef3f8;
  color:#50667d;
  line-height:1.15;
}
.budget-badge small {
  font-size:10px;
  opacity:.82;
}
.budget-badge.up { background:#e6f8ef; color:#08753f; }
.budget-badge.down { background:#ffe8e8; color:#c42626; }
.budget-badge.hold { background:#eaf3ff; color:#0d5c9c; }
.severity-badge.high { background:#ffe8e8; color:#c42626; }
.severity-badge.medium { background:#fff0e6; color:#b24b00; }
.severity-badge.low { background:#eef3f8; color:#50667d; }
.business-table td {
  vertical-align:top;
}
.sku-decision-table {
  table-layout:fixed;
  font-size:12px;
  min-width:1940px;
}
.sku-decision-table th,
.sku-decision-table td {
  padding:7px 8px;
  line-height:1.3;
  overflow:hidden;
}
.sku-decision-table .col-action { width:74px; }
.sku-decision-table .col-stage { width:94px; }
.sku-decision-table .col-budget { width:104px; }
.sku-decision-table .col-score { width:58px; }
.sku-decision-table .col-confidence { width:98px; }
.sku-decision-table .col-country { width:84px; }
.sku-decision-table .col-person { width:96px; }
.sku-decision-table .col-sku { width:92px; }
.sku-decision-table .col-product { width:172px; }
.sku-decision-table .col-num { width:64px; }
.sku-decision-table .col-rate { width:74px; }
.sku-decision-table .col-money { width:80px; }
.sku-decision-table .col-history { width:72px; }
.sku-decision-table .col-status { width:88px; }
.sku-decision-table .col-reason { width:240px; }
.sku-decision-table .compact-product {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  min-width:0;
  max-width:none;
}
.sku-decision-table .compact-reason {
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
  line-height:1.45;
  min-width:0;
  max-width:none;
}
.sku-decision-table .sku {
  padding:2px 6px;
  max-width:86px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.sku-decision-compact .sku {
  max-width:100%;
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
  overflow-wrap:anywhere;
}
.sku-decision-compact th small { display:block; font-size:11px; font-weight:400; color:#6f8795; }
.sku-decision-compact .sku-combination-label { color:#6f8795; }
.sku-decision-table .action-badge {
  min-width:52px;
  min-height:24px;
  padding:2px 7px;
  font-size:12px;
}
.sku-decision-table .pill {
  min-height:22px;
  padding:1px 6px;
  font-size:12px;
}
.sku-decision-table td:nth-child(6),
.sku-decision-table td:nth-child(7) {
  white-space:nowrap;
  text-overflow:ellipsis;
}
.confidence-badge {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:3px;
  width:82px;
  min-height:24px;
  padding:2px 5px;
  border-radius:6px;
  font-weight:900;
  white-space:nowrap;
  background:#eef3f8;
  color:#50667d;
  box-sizing:border-box;
  font-size:12px;
}
.confidence-badge small {
  font-size:11px;
  opacity:.82;
  min-width:25px;
  text-align:right;
}
.confidence-badge.high {
  background:#e6f8ef;
  color:#08753f;
}
.confidence-badge.medium {
  background:#fff3da;
  color:#a76000;
}
.confidence-badge.low {
  background:#ffe8e8;
  color:#c42626;
}
.money-value {
  color:#0d5c9c;
  font-weight:900;
}
.money-negative {
  color:#c42626;
  font-weight:900;
}
.money-muted {
  color:#7a8da1;
  font-weight:900;
  white-space:nowrap;
}
.money-factor {
  display:block;
  margin-top:2px;
  color:#7a8da1;
  font-size:10px;
  font-weight:800;
  line-height:1.1;
  white-space:nowrap;
}
.sku-decision-wrap {
  max-height:calc(100vh - 300px);
  overflow:auto;
}
.lifecycle-summary-grid,
.exception-summary-grid,
.daily-report-grid {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(170px,1fr));
  gap:10px;
  padding:12px;
  border-bottom:1px solid var(--soft-line);
  background:#fbfdff;
}
.sku-lifecycle-detail {
  overflow:hidden;
}
.lifecycle-empty-state {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:22px 24px;
  border:1px dashed #9fc4dc;
  background:linear-gradient(135deg,#f4fbff,#fff);
}
.lifecycle-empty-state h2,
.lifecycle-empty-state p {
  margin:4px 0 0;
}
.lifecycle-empty-state small,
.sku-lifecycle-hero small {
  color:#1488ac;
  font-weight:900;
  letter-spacing:.08em;
}
.lifecycle-empty-state>span {
  max-width:380px;
  color:#50667d;
  font-weight:800;
  text-align:right;
}
.lifecycle-candidate-list {
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:8px;
}
.sku-lifecycle-hero {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:20px 22px;
  color:#fff;
  background:linear-gradient(125deg,#0e416a 0%,#0b7899 66%,#0e9f91 100%);
}
.sku-lifecycle-hero h2 {
  margin:5px 0;
  color:#fff;
  font-size:28px;
}
.sku-lifecycle-hero h2 span {
  margin-left:8px;
  font-size:15px;
  font-weight:700;
  opacity:.82;
}
.sku-lifecycle-hero p {
  margin:0;
  color:rgba(255,255,255,.78);
  font-weight:700;
}
.sku-lifecycle-hero small {
  color:#bdeef5;
}
.sku-lifecycle-recommendation {
  min-width:210px;
  border:1px solid rgba(255,255,255,.28);
  border-radius:12px;
  padding:12px 16px;
  background:rgba(255,255,255,.12);
  text-align:right;
}
.sku-lifecycle-recommendation small,
.sku-lifecycle-recommendation span {
  display:block;
}
.sku-lifecycle-recommendation b {
  display:block;
  margin:2px 0;
  font-size:30px;
}
.sku-lifecycle-kpis {
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
  padding:14px;
  background:#f5f9fc;
  border-bottom:1px solid var(--soft-line);
}
.sku-lifecycle-kpis article {
  min-width:0;
  border:1px solid var(--soft-line);
  border-radius:9px;
  padding:12px;
  background:#fff;
}
.sku-lifecycle-kpis article.recommend {
  border-color:#efb64a;
  background:#fff9ec;
}
.sku-lifecycle-kpis label,
.sku-lifecycle-kpis small {
  display:block;
  color:#60758a;
  font-weight:800;
}
.sku-lifecycle-kpis b {
  display:block;
  margin:4px 0;
  color:#11263b;
  font-size:23px;
}
.sku-lifecycle-analysis-grid {
  display:grid;
  grid-template-columns:minmax(0,2fr) minmax(260px,.75fr);
  gap:12px;
  padding:14px;
}
.sku-lifecycle-guidance {
  border:1px solid #cfe5ef;
  border-radius:10px;
  padding:14px 16px;
  background:#f3fbfd;
}
.sku-lifecycle-guidance h3 {
  margin:0 0 8px;
  color:#123653;
}
.sku-lifecycle-guidance ol {
  margin:0;
  padding-left:20px;
  color:#38546c;
  font-weight:800;
  line-height:1.7;
}
.sku-lifecycle-guidance p {
  margin:9px 0 0;
  color:#71879a;
  font-size:12px;
  line-height:1.5;
}
.sku-lifecycle-country-table {
  min-width:1460px;
  table-layout:fixed;
}
.sku-lifecycle-country-table th,
.sku-lifecycle-country-table td {
  padding:9px 10px;
  vertical-align:top;
}
.lifecycle-trend {
  display:inline-flex;
  border-radius:99px;
  padding:3px 7px;
  font-weight:900;
  white-space:nowrap;
}
.lifecycle-trend.up { color:#08753f; background:#e6f8ef; }
.lifecycle-trend.down { color:#c42626; background:#ffe8e8; }
.lifecycle-trend.flat { color:#50667d; background:#eef3f8; }
.lifecycle-recommended-qty {
  color:#c96c00;
  font-size:16px;
}
.sku-lifecycle-month-detail {
  margin:12px 14px 14px;
  border:1px solid var(--soft-line);
  border-radius:9px;
  overflow:hidden;
}
.sku-lifecycle-month-detail summary {
  padding:11px 13px;
  color:#23445f;
  background:#f8fbfd;
  cursor:pointer;
  font-weight:900;
}
.sku-lifecycle-month-table {
  min-width:820px;
}
.replenishment-decision {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin:14px;
  padding:16px 18px;
  border:1px solid #d5e2eb;
  border-left:5px solid #327eaa;
  border-radius:12px;
  background:#f7fbfe;
}
.replenishment-decision.tone-approve { border-left-color:#14905b; background:#effaf5; }
.replenishment-decision.tone-conservative { border-left-color:#e49b22; background:#fff8eb; }
.replenishment-decision.tone-pause { border-left-color:#cf3f3f; background:#fff1f1; }
.replenishment-decision.tone-data_gap { border-left-color:#6e7f90; background:#f5f7f9; }
.replenishment-decision h3,
.replenishment-decision p { margin:3px 0 0; }
.replenishment-decision p { color:#546a7e; font-size:12px; font-weight:700; line-height:1.55; }
.replenishment-decision>div:last-child { min-width:190px; text-align:right; }
.replenishment-decision span,
.replenishment-decision small { display:block; color:#6b7f91; font-weight:800; }
.replenishment-decision b { display:block; color:#102d45; font-size:28px; }
.replenishment-factor-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  padding:0 14px 14px;
}
.replenishment-factor {
  min-width:0;
  border:1px solid #dce6ed;
  border-radius:12px;
  padding:13px;
  background:#fff;
  box-shadow:0 3px 12px rgba(24,62,88,.05);
}
.replenishment-factor.tone-risk { border-color:#f1bcbc; background:#fff8f8; }
.replenishment-factor.tone-watch,
.replenishment-factor.tone-partial,
.replenishment-factor.tone-insufficient { border-color:#edd4a5; background:#fffbf3; }
.replenishment-factor.tone-missing { border-style:dashed; background:#f8fafb; }
.replenishment-factor.tone-healthy,
.replenishment-factor.tone-configured { border-color:#b9dfcf; background:#f7fcf9; }
.replenishment-factor header { display:flex; align-items:center; gap:8px; }
.replenishment-factor header>span {
  display:grid;
  width:29px;
  height:29px;
  place-items:center;
  border-radius:8px;
  color:#fff;
  background:#176f9d;
  font-size:11px;
  font-weight:900;
}
.replenishment-factor header>div { min-width:0; flex:1; }
.replenishment-factor header small { display:block; color:#8295a6; font-size:10px; font-weight:900; letter-spacing:.07em; }
.replenishment-factor h3 { margin:1px 0 0; color:#173650; font-size:15px; }
.replenishment-factor header i {
  border-radius:99px;
  padding:3px 7px;
  color:#3d566b;
  background:#eaf1f5;
  font-size:11px;
  font-style:normal;
  font-weight:900;
  white-space:nowrap;
}
.replenishment-factor>strong { display:block; margin:13px 0 4px; color:#102d45; font-size:19px; }
.replenishment-factor>strong em { color:#2681a9; font-size:12px; font-style:normal; }
.replenishment-factor p { margin:7px 0 0; color:#687d90; font-size:11px; font-weight:700; line-height:1.5; }
.replenishment-factor ul { margin:10px 0 0; padding:0; list-style:none; }
.replenishment-factor li { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:7px; padding:5px 0; border-bottom:1px dashed #e3e9ee; font-size:11px; }
.replenishment-factor li b { min-width:0; overflow:hidden; color:#173650; text-align:right; text-overflow:ellipsis; white-space:nowrap; }
.replenishment-factor .link-btn { padding:0; font-size:11px; }
.customer-feedback-lazy { margin-top:8px; padding:8px; border-radius:8px; color:#526a7d; background:rgba(229,238,244,.65); font-size:11px; line-height:1.5; }
.customer-feedback-lazy b,
.customer-feedback-lazy span { display:block; }
.replenishment-evidence { margin:0 14px 14px; border:1px solid #dce6ed; border-radius:12px; overflow:hidden; }
.replenishment-evidence .chart-head { padding:13px 15px 8px; }
.replenishment-evidence .chart-head small { display:block; margin-top:3px; color:#74889a; }
.replenishment-source-note { padding:0 15px 10px; color:#708497; font-size:11px; font-weight:700; }
.replenishment-evidence table { min-width:980px; }
@media (max-width:1200px) {
  .sku-lifecycle-kpis { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .sku-lifecycle-analysis-grid { grid-template-columns:1fr; }
  .replenishment-factor-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:720px) {
  .lifecycle-empty-state,
  .sku-lifecycle-hero { align-items:flex-start; flex-direction:column; }
  .lifecycle-empty-state>span { text-align:left; }
  .sku-lifecycle-recommendation { min-width:0; width:100%; text-align:left; }
  .sku-lifecycle-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .replenishment-decision { align-items:flex-start; flex-direction:column; }
  .replenishment-decision>div:last-child { min-width:0; text-align:left; }
  .replenishment-factor-grid { grid-template-columns:1fr; }
}
.lifecycle-card,
.exception-summary-grid article,
.daily-report-grid article {
  border:1px solid var(--soft-line);
  border-radius:7px;
  background:#fff;
  padding:10px 12px;
  min-height:82px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:4px;
}
.lifecycle-card strong,
.exception-summary-grid label,
.daily-report-grid label {
  color:#60758a;
  font-weight:900;
  font-size:13px;
}
.lifecycle-card b,
.exception-summary-grid b,
.daily-report-grid b {
  color:#11263b;
  font-size:24px;
  line-height:1.1;
}
.lifecycle-card small,
.exception-summary-grid small,
.daily-report-grid small {
  color:#60758a;
  font-size:12px;
  line-height:1.35;
  font-weight:800;
}
.lifecycle-table,
.replenishment-table,
.sales-funnel-table {
  table-layout:fixed;
  min-width:1180px;
}
.lifecycle-table th,
.lifecycle-table td,
.replenishment-table th,
.replenishment-table td,
.sales-funnel-table th,
.sales-funnel-table td {
  padding:8px 10px;
  line-height:1.35;
}
.lifecycle-table .long,
.replenishment-table .long {
  white-space:normal;
  overflow-wrap:anywhere;
}
.subtle-block {
  display:block;
  margin-top:2px;
  color:#7a8da1;
  font-size:11px;
  font-weight:800;
}
.mini-progress {
  height:7px;
  min-width:78px;
  border-radius:999px;
  overflow:hidden;
  background:#e8eef5;
}
.mini-progress span {
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#2b86c5,#2fa866);
}
.sales-funnel-table small {
  display:block;
  margin-top:3px;
  color:#60758a;
  font-weight:900;
}
.order-status-kpis {
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:10px;
  margin:14px 0;
}
.order-status-secondary-kpis { grid-template-columns:repeat(5,minmax(0,1fr)); }
.order-status-kpis article {
  display:grid;
  align-content:start;
  gap:7px;
  padding:15px;
  border:1px solid #e0e9f1;
  border-top:3px solid #5181a9;
  border-radius:12px;
  background:#f8fbfe;
}
.order-status-kpis label { color:#445c73; font-size:13px; font-weight:800; }
.order-status-kpis b { color:#163a59; font-size:26px; line-height:1.2; }
.order-status-kpis small { color:#65798c; font-size:12px; line-height:1.5; }
.order-status-kpis .status-signed { border-top-color:#2b966c; }
.order-status-kpis .status-signed b,.order-status-table .order-status-signed { color:#207b56; }
.order-status-kpis .status-return { border-top-color:#cf7842; }
.order-status-kpis .status-return b,.order-status-table .order-status-return { color:#a5552c; }
.order-status-kpis .status-open { border-top-color:#3d8fbc; }
.order-status-kpis .status-forecast { background:#f0f6ff; border-top-color:#5471be; }
.order-status-note,.order-status-notice { margin:10px 0; font-size:12px; line-height:1.6; color:#586e82; }
.order-status-notice { padding:9px 12px; border-radius:8px; background:#fff7e8; color:#865c1b; }
.order-status-table-wrap { max-height:610px; border:1px solid #e0e9f1; border-radius:10px; }
.order-status-table-wrap:focus-visible { outline:2px solid #2e7bad; outline-offset:3px; }
.order-status-table { width:100%; min-width:1200px; table-layout:fixed; font-variant-numeric:tabular-nums; }
.order-status-caption { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.order-status-table .order-status-owner-col { width:108px; }
.order-status-table .order-status-rate-col { width:94px; }
.order-status-table .order-status-prediction-col { width:145px; }
.order-status-table th,.order-status-table td { padding:10px 8px; font-size:13px; line-height:1.4; }
.order-status-table thead { position:sticky; top:0; z-index:3; }
.order-status-table thead th { position:static; background:#f0f5fa; white-space:normal; }
.order-status-table thead .order-status-open-head { background:#e9f4fa; color:#2a6788; text-align:center; }
.order-status-table thead .order-status-result-head { text-align:center; }
.order-status-table thead .order-status-forecast-head { background:#eaf0fd; color:#4960a2; text-align:center; }
.order-status-table tbody th { position:sticky; left:0; z-index:1; background:#fff; text-align:left; overflow-wrap:anywhere; white-space:normal; }
.order-status-table tbody tr:nth-child(even) th { background:#f8fbfe; }
.order-status-table small { display:block; margin-top:3px; color:#6d8092; font-size:11px; font-weight:500; white-space:normal; }
.order-status-table .order-status-open { background:#f2f8fc; }
.order-status-table .order-status-forecast { background:#f5f7fd; color:#48619d; }
.order-status-table .order-status-unknown { color:#8b671f; }
.order-status-table .order-status-total th,.order-status-table .order-status-total td { background:#e8f1fa; font-weight:800; border-bottom:2px solid #c5d8e9; }
.order-status-method,.order-status-operations { margin-top:14px; color:#526a7f; font-size:13px; }
.order-status-method summary,.order-status-operations summary { cursor:pointer; width:fit-content; font-weight:700; padding:6px 0; }
.order-status-method p { max-width:1050px; font-size:12px; line-height:1.7; }
.order-status-operations > .table-wrap,.order-status-operations > .decision-overview-grid { margin-top:10px; }
@media (max-width:1200px) {
  .order-status-kpis { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:640px) {
  .order-status-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  .order-status-kpis article { padding:12px; }
  .order-status-kpis b { font-size:23px; }
}
.exception-card-list {
  display:grid;
  gap:9px;
  padding:12px;
}
.exception-card {
  border:1px solid var(--soft-line);
  border-radius:7px;
  background:#fff;
  padding:10px 12px;
}
.exception-card-head {
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto auto;
  align-items:center;
  gap:8px;
}
.exception-card-head strong {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.exception-card-head span {
  color:#60758a;
  font-size:12px;
  font-weight:900;
}
.exception-card p {
  margin:7px 0;
  color:#1f344a;
  font-weight:800;
  line-height:1.45;
}
.exception-card small {
  display:block;
  margin-top:7px;
  color:#0d5c9c;
  font-weight:900;
  line-height:1.4;
}
.exception-meta {
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}
.exception-meta span {
  background:#f3f7fb;
  border-radius:6px;
  color:#60758a;
  font-size:12px;
  font-weight:900;
  padding:3px 7px;
}
.dispatch-badges {
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:8px;
}
.dispatch-badges span,
.dispatch-badges b {
  border-radius:6px;
  background:#eef5fb;
  color:#526b82;
  font-size:12px;
  font-weight:900;
  padding:3px 7px;
}
.dispatch-badges b.open {
  background:#eaf4ff;
  color:#17639b;
}
.dispatch-badges b.due_soon {
  background:#fff1cc;
  color:#8a6400;
}
.dispatch-badges b.overdue {
  background:#ffe1e1;
  color:#b42318;
}
.dispatch-badges b.closed {
  background:#e5f7ed;
  color:#157045;
}
.closure-badge {
  border:1px solid #d9e4ef;
  border-radius:999px;
  background:#f3f7fb;
  color:#526b82;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:24px;
  padding:2px 9px;
  font-size:12px;
  font-weight:900;
  white-space:nowrap;
}
.closure-badge.handled,
.closure-badge.fixed {
  background:#e5f7ed;
  border-color:#bfe8d0;
  color:#157045;
}
.closure-badge.notified,
.closure-badge.rerun {
  background:#eaf4ff;
  border-color:#c9dff6;
  color:#17639b;
}
.closure-badge.ignored {
  background:#f5f0e7;
  border-color:#e5d9c4;
  color:#8a641f;
}
.exception-actions {
  display:flex;
  justify-content:flex-end;
  margin-top:9px;
}
.btn.small {
  min-height:30px;
  padding:5px 10px;
  font-size:12px;
}
.closure-form {
  display:grid;
  gap:12px;
}
.closure-target {
  border:1px solid var(--soft-line);
  border-radius:7px;
  background:#f7fafc;
  display:grid;
  gap:4px;
  padding:10px;
}
.closure-target strong {
  color:#10263b;
}
.closure-target small {
  color:#60758a;
  font-weight:800;
}
.closure-form textarea {
  min-height:92px;
  resize:vertical;
}
.tracking-board-section h2 {
  margin-bottom:12px;
}
.tracking-grid {
  display:grid;
  grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);
  gap:12px;
  padding:0 12px 12px;
}
.tracking-panel {
  border:1px solid var(--soft-line);
  border-radius:7px;
  background:#fff;
  padding:12px;
}
.tracking-wide {
  grid-row:span 2;
}
.tracking-panel h3 {
  margin:0 0 10px;
  color:#11263b;
  font-size:16px;
}
.tracking-table small {
  display:block;
  margin-top:3px;
  color:#60758a;
  font-weight:900;
}
.danger-text {
  color:#c82323;
}
.tracking-item-list {
  display:grid;
  gap:8px;
}
.tracking-item-list div {
  border:1px solid #edf2f7;
  border-radius:7px;
  background:#f8fbfe;
  display:grid;
  gap:5px;
  padding:9px;
}
.tracking-item-list strong {
  color:#11263b;
  line-height:1.35;
}
.tracking-item-list small,
.tracking-item-list span {
  color:#60758a;
  font-weight:800;
  line-height:1.35;
}
@media (max-width: 980px) {
  .tracking-grid {
    grid-template-columns:1fr;
  }
  .tracking-wide {
    grid-row:auto;
  }
}
.regional-risk-panel {
  margin:0 12px 12px;
  border:1px solid var(--soft-line);
  border-radius:7px;
  background:#fff;
  padding:12px;
}
.regional-risk-panel h3 {
  margin:0 0 10px;
  font-size:16px;
  color:#11263b;
}
.regional-risk-grid {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
  gap:8px;
}
.regional-risk-grid article {
  border-radius:7px;
  background:#f7fafc;
  padding:9px 10px;
  display:grid;
  gap:3px;
}
.regional-risk-grid strong {
  color:#11263b;
}
.regional-risk-grid span,
.regional-risk-grid small {
  color:#60758a;
  font-weight:800;
  line-height:1.35;
}
.daily-section-grid {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:10px;
  padding:12px;
}
.report-section {
  border:1px solid var(--soft-line);
  border-radius:7px;
  background:#fff;
  padding:12px;
}
.report-section h3 {
  margin:0 0 8px;
  font-size:16px;
  color:#11263b;
}
.report-section ul {
  margin:0;
  padding-left:18px;
  color:#1f344a;
  font-weight:800;
  line-height:1.55;
}
.report-section p {
  margin:0;
  color:#7a8da1;
  font-weight:800;
}
.compact-rules {
  margin:0 12px 12px;
}
.business-insights {
  padding-bottom:18px;
}
.boss-daily-section h2 {
  align-items:center;
}
.boss-daily-actions {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  justify-content:flex-end;
}
.boss-daily-sub {
  padding:12px 20px;
  border-bottom:1px solid var(--soft-line);
  color:#62758a;
  font-weight:800;
  background:#fbfdff;
}
.boss-daily-metrics,
.boss-daily-card-grid {
  display:grid;
  grid-template-columns:repeat(6,minmax(150px,1fr));
  gap:12px;
  padding:14px 16px;
  border-bottom:1px solid var(--soft-line);
  background:#fbfdff;
}
.boss-daily-card-grid {
  grid-template-columns:repeat(5,minmax(170px,1fr));
  background:#fff;
}
.boss-daily-metrics article,
.boss-daily-card-grid article,
.boss-daily-panel {
  border:1px solid var(--line);
  border-radius:8px;
  background:#fff;
  padding:12px 14px;
  min-width:0;
}
.boss-daily-metrics label,
.boss-daily-card-grid label {
  display:block;
  color:#687d92;
  font-size:12px;
  font-weight:900;
  margin-bottom:6px;
}
.boss-daily-metrics b,
.boss-daily-card-grid b {
  display:block;
  color:#10243a;
  font-size:24px;
  line-height:1.15;
  margin-bottom:6px;
  overflow:hidden;
  text-overflow:ellipsis;
}
.boss-daily-metrics small,
.boss-daily-card-grid small,
.boss-daily-panel small {
  color:#6c7f93;
  font-weight:800;
  line-height:1.45;
}
.boss-daily-main-grid {
  display:grid;
  grid-template-columns:1.25fr 1fr;
  gap:12px;
  padding:14px 16px;
}
.boss-daily-wide {
  grid-row:span 2;
}
.boss-daily-panel h3 {
  margin:0 0 10px;
  font-size:16px;
  color:#142234;
}
.boss-daily-section-block {
  border-top:1px solid var(--soft-line);
  padding:10px 0;
}
.boss-daily-section-block:first-of-type {
  border-top:0;
  padding-top:0;
}
.boss-daily-section-block strong {
  display:block;
  margin-bottom:7px;
  color:#20354c;
}
.boss-daily-section-block ul {
  margin:0;
  padding-left:18px;
  display:grid;
  gap:7px;
}
.boss-daily-section-block li,
.boss-daily-panel p {
  color:#1f344a;
  font-weight:800;
  line-height:1.55;
}
.boss-daily-list {
  display:grid;
  gap:9px;
}
.boss-daily-list div {
  display:grid;
  gap:5px;
  border-top:1px solid var(--soft-line);
  padding-top:9px;
}
.boss-daily-list div:first-child {
  border-top:0;
  padding-top:0;
}
.boss-daily-list strong {
  color:#1f344a;
  line-height:1.45;
}
.insight-list {
  padding:16px 20px 20px;
  display:grid;
  gap:10px;
}
.insight-list div {
  border-left:4px solid var(--blue);
  background:#f6faff;
  border-radius:6px;
  padding:12px 14px;
  line-height:1.65;
  font-weight:800;
  color:#1f344a;
}
.toolbar.review-toolbar {
  grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));
}

.review-section-heading {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin:0 0 14px;
}
.review-section-heading h2 { margin:0; }
.review-store-modal .form-note { margin-top:-6px; }
.review-store-modal form { margin-top:16px; }

.review-sync-notice {
  display:grid;
  grid-template-columns:36px minmax(0, 1fr);
  gap:12px;
  align-items:center;
  margin:0 0 14px;
  padding:12px 14px;
  border:1px solid #f2cf9c;
  border-radius:12px;
  background:#fff8ea;
  color:#7a4d12;
}
.review-sync-notice.ok { border-color:#bfe6d8; background:#effaf6; color:#176b56; }
/* Ordinary roles show only a timestamp, without the administrator icon column. */
.review-sync-notice.review-sync-compact {
  display:block;
  border-color:#dce6ef;
  background:#f6f9fc;
  color:#607b8d;
  font-size:13px;
  line-height:1.5;
}
.review-sync-compact > time { display:block; overflow-wrap:anywhere; }
.review-sync-notice b { display:block; font-size:13px; color:inherit; }
.review-sync-notice p { margin:3px 0 0; font-size:12px; line-height:1.55; }
.review-sync-icon {
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  border-radius:10px;
  background:#e08b18;
  color:#fff;
  font-size:18px;
  font-weight:800;
}
.review-sync-notice.ok .review-sync-icon { background:#0c9677; }
.review-time-field input {
  min-width:0;
  font-variant-numeric:tabular-nums;
}
.review-actions-bar {
  grid-column:1 / -1;
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  padding-top:2px;
}
.review-actions-bar .btn {
  min-width:88px;
}
.review-actions-bar .pill {
  min-height:34px;
  padding:0 12px;
  border-radius:999px;
}
.table-wrap {
  overflow:auto;
  max-height:680px;
  scrollbar-gutter:stable;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  transition:box-shadow .16s ease;
}
.table-wrap.is-horizontally-scrollable { touch-action:pan-x pan-y; }
.table-wrap.has-scroll-right { box-shadow:inset -18px 0 16px -18px rgba(18,52,77,.62); }
.table-wrap.has-scroll-left { box-shadow:inset 18px 0 16px -18px rgba(18,52,77,.62); }
.table-wrap.has-scroll-left.has-scroll-right { box-shadow:inset 18px 0 16px -18px rgba(18,52,77,.62), inset -18px 0 16px -18px rgba(18,52,77,.62); }
.table-wrap:focus-visible { outline:3px solid rgba(29,167,223,.34); outline-offset:2px; }
.table-scroll-hint {
  display:none;
  align-items:center;
  gap:6px;
  margin:0 0 7px;
  color:#587184;
  font-size:12px;
  font-weight:800;
}
.table-scroll-hint::before { content:"↔"; color:#0f759e; font-size:16px; }
table {
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  font-size:14px;
}
th, td {
  border-bottom:1px solid var(--soft-line);
  padding:10px 12px;
  text-align:left;
  vertical-align:middle;
  white-space:nowrap;
  line-height:1.4;
}
th {
  background:#f8fbfd;
  color:#34495e;
  position:sticky;
  top:0;
  z-index:1;
  font-weight:900;
}
tbody tr:nth-child(even) { background:#fbfdff; }
tbody tr:hover { background:#f2f7fc; }
td.num, th.num { text-align:center; font-variant-numeric:tabular-nums; }
td.long { white-space:normal; min-width:320px; max-width:720px; line-height:1.6; }
.select-col {
  width:46px;
  min-width:46px;
  text-align:center;
}
.review-table .select-col {
  position:sticky;
  left:0;
  z-index:2;
  background:inherit;
}
.review-table th.select-col {
  z-index:3;
  background:#f8fbfd;
}
.review-table input[type="checkbox"] {
  width:18px;
  height:18px;
  accent-color:var(--blue);
  cursor:pointer;
  vertical-align:middle;
}
.strong {
  font-weight:900;
  color:var(--ink);
}
.mini-tag {
  display:inline-flex;
  width:max-content;
  align-items:center;
  border-radius:999px;
  padding:3px 8px;
  background:#edf5fc;
  color:#416075;
  font-size:12px;
  font-weight:800;
}
.mini-tag.late-arrival { margin-top:5px; background:#fff1df; color:#b45309; }
.mini-tag.review-sla { margin-top:5px; background:#fff6d9; color:#9a6500; }
.mini-tag.review-sla.critical { background:#ffebec; color:#b4232b; }
.review-compact-table {
  width:100%;
  table-layout:fixed;
  min-width:1720px;
}
.review-compact-table .review-col-select { width:54px; }
.review-compact-table .review-col-order { width:250px; }
.review-compact-table .review-col-owner { width:170px; }
.review-compact-table .review-col-product { width:360px; }
.review-compact-table .review-col-contact { width:390px; }
.review-compact-table .review-col-quality { width:150px; }
.review-compact-table .review-col-notes { width:240px; }
.review-compact-table .review-col-actions { width:230px; }
.review-compact-table th {
  height:54px;
  vertical-align:middle;
  white-space:nowrap;
  text-align:left;
}
.review-compact-table td {
  vertical-align:top;
  white-space:normal;
  text-align:left;
}
.review-compact-table .select-col,
.review-quality-cell {
  text-align:center;
}
.review-order-info,
.review-owner-info {
  display:grid;
  gap:6px;
  min-width:0;
  line-height:1.45;
  align-content:start;
}
.review-owner-inline {
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  min-width:0;
  padding-top:4px;
}
.review-owner-inline span {
  display:inline-flex;
  align-items:center;
  max-width:100%;
  border-radius:999px;
  padding:2px 7px;
  background:#f1f6fb;
  color:#60758a;
  font-size:13px;
  font-weight:800;
}
.review-note-inline {
  min-width:0;
  padding-top:4px;
  color:#60758a;
  font-size:13px;
  line-height:1.5;
  overflow-wrap:anywhere;
}
.review-buyer-message {
  margin-top:6px;
  padding:6px 8px;
  border-radius:7px;
  background:#fff7ed;
  color:#9a3412;
  font-size:13px;
  line-height:1.45;
  overflow-wrap:anywhere;
}
.review-buyer-message span,
.review-notes-cell span {
  font-weight:900;
}
.review-card-cell,
.review-product-cell,
.review-contact-cell {
  white-space:normal;
  min-width:0;
}
.review-product-cell {
  width:auto;
}
.review-product-cell .sku {
  margin-left:4px;
}
.review-contact-cell {
  width:auto;
}
.review-quality-cell {
  min-width:0;
  vertical-align:top;
}
.review-notes-cell {
  min-width:0;
  color:#334155;
  font-size:13px;
  line-height:1.5;
  overflow-wrap:anywhere;
}
.review-notes-head {
  display:flex;
  justify-content:flex-end;
  min-height:28px;
  margin-bottom:6px;
}
.note-edit-btn {
  border:1px solid #c9d4df;
  border-radius:999px;
  background:#fff;
  color:#416075;
  min-height:28px;
  padding:0 10px;
  font-size:12px;
  font-weight:900;
}
.note-edit-btn:hover {
  border-color:#7aa9cf;
  color:#0f609e;
  background:#f4f9fd;
}
.review-notes-cell div + div {
  margin-top:6px;
}
.review-notes-cell span {
  color:#64748b;
}
.review-compact-table td.long {
  min-width:0;
  max-width:none;
  white-space:normal;
  line-height:1.55;
}
.review-compact-table .actions {
  white-space:normal;
  align-content:start;
}
.review-grid-table {
  min-width:1780px;
  font-size:14px;
}
.review-grid-row {
  --sticky-bg:#fff;
  display:grid;
  grid-template-columns:54px 240px 150px 140px 320px 370px 220px 286px;
  align-items:stretch;
  border-bottom:1px solid var(--soft-line);
  background:#fff;
}
.review-grid-body .review-grid-row:nth-child(even) {
  --sticky-bg:#fbfdff;
  background:#fbfdff;
}
.review-grid-body .review-grid-row:hover {
  --sticky-bg:#f2f7fc;
  background:#f2f7fc;
}
.review-grid-header {
  --sticky-bg:#f8fbfd;
  position:sticky;
  top:0;
  z-index:30;
  min-height:54px;
  align-items:center;
  background:#f8fbfd;
  color:#34495e;
  font-weight:900;
}
.review-grid-cell {
  min-width:0;
  padding:10px 12px;
  white-space:normal;
  overflow-wrap:anywhere;
  box-sizing:border-box;
}
.review-grid-header .review-grid-cell {
  white-space:nowrap;
}
.review-grid-table .select-col {
  width:auto;
  min-width:0;
  text-align:center;
}
.review-grid-table input[type="checkbox"] {
  width:18px;
  height:18px;
  accent-color:var(--blue);
  cursor:pointer;
  vertical-align:middle;
}
.review-grid-table .review-quality-cell {
  text-align:center;
  display:flex;
  align-items:flex-start;
  justify-content:center;
}
.quality-stack {
  display:grid;
  justify-items:center;
  gap:8px;
  max-width:150px;
}
.quality-prev-status {
  color:#ef4444;
  font-size:13px;
  font-weight:800;
  line-height:1.35;
  overflow-wrap:anywhere;
}
.review-grid-header .review-grid-cell:last-child,
.review-grid-table .actions {
  position:sticky;
  right:0;
  z-index:10;
  background:var(--sticky-bg);
  border-left:1px solid #e2eaf3;
  box-shadow:-10px 0 18px -18px rgba(13,45,76,.45);
}
.review-grid-header .review-grid-cell:last-child::before,
.review-grid-table .actions::before {
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:-24px;
  width:24px;
  pointer-events:none;
  background:linear-gradient(90deg, rgba(243,246,250,0), var(--sticky-bg));
}
.review-grid-header .review-grid-cell:last-child {
  top:0;
  z-index:40;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:54px;
}
.review-grid-table .actions {
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:8px;
  align-items:flex-start;
  justify-content:center;
  align-self:stretch;
  min-height:100%;
  padding:14px 12px;
}
.review-grid-table .actions .btn {
  width:100%;
  min-width:0;
  min-height:34px;
  padding:0 10px;
  white-space:nowrap;
}
.review-grid-table .actions .btn.red {
  min-width:0;
}
.review-mini-card {
  display:grid;
  gap:6px;
  min-width:0;
  max-width:none;
  width:100%;
  box-sizing:border-box;
  padding:9px 10px;
  border:1px solid var(--soft-line);
  border-radius:8px;
  background:#fff;
  line-height:1.55;
}
.review-mini-card.product {
  background:#fbfdff;
}
.review-mini-card.contact {
  background:#fffdf8;
}
.review-address {
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:break-word;
  line-height:1.55;
}
.quality-badge {
  border:0;
  border-radius:999px;
  padding:8px 12px;
  font-weight:900;
  cursor:pointer;
  white-space:nowrap;
}
.quality-badge.effective,
.quality-badge.repeat_signed {
  color:#0d7f4f;
  background:#eaf8f1;
}
.quality-badge.possible_duplicate,
.quality-badge.repeat_customer {
  color:#b55d00;
  background:#fff4df;
}
.quality-badge.return_risk {
  color:#c23a3a;
  background:#ffecec;
}
.quality-badge.history_unverified {
  color:#755300;
  background:#fff8d7;
}
.quality-modal-content {
  width:min(1280px, calc(96vw - 48px));
  max-height:calc(90vh - 72px);
  overflow:auto;
  padding-right:4px;
}
.quality-summary {
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin:0 0 14px;
}
.quality-summary span {
  background:#f1f6fb;
  border-radius:999px;
  padding:7px 10px;
  font-weight:800;
  color:#34495e;
}
.quality-detail-table {
  width:100%;
  border-collapse:collapse;
  font-size:14px;
}
.quality-detail-table th,
.quality-detail-table td {
  white-space:normal;
  vertical-align:top;
  padding:12px 14px;
  border-bottom:1px solid var(--soft-line);
  line-height:1.55;
}
.quality-detail-table th {
  position:sticky;
  top:0;
  z-index:1;
  background:#f7fafd;
  color:#25364a;
  font-weight:900;
}
.quality-detail-table .time {
  min-width:130px;
}
.quality-detail-table .order-no {
  min-width:150px;
}
.quality-detail-table .status {
  min-width:88px;
}
.delivery-tag {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:64px;
  padding:5px 10px;
  border-radius:999px;
  font-size:13px;
  font-weight:900;
  white-space:nowrap;
}
.delivery-tag.signed {
  color:#0d7f4f;
  background:#eaf8f1;
}
.delivery-tag.returned {
  color:#c23a3a;
  background:#ffecec;
}
.delivery-tag.returning,
.delivery-tag.active {
  color:#9a5b00;
  background:#fff4df;
}
.delivery-tag.unknown {
  color:#617086;
  background:#eef3f8;
}
.quality-detail-table .long {
  min-width:260px;
  max-width:420px;
}
.quality-detail-wrap {
  max-height:calc(90vh - 230px);
  overflow:auto;
  border:1px solid var(--soft-line);
  border-radius:8px;
  scrollbar-gutter:stable;
}
.sku {
  color:#e94f4f;
  font-weight:900;
  background:#f7f7f7;
  border-radius:5px;
  padding:3px 8px;
  display:inline-block;
  line-height:1.4;
}
.rate-good { color:var(--scale); background:#eaf8f1; }
.rate-bad { color:var(--warn); background:#fff0ee; }
.empty { padding:24px; color:var(--muted); }
.loading-section {
  min-height:220px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--muted);
  font-weight:900;
  gap:14px;
  text-align:left;
}
.loading-section div { display:grid; gap:4px; }
.loading-section small { color:#7890a1; font-weight:600; }
.loading-spinner {
  width:28px;
  height:28px;
  border:3px solid #d6e6ef;
  border-top-color:var(--blue);
  border-radius:50%;
  animation:portal-loading-spin .8s linear infinite;
}
@keyframes portal-loading-spin { to { transform:rotate(360deg); } }
.data-error {
  display:grid;
  justify-items:start;
  gap:10px;
  padding:28px;
  border-color:#f0c8c3;
}
.data-error h2,
.data-error p { margin:0; }
.data-error p { color:#9b2d23; font-weight:800; }
.data-error small { color:var(--muted); line-height:1.55; }
.data-error .btn { margin-top:4px; }
.raw {
  white-space:pre-wrap;
  margin:0;
  padding:18px;
  background:#fbfcfe;
  color:#25364a;
  line-height:1.65;
  min-height:0;
  max-height:none;
  overflow:visible;
  overscroll-behavior:auto;
  word-break:break-word;
  font-size:13px;
}
.raw-section {
  overflow:visible;
}
.raw-section h2 {
  background:#fff;
}
.modal {
  position:fixed;
  inset:0;
  background:rgba(8,25,43,.42);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:28px;
  z-index:100;
}
.modal[data-locked="1"] {
  background:rgba(5,23,40,.68);
  backdrop-filter:blur(3px);
}
.modal[data-locked="1"] .modal-panel {
  border-top:5px solid var(--blue);
  box-shadow:0 30px 100px rgba(4,19,34,.42);
}
.modal-panel {
  position:relative;
  width:min(560px, 100%);
  max-height:90vh;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  background:#fff;
  border-radius:10px;
  box-shadow:0 26px 80px rgba(8,25,43,.28);
}
.modal-panel.modal-wide {
  width:min(1360px, calc(98vw - 32px));
}
.modal-panel.modal-task-drawer {
  position:absolute;
  top:0;
  right:0;
  width:min(820px, 96vw);
  height:100vh;
  max-height:100vh;
  border-radius:16px 0 0 16px;
  box-shadow:-24px 0 70px rgba(8,25,43,.26);
  animation:competitor-drawer-enter .2s ease-out;
}
.modal-panel.modal-task-drawer #modalContent { padding:24px 28px 34px; }
.modal-panel.modal-task-drawer .competitor-package-grid { grid-template-columns:1fr; }
@keyframes competitor-drawer-enter {
  from { opacity:.7; transform:translateX(28px); }
  to { opacity:1; transform:translateX(0); }
}
.modal-panel.modal-archive { width:min(1040px, calc(100vw - 48px)); }
.modal-panel.modal-compact-result {
  width:min(720px, calc(100vw - 32px));
  max-height:calc(100vh - 32px);
}
#modalContent {
  width:100%;
  max-width:100%;
  min-height:0;
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:contain;
  padding:26px;
}
#modalContent > * {
  min-width:0;
  max-width:100%;
}
.modal-panel.modal-wide #modalContent { padding:28px; }
.modal-close {
  position:absolute;
  right:14px;
  top:12px;
  z-index:4;
  display:grid;
  width:38px;
  height:38px;
  place-items:center;
  border:0;
  background:#fff;
  border-radius:6px;
  box-shadow:0 2px 10px rgba(8,25,43,.12);
  font-size:24px;
  color:var(--muted);
  cursor:pointer;
}
.modal-close:hover { color:#0f5e8d; background:#f2f7fa; }
.modal-close:focus-visible { outline:3px solid rgba(29,167,223,.38); outline-offset:2px; }
.modal h2 { margin:0 0 18px; }
.modal form { display:grid; gap:14px; }
.modal label { display:grid; gap:6px; font-weight:800; color:#34495e; }
.form-note {
  margin:0;
  padding:12px 14px;
  border:1px solid #cfe3ef;
  border-radius:10px;
  background:#f1f8fc;
  color:#45677d;
  line-height:1.55;
}
.confirm-dialog { display:grid; gap:14px; }
.confirm-dialog h2,
.confirm-dialog p { margin:0; }
.confirm-dialog p { color:#526b7d; line-height:1.65; }
.confirm-actions { display:flex; justify-content:flex-end; gap:10px; margin-top:8px; }

@media (max-width:820px) {
  .table-scroll-hint { display:flex; }
  .table-wrap { max-width:100%; max-height:min(68vh,680px); }
  .modal { align-items:flex-end; padding:12px; }
  .modal-panel { width:100%; max-height:calc(100vh - 24px); border-radius:14px; }
  .confirm-actions { display:grid; grid-template-columns:1fr 1fr; }
  .confirm-actions .btn { min-height:44px; }
}
.temporary-password-card { display:grid; gap:14px; }
.temporary-password-card p {
  margin:0;
  padding:12px 14px;
  border-left:4px solid #f2b632;
  border-radius:8px;
  background:#fff8e8;
  color:#5f5134;
  line-height:1.55;
}
.temporary-password-card input[readonly] {
  background:#f7fafc;
  color:#173247;
  font-family:ui-monospace, SFMono-Regular, Consolas, monospace;
}
.actions { display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
.user-toolbar {
  display:flex;
  gap:12px;
  align-items:end;
  flex-wrap:wrap;
  margin:14px 0;
}
.product-selection-cards .card small,
.product-selection-table small,
.ps-video-body small,
.ps-workflow p {
  color:var(--muted);
  line-height:1.45;
}

.product-selection-cards[hidden] {
  display: none !important;
}
.product-selection-toolbar {
  grid-template-columns:minmax(150px,220px) minmax(220px,1fr) auto auto auto auto;
}
.product-selection-section h2 span {
  color:var(--muted);
  font-size:13px;
  font-weight:800;
}
.product-selection-table th:nth-child(1) { width:110px; }
.product-selection-table th:nth-child(2) { min-width:260px; }
.product-selection-table th:nth-child(3),
.product-selection-table th:nth-child(4) { min-width:160px; }
.product-selection-table th:nth-child(5) { min-width:160px; }
.product-selection-table th:nth-child(6) { min-width:260px; }
.ps-score {
  display:block;
  margin-top:8px;
  color:#142234;
  font-size:20px;
  line-height:1.1;
}
.ps-keywords {
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}
.ps-keywords span {
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:2px 8px;
  border-radius:6px;
  background:#eef6ff;
  color:#1b5d91;
  font-size:12px;
  font-weight:900;
}
.ps-keywords small {
  flex-basis:100%;
  margin-top:2px;
}
.ps-mini-creatives {
  display:grid;
  gap:5px;
  margin-top:8px;
}
.ps-mini-creatives div {
  padding:7px 8px;
  border:1px solid var(--soft-line);
  border-radius:6px;
  background:#fbfdff;
}
.ps-mini-creatives a {
  color:#0f609e;
  font-weight:900;
  text-decoration:none;
}
.ps-mini-creatives small {
  display:block;
  margin-top:3px;
}
.ps-ad-toolbar {
  grid-template-columns:minmax(150px,220px) minmax(260px,1fr) auto auto auto auto;
}
.ps-source-status {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:14px;
  margin:14px 0;
}
.ps-source-status article {
  display:grid;
  grid-template-columns:1fr auto;
  gap:5px 12px;
  align-items:center;
  border:1px solid var(--line);
  border-radius:8px;
  background:#fff;
  padding:14px 16px;
  box-shadow:var(--shadow);
}
.ps-source-status b {
  font-size:16px;
}
.ps-source-status span {
  justify-self:end;
  padding:4px 9px;
  border-radius:999px;
  font-size:12px;
  font-weight:900;
}
.ps-source-status small {
  grid-column:1 / -1;
  color:var(--muted);
  line-height:1.45;
}
.ps-source-status article.ready span {
  background:#e6f8ef;
  color:#08753f;
}
.ps-source-status article.pending span {
  background:#fff3da;
  color:#a76000;
}
.ps-inspiration-section {
  padding:0;
  overflow:hidden;
}
.ps-inspiration-head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:22px 24px 16px;
  border-bottom:1px solid var(--line);
}
.ps-inspiration-head h2,
.ps-inspiration-head p { margin:0; }
.ps-inspiration-head p {
  margin-top:6px;
  color:var(--muted);
  line-height:1.45;
}
.ps-inspiration-head-actions {
  display:flex;
  justify-content:flex-end;
  gap:8px;
  flex-wrap:wrap;
}
.ps-share-flow {
  display:flex;
  align-items:center;
  gap:10px;
  margin:18px 24px 0;
  padding:13px 16px;
  border:1px solid #b9d9ef;
  border-radius:8px;
  background:#eef8ff;
  color:#244d6c;
  font-weight:800;
  overflow-x:auto;
  white-space:nowrap;
}
.ps-share-flow i { color:#7696ab; font-style:normal; }
.ps-share-flow strong { color:#08753f; }
.ps-inspiration-controls {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin:16px 24px 0;
}
.ps-inspiration-source-filter {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:16px 24px 0;
}
.ps-inspiration-source-filter button {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:52px;
  padding:10px 14px;
  border:1px solid #d4e3e8;
  border-radius:10px;
  background:#f7fafb;
  color:#36586c;
  font-weight:800;
  cursor:pointer;
}
.ps-inspiration-source-filter button b {
  min-width:30px;
  padding:4px 8px;
  border-radius:999px;
  background:#e4edf1;
  color:#496779;
  text-align:center;
}
.ps-inspiration-source-filter button.active {
  border-color:#118f9b;
  background:linear-gradient(135deg,#eefafa,#f5fbff);
  color:#087887;
  box-shadow:0 4px 14px rgba(10,126,139,.1);
}
.ps-inspiration-source-filter button.active b {
  background:#d8f1ee;
  color:#087b79;
}
.ps-inspiration-status-filter {
  display:inline-flex;
  align-items:center;
  padding:3px;
  border:1px solid var(--line);
  border-radius:8px;
  background:#f3f6f8;
}
.ps-inspiration-status-filter button {
  display:flex;
  align-items:center;
  gap:8px;
  min-height:38px;
  border:0;
  border-radius:6px;
  background:transparent;
  color:#4a6579;
  padding:7px 12px;
  font:inherit;
  font-weight:800;
  cursor:pointer;
}
.ps-inspiration-status-filter button b {
  min-width:22px;
  padding:2px 6px;
  border-radius:999px;
  background:#dfe8ee;
  color:#36566d;
  font-size:12px;
  text-align:center;
}
.ps-inspiration-status-filter button.active {
  background:#fff;
  color:#075b91;
  box-shadow:0 1px 5px rgba(20,55,78,.12);
}
.ps-inspiration-status-filter button.active b {
  background:#e7f3fb;
  color:#075b91;
}
.ps-inspiration-owner-filter {
  display:flex;
  align-items:center;
  gap:8px;
  color:var(--muted);
  font-size:13px;
  font-weight:800;
}
.ps-inspiration-owner-filter select {
  width:auto;
  min-width:130px;
  min-height:42px;
}
.ps-inspiration-quick-find {
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
}
.ps-inspiration-quick-find>label:first-child {
  display:flex;
  align-items:center;
  gap:8px;
  min-height:42px;
  padding:0 11px;
  border:1px solid var(--line);
  border-radius:8px;
  background:#fff;
  color:var(--muted);
  font-size:12px;
  font-weight:800;
}
.ps-inspiration-quick-find input {
  width:190px;
  min-width:0;
  border:0;
  outline:0;
  background:transparent;
  color:var(--ink);
}
.ps-inspiration-quick-find { flex-wrap:wrap; }
.ps-inspiration-quick-find>label:first-child>span { white-space:nowrap; }
.ps-inspiration-quick-find label:has([data-inspiration-history]) {
  display:inline-flex; align-items:center; gap:6px; white-space:nowrap;
  color:var(--muted); font-size:12px;
}
.ps-inspiration-quick-find input[data-inspiration-history] {
  width:16px; min-width:16px; height:16px; margin:0;
}
.ps-inspiration-result-summary {
  margin:12px 24px -4px;
  color:var(--muted);
  font-size:12px;
  font-weight:800;
  text-align:right;
}
.ps-inspiration-more {
  display:flex;
  margin:16px auto 4px;
  min-width:180px;
  justify-content:center;
}
.ps-inspiration-note {
  margin:12px 24px 0;
  color:var(--muted);
  font-size:13px;
  line-height:1.45;
}
.ps-oms-expansion-overview {
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(420px,.65fr);
  align-items:center;
  gap:20px;
  margin:14px 24px 0;
  padding:16px 18px;
  border:1px solid #acdcd6;
  border-radius:12px;
  background:linear-gradient(135deg,#effbf8,#f7fbff);
}
.ps-oms-expansion-overview>div { display:grid; gap:5px; }
.ps-oms-expansion-overview small { color:#0b8c83; font-weight:900; letter-spacing:.08em; }
.ps-oms-expansion-overview strong { color:#164a5b; font-size:15px; }
.ps-oms-expansion-overview span { color:#67808a; font-size:12px; line-height:1.5; }
.ps-oms-expansion-overview dl { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin:0; overflow:hidden; border:1px solid #d3e7e8; border-radius:10px; background:#fff; }
.ps-oms-expansion-overview dl div { padding:10px 7px; border-right:1px solid #e3eeee; text-align:center; }
.ps-oms-expansion-overview dl div:last-child { border-right:0; }
.ps-oms-expansion-overview dt { color:#0b8792; font-size:20px; font-weight:900; }
.ps-oms-expansion-overview dd { margin:3px 0 0; color:#728893; font-size:10px; }
.ps-radar-status {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:14px 24px 0;
  padding:11px 14px;
  border-left:4px solid #168451;
  background:#eff9f4;
  color:#3b5f51;
  font-size:13px;
}
.ps-radar-status span {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:9px;
  min-width:0;
}
.ps-radar-status b { color:#106d45; }
.ps-radar-status em {
  color:#547064;
  font-style:normal;
  white-space:nowrap;
}
.ps-inspiration-status-filter { flex-wrap:wrap; }
.ps-readonly-notice {
  display:flex;
  align-items:center;
  gap:10px;
  margin:14px 0;
  padding:12px 14px;
  border:1px solid #bed9ea;
  border-radius:8px;
  background:#eef7fc;
  color:#3c6076;
  font-size:13px;
}
.ps-readonly-notice b { color:#075b91; white-space:nowrap; }
.ps-ios-shortcut-inline {
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:10px 14px;
  margin:12px 24px 0;
  padding:12px 14px;
  border:1px solid #d7dce1;
  border-radius:8px;
  background:#f8fafc;
  color:#425d72;
}
.ps-ios-shortcut-inline > strong { color:#142234; }
.ios-shortcut-guide {
  display:grid;
  gap:14px;
  color:#34495e;
  line-height:1.55;
}
.ios-shortcut-guide > p,
.ios-shortcut-guide > small { margin:0; }
.ios-shortcut-guide ol {
  display:grid;
  gap:10px;
  margin:0;
  padding-left:24px;
}
.ios-shortcut-guide li { padding-left:4px; }
.ios-shortcut-guide li b,
.ios-shortcut-guide li span { display:block; }
.ios-shortcut-guide li span { color:var(--muted); font-size:13px; }
.ios-shortcut-guide code {
  display:block;
  padding:11px 12px;
  border:1px solid var(--line);
  border-radius:6px;
  background:#f4f7f9;
  color:#0f5b8f;
  overflow-wrap:anywhere;
}
.ios-shortcut-actions {
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.ps-inspiration-grid {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,560px),1fr));
  gap:18px;
  padding:20px 24px 24px;
}
.ps-inspiration-card {
  display:grid;
  grid-template-columns:minmax(190px,34%) minmax(0,1fr);
  min-width:0;
  border:1px solid var(--line);
  border-radius:8px;
  background:#fff;
  overflow:hidden;
  box-shadow:0 8px 20px rgba(15,67,105,.08);
}
.ps-inspiration-media {
  position:relative;
  display:block;
  min-height:390px;
  background:#edf3f7;
  overflow:hidden;
}
.ps-inspiration-media img {
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
}
.ps-inspiration-placeholder[hidden] { display:none; }
.ps-inspiration-media > span {
  position:absolute;
  right:10px;
  bottom:10px;
  padding:7px 10px;
  border-radius:6px;
  background:rgba(6,31,49,.86);
  color:#fff;
  font-size:12px;
  font-weight:900;
}
.ps-inspiration-placeholder {
  height:100%;
  display:grid;
  place-content:center;
  gap:6px;
  text-align:center;
  color:#55758d;
}
.ps-inspiration-placeholder b { color:#142234; font-size:28px; }
.ps-inspiration-content {
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:11px;
  padding:16px 17px;
}
.ps-radar-card-head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.ps-radar-card-head > div {
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
}
.ps-radar-card-head small {
  overflow:hidden;
  color:var(--muted);
  font-size:12px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.ps-radar-card-head > b {
  color:#123f5c;
  font-size:20px;
  white-space:nowrap;
}
.ps-radar-score-pair {
  display:grid;
  grid-template-columns:repeat(2,minmax(62px,1fr));
  gap:6px;
  flex:0 0 auto;
}
.ps-radar-score-pair > span {
  display:grid;
  gap:1px;
  padding:5px 8px;
  border:1px solid #d9e5ec;
  border-radius:6px;
  background:#f7fafc;
  text-align:center;
}
.ps-radar-score-pair small {
  color:#6f8798;
  font-size:9px;
}
.ps-radar-score-pair b {
  color:#123f5c;
  font-size:17px;
  line-height:1.1;
}
.ps-radar-tier {
  padding:5px 8px;
  border-radius:6px;
  font-size:12px;
  font-weight:900;
  white-space:nowrap;
}
.ps-radar-tier.quality { background:#e8f8ef; color:#087544; }
.ps-radar-tier.potential { background:#fff3dc; color:#9a6100; }
.ps-radar-tier.verified_quality { background:#e4f7ed; color:#087544; }
.ps-radar-tier.high_potential { background:#fff2d8; color:#956000; }
.ps-radar-tier.explore { background:#e9f2fb; color:#175f8f; }
.ps-radar-product {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:3px 10px;
  min-width:0;
}
.ps-radar-product small {
  grid-column:1 / -1;
  color:#70889a;
  font-size:11px;
  font-weight:800;
}
.ps-radar-product strong {
  overflow:hidden;
  color:#142234;
  font-size:22px;
  line-height:1.25;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.ps-radar-product > span {
  align-self:center;
  padding:4px 7px;
  border:1px solid #d4e4ee;
  border-radius:6px;
  color:#35657f;
  font-size:11px;
  white-space:nowrap;
}
.ps-radar-oms-seed {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:5px 8px;
  padding:8px 10px;
  border:1px solid #cce8df;
  border-radius:8px;
  background:#eefaf6;
  color:#35675d;
  font-size:11px;
}
.ps-radar-oms-seed b { color:#08745f; font-size:12px; }
.ps-radar-oms-seed span {
  padding:3px 6px;
  border-radius:5px;
  background:#dff3ec;
  color:#116b59;
  font-weight:800;
}
.ps-radar-oms-seed small { margin-left:auto; color:#66877f; }
.ps-radar-reason {
  margin:0;
  padding:9px 10px;
  border-left:3px solid #78a8c4;
  background:#f4f8fa;
  color:#435f72;
  font-size:13px;
  line-height:1.45;
}
.ps-radar-query {
  display:grid;
  gap:5px;
}
.ps-radar-query > small {
  color:#6b8293;
  font-size:11px;
  font-weight:800;
}
.ps-radar-query > b {
  overflow:hidden;
  color:#075b91;
  font-size:13px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.ps-radar-query > div {
  display:flex;
  gap:5px;
  overflow:hidden;
}
.ps-radar-query > div span {
  padding:3px 6px;
  border-radius:5px;
  background:#edf4f8;
  color:#4b697b;
  font-size:10px;
  white-space:nowrap;
}
.ps-radar-query details {
  min-width:0;
  color:#5c7484;
  font-size:11px;
}
.ps-radar-query summary {
  width:max-content;
  cursor:pointer;
  font-weight:700;
}
.ps-radar-query details > div {
  display:flex;
  flex-wrap:wrap;
  gap:5px;
  margin-top:6px;
}
.ps-radar-query details span {
  padding:3px 6px;
  border-radius:5px;
  background:#edf4f8;
  color:#4b697b;
  font-size:10px;
}
.ps-radar-source {
  display:flex;
  flex-wrap:wrap;
  gap:7px 14px;
  color:#637d8e;
  font-size:11px;
}
.ps-radar-source b { color:#284f66; }
.ps-radar-metrics { margin-top:1px; }
.ps-radar-meta {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
}
.ps-radar-meta span {
  display:grid;
  gap:2px;
  min-width:0;
}
.ps-radar-meta small { color:#78909f; font-size:10px; }
.ps-radar-meta b {
  overflow:hidden;
  color:#38576b;
  font-size:11px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.ps-inspiration-content footer.ps-radar-actions {
  grid-template-columns:repeat(auto-fit,minmax(min(100%,130px),1fr));
}
.ps-radar-verify-modal {
  display:grid;
  gap:14px;
}
.ps-radar-verify-modal h2,
.ps-radar-verify-modal p { margin:0; }
.ps-radar-verify-modal > p {
  color:var(--muted);
  line-height:1.5;
}
.ps-radar-verify-target {
  display:grid;
  gap:5px;
  padding:12px 14px;
  border:1px solid #d7e4ec;
  border-radius:8px;
  background:#f6f9fb;
}
.ps-radar-verify-target b { color:#142234; font-size:18px; }
.ps-radar-verify-target span {
  overflow:hidden;
  color:#527084;
  font-size:12px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.ps-radar-verify-target a { color:#08679f; font-weight:800; }
.ps-radar-verify-modal form { display:grid; gap:12px; }
.ps-radar-verify-actions { display:flex; gap:8px; flex-wrap:wrap; }
.ps-curator-head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}
.ps-curator-identity {
  display:flex;
  align-items:center;
  gap:9px;
  min-width:0;
}
.ps-curator-identity > span {
  display:grid;
  place-items:center;
  width:32px;
  height:32px;
  flex:0 0 32px;
  border-radius:50%;
  background:#e6f1f8;
  color:#075b91;
  font-size:13px;
  font-weight:900;
}
.ps-curator-identity div {
  display:grid;
  min-width:0;
  gap:1px;
}
.ps-curator-identity b {
  overflow:hidden;
  color:#1c3447;
  font-size:13px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.ps-curator-identity small {
  color:var(--muted);
  font-size:11px;
}
.ps-review-status {
  padding:4px 8px;
  border-radius:6px;
  font-size:12px;
  font-weight:900;
  white-space:nowrap;
}
.ps-review-status.pending { background:#fff2d8; color:#9a5b00; }
.ps-review-status.kept { background:#e5f7ed; color:#08753f; }
.ps-review-status.watch { background:#e9f2fb; color:#235f8e; }
.ps-inspiration-title-row {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  padding-top:2px;
}
.ps-inspiration-title-row > div {
  display:grid;
  gap:2px;
  min-width:0;
}
.ps-inspiration-title-row small {
  color:#7890a2;
  font-size:11px;
  font-weight:800;
}
.ps-inspiration-title-row strong {
  display:-webkit-box;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  color:#142234;
  font-size:18px;
  line-height:1.4;
}
.ps-inspiration-title-row em {
  color:#0b6c9f;
  font-size:11px;
  font-style:normal;
  font-weight:800;
}
.ps-inspiration-title-row > span {
  flex:0 0 auto;
  max-width:130px;
  overflow:hidden;
  border:1px solid #cde0ec;
  border-radius:6px;
  background:#f2f8fc;
  color:#315e7d;
  padding:4px 7px;
  font-size:11px;
  font-weight:900;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.ps-tiktok-caption {
  margin:0;
  color:var(--muted);
  display:-webkit-box;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  min-height:2.9em;
  font-size:12px;
  line-height:1.45;
}
.ps-curator-tags {
  display:flex;
  flex-wrap:wrap;
  gap:5px;
}
.ps-curator-tags span {
  padding:3px 7px;
  border-radius:5px;
  background:#edf5fb;
  color:#185f8e;
  font-size:11px;
  font-weight:800;
}
.ps-curator-tags span.empty-tag {
  background:#f3f5f7;
  color:#7d8d98;
}
.ps-curator-reason {
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:start;
  gap:8px;
  padding:9px 0;
  border-top:1px solid #e9eef2;
  border-bottom:1px solid #e9eef2;
}
.ps-curator-reason b {
  color:#31556e;
  font-size:12px;
}
.ps-curator-reason p {
  display:-webkit-box;
  overflow:hidden;
  margin:0;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  color:#344c5e;
  font-size:12px;
  line-height:1.5;
}
.ps-inspiration-validation {
  display:grid;
  gap:0;
  margin:0;
}
.ps-inspiration-validation > div {
  display:grid;
  grid-template-columns:88px minmax(0,1fr);
  gap:9px;
  padding:7px 0;
  border-bottom:1px solid #edf1f4;
}
.ps-inspiration-validation > div:last-child { border-bottom:0; }
.ps-inspiration-validation dt {
  color:#647b8c;
  font-size:11px;
  font-weight:900;
}
.ps-inspiration-validation dd {
  display:grid;
  gap:2px;
  margin:0;
  color:#203d52;
  font-size:12px;
  font-weight:800;
}
.ps-inspiration-validation dd small {
  overflow:hidden;
  color:#758a99;
  font-size:11px;
  font-weight:500;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.ps-inspiration-validation .pending dd { color:#9a640d; }
.ps-inspiration-validation .ready dd { color:#176344; }
.ps-inspiration-validation > .ps-tiktok-evidence {
  grid-template-columns:minmax(0,1fr);
  padding:9px 0 11px;
}
.ps-tiktok-evidence > dd {
  gap:8px;
  color:#203d52 !important;
}
.ps-tiktok-evidence-head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}
.ps-tiktok-evidence-head strong {
  overflow:hidden;
  font-size:12px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.ps-tiktok-evidence-head span {
  flex:0 0 auto;
  padding:3px 6px;
  border-radius:5px;
  background:#edf5fb;
  color:#185f8e;
  font-size:10px;
  font-weight:900;
}
.ps-tiktok-evidence.pending .ps-tiktok-evidence-head span {
  background:#fff3da;
  color:#9a640d;
}
.ps-tiktok-metrics {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border:1px solid #dce7ee;
  border-radius:7px;
  background:#f7fafc;
  overflow:hidden;
}
.ps-tiktok-metrics > span {
  display:grid;
  gap:1px;
  min-width:0;
  padding:7px 5px;
  border-right:1px solid #e2eaf0;
  text-align:center;
}
.ps-tiktok-metrics > span:last-child { border-right:0; }
.ps-tiktok-metrics b {
  color:#142234;
  font-size:14px;
  line-height:1.2;
}
.ps-tiktok-metrics small,
.ps-tiktok-times small {
  overflow:visible !important;
  color:#758a99 !important;
  font-size:9px !important;
  font-weight:700 !important;
  text-overflow:clip !important;
  white-space:normal !important;
}
.ps-tiktok-times {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:5px 12px;
}
.ps-tiktok-times > span {
  display:grid;
  gap:3px;
  min-width:0;
}
.ps-tiktok-times time {
  overflow:hidden;
  color:#4b6577;
  font-size:10px;
  font-weight:700;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.ps-batch-import-form {
  display:grid;
  gap:14px;
}
.ps-batch-import-form > p {
  margin:0;
  color:var(--muted);
  font-size:13px;
  line-height:1.55;
}
.ps-batch-import-form label {
  display:grid;
  gap:7px;
  color:#31556e;
  font-size:13px;
  font-weight:800;
}
.ps-batch-import-form textarea {
  width:100%;
  min-height:220px;
  resize:vertical;
  font:13px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;
}
.ps-batch-import-summary {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  color:var(--muted);
}
.ps-batch-import-summary span {
  color:#075b91;
  font-weight:900;
}
.ps-inspiration-content footer {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,90px),1fr));
  gap:6px;
  margin-top:auto;
}
.ps-inspiration-content footer .btn {
  min-width:0;
  padding:8px 5px;
  font-size:12px;
}
.ps-inspiration-content footer .btn:disabled {
  opacity:.68;
  cursor:default;
}
.ps-inspiration-content footer .btn.danger { color:#fff !important; }
.ps-inspiration-content footer.ps-card-readonly {
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  padding:9px 11px;
  border:1px solid #d8e3ea;
  border-radius:6px;
  background:#f7f9fb;
  color:#627a8c;
  font-size:12px;
  text-align:center;
}
.ps-stock-material-section {
  overflow:hidden;
}
.ps-stock-material-head {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:24px;
  padding:22px 24px 18px;
  border-bottom:1px solid var(--line);
}
.ps-stock-material-head h2,
.ps-stock-material-head p { margin:0; }
.ps-stock-material-head h2 { color:#142234; }
.ps-stock-material-head p {
  margin-top:5px;
  color:var(--muted);
  font-size:13px;
  line-height:1.55;
}
.ps-stock-material-kpis {
  display:grid;
  grid-template-columns:repeat(4,minmax(74px,1fr));
  min-width:390px;
  border:1px solid #dce7ee;
  border-radius:8px;
  background:#f7fafc;
  overflow:hidden;
}
.ps-stock-material-kpis span {
  display:grid;
  gap:2px;
  padding:9px 10px;
  border-right:1px solid #e2eaf0;
  text-align:center;
}
.ps-stock-material-kpis span:last-child { border-right:0; }
.ps-stock-material-kpis b { color:#075b91; font-size:18px; }
.ps-stock-material-kpis small { color:#6f8493; font-size:10px; font-weight:800; }
.ps-stock-material-source {
  display:flex;
  align-items:center;
  gap:12px;
  margin:14px 24px 0;
  padding:10px 12px;
  border-left:4px solid #ca8614;
  background:#fff8ea;
  color:#72521c;
  font-size:12px;
}
.ps-stock-material-source.ready {
  border-color:#18945d;
  background:#eef9f3;
  color:#176344;
}
.ps-stock-material-source b { flex:0 0 auto; }
.ps-stock-material-toolbar {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:14px 24px;
}
.ps-stock-material-toolbar > div {
  display:flex;
  gap:6px;
  padding:4px;
  border:1px solid #d9e4eb;
  border-radius:8px;
  background:#f0f5f8;
}
.ps-stock-material-toolbar button,
.ps-stock-pagination button {
  min-height:34px;
  border:0;
  border-radius:6px;
  background:transparent;
  color:#38566c;
  padding:6px 10px;
  font-weight:900;
  cursor:pointer;
}
.ps-stock-material-toolbar button b {
  margin-left:6px;
  color:#6f8493;
}
.ps-stock-material-toolbar button.active,
.ps-stock-pagination button.active {
  background:#fff;
  color:#075b91;
  box-shadow:0 1px 4px rgba(22,63,91,.12);
}
.ps-stock-material-toolbar > span { color:var(--muted); font-size:12px; }
.ps-stock-material-list {
  display:grid;
  gap:14px;
  padding:0 24px 22px;
}
.ps-stock-product-card {
  display:grid;
  grid-template-columns:minmax(400px,44%) minmax(0,1fr);
  min-width:0;
  border:1px solid var(--line);
  border-left:5px solid #d39a3c;
  border-radius:8px;
  background:#fff;
  overflow:hidden;
}
.ps-stock-product-card.matched { border-left-color:#15935b; }
.ps-stock-product-summary {
  display:grid;
  grid-template-columns:120px minmax(0,1fr);
  min-width:0;
  padding:14px;
  background:#f8fafb;
}
.ps-stock-product-image {
  width:112px;
  aspect-ratio:1;
  overflow:hidden;
  border:1px solid #dce6ec;
  border-radius:7px;
  background:#edf3f7;
}
.ps-stock-product-image img {
  width:100%;
  height:100%;
  object-fit:cover;
}
.ps-stock-image-placeholder {
  display:grid;
  height:100%;
  place-content:center;
  gap:5px;
  color:#748998;
  text-align:center;
}
.ps-stock-image-placeholder b { color:#075b91; font-size:28px; }
.ps-stock-image-placeholder span { font-size:10px; font-weight:800; }
.ps-stock-product-copy {
  display:grid;
  align-content:start;
  gap:10px;
  min-width:0;
}
.ps-stock-product-title {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
}
.ps-stock-product-title div { min-width:0; }
.ps-stock-product-title small { color:#668093; font-size:11px; font-weight:800; }
.ps-stock-product-title h3 {
  overflow:hidden;
  margin:3px 0 0;
  color:#142234;
  font-size:17px;
  letter-spacing:0;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.ps-stock-product-title > span {
  flex:0 0 auto;
  padding:4px 7px;
  border-radius:5px;
  background:#fff1d7;
  color:#995f08;
  font-size:10px;
  font-weight:900;
}
.matched .ps-stock-product-title > span { background:#e4f7ec; color:#08753f; }
.ps-stock-product-copy dl {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  margin:0;
  border:1px solid #dce7ee;
  border-radius:7px;
  background:#fff;
  overflow:hidden;
}
.ps-stock-product-copy dl div {
  display:grid;
  gap:2px;
  padding:7px 5px;
  border-right:1px solid #e4ebf0;
  text-align:center;
}
.ps-stock-product-copy dl div:last-child { border-right:0; }
.ps-stock-product-copy dt { color:#718595; font-size:9px; font-weight:800; }
.ps-stock-product-copy dd { margin:0; color:#1a3b52; font-size:13px; font-weight:900; }
.ps-stock-product-copy > p {
  margin:0;
  color:#6d8190;
  font-size:10px;
  line-height:1.45;
}
.ps-stock-material-results {
  min-width:0;
  padding:13px 14px;
}
.ps-stock-material-results > header {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:0 2px 8px;
  color:#31556e;
  font-size:12px;
}
.ps-stock-material-results > header span { color:#718595; font-size:10px; }
.ps-stock-material-row {
  display:grid;
  grid-template-columns:52px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  min-width:0;
  padding:8px 2px;
  border-top:1px solid #edf1f4;
  color:inherit;
  text-decoration:none;
}
.ps-stock-material-row:hover { background:#f7fafc; }
.ps-stock-material-row.status-pending { border-left:3px solid #d99319; }
.ps-stock-material-row.status-verified { border-left:3px solid #1f9d61; }
.ps-stock-material-cover {
  width:52px;
  height:52px;
  overflow:hidden;
  border-radius:6px;
  background:#edf3f7;
}
.ps-stock-material-cover img { width:100%; height:100%; object-fit:cover; }
.ps-stock-video-placeholder { display:grid; height:100%; place-content:center; color:#075b91; font-size:9px; font-weight:900; }
.ps-stock-material-copy {
  display:grid;
  gap:2px;
  min-width:0;
}
.ps-stock-material-copy b,
.ps-stock-material-copy small,
.ps-stock-material-copy em {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.ps-stock-material-copy b { color:#18364b; font-size:12px; }
.ps-stock-material-copy small { color:#627b8d; font-size:10px; }
.ps-stock-material-copy em { color:#718595; font-size:10px; font-style:normal; }
.ps-stock-match-meta {
  display:grid;
  gap:4px;
  justify-items:end;
}
.ps-stock-match-meta b {
  padding:3px 6px;
  border-radius:5px;
  background:#e8f4fb;
  color:#075b91;
  font-size:9px;
}
.ps-stock-match-meta small { color:#758a99; font-size:9px; }
.ps-stock-material-empty {
  display:grid;
  gap:4px;
  padding:18px 2px;
  border-top:1px solid #edf1f4;
}
.ps-stock-material-empty b { color:#9a640d; font-size:12px; }
.ps-stock-material-empty span { color:#748998; font-size:11px; line-height:1.5; }
.ps-stock-pagination {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  padding:0 24px 22px;
}
.ps-stock-pagination button { border:1px solid #d5e1e9; background:#fff; }
.ps-stock-pagination button:disabled { opacity:.45; cursor:default; }
.ps-stock-pagination span { color:#8295a2; }
.ps-curator-form {
  display:grid;
  gap:14px;
}
.ps-curator-tag-picker {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0;
  padding:12px;
  border:1px solid var(--line);
  border-radius:8px;
}
.ps-curator-tag-picker legend {
  padding:0 6px;
  color:#536c7d;
  font-size:12px;
  font-weight:800;
}
.ps-curator-tag-picker label {
  display:block;
  margin:0;
  cursor:pointer;
}
.ps-curator-tag-picker input {
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.ps-curator-tag-picker span {
  display:block;
  border:1px solid #ccdbe5;
  border-radius:6px;
  background:#f7fafc;
  color:#49657a;
  padding:7px 10px;
  font-size:12px;
  font-weight:800;
}
.ps-curator-tag-picker input:checked + span {
  border-color:#0d71ad;
  background:#e8f4fb;
  color:#075b91;
}
.ps-curator-form-actions {
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.pwa-install-help {
  display:grid;
  gap:12px;
  color:#34495e;
  line-height:1.6;
}
.pwa-install-help p { margin:0; }
.ps-validation-empty {
  display:grid;
  gap:12px;
  padding:26px;
  border-left:5px solid #d58a16;
  background:#fffaf0;
}
.ps-validation-empty > strong {
  color:#172b40;
  font-size:20px;
}
.ps-validation-empty p,
.ps-validation-empty small {
  margin:0;
  color:var(--muted);
  line-height:1.55;
}
.ps-validation-empty > div {
  display:grid;
  grid-template-columns:repeat(2,minmax(260px,1fr));
  gap:8px 18px;
}
.ps-validation-empty > div span {
  display:flex;
  gap:8px;
  align-items:flex-start;
  color:#34495e;
  line-height:1.45;
}
.ps-validation-empty > div b {
  flex:0 0 24px;
  height:24px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#145f91;
  color:#fff;
  font-size:12px;
}
.ps-decision-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(360px,1fr));
  gap:16px;
  padding:16px;
  background:#f7fafc;
}
.ps-decision-card {
  min-width:0;
  overflow:hidden;
  display:grid;
  grid-template-columns:180px minmax(0,1fr);
  border:1px solid var(--line);
  border-top:4px solid #d58a16;
  border-radius:8px;
  background:#fff;
  box-shadow:0 10px 24px rgba(13,45,76,.08);
}
.ps-decision-card.tone-recommend { border-top-color:#1c9a58; }
.ps-decision-card.tone-reject { border-top-color:#d33e3e; }
.ps-decision-media {
  min-height:280px;
  background:#e9f0f6;
}
.ps-decision-media a,
.ps-decision-media img,
.ps-decision-placeholder {
  width:100%;
  height:100%;
}
.ps-decision-media a {
  position:relative;
  display:block;
  color:#fff;
  text-decoration:none;
}
.ps-decision-media img { display:block; object-fit:cover; }
.ps-decision-media a span {
  position:absolute;
  left:10px;
  bottom:10px;
  padding:5px 8px;
  border-radius:6px;
  background:rgba(0,0,0,.72);
  font-size:12px;
  font-weight:900;
}
.ps-decision-placeholder {
  display:grid;
  place-items:center;
  background:#145f91;
  color:#fff;
  font-weight:900;
}
.ps-decision-body {
  min-width:0;
  display:grid;
  gap:12px;
  padding:16px;
}
.ps-decision-body header,
.ps-decision-body footer {
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
}
.ps-decision-body header div { min-width:0; display:grid; gap:4px; }
.ps-decision-body header small,
.ps-decision-body footer,
.ps-decision-body dd small { color:var(--muted); }
.ps-decision-body header strong { font-size:18px; }
.ps-decision-body header > span {
  flex:0 0 auto;
  padding:5px 9px;
  border-radius:6px;
  background:#fff3da;
  color:#995d00;
  font-weight:900;
}
.ps-decision-card.tone-recommend header > span { background:#e6f8ef; color:#08753f; }
.ps-decision-card.tone-reject header > span { background:#fff0f0; color:#b32424; }
.ps-decision-body dl { margin:0; display:grid; }
.ps-decision-body dl > div {
  display:grid;
  grid-template-columns:120px minmax(0,1fr);
  gap:10px;
  padding:8px 0;
  border-top:1px solid var(--soft-line);
}
.ps-decision-body dt { color:#445b73; font-weight:900; }
.ps-decision-body dd { margin:0; color:#172b40; font-weight:800; }
.ps-decision-body dd small { display:block; margin-top:3px; font-weight:500; line-height:1.4; }
.ps-decision-body > p { margin:0; color:#34495e; line-height:1.5; }
.ps-raw-warning {
  display:flex;
  gap:12px;
  align-items:center;
  margin:14px 16px 0;
  padding:12px 14px;
  border-left:4px solid #d58a16;
  background:#fffaf0;
  color:#6f4a09;
}
.ps-raw-warning span { color:#6f6047; line-height:1.45; }
.ps-affiliate-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(260px,1fr));
  gap:14px;
  padding:16px;
  background:#f7fafc;
}
.ps-affiliate-card {
  min-width:0;
  overflow:hidden;
  display:grid;
  grid-template-columns:110px minmax(0,1fr);
  gap:12px;
  border:1px solid var(--line);
  border-radius:8px;
  background:#fff;
  padding:12px;
}
.ps-affiliate-card > a,
.ps-affiliate-card > img,
.ps-affiliate-placeholder { width:110px; height:110px; }
.ps-affiliate-card img { display:block; width:100%; height:100%; object-fit:cover; }
.ps-affiliate-placeholder { display:grid; place-items:center; background:#e9f0f6; color:#456078; font-weight:900; }
.ps-affiliate-card > div { min-width:0; display:grid; align-content:start; gap:7px; }
.ps-affiliate-card small { color:var(--muted); }
.ps-affiliate-card strong { overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.ps-affiliate-card p { margin:0; color:#21384f; font-weight:800; }
.ps-ad-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(250px,1fr));
  gap:14px;
  padding:16px;
  background:#f7fafc;
}
.ps-ad-card {
  min-width:0;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:8px;
  background:#fff;
  box-shadow:0 12px 28px rgba(13,45,76,.08);
}
.ps-ad-visual {
  position:relative;
  aspect-ratio:1/1;
  overflow:hidden;
  background:linear-gradient(135deg,#0f609e,#33a6d9);
  color:#fff;
}
.ps-ad-media {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  background:#111;
}
.ps-ad-card.tone-fashion .ps-ad-visual { background:linear-gradient(135deg,#182b4d,#d8529c); }
.ps-ad-card.tone-health .ps-ad-visual { background:linear-gradient(135deg,#0a6b5d,#55b675); }
.ps-ad-card.tone-tool .ps-ad-visual { background:linear-gradient(135deg,#26384f,#d78828); }
.ps-ad-card.tone-outdoor .ps-ad-visual { background:linear-gradient(135deg,#155a7a,#8dbb36); }
.ps-ad-bg-word {
  position:absolute;
  left:18px;
  right:18px;
  top:22px;
  font-size:30px;
  line-height:1.08;
  font-weight:950;
  text-transform:uppercase;
}
.ps-ad-bg-word::after {
  content:"";
  display:block;
  width:72px;
  height:5px;
  margin-top:14px;
  border-radius:99px;
  background:rgba(255,255,255,.78);
}
.ps-ad-play {
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:68px;
  height:68px;
  display:grid;
  place-items:center;
  border:5px solid rgba(255,255,255,.9);
  border-radius:50%;
  background:rgba(0,0,0,.18);
  color:#fff;
  font-size:28px;
  padding-left:4px;
}
.ps-ad-time,
.ps-ad-speed {
  position:absolute;
  bottom:12px;
  min-height:28px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:3px 8px;
  border-radius:6px;
  background:rgba(0,0,0,.72);
  color:#fff;
  font-size:13px;
  font-weight:900;
}
.ps-ad-time { left:12px; }
.ps-ad-speed { right:12px; }
.ps-ad-meta {
  display:flex;
  justify-content:space-between;
  gap:8px;
  padding:11px 14px 0;
  color:var(--muted);
  font-size:13px;
  font-weight:800;
}
.ps-ad-metrics {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  padding:12px 14px;
  border-bottom:1px solid var(--soft-line);
}
.ps-ad-metrics div {
  min-width:0;
  text-align:center;
}
.ps-ad-metrics b {
  display:block;
  color:#142234;
  font-size:20px;
  line-height:1.1;
}
.ps-ad-metrics span {
  display:block;
  margin-top:5px;
  color:var(--muted);
  font-size:12px;
  font-weight:800;
}
.ps-ad-copy {
  display:grid;
  gap:6px;
  padding:0 14px 12px;
}
.ps-ad-copy strong {
  min-height:44px;
  line-height:1.35;
  font-size:16px;
}
.ps-ad-copy small,
.ps-ad-footer small {
  color:var(--muted);
  line-height:1.4;
}
.ps-ad-tags {
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  padding:0 14px 12px;
}
.ps-ad-tags span {
  padding:4px 8px;
  border-radius:6px;
  background:#eef6ff;
  color:#1b5d91;
  font-size:12px;
  font-weight:900;
}
.ps-ad-footer {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  padding:12px 14px;
  border-top:1px solid var(--soft-line);
}
.ps-ad-footer b {
  display:block;
}
.ps-ad-actions {
  display:flex;
  gap:6px;
}
.ps-ad-cta {
  min-height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid var(--line);
  border-radius:7px;
  background:#fff;
  color:#20354c;
  padding:0 12px;
  font-weight:900;
  text-decoration:none;
  white-space:nowrap;
}
.ps-ad-cta:disabled {
  color:#7a8797;
  background:#f5f8fb;
  cursor:default;
}
.ps-creative-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(230px,1fr));
  gap:16px;
  padding:16px;
  background:#f7fafc;
}
.ps-creative-card {
  min-width:0;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:8px;
  background:#fff;
  box-shadow:0 10px 24px rgba(13,45,76,.08);
}
.ps-creative-media {
  position:relative;
  aspect-ratio:4/5;
  overflow:hidden;
  background:#e9f0f6;
}
.ps-creative-cover {
  display:block;
  width:100%;
  height:100%;
  color:#fff;
  text-decoration:none;
}
.ps-creative-cover img {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .2s ease;
}
.ps-creative-card:hover .ps-creative-cover img { transform:scale(1.025); }
.ps-creative-placeholder {
  width:100%;
  height:100%;
  display:grid;
  place-content:center;
  gap:8px;
  padding:20px;
  text-align:center;
  background:#155a8a;
  color:#fff;
}
.ps-creative-placeholder b { font-size:26px; }
.ps-creative-placeholder span { font-size:14px; }
.ps-creative-play {
  position:absolute;
  left:50%;
  top:50%;
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  transform:translate(-50%,-50%);
  border:4px solid rgba(255,255,255,.92);
  border-radius:50%;
  background:rgba(0,0,0,.34);
  color:#fff;
  font-size:22px;
  padding-left:3px;
}
.ps-creative-metric {
  position:absolute;
  left:10px;
  bottom:10px;
  padding:5px 8px;
  border-radius:6px;
  background:rgba(0,0,0,.72);
  color:#fff;
  font-size:13px;
  font-weight:900;
}
.ps-creative-body {
  display:grid;
  gap:10px;
  padding:13px;
}
.ps-creative-source {
  display:flex;
  justify-content:space-between;
  gap:8px;
  color:#0d6a98;
  font-size:13px;
  font-weight:900;
}
.ps-creative-source small { color:var(--muted); }
.ps-creative-body > strong {
  min-height:44px;
  overflow:hidden;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  line-height:1.35;
}
.ps-creative-tags {
  min-height:28px;
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}
.ps-creative-tags span {
  max-width:100%;
  overflow:hidden;
  padding:4px 7px;
  border-radius:6px;
  background:#eef6ff;
  color:#1b5d91;
  font-size:12px;
  font-weight:800;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.ps-creative-footer {
  min-height:38px;
  display:flex;
  align-items:center;
  gap:9px;
  padding-top:10px;
  border-top:1px solid var(--soft-line);
}
.ps-creative-footer time {
  margin-left:auto;
  color:var(--muted);
  font-size:12px;
}
.ps-creative-download {
  color:#176a9e;
  font-size:13px;
  font-weight:900;
  text-decoration:none;
}
.ps-video-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(260px,1fr));
  gap:14px;
  padding:16px;
}
.ps-video-card {
  min-width:0;
  border:1px solid var(--line);
  border-radius:8px;
  background:#fff;
  overflow:hidden;
}
.ps-video-thumb {
  display:block;
  aspect-ratio:16/9;
  background:#edf4fb;
  color:#0f609e;
  text-decoration:none;
  overflow:hidden;
}
.ps-video-thumb img {
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.ps-video-placeholder {
  height:100%;
  display:grid;
  place-items:center;
  font-size:24px;
  font-weight:950;
}
.ps-video-body {
  display:grid;
  gap:9px;
  padding:14px;
}
.ps-video-body strong {
  line-height:1.35;
}
.ps-video-body p {
  margin:0;
  color:#34495e;
  line-height:1.5;
}
.ps-video-actions {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
}
.ps-video-actions a.btn {
  display:inline-flex;
  align-items:center;
  text-decoration:none;
}
.ps-workflow {
  display:grid;
  grid-template-columns:repeat(4,minmax(180px,1fr));
  gap:14px;
  padding:16px;
}
.ps-workflow article {
  border:1px solid var(--line);
  border-radius:8px;
  padding:15px;
  background:#fbfdff;
}
.ps-workflow b {
  display:inline-flex;
  width:30px;
  height:30px;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:var(--blue);
  color:#fff;
  margin-bottom:10px;
}
.ps-workflow strong {
  display:block;
  margin-bottom:8px;
}
.platter-scope-note {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin:14px 0;
  padding:14px 16px;
  border-left:4px solid var(--blue);
  background:#eef7fc;
  color:#45657a;
}
.platter-scope-note > div:first-child { display:grid; gap:4px; }
.platter-scope-note b { color:#103b58; }
.platter-section-head {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  padding-bottom:14px;
  border-bottom:1px solid var(--line);
}
.platter-section-head h2,
.platter-section-head p { margin:0; }
.platter-section-head p { margin-top:5px; color:var(--muted); }
.platter-section-head > span {
  flex:0 0 auto;
  padding:5px 9px;
  border-radius:6px;
  background:#eef5f9;
  color:#315e7d;
  font-weight:900;
}
.platter-task-list { display:grid; gap:14px; padding-top:16px; }
.platter-task-card {
  display:grid;
  grid-template-columns:150px minmax(330px,1fr) minmax(360px,46%);
  min-width:0;
  overflow:hidden;
  border:1px solid var(--line);
  border-left:5px solid #2c9e5d;
  border-radius:8px;
  background:#fff;
}
.platter-task-card.tone-material_refresh { border-left-color:#1684bd; }
.platter-task-card.tone-rotation { border-left-color:#d99119; }
.platter-product-image {
  min-height:190px;
  background:#eef3f6;
}
.platter-product-image img { width:100%; height:100%; object-fit:contain; }
.platter-image-placeholder {
  display:grid;
  width:100%;
  height:100%;
  min-height:190px;
  place-content:center;
  color:#0d6398;
  font-size:44px;
  font-weight:900;
}
.platter-product-main { min-width:0; padding:16px; border-right:1px solid var(--line); }
.platter-product-main > header {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.platter-product-main h3 { margin:4px 0 0; font-size:20px; }
.platter-product-main > header > span {
  flex:0 0 auto;
  padding:5px 8px;
  border-radius:6px;
  background:#e7f7ee;
  color:#08753f;
  font-size:12px;
  font-weight:900;
}
.tone-material_refresh .platter-product-main > header > span { background:#e9f5fc; color:#12658f; }
.tone-rotation .platter-product-main > header > span { background:#fff2dc; color:#995c00; }
.platter-product-main dl {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  margin:14px 0 12px;
  border:1px solid var(--line);
  border-radius:6px;
  background:#f8fbfd;
}
.platter-product-main dl div { padding:9px; text-align:center; border-right:1px solid var(--line); }
.platter-product-main dl div:last-child { border-right:0; }
.platter-product-main dt { color:var(--muted); font-size:11px; }
.platter-product-main dd { margin:3px 0 0; color:#142234; font-size:16px; font-weight:900; }
.platter-product-main p { margin:7px 0; color:#496579; font-size:13px; line-height:1.45; }
.platter-product-main p b { color:#173d57; }
.platter-badges { display:flex; flex-wrap:wrap; gap:6px; margin-top:10px; }
.platter-badges span { padding:4px 7px; border-radius:5px; background:#eef5f9; color:#315e7d; font-size:11px; font-weight:800; }
.platter-badges span.pending { background:#fff2dc; color:#8b590b; }
.platter-task-material { min-width:0; padding:14px 16px; }
.platter-task-material > header { display:flex; justify-content:space-between; gap:10px; margin-bottom:10px; }
.platter-task-material > header span { color:var(--muted); font-size:12px; }
.platter-materials { display:grid; gap:8px; }
.platter-material-row {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px;
  align-items:center;
  min-width:0;
  padding-bottom:8px;
  border-bottom:1px solid #e6eef3;
}
.platter-material-row:last-child { padding-bottom:0; border-bottom:0; }
.platter-material-row.status-pending { background:#fffaf0; }
.platter-material-row.status-verified { background:#f3fbf7; }
.material-verification { display:inline-flex; align-items:center; padding:2px 6px; border-radius:4px; font-size:11px; font-style:normal; font-weight:800; margin-right:5px; }
.material-verification.verified { color:#087a43; background:#e4f7ed; }
.material-verification.pending { color:#9a5c00; background:#fff0cc; }
.platter-material-review.needs-metrics { display:grid; grid-template-columns:minmax(112px,140px) minmax(0,1fr); gap:6px; align-items:end; }
.platter-material-review.needs-metrics > small { grid-column:1 / -1; color:#8a620c; font-size:10px; }
.material-like-check { display:grid; gap:3px; color:#6f581e; font-size:10px; font-weight:800; }
.material-like-check input { width:100%; min-height:30px; padding:5px 7px; border:1px solid #dfc277; border-radius:5px; background:#fff; color:#173247; font:inherit; }
.material-relation-buttons { display:flex; gap:4px; flex-wrap:wrap; }
.platter-material-row > a {
  display:grid;
  grid-template-columns:50px minmax(0,1fr);
  gap:9px;
  align-items:center;
  min-width:0;
  color:inherit;
  text-decoration:none;
}
.platter-material-row > a > span {
  display:grid;
  width:50px;
  height:50px;
  place-content:center;
  overflow:hidden;
  border-radius:6px;
  background:#e8f2f8;
  color:#17628e;
  font-size:10px;
  font-weight:900;
}
.platter-materials img { width:100%; height:100%; object-fit:cover; }
.platter-materials b,
.platter-materials small,
.platter-materials em { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.platter-materials b { font-size:13px; }
.platter-materials small { margin-top:3px; color:var(--muted); font-size:11px; }
.platter-materials em { margin-top:3px; color:#17628e; font-size:11px; font-style:normal; font-weight:800; }
.platter-materials em i { display:inline-block; margin-right:4px; padding:2px 5px; border-radius:4px; background:#eaf4fa; color:#17628e; font-style:normal; }
.platter-materials em i.tier-ai_exact { background:#e9f6ee; color:#147a43; }
.platter-materials em i.tier-upgrade { background:#fff2dc; color:#956000; }
.platter-materials em i.tier-category_hot { background:#f1effa; color:#5c4a91; }
.platter-material-review {
  display:grid;
  grid-template-columns:repeat(2,58px);
  gap:4px;
}
.platter-material-review button {
  min-height:27px;
  padding:4px 6px;
  border:1px solid #c9d9e3;
  border-radius:5px;
  background:#fff;
  color:#355a70;
  font-size:11px;
  font-weight:800;
  cursor:pointer;
}
.platter-material-review button:hover { border-color:#1670a8; color:#12658f; }
.platter-material-review button.active { border-color:#1670a8; background:#e8f4fb; color:#0d6398; }
.platter-material-review button[data-material-review="irrelevant"].active { border-color:#d74a4a; background:#fff0f0; color:#b42727; }
.platter-material-review button:disabled { cursor:wait; opacity:.6; }
.platter-material-readonly {
  padding:5px 7px;
  border-radius:5px;
  background:#eef5f9;
  color:#496579;
  font-size:11px;
  font-weight:800;
  white-space:nowrap;
}
.platter-material-empty { padding:18px 12px; border:1px dashed #cbd9e2; color:var(--muted); text-align:center; }
.platter-archive-toolbar {
  display:grid;
  grid-template-columns:minmax(170px,220px) minmax(260px,1fr) auto auto;
  gap:10px;
  align-items:end;
  margin:16px 0;
}
.platter-archive-toolbar label { display:grid; gap:5px; color:var(--muted); font-size:12px; font-weight:800; }
.platter-archive-table small { display:block; margin-top:4px; color:var(--muted); }
.platter-pagination { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px 0 2px; color:var(--muted); font-size:13px; font-weight:700; }
.platter-pagination-controls { display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:8px; }
.platter-pagination-controls label { display:flex; align-items:center; gap:6px; white-space:nowrap; }
.platter-pagination-controls input {
  width:72px;
  height:36px;
  padding:6px 8px;
  border:1px solid #c9d9e3;
  border-radius:6px;
  background:#fff;
  color:#173247;
  text-align:center;
  font:inherit;
}
.platter-pagination-controls #platterJumpPage { width:64px; }
.platter-detail-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
.platter-detail-grid > div { display:grid; gap:5px; padding:12px; border:1px solid var(--line); background:#f8fbfd; }
.platter-detail-grid small { color:var(--muted); }
.platter-detail-note { display:grid; gap:5px; margin-top:16px; }
.platter-detail-note p { margin:0 0 8px; color:#496579; }
.platter-archive-modal > h2 { padding-right:46px; }
.platter-modal-materials { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:16px; }
.platter-modal-material-head { grid-column:1 / -1; display:flex; align-items:center; justify-content:space-between; gap:12px; }
.platter-modal-material-head h3 { margin:0; }
.platter-modal-material-head span { color:var(--muted); font-size:12px; font-weight:800; }
.platter-modal-material {
  display:block;
  min-width:0;
  padding:10px;
  border:1px solid var(--line);
  border-radius:6px;
  background:#fff;
  color:#173247;
  text-decoration:none;
  transition:border-color .15s ease, box-shadow .15s ease;
}
.platter-modal-material:hover { border-color:#7db6d5; box-shadow:0 5px 14px rgba(26,86,121,.1); }
.platter-modal-material-link { display:grid; grid-template-columns:68px minmax(0,1fr); gap:10px; color:#173247; text-decoration:none; }
.platter-modal-material .platter-material-review { margin-top:9px; padding-top:8px; border-top:1px solid var(--line); }
.platter-modal-cover {
  display:grid;
  width:68px;
  height:68px;
  place-items:center;
  overflow:hidden;
  border-radius:5px;
  background:#e8f2f8;
  color:#17628e;
  font-size:11px;
  font-weight:900;
}
.platter-modal-cover img { width:100%; height:100%; object-fit:cover; }
.platter-modal-copy { display:block; min-width:0; }
.platter-modal-top { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.platter-modal-top i { padding:2px 6px; border-radius:4px; background:#eaf4fa; color:#17628e; font-size:10px; font-style:normal; font-weight:900; }
.platter-modal-top time { color:var(--muted); font-size:10px; white-space:nowrap; }
.platter-modal-copy b {
  display:-webkit-box;
  overflow:hidden;
  margin-top:5px;
  color:#15364d;
  font-size:13px;
  line-height:1.4;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.platter-modal-meta,
.platter-modal-copy em { display:block; overflow:hidden; margin-top:4px; text-overflow:ellipsis; white-space:nowrap; }
.platter-modal-meta { color:var(--muted); font-size:11px; }
.platter-modal-copy em { color:#17628e; font-size:11px; font-style:normal; font-weight:800; }
.modal-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
@media (max-width:1100px) {
  .login-page { padding:28px; }
  .login-shell {
    grid-template-columns:1fr;
    min-height:auto;
    gap:28px;
  }
  .login-hero { min-height:auto; gap:42px; }
  .login-copy { margin-top:20px; }
  .login-copy h2 { font-size:46px; }
  .login-copy p { font-size:36px; }
  .login-card { min-height:auto; }
  .cards { grid-template-columns:repeat(2,minmax(130px,1fr)); }
  .boss-daily-metrics { grid-template-columns:repeat(3,minmax(150px,1fr)); }
  .boss-daily-card-grid { grid-template-columns:repeat(2,minmax(160px,1fr)); }
  .boss-daily-main-grid { grid-template-columns:1fr; }
  .boss-daily-wide { grid-row:auto; }
  .toolbar { grid-template-columns:repeat(2,minmax(140px,1fr)); }
  .product-selection-toolbar { grid-template-columns:repeat(2,minmax(140px,1fr)); }
  .ps-source-status { grid-template-columns:1fr; }
  .ps-ad-toolbar { grid-template-columns:repeat(2,minmax(140px,1fr)); }
  .ps-ad-grid { grid-template-columns:repeat(2,minmax(240px,1fr)); }
  .ps-creative-grid { grid-template-columns:repeat(2,minmax(230px,1fr)); }
  .ps-decision-grid { grid-template-columns:1fr; }
  .ps-affiliate-grid { grid-template-columns:repeat(2,minmax(240px,1fr)); }
  .ps-video-grid { grid-template-columns:repeat(2,minmax(240px,1fr)); }
  .ps-workflow { grid-template-columns:repeat(2,minmax(180px,1fr)); }
  .ps-stock-material-head { flex-direction:column; }
  .ps-stock-material-kpis { width:100%; min-width:0; }
  .ps-stock-product-card { grid-template-columns:1fr; }
  .platter-task-card { grid-template-columns:130px minmax(0,1fr); }
  .platter-task-material { grid-column:1 / -1; border-top:1px solid var(--line); }
  .platter-product-main { border-right:0; }
  .platter-detail-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .business-chart-grid { grid-template-columns:1fr; }
  .outbound-cards { grid-template-columns:repeat(2,minmax(130px,1fr)); }
  .outbound-grid { grid-template-columns:1fr; }
  .unshipped-fields { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:820px) {
  .login-page { padding:18px; }
  .login-brand img { width:78px; height:78px; }
  .login-brand strong { font-size:34px; }
  .login-brand span { font-size:15px; }
  .login-copy h2 { font-size:34px; }
  .login-copy p { font-size:28px; }
  .login-showcase { display:none; }
  .login-card { padding:34px 24px; border-radius:24px; }
  .app-page { display:block; }
  .sidebar {
    position:relative;
    height:auto;
    padding:10px 12px;
    overflow:visible;
  }
  .sidebar .brand {
    gap:10px;
    padding:2px 2px 10px;
  }
  .sidebar .brand img { width:48px; height:48px; padding:4px; }
  .sidebar .brand strong { font-size:20px; }
  .sidebar .brand span { margin-top:2px; font-size:11px; }
  .sidebar .nav {
    display:flex;
    gap:7px;
    margin-top:10px;
    padding-bottom:2px;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
  }
  .sidebar .nav button,
  .sidebar .nav button.nav-quick-entry {
    flex:0 0 auto;
    width:auto;
    min-height:40px;
    margin:0;
    padding:8px 13px;
    white-space:nowrap;
  }
  .sidebar .nav button.has-subnav { padding-right:30px; }
  .main { padding:14px; }
  .top-header { flex-direction:column; }
  .account-menu { left:0; right:auto; }
  .boss-daily-actions { justify-content:flex-start; }
  .boss-daily-metrics,
  .boss-daily-card-grid { grid-template-columns:1fr; padding:12px; }
  .boss-daily-main-grid { padding:12px; }
  .business-chart-grid { padding:12px; gap:12px; }
  .chart-panel { padding:12px; }
  .chart-head { align-items:flex-start; flex-direction:column; }
  .sku-radar-list div { grid-template-columns:1fr; }
  .sku-radar-list small { grid-column:1; }
  .outbound-cards { grid-template-columns:1fr; padding:12px; }
  .outbound-grid { padding:12px; gap:12px; }
  .outbound-page-tabs { padding:12px 12px 0; }
  .outbound-page-tabs button { width:100%; justify-content:space-between; }
  .outbound-page-panel { margin:12px; padding:12px; }
  .unshipped-card-head { grid-template-columns:1fr; align-items:start; }
  .unshipped-fields { grid-template-columns:1fr; }
  .inventory-alert-head { grid-template-columns:1fr; align-items:flex-start; }
  .ps-video-grid,
  .ps-ad-grid,
  .ps-creative-grid,
  .ps-decision-grid,
  .ps-affiliate-grid,
  .ps-workflow { grid-template-columns:1fr; padding:12px; }
  .ps-validation-empty > div { grid-template-columns:1fr; }
  .ps-inspiration-head { align-items:flex-start; padding:18px 16px 14px; }
  .ps-inspiration-head { flex-direction:column; }
  .ps-inspiration-head-actions { width:100%; justify-content:flex-start; }
  .ps-inspiration-head-actions .btn { flex:1 1 145px; }
  .ps-share-flow { margin:14px 16px 0; }
  .ps-inspiration-controls { align-items:stretch; flex-direction:column; margin:12px 16px 0; }
  .ps-inspiration-source-filter { grid-template-columns:1fr; margin:12px 16px 0; }
  .ps-inspiration-status-filter { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ps-inspiration-status-filter button { justify-content:space-between; }
  .ps-inspiration-owner-filter { justify-content:space-between; }
  .ps-inspiration-owner-filter select { min-width:160px; }
  .ps-inspiration-quick-find { align-items:stretch; flex-direction:column; }
  .ps-inspiration-quick-find>label:first-child { justify-content:space-between; }
  .ps-inspiration-quick-find input { width:min(220px,60vw); }
  .ps-ios-shortcut-inline { grid-template-columns:1fr; margin:10px 16px 0; }
  .ps-ios-shortcut-inline .btn { justify-self:start; }
  .ps-inspiration-note { margin:10px 16px 0; }
  .ps-oms-expansion-overview { grid-template-columns:1fr; margin:10px 16px 0; }
  .ps-oms-expansion-overview dl { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ps-inspiration-grid { grid-template-columns:1fr; padding:16px; }
  .ps-inspiration-card { grid-template-columns:1fr; }
  .ps-inspiration-media { min-height:0; height:clamp(200px,65vw,320px); }
  .ps-inspiration-validation > .ps-tiktok-evidence { grid-template-columns:1fr; gap:6px; }
  .ps-tiktok-times { grid-template-columns:1fr; }
  .ps-batch-import-summary { align-items:flex-start; flex-direction:column; }
  .ps-inspiration-content footer { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ps-radar-card-head { align-items:flex-start; flex-wrap:wrap; }
  .ps-radar-score-pair { width:100%; }
  .ps-inspiration-content footer.ps-radar-actions { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ps-stock-material-head { padding:18px 16px 14px; }
  .ps-stock-material-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ps-stock-material-kpis span:nth-child(2) { border-right:0; }
  .ps-stock-material-kpis span:nth-child(-n+2) { border-bottom:1px solid #e2eaf0; }
  .ps-stock-material-source { align-items:flex-start; flex-direction:column; margin:12px 16px 0; }
  .ps-radar-status { align-items:flex-start; flex-direction:column; margin:12px 16px 0; }
  .ps-radar-status span { align-items:flex-start; }
  .ps-radar-status em { white-space:normal; }
  .ps-radar-product { grid-template-columns:1fr; }
  .ps-radar-product small { grid-column:auto; }
  .ps-radar-product > span { justify-self:start; }
  .ps-radar-meta { grid-template-columns:1fr; }
  .ps-stock-material-toolbar { align-items:stretch; flex-direction:column; padding:12px 16px; }
  .ps-stock-material-toolbar > div { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
  .ps-stock-material-toolbar button { padding:6px; }
  .ps-stock-material-list { padding:0 16px 18px; }
  .ps-stock-product-summary { grid-template-columns:86px minmax(0,1fr); padding:12px; }
  .ps-stock-product-image { width:78px; }
  .ps-stock-product-copy dl { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ps-stock-product-copy dl div:nth-child(2) { border-right:0; }
  .ps-stock-product-copy dl div:nth-child(-n+2) { border-bottom:1px solid #e4ebf0; }
  .ps-stock-material-row { grid-template-columns:46px minmax(0,1fr); }
  .ps-stock-material-cover { width:46px; height:46px; }
  .ps-stock-match-meta { grid-column:2; grid-row:2; justify-items:start; grid-auto-flow:column; justify-content:start; }
  .ps-stock-pagination { padding:0 16px 18px; }
  .ps-decision-card { grid-template-columns:1fr; }
  .ps-decision-media { min-height:240px; max-height:420px; }
  .ps-decision-body dl > div { grid-template-columns:1fr; gap:4px; }
  .ps-raw-warning { align-items:flex-start; flex-direction:column; }
  .platter-scope-note,
  .platter-section-head { align-items:flex-start; flex-direction:column; }
  .platter-scope-note .actions { width:100%; }
  .platter-scope-note .btn { flex:1; }
  .platter-task-card { grid-template-columns:1fr; }
  .platter-product-image { min-height:0; aspect-ratio:16 / 9; }
  .platter-product-main dl { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .platter-product-main dl div:nth-child(2) { border-right:0; }
  .platter-product-main dl div:nth-child(-n+2) { border-bottom:1px solid var(--line); }
  .platter-archive-toolbar { grid-template-columns:1fr; }
  .platter-detail-grid { grid-template-columns:1fr; }
  .platter-pagination { align-items:flex-start; flex-direction:column; }
  .platter-pagination-controls { justify-content:flex-start; }
  .platter-modal-materials { grid-template-columns:1fr; }
  .modal-panel.modal-archive { width:min(760px, calc(100vw - 28px)); }
  .modal-grid { grid-template-columns:1fr; }
}

/* Executive operations dashboards */
.executive-kpis {
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:14px;
  margin:0 0 14px;
}
.executive-kpis article {
  position:relative;
  min-width:0;
  min-height:142px;
  overflow:hidden;
  padding:22px 20px 18px;
  border:1px solid #dce7ee;
  border-radius:14px;
  background:linear-gradient(145deg,#fff 54%,#f5f9fb);
  box-shadow:0 10px 28px rgba(24,69,96,.07);
}
.executive-kpis article::before {
  position:absolute;
  top:0;
  right:0;
  left:0;
  height:4px;
  background:var(--metric-accent,#137db5);
  content:"";
}
.executive-kpis article::after {
  position:absolute;
  top:-46px;
  right:-48px;
  width:128px;
  height:128px;
  border-radius:50%;
  background:color-mix(in srgb,var(--metric-accent,#137db5) 9%,transparent);
  content:"";
}
.executive-kpis .tone-blue { --metric-accent:#137db5; }
.executive-kpis .tone-green { --metric-accent:#20a270; }
.executive-kpis .tone-teal { --metric-accent:#23a9aa; }
.executive-kpis .tone-red { --metric-accent:#e66752; }
.executive-kpis .tone-gold { --metric-accent:#efb53d; }
.executive-kpis .tone-slate { --metric-accent:#657f91; }
.executive-kpis label {
  display:block;
  position:relative;
  z-index:1;
  color:#698093;
  font-size:13px;
  font-weight:800;
}
.executive-kpis b {
  display:block;
  position:relative;
  z-index:1;
  margin-top:9px;
  color:#113650;
  font-size:30px;
  line-height:1.08;
  letter-spacing:-.7px;
  overflow-wrap:anywhere;
}
.executive-kpis small {
  display:block;
  position:relative;
  z-index:1;
  margin-top:11px;
  color:#7d8f9e;
  font-size:11px;
  font-weight:700;
  line-height:1.4;
}
.executive-context-strip {
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  margin-bottom:14px;
  overflow:hidden;
  border:1px solid #dde7ed;
  border-radius:12px;
  background:#fff;
  box-shadow:0 8px 24px rgba(24,69,96,.05);
}
.executive-context-strip > span {
  min-width:0;
  padding:14px 17px;
  border-right:1px solid #e6edf2;
}
.executive-context-strip > span:last-child { border-right:0; }
.executive-context-strip small,
.executive-context-strip b,
.executive-context-strip em { display:block; }
.executive-context-strip small {
  color:#7a8c9c;
  font-size:11px;
  font-weight:800;
}
.executive-context-strip b {
  margin-top:5px;
  color:#153b55;
  font-size:20px;
  line-height:1.2;
  overflow-wrap:anywhere;
}
.executive-context-strip em {
  margin-top:4px;
  color:#8796a3;
  font-size:10px;
  font-style:normal;
  font-weight:700;
}
.ops-dashboard-section,
.monitor-dashboard-section,
.decision-detail-section {
  overflow:visible;
  border-color:#dbe6ec;
  background:linear-gradient(180deg,#f8fbfc,#f2f7f9);
  box-shadow:0 12px 36px rgba(23,63,88,.06);
}
.ops-section-head {
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
  padding:22px 22px 18px;
  border-bottom:1px solid #dfe9ee;
}
.ops-section-head > div { min-width:0; }
.ops-section-head small {
  display:block;
  margin-bottom:5px;
  color:#e4a92e;
  font-size:11px;
  font-weight:900;
  letter-spacing:1.2px;
}
.ops-section-head h2 {
  margin:0;
  color:#102f47;
  font-size:22px;
}
.ops-section-head p {
  margin:6px 0 0;
  color:#708597;
  font-size:12px;
  line-height:1.5;
}
.ops-section-head > span {
  flex:0 0 auto;
  padding:7px 11px;
  border:1px solid #c8e0e8;
  border-radius:999px;
  background:#fff;
  color:#137e9b;
  font-size:11px;
  font-weight:900;
  letter-spacing:.4px;
}
.ops-section-head.compact {
  padding:4px 2px 18px;
  border-bottom:0;
}
.ops-section-head.compact h2 { font-size:24px; }
.overview-primary-grid {
  display:grid;
  grid-template-columns:minmax(0,1.65fr) minmax(330px,.72fr);
  gap:14px;
  padding:16px;
}
.ops-visual-card {
  min-width:0;
  padding:18px;
  border:1px solid #dce7ed;
  border-radius:14px;
  background:#fff;
  box-shadow:0 10px 28px rgba(30,69,92,.055);
}

.prediction-backtest-section { display:grid; gap:16px; }
.prediction-backtest-kpis { grid-template-columns:repeat(4,minmax(0,1fr)); }
.prediction-backtest-kpis article { min-height:118px; }
.prediction-backtest-collecting {
  padding:16px 18px;
  border:1px solid #d8e7ef;
  border-radius:14px;
  background:linear-gradient(135deg,#f6fbfe,#fffaf0);
  color:#345267;
}
.prediction-backtest-collecting strong { display:block; margin-bottom:5px; color:#173b53; }
.prediction-backtest-collecting p { margin:0; line-height:1.7; }
.prediction-backtest-alert { padding:12px 16px; border-radius:12px; font-weight:700; }
.prediction-backtest-alert.tone-warning { background:#fff5d8; color:#875d00; }
.prediction-backtest-alert.tone-critical { background:#fff0ed; color:#ad3d2c; }
.prediction-backtest-table table { min-width:780px; }
.ops-card-head {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:15px;
}
.ops-card-head > span { min-width:0; }
.ops-card-head small,
.ops-card-head strong { display:block; }
.ops-card-head small {
  margin-bottom:4px;
  color:#8aa0af;
  font-size:10px;
  font-weight:900;
  letter-spacing:1px;
}
.ops-card-head strong {
  color:#14354e;
  font-size:16px;
}
.ops-card-head > b {
  flex:0 0 auto;
  color:#6f8494;
  font-size:11px;
  font-weight:800;
}
.ops-donut-layout {
  display:grid;
  grid-template-columns:136px minmax(0,1fr);
  align-items:center;
  gap:18px;
  min-height:180px;
}
.ops-donut {
  width:136px;
  height:136px;
  display:grid;
  place-items:center;
  border-radius:50%;
  box-shadow:0 10px 26px rgba(31,90,118,.1);
}
.ops-donut > span {
  display:grid;
  justify-items:center;
}
.ops-donut b {
  color:#14364f;
  font-size:27px;
  line-height:1;
}
.ops-donut small {
  margin-top:6px;
  color:#8394a2;
  font-size:9px;
  font-weight:900;
  letter-spacing:.8px;
}
.ops-donut-legend { display:grid; gap:11px; }
.ops-donut-legend > div {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  color:#5c7182;
  font-size:12px;
}
.ops-donut-legend span {
  display:flex;
  min-width:0;
  align-items:center;
  gap:7px;
}
.ops-donut-legend i {
  width:9px;
  height:9px;
  flex:0 0 auto;
  border-radius:3px;
}
.ops-donut-legend b { color:#19384f; }
.boss-health-banner {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  margin:16px;
  padding:20px 22px;
  border:1px solid #d6e8eb;
  border-left:5px solid var(--health-accent,#1fa371);
  border-radius:13px;
  background:linear-gradient(100deg,#fff,#f3faf9);
}
.boss-health-banner.tone-danger { --health-accent:#e76853; background:linear-gradient(100deg,#fff,#fff6f3); }
.boss-health-banner.tone-watch { --health-accent:#e5aa32; background:linear-gradient(100deg,#fff,#fffbf1); }
.boss-health-banner.tone-good { --health-accent:#1fa371; }
.boss-health-banner > div:first-child { min-width:0; }
.boss-health-banner > div:first-child small {
  color:var(--health-accent);
  font-size:10px;
  font-weight:900;
  letter-spacing:1px;
}
.boss-health-banner > div:first-child strong {
  display:block;
  margin-top:5px;
  color:#15364e;
  font-size:22px;
}
.boss-health-banner p {
  margin:5px 0 0;
  color:#6f8190;
  font-size:12px;
}
.boss-health-stats {
  display:grid;
  grid-template-columns:repeat(3,minmax(86px,1fr));
  flex:0 0 auto;
  overflow:hidden;
  border:1px solid #e1e9ee;
  border-radius:10px;
  background:#fff;
}
.boss-health-stats span {
  padding:10px 15px;
  border-right:1px solid #e6edf1;
  text-align:center;
}
.boss-health-stats span:last-child { border-right:0; }
.boss-health-stats small,
.boss-health-stats b { display:block; }
.boss-health-stats small { color:#8393a0; font-size:10px; font-weight:800; }
.boss-health-stats b { margin-top:3px; color:#16364d; font-size:20px; }
.boss-daily-section > .executive-kpis { padding:0 16px; }
.boss-daily-visual-grid {
  display:grid;
  grid-template-columns:minmax(0,1.55fr) repeat(2,minmax(250px,.72fr));
  gap:14px;
  padding:2px 16px 16px;
}
.decision-overview-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin-bottom:16px;
}
.decision-kpi-card .ops-donut-layout { margin-top:6px; }
.decision-pulse-metrics {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin-bottom:16px;
  overflow:hidden;
  border:1px solid #e1eaef;
  border-radius:10px;
  background:#f8fbfc;
}
.decision-pulse-metrics > span {
  padding:13px;
  border-right:1px solid #e2eaf0;
}
.decision-pulse-metrics > span:last-child { border-right:0; }
.decision-pulse-metrics small,
.decision-pulse-metrics b { display:block; }
.decision-pulse-metrics small { color:#7f919e; font-size:10px; font-weight:800; }
.decision-pulse-metrics b { margin-top:4px; font-size:24px; }
.good { color:#169466 !important; }
.watch { color:#cf8e17 !important; }
.danger { color:#dc5e4b !important; }
.rate-bullet-list { display:grid; gap:13px; }
.rate-bullet-row { min-width:0; }
.rate-bullet-row > div {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:6px;
}
.rate-bullet-row strong {
  overflow:hidden;
  color:#254258;
  font-size:12px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.rate-bullet-row b { font-size:12px; }
.rate-bullet-row > span {
  display:block;
  height:8px;
  overflow:hidden;
  border-radius:999px;
  background:#e9eff3;
}
.rate-bullet-row > span i {
  display:block;
  height:100%;
  border-radius:inherit;
  background:#d4a23a;
}
.rate-bullet-row > span i.good { background:#25a874; }
.rate-bullet-row > span i.watch { background:#e4ab36; }
.rate-bullet-row > span i.danger { background:#e46b58; }
.rate-bullet-row small {
  display:block;
  margin-top:5px;
  overflow:hidden;
  color:#8796a2;
  font-size:10px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.ops-card-note {
  margin:12px 0 0;
  color:#7d919f;
  font-size:10px;
  line-height:1.45;
}
.decision-detail-section { padding:20px; }
.decision-detail-table {
  margin-top:18px;
  border:1px solid #dce7ed;
  border-radius:12px;
  background:#fff;
}
.decision-detail-table > .salesperson-funnel-view,
.decision-detail-table > div:first-child { border-radius:inherit; }
.monitor-dashboard-section { margin-top:14px; }
.monitor-visual-grid {
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);
  gap:14px;
  padding:16px;
}
.monitor-column-chart { min-height:230px; }
.monitor-column-plot {
  height:198px;
  display:flex;
  align-items:stretch;
  gap:9px;
  padding:8px 4px 0;
  border-bottom:1px solid #dfe8ed;
  background:repeating-linear-gradient(to bottom,transparent 0,transparent 48px,#edf2f5 49px);
}
.monitor-column-item {
  min-width:22px;
  flex:1;
  display:grid;
  grid-template-rows:22px minmax(0,1fr) 22px;
  align-items:end;
  justify-items:center;
}
.monitor-column-item b {
  color:#426276;
  font-size:10px;
}
.monitor-column-item > span {
  width:min(30px,72%);
  height:100%;
  display:flex;
  align-items:flex-end;
}
.monitor-column-item i {
  width:100%;
  display:block;
  border-radius:6px 6px 2px 2px;
  background:linear-gradient(180deg,#32b6c7,#137db5);
  box-shadow:0 7px 14px rgba(19,125,181,.16);
}
.monitor-column-item small {
  align-self:center;
  color:#81929e;
  font-size:9px;
  font-weight:800;
}
.monitor-column-chart .chart-legend {
  align-items:center;
  justify-content:space-between;
  margin-top:10px;
}
.monitor-column-chart .chart-legend em {
  color:#93a0aa;
  font-size:10px;
  font-style:normal;
}
.monitor-month-chart { min-width:0; }
.monitor-month-chart-canvas {
  width:100%;
  min-height:260px;
  overflow:hidden;
  border-bottom:1px solid #e4ebef;
  background:linear-gradient(180deg,#fff,#fbfdfe);
}
.monitor-month-chart-canvas canvas {
  width:100%;
  height:260px;
  display:block;
}
.monitor-month-legend {
  display:flex;
  align-items:center;
  gap:17px;
  margin-top:10px;
  color:#617687;
  font-size:11px;
  font-weight:800;
}
.monitor-month-legend span {
  display:flex;
  align-items:center;
  gap:6px;
}
.monitor-month-legend i.daily {
  width:18px;
  height:7px;
  border-radius:3px;
  background:linear-gradient(90deg,#137db5,#31b8c7);
}
.monitor-month-legend i.cumulative {
  width:18px;
  height:3px;
  border-radius:999px;
  background:#e8ad36;
  box-shadow:6px 0 0 -1px #fff,6px 0 0 1px #e8ad36;
}
.monitor-month-legend em {
  margin-left:auto;
  color:#97a4ad;
  font-size:10px;
  font-style:normal;
  font-weight:700;
}
.monitor-month-stats {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin-top:13px;
  overflow:hidden;
  border:1px solid #e4ebef;
  border-radius:10px;
  background:#f8fbfc;
}
.monitor-month-stats > span {
  padding:10px 13px;
  border-right:1px solid #e3ebef;
}
.monitor-month-stats > span:last-child { border-right:0; }
.monitor-month-stats small,
.monitor-month-stats b { display:block; }
.monitor-month-stats small {
  color:#81929f;
  font-size:9px;
  font-weight:800;
}
.monitor-month-stats b {
  margin-top:3px;
  color:#173a52;
  font-size:18px;
}
.monitor-month-stats b i {
  color:#82939f;
  font-size:10px;
  font-style:normal;
}
.monitor-daily-values {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(36px,1fr));
  gap:4px;
  margin-top:10px;
}
.monitor-daily-values > span {
  min-width:34px;
  padding:5px 3px;
  border:1px solid #e5ecef;
  border-radius:6px;
  background:#fff;
  text-align:center;
}
.monitor-daily-values > span.today {
  border-color:#83c8d4;
  background:#eefafb;
  box-shadow:inset 0 0 0 1px rgba(49,184,199,.12);
}
.monitor-daily-values small,
.monitor-daily-values b { display:block; }
.monitor-daily-values small {
  color:#8a9aa6;
  font-size:8px;
  font-weight:800;
}
.monitor-daily-values b {
  margin-top:2px;
  color:#24475d;
  font-size:11px;
}
.monitor-funnel { display:grid; gap:17px; padding:4px 0 0; }
.monitor-funnel-step > div {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.monitor-funnel-step strong { color:#28475c; font-size:12px; }
.monitor-funnel-step b { color:#14374f; font-size:18px; }
.monitor-funnel-step > span {
  display:block;
  height:13px;
  margin-top:7px;
  overflow:hidden;
  border-radius:999px;
  background:#e8eff3;
}
.monitor-funnel-step i {
  display:block;
  height:100%;
  border-radius:inherit;
  background:var(--funnel-color,#137db5);
}
.monitor-funnel-step.tone-blue { --funnel-color:#137db5; }
.monitor-funnel-step.tone-green { --funnel-color:#25a874; }
.monitor-funnel-step.tone-gold { --funnel-color:#efb53d; }
.monitor-funnel-step small {
  display:block;
  margin-top:5px;
  color:#8796a2;
  font-size:10px;
}
.business-funnel-section > h2,
.business-actions-section > h2,
.business-chart-section > .ops-section-head {
  border-bottom:1px solid #e1e9ee;
}
.business-funnel {
  padding:18px;
  gap:14px;
  background:linear-gradient(180deg,#f9fcfd,#f3f8fa);
}
.funnel-step {
  border-radius:12px;
  box-shadow:0 7px 18px rgba(25,65,89,.045);
}
.business-chart-grid { padding:18px; gap:14px; background:linear-gradient(180deg,#f9fcfd,#f3f8fa); }
.chart-panel { border-radius:12px; box-shadow:0 7px 18px rgba(25,65,89,.045); }

.business-pay-cycle-section {
  overflow:hidden;
  background:linear-gradient(180deg,#fff 0,#fbfdfd 100%);
}
.business-pay-cycle-section > .business-data-control { margin:0 18px 16px; }
.business-pay-cycle-section .pay-cycle-kpis {
  grid-template-columns:repeat(4,minmax(0,1fr));
  padding:0 18px 16px;
}
.pay-cycle-period-table,
.pay-cycle-candidate-table,
.pay-cycle-monthly-table { margin:0 18px 18px; }
.pay-cycle-period-table table,
.pay-cycle-candidate-table table,
.pay-cycle-monthly-table table { min-width:880px; }
.pay-cycle-period-table td small,
.pay-cycle-candidate-table td small {
  display:block;
  margin-top:4px;
  color:#80939f;
  font-size:10px;
  font-weight:600;
}
.pay-cycle-evidence-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  padding:0 18px 18px;
}
.pay-cycle-evidence-grid article {
  min-width:0;
  padding:16px;
  border:1px solid #dfe9ee;
  border-radius:13px;
  background:#fff;
  box-shadow:0 7px 18px rgba(25,65,89,.045);
}
.pay-cycle-evidence-grid strong { color:#1c455d; font-size:13px; }
.pay-cycle-evidence-grid p {
  margin:8px 0;
  color:#405f70;
  font-size:12px;
  line-height:1.65;
}
.pay-cycle-evidence-grid small {
  color:#7b909c;
  font-size:10px;
  line-height:1.55;
}
.pay-cycle-candidate-head {
  margin:0 18px;
  padding:16px 0 12px;
  border-top:1px solid #e1e9ee;
}
.pay-cycle-monthly-head { margin:0 18px 10px; }
.pay-cycle-decision {
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  padding:3px 9px;
  background:#eef3f7;
  color:#536b7c;
  font-size:11px;
  font-weight:900;
  white-space:nowrap;
}
.pay-cycle-decision.executable { background:#dff6e9; color:#167047; }
.pay-cycle-decision.capacity_caution { background:#fff1c9; color:#805b00; }
.pay-cycle-decision.capacity_blocked { background:#ffe1e1; color:#aa2b25; }
.pay-cycle-decision.evidence_rejected { background:#edf1f4; color:#657784; }
.pay-cycle-empty { margin:0 18px 18px; }

@media (max-width:1100px) {
  .business-pay-cycle-section .pay-cycle-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .pay-cycle-evidence-grid { grid-template-columns:1fr; }
}

@media (max-width:640px) {
  .business-pay-cycle-section > .business-data-control,
  .pay-cycle-period-table,
  .pay-cycle-candidate-table,
  .pay-cycle-monthly-table,
  .pay-cycle-monthly-head,
  .pay-cycle-candidate-head,
  .pay-cycle-empty { margin-left:12px; margin-right:12px; }
  .business-pay-cycle-section .pay-cycle-kpis { grid-template-columns:1fr; padding:0 12px 14px; }
  .pay-cycle-evidence-grid { padding:0 12px 14px; }
}

.competitor-region-tabs {
  margin:0 0 12px;
  padding:6px;
  width:max-content;
  max-width:100%;
  border:1px solid #dce7ed;
  border-radius:11px;
  background:#edf5f8;
}
.competitor-region-tabs button {
  min-width:145px;
  justify-content:center;
  cursor:pointer;
}

.competitor-filter-controls { margin-bottom:14px; }
.competitor-filter-controls .competitor-toolbar { margin-bottom:0; }
.competitor-workspace-nav {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:0 0 12px;
  padding:6px;
  border:1px solid #dbe7ec;
  border-radius:15px;
  background:#f1f6f8;
}
.competitor-workspace-nav.competitor-source-aware { grid-template-columns:repeat(4,minmax(0,1fr)); }
.competitor-workspace-nav button {
  position:relative;
  display:grid;
  min-width:0;
  gap:3px;
  min-height:70px;
  padding:13px 48px 12px 14px;
  border:1px solid transparent;
  border-radius:11px;
  background:transparent;
  color:#234a60;
  text-align:left;
  cursor:pointer;
}
.competitor-workspace-nav button span { font-size:14px; font-weight:900; }
.competitor-workspace-nav button small {
  overflow:hidden;
  color:#78909c;
  font-size:9px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.competitor-workspace-nav button b {
  position:absolute;
  top:50%;
  right:14px;
  min-width:28px;
  padding:5px 7px;
  border-radius:999px;
  background:#e0ecef;
  color:#4b6d7a;
  font-size:10px;
  text-align:center;
  transform:translateY(-50%);
}
.competitor-workspace-nav button:hover { background:#fff; }
.competitor-workspace-nav button.active {
  border-color:#b9d8df;
  background:#fff;
  box-shadow:0 6px 18px rgba(25,75,97,.08);
}
.competitor-workspace-nav button.active span { color:#087c91; }
.competitor-workspace-nav.admin button.active span { color:#155c87; }
.competitor-radar-brief,
.competitor-operations-brief {
  display:grid;
  grid-template-columns:minmax(280px,1.4fr) auto auto;
  align-items:center;
  gap:18px;
  margin:0 0 14px;
  padding:16px 18px;
  border:1px solid #c9e2e6;
  border-radius:13px;
  background:linear-gradient(135deg,#f3fbfa,#f5f9fc);
}
.competitor-radar-brief > div,
.competitor-operations-brief > div { display:grid; gap:3px; }
.competitor-radar-brief small,
.competitor-operations-brief small { color:#15919a; font-size:9px; font-weight:900; letter-spacing:.1em; }
.competitor-radar-brief strong,
.competitor-operations-brief strong { color:#174f65; font-size:15px; }
.competitor-radar-brief span,
.competitor-operations-brief span { color:#6f8792; font-size:10px; line-height:1.5; }
.competitor-radar-brief dl,
.competitor-operations-brief dl { display:grid; grid-template-columns:repeat(3,78px); gap:7px; margin:0; }
.competitor-radar-brief dl div,
.competitor-operations-brief dl div { padding:8px; border-radius:9px; background:#fff; text-align:center; }
.competitor-radar-brief dt,
.competitor-operations-brief dt { color:#0b7f96; font-size:17px; font-weight:900; }
.competitor-radar-brief dd,
.competitor-operations-brief dd { margin:2px 0 0; color:#78909b; font-size:8px; }
.competitor-radar-brief.needs-preference { border-style:dashed; }
.competitor-management-tabs {
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin:0 0 12px;
}
.competitor-management-tabs button {
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:7px 10px;
  border:1px solid #d7e4e9;
  border-radius:999px;
  background:#fff;
  color:#536e7b;
  font-size:10px;
  font-weight:800;
  cursor:pointer;
}
.competitor-management-tabs button b { color:#8497a0; font-size:9px; }
.competitor-management-tabs button.active { border-color:#258ba2; background:#eaf7f8; color:#146d81; }
.competitor-management-insight { margin:0 0 12px; border:1px solid #dce7eb; border-radius:10px; background:#f8fbfc; }
.competitor-management-insight > summary { padding:10px 12px; color:#55717e; font-size:10px; font-weight:850; cursor:pointer; }
.competitor-management-insight .competitor-effectiveness-panel { margin:0; border:0; border-top:1px solid #e1eaed; border-radius:0 0 10px 10px; }
.competitor-operations-brief { margin-bottom:14px; border-color:#d8e2e8; background:linear-gradient(135deg,#f7f9fb,#eef5f8); }
.competitor-mission-nav {
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:12px;
  margin:0 0 16px;
}
.competitor-mission-nav button {
  position:relative;
  display:grid;
  min-width:0;
  gap:5px;
  min-height:72px;
  padding:15px 48px 14px 16px;
  border:1px solid #d8e5eb;
  border-radius:13px;
  background:#fff;
  color:#173e54;
  text-align:left;
  cursor:pointer;
}
.competitor-mission-nav button strong { font-size:14px; line-height:1.25; }
.competitor-mission-nav button span {
  overflow:hidden;
  color:#7b909b;
  font-size:10px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.competitor-mission-nav button b {
  position:absolute;
  top:50%;
  right:14px;
  min-width:28px;
  padding:5px 7px;
  border-radius:999px;
  background:#edf4f7;
  color:#4b6b7b;
  font-size:11px;
  text-align:center;
  transform:translateY(-50%);
}
.competitor-mission-nav button.active {
  border-color:#1687a8;
  background:linear-gradient(135deg,#0d6ca8,#159b96);
  color:#fff;
  box-shadow:0 7px 18px rgba(13,108,168,.16);
}
.competitor-mission-nav button.active span { color:rgba(255,255,255,.78); }
.competitor-mission-nav button.active b { background:rgba(255,255,255,.2); color:#fff; }
.competitor-task-workbench {
  display:grid;
  grid-template-columns:minmax(220px,.9fr) minmax(480px,1.6fr);
  gap:16px;
  margin:0 0 12px;
  padding:15px;
  border:1px solid #cfe3e8;
  border-radius:12px;
  background:linear-gradient(135deg,#0d4364,#0b7181);
  color:#fff;
}
.competitor-task-workbench > div { display:grid; align-content:center; gap:3px; }
.competitor-task-workbench small { color:#62d9d6; font-size:8px; font-weight:900; letter-spacing:.11em; }
.competitor-task-workbench strong { font-size:16px; }
.competitor-task-workbench > div span { color:rgba(255,255,255,.68); font-size:9px; }
.competitor-task-workbench dl { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:7px; margin:0; }
.competitor-task-workbench button {
  display:grid;
  place-items:center;
  gap:2px;
  min-width:0;
  padding:9px 5px;
  border:1px solid rgba(255,255,255,.17);
  border-radius:9px;
  background:rgba(255,255,255,.08);
  color:#fff;
  cursor:pointer;
}
.competitor-task-workbench dt { font-size:17px; font-weight:900; }
.competitor-task-workbench dd { margin:0; color:rgba(255,255,255,.72); font-size:8px; }
.competitor-task-workbench.has-overdue button[data-competitor-mission-view="overdue"] {
  border-color:#ffc35e;
  background:#f3aa29;
  color:#173f56;
}
.competitor-personalization-panel,
.competitor-effectiveness-panel {
  display:flex;
  align-items:center;
  gap:14px;
  margin:0 0 12px;
  padding:12px 14px;
  border:1px solid #cfe4e8;
  border-radius:11px;
  background:linear-gradient(135deg,#f2fbfa,#f5f9fd);
}
.competitor-effectiveness-panel { flex-wrap:wrap; }
.competitor-outcome-categories {
  display:flex;
  flex:1 1 100%;
  align-items:center;
  gap:7px;
  padding-top:8px;
  border-top:1px solid #d7e8eb;
}
.competitor-outcome-categories > small { color:#6a8290; font-weight:900; }
.competitor-outcome-categories > span {
  padding:5px 8px;
  border-radius:999px;
  background:#fff;
  color:#617b89;
  font-size:9px;
}
.competitor-outcome-categories b { margin-right:4px; color:#1d5369; }
.competitor-personalization-panel > div:first-child { display:grid; gap:3px; margin-right:auto; }
.competitor-personalization-panel strong { color:#18566d; font-size:12px; }
.competitor-personalization-panel > div:first-child span { color:#718895; font-size:9px; }
.competitor-personalization-panel > div:first-child small { color:#5f7e8a; font-size:8px; }
.competitor-personalization-panel > div:first-child .btn {
  justify-self:start;
  margin-top:3px;
}
.competitor-personalization-panel.learning { border-style:dashed; }
.competitor-product-request-panel {
  display:grid;
  gap:18px;
  margin:0 0 18px;
  padding:20px;
  border:1px solid #b5dce4;
  border-radius:16px;
  background:linear-gradient(145deg,#edf9fb 0%,#f8fbfd 52%,#fff 100%);
  box-shadow:0 8px 26px rgba(25,92,118,.07);
}
.competitor-product-request-intro { display:grid; grid-template-columns:minmax(300px,.8fr) minmax(560px,1.65fr) auto; align-items:center; gap:18px; }
.competitor-product-request-copy { display:grid; gap:5px; }
.competitor-product-request-copy small { color:#11879b; font-size:10px; font-weight:900; letter-spacing:.11em; }
.competitor-product-request-copy strong { color:#114b64; font-size:20px; line-height:1.3; }
.competitor-product-request-copy span { color:#607b89; font-size:12px; line-height:1.6; }
.competitor-product-request-create { min-height:48px; padding:0 20px; white-space:nowrap; }
.competitor-request-mode-shortcuts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.competitor-request-mode-shortcuts button { display:grid; gap:5px; min-width:0; min-height:72px; padding:12px 14px; border:1px solid #c7e0e6; border-radius:11px; background:#fff; color:#214f66; text-align:left; cursor:pointer; transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease; }
.competitor-request-mode-shortcuts button:hover { border-color:#1591a0; box-shadow:0 7px 18px rgba(16,123,145,.12); transform:translateY(-1px); }
.competitor-request-mode-shortcuts b { font-size:12px; line-height:1.35; }
.competitor-request-mode-shortcuts span { color:#738b97; font-size:10px; line-height:1.4; }
.competitor-product-request-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; padding-top:16px; border-top:1px solid #d7e8ec; }
.competitor-product-request-list-heading { display:flex; grid-column:1 / -1; align-items:flex-end; justify-content:space-between; gap:18px; padding:0 2px; }
.competitor-product-request-list-heading > div { display:grid; gap:3px; }
.competitor-product-request-list-heading strong { color:#173f54; font-size:16px; }
.competitor-product-request-list-heading span,.competitor-product-request-list-heading small { color:#728a96; font-size:11px; }
.competitor-product-request-list article {
  display:grid;
  grid-template-columns:70px minmax(0,1fr);
  align-items:start;
  gap:14px;
  min-width:0;
  padding:16px;
  border:1px solid #d4e6eb;
  border-radius:13px;
  background:#fff;
  box-shadow:0 5px 18px rgba(28,83,105,.06);
}
.competitor-product-request-media { display:grid; place-items:center; }
.competitor-product-request-list img,.competitor-product-request-placeholder { width:70px; height:70px; border-radius:12px; object-fit:cover; }
.competitor-product-request-placeholder { display:grid; place-items:center; background:linear-gradient(145deg,#dff2f4,#eef8f9); color:#168297; font-size:12px; font-weight:900; }
.competitor-product-request-body { display:grid; min-width:0; gap:7px; }
.competitor-product-request-list article header { display:flex; align-items:flex-start; gap:8px; min-width:0; }
.competitor-product-request-list article header strong { flex:1; }
.competitor-product-request-list article header i { flex:none; padding:5px 8px; border-radius:999px; background:#edf7f8; color:#168297; font-size:9px; font-style:normal; font-weight:850; white-space:nowrap; }
.competitor-product-request-list article header strong { min-width:0; overflow:hidden; color:#173f54; font-size:14px; line-height:1.4; text-overflow:ellipsis; white-space:nowrap; }
.competitor-product-request-meta { margin:0; overflow:hidden; color:#6f8793; font-size:11px; line-height:1.45; text-overflow:ellipsis; white-space:nowrap; }
.competitor-product-request-status { display:flex; align-items:center; gap:8px; min-width:0; }
.competitor-product-request-status b { flex:none; color:#138094; font-size:11px; }
.competitor-product-request-status span { min-width:0; overflow:hidden; color:#68828f; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.competitor-request-result-title { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:2px; }
.competitor-request-result-title em { color:#137f92; font-size:11px; font-style:normal; font-weight:900; }
.competitor-request-result-title small { color:#84969f; font-size:9px; }
.competitor-request-empty { padding:12px; border-radius:9px; background:#f5f9fa; color:#6f8793; font-size:11px; line-height:1.5; }
.competitor-request-matches { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; min-width:0; }
.competitor-request-matches button { display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; gap:3px 6px; min-width:0; padding:8px 9px; border:1px solid #c5dfe5; border-radius:9px; background:#f3fafb; color:#08758e; font:inherit; text-align:left; cursor:pointer; transition:border-color .16s ease,background .16s ease,transform .16s ease; }
.competitor-request-matches button b { grid-row:1 / span 2; align-self:center; padding:3px 5px; border-radius:999px; background:#16879b; color:#fff; font-size:8px; white-space:nowrap; }
.competitor-request-matches button > span { min-width:0; overflow:hidden; font-size:10px; font-weight:900; text-overflow:ellipsis; white-space:nowrap; }
.competitor-request-matches button > small { color:#6b8491; font-size:8px; font-weight:750; }
.competitor-request-matches button:hover { border-color:#168ba0; background:#e7f7f8; transform:translateY(-1px); }
.competitor-request-materials { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; min-width:0; }
.competitor-request-materials a { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:6px; min-width:0; padding:8px 9px; border:1px solid #add8cf; border-radius:9px; background:#effaf7; color:#08758e; text-decoration:none; transition:border-color .16s ease,background .16s ease,transform .16s ease; }
.competitor-request-materials a b { padding:3px 6px; border-radius:999px; background:#169a7b; color:#fff; font-size:8px; white-space:nowrap; }
.competitor-request-materials a span { min-width:0; overflow:hidden; font-size:10px; font-weight:900; text-overflow:ellipsis; white-space:nowrap; }
.competitor-request-materials a small { color:#5d8077; font-size:8px; font-weight:750; white-space:nowrap; }
.competitor-request-materials a:hover { border-color:#138f76; background:#e2f6f1; transform:translateY(-1px); }
.competitor-request-progress { height:6px; overflow:hidden; border-radius:999px; background:#e6eff2; }
.competitor-request-progress i { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#0f7da7,#16aa92); }
.competitor-preference-editor { display:grid; gap:12px; }
.competitor-preference-editor > small { color:#16829a; font-weight:900; letter-spacing:.12em; }
.competitor-preference-editor h2,
.competitor-preference-editor p { margin:0; }
.competitor-preference-editor p { color:#687f8e; font-size:13px; line-height:1.55; }
.competitor-preference-editor form { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.competitor-preference-editor form > button,
.competitor-preference-editor form > .form-error { grid-column:1 / -1; }
.competitor-preference-editor fieldset {
  margin:0;
  padding:10px 12px 12px;
  border:1px solid #d9e7ec;
  border-radius:10px;
}
.competitor-preference-editor legend { padding:0 5px; color:#214f66; font-size:12px; font-weight:900; }
.competitor-preference-editor fieldset > div { display:flex; flex-wrap:wrap; gap:7px; }
.competitor-preference-editor fieldset label {
  display:flex;
  align-items:center;
  gap:5px;
  padding:6px 8px;
  border:1px solid #d8e6ea;
  border-radius:999px;
  background:#f7fbfc;
  color:#375d70;
  font-size:11px;
  font-weight:800;
}
.competitor-product-request-editor { display:grid; gap:12px; }
.competitor-product-request-editor > small { color:#16829a; font-weight:900; letter-spacing:.12em; }
.competitor-product-request-editor h2,
.competitor-product-request-editor p { margin:0; }
.competitor-product-request-editor p { color:#687f8e; font-size:13px; line-height:1.55; }
.competitor-product-request-editor form { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.competitor-product-request-editor .field { display:grid; gap:5px; }
.competitor-product-request-editor .field label,
.competitor-product-request-editor legend { color:#214f66; font-size:12px; font-weight:900; }
.competitor-product-request-editor input:not([type="checkbox"]):not([type="radio"]),
.competitor-product-request-editor textarea {
  width:100%;
  height:auto;
  min-height:44px;
  padding:10px 12px;
  border:1px solid #d2e2e8;
  border-radius:9px;
  line-height:1.4;
}
.competitor-product-request-editor textarea { min-height:88px; resize:vertical; }
.competitor-product-request-editor input[type="checkbox"],
.competitor-product-request-editor input[type="radio"] {
  flex:0 0 auto;
  width:16px;
  height:16px;
  min-height:0;
  margin:0;
  padding:0;
  accent-color:#118aa0;
}
.competitor-product-request-editor fieldset { margin:0; padding:10px 12px 12px; border:1px solid #d9e7ec; border-radius:10px; }
.competitor-product-request-editor fieldset > div { display:flex; flex-wrap:wrap; gap:7px; }
.competitor-product-request-editor fieldset label { display:flex; align-items:center; gap:5px; padding:6px 8px; border:1px solid #d8e6ea; border-radius:999px; background:#f7fbfc; color:#375d70; font-size:11px; font-weight:800; }
.competitor-product-request-editor form > button,
.competitor-product-request-editor form > .form-error { grid-column:1 / -1; }
.competitor-request-file-name { color:#78909b; font-size:9px; }
.competitor-product-request-editor .wide { grid-column:1 / -1; }
.competitor-request-brief { display:grid; grid-column:1 / -1; gap:4px; padding:12px 14px; border:1px solid #9ed7d5; border-radius:10px; background:#edfafa; }
.competitor-request-brief small { color:#118796; font-size:8px; font-weight:900; letter-spacing:.1em; }
.competitor-request-brief strong { color:#123f55; font-size:14px; }
.competitor-request-brief p,.competitor-request-brief span { margin:0; color:#5d7784; font-size:10px; line-height:1.5; }
.competitor-finder-launcher,.competitor-finder-assist { display:grid; gap:12px; }
.competitor-finder-launcher > small,.competitor-finder-assist > small { color:#14889b; font-weight:900; letter-spacing:.12em; }
.competitor-finder-launcher h2,.competitor-finder-launcher p,.competitor-finder-assist h2,.competitor-finder-assist p { margin:0; }
.competitor-finder-launcher p,.competitor-finder-assist p { color:#657e8b; line-height:1.55; }
.competitor-finder-modes,.competitor-finder-assist > div { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.competitor-finder-modes button,.competitor-finder-assist > div button { display:grid; align-content:start; gap:6px; min-height:150px; padding:16px; border:1px solid #d4e6ea; border-radius:12px; background:linear-gradient(145deg,#fff,#f2fafb); color:#163f55; text-align:left; cursor:pointer; }
.competitor-finder-modes button:hover,.competitor-finder-assist > div button:hover { border-color:#1695a1; transform:translateY(-1px); box-shadow:0 8px 20px rgba(18,119,144,.12); }
.competitor-finder-modes b,.competitor-finder-assist > div b { color:#1aa0a5; font-size:18px; }
.competitor-finder-modes strong,.competitor-finder-assist > div strong { font-size:15px; }
.competitor-finder-modes span,.competitor-finder-assist > div span { color:#6d8490; font-size:10px; line-height:1.5; }
.competitor-finder-modes em { margin-top:auto; color:#117ca0; font-size:10px; font-style:normal; font-weight:900; }
.competitor-quick-claim,.competitor-skip-correction { display:grid; min-width:0; gap:12px; }
.competitor-quick-claim > small,.competitor-skip-correction > small { color:#14889b; font-weight:900; letter-spacing:.12em; }
.competitor-quick-claim h2,.competitor-quick-claim p,.competitor-skip-correction h2,.competitor-skip-correction p { margin:0; }
.competitor-quick-claim h2 { padding-right:48px; overflow-wrap:anywhere; }
.competitor-quick-claim p,.competitor-skip-correction p { color:#667e8b; line-height:1.55; }
.competitor-quick-claim form { display:grid; gap:10px; }
.competitor-quick-claim form > label { display:grid; min-width:0; gap:6px; color:#214f66; font-weight:850; line-height:1.35; }
.competitor-quick-claim select,.competitor-quick-claim input {
  display:block;
  width:100%;
  height:auto;
  min-height:48px;
  padding:11px 12px;
  border:1px solid #d2e2e8;
  border-radius:9px;
  line-height:1.4;
}
.competitor-quick-claim select { padding-right:38px; }
.competitor-quick-claim-price { display:flex; min-width:0; align-items:center; justify-content:space-between; gap:12px; min-height:48px; padding:11px 12px; border-radius:9px; background:#edf8f8; }
.competitor-quick-claim-price span { color:#6c8490; }
.competitor-quick-claim-price strong { min-width:0; color:#137a8e; text-align:right; overflow-wrap:anywhere; }
.competitor-quick-claim-actions,.competitor-skip-correction > div { display:flex; flex-wrap:wrap; gap:8px; }
@media (max-width:1280px) {
  .competitor-product-request-intro { grid-template-columns:1fr; }
  .competitor-product-request-create { justify-self:start; }
  .competitor-product-request-list { grid-template-columns:1fr; }
}
@media (max-width:760px) {
  .competitor-preference-editor form { grid-template-columns:1fr; }
  .competitor-preference-editor form > button,
  .competitor-preference-editor form > .form-error { grid-column:auto; }
  .competitor-product-request-panel { padding:14px; }
  .competitor-product-request-list { grid-template-columns:1fr; }
  .competitor-product-request-list-heading { align-items:flex-start; flex-direction:column; gap:4px; }
  .competitor-product-request-list article { grid-template-columns:54px minmax(0,1fr); padding:12px; }
  .competitor-product-request-list img,.competitor-product-request-placeholder { width:54px; height:54px; }
  .competitor-request-matches { grid-template-columns:1fr; }
  .competitor-request-materials { grid-template-columns:1fr; }
  .competitor-product-request-editor form { grid-template-columns:1fr; }
  .competitor-product-request-editor form > button,
  .competitor-product-request-editor form > .form-error { grid-column:auto; }
  .competitor-product-request-editor .wide,.competitor-request-brief { grid-column:auto; }
  .competitor-request-mode-shortcuts,.competitor-finder-modes,.competitor-finder-assist > div { grid-template-columns:1fr; }
  .competitor-finder-modes button,.competitor-finder-assist > div button { min-height:0; }
}
.competitor-daily-quota {
  display:grid;
  gap:2px;
  min-width:260px;
  padding:8px 11px;
  border:1px solid #c9e5e5;
  border-radius:9px;
  background:rgba(255,255,255,.82);
}
.competitor-daily-quota span {
  display:flex;
  align-items:baseline;
  gap:5px;
  color:#3f6977;
  font-size:9px;
  font-weight:800;
}
.competitor-daily-quota span b { color:#087c94; font-size:18px; line-height:1; }
.competitor-daily-quota em {
  color:#365f6d;
  font-size:9px;
  font-style:normal;
  font-weight:750;
}
.competitor-daily-quota small { color:#81949e; font-size:8px; }
.competitor-personalization-mix { display:grid; grid-template-columns:auto auto; align-items:baseline; gap:1px 5px; }
.competitor-personalization-mix b { color:#118b93; font-size:15px; }
.competitor-personalization-mix span { color:#718895; font-size:8px; }
.competitor-preference-tags { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:5px; }
.competitor-preference-tags span { padding:5px 8px; border-radius:999px; background:#fff; color:#496d7b; font-size:8px; font-weight:750; }
.competitor-effectiveness-panel { align-items:stretch; flex-direction:column; border-color:#dbe5ea; background:#f8fafb; }
.competitor-effectiveness-panel > div { margin-right:0; }
.competitor-effectiveness-panel small { color:#80929c; font-size:8px; }
.competitor-effectiveness-panel strong { color:#173f56; font-size:11px; }
.competitor-funnel-title { display:flex; align-items:baseline; gap:9px; }
.competitor-funnel-title strong { margin-right:auto; }
.competitor-funnel-title span { color:#65808d; font-size:8px; }
.competitor-funnel-stages { display:grid; grid-template-columns:repeat(11,auto); align-items:center; justify-content:space-between; gap:6px; }
.competitor-funnel-stages span { display:grid; gap:1px; min-width:72px; color:#718895; font-size:8px; text-align:center; }
.competitor-funnel-stages span b { color:#0b789f; font-size:15px; }
.competitor-funnel-stages i { color:#a7bac3; font-style:normal; }
.competitor-funnel-alerts { display:flex; flex-wrap:wrap; gap:6px; }
.competitor-funnel-alerts span { padding:5px 8px; border-radius:999px; background:#fff; color:#67808c; font-size:8px; }
.competitor-funnel-alerts span.warn { background:#fff0df; color:#b46118; }
.competitor-advanced-filters {
  border:1px solid #dce7ed;
  border-radius:11px;
  background:#f8fbfc;
}
.competitor-advanced-filters > summary {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:10px 13px;
  color:#3f6172;
  font-size:11px;
  font-weight:800;
  cursor:pointer;
  list-style:none;
}
.competitor-advanced-filters > summary::-webkit-details-marker { display:none; }
.competitor-advanced-filters > summary span { color:#8a9aa3; font-size:8px; font-weight:650; }
.competitor-advanced-filters[open] > summary { border-bottom:1px solid #dfe9ee; }
.competitor-advanced-filters .competitor-toolbar { border:0; border-radius:0 0 11px 11px; }
.competitor-filter-floating {
  position:fixed;
  right:24px;
  bottom:24px;
  z-index:58;
  display:flex;
  align-items:center;
  gap:8px;
  opacity:0;
  pointer-events:none;
  transform:translateY(14px);
  transition:opacity .16s ease, transform .16s ease;
}
.competitor-filter-floating.is-visible {
  opacity:1;
  pointer-events:auto;
  transform:translateY(0);
}
.competitor-filter-fab,
.competitor-filter-top {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  border:1px solid #0d679e;
  border-radius:23px;
  background:#0d6ca8;
  color:#fff;
  font-family:inherit;
  font-size:14px;
  font-weight:800;
  line-height:1;
  box-shadow:0 8px 22px rgba(12,74,111,.24);
  cursor:pointer;
}
.competitor-filter-fab { gap:8px; padding:0 18px; }
.competitor-filter-fab b {
  display:inline-grid;
  place-items:center;
  min-width:22px;
  height:22px;
  padding:0 6px;
  border-radius:11px;
  background:#fff;
  color:#0d679e;
  font-size:11px;
}
.competitor-filter-top {
  width:46px;
  padding:0;
  border-color:#d4e1e8;
  background:#fff;
  color:#31586f;
  font-size:20px;
}
.competitor-filter-drawer {
  position:fixed;
  inset:0;
  z-index:90;
  display:flex;
  justify-content:flex-end;
  visibility:hidden;
  background:rgba(13,39,56,.28);
  opacity:0;
  pointer-events:none;
  transition:opacity .16s ease, visibility .16s ease;
}
.competitor-filter-drawer.is-open {
  visibility:visible;
  opacity:1;
  pointer-events:auto;
}
.competitor-filter-drawer > aside {
  width:min(520px,calc(100vw - 24px));
  height:100%;
  padding:20px;
  overflow-y:auto;
  background:#f6fafc;
  box-shadow:-16px 0 40px rgba(13,49,72,.2);
  transform:translateX(100%);
  transition:transform .2s ease;
}
.competitor-filter-drawer.is-open > aside { transform:translateX(0); }
.competitor-filter-drawer > aside > header {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:16px;
}
.competitor-filter-drawer > aside > header div { display:grid; gap:4px; }
.competitor-filter-drawer > aside > header strong { color:#123b55; font-size:22px; }
.competitor-filter-drawer > aside > header span { color:#718693; font-size:12px; }
.competitor-filter-drawer > aside > header button {
  width:38px;
  height:38px;
  border:1px solid #d8e4ea;
  border-radius:10px;
  background:#fff;
  color:#355b70;
  font-size:25px;
  line-height:1;
  cursor:pointer;
}
.competitor-filter-drawer-regions {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-bottom:14px;
  padding:5px;
  border:1px solid #dce7ed;
  border-radius:12px;
  background:#eaf3f7;
}
.competitor-filter-drawer-regions button {
  min-height:40px;
  border:0;
  border-radius:9px;
  background:transparent;
  color:#31586f;
  font-weight:800;
  cursor:pointer;
}
.competitor-filter-drawer-regions button.active {
  background:#0d6ca8;
  color:#fff;
}
.competitor-drawer-toolbar {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:end;
  gap:12px;
  padding:16px;
  border:1px solid #dce7ed;
  border-radius:14px;
  background:#fff;
}
.competitor-drawer-toolbar .field { min-width:0; }
.competitor-drawer-toolbar .field.keyword { grid-column:1 / -1; }

.competitor-toolbar {
  display:flex;
  flex-wrap:wrap;
  align-items:flex-end;
  gap:10px;
  padding:16px;
  margin-bottom:14px;
  overflow:visible;
  border:1px solid #dfe8ee;
  border-radius:13px;
  background:#fff;
}
.competitor-toolbar .field { min-width:135px; }
.competitor-toolbar .field.keyword { min-width:220px; flex:1; }
.competitor-toolbar .field.compact { min-width:105px; }
.competitor-toolbar label,
.competitor-token-form label { display:grid; gap:6px; color:#647987; font-size:11px; font-weight:800; }
.competitor-toolbar select,
.competitor-toolbar input {
  height:38px;
  padding:0 11px;
  border:1px solid #d6e1e7;
  border-radius:8px;
  background:#fff;
  color:#19394f;
}
.competitor-country-coverage {
  display:inline-flex;
  align-items:center;
  margin-left:8px;
  padding:3px 7px;
  border-radius:999px;
  background:#edf6fa;
  color:#427086;
  font-size:9px;
  font-weight:800;
}
.competitor-kpis {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(145px,1fr));
  gap:16px;
  margin-bottom:18px;
}
.competitor-kpis.personal {
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.competitor-kpis article,
.competitor-kpis button {
  min-height:122px;
  padding:20px;
  border:1px solid #dfe8ee;
  border-radius:15px;
  background:linear-gradient(145deg,#fff,#f7fbfd);
  box-shadow:0 7px 20px rgba(27,68,92,.045);
  text-align:left;
}
.competitor-kpis small,
.competitor-kpis strong,
.competitor-kpis span { display:block; }
.competitor-kpis small { color:#657c8b; font-size:13px; font-weight:800; }
.competitor-kpis strong { margin:10px 0 6px; color:#133b58; font-size:32px; line-height:1; }
.competitor-kpis span { color:#7d919d; font-size:11px; line-height:1.45; }
.competitor-kpi-action { font:inherit; cursor:pointer; }
.competitor-kpi-action:hover,
.competitor-kpi-action:focus-visible,
.competitor-kpi-action.active {
  border-color:#6eb4cf;
  background:linear-gradient(145deg,#f6fcff,#eaf7fb);
  box-shadow:0 0 0 3px rgba(44,143,181,.12),0 10px 24px rgba(27,68,92,.08);
  outline:none;
}
.competitor-kpi-action.personal {
  min-height:92px;
}
.competitor-kpi-action.personal small::after {
  content:"可点击";
  display:inline-flex;
  margin-left:7px;
  padding:2px 6px;
  border-radius:999px;
  background:#e7f5fb;
  color:#1680aa;
  font-size:8px;
  vertical-align:middle;
}
.competitor-kpi-action span { color:#197ba3; font-weight:750; }
.competitor-collector-notice {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-bottom:14px;
  padding:15px 17px;
  border:1px solid #bfe6db;
  border-left:4px solid #20a57a;
  border-radius:11px;
  background:#f0fbf7;
}
.competitor-collector-notice > div:first-child { display:grid; gap:4px; }
.competitor-collector-notice strong { color:#14654e; font-size:13px; }
.competitor-collector-notice span { color:#4d7468; font-size:11px; }
.competitor-collector-notice > div:last-child { display:flex; gap:8px; white-space:nowrap; }
.competitor-collection-health {
  display:grid;
  gap:12px;
  margin-bottom:14px;
  padding:16px;
  border:1px solid #d7e5eb;
  border-left:4px solid #2c93ad;
  border-radius:12px;
  background:linear-gradient(145deg,#fff,#f5fafc);
}
.competitor-collection-health.tone-healthy { border-left-color:#20a57a; background:linear-gradient(145deg,#fff,#f1fbf7); }
.competitor-collection-health.tone-waiting { border-left-color:#4d9fbd; }
.competitor-collection-health.tone-warning { border-left-color:#e4a93e; background:linear-gradient(145deg,#fff,#fff9ed); }
.competitor-collection-health.tone-critical { border-left-color:#d95b62; background:linear-gradient(145deg,#fff,#fff3f3); }
.competitor-collection-health header,
.competitor-collection-health footer { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.competitor-collection-health header > div { display:grid; gap:3px; }
.competitor-collection-health header small { color:#6c8794; font-size:9px; font-weight:900; letter-spacing:.09em; }
.competitor-collection-health header strong { color:#174f65; font-size:16px; }
.competitor-collection-health header span,
.competitor-collection-health footer { color:#6d8490; font-size:10px; }
.competitor-collection-health header > b { padding:6px 10px; border-radius:999px; background:#eaf4f7; color:#287a91; font-size:11px; white-space:nowrap; }
.competitor-collection-health-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:8px; }
.competitor-collection-health-grid article { min-width:0; padding:10px; border:1px solid #e0eaee; border-radius:9px; background:rgba(255,255,255,.86); }
.competitor-collection-health-grid label,
.competitor-collection-health-grid b,
.competitor-collection-health-grid small { display:block; }
.competitor-collection-health-grid label { color:#708692; font-size:9px; font-weight:800; }
.competitor-collection-health-grid b { margin:5px 0 3px; color:#174f65; font-size:17px; }
.competitor-collection-health-grid small { overflow:hidden; color:#81939c; font-size:8px; line-height:1.4; text-overflow:ellipsis; }
.competitor-collection-issues { display:flex; flex-wrap:wrap; gap:6px; }
.competitor-collection-issues span { padding:5px 8px; border-radius:999px; background:#fff3dc; color:#99640d; font-size:9px; font-weight:750; }
.competitor-collection-issues span.critical { background:#ffe9e9; color:#b44149; }
.competitor-collection-issues span.healthy { background:#e7f8f1; color:#18765b; }
.competitor-collection-health footer { justify-content:flex-start; flex-wrap:wrap; }
.competitor-collection-health footer span + span::before { content:"·"; margin-right:12px; color:#b0bec5; }
.competitor-device-state { display:inline-flex; margin-left:5px; padding:2px 6px; border-radius:999px; background:#edf2f4; color:#687e88; font-size:8px; font-style:normal; }
.competitor-device-state.tone-healthy { background:#e5f7ef; color:#157257; }
.competitor-device-state.tone-waiting { background:#e9f4f8; color:#25748e; }
.competitor-device-state.tone-warning { background:#fff3dc; color:#96620f; }
.competitor-device-state.tone-offline { background:#ffe9e9; color:#ad3e46; }
.competitor-section { margin-bottom:14px; }
.competitor-section > h2 {
  display:flex;
  align-items:center;
  gap:8px;
  padding-bottom:13px;
  border-bottom:1px solid #e3ebef;
}
.competitor-section > h2 span { color:#7f939f; font-size:11px; font-weight:700; }
.competitor-section > h2 > button { margin-left:auto; flex:0 0 auto; }
.competitor-priority-section { border-top:3px solid #188fac; }
.competitor-section-hint {
  margin:14px 0 0;
  padding:10px 12px;
  border-left:3px solid #7eb5c8;
  background:#f4f9fb;
  color:#607d8d;
  font-size:10px;
  line-height:1.5;
}
.competitor-stage-filter {
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin:-2px 0 14px;
}
.competitor-stage-filter button {
  padding:7px 11px;
  border:1px solid #d7e4ea;
  border-radius:999px;
  background:#f8fbfc;
  color:#557181;
  font:inherit;
  font-size:10px;
  font-weight:800;
  cursor:pointer;
}
.competitor-stage-filter button.active {
  border-color:#2a99ad;
  background:#e8f7f8;
  color:#127488;
}
.competitor-discovery-grid {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(285px,1fr));
  gap:12px;
}
.competitor-discovery-card {
  display:grid;
  gap:12px;
  min-width:0;
  padding:15px;
  border:1px solid #d9e7ec;
  border-top:3px solid #28a6ad;
  border-radius:12px;
  background:linear-gradient(150deg,#fff,#f8fcfc);
  box-shadow:0 8px 22px rgba(27,68,92,.05);
  content-visibility:auto;
  contain-intrinsic-size:620px;
}
.competitor-discovery-card > header,
.competitor-discovery-card > header > div,
.competitor-discovery-card > footer {
  display:flex;
  align-items:center;
}
.competitor-discovery-card > header,
.competitor-discovery-card > footer { justify-content:space-between; gap:10px; }
.competitor-discovery-card > header > div { min-width:0; gap:9px; }
.competitor-discovery-card > header > div > div { display:grid; min-width:0; gap:2px; }
.competitor-discovery-card header strong {
  overflow:hidden;
  color:#15394e;
  font-size:13px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.competitor-discovery-card header small { color:#84949e; font-size:9px; }
.competitor-discovery-badge {
  flex:0 0 auto;
  padding:5px 8px;
  border-radius:999px;
  background:#e9f8f5;
  color:#168072;
  font-size:9px;
  font-weight:800;
}
.competitor-discovery-badge.emerging { background:#e9f8f5; color:#168072; }
.competitor-discovery-badge.validated { background:#e8f1ff; color:#2467aa; }
.competitor-discovery-badge.saturated { background:#fff0e6; color:#b45a12; }
.competitor-discovery-badge.observing { background:#f0f3f5; color:#607680; }
.competitor-discovery-badges {
  display:flex;
  flex:0 0 auto;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:5px;
}
.competitor-business-tier {
  padding:5px 8px;
  border-radius:999px;
  font-size:9px;
  font-weight:850;
}
.competitor-business-tier.tier-a { background:#e5f7ed; color:#157349; }
.competitor-business-tier.tier-b { background:#e9f2ff; color:#2d68a1; }
.competitor-business-tier.tier-c { background:#f0f3f5; color:#687c86; }
.competitor-personal-badge {
  padding:5px 8px;
  border-radius:999px;
  background:#eef3f6;
  color:#5d7480;
  font-size:9px;
  font-weight:850;
}
.competitor-personal-badge.want_test,
.competitor-personal-badge.testing { background:#e7f1ff; color:#2467aa; }
.competitor-personal-badge.favorite { background:#fff3d9; color:#8a6518; }
.competitor-personal-badge.completed { background:#e5f7ed; color:#157349; }
.competitor-personal-badge.skipped { background:#f0f3f5; color:#7b8b93; }
.competitor-product-cluster {
  display:grid;
  gap:4px;
  padding:10px 11px;
  border:1px solid #dce9ed;
  border-radius:9px;
  background:#f5fafb;
}
.competitor-product-cluster > small {
  color:#78909c;
  font-size:8px;
  font-weight:800;
}
.competitor-product-cluster > strong {
  overflow:hidden;
  color:#173f56;
  font-size:12px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.competitor-product-cluster > div {
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  align-items:center;
}
.competitor-product-cluster > div > span {
  padding:3px 6px;
  border-radius:999px;
  background:#e8f0f3;
  color:#597381;
  font-size:8px;
  font-weight:750;
}
.competitor-fit.high { background:#e4f7ed !important; color:#147a4e !important; }
.competitor-fit.medium { background:#fff3d8 !important; color:#8a6415 !important; }
.competitor-fit.low { background:#ffebea !important; color:#a8433d !important; }
.competitor-product-identity.confirmed { background:#e7f4ff !important; color:#286793 !important; }
.competitor-product-identity.review { background:#fff0e6 !important; color:#a85b21 !important; }
.competitor-advertiser-tier.test { background:#e8f1ff !important; color:#2467aa !important; }
.competitor-advertiser-tier.strong { background:#e4f7ed !important; color:#147a4e !important; }
.competitor-advertiser-tier.hot { background:#fff0e6 !important; color:#b45a12 !important; }
.competitor-advertiser-tier.followup { background:#fff3d8 !important; color:#8a6415 !important; }
.competitor-discovery-metrics {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:6px;
}
.competitor-discovery-metrics > span {
  display:grid;
  gap:3px;
  padding:8px;
  border-radius:8px;
  background:#eef6f7;
}
.competitor-discovery-metrics small { color:#7c909a; font-size:8px; }
.competitor-discovery-metrics b { color:#17445a; font-size:13px; }
.competitor-material-signal {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:6px;
  padding:9px 10px;
  border:1px solid #d9e6eb;
  border-radius:9px;
  background:#f4f8fa;
  color:#5d7480;
  font-size:8px;
}
.competitor-material-signal strong {
  margin-right:auto;
  color:#365b6d;
  font-size:10px;
}
.competitor-material-signal span {
  padding:3px 6px;
  border-radius:999px;
  background:rgba(255,255,255,.72);
  font-weight:750;
}
.competitor-material-signal.hot { border-color:#f0c7a5; background:#fff2e7; }
.competitor-material-signal.hot strong { color:#b45a12; }
.competitor-material-signal.validated { border-color:#bfd8ee; background:#edf6ff; }
.competitor-material-signal.validated strong { color:#2467aa; }
.competitor-material-signal.reused { border-color:#bde1dc; background:#edf9f6; }
.competitor-material-signal.reused strong { color:#167a6d; }
.competitor-cluster-note {
  margin:0;
  color:#607985;
  font-size:9px;
  line-height:1.45;
}
.competitor-discovery-domains {
  overflow:hidden;
  margin:0;
  color:#527181;
  font-size:9px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.competitor-discovery-evidence { display:flex; flex-wrap:wrap; gap:5px; }
.competitor-discovery-evidence span,
.competitor-discovery-evidence b,
.competitor-discovery-evidence i {
  padding:4px 6px;
  border-radius:999px;
  font-size:8px;
}
.competitor-why-recommended {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:5px;
  padding:9px 10px;
  border-radius:9px;
  background:#f1f8f5;
}
.competitor-why-recommended strong {
  flex:1 0 100%;
  color:#28664f;
  font-size:9px;
}
.competitor-why-recommended span {
  padding:4px 6px;
  border-radius:999px;
  background:#fff;
  color:#477162;
  font-size:8px;
  font-weight:700;
}
.competitor-personalization-reason {
  display:flex;
  flex-wrap:wrap;
  gap:5px;
  padding:9px 10px;
  border:1px solid #d5e5f4;
  border-radius:9px;
  background:#f4f8fd;
}
.competitor-personalization-reason strong { flex:1 0 100%; color:#2a6591; font-size:9px; }
.competitor-personalization-reason span { padding:4px 6px; border-radius:999px; background:#fff; color:#557489; font-size:8px; font-weight:700; }
.competitor-test-capacity {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:9px 10px;
  border:1px solid #bfddd7;
  border-radius:9px;
  background:#eef9f6;
}
.competitor-test-capacity > div { display:flex; flex-wrap:wrap; align-items:center; gap:5px; }
.competitor-test-capacity strong { color:#176c5e; font-size:9px; }
.competitor-test-capacity span {
  padding:3px 6px;
  border-radius:999px;
  background:#fff;
  color:#55756f;
  font-size:8px;
  font-weight:700;
}
.competitor-test-capacity.full { border-color:#ead6c5; background:#fff6ee; }
.competitor-test-capacity.full strong { color:#9a5d2c; }
.competitor-test-package-preview {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:5px;
  padding:9px 10px;
  border-radius:9px;
  background:#eef5fb;
}
.competitor-test-package-preview strong { flex:1 0 100%; color:#315f7b; font-size:9px; }
.competitor-test-package-preview span {
  padding:3px 6px;
  border-radius:999px;
  background:#fff;
  color:#547084;
  font-size:8px;
}
.competitor-discovery-evidence span { background:#edf4f8; color:#3d657a; font-weight:650; }
.competitor-discovery-evidence b { background:#fff3d9; color:#8a6518; }
.competitor-discovery-evidence i {
  background:#eef8ef;
  color:#347154;
  font-style:normal;
  font-weight:650;
}
.competitor-discovery-samples {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
}
.competitor-discovery-samples > a,
.competitor-discovery-samples > div {
  position:relative;
  display:grid;
  height:92px;
  place-items:center;
  overflow:hidden;
  border:1px solid #dce6ea;
  border-radius:8px;
  background:#eaf1f3;
  color:#5c7582;
  text-decoration:none;
}
.competitor-discovery-samples img { width:100%; height:100%; object-fit:cover; }
.competitor-discovery-samples small {
  position:absolute;
  right:4px;
  bottom:4px;
  padding:3px 5px;
  border-radius:999px;
  background:rgba(18,46,62,.78);
  color:#fff;
  font-size:8px;
}
.competitor-discovery-card > footer {
  padding-top:10px;
  border-top:1px solid #e2ebee;
}
.competitor-discovery-card > footer > a {
  color:#1477a2;
  font-size:10px;
  font-weight:750;
  text-decoration:none;
}
.competitor-discovery-card > footer > div { display:flex; gap:7px; }
.competitor-discovery-card > footer .btn { white-space:normal; line-height:1.25; }
.competitor-product-workflow {
  display:grid;
  gap:8px;
  padding:10px;
  border:1px solid #cfe2e8;
  border-radius:9px;
  background:#f4f9fb;
}
.competitor-product-workflow-status,
.competitor-product-workflow-actions {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:6px;
}
.competitor-product-workflow-status span {
  padding:4px 7px;
  border-radius:999px;
  background:#e8f1f5;
  color:#476879;
  font-size:8px;
  font-weight:800;
}
.competitor-product-workflow-status .company {
  background:#fff0e6;
  color:#a85b21;
}
.competitor-product-workflow-status code {
  padding:4px 7px;
  border-radius:6px;
  background:#173f56;
  color:#fff;
  font-family:ui-monospace,SFMono-Regular,Consolas,monospace;
  font-size:8px;
}
.competitor-oms-wait,
.competitor-seat-closed {
  align-self:center;
  color:#5d7480;
  font-size:9px;
  font-weight:750;
}
.competitor-product-workflow-actions .btn { flex:1 1 auto; min-width:72px; }
.competitor-product-workflow-actions .evidence {
  border-color:#bad9e3;
  background:#f1f8fb;
  color:#176d91;
}
.sales-product-card { align-content:start; gap:10px; padding:14px; background:#fff; }
.sales-product-head > div { min-width:0; }
.sales-product-signal-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
}
.sales-product-signal-grid span {
  display:grid;
  gap:2px;
  padding:9px 7px;
  border:1px solid #e0eaee;
  border-radius:9px;
  background:#f8fbfc;
  text-align:center;
}
.sales-product-signal-grid b { color:#156e82; font-size:15px; }
.sales-product-signal-grid small { color:#7a909a; font-size:8px; }
.sales-product-proof {
  margin:0;
  padding:10px 11px;
  border-left:3px solid #24a5ad;
  border-radius:7px;
  background:#f1f8f8;
  color:#456878;
  font-size:10px;
  line-height:1.55;
}
.sales-product-proof strong { color:#176d78; }
.sales-product-recommendation { display:flex; flex-wrap:wrap; align-items:center; gap:6px; }
.sales-product-recommendation strong,
.sales-product-recommendation span {
  padding:5px 8px;
  border-radius:999px;
  background:#eef4f8;
  color:#4d6c7c;
  font-size:9px;
}
.sales-product-recommendation strong { background:#e7f6ee; color:#16704c; }
.sales-product-samples > a,
.sales-product-samples > div { height:102px; }
.sales-product-actions {
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:7px;
  padding-top:10px;
  border-top:1px solid #e1eaee;
}
.sales-product-actions > div { display:flex; gap:7px; }
.sales-product-actions > div:first-child .btn { flex:1; }
.sales-product-actions .evidence {
  width:100%;
  border-color:#bad9e3;
  background:#f1f8fb;
  color:#176d91;
}
.sales-product-more { position:relative; justify-self:end; }
.sales-product-more > summary {
  padding:3px 0;
  color:#71848e;
  font-size:9px;
  font-weight:750;
  cursor:pointer;
  list-style:none;
}
.sales-product-more > summary::-webkit-details-marker { display:none; }
.sales-product-more[open] { justify-self:stretch; }
.sales-product-more[open] > summary { text-align:right; }
.sales-product-quiet-actions { justify-content:flex-end; }
.sales-product-quiet-actions .quiet { border:0; background:transparent; color:#6e838d; }
.competitor-evidence-modal { display:grid; gap:14px; color:#173f56; }
.competitor-evidence-hero {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  padding-right:48px;
}
.competitor-evidence-hero small { color:#15858d; font-weight:850; }
.competitor-evidence-hero h2 { margin:4px 0 0; }
.competitor-evidence-hero > div:last-child {
  display:grid;
  grid-template-columns:auto auto auto auto;
  align-items:baseline;
  gap:5px 8px;
}
.competitor-evidence-hero > div:last-child strong { color:#0b799d; font-size:22px; }
.competitor-evidence-hero > div:last-child span { color:#718690; font-size:12px; }
.competitor-evidence-group {
  overflow:hidden;
  border:1px solid #d9e6ec;
  border-radius:10px;
  background:#f8fbfc;
}
.competitor-evidence-group > header {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:11px 13px;
  border-bottom:1px solid #e0eaee;
  background:#eef6f8;
}
.competitor-evidence-group > header span { color:#6a818c; font-size:12px; }
.competitor-evidence-group > div { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
.competitor-evidence-ad {
  display:grid;
  grid-template-columns:76px minmax(0,1fr);
  gap:10px;
  min-width:0;
  padding:11px;
  border-right:1px solid #e5edef;
  border-bottom:1px solid #e5edef;
  background:#fff;
}
.competitor-evidence-ad img,
.competitor-evidence-placeholder {
  grid-column:1;
  grid-row:1 / span 2;
  width:76px;
  height:76px;
  object-fit:cover;
  border-radius:7px;
  background:#eaf2f5;
}
.competitor-evidence-placeholder { display:grid; place-items:center; color:#718690; font-size:12px; }
.competitor-evidence-ad > [hidden] { display:none; }
.competitor-evidence-ad > div { display:grid; grid-column:2; align-content:start; gap:5px; min-width:0; }
.competitor-evidence-ad > div strong,
.competitor-evidence-ad > div > span,
.competitor-evidence-ad > div small { white-space:normal; overflow-wrap:anywhere; line-height:1.5; }
.competitor-evidence-ad > div strong { font-size:14px; }
.competitor-evidence-ad > div > span,
.competitor-evidence-ad > div small { color:#6c838e; font-size:12px; }
.competitor-evidence-ad nav { display:flex; grid-column:2; align-items:flex-start; flex-wrap:wrap; gap:6px; }
.competitor-evidence-ad nav a {
  padding:6px 9px;
  border:1px solid #d5e3e9;
  border-radius:6px;
  color:#146f98;
  font-size:12px;
  font-weight:750;
  text-decoration:none;
}
.competitor-evidence-footer,
.competitor-evidence-pages { display:flex; align-items:center; gap:10px; }
.competitor-evidence-footer { justify-content:space-between; color:#6d838e; font-size:12px; }
.competitor-task-package-modal {
  display:grid;
  gap:9px;
  margin:12px 0 16px;
}
.competitor-task-package-modal section {
  display:grid;
  gap:7px;
  padding:11px;
  border:1px solid #dce7ed;
  border-radius:9px;
  background:#f7fafb;
}
.competitor-task-package-modal section > strong { color:#244f67; font-size:11px; }
.competitor-task-package-modal section > div { display:flex; flex-wrap:wrap; gap:6px; }
.competitor-task-package-modal section span {
  padding:4px 7px;
  border-radius:999px;
  background:#fff;
  color:#56717f;
  font-size:9px;
}
.competitor-full-task-package { display:grid; gap:16px; color:#173f56; }
.competitor-package-drawer-nav {
  position:sticky;
  top:-24px;
  z-index:3;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin:-24px -28px 0;
  padding:12px 62px 12px 20px;
  border-bottom:1px solid #dce7ed;
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(8px);
}
.competitor-package-drawer-nav span { color:#78909c; font-size:9px; font-weight:800; }
.competitor-package-hero {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  padding-right:46px;
}
.competitor-package-hero small { color:#188a91; font-size:11px; font-weight:850; letter-spacing:.08em; }
.competitor-package-hero h2 { margin:4px 0 0; color:#102f45; font-size:24px; }
.competitor-package-hero > span,
.competitor-package-assignment span {
  padding:7px 11px;
  border-radius:999px;
  background:#e8f7f0;
  color:#147351;
  font-size:10px;
  font-weight:850;
}
.competitor-package-assignment {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  padding:11px 13px;
  border:1px solid #cfe5eb;
  border-radius:10px;
  background:#f1f8fa;
}
.competitor-package-assignment code { padding:6px 9px; border-radius:7px; background:#173f56; color:#fff; }
.competitor-task-due {
  padding:4px 7px;
  border-radius:999px;
  background:#eef5f7;
  color:#547482;
  font-size:8px;
  font-weight:800;
}
.competitor-task-due.overdue { background:#fff0df; color:#bc5e14; }
.competitor-skip-reason-modal { display:grid; gap:12px; }
.competitor-skip-reason-modal > small { color:#178b91; font-weight:900; letter-spacing:.08em; }
.competitor-skip-reason-modal h2,
.competitor-skip-reason-modal p { margin:0; }
.competitor-skip-reason-modal p { color:#718895; }
.competitor-skip-reason-modal > div { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.competitor-skip-reason-modal > div .btn { justify-content:flex-start; min-height:44px; }
.competitor-package-result {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  padding:12px 14px;
  border:1px solid #bfe1cf;
  border-radius:10px;
  background:#f0faf5;
}
.competitor-package-result strong { color:#14734a; }
.competitor-package-result span { padding:5px 8px; border-radius:999px; background:#fff; color:#466a5a; font-size:10px; }
.competitor-package-result small { flex:1 0 100%; color:#758b80; }
.competitor-test-result-modal {
  display:grid;
  width:100%;
  min-width:0;
  gap:10px;
}
.competitor-test-result-modal h2 { margin:0; padding-right:46px; }
.competitor-test-result-modal > .form-note {
  overflow-wrap:anywhere;
  word-break:break-word;
}
.competitor-test-result-modal form { display:grid; min-width:0; gap:10px; }
.competitor-test-result-fields {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px 12px;
  min-width:0;
}
.competitor-test-result-fields label { min-width:0; }
.competitor-test-result-fields input,
.competitor-test-result-fields select,
.competitor-test-result-modal textarea { width:100%; max-width:100%; }
.competitor-result-sku { grid-column:1 / -1; }
.competitor-test-result-modal textarea { min-height:82px; resize:none; }
.competitor-result-help { padding:9px 11px; font-size:11px; line-height:1.45; }
.competitor-test-result-modal .form-error:empty { display:none; }
.modal-panel.modal-compact-result #modalContent {
  overflow-x:hidden;
  padding:22px;
}
.competitor-package-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.competitor-package-grid > section {
  display:grid;
  align-content:start;
  gap:10px;
  min-width:0;
  padding:15px;
  border:1px solid #d8e6ec;
  border-radius:11px;
  background:#f8fbfc;
}
.competitor-package-grid h3 { margin:0; color:#173f56; font-size:13px; }
.competitor-package-tags { display:flex; flex-wrap:wrap; gap:7px; }
.competitor-package-tags span,
.competitor-package-copy-meta span {
  padding:6px 9px;
  border-radius:999px;
  background:#fff;
  color:#537080;
  font-size:10px;
}
.competitor-package-country label { display:flex; align-items:center; gap:10px; font-size:10px; }
.competitor-package-country select { width:min(280px,100%); }
.competitor-package-country > strong { color:#087cad; font-size:22px; }
.competitor-package-country > small { color:#68818f; line-height:1.55; }
.competitor-package-points,
.competitor-package-steps,
.competitor-package-risk ul,
.competitor-package-cycle ol { display:grid; gap:7px; margin:0; padding-left:21px; color:#405e6e; line-height:1.55; }
.competitor-package-copy > div { display:grid; gap:5px; padding:10px; border-radius:8px; background:#fff; }
.competitor-package-copy p { margin:0; color:#294c60; line-height:1.6; }
.competitor-package-copy small { color:#78909c; }
.competitor-package-copy h3 > span {
  display:inline-block;
  margin-left:7px;
  padding:4px 7px;
  border-radius:999px;
  background:#e8f5f7;
  color:#147985;
  font-size:9px;
}
.competitor-package-proof { border-left:3px solid #22a6ad; }
.competitor-package-alternatives { background:#f0f6f8!important; }
.competitor-package-alternatives > div { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
.competitor-package-alternatives > div > div {
  display:grid;
  gap:4px;
  padding:8px;
  border:1px solid #d8e6ec;
  border-radius:7px;
  background:#fff;
}
.competitor-package-alternatives span { color:#17808b; font-size:9px; font-weight:800; }
.competitor-package-alternatives strong { color:#274d60; font-size:10px; line-height:1.4; }
.competitor-package-copy-meta { display:flex!important; flex-wrap:wrap; gap:7px!important; padding:0!important; background:transparent!important; }
.competitor-package-materials { grid-column:1 / -1; }
.competitor-package-materials > p { margin:0; color:#68818f; font-size:10px; }
.competitor-package-materials > div { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.competitor-package-materials a,
.competitor-package-materials > div > div {
  min-width:0;
  overflow:hidden;
  border:1px solid #d7e4e9;
  border-radius:9px;
  background:#fff;
  color:inherit;
  text-decoration:none;
}
.competitor-package-materials img,
.competitor-package-media-empty { display:grid; width:100%; height:150px; object-fit:cover; place-items:center; background:#eaf2f5; color:#67818e; }
.competitor-package-materials a > div,
.competitor-package-materials > div > div > div { display:flex; justify-content:space-between; gap:8px; padding:9px; }
.competitor-package-materials a > div span,
.competitor-package-materials > div > div > div span { color:#69818e; font-size:9px; }
.competitor-package-risk { border-color:#f1d8c7!important; background:#fff9f5!important; }
.competitor-package-cycle { border-color:#cce4ef!important; background:#f3f9fc!important; }
.competitor-package-cycle > strong { color:#087cad; }
.competitor-package-facebook {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:13px 15px;
  border:1px dashed #b8cbd5;
  border-radius:10px;
  background:#f5f8fa;
}
.competitor-package-facebook > div { display:grid; gap:3px; }
.competitor-package-facebook span { color:#708792; font-size:10px; }
.competitor-package-claim-form { grid-template-columns:minmax(0,1fr) auto; align-items:end; padding-top:4px; }
.competitor-package-claim-form .form-note,
.competitor-package-claim-form .form-error { grid-column:1 / -1; }
.competitor-package-footer { display:flex; justify-content:flex-end; }
@media (max-width:820px) {
  .competitor-package-grid { grid-template-columns:1fr; }
  .competitor-package-materials { grid-column:auto; }
  .competitor-package-materials > div { grid-template-columns:1fr; }
  .competitor-package-alternatives > div { grid-template-columns:1fr; }
  .competitor-package-claim-form { grid-template-columns:1fr; }
  .competitor-package-claim-form .form-note,
  .competitor-package-claim-form .form-error { grid-column:auto; }
  .competitor-evidence-group > div { grid-template-columns:1fr; }
  .competitor-evidence-hero { flex-direction:column; }
  .competitor-evidence-footer { align-items:flex-start; flex-direction:column; }
}
.competitor-monitored-label {
  align-self:center;
  padding:5px 8px;
  border-radius:999px;
  background:#e8f7f0;
  color:#177653;
  font-size:9px;
  font-weight:800;
}
.competitor-raw-library {
  border-top:1px solid #dfe8ed;
  background:#fbfdfe;
}
.competitor-raw-library > summary { color:#536d7c; }
.competitor-raw-library[open] { border-top:2px solid #88a9b7; }
.competitor-evidence-library > summary {
  padding:18px 22px;
  background:linear-gradient(90deg,#f7fbfd,#eef8fa);
}
.competitor-evidence-library > summary span { display:grid; gap:5px; }
.competitor-evidence-library > summary span:first-child { color:#123c57; font-size:18px; font-weight:850; }
.competitor-evidence-library > summary small { color:#708995; font-size:11px; font-weight:600; }
.competitor-evidence-library .competitor-collapsible-body { padding:0 20px 22px; }
.competitor-raw-tabs {
  position:sticky;
  top:0;
  z-index:3;
  display:grid;
  grid-template-columns:repeat(4,minmax(130px,1fr));
  gap:8px;
  padding:14px 0;
  background:#fbfdfe;
}
.competitor-raw-tabs button {
  min-height:44px;
  border:1px solid #d4e4ea;
  border-radius:10px;
  background:#fff;
  color:#577382;
  font-size:13px;
  font-weight:800;
  font-family:inherit;
  cursor:pointer;
}
.competitor-raw-tabs button.active {
  border-color:#1689a8;
  background:linear-gradient(135deg,#0f6da2,#12a89f);
  color:#fff;
  box-shadow:0 8px 18px rgba(19,126,157,.16);
}
.competitor-raw-panel { padding-top:4px; }
.competitor-raw-panel[hidden] { display:none !important; }
.competitor-raw-panel-head {
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  margin:4px 0 14px;
  padding:14px 16px;
  border:1px solid #dce9ee;
  border-radius:12px;
  background:#fff;
}
.competitor-raw-panel-head > div { display:grid; gap:4px; }
.competitor-raw-panel-head strong { color:#173f58; font-size:17px; }
.competitor-raw-panel-head span,
.competitor-raw-panel-head > b { color:#6f8794; font-size:11px; }
.competitor-health-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(150px,1fr));
  gap:12px;
}
.competitor-raw-metric {
  position:relative;
  display:grid;
  gap:5px;
  min-height:104px;
  padding:16px;
  overflow:hidden;
  border:1px solid #dce8ed;
  border-radius:12px;
  background:#fff;
}
.competitor-raw-metric::before { content:""; position:absolute; inset:0 auto 0 0; width:4px; background:#2d91b8; }
.competitor-raw-metric.good::before { background:#23a879; }
.competitor-raw-metric.warn::before { background:#f2b33c; }
.competitor-raw-metric.danger::before { background:#ef6a57; }
.competitor-raw-metric small { color:#718893; font-size:11px; font-weight:750; }
.competitor-raw-metric strong { color:#123b55; font-size:27px; line-height:1.05; }
.competitor-raw-metric span { color:#81939d; font-size:10px; }
.competitor-raw-explain {
  display:flex;
  align-items:center;
  gap:16px;
  margin-top:12px;
  padding:13px 16px;
  border-radius:10px;
  background:#edf8f6;
  color:#51717a;
  font-size:11px;
}
.competitor-raw-explain strong { flex:none; color:#11775f; }
.competitor-evidence-product-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.competitor-evidence-product {
  display:grid;
  grid-template-columns:88px minmax(0,1fr) auto;
  align-items:center;
  gap:13px;
  min-width:0;
  padding:13px;
  border:1px solid #dbe7ec;
  border-radius:12px;
  background:#fff;
}
.competitor-evidence-product-cover {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  height:72px;
  overflow:hidden;
  border-radius:9px;
  background:#e9f2f5;
}
.competitor-evidence-product-cover img { width:100%; height:72px; object-fit:cover; }
.competitor-evidence-product-cover span { grid-column:1 / -1; display:grid; place-items:center; color:#2a758e; font-size:24px; font-weight:900; }
.competitor-evidence-product-copy { display:grid; gap:5px; min-width:0; }
.competitor-evidence-product-copy small { color:#15928f; font-size:9px; font-weight:850; }
.competitor-evidence-product-copy strong { overflow:hidden; color:#173c55; font-size:14px; text-overflow:ellipsis; white-space:nowrap; }
.competitor-evidence-product-copy > div { display:flex; flex-wrap:wrap; gap:5px; }
.competitor-evidence-product-copy span { padding:3px 6px; border-radius:999px; background:#eff5f7; color:#6f8490; font-size:9px; }
.competitor-evidence-product nav { display:grid; gap:7px; }
.competitor-task-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-bottom:14px; }
.competitor-task-list,
.competitor-family-review-history { padding:15px; border:1px solid #dbe8ed; border-radius:12px; background:#fff; }
.competitor-task-list > header,
.competitor-family-review-history > header { display:grid; gap:3px; margin-bottom:9px; }
.competitor-task-list > header strong,
.competitor-family-review-history > header strong { color:#173f59; font-size:15px; }
.competitor-task-list > header span,
.competitor-family-review-history > header span { color:#83959f; font-size:10px; }
.competitor-task-list article,
.competitor-family-review-history article { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 0; border-top:1px solid #e6eef1; }
.competitor-task-list article > div,
.competitor-family-review-history article > div { display:grid; gap:2px; }
.competitor-task-list article strong,
.competitor-family-review-history article strong { color:#36596b; font-size:12px; }
.competitor-task-list article span,
.competitor-family-review-history article span { color:#82949e; font-size:9px; }
.competitor-task-list article b,
.competitor-family-review-history article b { color:#176f9e; font-size:18px; }
.competitor-task-list article.high b { color:#e95f4d; }
.competitor-trend-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.competitor-trend-lane { min-width:0; padding:15px; border:1px solid #dbe8ed; border-radius:12px; background:#f9fcfd; }
.competitor-trend-lane > header { display:flex; align-items:center; justify-content:space-between; margin-bottom:11px; }
.competitor-trend-lane > header > div { display:grid; gap:2px; }
.competitor-trend-lane > header small { color:#8798a1; font-size:9px; font-weight:800; text-transform:uppercase; }
.competitor-trend-lane > header strong { color:#173e58; font-size:17px; }
.competitor-trend-lane > header b { min-width:35px; padding:6px 8px; border-radius:999px; background:#e6f3f7; color:#167da1; text-align:center; }
.competitor-trend-lane.new > header b { background:#e3f7f0; color:#188466; }
.competitor-trend-lane.saturated > header b { background:#fff2d8; color:#b37609; }
.competitor-trend-lane.stopped > header b { background:#fce9e5; color:#c75443; }
.competitor-trend-lane .competitor-evidence-product { grid-template-columns:60px minmax(0,1fr) auto; margin-top:8px; padding:9px; }
.competitor-trend-lane .competitor-evidence-product-cover { height:52px; }
.competitor-trend-lane .competitor-evidence-product-cover img { height:52px; }
.competitor-trend-lane .competitor-evidence-product nav { grid-template-columns:1fr; }
.competitor-family-review-modal .competitor-family-review-warning { display:flex; gap:10px; padding:12px; border-radius:9px; background:#fff5dd; color:#796331; font-size:11px; }
.competitor-family-review-modal .competitor-family-review-warning strong { flex:none; color:#a86f00; }
@media (max-width:1100px) {
  .competitor-health-grid { grid-template-columns:repeat(2,minmax(150px,1fr)); }
  .competitor-evidence-product-grid,
  .competitor-trend-grid { grid-template-columns:1fr; }
}
@media (max-width:720px) {
  .competitor-evidence-library .competitor-collapsible-body { padding:0 12px 16px; }
  .competitor-raw-tabs { grid-template-columns:repeat(2,1fr); }
  .competitor-health-grid,
  .competitor-task-grid { grid-template-columns:1fr; }
  .competitor-evidence-product { grid-template-columns:66px minmax(0,1fr); }
  .competitor-evidence-product nav { grid-column:1 / -1; grid-template-columns:1fr 1fr; }
  .competitor-raw-panel-head,
  .competitor-raw-explain { align-items:flex-start; flex-direction:column; }
}
.competitor-watch-grid {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
  gap:12px;
}
.competitor-watch-card {
  padding:15px;
  border:1px solid #dce7ec;
  border-radius:11px;
  background:#fbfdfe;
}
.competitor-watch-card.disabled { opacity:.62; }
.competitor-watch-card header,
.competitor-watch-card footer,
.competitor-ad-card header,
.competitor-ad-card footer {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.competitor-watch-card header > div { display:grid; gap:2px; }
.competitor-watch-card header strong { color:#173d58; font-size:14px; }
.competitor-watch-card header span { color:#82949f; font-size:10px; }
.competitor-watch-card header > b {
  padding:4px 7px;
  border-radius:999px;
  background:#e8f8f2;
  color:#16835f;
  font-size:9px;
}
.competitor-watch-card > p { min-height:31px; margin:12px 0; color:#536f80; font-size:12px; }
.competitor-watch-card dl { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin:0 0 12px; }
.competitor-watch-card dl div { padding:8px 10px; border-radius:8px; background:#eef5f8; }
.competitor-watch-card dt { color:#7d909c; font-size:9px; }
.competitor-watch-card dd { margin:2px 0 0; color:#173e59; font-size:17px; font-weight:800; }
.competitor-watch-card footer { padding-top:10px; border-top:1px solid #e4ecef; }
.competitor-watch-card footer small { color:#8b9aa4; font-size:9px; }
.competitor-watch-card footer div,
.competitor-ad-card footer div { display:flex; align-items:center; flex-wrap:wrap; gap:10px; }
.competitor-watch-card a,
.competitor-ad-card a { color:#1674a8; font-size:10px; font-weight:750; text-decoration:none; }
.competitor-watch-more { color:#7b909c; font-size:9px; font-weight:800; }
.competitor-collapsible { padding:0; overflow:hidden; }
.competitor-collapsible > summary {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:17px 20px;
  cursor:pointer;
  list-style:none;
}
.competitor-collapsible > summary::-webkit-details-marker { display:none; }
.competitor-collapsible > summary > span { display:grid; gap:3px; color:#173d58; font-size:16px; font-weight:850; }
.competitor-collapsible > summary small { color:#8497a2; font-size:10px; font-weight:650; }
.competitor-collapsible > summary > b {
  padding:6px 10px;
  border:1px solid #d6e4ea;
  border-radius:8px;
  background:#f7fbfc;
  color:#33708e;
  font-size:10px;
}
.competitor-collapsible[open] > summary { border-bottom:1px solid #e3ebef; }
.competitor-collapsible-body { padding:16px 20px 20px; }
.competitor-collapsible-body > .competitor-watch-grid {
  max-height:500px;
  padding-right:6px;
  overflow-y:auto;
}
.competitor-watch-group-list { display:grid; gap:9px; margin-top:14px; }
.competitor-watch-group-list article {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:11px 12px;
  border:1px solid #dce7ec;
  border-radius:9px;
  background:#f8fbfc;
}
.competitor-watch-group-list article > div:first-child { display:grid; gap:3px; }
.competitor-watch-group-list article strong { color:#173d58; }
.competitor-watch-group-list article span { color:#7b909c; font-size:10px; }
.competitor-watch-group-list article > div:last-child { display:flex; gap:7px; }
.competitor-ad-grid {
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(340px,1fr));
  align-items:start;
  gap:14px;
}
.competitor-pagination {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-top:18px;
  padding:14px 2px 2px;
  border-top:1px solid #e2eaee;
}
.competitor-pagination > span {
  color:#708692;
  font-size:11px;
  font-weight:750;
}
.competitor-pagination > div {
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:6px;
}
.competitor-pagination button {
  min-width:34px;
  height:34px;
  padding:0 10px;
  border:1px solid #d6e2e8;
  border-radius:8px;
  background:#fff;
  color:#31566d;
  font:inherit;
  font-size:11px;
  font-weight:800;
  cursor:pointer;
}
.competitor-pagination button:hover:not(:disabled),
.competitor-pagination button:focus-visible {
  border-color:#4b9ebe;
  color:#086d9f;
  outline:none;
}
.competitor-pagination button.active {
  border-color:#086d9f;
  background:#086d9f;
  color:#fff;
}
.competitor-pagination button:disabled {
  opacity:.42;
  cursor:default;
}
.competitor-pagination > div > span { color:#82939d; font-weight:800; }
.competitor-ad-card {
  min-width:0;
  overflow:hidden;
  border:1px solid #d8e1e6;
  border-radius:12px;
  background:#fff;
  box-shadow:0 2px 5px rgba(20,48,66,.08),0 12px 30px rgba(20,48,66,.035);
}
.competitor-ad-card .competitor-ad-library-head {
  display:grid;
  align-items:stretch;
  justify-content:initial;
  gap:6px;
  padding:13px 15px 12px;
  border-bottom:1px solid #dfe5e8;
  color:#223845;
  background:#fff;
}
.competitor-ad-status-row {
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:28px;
}
.competitor-ad-library-head > p {
  margin:0;
  color:#263f4e;
  font-size:11px;
  line-height:1.45;
}
.competitor-ad-library-head > p span { color:#536d7b; }
.competitor-ad-library-head > p b { color:#173b52; font-weight:750; }
.competitor-ad-more {
  padding:2px 4px;
  color:#263c49 !important;
  font-size:17px !important;
  letter-spacing:2px;
  line-height:1;
}
.competitor-platform-line {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  color:#435d6b;
  font-size:11px;
}
.competitor-platform-line > b { font-weight:750; }
.competitor-platform-line > div { display:flex; align-items:center; flex-wrap:wrap; gap:6px; }
.competitor-platform-line span {
  padding:4px 7px;
  border:1px solid #dce5e9;
  border-radius:999px;
  background:#f6f8f9;
  color:#4c6572;
  font-size:9px;
  font-weight:700;
}
.competitor-variant-summary {
  margin-top:2px;
  padding:8px 10px;
  border-radius:8px;
  background:#f1f3f5;
  color:#263f4e;
  font-size:11px;
}
.competitor-variant-summary b { margin-right:2px; color:#153d57; font-size:12px; }
.competitor-ad-creative { padding:12px 15px 0; }
.competitor-page-row {
  display:flex;
  align-items:center;
  gap:11px;
}
.competitor-page-avatar {
  display:grid;
  flex:0 0 32px;
  width:32px;
  height:32px;
  place-items:center;
  border:1px solid #dce5e9;
  border-radius:50%;
  background:linear-gradient(145deg,#e8f5f8,#d3e9ef);
  color:#177494;
  font-size:13px;
  font-weight:850;
}
.competitor-page-row > div { display:grid; min-width:0; gap:2px; }
.competitor-page-row strong {
  overflow:hidden;
  color:#152f40;
  font-size:13px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.competitor-page-row span:not(.competitor-page-avatar) { color:#72838d; font-size:10px; }
.competitor-status {
  display:inline-flex;
  align-items:center;
  gap:6px;
  width:max-content;
  padding:5px 9px;
  border-radius:999px;
  font-size:10px;
  font-weight:800;
  white-space:nowrap;
}
.competitor-status i {
  width:7px;
  height:7px;
  border:2px solid currentColor;
  border-radius:50%;
}
.competitor-status.active { background:#e7f7ef; color:#087a56; }
.competitor-status.inactive { background:#f0f2f4; color:#6f7f88; }
.competitor-stopped-detail { color:#9a5260 !important; font-weight:750; }
.competitor-copy {
  display:-webkit-box;
  overflow:hidden;
  min-height:42px;
  margin:10px 0 11px;
  color:#243e4c;
  font-size:12px;
  line-height:1.5;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
}
.competitor-ad-media {
  position:relative;
  display:grid;
  width:calc(100% + 30px);
  height:225px;
  min-height:0;
  max-height:none;
  aspect-ratio:auto;
  margin-left:-15px;
  place-items:center;
  overflow:hidden;
  border-top:1px solid #e1e6e9;
  border-bottom:1px solid #e1e6e9;
  background:#eef1f3;
  cursor:default;
}
.competitor-ad-media img {
  z-index:1;
  width:100%;
  height:100%;
  object-fit:contain;
  background:#eef1f3;
}
.competitor-media-placeholder {
  position:absolute;
  inset:0;
  display:grid;
  z-index:0;
  place-content:center;
  text-align:center;
  background:linear-gradient(145deg,#edf4f6,#dce9ed);
  color:#315b6b;
}
.competitor-ad-media.media-unavailable img { display:none; }
.competitor-ad-media.media-unavailable .competitor-play { display:none; }
.competitor-media-placeholder b,
.competitor-media-placeholder span { display:block; }
.competitor-media-placeholder b { font-size:17px; }
.competitor-media-placeholder span { margin-top:6px; color:#78909c; font-size:10px; }
.competitor-play {
  position:absolute;
  top:50%;
  left:50%;
  z-index:2;
  display:grid;
  width:52px;
  height:52px;
  margin:-26px 0 0 -26px;
  place-items:center;
  border:4px solid #fff;
  border-radius:50%;
  background:rgba(16,28,36,.56);
  box-shadow:0 3px 14px rgba(0,0,0,.2);
}
.competitor-play i {
  width:0;
  height:0;
  margin-left:5px;
  border-top:9px solid transparent;
  border-bottom:9px solid transparent;
  border-left:14px solid #fff;
}
.competitor-variant {
  position:absolute;
  right:10px;
  bottom:10px;
  z-index:2;
  padding:5px 8px;
  border-radius:999px;
  background:rgba(12,35,50,.82);
  color:#fff;
  font-size:9px;
}
.competitor-link-copy {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  width:calc(100% + 30px);
  min-height:54px;
  margin-left:-15px;
  padding:8px 12px 8px 15px;
  background:#f0f2f4;
}
.competitor-link-copy > div { display:grid; min-width:0; gap:2px; }
.competitor-link-copy small {
  overflow:hidden;
  color:#6e7d85;
  font-size:9px;
  text-overflow:ellipsis;
  text-transform:uppercase;
  white-space:nowrap;
}
.competitor-link-copy strong {
  overflow:hidden;
  color:#263d49;
  font-size:11px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.competitor-link-copy > div > span { color:#72838c; font-size:9px; }
.competitor-cta {
  flex:0 0 auto;
  padding:7px 11px;
  border-radius:6px;
  background:#dfe3e6;
  color:#273b47 !important;
  font-size:10px !important;
  font-weight:800;
}
.competitor-review-result > div { display:flex; flex-wrap:wrap; gap:5px; margin-top:8px; }
.competitor-review-result > div span { padding:3px 6px; border-radius:999px; background:#edf4f7; color:#547181; font-size:8px; }
.competitor-ad-internal { padding:10px 15px 12px; border-top:1px solid #e1e8eb; background:#fff; }
.competitor-review-result { display:grid; gap:2px; margin-bottom:10px; padding:8px 9px; border-left:3px solid #2b90b8; background:#f2f8fb; }
.competitor-review-result b { color:#226888; font-size:9px; }
.competitor-review-result > span { color:#31566c; font-size:10px; }
.competitor-ad-card footer { min-height:31px; }
.competitor-action-link,
.competitor-action-disabled {
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:5px 8px;
  border:1px solid #d8e4e9;
  border-radius:6px;
  background:#f7fafb;
  color:#176f9d !important;
  font-size:9px !important;
  font-weight:800;
  white-space:nowrap;
}
.competitor-action-link:hover { border-color:#8ec0d5; background:#edf7fa; }
.competitor-action-link.archived { border-color:#a9d8c4; background:#effaf5; color:#137657; }
.competitor-action-disabled { color:#93a2aa !important; cursor:not-allowed; }
.competitor-archive-state {
  margin-bottom:9px;
  padding:7px 9px;
  border-radius:7px;
  background:#edf6f9;
  color:#326d82;
  font-size:9px;
  font-weight:750;
}
.competitor-archive-state.complete { background:#eaf8f1; color:#157458; }
.competitor-archive-state.failed,
.competitor-archive-state.partial { background:#fff5e9; color:#98601e; }
.competitor-token-reveal { display:grid; grid-template-columns:1fr auto; gap:8px; margin:12px 0; padding:12px; border:1px solid #f1ce7f; border-radius:9px; background:#fff8e7; }
.competitor-token-reveal strong { grid-column:1 / -1; color:#8d6511; font-size:11px; }
.competitor-token-reveal input { min-width:0; padding:9px; border:1px solid #e0c47f; border-radius:7px; }
.competitor-token-form { display:grid; grid-template-columns:1fr auto; align-items:end; gap:8px; margin:13px 0; }
.competitor-token-form .form-error { grid-column:1 / -1; }
.competitor-token-list { display:grid; gap:7px; }
.competitor-token-list > div { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:9px 10px; border:1px solid #e1e9ed; border-radius:8px; }
.competitor-token-list span { display:grid; gap:2px; }
.competitor-token-list small { color:#8798a2; font-size:9px; }
.competitor-token-list b { color:#9a6570; font-size:10px; }
.competitor-plugin-guide { color:#4a6677; font-size:12px; line-height:1.7; }
.competitor-plugin-guide li { margin-bottom:7px; }
.competitor-plugin-guide code { color:#175c82; }
.competitor-plugin-guide p { margin-top:12px; color:#81929c; font-size:10px; }

@media (max-width:1500px) {
  .executive-kpis { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .executive-context-strip { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .executive-context-strip > span:nth-child(3) { border-right:0; }
  .executive-context-strip > span:nth-child(-n+3) { border-bottom:1px solid #e6edf2; }
  .boss-daily-visual-grid { grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr); }
  .boss-daily-visual-grid > article:last-child { grid-column:1 / -1; }
  .competitor-kpis { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:1180px) {
  .overview-primary-grid,
  .monitor-visual-grid,
  .decision-overview-grid { grid-template-columns:1fr; }
  .boss-daily-visual-grid { grid-template-columns:1fr; }
  .boss-daily-visual-grid > article:last-child { grid-column:auto; }
  .boss-health-banner { align-items:flex-start; flex-direction:column; }
  .boss-health-stats { width:100%; }
  .competitor-collector-notice { align-items:flex-start; flex-direction:column; }
  .competitor-collection-health-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .competitor-radar-brief,
  .competitor-operations-brief { grid-template-columns:1fr auto; }
  .competitor-radar-brief > .btn { grid-column:1 / -1; justify-self:start; }
  .competitor-mission-nav { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .competitor-task-workbench { grid-template-columns:1fr; }
}
@media (max-width:820px) {
  .competitor-filter-floating { right:12px; bottom:12px; }
  .competitor-filter-drawer > aside { width:min(480px,100vw); padding:16px; }
  .executive-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .executive-kpis article { min-height:126px; padding:18px 15px 15px; }
  .executive-kpis b { font-size:25px; }
  .executive-context-strip { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .executive-context-strip > span { border-right:1px solid #e6edf2 !important; border-bottom:1px solid #e6edf2; }
  .executive-context-strip > span:nth-child(2n) { border-right:0 !important; }
  .executive-context-strip > span:nth-last-child(-n+2) { border-bottom:0; }
  .ops-section-head { align-items:flex-start; flex-direction:column; padding:18px 15px 14px; }
  .ops-section-head.compact { padding:0 0 14px; }
  .overview-primary-grid,
  .monitor-visual-grid { padding:12px; }
  .ops-visual-card { padding:14px; }
  .ops-donut-layout { grid-template-columns:112px minmax(0,1fr); gap:12px; }
  .ops-donut { width:112px; height:112px; }
  .ops-donut b { font-size:23px; }
  .boss-health-banner { margin:12px; padding:16px; }
  .boss-health-stats { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .boss-health-stats span { padding:9px 6px; }
  .boss-daily-section > .executive-kpis { padding:0 12px; }
  .boss-daily-visual-grid { padding:0 12px 12px; }
  .decision-detail-section { padding:14px; }
  .decision-pulse-metrics { grid-template-columns:1fr; }
  .decision-pulse-metrics > span { border-right:0; border-bottom:1px solid #e2eaf0; }
  .decision-pulse-metrics > span:last-child { border-bottom:0; }
  .monitor-month-legend { align-items:flex-start; flex-wrap:wrap; }
  .monitor-month-legend em { width:100%; margin-left:0; }
  .monitor-month-stats { grid-template-columns:1fr; }
  .monitor-month-stats > span { border-right:0; border-bottom:1px solid #e3ebef; }
  .monitor-month-stats > span:last-child { border-bottom:0; }
  .monitor-daily-values {
    grid-template-columns:repeat(31,40px);
    overflow-x:auto;
    padding-bottom:5px;
  }
  .competitor-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .competitor-kpis.personal { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .competitor-collection-health-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .competitor-workspace-nav { grid-template-columns:1fr; }
  .competitor-workspace-nav button { min-height:58px; }
  .competitor-radar-brief,
  .competitor-operations-brief { grid-template-columns:1fr; }
  .competitor-radar-brief dl,
  .competitor-operations-brief dl { grid-template-columns:repeat(3,minmax(0,1fr)); width:100%; }
  .competitor-mission-nav { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .competitor-task-workbench dl { grid-template-columns:repeat(5,minmax(72px,1fr)); overflow-x:auto; }
  .competitor-ad-grid { grid-template-columns:1fr; }
  .competitor-ad-card { grid-template-columns:120px minmax(0,1fr); }
  .competitor-toolbar { align-items:stretch; flex-direction:column; overflow:visible; }
  .competitor-toolbar .field,
  .competitor-toolbar .field.keyword { min-width:0; width:100%; }
  .competitor-pagination { align-items:flex-start; flex-direction:column; }
  .competitor-pagination > div { justify-content:flex-start; }
  .competitor-personalization-panel,
  .competitor-effectiveness-panel { align-items:flex-start; flex-wrap:wrap; }
  .competitor-personalization-panel > div:first-child,
  .competitor-effectiveness-panel > div { flex:1 1 100%; margin-right:0; }
  .competitor-daily-quota { flex:1 1 100%; min-width:0; }
  .competitor-preference-tags { flex:1 1 100%; justify-content:flex-start; }
  .competitor-funnel-title { align-items:flex-start; flex-direction:column; }
  .competitor-funnel-stages { grid-template-columns:repeat(6,minmax(76px,1fr)); overflow-x:auto; }
  .competitor-funnel-stages i { display:none; }
}
@media (max-width:520px) {
  .competitor-collection-health header { align-items:flex-start; flex-direction:column; }
  .competitor-collection-health-grid { grid-template-columns:1fr; }
  .competitor-drawer-toolbar { grid-template-columns:1fr; }
  .competitor-drawer-toolbar .field.keyword { grid-column:auto; }
  .competitor-filter-fab { padding:0 15px; }
  .executive-kpis { grid-template-columns:1fr; }
  .executive-context-strip { grid-template-columns:1fr; }
  .executive-context-strip > span { border-right:0 !important; border-bottom:1px solid #e6edf2 !important; }
  .executive-context-strip > span:last-child { border-bottom:0 !important; }
  .ops-donut-layout { grid-template-columns:1fr; justify-items:center; }
  .ops-donut-legend { width:100%; }
  .boss-health-stats { grid-template-columns:1fr; }
  .boss-health-stats span { border-right:0; border-bottom:1px solid #e6edf1; }
  .boss-health-stats span:last-child { border-bottom:0; }
  .competitor-kpis { grid-template-columns:1fr 1fr; }
  .competitor-kpis.personal { grid-template-columns:1fr; }
  .competitor-radar-brief,
  .competitor-operations-brief { padding:13px; }
  .sales-product-signal-grid { gap:5px; }
  .sales-product-signal-grid b { font-size:13px; }
  .competitor-mission-nav { grid-template-columns:1fr; }
  .competitor-task-workbench { padding:12px; }
  .competitor-task-workbench dl { grid-template-columns:repeat(5,78px); }
  .modal-panel.modal-task-drawer { width:100vw; border-radius:0; }
  .modal-panel.modal-task-drawer #modalContent { padding:20px 14px 28px; }
  .competitor-package-drawer-nav { top:-20px; margin:-20px -14px 0; padding:11px 54px 11px 12px; }
  .competitor-skip-reason-modal > div { grid-template-columns:1fr; }
  .competitor-ad-card { grid-template-columns:1fr; }
  .competitor-ad-media,
  .competitor-media-placeholder { min-height:220px; max-height:340px; }
  .competitor-collector-notice > div:last-child { flex-wrap:wrap; white-space:normal; }
  .competitor-token-form,
  .competitor-token-reveal { grid-template-columns:1fr; }
  .competitor-token-reveal strong { grid-column:auto; }
  .competitor-test-result-fields { grid-template-columns:1fr; }
  .competitor-result-sku { grid-column:auto; }
  .modal-panel.modal-compact-result { width:calc(100vw - 20px); max-height:calc(100vh - 20px); }
  .modal-panel.modal-compact-result #modalContent { padding:18px 14px 14px; }
  .competitor-discovery-metrics { grid-template-columns:1fr 1fr; }
  .competitor-discovery-samples > a,
  .competitor-discovery-samples > div { height:78px; }
}
.competitor-inline-refresh {
  position: sticky;
  top: 10px;
  z-index: 24;
  width: max-content;
  max-width: calc(100% - 24px);
  margin: 10px 12px -50px auto;
  padding: 9px 14px;
  border: 1px solid rgba(18, 124, 177, .2);
  border-radius: 999px;
  background: rgba(255, 255, 255, .96);
  box-shadow: 0 8px 28px rgba(7, 42, 70, .14);
  color: #31506a;
  display: flex;
  align-items: center;
  gap: 9px;
  pointer-events: none;
}

.competitor-inline-refresh span {
  width: 12px;
  height: 12px;
  border: 2px solid #cfe4ee;
  border-top-color: #1384b8;
  border-radius: 50%;
  animation: competitor-refresh-spin .75s linear infinite;
}

.competitor-inline-refresh b {
  font-size: 13px;
  font-weight: 700;
}

.competitor-discovery-card {
  transition: opacity .16s ease, transform .16s ease;
}

.competitor-discovery-card.is-removing {
  opacity: 0;
  transform: scale(.985);
  pointer-events: none;
}

[data-competitor-product-action].is-saving {
  opacity: .72;
  cursor: wait;
}

@keyframes competitor-refresh-spin {
  to { transform: rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
  .competitor-inline-refresh span { animation: none; }
  .competitor-discovery-card { transition: none; }
}

.business-performance-section {
  border-top: 3px solid #1595a5;
}

/* Long source/basis explanations must not compete with the title for width. */
.business-performance-section > .ops-section-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  gap: 12px;
}

.business-performance-section > .ops-section-head > span {
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
  border-radius: 10px;
  white-space: normal;
  overflow-wrap: anywhere;
  line-height: 1.6;
}

.performance-period-labels {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 18px;
  margin: -2px 0 16px;
  color: #607b8d;
  font-size: 13px;
}

.performance-period-labels span {
  padding: 7px 10px;
  border-radius: 999px;
  background: #f2f7fa;
}

.performance-summary-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 16px;
}

.performance-summary-grid article {
  min-width: 0;
  padding: 15px;
  border: 1px solid #dbe7ee;
  border-radius: 14px;
  background: linear-gradient(180deg, #fbfdfe, #f3f8fa);
}

.performance-summary-grid article > small,
.performance-summary-grid article > span {
  display: block;
  color: #698091;
}

.performance-summary-grid article > strong {
  display: block;
  margin: 7px 0;
  color: #0b3e60;
  font-size: clamp(22px, 2vw, 32px);
  line-height: 1;
}

.performance-summary-grid article > span {
  min-height: 34px;
  font-size: 12px;
  line-height: 1.45;
}

.performance-summary-grid article > span.performance-count-comparison {
  min-height: 0;
}

.performance-summary-grid article > small.performance-rate-comparison {
  display: block;
  margin-top: 3px;
  color: #698091;
  font-size: 12px;
  line-height: 1.45;
}

.performance-change {
  display: inline-flex;
  align-items: center;
  margin-left: 4px;
  padding: 2px 7px;
  border-radius: 999px;
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
  white-space: nowrap;
}

.performance-change.is-up {
  color: #087f63;
  background: #e7f7f0;
}

.performance-change.is-down {
  color: #c34242;
  background: #fff0ef;
}

.performance-change.is-flat {
  color: #6b7f8c;
  background: #eef3f6;
}

.performance-table-wrap {
  max-height: 460px;
}

.performance-view-more {
  display: flex;
  justify-content: flex-end;
  margin-top: 14px;
}

.performance-view-more .btn {
  color: #08789d;
  border-color: #bedce7;
  background: #f7fcfd;
}

.performance-private-note {
  padding: 12px 14px;
  border: 1px solid #dbe7ee;
  border-radius: 12px;
  color: #607b8d;
  background: #f5f9fb;
  font-size: 13px;
  line-height: 1.6;
}

.performance-country-diagnosis {
  margin: 0 0 16px;
  overflow: hidden;
  border: 1px solid #d7e7ed;
  border-radius: 14px;
  background: #fff;
}

.performance-diagnosis-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 13px 15px;
  border-bottom: 1px solid #e2ecef;
  background: #f3faf9;
}

.performance-diagnosis-head strong,
.performance-diagnosis-head small {
  display: block;
}

.performance-diagnosis-head strong {
  color: #0b5266;
  font-size: 15px;
}

.performance-diagnosis-head small {
  margin-top: 3px;
  color: #647e8d;
  font-size: 12px;
}

.performance-diagnosis-head > span {
  padding: 4px 9px;
  border-radius: 999px;
  color: #a65c16;
  background: #fff1df;
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
}

.performance-diagnosis-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  padding: 12px;
}

.performance-diagnosis-card {
  display: flex;
  min-width: 0;
  min-height: 208px;
  flex-direction: column;
  padding: 13px;
  border: 1px solid #e0ebef;
  border-radius: 12px;
  background: #fbfdfe;
}

.performance-diagnosis-card.is-attention {
  border-color: #f4cfa8;
  background: #fffdf9;
}

.performance-diagnosis-card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
}

.performance-diagnosis-card-head span,
.performance-diagnosis-card-head span strong,
.performance-diagnosis-card-head span small {
  min-width: 0;
  display: block;
}

.performance-diagnosis-card-head strong {
  overflow: hidden;
  color: #113f59;
  font-size: 15px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.performance-diagnosis-card-head small {
  margin-top: 2px;
  color: #738a99;
  font-size: 11px;
}

.performance-diagnosis-card-head b {
  flex: 0 0 auto;
  padding: 4px 8px;
  border-radius: 999px;
  color: #087f63;
  background: #e7f7f0;
  font-size: 11px;
}

.performance-diagnosis-card.is-attention .performance-diagnosis-card-head b {
  color: #a65c16;
  background: #fff0de;
}

.performance-diagnosis-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  margin: 12px 0 10px;
}

.performance-diagnosis-metrics span {
  min-width: 0;
  padding: 8px;
  border-radius: 9px;
  background: #eef6f8;
}

.performance-diagnosis-metrics small,
.performance-diagnosis-metrics b {
  display: block;
}

.performance-diagnosis-metrics small {
  overflow: hidden;
  color: #718896;
  font-size: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.performance-diagnosis-metrics b {
  margin-top: 3px;
  color: #123f5a;
  font-size: 15px;
}

.performance-diagnosis-card p {
  margin: 0 0 11px;
  color: #305b70;
  font-size: 12px;
  line-height: 1.45;
}

.performance-diagnosis-card p strong,
.performance-diagnosis-card p small {
  display: block;
}

.performance-diagnosis-card p strong {
  color: #234f64;
}

.performance-diagnosis-card p small {
  margin-top: 3px;
  color: #728997;
}

.performance-country-drilldown {
  width: 100%;
  margin-top: auto;
  color: #08789d;
  border-color: #bedce7;
  background: #f7fcfd;
  font-size: 12px;
}

.business-country-operations {
  margin: 0 0 18px;
}

.business-country-operations-note {
  margin-bottom: 10px;
  padding: 9px 12px;
  border: 1px solid #c9e5e4;
  border-radius: 10px;
  color: #286277;
  background: #f0fbfa;
  font-size: 12px;
  line-height: 1.5;
}

.business-country-operation-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.business-country-operation-card {
  display: flex;
  min-width: 0;
  min-height: 398px;
  flex-direction: column;
  padding: 14px;
  border: 1px solid #dbe9ed;
  border-top: 3px solid #1b9aac;
  border-radius: 13px;
  background: #fff;
  box-shadow: 0 5px 14px rgba(36, 84, 101, .05);
}

.country-operation-head,
.business-goal-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.country-operation-head span,
.country-operation-head strong,
.country-operation-head small,
.business-goal-head span,
.business-goal-head strong,
.business-goal-head small {
  display: block;
  min-width: 0;
}

.country-operation-head strong,
.business-goal-head strong {
  overflow: hidden;
  color: #123e57;
  font-size: 16px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.country-operation-head small,
.business-goal-head small {
  margin-top: 3px;
  color: #6e8796;
  font-size: 11px;
}

.country-operation-head > b,
.business-goal-head > b {
  flex: 0 0 auto;
  padding: 4px 8px;
  border-radius: 999px;
  color: #607786;
  background: #edf3f5;
  font-size: 11px;
}

.is-up {
  color: #087f63 !important;
}

.is-down {
  color: #c64b4b !important;
}

.is-flat {
  color: #657a87 !important;
}

.country-operation-amount {
  margin: 12px 0 10px;
  padding: 10px;
  border-radius: 10px;
  background: #f3f8fa;
}

.country-operation-amount small,
.country-operation-amount strong,
.country-operation-amount span {
  display: block;
}

.country-operation-amount small {
  color: #728996;
  font-size: 11px;
}

.country-operation-amount strong {
  margin-top: 3px;
  color: #11435f;
  font-size: 19px;
}

.country-operation-amount span {
  margin-top: 4px;
  color: #6e8490;
  font-size: 11px;
}

.country-operation-amount em {
  margin-left: 3px;
  font-style: normal;
  font-weight: 700;
}

.country-operation-funnel {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 5px;
}

.country-operation-funnel span {
  min-width: 0;
  padding: 7px 5px;
  border-radius: 8px;
  background: #edf5f7;
  text-align: center;
}

.country-operation-funnel span.signed {
  background: #e7f7f0;
}

.country-operation-funnel span.returned,
.country-operation-funnel span.exception {
  background: #fff0ea;
}

.country-operation-funnel small,
.country-operation-funnel b {
  display: block;
}

.country-operation-funnel small {
  overflow: hidden;
  color: #69818f;
  font-size: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.country-operation-funnel b {
  margin-top: 3px;
  color: #13445e;
  font-size: 14px;
}

.country-operation-funnel-note {
  min-height: 30px;
  margin: 7px 0 9px;
  color: #7a8f9b;
  font-size: 10px;
  line-height: 1.4;
}

.country-operation-attribution {
  margin: 0 0 10px;
  padding: 10px;
  border-radius: 10px;
  background: #f7fbfc;
}

.country-operation-attribution > strong {
  color: #19556a;
  font-size: 12px;
}

.country-operation-attribution p {
  margin: 4px 0 8px;
  color: #456779;
  font-size: 12px;
  line-height: 1.45;
}

.country-operation-attribution > div {
  display: grid;
  grid-template-columns: 68px minmax(0, 1fr);
  gap: 6px;
  align-items: start;
  margin-top: 5px;
}

.country-operation-attribution > div > small {
  color: #78909d;
  font-size: 10px;
  line-height: 1.8;
}

.country-operation-contributors {
  display: flex;
  min-width: 0;
  flex-wrap: wrap;
  gap: 4px;
}

.country-operation-contributors span,
.country-operation-empty {
  max-width: 100%;
  overflow: hidden;
  padding: 3px 6px;
  border-radius: 999px;
  color: #4c6977;
  background: #eaf2f5;
  font-size: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.country-operation-contributors b {
  margin-left: 2px;
}

.country-operation-attribution > em {
  display: block;
  margin-top: 8px;
  color: #8a9ca5;
  font-size: 10px;
  font-style: normal;
  line-height: 1.35;
}

.business-goals-section {
  border-top: 3px solid #1b9aac;
}

.business-goal-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 9px;
  margin: 14px 0;
}

.business-goal-summary span {
  padding: 10px;
  border: 1px solid #dbe9ed;
  border-radius: 10px;
  background: #fbfdfe;
}

.business-goal-summary small,
.business-goal-summary b,
.business-goal-summary em {
  display: block;
}

.business-goal-summary small,
.business-goal-summary em {
  color: #738a98;
  font-size: 11px;
  font-style: normal;
}

.business-goal-summary b {
  margin: 3px 0;
  color: #143f58;
  font-size: 21px;
}

.business-goal-summary .red { border-color: #f3cdcc; background: #fffafa; }
.business-goal-summary .yellow { border-color: #f3dcaa; background: #fffdf7; }
.business-goal-summary .green { border-color: #c8e6d8; background: #f9fefb; }

.business-goal-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.business-goal-card {
  display: flex;
  min-width: 0;
  min-height: 260px;
  flex-direction: column;
  padding: 14px;
  border: 1px solid #dce9ed;
  border-left: 4px solid #97aab3;
  border-radius: 12px;
  background: #fff;
}

.business-goal-card.red { border-left-color: #d95b5b; }
.business-goal-card.yellow { border-left-color: #d9a640; }
.business-goal-card.green { border-left-color: #159676; }
.business-goal-card.watch { border-left-color: #2388ad; }

.business-goal-card.red .business-goal-head > b { color: #b53d3d; background: #fff0ef; }
.business-goal-card.yellow .business-goal-head > b { color: #a66b08; background: #fff4dc; }
.business-goal-card.green .business-goal-head > b { color: #087f63; background: #e7f7f0; }
.business-goal-card.watch .business-goal-head > b { color: #176e92; background: #e7f3fb; }

.business-goal-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
  margin: 12px 0 9px;
}

.business-goal-metrics span {
  min-width: 0;
  padding: 8px;
  border-radius: 8px;
  background: #eff6f8;
}

.business-goal-metrics small,
.business-goal-metrics strong,
.business-goal-metrics em {
  display: block;
}

.business-goal-metrics small,
.business-goal-metrics em {
  overflow: hidden;
  color: #718894;
  font-size: 10px;
  font-style: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.business-goal-metrics strong {
  margin: 3px 0;
  color: #124059;
  font-size: 17px;
}

.business-goal-pace,
.business-goal-alert {
  padding: 9px;
  border-radius: 9px;
  color: #536f7d;
  background: #f4f8fa;
  font-size: 11px;
  line-height: 1.45;
}

.business-goal-alert {
  margin: 8px 0 10px;
  background: #f8fbfc;
}

.business-goal-alert strong {
  display: block;
  color: #24576c;
}

.business-goal-alert p {
  margin: 3px 0 0;
}

.business-goal-card .business-target-edit {
  width: 100%;
  margin-top: auto;
  color: #097a9c;
  border-color: #bcdce7;
  background: #f7fcfd;
}

.performance-country-amounts {
  margin: 0 0 16px;
  overflow: hidden;
  border: 1px solid #d7e7ed;
  border-radius: 14px;
  background: #fff;
}

.performance-country-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 13px 15px;
  border-bottom: 1px solid #e2ecef;
  background: #f3faf9;
}

.performance-country-head strong,
.performance-country-head small {
  display: block;
}

.performance-country-head strong {
  color: #0b5266;
  font-size: 15px;
}

.performance-country-head small {
  margin-top: 3px;
  color: #647e8d;
  font-size: 12px;
}

.performance-country-head > span,
.performance-currency {
  padding: 4px 9px;
  border-radius: 999px;
  color: #087f63;
  background: #e7f7f0;
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
}

.performance-country-table-wrap {
  max-height: 310px;
  border: 0;
  border-radius: 0;
}

.performance-country-table {
  min-width: 1040px;
}

.performance-country-table td b,
.performance-country-table td small {
  display: block;
}

.performance-country-table td small {
  margin-top: 3px;
  color: #8295a2;
}

.performance-table {
  min-width: 980px;
}

.performance-table td b,
.performance-table td small {
  display: block;
}

.performance-table td small {
  margin-top: 3px;
  color: #8295a2;
}

.performance-rank strong,
.performance-rank em {
  display: inline-block;
  margin-right: 6px;
}

.performance-rank em {
  color: #7b8c98;
  font-style: normal;
}

.performance-rank .rank-up {
  color: #087f63;
}

.performance-rank .rank-down {
  color: #c34242;
}

@media (max-width: 1500px) {
  .performance-summary-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .performance-diagnosis-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .business-country-operation-grid,
  .business-goal-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .performance-summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .performance-period-labels {
    display: grid;
  }

  .performance-diagnosis-head {
    align-items: flex-start;
    flex-direction: column;
  }

  .performance-diagnosis-grid {
    grid-template-columns: 1fr;
  }

  .business-country-operation-grid,
  .business-goal-grid,
  .business-goal-summary {
    grid-template-columns: 1fr;
  }

  .business-country-operation-card {
    min-height: 0;
  }
}

/* Air-freight control tower */
.air-hero {
  position:relative;
  min-height:184px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:32px;
  overflow:hidden;
  padding:30px 34px;
  border:1px solid #0a6688;
  border-radius:16px;
  color:#fff;
  background:
    radial-gradient(circle at 78% 35%, rgba(85,224,219,.27), transparent 24%),
    linear-gradient(125deg,#073a58 0%,#075d7c 52%,#087f83 100%);
  box-shadow:0 18px 38px rgba(7,65,91,.2);
}
.air-hero::after {
  content:"";
  position:absolute;
  right:-70px;
  bottom:-125px;
  width:420px;
  height:260px;
  border:1px solid rgba(255,255,255,.17);
  border-radius:50%;
  transform:rotate(-12deg);
}
.air-hero-copy { position:relative; z-index:2; max-width:760px; }
.air-hero .eyebrow {
  display:block;
  margin-bottom:9px;
  color:#85ebe4;
  font-size:11px;
  font-weight:900;
  letter-spacing:.16em;
}
.air-hero h2 { margin:0; font-size:30px; line-height:1.25; }
.air-hero p { max-width:700px; margin:10px 0 0; color:#d9f2f4; font-size:14px; line-height:1.7; }
.air-hero-radar {
  position:relative;
  z-index:2;
  flex:0 0 136px;
  width:136px;
  height:136px;
  border:1px solid rgba(255,255,255,.28);
  border-radius:50%;
  background:rgba(255,255,255,.06);
}
.air-hero-radar::before,
.air-hero-radar::after,
.air-hero-radar i {
  content:"";
  position:absolute;
  inset:50%;
  border:1px solid rgba(255,255,255,.18);
  border-radius:50%;
  transform:translate(-50%,-50%);
}
.air-hero-radar::before { width:88px; height:88px; }
.air-hero-radar::after { width:44px; height:44px; }
.air-hero-radar i:nth-child(1) { width:1px; height:118px; border:0; border-left:1px solid rgba(255,255,255,.16); border-radius:0; }
.air-hero-radar i:nth-child(2) { width:118px; height:1px; border:0; border-top:1px solid rgba(255,255,255,.16); border-radius:0; }
.air-hero-radar i:nth-child(3) { width:60px; height:60px; border:0; border-top:2px solid #6fe6dc; animation:air-radar 3s linear infinite; }
.air-hero-radar b { position:absolute; inset:0; display:grid; place-items:center; color:#fff; font-size:29px; transform:rotate(-22deg); }
@keyframes air-radar { to { transform:translate(-50%,-50%) rotate(360deg); } }

.air-summary-grid {
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:12px;
  margin-top:14px;
}
.air-summary-grid > div {
  min-width:0;
  padding:17px 18px;
  border:1px solid #dce8ec;
  border-radius:12px;
  background:#fff;
  box-shadow:0 8px 22px rgba(20,67,83,.06);
}
.air-summary-grid span,
.air-summary-grid small,
.air-summary-grid b { display:block; }
.air-summary-grid span { color:#5f7884; font-size:12px; font-weight:800; }
.air-summary-grid b { margin:6px 0 3px; color:#0b5069; font-size:25px; line-height:1.1; }
.air-summary-grid small { overflow:hidden; color:#8a9ca5; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
.air-summary-grid > div:nth-child(2) b { color:#df7a20; }
.air-summary-grid > div:nth-child(3) b { color:#0c8d72; }

.air-sync-notice {
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:13px;
  margin-top:14px;
  padding:13px 16px;
  border:1px solid #f0d7a7;
  border-radius:11px;
  background:#fff9eb;
  color:#684f27;
}
.air-sync-notice.ok { border-color:#bfe6d8; background:#effaf6; color:#176b56; }
.air-sync-icon { display:grid; width:32px; height:32px; place-items:center; border-radius:50%; color:#fff; background:#e4982d; font-size:18px; font-weight:900; }
.air-sync-notice.ok .air-sync-icon { background:#0c9677; }
.air-sync-notice b { display:block; color:#42361f; font-size:13px; }
.air-sync-notice.ok b { color:#155a49; }
.air-sync-notice p { margin:3px 0 0; font-size:12px; line-height:1.55; }
.air-sync-notice time { color:#8f7c5a; font-size:11px; white-space:nowrap; }

.air-filter-section { overflow:visible; }
.air-filter-form {
  display:grid;
  grid-template-columns:repeat(4,minmax(120px,1fr)) minmax(180px,1.35fr) auto;
  gap:11px;
  align-items:end;
  padding:15px;
}
.air-filter-form label { display:grid; min-width:0; gap:5px; }
.air-filter-form label > span { color:#5c7380; font-size:11px; font-weight:900; }
.air-filter-form input,
.air-filter-form select { width:100%; height:38px; padding:0 10px; border:1px solid #cad9df; border-radius:7px; background:#fff; box-sizing:border-box; outline:none; }
.air-filter-form input:focus,
.air-filter-form select:focus { border-color:#0c7f9c; box-shadow:0 0 0 3px rgba(12,127,156,.1); }
.air-filter-actions { display:flex; gap:7px; }
.air-filter-actions .btn { min-height:38px; }

.air-country-overview {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(132px,1fr));
  gap:9px;
  margin-top:14px;
}
.air-country-card {
  min-width:0;
  padding:13px 14px;
  border:1px solid #dce7eb;
  border-radius:10px;
  text-align:left;
  background:#fff;
  color:#47636f;
  cursor:pointer;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.air-country-card:hover { transform:translateY(-2px); border-color:#89c7cf; box-shadow:0 8px 20px rgba(20,79,94,.09); }
.air-country-card.active { border-color:#0b8494; background:linear-gradient(145deg,#f0fbfb,#fff); box-shadow:inset 0 0 0 1px #0b8494; }
.air-country-card span,
.air-country-card b,
.air-country-card small { display:block; }
.air-country-card span { color:#0a8395; font-size:11px; font-weight:900; letter-spacing:.08em; }
.air-country-card b { margin:3px 0; color:#173f51; font-size:21px; }
.air-country-card small { overflow:hidden; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }

.air-list-head { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin:23px 2px 10px; }
.air-list-head h2 { margin:0; color:#153b4c; font-size:20px; }
.air-list-head p { margin:4px 0 0; color:#7b909a; font-size:12px; }
.air-list-head > span { color:#57717d; font-size:12px; font-weight:900; }
.air-batch-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.air-batch-card {
  min-width:0;
  overflow:hidden;
  border:1px solid #d9e7eb;
  border-radius:13px;
  background:#fff;
  box-shadow:0 9px 26px rgba(18,67,82,.07);
  transition:transform .16s ease,box-shadow .16s ease;
}
.air-batch-card:hover { transform:translateY(-2px); box-shadow:0 14px 30px rgba(18,67,82,.12); }
.air-batch-head { display:flex; align-items:flex-start; justify-content:space-between; gap:15px; padding:17px 18px 13px; }
.air-batch-identity { display:flex; min-width:0; gap:11px; }
.air-country-code { display:grid; flex:0 0 42px; width:42px; height:42px; place-items:center; border-radius:9px; color:#fff; background:linear-gradient(145deg,#08647c,#0b948c); font-size:12px; font-weight:900; letter-spacing:.06em; box-shadow:0 5px 12px rgba(7,112,127,.2); }
.air-batch-identity > div { min-width:0; }
.air-batch-identity small { color:#708792; font-size:11px; font-weight:800; }
.air-batch-identity h3 { overflow:hidden; margin:3px 0 1px; color:#173d4e; font-size:16px; text-overflow:ellipsis; white-space:nowrap; }
.air-batch-identity p { overflow:hidden; margin:0; color:#7e919a; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
.air-batch-status { display:grid; justify-items:end; flex:0 0 auto; gap:6px; }
.air-batch-status small { color:#8a9ba2; font-size:10px; }
.air-status { display:inline-flex; align-items:center; min-height:24px; padding:1px 9px; border-radius:999px; font-size:11px; font-weight:900; white-space:nowrap; }
.air-status.moving { color:#b35e0c; background:#fff0dc; }
.air-status.receiving { color:#13718c; background:#e6f5f9; }
.air-status.complete { color:#08735d; background:#e4f6ef; }
.air-status.cancelled { color:#9e4c4c; background:#f9eaea; }
.air-status.pending { color:#657580; background:#edf2f4; }

.air-progress { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); padding:8px 18px 13px; }
.air-progress span { position:relative; display:grid; justify-items:center; gap:5px; min-width:0; color:#9ba9af; }
.air-progress span::before { content:""; position:absolute; top:10px; right:50%; width:100%; height:2px; background:#dce5e8; }
.air-progress span:first-child::before { display:none; }
.air-progress span.done::before { background:#3db5a3; }
.air-progress i { position:relative; z-index:1; display:grid; width:21px; height:21px; place-items:center; border:2px solid #d6e1e4; border-radius:50%; background:#fff; font-size:9px; font-style:normal; font-weight:900; }
.air-progress span.done i { border-color:#39ad9d; color:#fff; background:#39ad9d; }
.air-progress span.current i { box-shadow:0 0 0 4px rgba(57,173,157,.14); }
.air-progress em { overflow:hidden; max-width:100%; font-size:9px; font-style:normal; font-weight:800; text-overflow:ellipsis; white-space:nowrap; }
.air-progress span.done em { color:#287c72; }

.air-batch-body { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(260px,1fr); gap:14px; padding:13px 18px; border-top:1px solid #edf3f5; background:#fbfdfd; }
.air-latest-track { display:flex; min-width:0; gap:10px; }
.air-latest-track > i { flex:0 0 8px; width:8px; height:8px; margin-top:6px; border:3px solid #d9f2ed; border-radius:50%; background:#12a687; }
.air-latest-track > div { display:grid; min-width:0; gap:2px; }
.air-latest-track small { color:#80949d; font-size:10px; font-weight:800; }
.air-latest-track b { overflow:hidden; color:#264c5a; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
.air-latest-track time { color:#91a0a6; font-size:10px; }
.air-latest-track .sea-eta { color:#0b7f91; font-size:10px; font-weight:900; }
.air-batch-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:5px; }
.air-batch-metrics span { min-width:0; padding-left:7px; border-left:1px solid #dfebee; }
.air-batch-metrics small,
.air-batch-metrics b { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.air-batch-metrics small { color:#84969e; font-size:9px; }
.air-batch-metrics b { margin-top:3px; color:#184b5b; font-size:13px; }
.air-sku-strip { display:flex; min-height:26px; align-items:center; gap:6px; overflow:hidden; padding:10px 18px; border-top:1px solid #edf3f5; }
.air-sku-strip span { display:inline-flex; min-width:0; align-items:center; gap:5px; padding:4px 7px; border-radius:5px; color:#42636e; background:#edf5f6; font-size:9px; white-space:nowrap; }
.air-sku-strip span b { max-width:110px; overflow:hidden; text-overflow:ellipsis; }
.air-sku-strip span em { color:#0b8a7d; font-style:normal; font-weight:900; }
.air-sku-strip .more { color:#0b7f91; background:#e5f5f6; font-weight:900; }
.air-sku-strip .empty { color:#8b9ca3; }
.air-batch-foot { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:11px 18px; border-top:1px solid #e7eff1; }
.air-batch-foot > span { overflow:hidden; color:#7b8f98; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.air-detail-btn { border-color:transparent; color:#087a8c; background:transparent; box-shadow:none; }
.air-detail-btn:hover { border-color:#b6dce1; background:#f0f9f9; }
.air-detail-btn b { margin-left:4px; }
.air-empty { grid-column:1/-1; display:grid; justify-items:center; gap:7px; padding:55px 20px; color:#7a8f98; }
.air-empty b { color:#294e5b; }

.air-detail-modal { min-width:0; }
.air-detail-title { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:13px; padding-right:44px; }
.air-detail-title small { color:#748993; font-size:11px; font-weight:800; }
.air-detail-title h2 { margin:3px 0 1px; color:#123e50; font-size:21px; }
.air-detail-title p { margin:0; color:#84969e; font-size:11px; }
.air-detail-modal > .air-progress { margin:18px 0 4px; padding:10px 2px 16px; }

.sea-hero {
  background:
    radial-gradient(circle at 78% 16%, rgba(90,189,222,.28), transparent 31%),
    linear-gradient(120deg, #073956 0%, #07506d 49%, #087b89 100%);
}
.sea-hero::after { background:linear-gradient(135deg, transparent 12%, rgba(120,220,231,.15)); }
.sea-radar b { transform:none; color:#d8fbff; }
.sea-radar i:nth-child(3) { border-top-color:#75d9ed; }
.sea-progress span.done::before { background:#2c9db2; }
.sea-progress span.done i { border-color:#238ca7; background:#238ca7; }
.sea-progress span.current i { box-shadow:0 0 0 4px rgba(35,140,167,.15); }
.sea-progress span.done em { color:#17677b; }
.sea-batch-card { border-top:3px solid #2b9bb2; }
.sea-batch-card .air-country-code,
.sea-detail-modal .air-country-code { background:linear-gradient(145deg,#07506d,#0b91a3); }
.sea-notice .air-sync-icon { width:36px; border-radius:9px; background:#137d96; font-size:10px; }
.air-detail-stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); overflow:hidden; margin-bottom:14px; border:1px solid #dce8eb; border-radius:9px; background:#f8fbfc; }
.air-detail-stats span { min-width:0; padding:11px 13px; border-right:1px solid #dce8eb; }
.air-detail-stats span:last-child { border-right:0; }
.air-detail-stats small,
.air-detail-stats b { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.air-detail-stats small { color:#7e929a; font-size:10px; }
.air-detail-stats b { margin-top:4px; color:#234b5a; font-size:12px; }
.sea-detail-stats { grid-template-columns:repeat(5,minmax(0,1fr)); }
.air-detail-columns { display:grid; grid-template-columns:minmax(0,1fr) minmax(360px,.85fr); gap:14px; }
.air-detail-panel { min-width:0; overflow:hidden; border:1px solid #dbe7ea; border-radius:10px; background:#fff; }
.air-panel-title { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:13px 14px; border-bottom:1px solid #e5edef; background:#f8fbfc; }
.air-panel-title h3 { margin:0; color:#173f50; font-size:15px; }
.air-panel-title p { margin:3px 0 0; color:#7d9098; font-size:10px; }
.air-panel-title > b { color:#0a837e; font-size:13px; }
.air-item-table { max-height:370px; overflow:auto; }
.air-item-table table { width:100%; min-width:560px; border-collapse:collapse; }
.air-item-table th,
.air-item-table td { padding:9px 10px; border-bottom:1px solid #edf2f3; text-align:left; font-size:10px; }
.air-item-table th { position:sticky; top:0; z-index:1; color:#6b808a; background:#f3f7f8; }
.air-item-table td { color:#3b5965; }
.air-item-table td b,
.air-item-table td small { display:block; }
.air-item-table td b { color:#153e4d; }
.air-item-table td small { margin-top:2px; color:#87979e; }
.air-waybill-tabs { display:flex; gap:6px; overflow-x:auto; padding:10px 13px; border-bottom:1px solid #edf2f3; }
.air-waybill-tabs span { padding:5px 8px; border-radius:5px; color:#08798a; background:#eaf6f7; font-size:9px; font-weight:900; white-space:nowrap; }
.air-waybill-track-groups { display:grid; gap:10px; max-height:390px; overflow:auto; padding:11px; background:#f6fafb; }
.air-waybill-track { overflow:hidden; border:1px solid #dbe8eb; border-radius:9px; background:#fff; }
.air-waybill-track > header { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:9px 11px; border-bottom:1px solid #e8eff1; background:#f9fcfc; }
.air-waybill-track > header div { display:grid; gap:2px; min-width:0; }
.air-waybill-track > header small { color:#84969e; font-size:8px; }
.air-waybill-track > header b { overflow:hidden; color:#155164; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.air-waybill-track > header span { flex:none; padding:4px 7px; border-radius:999px; color:#08796e; background:#e5f5f1; font-size:9px; font-weight:900; }
.air-waybill-track .air-timeline { max-height:230px; padding:11px 12px 2px; }
.air-waybill-empty { padding:18px; color:#82969d; font-size:10px; text-align:center; }
.air-latest-track.mixed > i { background:#e59d27; box-shadow:0 0 0 4px #fff1d9; }
.air-track-pending { display:grid; justify-items:center; gap:5px; padding:26px 18px; color:#81939a; text-align:center; }
.air-track-pending i { display:grid; width:42px; height:42px; place-items:center; border-radius:50%; color:#0a8391; background:#eaf7f7; font-size:24px; font-style:normal; }
.air-track-pending b { color:#385e6b; font-size:12px; }
.air-track-pending p { max-width:320px; margin:0; font-size:10px; line-height:1.5; }
.air-timeline { max-height:330px; overflow:auto; padding:13px 14px 6px; }
.air-timeline-event { position:relative; display:grid; grid-template-columns:15px minmax(0,1fr); gap:8px; padding-bottom:17px; }
.air-timeline-event::before { content:""; position:absolute; top:10px; bottom:-2px; left:5px; width:1px; background:#d9e6e8; }
.air-timeline-event:last-child::before { display:none; }
.air-timeline-event > i { position:relative; z-index:1; width:9px; height:9px; margin-top:4px; border:1px solid #a6b9bf; border-radius:50%; background:#fff; }
.air-timeline-event.latest > i { border-color:#0d9a80; background:#0d9a80; box-shadow:0 0 0 4px #ddf3ee; }
.air-timeline-event > div { display:grid; gap:3px; min-width:0; }
.air-timeline-event time { color:#0b8a7b; font-size:10px; font-weight:900; }
.air-timeline-event b { color:#294d5a; font-size:11px; line-height:1.45; }
.air-timeline-event small { color:#8a9ba1; font-size:9px; }

@media (max-width:1450px) {
  .air-summary-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .air-filter-form { grid-template-columns:repeat(3,minmax(140px,1fr)); }
  .air-filter-actions { justify-content:flex-end; }
  .air-batch-grid { grid-template-columns:1fr; }
}
@media (max-width:980px) {
  .air-hero { min-height:150px; padding:24px; }
  .air-hero-radar { flex-basis:104px; width:104px; height:104px; }
  .air-summary-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .air-filter-form { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .air-filter-actions { grid-column:1/-1; }
  .air-batch-body,
  .air-detail-columns { grid-template-columns:1fr; }
  .air-detail-stats,
  .sea-detail-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .air-detail-stats span { border-bottom:1px solid #dce8eb; }
  .air-detail-stats span:nth-child(even) { border-right:0; }
  .air-detail-stats span:last-child { border-bottom:0; }
}
@media (max-width:620px) {
  .air-hero { min-height:0; padding:21px 18px; }
  .air-hero h2 { font-size:24px; }
  .air-hero-radar { display:none; }
  .air-summary-grid { grid-template-columns:1fr 1fr; gap:8px; }
  .air-summary-grid > div { padding:14px; }
  .air-summary-grid > div:last-child { grid-column:1/-1; }
  .air-sync-notice { grid-template-columns:auto minmax(0,1fr); align-items:start; }
  .air-sync-notice time { grid-column:2; }
  .air-filter-form { grid-template-columns:1fr; }
  .air-filter-actions { grid-column:auto; }
  .air-batch-head,
  .air-batch-foot { align-items:flex-start; }
  .air-batch-foot { flex-direction:column; }
  .air-batch-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); row-gap:9px; }
  .air-progress { padding-left:8px; padding-right:8px; }
  .air-progress em { display:none; }
  .air-detail-title { grid-template-columns:auto minmax(0,1fr); }
  .air-detail-title .air-status { grid-column:2; justify-self:start; }
  .air-detail-stats,
  .sea-detail-stats { grid-template-columns:1fr; }
  .air-detail-stats span { border-right:0; border-bottom:1px solid #dce8eb; }
  .air-detail-stats span:last-child { border-bottom:0; }
}
.product-finder-final-review{display:grid;gap:12px;padding:18px;border:1px solid #f0d399;border-radius:15px;background:linear-gradient(135deg,#fffaf0,#fff)}
.product-finder-evidence-status{display:grid;gap:10px;padding:15px 18px;border:1px solid #cfe5ea;border-radius:15px;background:#f5fbfc}.product-finder-evidence-status>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.product-finder-evidence-status h3{margin:2px 0 0;color:#153f57;font-size:17px}.product-finder-evidence-status p{max-width:680px;margin:0;color:#607d8b;font-size:12px}.product-finder-evidence-status>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.product-finder-evidence-status>div>b,.product-finder-evidence-status>div>span,.product-finder-evidence-status i{padding:6px 9px;border-radius:999px;background:#fff;color:#486879;font-size:11px;font-style:normal}.product-finder-evidence-status i.active{background:#e3f7ed;color:#117248}.product-finder-evidence-status i.waiting{background:#fff2df;color:#926116}
.product-finder-precision-status{display:grid;gap:12px;padding:17px 18px;border:1px solid #c8e2e7;border-radius:15px;background:linear-gradient(135deg,#f1fbfc,#fff)}.product-finder-precision-status>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.product-finder-precision-status h3{margin:2px 0 0;color:#123e58;font-size:18px}.product-finder-precision-status p{max-width:620px;margin:0;color:#66808f;font-size:12px}.product-finder-precision-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.product-finder-precision-grid article{display:grid;gap:2px;padding:13px;border:1px solid #d7e7eb;border-radius:11px;background:#fff}.product-finder-precision-grid article.exact{border-color:#b8e0d1;background:#f3fcf7}.product-finder-precision-grid b{color:#0c7e91;font-size:25px;line-height:1}.product-finder-precision-grid article.exact b{color:#128252}.product-finder-precision-grid span{color:#153d55;font-size:13px;font-weight:800}.product-finder-precision-grid small{color:#718995;font-size:11px}
.business-data-control{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px;padding:11px 16px;border:1px solid;border-radius:12px;font-size:12px}.business-data-control b{white-space:nowrap;font-size:13px}.business-data-control span{line-height:1.5;text-align:right}.business-data-control.is-pass{border-color:#b9e3d3;background:#edf9f4;color:#176c54}.business-data-control.is-warn{border-color:#f2d28a;background:#fff8e8;color:#8b5b00}.business-data-control.is-fail{border-color:#f1bdb7;background:#fff1ef;color:#a23f35}
.business-money-governance{margin-top:12px}.business-money-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.business-money-grid article{padding:14px;border:1px solid #e4edf3;border-radius:12px;background:#f8fbfd}.business-money-grid label{display:block;margin-bottom:9px;color:#587083;font-size:12px;font-weight:700}.business-money-grid article>div{display:flex;flex-wrap:wrap;gap:7px}.business-money-grid article span{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:8px;background:#fff;border:1px solid #e1eaf0}.business-money-grid article span b{color:#1d607f;font-size:11px}.business-money-grid article span em{color:#18364a;font-size:12px;font-style:normal;font-weight:700}.business-money-grid .money-empty{color:#8093a1;font-weight:400}
.business-sku-pagination{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:12px}.business-sku-pagination span{color:#6f8795;font-size:12px}.business-sku-pagination .btn:disabled,.business-target-edit:disabled,[data-exception-closure]:disabled{cursor:not-allowed;opacity:.48}
.business-data-control.is-info{border-color:#d3e3ed;background:#f6fbff;color:#36566e}
@media(max-width:720px){.business-data-control{align-items:flex-start;flex-direction:column;gap:5px}.business-data-control span{text-align:left}.business-money-grid{grid-template-columns:1fr}.business-sku-pagination{justify-content:space-between}}
.product-finder-final-review>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.product-finder-final-review>header h3{margin:0;color:#6d4900;font-size:17px}.product-finder-final-review>header p{margin:4px 0 0;color:#806b45;font-size:12px}.product-finder-final-review>header b{display:grid;min-width:36px;height:36px;place-items:center;border-radius:50%;background:#f4a62a;color:#fff}
.product-finder-final-review>header>nav{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}.product-finder-final-review>header>nav>label{color:#806b45;font-size:12px;white-space:nowrap}.product-finder-final-review-check{display:grid;place-items:center}.product-finder-final-review-check input{width:18px;height:18px;accent-color:#0b8dab}
.product-finder-final-review-list,.product-finder-final-review-card{display:grid;gap:10px}.product-finder-final-review-card{padding:14px;border:1px solid #ead9b8;border-radius:12px;background:#fff}.product-finder-final-review-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.product-finder-final-review-card h4{margin:0;color:#263f50;font-size:15px}.product-finder-final-review-card small{color:#8a795b}.product-finder-final-review-card>header>span{white-space:nowrap;color:#9d6800;font-size:11px}
.product-finder-final-review-candidates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.product-finder-final-review-candidate{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:10px;border:1px solid #d7e5e9;border-radius:9px;background:#f8fbfc}.product-finder-final-review-candidate>a{min-width:0;overflow:hidden;color:#087da8;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.product-finder-final-review-candidate .btn{padding:7px 9px;font-size:11px}.product-finder-final-review-close{justify-self:start;border-color:#dfb86c;color:#8a5c00;background:#fff8ea}
/* Dedicated demand-driven finder.  It intentionally does not inherit the
   dense five-column competitor radar layout. */
.product-finder-page{display:grid;gap:16px}.product-finder-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 26px;border-top:4px solid #1498a4;background:linear-gradient(135deg,#f4fcfd,#fff)}.product-finder-hero>div{min-width:0}.product-finder-hero small{color:#078a98;font-weight:800;letter-spacing:.12em}.product-finder-hero h2{margin:6px 0 4px;color:#092d48;font-size:24px}.product-finder-hero p{margin:0;color:#667f91}.product-finder-hero .btn{min-width:180px;height:46px}.product-finder-hero-actions{display:flex;gap:10px;flex:0 0 auto}.product-finder-hero-actions .btn{min-width:145px}.product-finder-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-finder-tabs button{position:relative;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:3px 18px;text-align:left;border:1px solid #d7e7ed;border-radius:14px;padding:16px 20px;background:#fff;color:#173e59;cursor:pointer;box-shadow:0 5px 18px rgba(18,63,89,.05)}.product-finder-tabs button:hover,.product-finder-tabs button.active{border-color:#169ba7;box-shadow:0 7px 24px rgba(11,143,154,.13)}.product-finder-tabs button.active{background:linear-gradient(135deg,#087cab,#13a79d);color:#fff}.product-finder-tabs strong{font-size:18px}.product-finder-tabs span{font-size:13px;opacity:.72}.product-finder-tabs b{grid-row:1/3;grid-column:2;align-self:center;display:grid;place-items:center;min-width:37px;height:37px;border-radius:50%;background:#eef6f8;font-size:15px}.product-finder-tabs button.active b{background:rgba(255,255,255,.18)}.product-finder-toolbar{position:sticky;top:0;z-index:4;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,360px) auto;align-items:center;gap:14px;padding:12px 14px;border:1px solid #d9e8ed;border-radius:14px;background:rgba(255,255,255,.96);box-shadow:0 6px 18px rgba(17,60,83,.06);backdrop-filter:blur(8px)}.product-finder-filter-group{display:flex;flex-wrap:wrap;gap:7px}.product-finder-filter-group button{padding:8px 12px;border:1px solid #d2e3e8;border-radius:999px;background:#f7fbfc;color:#486a7d;cursor:pointer}.product-finder-filter-group button.active{border-color:#0d929f;background:#e6f7f7;color:#087b89;font-weight:800}.product-finder-toolbar label{display:flex;align-items:center;gap:9px;padding:0 12px;border:1px solid #d3e3e8;border-radius:10px;background:#fff}.product-finder-toolbar label span{font-size:12px;font-weight:800;color:#78909e}.product-finder-toolbar input{width:100%;min-width:0;padding:10px 0;border:0;outline:0;background:transparent;color:#173e59}.product-finder-toolbar>b{white-space:nowrap;color:#6f8998;font-size:12px}.product-finder-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}.product-finder-request-card{min-width:0;padding:18px;border:1px solid #d8e7ed;border-radius:15px;background:#fff;box-shadow:0 5px 16px rgba(22,62,85,.05)}.product-finder-request-card[hidden]{display:none}.product-finder-request-card>header{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:13px;align-items:start}.product-finder-request-card>header>div{display:grid;place-items:center;width:54px;height:54px;border-radius:12px;background:#e7f6f7;color:#087e91;font-weight:800;overflow:hidden}.product-finder-request-card>header img{width:100%;height:100%;object-fit:cover}.product-finder-request-card>header small{color:#7690a1}.product-finder-request-card h3{margin:3px 0;font-size:17px;line-height:1.35;color:#123a54}.product-finder-request-card p{margin:0;color:#507085;font-size:13px}.product-finder-request-card header section>a{display:inline-block;margin-top:5px;color:#087da8;font-size:13px}.product-finder-request-card header>b{padding:6px 9px;border-radius:999px;background:#edf6f7;color:#087b8e;font-size:12px;white-space:nowrap}.product-finder-request-card header>b.done{background:#e7f7ef;color:#078651}.product-finder-request-card header>b.similar{background:#fff4dc;color:#a86a00}.product-finder-evidence-grid,.product-finder-video-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:13px;padding-top:13px;border-top:1px solid #e5eef2}.product-finder-evidence-grid button,.product-finder-video-list a{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0;padding:11px 12px;border:1px solid #cfe4e9;border-radius:10px;background:#f7fbfc;text-decoration:none;color:#143b54;text-align:left}.product-finder-evidence-grid button{cursor:pointer}.product-finder-evidence-grid button:hover,.product-finder-video-list a:hover{border-color:#0f96a4;background:#effafb}.product-finder-evidence-grid strong,.product-finder-video-list strong{font-size:13px;color:#067f92}.product-finder-evidence-grid span,.product-finder-video-list span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.product-finder-evidence-grid small,.product-finder-video-list small{color:#6d8797;font-size:11px}.product-finder-pending{position:relative;margin-top:13px;padding:16px 0 0;border-top:1px solid #e5eef2;overflow:hidden}.product-finder-pending:before{content:"";display:block;height:6px;border-radius:99px;background:#e7eff2}.product-finder-pending i{position:absolute;top:16px;left:0;height:6px;border-radius:99px;background:linear-gradient(90deg,#087eae,#18ab9a)}.product-finder-pending span{display:block;margin-top:7px;color:#718997;font-size:11px}.product-finder-more{justify-self:center;min-width:180px}.product-finder-no-results{padding:24px;border:1px dashed #cbdde4;border-radius:13px;background:#f8fbfc;color:#6d8797;text-align:center}.product-finder-loading{display:flex;flex-direction:column;gap:6px}.product-finder-loading span{color:#718997}.material-request-editor .material-request-countries{display:flex;flex-wrap:wrap;gap:8px}.material-request-editor .material-request-countries label{padding:8px 10px;border:1px solid #d4e4e9;border-radius:9px}.material-request-standard{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-left:4px solid #0e9aa5;border-radius:10px;background:#effafa}.material-request-standard b{color:#087b8e}.material-request-standard small{color:#69818f}.product-material-import{display:grid;gap:16px;min-width:min(920px,82vw)}.product-material-import>small{color:#078b99;font-weight:800;letter-spacing:.12em}.product-material-import h2,.product-material-import p{margin:0}.product-material-import p{color:#668092}.product-material-import-drop{position:relative;display:grid;place-items:center;gap:5px;padding:30px;border:2px dashed #a9d3dc;border-radius:16px;background:#f4fbfc;text-align:center}.product-material-import-drop input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.product-material-import-drop strong{font-size:19px;color:#0a7188}.product-material-import-drop span{color:#728b99}.product-material-import-rules{display:flex;flex-wrap:wrap;gap:8px 14px;padding:13px 16px;border-radius:11px;background:#eef8fa;color:#577485}.product-material-import-rules b{color:#087d90}.product-material-import-summary{display:flex;justify-content:space-between;gap:20px;align-items:end}.product-material-import-summary>div{display:flex;flex-direction:column;gap:3px}.product-material-import-summary span{color:#718a99}.product-material-import-summary label{display:grid;gap:5px;color:#587386;font-weight:700}.product-material-import-summary select{min-width:240px;padding:10px;border:1px solid #cfdee5;border-radius:9px;background:#fff}.product-material-import-warning{padding:12px 14px;border-radius:9px;background:#fff3dc;color:#9b6500}.product-material-import-toolbar{display:flex;justify-content:space-between;gap:20px;color:#587386}.product-material-import-toolbar label{font-weight:700;color:#123f58}.product-material-import-table{max-height:52vh;overflow:auto;border:1px solid #d8e6eb;border-radius:12px}.product-material-import-table table{width:100%;border-collapse:collapse}.product-material-import-table th{position:sticky;top:0;z-index:1;padding:11px;background:#eef6f8;text-align:left;color:#527183}.product-material-import-table td{padding:11px;border-top:1px solid #e7eef1;vertical-align:top}.product-material-import-table tr.invalid{opacity:.55}.product-material-import-table td strong,.product-material-import-table td small{display:block}.product-material-import-table td small{max-width:430px;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#7a8e9b}.product-material-import-table a{color:#087da8}.product-material-import-table td>b{color:#13804f}.product-material-import-footer{display:flex;justify-content:flex-end;gap:10px}
.product-finder-owner{display:inline-flex;align-items:center;width:max-content;margin:2px 0 5px;padding:3px 8px;border:1px solid #b9dde6;border-radius:999px;background:#eaf8fb;color:#087d91;font-size:12px;font-weight:800;line-height:1.35}
@media(max-width:1250px){.product-finder-list{grid-template-columns:1fr}.product-finder-toolbar{grid-template-columns:1fr minmax(240px,360px)}.product-finder-toolbar>b{display:none}.product-finder-precision-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.product-finder-hero{align-items:flex-start;flex-direction:column;padding:19px}.product-finder-hero .btn{width:100%}.product-finder-hero-actions{width:100%;flex-direction:column}.product-finder-tabs{grid-template-columns:1fr}.product-finder-toolbar{position:static;grid-template-columns:1fr}.product-finder-filter-group{display:grid;grid-template-columns:repeat(2,1fr)}.product-finder-request-card{padding:15px}.product-finder-request-card>header{grid-template-columns:48px minmax(0,1fr)}.product-finder-request-card>header>div{width:48px;height:48px}.product-finder-request-card header>b{grid-column:2;justify-self:start}.product-finder-evidence-grid,.product-finder-video-list{grid-template-columns:1fr}.product-finder-precision-status>header{flex-direction:column}.product-finder-precision-grid{grid-template-columns:1fr}.product-material-import{min-width:0}.product-material-import-summary,.product-material-import-toolbar{align-items:stretch;flex-direction:column}.product-material-import-summary select{min-width:0;width:100%}.product-material-import-table{max-height:46vh}.product-material-import-footer{flex-direction:column}.product-material-import-footer .btn{width:100%}}
.selection-sla-page { display:grid; gap:18px; }
.selection-sla-hero { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:25px 28px; background:linear-gradient(135deg,#073d5b,#0e778d 58%,#16a799); color:#fff; }
.selection-sla-hero small { color:#8fe6de; font-size:11px; font-weight:900; letter-spacing:.13em; }
.selection-sla-hero h2 { margin:7px 0 5px; font-size:25px; }
.selection-sla-hero p { max-width:800px; margin:0; color:#d6f2f1; line-height:1.65; }
.selection-sla-summary { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; }
.selection-sla-summary article { min-width:0; padding:18px; border:1px solid #dce9ee; border-radius:16px; background:#fff; box-shadow:0 8px 24px rgba(21,67,86,.06); }
.selection-sla-summary label,.selection-sla-summary small { display:block; color:#718996; font-size:12px; }
.selection-sla-summary b { display:block; margin:7px 0 4px; color:#123f52; font-size:25px; }
.selection-sla-head { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin-bottom:16px; }
.selection-sla-head h2 { margin:0 0 4px; color:#123f52; }
.selection-sla-head p,.selection-sla-head span { margin:0; color:#718996; font-size:12px; }
.selection-sla-table-wrap { overflow:auto; }
.selection-sla-table-wrap table { min-width:1050px; }
.selection-sla-table-wrap td strong,.selection-sla-table-wrap td small { display:block; }
.selection-sla-table-wrap td small { margin-top:4px; color:#8396a0; font-size:11px; }
.selection-sla-state,.selection-sla-bool { display:inline-flex; align-items:center; justify-content:center; min-width:42px; padding:5px 8px; border-radius:999px; font-size:11px; font-weight:900; }
.selection-sla-state.healthy,.selection-sla-bool.yes { background:#dff6ee; color:#087965; }
.selection-sla-state.degraded { background:#fff2d9; color:#9a6300; }
.selection-sla-state.idle,.selection-sla-bool.no { background:#eef2f4; color:#70838c; }
.selection-sla-lower { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.selection-identity-card small,.selection-outcome-card small { color:#148b91; font-size:11px; font-weight:900; letter-spacing:.1em; }
.selection-identity-card h2,.selection-outcome-card h2 { margin:8px 0; color:#123f52; }
.selection-identity-card p,.selection-outcome-card p { color:#6e8792; line-height:1.65; }
.selection-identity-card dl { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; margin:16px 0 0; }
.selection-identity-card dl div { padding:10px; border-radius:10px; background:#f0f7f8; }
.selection-identity-card dt { color:#6d8792; font-size:11px; }
.selection-identity-card dd { margin:4px 0 0; color:#17495a; font-weight:900; }
.selection-outcome-progress { overflow:hidden; height:10px; margin:14px 0; border-radius:999px; background:#e6eff1; }
.selection-outcome-progress i { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#0f78a4,#16a997); }
.selection-outcome-card ul { margin:12px 0 0; padding-left:20px; color:#567582; line-height:1.8; }
@media (max-width:1100px) { .selection-sla-summary { grid-template-columns:repeat(2,minmax(0,1fr)); } .selection-sla-lower { grid-template-columns:1fr; } }
@media (max-width:720px) { .selection-sla-hero { align-items:flex-start; flex-direction:column; } .selection-sla-summary { grid-template-columns:1fr; } }
.competitor-availability-notice{display:flex;align-items:center;gap:12px;margin:10px 0 14px;padding:12px 14px;border:1px solid #9dd9d1;border-radius:12px;background:#effbf8;color:#145f59}.competitor-availability-notice strong{font-size:14px}.competitor-availability-notice span{font-size:13px;color:#477873}
.competitor-snapshot-preparing{display:grid;min-height:360px;place-items:center;text-align:center}.competitor-snapshot-preparing>div{width:min(720px,100%);padding:30px;border:1px solid #cfe3e7;border-radius:16px;background:linear-gradient(145deg,#f3fbfb,#fff)}.competitor-snapshot-preparing small{color:#0b8d98;font-weight:900;letter-spacing:.12em}.competitor-snapshot-preparing h2{margin:8px 0;color:#153f55}.competitor-snapshot-preparing p,.competitor-snapshot-preparing>div>span{color:#67808d}.competitor-snapshot-preparing dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:22px 0;border:1px solid #d7e7ea;border-radius:12px;background:#fff;overflow:hidden}.competitor-snapshot-preparing dl div{padding:18px;border-right:1px solid #e2edef}.competitor-snapshot-preparing dl div:last-child{border-right:0}.competitor-snapshot-preparing dt{color:#0d8592;font-size:26px;font-weight:900}.competitor-snapshot-preparing dd{margin:4px 0 0;color:#718791;font-size:12px}

/* Fast finder: keep this page focused on submission and usable results. */
.product-finder-page{gap:12px}.product-finder-hero{padding:17px 20px;border-top:3px solid #1498a4;box-shadow:none}.product-finder-hero h2{margin:0 0 4px;font-size:21px}.product-finder-hero p{font-size:13px}.product-finder-hero .btn{min-width:130px;height:40px}.product-finder-tabs{gap:8px}.product-finder-tabs button{padding:13px 17px;border-radius:12px;box-shadow:none}.product-finder-tabs strong{font-size:16px}.product-finder-tabs span{font-size:12px}.product-finder-tabs b{min-width:32px;height:32px}.product-finder-toolbar{position:static;padding:10px 12px;box-shadow:none}.product-finder-list{grid-template-columns:1fr;gap:10px}.product-finder-request-card{padding:15px;box-shadow:none}.product-finder-evidence-grid,.product-finder-video-list{grid-template-columns:repeat(3,minmax(0,1fr))}.finder-quick-request>p,.material-request-editor>p{margin-bottom:14px}.finder-quick-request form,.material-request-editor form{gap:12px}.finder-advanced{padding:10px 12px;border:1px solid #d7e7ec;border-radius:10px;background:#f8fbfc}.finder-advanced summary{cursor:pointer;color:#517181;font-weight:800}.finder-advanced .field{margin-top:10px}.finder-exact-only{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border:1px solid #cfe4e8;border-radius:10px;background:#f5fbfc}.finder-exact-only input{margin-top:3px}.finder-exact-only span{display:grid;gap:3px}.finder-exact-only b{color:#17475b}.finder-exact-only small{color:#708895}.finder-result-standard{display:flex;align-items:center;gap:10px;padding:11px 14px;border-left:4px solid #0e9aa5;border-radius:9px;background:#effafa;color:#5d7885}.finder-result-standard b{color:#087b8e}.material-request-standard{padding:11px 14px}.material-request-standard small{display:none}
@media(max-width:720px){.product-finder-hero{padding:16px}.product-finder-evidence-grid,.product-finder-video-list{grid-template-columns:1fr}.finder-result-standard{align-items:flex-start;flex-direction:column;gap:3px}}

/* Source-first western competitor library. */
.competitor-source-workspaces{grid-template-columns:repeat(4,minmax(0,1fr))}
.competitor-source-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(480px,.75fr);align-items:center;gap:28px;margin:14px 0;padding:24px 26px;border-top:4px solid #0f98a4;border-radius:15px;background:linear-gradient(135deg,#effafb,#fff);box-shadow:0 8px 26px rgba(22,78,99,.06)}
.competitor-source-hero small{color:#078896;font-size:11px;font-weight:900;letter-spacing:.12em}.competitor-source-hero h2{margin:6px 0;color:#0e3650;font-size:24px;line-height:1.35}.competitor-source-hero p{margin:0;color:#67808e;font-size:13px;line-height:1.65}.competitor-source-hero dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;border:1px solid #d4e7e9;border-radius:13px;background:#fff;overflow:hidden}.competitor-source-hero dl div{padding:15px 10px;border-right:1px solid #e2edef;text-align:center}.competitor-source-hero dl div:last-child{border-right:0}.competitor-source-hero dt{color:#0d7f91;font-size:23px;font-weight:900}.competitor-source-hero dd{margin:4px 0 0;color:#6a818c;font-size:11px}
.competitor-source-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:10px;padding:13px 15px;border:1px solid #d7e7eb;border-radius:13px;background:#fff}.competitor-source-toolbar nav,.competitor-source-toolbar form{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.competitor-source-toolbar nav button{padding:9px 12px;border:1px solid #d1e2e6;border-radius:999px;background:#f7fbfc;color:#426675;cursor:pointer}.competitor-source-toolbar nav button.active{border-color:#0e95a0;background:#e7f8f7;color:#087985}.competitor-source-toolbar nav b{margin-left:4px}.competitor-source-toolbar select,.competitor-source-toolbar input{min-height:38px;padding:8px 10px;border:1px solid #cedee4;border-radius:9px;background:#fff;color:#274b5c}.competitor-source-toolbar input{min-width:220px}
.competitor-source-scope-note{display:flex;align-items:center;gap:12px;margin:0 0 12px;padding:10px 14px;border:1px solid #cbe2e6;border-radius:10px;background:#f4fafb;color:#5c7784;font-size:12px}.competitor-source-scope-note strong{color:#176274}
.competitor-source-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.competitor-source-grid>.empty{grid-column:1/-1}.competitor-source-card{display:grid;grid-template-rows:auto auto minmax(92px,1fr) auto;gap:13px;min-width:0;padding:17px;border:1px solid #d6e6ea;border-radius:14px;background:#fff;box-shadow:0 6px 18px rgba(18,65,84,.05)}.competitor-source-card.followed{border-color:#80cfc1;box-shadow:0 8px 22px rgba(17,143,124,.09)}.competitor-source-card>header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:11px}.competitor-source-avatar{display:grid;width:43px;height:43px;place-items:center;border-radius:12px;background:#e8f5f8;color:#087c98;font-size:11px;font-weight:900}.competitor-source-avatar.website{background:#e8f7f1;color:#0d7e5e}.competitor-source-card header>div{display:grid;min-width:0;gap:3px}.competitor-source-card header small{color:#6f8893;font-size:10px}.competitor-source-card header strong{overflow:hidden;color:#153e55;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.competitor-source-card header p,.competitor-source-product p{display:flex;gap:5px;flex-wrap:wrap;margin:0}.competitor-source-card header p span,.competitor-source-product p span{padding:3px 6px;border-radius:999px;background:#eef6f8;color:#5d7886;font-size:9px}.competitor-source-follow-badge{padding:5px 8px;border-radius:999px;background:#e1f7ee;color:#0d7c5b;font-size:10px;white-space:nowrap}.competitor-source-card>dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;border-radius:10px;background:#f1f8f9}.competitor-source-card>dl div{padding:10px 7px;text-align:center}.competitor-source-card dt{color:#0a8192;font-size:19px;font-weight:900}.competitor-source-card dd{margin:2px 0 0;color:#6c858f;font-size:10px}.competitor-source-card>section{display:grid;align-content:start;gap:7px}.competitor-source-card>section>small{color:#728894}.competitor-source-card>section>div{display:flex;gap:5px;flex-wrap:wrap}.competitor-source-card>section>div span{max-width:100%;overflow:hidden;padding:4px 7px;border:1px solid #dce9ec;border-radius:7px;color:#476b7a;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.competitor-source-card time{color:#91a2a9;font-size:10px}.competitor-source-card>footer{display:flex;gap:7px;flex-wrap:wrap;padding-top:11px;border-top:1px solid #e7eff1}.competitor-source-card>footer .btn{flex:1 1 auto;min-height:34px;padding:7px 9px;font-size:10px}.competitor-source-follow.active{border-color:#83cdbd;background:#edf9f5;color:#14745d}
.competitor-source-pagination,.competitor-source-detail-pages{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:14px;padding:12px 14px;border:1px solid #d8e6ea;border-radius:11px;background:#fff;color:#6b838e;font-size:11px}.competitor-source-pagination>div,.competitor-source-detail-pages>div{display:flex;align-items:center;gap:6px}.competitor-source-pagination button{min-width:34px;padding:7px;border:1px solid #cfdee3;border-radius:7px;background:#fff;color:#416674;cursor:pointer}.competitor-source-pagination button.active{border-color:#0d929e;background:#0d929e;color:#fff}.competitor-source-pagination button:disabled{cursor:not-allowed;opacity:.4}
.competitor-source-detail{display:grid;width:100%;min-width:0;gap:13px}.competitor-source-detail>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:0 48px 13px 0;border-bottom:1px solid #dce8eb}.competitor-source-detail>header>div{min-width:0}.competitor-source-detail>header small{color:#0b8997;font-weight:900;letter-spacing:.1em}.competitor-source-detail>header h2{margin:5px 0;color:#123b53;overflow-wrap:anywhere}.competitor-source-detail>header p{display:flex;gap:6px;flex-wrap:wrap;margin:0}.competitor-source-detail>header p span{padding:4px 7px;border-radius:999px;background:#edf6f8;color:#5c7886;font-size:10px}.competitor-source-detail>header>div:last-child{display:flex;flex:0 0 auto;gap:8px;flex-wrap:wrap}.competitor-source-detail-note{padding:10px 12px;border-radius:9px;background:#eef8f9;color:#527381;font-size:11px}.competitor-source-detail>section{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0;overflow:visible}.competitor-source-product{display:grid;grid-template-columns:80px minmax(0,1fr);gap:11px;min-width:0;padding:11px;border:1px solid #dae7eb;border-radius:11px;background:#fff}.competitor-source-product-cover{grid-row:1/3;display:grid;width:80px;height:80px;place-items:center;overflow:hidden;border-radius:9px;background:#eaf3f5;color:#6f8994;font-weight:900}.competitor-source-product-cover img{width:100%;height:100%;object-fit:cover}.competitor-source-product>div:nth-child(2){display:grid;align-content:start;gap:3px;min-width:0}.competitor-source-product small{color:#79909a;font-size:9px}.competitor-source-product strong{overflow:hidden;color:#193e53;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.competitor-source-product dl{display:flex;gap:8px;flex-wrap:wrap;margin:3px 0 0;color:#62808d;font-size:9px}.competitor-source-product>footer{display:flex;min-width:0;align-items:center;gap:6px;flex-wrap:wrap}.competitor-source-product>footer .btn{padding:6px 8px;font-size:9px}
@media(max-width:1280px){.competitor-source-hero{grid-template-columns:1fr}.competitor-source-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.competitor-source-toolbar{align-items:stretch;flex-direction:column}.competitor-source-toolbar form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.competitor-source-toolbar input{min-width:0}}
@media(max-width:760px){.competitor-source-workspaces{grid-template-columns:1fr 1fr}.competitor-source-hero{padding:18px}.competitor-source-hero h2{font-size:20px}.competitor-source-hero dl{grid-template-columns:1fr 1fr}.competitor-source-hero dl div:nth-child(2){border-right:0}.competitor-source-hero dl div:nth-child(-n+2){border-bottom:1px solid #e2edef}.competitor-source-toolbar form,.competitor-source-grid,.competitor-source-detail>section{grid-template-columns:1fr}.competitor-source-scope-note,.competitor-source-pagination,.competitor-source-detail>header,.competitor-source-detail-pages{align-items:flex-start;flex-direction:column}.competitor-source-detail{min-width:0}.competitor-source-detail>section{max-height:none}.competitor-source-pagination>div{max-width:100%;overflow:auto}}

@media(max-width:1280px){.competitor-workspace-nav.competitor-source-aware{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.competitor-workspace-nav.competitor-source-aware{grid-template-columns:1fr}}

/* Finder precision feedback: compact controls live beside each usable result. */
.product-finder-supply{margin-top:11px;border-color:#0d929f;color:#087b89}
.product-finder-result{display:grid;min-width:0;border:1px solid #cfe4e9;border-radius:10px;background:#f7fbfc;overflow:hidden}.product-finder-result .product-finder-result-open{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%;min-width:0;padding:11px 12px;border:0;border-radius:0;background:transparent;text-decoration:none;color:#143b54;text-align:left}.product-finder-evidence-grid .product-finder-result-open{cursor:pointer}.product-finder-result .product-finder-result-open:hover{border-color:transparent;background:#effafb}.product-finder-result-open strong{font-size:13px;color:#067f92}.product-finder-result-open span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.product-finder-result-open small{color:#6d8797;font-size:11px}.product-finder-result-feedback{display:flex;align-items:center;flex-wrap:wrap;gap:5px;padding:7px 9px;border-top:1px solid #dce9ed;background:#fff}.product-finder-result .product-finder-result-feedback>span{max-width:none;margin-right:auto;overflow:visible;color:#688492;font-size:10px;font-weight:700;white-space:normal}.product-finder-result .product-finder-result-feedback button,.product-finder-result-feedback select{display:inline-flex;flex:0 0 auto;align-items:center;width:auto;min-width:0;min-height:27px;padding:4px 7px;border:1px solid #cfe0e5;border-radius:7px;background:#f8fbfc;color:#456677;font-size:10px;line-height:1.2}.product-finder-result .product-finder-result-feedback button{cursor:pointer}.product-finder-result .product-finder-result-feedback button:hover,.product-finder-result .product-finder-result-feedback button.active{border-color:#0c969f;background:#e7f7f6;color:#087b88}.product-finder-result-feedback select{max-width:102px}.product-finder-result-feedback :disabled{cursor:wait;opacity:.55}
/* Release prompts never steal focus or interrupt a workbench. */
.portal-release-notice { position:fixed; top:12px; left:16px; right:16px; bottom:auto; z-index:1100; display:flex; align-items:center; gap:12px; max-width:620px; padding:12px 16px; border:1px solid #93c5fd; border-radius:12px; background:#eff6ff; color:#1e3a8a; box-shadow:0 6px 24px #0002; font-size:14px; }
.portal-release-notice > span { min-width:0; }
.portal-release-notice .btn { flex:0 0 auto; white-space:nowrap; }
.portal-utilitybar > .portal-release-notice { position:static; flex:0 1 620px; min-width:0; max-width:620px; margin-right:auto; padding:7px 11px; gap:10px; border-radius:8px; box-shadow:none; font-size:12px; line-height:1.4; }
.portal-utilitybar:has(> .portal-release-notice) .portal-utility-actions { flex:0 0 auto; }
@media(min-width:821px) and (max-width:1440px) {
  .app-page:has(.portal-utilitybar > .portal-release-notice) { --portal-utility-height:112px; }
  .portal-utilitybar:has(> .portal-release-notice) { flex-wrap:wrap; align-content:center; column-gap:12px; row-gap:5px; padding-left:14px; padding-right:14px; }
  .portal-utilitybar > .portal-release-notice { order:3; flex:1 0 100%; max-width:none; margin:0; }
  .portal-utilitybar:has(> .portal-release-notice) .portal-utility-actions { margin-left:auto; gap:8px; }
}
@media(min-width:821px) and (max-width:1024px) {
  .portal-utilitybar:has(> .portal-release-notice) .portal-system-shortcuts { gap:7px; }
  .portal-utilitybar:has(> .portal-release-notice) .portal-system-entry { padding:7px 8px; gap:5px; font-size:12px; }
  .portal-utilitybar:has(> .portal-release-notice) .portal-utility-actions { gap:6px; }
  .portal-utilitybar:has(> .portal-release-notice) .portal-help-entry { padding:8px; gap:5px; font-size:12px; }
  .portal-utilitybar:has(> .portal-release-notice) .portal-interface-toggle { padding:7px 8px; font-size:11px; }
  .portal-utilitybar:has(> .portal-release-notice) .account-btn { max-width:120px; padding-left:10px; font-size:12px; }
}
@media(max-width:820px) {
  .app-page:has(.portal-utilitybar > .portal-release-notice) { --portal-utility-height:108px; }
  .app-page:has(.portal-utilitybar > .portal-release-notice):has(.portal-system-entry:not(.hidden)) { --portal-utility-height:156px; }
  .portal-utilitybar:has(> .portal-release-notice) { grid-template-rows:52px 48px; row-gap:4px; }
  .portal-utilitybar:has(> .portal-release-notice):has(.portal-system-entry:not(.hidden)) { grid-template-rows:52px 40px 48px; }
  .portal-utilitybar > .portal-release-notice { grid-column:1 / -1; grid-row:2; max-width:none; width:100%; margin:0; padding:6px 8px; gap:8px; font-size:12px; }
  .portal-utilitybar:has(.portal-system-entry:not(.hidden)) > .portal-release-notice { grid-row:3; }
  .portal-utilitybar > .portal-release-notice .btn { padding:6px 8px; font-size:12px; }
  .portal-utilitybar:has(> .portal-release-notice) .account-btn { max-width:100%; }
}

.soms-inventory-table { min-width:1320px; }
.soms-inventory-table th:first-child { width:165px; }
.soms-inventory-table th:nth-child(2) { width:145px; }
.soms-inventory-table th:nth-child(3) { width:260px; }
.soms-pagination { display:flex; flex-wrap:wrap; gap:16px; align-items:center; margin-top:16px; }
.soms-track-list li { padding:12px; border-bottom:1px solid #e3e8ee; }

/* SOMS inventory sorting and live tracking workbench. */
.soms-sort { display:inline-flex; align-items:center; gap:6px; padding:6px 0; border:0; background:transparent; color:inherit; font:inherit; font-weight:700; cursor:pointer; white-space:nowrap; }
.soms-sort span { color:#6384a3; font-size:14px; }
.soms-sort:hover, .soms-inventory-table th[aria-sort="ascending"] .soms-sort, .soms-inventory-table th[aria-sort="descending"] .soms-sort { color:#1267a5; }
.soms-sort:focus-visible { outline:2px solid #1267a5; outline-offset:3px; border-radius:3px; }
.soms-tracking-section { padding:24px; }
.soms-tracking-section > h2 { padding:0 0 18px; }
.soms-track-form { display:flex; align-items:flex-end; flex-wrap:wrap; gap:14px; margin:24px 0 12px; }
.soms-track-form .field { min-width:180px; }
.soms-track-form .soms-track-reference { flex:1; max-width:520px; min-width:240px; }
.soms-track-form input, .soms-track-form select { width:100%; }
.soms-shipment { margin-top:20px; padding:20px; border:1px solid #dce5ef; border-radius:10px; }
.soms-shipment-heading { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; }
.soms-shipment-heading h3 { margin:0; overflow-wrap:anywhere; }
.soms-track-status { background:#e9f3fb; color:#125b91; padding:7px 12px; border-radius:20px; }
.soms-track-list { list-style:none; padding-left:20px; border-left:2px solid #dce5ef; margin:22px 0 0 6px; }
.soms-track-list li { position:relative; overflow-wrap:anywhere; }
.soms-track-list li::before { content:""; position:absolute; left:-26px; top:18px; width:10px; height:10px; border-radius:50%; background:#8aa8bf; }
.soms-track-list li:first-child::before { background:#1267a5; }
.soms-track-list li:first-child strong { color:#1267a5; }
.soms-track-list p { white-space:pre-wrap; margin:8px 0; }
.soms-order-note { border-top:1px solid #dce5ef; padding-top:20px; margin-top:28px; }

/* SOMS orders share Jiuzhou table, filter and modal structure. */
.soms-orders-note { margin:18px; }
.soms-sign-tabs { display:flex; gap:10px; flex-wrap:wrap; margin:18px; }
.soms-track-link { border:0; background:transparent; color:#1267a5; text-decoration:underline; cursor:pointer; font:inherit; padding:5px 0; }
.soms-track-link:focus-visible { outline:2px solid #1267a5; outline-offset:3px; }

/* Keep SOMS status text inside its column, including long provider labels. */
.soms-orders-table { min-width:1420px; }
.soms-orders-table td { white-space:normal; overflow-wrap:anywhere; }
.soms-orders-table th:nth-child(7),.soms-orders-table td:nth-child(7) { width:140px; }
.soms-orders-table th:nth-child(8),.soms-orders-table td:nth-child(8) { width:160px; }
.soms-orders-table th:nth-child(9),.soms-orders-table td:nth-child(9) { width:190px; }
.soms-orders-table .soms-order-amount-cell { white-space:nowrap; font-variant-numeric:tabular-nums; }
.soms-orders-table .soms-order-status {
  display:inline-block; max-width:100%; white-space:normal; overflow-wrap:anywhere;
  line-height:1.45; vertical-align:middle;
}
.soms-orders-table .jiuzhou-date-cell time { display:inline-block; white-space:nowrap; }

/* Shared list filters and footer controls, matching the customer-center pager. */
#content :is(.jiuzhou-filter,.jumia-sign-filter,.jumia-order-filter) {
  display:block; padding:16px; background:#fbfdff; border-bottom:1px solid var(--soft-line);
}
#content :is(.portal-filter-fields,.jiuzhou-filter-fields,.jumia-sign-fields,.jumia-order-fields) {
  display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:12px;
  align-items:end; width:100%;
}
#content .portal-filter-fields { padding:16px; background:#fbfdff; border-bottom:1px solid var(--soft-line); }
#content :is(.portal-filter-fields,.jiuzhou-filter-fields,.jumia-sign-fields,.jumia-order-fields) :is(.field,label) { min-width:0; }
#content :is(.portal-filter-fields,.jiuzhou-filter-fields,.jumia-sign-fields,.jumia-order-fields) .keyword { grid-column:span 2; }
#content :is(.portal-filter-fields,.jiuzhou-filter-fields,.jumia-sign-fields,.jumia-order-fields) :is(input:not([type=checkbox]):not([type=radio]),select) {
  box-sizing:border-box; width:100%; height:40px; min-height:40px; padding:8px 10px;
  border:1px solid #d5e1eb; border-radius:6px; background:#fff; color:#182c3e; font:inherit;
}
#content :is(.portal-filter-fields,.jiuzhou-filter-fields,.jumia-sign-fields,.jumia-order-fields) :is(input,select):focus-visible {
  outline:2px solid #9ac9ed; outline-offset:1px; border-color:#72aad3;
}
#content :is(.portal-filter-actions,.jiuzhou-filter-actions,.jumia-sign-actions,.jumia-order-actions) {
  display:flex; grid-column:1/-1; flex-wrap:wrap; align-items:center; gap:10px; margin-top:12px;
}
#content :is(.portal-filter-actions,.jiuzhou-filter-actions,.jumia-sign-actions,.jumia-order-actions) .btn {
  min-height:40px; min-width:96px; width:auto; padding:8px 16px; border-radius:6px;
}
.portal-pager {
  display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap;
  min-height:58px; gap:10px 18px; padding:10px 16px; border-top:1px solid #e2eaf1;
  background:#fff; color:#5a6f82; font-size:13px; width:100%; box-sizing:border-box;
}
.portal-pager .pager-summary { white-space:nowrap; }
.portal-pager .pager-summary strong { color:#18344d; }
.portal-pager .pager-controls,.portal-pager label { display:flex; align-items:center; gap:8px; }
.portal-pager .pager-controls { flex-wrap:wrap; justify-content:flex-end; }
.portal-pager label { white-space:nowrap; margin:0; color:#52697e; }
.portal-pager select,.portal-pager input {
  height:34px; border:1px solid #d5e1eb; border-radius:6px; background:#fff; color:#18344d; font:inherit;
}
.portal-pager select { min-width:88px; padding:0 26px 0 9px; }
.portal-pager input { width:68px; padding:0 7px; text-align:center; }
.portal-pager .btn { min-width:64px; min-height:34px; padding:6px 12px; border-radius:6px; font-size:13px; }
.portal-pager .btn:disabled { opacity:.4; cursor:default; }
.portal-pager .btn:not(:disabled):hover { border-color:#7eb4da; background:#eef7ff; }
.portal-pager :is(button,input,select):focus-visible { outline:2px solid #1267a5; outline-offset:2px; }
.jumia-table tr[hidden],.jiuzhou-table tr[hidden] { display:none !important; }
.soms-inventory-table th:nth-child(-n+4) { cursor:default; }
.competitor-evidence-footer:has(.portal-pager) { display:block; padding:0; }
.competitor-evidence-footer:has(.portal-pager)>span { display:none; }
@media(max-width:760px) {
  #content :is(.portal-filter-fields,.jiuzhou-filter-fields,.jumia-sign-fields,.jumia-order-fields) { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .portal-pager { align-items:flex-start; flex-direction:column; }
  .portal-pager .pager-controls { justify-content:flex-start; }
}
@media(max-width:480px) {
  #content :is(.portal-filter-fields,.jiuzhou-filter-fields,.jumia-sign-fields,.jumia-order-fields) { grid-template-columns:minmax(0,1fr); }
  #content :is(.portal-filter-fields,.jiuzhou-filter-fields,.jumia-sign-fields,.jumia-order-fields) .keyword { grid-column:auto; }
}

/* User directory: primary identity and live CRM module positions. */
.user-growth-cell{min-width:170px}.user-growth-positions{display:grid;gap:8px;line-height:1.5}.user-growth-positions>div{display:grid;gap:3px}.user-growth-positions strong,.user-growth-position strong{color:#186a61}.user-growth-positions span{font-size:13px;color:#405c73}.user-growth-positions small,.user-growth-pending{display:block;font-size:12px;color:#748493;margin-top:4px}
.user-growth-status{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:#f1f6f8;border:1px solid #dce7ee;border-radius:10px;color:#5f7283;margin-bottom:14px;font-size:14px}.user-growth-status[hidden]{display:none}
.user-growth-editor{padding:16px;border:1px solid #cfe4df;background:#f3faf7;border-radius:10px}.user-growth-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.user-growth-position{display:grid;gap:5px;margin:10px 0;font-size:15px}.user-growth-position span{color:#446578}.user-growth-editor p{font-size:14px;margin:10px 0}.user-growth-manage{font-size:14px;color:#12649a;text-decoration:underline}
@media(max-width:680px){.user-growth-status{align-items:flex-start;flex-direction:column}.user-growth-editor{padding:12px}.user-growth-heading{flex-wrap:wrap}}

/* A hidden fallback must not occupy the media card. */
.ps-inspiration-placeholder[hidden], .ps-inspiration-media img[hidden] { display:none !important; }

/* A hidden fallback must not occupy the media card. */
.ps-inspiration-placeholder[hidden], .ps-inspiration-media img[hidden] { display:none !important; }

/* Source-product media uses playable archives while keeping original-ad access. */
.competitor-evidence-ad > .competitor-evidence-video {
  grid-column:1 / -1; width:100%; max-height:360px;
  background:#10232d; border-radius:8px; object-fit:contain;
}
.competitor-evidence-ad > .competitor-evidence-media-note {
  grid-column:1 / -1; margin:0; color:#6c838e; font-size:12px;
}
.competitor-source-media-note { color:#6c838e; font-size:12px; align-self:center; }

/* Personal source triage and the shared card taxonomy filter. */
.competitor-source-direction{display:flex;align-items:center;gap:7px;color:#527381;font-size:12px;white-space:nowrap}.competitor-source-direction select{min-width:150px;max-width:100%}.competitor-source-personal-note{margin:10px 0;color:#647d89;font-size:12px}.competitor-source-ignore{color:#667c86}.competitor-source-toolbar form{align-items:center}@media(max-width:1280px){.competitor-source-direction select{min-width:0;flex:1}.competitor-source-direction{min-width:0}}

/* Product evaluation keeps the source list and filters in place. */
.selection-workflow-shortcut{margin-top:10px}
.selection-workflow{width:min(1080px,90vw);max-width:100%;color:#143d50}
.selection-workflow header,.selection-workflow footer{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.selection-workflow h2{font-size:25px;margin:5px 0 12px}.selection-workflow p{line-height:1.65}
.selection-workflow-filter,.evaluation-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:18px 0}
.selection-workflow label{display:flex;flex-direction:column;gap:7px;font-size:14px}.selection-workflow input,.selection-workflow textarea,.selection-workflow select{box-sizing:border-box;width:100%;padding:10px;border:1px solid #d5e3eb;border-radius:7px;font:inherit;color:inherit;background:white}
.evaluation-fields .wide{grid-column:1/-1}.evaluation-check{flex-direction:row!important;align-items:center}.evaluation-check input{width:auto}
.evaluation-tabs,.evaluation-tools{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.evaluation-history,.evaluation-calculation{background:#eef7f8;border:1px solid #d5e9ec;padding:12px 15px;border-radius:10px}
.selection-workflow-list article{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #d9e5ed;border-radius:10px;padding:16px;margin:12px 0}.selection-workflow-list h3{margin:6px 0}.selection-workflow small{color:#617f8e}
.selection-workflow form>footer{position:sticky;bottom:0;background:#fff;padding:12px 0;border-top:1px solid #e3ebef}.selection-workflow .form-error{color:#b32b36;margin:10px 0}.selection-workflow #evaluationManual{display:grid;gap:16px}
.competitor-source-card{min-height:0!important}.competitor-source-card>section{margin-top:12px!important}.competitor-source-hero{padding:20px!important}.competitor-source-hero h2{font-size:24px!important}
@media(max-width:700px){.evaluation-fields,.selection-workflow-filter{grid-template-columns:1fr}.selection-workflow{width:100%}.selection-workflow-list article{align-items:flex-start}.evaluation-tabs .btn{flex:1;white-space:nowrap}}

.selection-workflow .evaluation-fields:has([name="listing_title"]){grid-template-columns:repeat(2,minmax(0,1fr))}.selection-workflow [hidden]{display:none!important}.selection-workflow form{padding-bottom:8px}@media(max-width:700px){.selection-workflow .evaluation-fields:has([name="listing_title"]){grid-template-columns:1fr}}

/* Unified selection workbench: keep evidence accessible without horizontal page scrolling. */
.workbench-priority-note{padding:14px 18px;background:#eef8f8;border:1px solid #cce5e7;border-radius:10px;margin:12px 0;line-height:1.65}.workbench-priority-note p{margin:6px 0}.workbench-priority-reasons{color:#087785;font-weight:600}.workbench-history{font-size:13px;color:#56727e;line-height:1.6}
.selection-workbench{max-width:1240px;margin:auto;color:#173d51}.selection-workbench header,.workbench-tabs,.workbench-actions,.selection-workbench .workbench-filter{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.selection-workbench header{justify-content:space-between}.selection-workbench h2{margin:4px 0 14px}.workbench-tabs{margin:16px 0}.selection-workbench .workbench-filter{background:#f0f7f9;padding:14px;border-radius:12px;align-items:end}.workbench-filter label{display:grid;gap:5px;flex:1 1 160px;min-width:0}.workbench-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0}.workbench-grid article{padding:18px;border:1px solid #d9e8ee;border-radius:12px;overflow-wrap:anywhere;background:#fff}.workbench-grid h3{margin:8px 0}.workbench-grid small{color:#527585}.workbench-actions{margin-top:14px}.workbench-actions .btn{font-size:12px;padding:8px 10px}.workbench-table{overflow:auto;margin-top:18px}.workbench-table th,.workbench-table td{padding:12px;border-bottom:1px solid #d9e8ee;min-width:80px}.selection-workbench footer{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.selection-workflow-shortcut,#selectionWorkbenchShortcut{margin:10px 8px 0 0}.collector-diagnostic{padding:10px;margin:8px 0;background:#f0f7f9;border-radius:8px}.collector-diagnostic p{margin:4px 0}.workbench-filter input,.workbench-filter select{max-width:100%;width:100%}@media(max-width:760px){.workbench-grid{grid-template-columns:1fr}.workbench-filter label{flex:1 1 140px;min-width:0}.selection-workbench{min-width:0}.workbench-actions .btn{flex:1 1 auto}}

/* Selection delivery health and source-to-evaluation entry. */
.selection-source-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px; padding:18px 22px; margin:14px 0; border:1px solid #d8e8ed; border-radius:14px; background:#fff; }
.selection-source-actions > div { flex:1 1 300px; min-width:0; }
.selection-source-actions p { margin:6px 0 0; color:#607d8b; overflow-wrap:anywhere; }
.ps-radar-status .selection-output-warning { border-left:4px solid #c78112; background:#fff7e6; padding:10px 14px; color:#805316; }
@media(max-width:720px) { .selection-source-actions { padding:14px; } .selection-source-actions .btn { flex:1 1 160px; white-space:normal; } }
/* Forecasts share actual order scopes; incomplete shadow arms stay explicit. */
.order-forecast-source { padding: 10px 14px; margin: 12px 0; border-radius: 10px; background: #f1f6fb; color: #425970; }
.order-forecast-source p { margin: 0 0 8px; font-size: 13px; line-height: 1.7; }
.order-forecast-comparison { min-width: 850px; }
.order-forecast-comparison td { vertical-align: top; }
.order-forecast-comparison small { display: block; color: #667c92; margin-top: 5px; }

/* Evidence-backed selection analysis and individually reviewed draft fields. */
.selection-ai-tools{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:14px;border:1px solid #cce5e7;border-radius:12px;background:#f3f9fa;margin-top:14px}
.selection-ai-tools label,.selection-ai-case>label{display:inline-flex;align-items:center;gap:8px}.selection-ai-tools select,.selection-ai-case select{padding:8px;border:1px solid #bacdd5;border-radius:8px;background:#fff}
.selection-ai-tools>[data-ai-status]{flex-basis:100%;color:#527585;font-size:13px;line-height:1.65}
.selection-ai-card{margin-top:16px;padding:14px;border:1px solid #d9e8ee;border-radius:10px;background:#f7fafb;line-height:1.65;overflow-wrap:anywhere}
.selection-ai-card details{margin:8px 0}.selection-ai-card summary,.selection-variants summary{cursor:pointer;font-weight:600;color:#087785}.selection-ai-card h4{margin:10px 0 4px;font-size:14px}
.selection-ai-card ul{padding-left:20px}.selection-ai-card blockquote{padding:6px 12px;border-left:3px solid #9ab8c8;margin:6px 0;color:#536d7a;background:#fff}
.selection-ai-card pre{white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit;font-size:14px;line-height:1.7;margin:8px 0}.selection-ai-card [data-ai-drafts] section{margin-top:14px;padding-top:12px;border-top:1px solid #d9e8ee}
.selection-ai-visuals{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:12px;margin:10px 0}
.selection-ai-visuals figure{margin:0;min-width:0}.selection-ai-visuals img{display:block;width:100%;height:240px;object-fit:contain;background:#fff;border:1px solid #d9e8ee;border-radius:8px}
.selection-ai-visuals figcaption{margin-top:6px;overflow-wrap:anywhere}.selection-ai-visuals small{display:block;overflow-wrap:anywhere}
.selection-variants{font-size:13px;margin:10px 0;padding:10px;border-radius:8px;background:#f0f7f9}.selection-variants p{padding:8px 0;border-bottom:1px solid #d9e8ee}.selection-variants .btn{font-size:12px;padding:6px;margin:4px}
@media(max-width:720px){.selection-ai-tools{padding:12px}.selection-ai-tools .btn{flex:1 1 150px}.selection-ai-card{padding:12px}.selection-ai-case .btn{margin-top:8px;white-space:normal}}

.read-freshness{font-size:12px;color:#64748b;margin:0 0 12px;padding:7px 10px;background:#f8fafc;border-radius:7px}.read-freshness.is-stale{color:#9a6700;background:#fffbeb}

/* Business overview: short default view; evidence remains available on demand. */
.business-filter-section > h2 { padding:10px 14px 0; font-size:14px; border:0; margin:0; }
.business-filter-section .business-toolbar { grid-template-columns:repeat(4,minmax(110px,1fr)) repeat(3,auto); padding:10px 14px 14px; gap:10px; border:0; }
.business-filter-section .business-toolbar:has(.business-custom-date:not([hidden])) { grid-template-columns:repeat(4,minmax(120px,1fr)); }
.business-filter-section .btn { padding-inline:14px; }
.business-ai-compact .ops-section-head { padding:10px 14px; min-height:0; }
.business-ai-compact .ops-section-head > div { display:flex; align-items:center; flex-wrap:wrap; gap:14px; }
.business-ai-compact .ops-section-head h2 { font-size:15px; margin:0; padding:0; border:0; }
.business-ai-hint { font-size:12px; color:var(--muted); }
.business-ai-compact .business-ai-result > summary { padding:10px 14px; cursor:pointer; font-size:13px; color:#245e88; }
.business-compact .section { margin-bottom:12px; }
.business-compact .ops-section-head { padding:12px 14px; }
.business-compact .ops-section-head h2 { font-size:18px; margin:0; }
.business-compact .ops-section-head p { margin:5px 0 0; font-size:12px; line-height:1.5; }
.business-control-detail { display:block; padding:7px 14px; margin-bottom:8px; border-radius:8px; }
.business-control-detail > summary { cursor:pointer; font-weight:500; line-height:1.5; }
.business-control-detail > p { line-height:1.6; margin:8px 0 0; }
.business-compact .business-action-list { display:block; padding:0 14px; }
.business-compact .business-action-card { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0; padding:10px 12px; border-radius:0; border:0; border-left:3px solid #df7c49; border-bottom:1px solid var(--soft-line); background:#fff; }
.business-compact .business-action-card.priority-高 { border-left-color:#db4141; }
.business-compact .business-action-card.priority-中 { border-left-color:#e0a64f; }
.business-compact .business-action-card.priority-低 { border-left-color:#75a0bb; }
.business-compact .business-action-main { display:block; flex:1; min-width:0; }
.business-compact .business-action-main > div { display:flex; align-items:baseline; gap:10px; }
.business-compact .business-action-card strong { font-size:14px; line-height:1.5; overflow-wrap:anywhere; }
.business-compact .business-action-card p { margin:3px 0; font-size:12px; line-height:1.5; }
.business-compact .business-action-owner { display:flex; align-items:center; gap:12px; flex:none; max-width:40%; }
.business-compact .business-action-owner small { color:#60758a; font-size:12px; line-height:1.5; margin:0; }
.business-compact .business-action-reason { font-size:12px; }
.business-compact .business-action-reason summary { color:#526b80; cursor:pointer; padding:2px 0; }
.business-compact .business-action-reason p { color:#526b80; }
.business-compact .business-action-more > summary { padding:10px 14px; font-size:13px; }
.business-overview-detail { overflow:visible; }
.business-overview-detail > summary { padding:14px; font-size:15px; font-weight:700; cursor:pointer; color:#1a496b; }
.business-overview-detail > summary small { margin-left:12px; font-size:12px; font-weight:500; color:#775526; }
.business-overview-detail > summary .business-detail-alert { color:#a23f35; }
.business-overview-detail > .section { border:0; border-top:1px solid var(--soft-line); border-radius:0; margin-bottom:0; box-shadow:none; }
.business-overview-detail[open] > summary { border-bottom:1px solid var(--soft-line); }
.business-forecast-cell-detail { font-size:12px; white-space:normal; text-align:left; }
.business-forecast-cell-detail > summary { cursor:pointer; color:#536d86; text-align:center; padding:4px; }
.business-forecast-cell-detail[open] { min-width:180px; max-width:280px; }
@media(max-width:1200px) {
  .business-filter-section .business-toolbar { grid-template-columns:repeat(4,minmax(100px,1fr)); }
}
@media(max-width:720px) {
  .business-filter-section .business-toolbar, .business-filter-section .business-toolbar:has(.business-custom-date:not([hidden])) { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  .business-compact .business-action-card { align-items:flex-start; }
  .business-compact .business-action-owner { flex-direction:column; align-items:flex-end; max-width:32%; gap:6px; }
  .business-compact .business-action-main > div { flex-wrap:wrap; gap:4px 8px; }
  .business-overview-detail > summary small { display:block; margin:4px 0 0; }
  .business-ai-hint { display:none; }
}

/* Presentation-only order-status compact layout. */
.order-status-compact-section .compact-order-status-kpis {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.order-status-compact-section .compact-order-status-kpis article {
  min-width: 0;
  min-height: 112px;
}
.order-status-compact-section .compact-order-status-kpis b {
  font-size: clamp(18px, 2vw, 28px);
  overflow-wrap: anywhere;
}
.order-status-compact-forecast {
  margin: 12px 0;
  color: #395873;
  line-height: 1.6;
}
.order-status-staff-details {
  margin-top: 12px;
  border: 1px solid #dfe8f0;
  border-radius: 10px;
  overflow: hidden;
}
.order-status-staff-details > summary,
.order-status-compact-method > summary {
  padding: 12px 14px;
  cursor: pointer;
  color: #204f75;
  font-weight: 600;
}
.order-status-staff-details > summary:focus-visible,
.order-status-row-detail > summary:focus-visible,
.order-status-compact-method > summary:focus-visible {
  outline: 2px solid #2775ae;
  outline-offset: 2px;
}
.order-status-table.order-status-compact-table {
  min-width: 780px;
  table-layout: auto;
}
.order-status-compact-table .order-status-owner-col { width: 140px; }
.order-status-compact-table .order-status-details-col { width: 90px; }
.order-status-compact-table th,
.order-status-compact-table td { padding: 12px 10px; }
.order-status-compact-table td.num { white-space: nowrap; }
.order-status-compact-table .order-status-detail-cell { text-align: left; }
.order-status-row-detail > summary { cursor: pointer; white-space: nowrap; }
.order-status-detail-content {
  padding: 10px 0;
  line-height: 1.65;
  text-align: left;
  white-space: normal;
}
.order-status-row-detail[open] .order-status-detail-content {
  min-width: 280px;
  max-width: 520px;
}
.order-status-detail-splits {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px 14px;
  margin: 8px 0 12px;
}
.order-status-detail-splits > div { display: flex; gap: 8px; justify-content: space-between; }
.order-status-detail-splits dt { color: #526c82; }
.order-status-detail-splits dd { margin: 0; font-weight: 600; }
.order-status-estimate-evidence p { margin: 6px 0; }
.order-status-forecast-values { margin: 8px 0; }
.order-status-forecast-values dt { color: #526c82; margin-top: 8px; }
.order-status-forecast-values dd { margin: 2px 0 0; }
.order-status-forecast-values small { display: block; }
.order-status-compact-method > .order-status-detail-content,
.order-status-compact-method > .order-forecast-source,
.order-status-compact-method > p { margin-left: 14px; margin-right: 14px; }
@media (max-width: 1100px) {
  .order-status-compact-section .compact-order-status-kpis { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 620px) {
  .order-status-compact-section .compact-order-status-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .order-status-detail-splits { grid-template-columns: minmax(0, 1fr); }
}

.business-pay-cycle-compact .pay-cycle-compact-summary { margin-bottom:8px; padding:10px 12px; }
.business-pay-cycle-compact .pay-cycle-compact-note { margin:0 18px 12px; font-size:12px; line-height:1.5; color:#61778a; }
.business-pay-cycle-compact .pay-cycle-candidate-head { padding:10px 0; }
.business-pay-cycle-compact .pay-cycle-candidate-head h3 { margin:0; font-size:15px; }
.business-pay-cycle-compact .pay-cycle-candidate-head > span { font-size:12px; }
.business-pay-cycle-compact .pay-cycle-compact-table table { min-width:760px; }
.business-pay-cycle-compact .pay-cycle-compact-table td { vertical-align:top; padding-top:10px; padding-bottom:10px; }
.business-pay-cycle-compact .pay-cycle-rate-pair { display:inline-block; white-space:nowrap; line-height:1.5; }
.business-pay-cycle-compact .pay-cycle-analysis-details { margin:0 18px 16px; border:1px solid #e0e9ef; border-radius:8px; }
.business-pay-cycle-compact .pay-cycle-analysis-details > summary { padding:12px; cursor:pointer; font-size:13px; font-weight:700; color:#285777; }
.business-pay-cycle-compact .pay-cycle-analysis-body > p { margin:12px; font-size:12px; line-height:1.6; color:#5c7284; overflow-wrap:anywhere; }
.business-pay-cycle-compact .pay-cycle-analysis-body .pay-cycle-kpis { grid-template-columns:repeat(3,minmax(0,1fr)); padding:0 12px 12px; }
.business-pay-cycle-compact .pay-cycle-analysis-body .pay-cycle-evidence-grid { padding:0 12px 12px; }
.business-pay-cycle-compact .pay-cycle-analysis-body .pay-cycle-evidence-grid article { padding:10px 12px; box-shadow:none; }
.business-pay-cycle-compact .pay-cycle-row-evidence > summary { cursor:pointer; font-size:12px; font-weight:700; color:#285777; white-space:nowrap; }
.business-pay-cycle-compact .pay-cycle-row-evidence-body { min-width:180px; max-width:320px; padding:8px 0; font-size:11px; line-height:1.5; color:#587084; overflow-wrap:anywhere; }
.business-pay-cycle-compact .pay-cycle-row-evidence-body dl { display:grid; grid-template-columns:85px minmax(0,1fr); gap:5px 8px; margin:0; }
.business-pay-cycle-compact .pay-cycle-row-evidence-body dt { font-weight:700; }
.business-pay-cycle-compact .pay-cycle-row-evidence-body dd { margin:0; min-width:0; }
.business-pay-cycle-compact .pay-cycle-row-evidence-body p { margin:8px 0 0; }
.business-pay-cycle-compact .pay-cycle-month-evidence { margin:8px 0 0; padding-left:18px; }
.business-pay-cycle-compact .pay-cycle-month-evidence li { margin:4px 0; }
.business-pay-cycle-compact summary:focus-visible,.business-pay-cycle-compact .table-wrap:focus-visible { outline:2px solid #327ead; outline-offset:3px; }
@media(max-width:640px) {
  .business-pay-cycle-compact .pay-cycle-compact-note,.business-pay-cycle-compact .pay-cycle-analysis-details { margin-left:12px; margin-right:12px; }
  .business-pay-cycle-compact .pay-cycle-analysis-body .pay-cycle-kpis { grid-template-columns:1fr; }
  .business-pay-cycle-compact .pay-cycle-candidate-head { align-items:flex-start; flex-direction:column; gap:5px; }
}


/* User-first business view: actual values, priorities, then optional tools. */
.business-report-time { padding: 2px 14px 10px; font-size: 12px; color: #66798b; }
.order-status-staff-section { overflow: hidden; }
.order-status-staff-section > .order-status-staff-details { margin: 0; border: 0; border-radius: 0; }
.order-status-detail-toggle { white-space: nowrap; }
.order-status-expanded-row[hidden] { display: none; }
.order-status-compact-table .order-status-expanded-row > td { padding: 0; background: #f5f9fc; }
.order-status-row-detail > summary { padding: 10px 14px; color: #245c80; }
.order-status-row-detail[open] .order-status-detail-content { min-width: 0; max-width: none; padding: 0 14px 12px; }
.order-status-row-detail .order-status-detail-splits { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; }
.order-status-row-detail .order-status-detail-splits > div { flex-direction: column; gap: 3px; }
.order-status-row-detail .order-status-detail-splits dd { font-size: 16px; }
.order-status-compact-section .compact-order-status-kpis article { min-height: 84px; }
@media (max-width: 900px) {
  .order-status-row-detail .order-status-detail-splits { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 620px) {
  .order-status-row-detail .order-status-detail-splits { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* Selection-center layout: local controls and evidence only; no global modal rules. */
.selection-workflow .selection-workflow-filter {
  display:flex; flex-wrap:wrap; align-items:flex-end; gap:12px;
}
.selection-workflow .selection-workflow-filter > label {
  flex:1 1 160px; min-width:0;
}
.selection-workflow .selection-workflow-filter > label:has([name="q"]) {
  flex:2 1 240px;
}
.selection-workflow .selection-workflow-filter > .btn {
  flex:0 0 auto; height:40px; min-height:40px; align-self:flex-end;
}
.selection-workflow input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
.selection-workflow select {
  min-width:0; max-width:100%; height:40px; padding:0 10px; line-height:1.4;
}
.selection-workflow textarea {
  height:auto; min-height:96px; line-height:1.5; resize:vertical;
}
.selection-workflow .evaluation-fields > label,
.selection-workflow .selection-workflow-list article > div {
  min-width:0; overflow-wrap:anywhere;
}
.selection-workflow .selection-workflow-list article > .btn {
  flex:0 0 auto;
}
.selection-workflow > #evaluationFilter ~ footer {
  display:grid; grid-template-columns:minmax(0,1fr) auto auto; gap:8px;
}
.competitor-evidence-modal .competitor-evidence-group > div:has(> .competitor-evidence-ad:only-child) {
  grid-template-columns:minmax(0,1fr);
}
.competitor-evidence-modal .competitor-evidence-group > header {
  flex-wrap:wrap;
}
.competitor-evidence-modal .competitor-evidence-ad > details {
  grid-column:1 / -1; min-width:0; overflow-wrap:anywhere;
}
.competitor-evidence-modal .competitor-evidence-ad > details > summary,
.competitor-evidence-modal .competitor-evidence-ad > details p,
.competitor-evidence-modal .competitor-evidence-ad > details a {
  white-space:normal; overflow-wrap:anywhere; line-height:1.5;
}
.competitor-evidence-modal .competitor-evidence-ad > nav {
  grid-column:1 / -1;
}
@media (max-width:700px) {
  .selection-workflow .selection-workflow-filter {
    display:grid; grid-template-columns:minmax(0,1fr);
  }
  .selection-workflow .selection-workflow-filter > .btn {
    width:100%; align-self:stretch;
  }
  .selection-workflow > #evaluationFilter ~ footer {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .selection-workflow > #evaluationFilter ~ footer > span {
    grid-column:1 / -1;
  }
  .selection-workflow > #evaluationFilter ~ footer > .btn {
    width:100%;
  }
  .selection-workflow .selection-workflow-list article {
    flex-direction:column; align-items:stretch;
  }
  .selection-workflow .selection-workflow-list article > .btn {
    width:100%;
  }
}
/* Selection-center long headers: paired statistics keep a readable column. */
.competitor-evidence-modal .competitor-evidence-hero {
  display:grid; grid-template-columns:minmax(0,1fr) auto;
  align-items:start; gap:16px;
}
.competitor-evidence-modal .competitor-evidence-hero > div:first-child {
  min-width:0;
}
.competitor-evidence-modal .competitor-evidence-hero h2 {
  overflow-wrap:anywhere;
}
.competitor-evidence-modal .competitor-evidence-hero > div:last-child {
  min-width:0; grid-template-columns:max-content minmax(8em,max-content);
  justify-content:start; align-items:baseline;
}
.competitor-evidence-modal .competitor-evidence-hero > div:last-child strong,
.competitor-evidence-modal .competitor-evidence-hero > div:last-child span {
  white-space:nowrap;
}
.selection-workflow > header > div:first-child {
  flex:1 1 280px; min-width:0;
}
.selection-workflow > header :is(h2,p,small) {
  overflow-wrap:anywhere;
}
.selection-workflow > header > .btn {
  flex:0 0 auto;
}
@media(max-width:700px) {
  .competitor-evidence-modal .competitor-evidence-hero {
    grid-template-columns:minmax(0,1fr); padding-right:0;
  }
  .competitor-evidence-modal .competitor-evidence-hero > div:last-child {
    justify-self:start;
  }
  .selection-workflow > header > div:first-child {
    flex-basis:100%;
  }
}

.business-overview-delivery .ops-section-head {margin-bottom:10px;}
.business-overview-delivery>.prediction-backtest-section {margin-top:14px;border:0;border-top:1px solid var(--soft-line);box-shadow:none;border-radius:0;margin-bottom:0;}
.business-overview-delivery-splits {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:12px 16px;}
.business-overview-delivery-splits>div {background:#f2f7fb;border:1px solid var(--soft-line);border-radius:8px;padding:10px 12px;}
.business-overview-delivery-splits dt {font-size:12px;color:#627d91;}
.business-overview-delivery-splits dd {margin:4px 0 0;font-size:20px;font-weight:700;color:#174763;}
.business-overview-forecast-status {display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:12px 16px;padding:10px 12px;background:#f8fbfd;border:1px solid var(--soft-line);border-radius:8px;font-size:13px;}
.business-overview-forecast-status .prediction-row-evidence {margin:0;}
.business-overview-table-title {display:flex;justify-content:space-between;gap:12px;align-items:center;margin:14px 16px 8px;}
.business-overview-table-title h3 {margin:0;font-size:15px;}
.business-overview-table-title small {color:#627d91;font-size:12px;}
.business-overview-delivery-table-wrap {max-height:540px;overflow:auto;}
.order-status-table.business-overview-delivery-table {width:100%;min-width:1420px;table-layout:auto;font-size:13px;}
.business-overview-delivery-table th,.business-overview-delivery-table td {padding:10px 9px;white-space:nowrap;}
.business-overview-delivery-table thead th {position:sticky;top:0;z-index:2;background:#eef5fb;}
.business-overview-delivery-table thead tr:nth-child(2) th {top:39px;}
.business-overview-delivery-table tbody th {position:sticky;left:0;z-index:1;background:#fff;min-width:95px;}
.business-overview-delivery-table .order-status-total th {background:#e7f1fb;}
.business-overview-delivery-table .business-overview-prediction {color:#586da1;font-size:12px;}
.order-status-table.business-signing-progress-table {min-width:950px;}
.business-signing-progress-table .business-signing-reasons {white-space:normal;min-width:175px;max-width:260px;}
.business-signing-progress-table td small,.business-signing-queue-table td small {display:block;margin-top:5px;color:var(--muted);font-size:12px;white-space:normal;}
.business-signing-panel {margin:16px;padding-top:16px;border-top:1px solid var(--soft-line);}
.business-signing-panel[hidden] {display:none;}
.business-signing-queue-table {width:100%;min-width:860px;border-collapse:collapse;font-size:13px;}
.business-signing-queue-table td,.business-signing-queue-table th {padding:10px;text-align:left;vertical-align:top;border-bottom:1px solid var(--soft-line);max-width:270px;overflow-wrap:anywhere;}
.business-signing-pagination {display:flex;justify-content:flex-end;gap:8px;margin-top:12px;}
.business-signing-progress-table thead tr:nth-child(2) th {top:0;}
@media(max-width:560px){.business-signing-panel{margin:10px;}.business-signing-queue-table{min-width:760px;}}
.business-overview-expanded>.ops-section-head {margin-bottom:12px;}
.business-overview-expanded>.section {border:0;border-top:1px solid var(--soft-line);box-shadow:none;margin-bottom:0;border-radius:0;}
#businessBody .business-performance-section {margin-top:0;}
#businessBody .business-performance-section .performance-table-wrap {max-height:460px;overflow:auto;}
.business-overview-expanded .ops-card-head small,.business-overview-expanded .ops-section-head>div>small {display:none;}
@media(max-width:900px){.business-overview-delivery-splits{grid-template-columns:repeat(3,minmax(0,1fr));}.business-overview-table-title{display:block;}.business-overview-table-title small{display:block;margin-top:4px;}}
@media(max-width:560px){.business-overview-delivery-splits{grid-template-columns:repeat(2,minmax(0,1fr));margin:10px;}.business-overview-forecast-status{margin:10px;}.business-overview-delivery-table-wrap{max-height:420px;}}

.business-ai-compact .business-ai-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
}
.business-ai-compact .business-ai-grid h4 { margin: 0 0 8px; }
.business-ai-compact .business-ai-grid .btn { margin-top: 8px; }
.business-ai-compact .business-ai-evidence .table-wrap { overflow-x: auto; }
.business-ai-compact .business-ai-evidence th,
.business-ai-compact .business-ai-evidence td { white-space: nowrap; }

/* SKU signing facts remain separate from the replenishment sample. */
.sku-signing-overview { margin:16px; border:1px solid #d6e5ee; border-radius:12px; background:#fff; overflow:hidden; }
.sku-signing-overview > .chart-head { padding:15px 16px 0; }
.sku-signing-highlights { display:grid; grid-template-columns:repeat(2,minmax(200px,1fr)) minmax(260px,1.5fr); gap:16px; padding:16px; align-items:center; background:#f5faff; }
.sku-signing-highlights article { display:grid; gap:5px; }
.sku-signing-highlights label { color:#526b80; font-weight:700; }
.sku-signing-highlights b { font-size:30px; color:#135d87; }
.sku-signing-highlights small,.sku-signing-highlights p,.sku-signing-overview details p { margin:0; color:#62788b; font-size:12px; line-height:1.7; }
.sku-signing-state-table { min-width:980px; }
.sku-signing-state-table .subtle-block { white-space:nowrap; }
.sku-signing-state-table tbody tr:last-child { background:#edf7fc; font-weight:700; }
.sku-signing-overview details { padding:12px 16px; border-top:1px solid #e4edf3; }
.sku-signing-overview summary { cursor:pointer; font-weight:700; color:#246586; }
.sku-signing-overview details .table-wrap { margin:10px 0; }
@media(max-width:1000px) { .sku-signing-highlights { grid-template-columns:repeat(2,minmax(0,1fr)); } .sku-signing-highlights p { grid-column:1/-1; } }
@media(max-width:560px) { .sku-signing-overview { margin:10px; } .sku-signing-highlights { gap:10px; padding:12px; } .sku-signing-highlights b { font-size:25px; } }

.business-delivery-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12px;}
.business-delivery-tools select{padding:6px 8px;border:1px solid var(--soft-line);border-radius:6px;background:#fff;color:var(--text);}
.business-delivery-count{border:0;padding:0;background:none;color:inherit;font:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:3px;}
.business-delivery-count:hover{color:var(--primary);}
.business-delivery-count:focus-visible{outline:2px solid var(--primary);outline-offset:3px;border-radius:2px;}
.business-delivery-panel{margin:16px;padding:14px;border:1px solid var(--soft-line);border-radius:8px;background:#f8fbfd;}
.business-delivery-panel[hidden]{display:none;}
.business-delivery-detail-table{width:100%;min-width:780px;border-collapse:collapse;font-size:13px;}
.business-delivery-detail-table th,.business-delivery-detail-table td{padding:10px;text-align:left;vertical-align:top;border-bottom:1px solid var(--soft-line);max-width:340px;overflow-wrap:anywhere;}
.business-delivery-detail-table td small{display:block;margin-top:5px;color:var(--muted);white-space:normal;}
.business-delivery-pagination{display:flex;justify-content:flex-end;gap:8px;margin-top:12px;}
/* Company products keep SKU/market evidence readable at every width. */
.ps-company-entry{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.ps-company-entry p{margin:6px 0;color:#627b8f}.ps-company-counts{display:flex;gap:14px;flex-wrap:wrap;margin:20px 0}
.ps-company-counts span{padding:6px 12px;background:#eef6f8;border-radius:8px}
.ps-company-filters{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:16px 0 24px}
.ps-company-filters label{display:grid;gap:6px;flex:1 1 180px;min-width:0}.ps-company-filters input,.ps-company-filters select{width:100%;min-width:0}
.ps-company-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:16px}
.ps-company-card{border:1px solid #dce8ed;border-radius:12px;padding:18px;min-width:0;overflow-wrap:anywhere}
.ps-company-card header,.ps-company-card footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.ps-company-card header span{color:#087e83;background:#e9f7f5;border-radius:6px;padding:4px 8px}
.ps-company-card h3{margin:12px 0}.ps-company-card dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.ps-company-card dt{color:#627b8f;font-size:12px}.ps-company-card dd{margin:4px 0;font-weight:700;font-size:20px}
.ps-company-card p{color:#627b8f;font-size:13px;line-height:1.7}.ps-company-pagination{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end;margin-top:22px}

.ps-company-parent-search{display:flex;gap:12px;flex-wrap:wrap;align-items:end}.ps-company-parent-search label{flex:1 1 200px;min-width:0}.ps-company-parent-search select{max-width:100%}

.ps-company-daily{margin:22px 0;padding:22px;background:#f4fbfc;border:1px solid #c7e4e9;border-radius:14px;min-width:0}
.ps-company-daily>header{display:flex;gap:18px;justify-content:space-between;align-items:start;flex-wrap:wrap}.ps-company-daily h2{margin:0}.ps-company-daily p{line-height:1.6}.ps-company-daily form{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.ps-company-daily label{display:grid;gap:6px}.ps-company-daily input,.ps-company-daily select,.ps-company-filters input,.ps-company-filters select{min-height:40px;padding:8px;border:1px solid #d0dde7;border-radius:7px;max-width:100%}
.ps-company-daily-counts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:22px 0}.ps-company-daily-counts>div{display:grid;gap:6px;background:#fff;padding:16px;border-radius:10px;min-width:0}.ps-company-daily-counts b{font-size:28px;color:#087e83}.ps-company-daily-counts span{font-size:13px;color:#496779}.ps-company-daily-note{color:#496779;font-size:13px}
.ps-company-auto-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:16px}.ps-company-auto-card{display:flex;border:1px solid #d4e4eb;border-radius:12px;background:white;min-width:0;overflow:hidden;overflow-wrap:anywhere}.ps-company-auto-card>img{width:128px;max-height:260px;object-fit:cover;align-self:start}.ps-company-auto-body{padding:16px;min-width:0;flex:1}.ps-company-auto-body header{display:flex;gap:8px;flex-wrap:wrap}.ps-company-auto-body header span{background:#e3f3ef;color:#087e83;border-radius:5px;padding:4px 7px;font-size:12px}.ps-company-auto-body h3{margin:12px 0}.ps-company-auto-body p{font-size:13px;color:#496779}.ps-company-auto-body footer{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.ps-company-auto-parents>div,.ps-company-auto-parents details>div{display:grid;gap:4px;margin:8px 0;font-size:13px}.ps-company-auto-parents span{color:#496779}.ps-company-mothers{margin-top:24px}.ps-company-mothers>summary{font-size:17px;font-weight:700;padding:14px;cursor:pointer}
@media(max-width:700px){.ps-company-daily{padding:14px}.ps-company-daily-counts{grid-template-columns:repeat(2,minmax(0,1fr))}.ps-company-auto-card{display:block}.ps-company-auto-card>img{width:100%;height:160px}.ps-company-daily>header form{width:100%}.ps-company-daily>header form label{flex:1;min-width:0}}

/* Company discovery feedback and compact material cards. */
.selection-switch-loading{display:flex;gap:12px;align-items:center;min-height:110px;color:#31586d}
.selection-loading-spinner{width:20px;height:20px;border:3px solid #dceaf0;border-top-color:#0c8997;border-radius:50%;animation:selection-loading-turn .9s linear infinite;flex-shrink:0}
@keyframes selection-loading-turn{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.selection-loading-spinner{animation:none}}
.ps-company-daily>header{flex-wrap:wrap;gap:16px}.ps-company-daily form{display:flex;gap:10px;flex-wrap:wrap;align-items:end}
.ps-company-daily form label{display:flex;flex-direction:column;gap:5px}.ps-company-daily form [hidden]{display:none}.ps-company-period{color:#357083}.ps-company-daily select{min-width:145px;max-width:100%;height:40px}
.ps-company-scope{color:#497588;font-size:14px}.ps-company-material-state{display:inline-block;padding:4px 8px;border-radius:5px;background:#e8f5ef;color:#277557;font-size:12px}
.ps-company-auto-card{align-items:start;min-width:0}.ps-company-auto-card img{height:210px;max-height:210px;object-fit:cover}.ps-company-auto-body{min-width:0}.ps-company-auto-body h3{overflow-wrap:anywhere}
.ps-company-auto-parents details{max-height:210px;overflow:auto}.ps-company-auto-card footer{display:flex;flex-wrap:wrap;gap:7px}

.ps-company-auto-parents small{display:block;color:#607d8b;margin-top:3px}.ps-company-progress{padding:8px 10px;background:#edf7f7;border-radius:6px}.ps-company-daily>header form{flex-wrap:wrap}

.selection-monthly>header h3{margin:0}.selection-monthly>header p{margin:8px 0 16px;color:#597283}.selection-monthly-coverage{display:flex;flex-direction:column;gap:6px;margin:12px 0;padding:12px 16px;background:#fff8e5;border-left:4px solid #d59d1a;border-radius:6px;color:#685522;font-size:14px;line-height:1.6}.selection-monthly-counts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}.selection-monthly-counts>div{display:flex;flex-direction:column;padding:16px;border:1px solid #dce9ed;background:#f3fbfc;border-radius:10px;gap:7px}.selection-monthly-counts b{font-size:26px;color:#12828d}.selection-monthly-counts span{font-size:14px;color:#587181}.selection-monthly .workbench-table caption{text-align:left;padding:10px 0;color:#456579}.selection-monthly-grid article{min-width:0}.selection-monthly-grid h3,.selection-monthly-grid p{overflow-wrap:anywhere}.selection-monthly-grid details{margin-top:12px}.selection-monthly-record{padding:10px 0;border-top:1px solid #e4edf0}.selection-monthly-record small{display:block;color:#667f8f;margin-top:4px}.selection-monthly-record p{white-space:pre-wrap}.selection-monthly footer{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:16px}@media(max-width:900px){.selection-monthly-counts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.selection-monthly-counts{grid-template-columns:1fr}.selection-monthly .workbench-filter{display:flex;flex-direction:column;align-items:stretch}.selection-monthly .workbench-filter label{width:100%}}

.selection-desk header{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap}
.selection-desk h2{font-size:24px;margin:0 0 6px}.selection-desk h2 span{font-size:15px;color:#526f7b;margin-left:8px}
.selection-desk header p{margin:0;color:#526f7b}.selection-task-actions{display:flex;gap:8px;flex-wrap:wrap}
.selection-desk form{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:18px 0;padding:14px;background:#f3f8fa;border-radius:10px}
.selection-desk form label{display:grid;gap:5px;font-size:14px}.selection-desk input,.selection-desk select{padding:9px;border:1px solid #cfdee6;border-radius:6px;background:#fff;max-width:100%}
.selection-desk-list article{display:grid;grid-template-columns:minmax(0,1fr) 160px;gap:20px;padding:16px 18px;border:1px solid #dce6ea;border-radius:10px;margin:12px 0;background:#fff}
.selection-desk-list h3{font-size:18px;margin:6px 0 8px;overflow-wrap:anywhere}.selection-desk-list p{margin:6px 0;font-size:14px;line-height:1.5;max-width:900px}.selection-desk-list small{color:#526f7b;font-size:12px}
.selection-desk-task{font-size:16px;color:#006c74}.selection-desk-action{display:flex;flex-direction:column;justify-content:center;gap:10px;align-items:center}.selection-desk-action .btn{width:100%}
.selection-desk footer{display:flex;gap:12px;align-items:center;margin-top:18px}
.selection-task-now{padding:16px 18px;border:1px solid #9ccbd0;background:#f0fbfa;border-radius:12px;margin:12px 0}
.selection-task-now h3{margin:6px 0;font-size:21px}.selection-task-now p{margin:6px 0;font-size:15px}.selection-task-now .selection-task-done{font-size:14px;color:#435f68}
.selection-task-now .selection-task-actions{margin:12px 0}.selection-task-now details{margin-top:10px}.selection-task-now textarea{width:100%;box-sizing:border-box;min-height:160px;padding:10px;background:#fff;font:inherit}
.selection-ai-case>summary{font-weight:600;cursor:pointer;padding:6px 0}.evaluation-history>summary{cursor:pointer}
@media(max-width:760px){.selection-desk-list article{grid-template-columns:1fr;gap:10px}.selection-desk-action{align-items:start}.selection-desk-action .btn{width:auto}.selection-desk form label{flex:1 1 180px;min-width:0}.selection-desk input,.selection-desk select{width:100%;box-sizing:border-box}}

.selection-desk-ai{color:#49636e;background:#f4f8f9;padding:7px 9px;border-radius:6px}.selection-desk-ai b{color:#126973}

/* Company captured-product growth overview. */
.ps-company-growth{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:18px 0}.ps-company-growth>div{display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid #dce9ed;border-radius:10px;padding:16px}.ps-company-growth b{color:#087f8c;font-size:24px}.ps-company-growth span{font-size:13px;color:#5d7486}.ps-company-growth-actions{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.ps-company-daily>header form{flex-wrap:wrap}
.selection-card-feedback { margin-top: 12px; border-top: 1px solid #dce8ee; padding-top: 10px; min-width: 0; }
.competitor-source-product > .selection-card-feedback { grid-column: 1 / -1; }
.selection-card-feedback-actions { display: flex; flex-wrap: wrap; gap: 8px; align-items: flex-start; }
.selection-card-feedback .btn[aria-pressed="true"] { background: #e3f5f2; border-color: #169a99; color: #08777b; }
.selection-card-feedback details { max-width: 100%; }
.selection-card-feedback summary { cursor: pointer; padding: 9px 12px; border: 1px solid #dce8ee; border-radius: 7px; white-space: nowrap; }
.selection-card-feedback details[open] { flex-basis: 100%; }
.selection-card-feedback details > div { display: flex; flex-wrap: wrap; gap: 8px; padding-top: 8px; }
.selection-card-feedback p { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; font-size: 12px; color: #577180; margin: 6px 0 0; }
.selection-card-feedback p:empty { display: none; }
.selection-card-feedback p .btn { font-size: 12px; padding: 3px 6px; }

/* First UX increment; all classic layout rules remain available. */
.portal-interface-toggle {
  background:transparent; color:#466579; border:1px solid #dae6ee;
  border-radius:8px; padding:8px 10px; font-size:12px; white-space:nowrap;
  cursor:pointer;
}
.portal-interface-toggle:hover { background:#eef6fc; color:#0f5b8f; }
.portal-interface-toggle:focus-visible, .ux-review-more summary:focus-visible,
.ux-review-settings summary:focus-visible { outline:2px solid #1387b0; outline-offset:3px; }
.portal-experience-simple .sidebar > .brand { display:none; }
.portal-experience-simple .nav { margin-top:0; gap:4px; }
.portal-experience-simple .nav > .ux-nav-group {
  margin-top:16px; padding:7px 12px 3px; background:transparent;
  font-size:12px; font-weight:500; letter-spacing:.02em; color:#bed9eb;
  display:block; border-radius:0; box-shadow:none;
}
.portal-experience-simple .nav > .ux-nav-group:first-child { margin-top:0; }
.portal-experience-simple .nav > button[data-view],
.portal-experience-simple .nav > .ux-nav-shortcut {
  padding:10px 12px; min-height:40px; font-size:14px;
}
.portal-experience-simple .nav > .ux-nav-group.hidden,
.portal-experience-simple .nav > .ux-nav-shortcut.hidden,
.portal-experience-simple .nav > .ux-nav-shortcut.or-hidden-for-finance { display:none !important; }

.ux-review-selection-hint { display:none; color:#647c8c; font-size:12px; }
.portal-experience-simple .review-actions-bar:not(.ux-has-selection) #reviewExportBtn,
.portal-experience-simple .review-actions-bar:not(.ux-has-selection) [data-review-bulk] { display:none; }
.portal-experience-simple .review-actions-bar:not(.ux-has-selection) .ux-review-selection-hint { display:inline; }
.portal-experience-simple .review-notes-head { display:none; }
.ux-review-more { display:inline-block; min-width:52px; position:relative; }
.ux-review-more summary, .ux-review-settings summary {
  color:#466579; font-size:12px; padding:7px 9px; border:1px solid #d9e5ed;
  border-radius:6px; background:#f8fbfd; cursor:pointer;
}
.ux-review-more[open] { z-index:2; }
.ux-review-more[open] > button { display:block; margin-top:6px; }
.ux-review-settings { text-align:right; }
.ux-review-settings[open] > button { margin-top:6px; }
@media (max-width:760px) {
  .portal-interface-toggle { padding:7px 8px; font-size:11px; }
  .portal-experience-simple .nav > .ux-nav-group { width:100%; }
}

/* Place the layout switch explicitly in the existing mobile header row. */
@media (max-width:820px) {
  .portal-utilitybar { grid-template-columns:minmax(30px,1fr) auto auto auto; }
  .portal-utilitybar #portalInterfaceToggle { grid-row:1; grid-column:2; }
  .portal-utilitybar #helpCenterBtn { grid-row:1; grid-column:3; }
  .portal-utilitybar .account { grid-row:1; grid-column:4; }
}
@media (max-width:520px) {
  .portal-utility-brand { font-size:0; gap:0; }
  .portal-utilitybar .account-btn { max-width:110px; }
}

/* Preserve the existing compact horizontal mobile navigation. */
@media (max-width:760px) {
  .portal-experience-simple .nav > .ux-nav-group { width:auto; flex:0 0 auto; }
}

/* Company discovery: compact browsing, with full evidence retained in the side sheet. */
.ps-company-foundation .ps-company-entry-compact{padding:0 0 12px;margin:0;align-items:center;min-width:0}
.ps-company-entry-compact p{margin:0;color:#657c8a}
.ps-company-daily.ps-company-discovery{padding:20px;background:#f4fafb}
.ps-company-discovery>header{align-items:center;margin:0 0 16px;gap:12px}
.ps-company-discovery>header h2{margin:0 0 6px;font-size:20px}
.ps-company-discovery>header p{margin:3px 0;font-size:14px}
.ps-company-discovery>header small{color:#617a88}
.ps-company-discovery .ps-company-discovery-filters{display:flex;width:100%;box-sizing:border-box;gap:10px;align-items:end;flex-wrap:wrap;background:#fff;padding:14px;border:1px solid #d6e7ed;border-radius:10px;margin-bottom:12px}
.ps-company-discovery-filters>label{flex:1 1 155px;min-width:0;max-width:230px;font-size:13px;color:#455f6f}
.ps-company-discovery-filters select,.ps-company-discovery-filters input{width:100%;min-width:0;box-sizing:border-box;height:40px;margin-top:5px}
.ps-company-discovery-filters .ps-company-search{flex:2 1 220px;max-width:none}
.ps-company-discovery-filters>[hidden]{display:none!important}
.ps-company-discovery-filters>.btn{flex:0 0 auto;min-height:40px;white-space:nowrap}
.ps-company-advanced{flex:0 1 auto}
.ps-company-advanced>summary{padding:10px;cursor:pointer;font-size:13px}
.ps-company-advanced[open]{flex-basis:100%;display:flex;gap:12px;align-items:end;flex-wrap:wrap;border-top:1px solid #e0ebee;padding-top:10px}
.ps-company-advanced label{min-width:160px;flex:0 1 230px}
.ps-company-advanced[open]>summary{flex-basis:100%}
.ps-company-load-status,.ps-company-refresh-notice{padding:10px 12px;border-radius:8px;background:#e7f4fa;margin:8px 0;font-size:14px}
.ps-company-load-status[hidden],.ps-company-refresh-notice[hidden]{display:none}
.ps-company-results-head{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:10px 0;font-size:13px;color:#67808d}
.ps-company-results-head>div{display:flex;gap:4px}
.ps-company-results-head [aria-pressed="true"]{background:#dff2f4;border-color:#309da7;color:#147b85}
#companyDiscoveryResults{scroll-margin-top:90px}
.ps-company-compact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,285px),1fr));gap:14px;align-items:start}
.ps-company-compact-card{display:flex;flex-direction:column;border:1px solid #d8e6ec;border-radius:12px;background:#fff;overflow:hidden;min-width:0}
.ps-company-thumb{position:relative;display:block;border:0;border-radius:0;cursor:pointer;padding:0;width:100%;height:178px;background:#eaf0f2;color:#587481;overflow:hidden}
.ps-company-thumb img{width:100%;height:100%;object-fit:contain;display:block}
.ps-company-thumb>span:last-child{position:absolute;left:10px;bottom:9px;padding:4px 8px;border-radius:6px;background:rgba(245,255,251,.94);color:#368176;font-size:12px}
.ps-company-no-image{display:flex;align-items:center;justify-content:center;height:100%}
.ps-company-compact-body{padding:14px;min-width:0}
.ps-company-compact-body>header{display:flex;gap:8px;justify-content:space-between;align-items:center;margin:0 0 8px;font-size:12px;color:#667e8a;min-width:0}
.ps-company-compact-body>header>span{color:#2a8c95;background:#e6f4f5;padding:3px 6px;border-radius:4px;white-space:nowrap}
.ps-company-compact-body>header>small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ps-company-card-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:48px;max-height:48px;text-align:left;font:700 17px/24px inherit;line-height:24px;font-weight:700;font-size:17px;background:none;border:0;padding:0;width:100%;cursor:pointer;color:#173b51;overflow-wrap:anywhere}
.ps-company-compact-body p{font-size:13px;line-height:20px;margin:8px 0;color:#667e8a}
.ps-company-compact-body .ps-company-card-match{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ps-company-card-parents{background:#f2f8f9;border:1px solid #e0edf0;border-radius:8px;padding:9px;margin:10px 0;display:grid;gap:7px;min-width:0}
.ps-company-card-parents>header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px;font-size:12px;color:#276a76}
.ps-company-card-parents>header>span{font-size:11px;color:#6b8490}
.ps-company-mother{display:grid;gap:3px;width:100%;min-width:0;background:transparent;border:0;text-align:left;padding:0;cursor:pointer;color:#274b5d;font:inherit}
.ps-company-mother+.ps-company-mother{border-top:1px solid #dce9ec;padding-top:7px}
.ps-company-mother-title{display:flex;align-items:baseline;gap:7px;min-width:0;font-size:13px}
.ps-company-mother-title b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}
.ps-company-mother-title>span{font-size:11px;max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#547b89}
.ps-company-mother small{display:block;font-size:11px;line-height:16px;color:#66818d}
.ps-company-mother-markets{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ps-company-mother-evidence{overflow-wrap:anywhere}
.ps-company-more-mothers{border:0;background:transparent;text-align:left;padding:2px 0 0;color:#147b85;font:inherit;font-size:12px;cursor:pointer}
.ps-company-card-parents.is-empty{font-size:12px;color:#718793}
.ps-company-mother:focus-visible,.ps-company-more-mothers:focus-visible{outline:2px solid #218fa2;outline-offset:3px;border-radius:2px}
.ps-company-compact-body footer{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:12px}
.ps-company-compact-body .btn{font-size:14px;padding:8px 10px;white-space:nowrap}
.selection-card-feedback.is-compact{display:flex;gap:6px;padding:0;border:0;margin:0}
.selection-card-feedback.is-compact .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.selection-card-feedback.is-compact [aria-pressed="true"]{background:#e4f4ee;border-color:#4eaa91;color:#27765f}
.ps-company-discovery-pagination{margin:10px 0;padding:0;justify-content:space-between;display:flex;gap:10px;flex-wrap:wrap;align-items:center;font-size:13px}
.ps-company-discovery-pagination>div{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.ps-company-discovery .ps-company-discovery-pagination form{display:flex;gap:6px;align-items:center}
.ps-company-discovery-pagination label{display:flex;gap:5px;align-items:center;font-size:13px}
.ps-company-daily .ps-company-discovery-pagination form label{flex-direction:row}
.ps-company-discovery-pagination input{width:65px;min-width:0;height:34px;box-sizing:border-box}
.ps-company-discovery-pagination .btn{font-size:13px;padding:7px 10px;white-space:nowrap}
.ps-company-compact-grid.is-list{display:flex;flex-direction:column}
.ps-company-compact-grid.is-list .ps-company-compact-card{width:100%;box-sizing:border-box;display:grid;grid-template-columns:140px minmax(0,1fr)}
.ps-company-compact-grid.is-list .ps-company-thumb{height:100%;min-height:176px}
.ps-company-compact-grid.is-list .ps-company-card-title{min-height:0;max-height:48px}
.ps-company-admin-stats{margin-top:18px;border-top:1px solid #d5e5eb;padding-top:12px;font-size:13px;color:#637c89}
.ps-company-admin-stats>summary{cursor:pointer}
.ps-company-admin-stats .ps-company-growth{margin-top:12px}
#modal .modal-panel.modal-company-detail{position:fixed;right:0;top:0;bottom:0;max-height:100dvh;height:100dvh;width:min(650px,94vw);max-width:none;margin:0;border-radius:14px 0 0 14px;box-sizing:border-box}
.modal-company-detail #modalContent{height:calc(100dvh - 54px);max-height:calc(100dvh - 54px);overflow:hidden}
.ps-company-detail{height:100%;min-height:0;display:flex;flex-direction:column}
.ps-company-detail-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:4px}
.ps-company-detail-actions{flex:none;max-height:42dvh;overflow-y:auto;background:#fff;border-top:1px solid #d5e5eb;padding-top:10px;margin-top:10px}
.ps-company-detail-actions h3{font-size:15px;margin:0 0 6px}
.ps-company-detail-actions .selection-card-feedback{margin:0;padding:0;border:0}
.ps-company-detail-actions .selection-card-feedback p{font-size:12px;margin:4px 0}
.ps-company-detail-actions .selection-card-feedback-actions{gap:6px}
.ps-company-detail-actions .btn{font-size:13px;padding:7px 9px}
.ps-company-detail-action-note{display:flex;gap:8px;align-items:center;justify-content:space-between;font-size:12px;color:#617885;margin-top:6px}
.ps-company-detail-action-note .btn{white-space:nowrap}
.ps-company-other-parents{margin-top:10px}
.ps-company-other-parents>summary,.ps-company-order-sample>summary{cursor:pointer;color:#147b85;font-size:13px}
.ps-company-other-parents>.ps-company-detail-parents{margin-top:8px}
.ps-company-order-sample p{font-size:12px;margin:5px 0}
.ps-company-detail-scroll>header small{color:#708591}
.ps-company-detail h2{font-size:22px;line-height:1.35;overflow-wrap:anywhere;margin:6px 40px 16px 0}
.ps-company-detail>header small{color:#708591}
.ps-company-detail video{display:block;max-width:100%;width:100%;height:300px;background:#102633;border-radius:8px;object-fit:contain}
.ps-company-detail p{font-size:14px;line-height:1.6;color:#617885}
.ps-company-detail-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.ps-company-detail-parents{display:grid;gap:8px}
.ps-company-detail-parents article{padding:10px;background:#f1f7f9;border-radius:8px;display:grid;gap:4px;font-size:14px;overflow-wrap:anywhere}
.ps-company-detail-parents small{color:#718793}
@media(min-width:1500px){.ps-company-compact-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){.ps-company-daily.ps-company-discovery{padding:12px}.ps-company-discovery-filters>label{max-width:none;flex-basis:140px}.ps-company-discovery-pagination>div{width:100%}.ps-company-discovery-pagination form{margin-left:auto}.ps-company-compact-grid.is-list .ps-company-compact-card{grid-template-columns:100px minmax(0,1fr)}.ps-company-compact-grid.is-list .ps-company-thumb{min-height:180px}.ps-company-compact-body{padding:10px}.ps-company-card-title{font-size:15px}.ps-company-detail video{height:240px}}

.ps-company-actual-batches{margin-top:8px}.ps-company-actual-batches summary{cursor:pointer;font-weight:600}.ps-company-actual-batches section{padding:8px 0;border-bottom:1px solid #dce7ed;overflow-wrap:anywhere}.ps-company-actual-batches section p{margin:5px 0;line-height:1.5}.ps-company-actual-batches>p{font-size:12px;line-height:1.5}

/* Unified native sidebar submenu geometry, including lazy-loaded module styles. */
.nav > :is(.procurement-subnav, .business-subnav, .jiuzhou-subnav, .soms-subnav,
  .supply-subnav, .jumia-subnav, .product-selection-subnav, .logistics-subnav) {
  display:none; gap:6px; margin:-4px 0 6px 12px;
  padding:0 0 0 12px; border-left:1px solid rgba(255,255,255,.22);
}
.nav > :is(.procurement-subnav, .business-subnav, .jiuzhou-subnav, .soms-subnav,
  .supply-subnav, .jumia-subnav, .product-selection-subnav, .logistics-subnav):is(.active, .open) {
  display:grid;
}
.portal-experience-simple .nav > :is(.procurement-subnav, .business-subnav,
  .jiuzhou-subnav, .soms-subnav, .supply-subnav, .jumia-subnav,
  .product-selection-subnav, .logistics-subnav) { margin-top:2px; }
.nav > :is(.procurement-subnav, .business-subnav, .jiuzhou-subnav, .soms-subnav,
  .supply-subnav, .jumia-subnav, .product-selection-subnav, .logistics-subnav) > button {
  min-height:38px; padding:9px 12px; font-size:13px;
}

/* SKU decisions: concise action list, complete original evidence in the detail. */
.sku-decision-wrap .sku-decision-table.sku-decision-compact{min-width:1000px;table-layout:auto}
.sku-decision-compact td{vertical-align:top;max-width:260px}
.sku-decision-compact td:first-child{min-width:200px}
.sku-decision-compact small{display:block;margin-top:5px;color:#6e8498;white-space:normal}
.sku-decision-detail .business-readonly-note{padding:10px;background:#eef6fb;border-radius:8px}
.sku-decision-detail section{margin-bottom:16px}
.sku-decision-detail details{margin-top:16px}

/* 2026-10-14: result-first pages; original-layout toggle expands preserved evidence. */
.monitor-layout { display:flex; flex-direction:column; gap:14px; }
.monitor-status-summary { display:flex; flex-wrap:wrap; gap:8px 18px; padding:10px 14px; border:1px solid #d9e6ef; border-radius:10px; background:#fff; color:#496478; }
.monitor-status-summary b { color:#174d6f; }
.monitor-status-summary span,.monitor-status-explanation { font-size:13px; }
.monitor-layout .tabs { margin:0; }
.portal-experience-optional { padding:14px 18px; border:1px solid #dbe6ed; border-radius:12px; background:#fff; }
.monitor-layout > section.portal-experience-optional > h2 { margin:0 0 14px; font-size:16px; color:#235875; }
.portal-experience-optional > summary { cursor:pointer; font-weight:600; color:#235875; }
.portal-experience-optional[open] > summary { margin-bottom:14px; }
.portal-experience-simple .monitor-layout > .monitor-data-control { order:0; }
.portal-experience-simple .monitor-layout > .monitor-status-summary { order:1; }
.portal-experience-simple .monitor-layout > .notice { order:1; }
.portal-experience-simple .monitor-layout > .monitor-metrics { order:2; }
.portal-experience-simple .monitor-layout > .tabs { order:3; }
.portal-experience-simple .monitor-layout > #monitorBody { order:4; }
.portal-experience-simple .monitor-layout > .monitor-provenance { order:5; }
.portal-experience-simple .monitor-layout > .monitor-chart-detail { order:6; }
.monitor-layout .monitor-metrics .cards { margin:0; }
.boss-daily-priorities { margin:16px 0; }
.boss-daily-priority-group { padding:14px; border:1px solid #dce7ee; border-radius:10px; background:#fff; }
.boss-daily-priority-group > strong { display:block; margin:8px 0; }
.boss-daily-priority-group > p { margin:8px 0; }
.boss-daily-priority-group > small { display:block; margin-bottom:10px; }
.boss-daily-group-evidence { margin-top:10px; }
.boss-daily-group-evidence > summary { color:#526d80; cursor:pointer; }
.boss-daily-group-evidence .boss-daily-exception-evidence,.boss-daily-related-action { border-top:1px solid #e6edf2; padding:12px 0; }
.boss-daily-support,.business-overview-secondary { margin:16px 0; }
.business-overview-secondary .section { border:0; box-shadow:none; margin-bottom:0; padding:16px 0 0; }
@media(max-width:700px) { .monitor-layout{gap:10px;} .monitor-status-summary{font-size:13px;} .portal-experience-optional{padding:12px;} }

.ps-company-output{margin:10px 0;border:1px solid #cfe6ed;border-radius:10px;background:#fff;padding:10px 14px}.ps-company-output-summary{display:flex;gap:24px;flex-wrap:wrap}.ps-company-output-summary b{color:#087f8c;font-size:20px;margin-left:5px}.ps-company-output details{margin-top:8px;font-size:13px}.ps-company-output summary{cursor:pointer;color:#236579}.ps-company-output td small{display:block;color:#738a98}.ps-company-output p,.ps-company-output small{color:#738a98}.ps-company-output-days{display:flex;flex-wrap:wrap;gap:8px 20px}

/* Unified order workspace. Scoped to avoid the legacy modules' filter rules. */
.order-workspace.section{padding:0;overflow:hidden;border:1px solid #dfe7ef;border-radius:16px;background:#fff;box-shadow:0 8px 28px #14365308;color:#24384b}
.order-workspace-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 28px;border-bottom:1px solid #e8eef4;background:linear-gradient(115deg,#fff,#f6faff)}
.order-eyebrow{display:block;margin-bottom:7px;color:#5d7d98;font-size:11px;font-weight:700;letter-spacing:1.5px}
.order-workspace-heading h2{margin:0;padding:0;border:0;background:none;box-shadow:none;font-size:21px;line-height:1.4;color:#163752;letter-spacing:.3px}
.order-workspace-heading p,.order-track-heading p{margin:7px 0 0;color:#8191a1;font-size:13px}
.order-workspace-links{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.order-workspace .btn,.order-track-modal .btn{min-height:40px;padding:9px 17px;border:1px solid #dce6ef;border-radius:8px;background:#fff;color:#3b5872;font-size:13px;font-weight:600;box-shadow:none;line-height:1.4;white-space:nowrap;transition:background .15s,border-color .15s}
.order-workspace .btn:hover,.order-track-modal .btn:hover{background:#f3f8fc;border-color:#b4c9dc}
.order-workspace .btn.primary{background:#146b9f;border-color:#146b9f;color:#fff;box-shadow:0 3px 8px #146b9f18;min-width:96px}
.order-workspace .btn.primary:hover{background:#105d8c}
.order-workspace .btn:disabled,.order-track-modal .btn:disabled{opacity:.45;cursor:default;box-shadow:none}
.order-filter{margin:0;padding:24px 28px 18px;background:#fff}
.order-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px 22px;align-items:start}
.order-filter-grid>label{display:flex;flex-direction:column;gap:9px;margin:0;min-width:0;color:#64788d;font-size:12px;font-weight:600;line-height:1.4}
.order-filter-grid select,.order-filter-grid input{box-sizing:border-box;width:100%;height:43px;min-width:0;margin:0;border:1px solid #dbe5ee;border-radius:8px;padding:10px 12px;background:#fbfdff;color:#263f55;font-family:inherit;font-size:14px;font-weight:400;line-height:21px;outline:none;box-shadow:0 1px 2px #14365303}
.order-filter-grid input::placeholder{color:#a0adba;font-size:12px}
.order-filter-grid select:focus,.order-filter-grid input:focus{background:#fff;border-color:#6ba2c5;box-shadow:0 0 0 3px #1f80bb0d}
.order-filter-grid select:disabled{background:#f3f6f9;color:#6b7d8e;opacity:1}
.order-filter-actions{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:22px;padding-top:18px;border-top:1px solid #eff3f7}
.order-filter-buttons{display:flex;gap:10px;flex-wrap:wrap}
.order-filter-hint{font-size:12px;color:#9aa8b5;white-space:nowrap}
.order-options-status{padding:0 28px;color:#9b6d31;font-size:12px;line-height:1.6}
.order-options-status:has(span:empty):has(button[hidden]){display:none}
.order-options-status .btn{margin:8px 0 8px 8px;min-height:32px;padding:5px 12px;font-size:12px}
.order-draft-note{padding:0 28px;color:#a47b28;font-size:12px}
.order-draft-note:empty{display:none}
.order-feedback{display:flex;align-items:center;gap:9px;margin:12px 28px;padding:13px 16px;background:#f5f9fd;border:1px solid #dfebf5;border-radius:8px;color:#55758e;font-size:13px;line-height:1.7}
.order-feedback.is-error{background:#fff6f4;border-color:#f2d9d2;color:#b25c4c}
.order-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(180px,1.2fr);gap:0;margin:4px 28px 16px;border:1px solid #e5edf4;border-radius:10px;background:#f9fbfd;align-items:center}
.order-metrics>div{padding:18px 22px;border-right:1px solid #e5edf4}
.order-metrics>div>span{display:block;font-size:11px;font-weight:600;color:#8497a8;margin-bottom:7px}
.order-metrics strong{font-size:27px;line-height:1.25;color:#214965;font-weight:650;font-variant-numeric:tabular-nums;letter-spacing:.5px}
.order-metrics strong small{font-size:11px;color:#99a8b5;font-weight:400;margin-left:7px}
.order-metrics>p{margin:0;padding:16px 20px;font-size:11px;line-height:1.8;color:#8c9dad}
.order-result-scope{margin:0 28px 12px;color:#7d8fa0;font-size:12px;line-height:1.7;overflow-wrap:anywhere}
.order-caliber{margin:0 28px 16px;color:#8b9ba9;font-size:11px;line-height:1.7}
.order-caliber summary{cursor:pointer;display:list-item;color:#71879b}
.order-caliber p{margin:8px 0}
.order-table-wrap.table-wrap{margin:0;border-top:1px solid #e7eef5;border-bottom:1px solid #e7eef5;max-height:64vh;overflow:auto;border-radius:0}
.order-table{width:100%;min-width:1240px;border-collapse:separate;border-spacing:0;table-layout:auto;font-size:13px}
.order-table th{position:sticky;top:0;z-index:1;padding:15px 16px;background:#f5f8fc;border-bottom:1px solid #e1eaf2;color:#567189;font-weight:650;font-size:12px;white-space:nowrap;text-align:left}
.order-table td{padding:17px 16px;vertical-align:top;line-height:1.8;color:#3e5266;border-bottom:1px solid #edf2f7;white-space:normal}
.order-table tbody tr:last-child td{border-bottom:0}
.order-table tbody tr:nth-child(even){background:#fcfdff}
.order-table tbody tr:hover{background:#f4f9fd}
.order-table td:first-child{font-variant-numeric:tabular-nums;color:#214965;min-width:155px}
.order-table td:nth-child(4){min-width:180px;max-width:280px;overflow-wrap:anywhere}
.order-table td:nth-child(5){font-variant-numeric:tabular-nums;text-align:center}
.order-table td:nth-child(9){min-width:150px;font-variant-numeric:tabular-nums;white-space:nowrap}
.order-table td small{font-size:11px;line-height:1.6;color:#63788b;font-weight:400}
.order-table td strong{font-size:11px;color:#4b697f;font-weight:600}
.order-table td .link-btn{margin-top:5px;max-width:100%;border:0;border-radius:4px;padding:2px 0;background:transparent;color:#2779ac;font-size:11px;font-family:inherit;cursor:pointer;text-decoration:none;white-space:nowrap}
.order-table td .link-btn:hover{color:#115580;text-decoration:underline}
.order-status-badge{display:inline-block;border-radius:5px;padding:2px 7px;background:#edf4fa;color:#4f718e;font-size:11px;white-space:nowrap}
.order-status-badge.status-signed{background:#eaf6f1;color:#39856e}
.order-status-badge.status-failed,.order-status-badge.status-returned{background:#fff2ea;color:#b2784c}
.order-status-badge.status-pending{background:#f4f2ec;color:#9b8a5c}
.order-pagination{display:flex;align-items:center;justify-content:flex-end;gap:16px;padding:18px 28px;color:#8394a4;font-size:12px}
.order-empty{text-align:center;padding:54px 24px 58px;color:#91a0ae}
.order-empty strong{display:block;color:#536f86;font-size:16px;line-height:1.6;font-weight:600}
.order-empty p{margin:10px 0 0;font-size:12px;line-height:1.9;color:#9aa8b5}
.order-empty-symbol{display:flex;align-items:center;justify-content:center;width:56px;height:56px;margin:0 auto 18px;background:#f0f6fb;border:1px solid #e3edf5;border-radius:17px;color:#6b9cbb;font-size:36px;line-height:1}
.order-loader{display:inline-block;width:14px;height:14px;margin-right:6px;border:2px solid #d5e6f2;border-top-color:#3b88b6;border-radius:50%;animation:order-spin .85s linear infinite;vertical-align:middle}
.order-empty>.order-loader{width:24px;height:24px;margin:0 auto 18px}
@keyframes order-spin{to{transform:rotate(360deg)}}
.modal-panel:has(.order-track-modal){width:min(1000px,calc(100vw - 56px));max-width:1000px;border-radius:16px;box-shadow:0 24px 100px #102c4a33}
.order-track-modal{padding:8px 10px 0;color:#29445b}
.order-track-heading{padding:8px 0 24px;border-bottom:1px solid #e8eef4}
.order-track-heading h2{margin:0!important;color:#204b69;font-size:25px!important;line-height:1.4;letter-spacing:.5px;overflow-wrap:anywhere;padding-right:40px}
.order-track-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:22px 0}
.order-track-summary>div{background:#f7fafd;border:1px solid #e7eef5;border-radius:9px;padding:15px 17px;min-width:0}
.order-track-summary span{display:block;color:#91a1af;font-size:11px;margin-bottom:7px}
.order-track-summary strong{display:block;color:#34566e;font-size:13px;line-height:1.6;overflow-wrap:anywhere;font-weight:600}
.order-track-meta{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-bottom:20px;color:#93a2af;font-size:11px}
.order-track-timeline{list-style:none;padding:2px 8px 0 14px;margin:0;max-height:43vh;overflow:auto}
.order-track-timeline li{position:relative;display:flex;gap:25px;padding:0 0 24px 25px;margin:0;border-left:1px solid #dfE8f0;line-height:1.7}
.order-track-timeline li:last-child{border-left-color:transparent;padding-bottom:8px}
.order-track-node{position:absolute;left:-5px;top:7px;width:9px;height:9px;border-radius:50%;background:#b8cbd9;box-shadow:0 0 0 4px #fff}
.order-track-timeline li.is-latest .order-track-node{background:#237fae;box-shadow:0 0 0 4px #eaf4fb}
.order-track-timeline strong{display:block;color:#5d778c;font-size:13px;font-weight:600}
.order-track-timeline .is-latest strong{color:#1b75a8}
.order-track-timeline p{margin:6px 0 7px;color:#637b8e;font-size:13px;line-height:1.8;overflow-wrap:anywhere}
.order-track-timeline time{display:block;margin-top:6px;color:#61788b;font-size:12px;font-variant-numeric:tabular-nums}
.order-track-modal .order-feedback{margin:0 0 20px}
.order-track-footer{display:flex;align-items:center;justify-content:space-between;margin-top:22px;padding:18px 0 4px;border-top:1px solid #e9eff5;gap:15px;color:#a0acb7;font-size:11px}
@media(max-width:1150px){.order-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.order-filter-hint{display:none}.order-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.order-metrics>p{grid-column:1/-1;border-top:1px solid #e5edf4;padding:10px 20px}.order-metrics>div:nth-child(3){border-right:0}}
@media(max-width:1050px){.order-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.order-workspace-heading{align-items:flex-start;gap:14px;padding:20px}.order-workspace-links{justify-content:flex-end}.order-filter{padding:20px}.order-metrics{margin-left:20px;margin-right:20px}.order-track-summary{gap:9px}.order-track-summary>div{padding:12px}.order-track-meta{align-items:flex-start;flex-direction:column;gap:5px}}
@media(max-width:640px){.order-workspace-heading{flex-direction:column}.order-workspace-links{justify-content:flex-start}.order-filter-grid{grid-template-columns:minmax(0,1fr)}.order-filter-buttons{width:100%}.order-filter-buttons .btn{flex:1}.order-workspace .btn{font-size:12px;padding:9px 11px}.order-metrics>div{padding:15px 11px}.order-metrics strong{font-size:21px}.order-pagination{justify-content:center;padding:15px 10px;gap:10px}.order-track-summary{grid-template-columns:1fr}.modal-panel:has(.order-track-modal){width:calc(100vw - 24px)}.order-track-heading h2{font-size:20px!important}.order-track-timeline{max-height:35vh}.order-track-modal{padding:4px}}
@media(prefers-reduced-motion:reduce){.order-loader{animation:none}}

.business-page-nav{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.business-page-nav .business-sku-filter-btn{min-height:40px;padding:8px 16px}

/* Basic indexed statistics use span/strong; retain the existing KPI grid. */
[data-business-basic="ready"] .executive-kpis article > span {
  display:block;
  position:relative;
  z-index:1;
  color:#698093;
  font-size:13px;
  font-weight:800;
}
[data-business-basic="ready"] .executive-kpis article > strong {
  display:block;
  position:relative;
  z-index:1;
  margin-top:9px;
  color:#113650;
  font-size:30px;
  line-height:1.08;
  letter-spacing:-.7px;
  overflow-wrap:anywhere;
}
@media (max-width:820px) {
  [data-business-basic="ready"] .executive-kpis article > strong {
    font-size:25px;
  }
}

/* Store cards have no product-cover column. */
.selection-store-card{grid-template-columns:minmax(0,1fr);align-content:start}.selection-store-card>div{min-width:0}.selection-store-card p,.selection-store-card a{overflow-wrap:anywhere}.selection-store-card>footer{grid-column:1/-1}.selection-store-card strong{white-space:normal}

/* Daily workbench: visible actions first, evidence and trends remain expanded. */
.boss-daily-action-first > h2{padding:14px 16px;gap:12px}
.boss-daily-action-first .boss-health-banner{margin:10px 16px;padding:10px 14px;gap:16px;border-radius:9px}
.boss-daily-action-first .boss-health-banner > div:first-child strong{font-size:17px;margin-top:2px}
.boss-daily-action-first .boss-health-banner p{margin:3px 0 0;line-height:1.4}
.boss-daily-action-first .boss-health-stats span{padding:7px 12px}
.boss-daily-action-first .boss-health-stats b{font-size:18px}
.boss-daily-action-first .boss-daily-main-grid{grid-template-columns:1fr;padding:0 16px 12px;gap:12px;align-items:start}
.boss-daily-action-first .boss-daily-today-advice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}
.boss-daily-action-first .boss-daily-today-advice > h3{grid-column:1/-1}
.boss-daily-action-first .boss-daily-panel{padding:12px 14px}
.boss-daily-action-first .boss-daily-panel h3{margin:0 0 9px;font-size:16px}
.boss-daily-action-first .boss-daily-section-block{padding:8px 0}
.boss-daily-action-first .boss-daily-section-block strong{margin-bottom:5px;font-size:13px}
.boss-daily-action-first .boss-daily-section-block ul{gap:4px;padding-left:18px}
.boss-daily-action-first .boss-daily-section-block li,.boss-daily-action-first .boss-daily-panel p{font-size:13px;font-weight:600;line-height:1.5;overflow-wrap:anywhere}
.boss-daily-action-first .boss-daily-action-note{color:#6c7f93;font-size:12px!important;margin:0 0 8px}
.boss-daily-action-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 18px}
.boss-daily-action-list > li{padding:8px 0;border-top:1px solid #e6edf2;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px}
.boss-daily-action-list > li:first-child{border-top:0;padding-top:0}
.boss-daily-action-list strong{font-size:13px;line-height:1.45;overflow-wrap:anywhere;grid-column:1/-1;color:#1f344a}
.boss-daily-action-labels{display:flex;align-items:center;gap:7px;grid-column:1/-1}
.boss-daily-action-first > .boss-daily-sub{padding:8px 16px;font-size:12px;line-height:1.5}
.boss-daily-action-first > .executive-kpis{padding:0 16px 12px;gap:8px}
.boss-daily-action-first > .executive-kpis article{min-height:0;padding:10px 12px}
.boss-daily-action-first > .executive-kpis b{font-size:25px;margin:4px 0}
.boss-daily-action-first .boss-daily-priorities{margin:0 16px 14px}
.boss-daily-action-first .boss-daily-priority-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px;align-items:start}
.boss-daily-action-first .boss-daily-priority-group{padding:10px 12px;border-radius:8px}
.boss-daily-action-first .boss-daily-priority-group > strong{font-size:14px;margin:5px 0}
.boss-daily-action-first .boss-daily-priority-group > p{margin:5px 0}
.boss-daily-action-first .boss-daily-priority-group > small{margin-bottom:6px;font-size:11px}
.boss-daily-action-first .boss-daily-group-evidence{margin-top:7px}
.boss-daily-action-first .boss-daily-group-evidence h4{font-size:12px;color:#526d80;margin:0 0 4px}
.boss-daily-action-first .boss-daily-exception-evidence,.boss-daily-action-first .boss-daily-related-action{padding:7px 0;border-top:1px solid #e6edf2}
.boss-daily-action-first .boss-daily-exception-evidence > strong,.boss-daily-action-first .boss-daily-related-action > strong{font-size:12px;display:block;margin:4px 0}
.boss-daily-action-first .boss-daily-exception-evidence small,.boss-daily-action-first .boss-daily-related-action small{display:block;font-size:11px}
.boss-daily-action-first .boss-daily-exception-evidence p,.boss-daily-action-first .boss-daily-related-action p{margin:4px 0;font-size:12px}
.boss-daily-action-first .boss-daily-trends{margin:0 16px 14px}
.boss-daily-action-first .boss-daily-trends > h3{margin:0 0 10px;font-size:16px}
.boss-daily-action-first .boss-daily-visual-grid{padding:0 0 12px}
.boss-daily-action-first .boss-daily-card-grid{padding:0;border:0;gap:8px}
@media(max-width:1000px){.boss-daily-action-list{grid-template-columns:repeat(2,minmax(0,1fr))}.boss-daily-action-first .boss-daily-priority-list{grid-template-columns:1fr}.boss-daily-action-first .boss-daily-visual-grid{grid-template-columns:1fr}}
@media(max-width:700px){.boss-daily-action-first > h2{align-items:flex-start}.boss-daily-action-first .boss-daily-actions{gap:6px}.boss-daily-action-first .boss-health-banner{margin:8px 12px;padding:9px 10px;flex-wrap:wrap;gap:8px}.boss-daily-action-first .boss-health-stats{width:100%}.boss-daily-action-first .boss-daily-main-grid{padding:0 12px 10px}.boss-daily-action-first .boss-daily-today-advice,.boss-daily-action-list{grid-template-columns:1fr}.boss-daily-action-first .boss-daily-priorities,.boss-daily-action-first .boss-daily-trends{margin-left:12px;margin-right:12px}.boss-daily-action-first > .executive-kpis{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 12px 10px}.boss-daily-action-first .boss-daily-panel{padding:10px 12px}}