:root {
  color-scheme: light;
  --bg: #f3f5f8;
  --surface: #ffffff;
  --surface-2: #f8fafc;
  --ink: #172033;
  --muted: #647086;
  --faint: #929daf;
  --line: #e2e7ee;
  --nav: #17202f;
  --nav-2: #222d3d;
  --blue: #246bfd;
  --blue-soft: #edf4ff;
  --green: #168768;
  --green-soft: #e9f7f2;
  --orange: #d97706;
  --orange-soft: #fff4e5;
  --red: #d94151;
  --red-soft: #ffedef;
  --purple: #7156c8;
  --purple-soft: #f2effc;
  --shadow: 0 8px 24px rgba(23, 32, 51, 0.07);
  --sidebar: 244px;
}

/* 2026-08-25 15:17 baseline: local AI design software preview */
.creative-preview-console { overflow: hidden; margin-bottom: 18px; background: #fff; border: 1px solid var(--line); border-radius: 12px; box-shadow: 0 10px 28px rgba(27, 47, 78, .05); }
.creative-preview-console > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; padding: 22px 24px; color: #fff; background: linear-gradient(125deg, #172238 0%, #213257 62%, #2d3a74 100%); }
.creative-preview-console > header p { margin: 0 0 7px; color: #8ee8d2; font-size: 10px; font-weight: 800; letter-spacing: .09em; }
.creative-preview-console > header h3 { margin: 0; font-size: 24px; }
.creative-preview-console > header span { display: block; max-width: 720px; margin-top: 8px; color: #b9c8df; font-size: 13px; line-height: 1.6; }
.creative-preview-console > header > b { display: inline-flex; align-items: center; gap: 8px; flex: 0 0 auto; padding: 8px 12px; color: #17705a; background: #dff7ee; border-radius: 999px; font-size: 12px; }
.creative-preview-console > header > b i { width: 7px; height: 7px; background: #20a880; border-radius: 50%; }
.creative-software-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; padding: 18px 20px; background: #f7f9fc; border-bottom: 1px solid var(--line); }
.creative-software-grid article { display: grid; grid-template-columns: 42px minmax(0, 1fr) auto; gap: 12px; align-items: start; min-height: 126px; padding: 16px; background: #fff; border: 1px solid #dde4ee; border-radius: 10px; }
.creative-software-grid article > span { display: grid; width: 42px; height: 42px; place-items: center; color: #4a66b3; background: #eef2ff; border-radius: 9px; }
.creative-software-grid article > span svg { width: 20px; }
.creative-software-grid article small { display: block; color: #7c8ca5; font-size: 10px; }
.creative-software-grid article strong { display: block; margin-top: 5px; color: var(--ink); font-size: 14px; }
.creative-software-grid article p { margin: 9px 0 0; color: #6c7b92; font-size: 11px; line-height: 1.55; }
.creative-software-grid article > b { padding: 5px 8px; color: #94601b; background: #fff3df; border-radius: 999px; font-size: 10px; white-space: nowrap; }
.creative-software-grid article.ready { border-color: #bfe4d8; }
.creative-software-grid article.ready > span { color: #158069; background: #e5f7f1; }
.creative-software-grid article.ready > b { color: #17705a; background: #dff7ee; }
.creative-software-grid article.waiting > span { color: #5b46a9; background: #f1edff; }
.creative-task-form { margin: 20px; border: 1px solid #dfe5ee; border-radius: 10px; }
.creative-task-title { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; padding: 18px 20px 14px; border-bottom: 1px solid #e7ebf1; }
.creative-task-title small { color: #6657c9; font-size: 10px; font-weight: 800; letter-spacing: .08em; }
.creative-task-title h4 { margin: 4px 0 0; font-size: 18px; }
.creative-task-title p { margin: 6px 0 0; color: var(--muted); font-size: 11px; }
.creative-task-fields { display: grid; grid-template-columns: 1.35fr 1fr .6fr 1fr; gap: 12px; padding: 16px 20px 0; }
.creative-task-fields label, .creative-task-prompt { display: flex; flex-direction: column; gap: 7px; color: var(--ink); font-size: 11px; font-weight: 700; }
.creative-task-fields select, .creative-task-prompt textarea { width: 100%; color: var(--ink); background: #fbfcfe; border: 1px solid #dce3ed; border-radius: 8px; outline: 0; font: inherit; }
.creative-task-fields select { height: 42px; padding: 0 11px; }
.creative-target-fields { display: grid; grid-template-columns: minmax(210px, .8fr) minmax(320px, 1.5fr); gap: 12px; padding: 14px 20px 0; }
.creative-target-fields[hidden] { display: none; }
.creative-target-fields [hidden] { display: none; }
.creative-target-fields label { display: flex; flex-direction: column; gap: 7px; color: var(--ink); font-size: 11px; font-weight: 700; }
.creative-target-fields input, .creative-target-fields select { width: 100%; height: 42px; padding: 0 11px; color: var(--ink); background: #fbfcfe; border: 1px solid #dce3ed; border-radius: 8px; outline: 0; }
.creative-target-fields input:focus, .creative-target-fields select:focus { background: #fff; border-color: #7e9ff1; box-shadow: 0 0 0 3px rgba(52, 102, 225, .08); }
.creative-target-fields.link { grid-template-columns: minmax(360px, 1.7fr) minmax(260px, 1fr); }
.creative-target-fields aside { display: flex; align-items: center; gap: 10px; min-height: 42px; padding: 8px 11px; color: #315b8c; background: #f1f7ff; border: 1px solid #d8e6fa; border-radius: 8px; }
.creative-target-fields aside > svg { width: 17px; flex: 0 0 auto; }
.creative-target-fields aside span { display: flex; flex-direction: column; }
.creative-target-fields aside strong { font-size: 10px; }
.creative-target-fields aside small { margin-top: 2px; color: #6f83a0; font-size: 9px; line-height: 1.45; }
.creative-platform-note { display: flex; align-items: center; gap: 10px; margin: 12px 20px 0; padding: 10px 12px; color: #2b6c5b; background: #eef9f5; border: 1px solid #d0ebdf; border-radius: 8px; }
.creative-platform-note > svg { width: 17px; flex: 0 0 auto; }
.creative-platform-note span { display: flex; flex-direction: column; }
.creative-platform-note strong { font-size: 10px; }
.creative-platform-note small { margin-top: 2px; color: #6c817c; font-size: 9px; line-height: 1.5; }
.creative-task-prompt { padding: 14px 20px 0; }
.creative-task-prompt textarea { min-height: 94px; padding: 12px; line-height: 1.6; resize: vertical; }
.creative-task-fields select:focus, .creative-task-prompt textarea:focus { background: #fff; border-color: #7e9ff1; box-shadow: 0 0 0 3px rgba(52, 102, 225, .08); }
.creative-task-prompt small { color: var(--faint); font-size: 10px; font-weight: 500; line-height: 1.5; }
.creative-publish-fields { display: grid; grid-template-columns: minmax(260px, .9fr) minmax(320px, 1.4fr); gap: 12px; padding: 14px 20px 0; }
.creative-publish-fields label, .creative-publish-fields > div { display: flex; min-width: 0; flex-direction: column; gap: 6px; }
.creative-publish-fields span { color: var(--ink); font-size: 11px; font-weight: 700; }
.creative-publish-fields select { width: 100%; height: 42px; padding: 0 11px; color: var(--ink); background: #fbfcfe; border: 1px solid #dce3ed; border-radius: 8px; outline: 0; }
.creative-publish-fields > div { justify-content: center; padding: 8px 11px; background: #fff9ef; border: 1px solid #f3dfbd; border-radius: 8px; }
.creative-publish-fields > div strong { color: #76501f; font-size: 10px; }
.creative-publish-fields > div small { color: #98764b; font-size: 9px; line-height: 1.45; }
.creative-task-actions { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 20px 18px; }
.creative-task-actions > span { display: inline-flex; align-items: center; gap: 7px; color: #63738b; font-size: 11px; }
.creative-task-actions > span svg { width: 16px; color: #178267; }
.creative-task-output { margin: 0 20px 20px; background: #f8fafc; border: 1px solid #dfe5ee; border-radius: 10px; }
.creative-task-output > header { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 13px 16px; background: #fff; border-bottom: 1px solid #e4e9f0; border-radius: 10px 10px 0 0; }
.creative-task-output > header strong { font-size: 13px; }
.creative-task-output > header small { color: #7c8ba1; font-size: 10px; }
.creative-preview-empty { display: flex; align-items: center; gap: 12px; min-height: 90px; margin: 14px; padding: 15px; color: #58708f; background: #fff; border: 1px dashed #cbd7e6; border-radius: 8px; }
.creative-preview-empty > svg { width: 24px; flex: 0 0 auto; }
.creative-preview-empty span { display: flex; flex-direction: column; }
.creative-preview-empty strong { color: var(--ink); font-size: 13px; }
.creative-preview-empty small { margin-top: 4px; color: var(--faint); font-size: 11px; line-height: 1.5; }
.creative-preview-empty.running > svg { animation: media-spin 1s linear infinite; }
.creative-preview-empty.error { color: #b84747; background: #fff8f8; border-color: #efc7c7; }
.creative-preview-result { display: grid; grid-template-columns: minmax(180px, 300px) minmax(0, 1fr); gap: 18px; align-items: start; padding: 16px; }
.creative-preview-result > img, .creative-preview-result > video { width: 100%; max-height: 330px; object-fit: contain; background: #fff; border: 1px solid var(--line); border-radius: 8px; }
.creative-preview-result > span { display: grid; min-height: 160px; place-items: center; color: #178267; background: #fff; border: 1px solid var(--line); border-radius: 8px; }
.creative-preview-result > span svg { width: 34px; }
.creative-preview-result > div { display: flex; min-width: 0; flex-direction: column; }
.creative-preview-result strong { font-size: 17px; }
.creative-preview-result small { margin-top: 6px; color: var(--faint); font-size: 11px; }
.creative-preview-result p { margin: 12px 0 0; color: var(--muted); font-size: 12px; line-height: 1.65; }
.creative-preview-result a { display: inline-flex; align-items: center; gap: 5px; width: fit-content; margin-top: 12px; color: var(--blue); font-size: 11px; font-weight: 700; }
.creative-preview-result a svg { width: 13px; }
.creative-publish-result { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-top: 15px; padding: 12px; background: #f6f9fd; border: 1px solid #dfe7f1; border-radius: 8px; }
.creative-publish-result > div { display: flex; min-width: 0; flex-direction: column; }
.creative-publish-result > div small { margin: 0; color: #7890ac; font-size: 9px; }
.creative-publish-result > div strong { margin-top: 3px; font-size: 11px; }
.creative-publish-result > div span { margin-top: 4px; color: #6b7b90; font-size: 9px; line-height: 1.5; }
.creative-publish-result > button { display: inline-flex; min-height: 34px; align-items: center; justify-content: center; gap: 6px; flex: 0 0 auto; padding: 0 10px; color: white; background: var(--blue); border: 1px solid var(--blue); border-radius: 6px; font-size: 9px; font-weight: 700; }
.creative-publish-result > button:disabled { color: #66758a; background: #eef2f7; border-color: #dce3ec; cursor: default; }
.creative-publish-result > button svg { width: 13px; }
.creative-publish-result > b { flex: 0 0 auto; padding: 5px 8px; color: #647186; background: #edf1f5; border-radius: 999px; font-size: 9px; }
@keyframes media-spin { to { transform: rotate(360deg); } }

@media (max-width: 1100px) {
  .creative-software-grid { grid-template-columns: 1fr; }
  .creative-task-fields { grid-template-columns: 1fr 1fr; }
  .creative-target-fields, .creative-target-fields.link { grid-template-columns: 1fr; }
  .creative-publish-fields { grid-template-columns: 1fr; }
}

/* Account-aware AI responsibilities on the managed dashboard */
.organization-ai-board { overflow: hidden; margin-bottom: 14px; background: #fff; border: 1px solid var(--line); border-radius: 8px; box-shadow: 0 4px 14px rgba(23, 32, 51, .035); }
.organization-ai-board > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; padding: 17px 18px; background: linear-gradient(120deg, #f7faff, #fbfcff); border-bottom: 1px solid var(--line); }
.organization-ai-board > header p { margin: 0 0 4px; color: var(--blue); font-size: 9px; font-weight: 800; letter-spacing: .08em; }
.organization-ai-board > header h3 { margin: 0; font-size: 17px; }
.organization-ai-board > header span { display: block; margin-top: 5px; color: var(--muted); font-size: 10px; line-height: 1.5; }
.organization-ai-board > header > b { flex: 0 0 auto; padding: 6px 9px; color: #185fae; background: #e8f2ff; border-radius: 999px; font-size: 10px; }
.organization-ai-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; background: var(--line); }
.organization-ai-card { display: flex; min-width: 0; min-height: 318px; flex-direction: column; padding: 15px; background: #fff; }
.organization-ai-card-head { display: grid; grid-template-columns: 38px minmax(0, 1fr) auto; align-items: center; gap: 10px; }
.organization-ai-card-head > span { display: grid; width: 38px; height: 38px; place-items: center; color: var(--blue); background: var(--blue-soft); border-radius: 8px; }
.organization-ai-card-head > span svg { width: 18px; }
.organization-ai-card.green .organization-ai-card-head > span { color: var(--green); background: var(--green-soft); }
.organization-ai-card.orange .organization-ai-card-head > span { color: var(--orange); background: var(--orange-soft); }
.organization-ai-card.red .organization-ai-card-head > span { color: var(--red); background: var(--red-soft); }
.organization-ai-card.purple .organization-ai-card-head > span { color: var(--purple); background: var(--purple-soft); }
.organization-ai-card.gray .organization-ai-card-head > span { color: #657186; background: #eef1f5; }
.organization-ai-card-head small { display: block; color: var(--faint); font-size: 9px; }
.organization-ai-card-head h4 { margin: 3px 0 0; font-size: 13px; }
.organization-ai-card-head > b { padding: 4px 7px; color: #17705a; background: #e6f7f1; border-radius: 999px; font-size: 9px; }
.organization-ai-card > p { min-height: 58px; margin: 14px 0 0; color: #59677d; font-size: 10px; line-height: 1.6; }
.organization-ai-card > p strong, .organization-ai-work > strong { display: block; margin-bottom: 4px; color: var(--ink); font-size: 10px; }
.organization-ai-work { margin-top: 10px; }
.organization-ai-work > div { display: flex; flex-wrap: wrap; gap: 5px; }
.organization-ai-work span { padding: 4px 6px; color: #46617f; background: #f1f5fa; border-radius: 4px; font-size: 9px; }
.organization-ai-card dl { display: grid; gap: 7px; margin: 12px 0; padding-top: 10px; border-top: 1px solid #edf0f4; }
.organization-ai-card dl > div { display: grid; grid-template-columns: 52px minmax(0, 1fr); gap: 6px; }
.organization-ai-card dt { color: var(--faint); font-size: 9px; }
.organization-ai-card dd { margin: 0; color: #5e6c80; font-size: 9px; line-height: 1.45; }
.organization-ai-card > button { display: flex; width: 100%; min-height: 34px; align-items: center; justify-content: space-between; gap: 8px; margin-top: auto; padding: 0 10px; color: #315b93; background: #f8fbff; border: 1px solid #dce8f8; border-radius: 6px; font-size: 10px; font-weight: 700; }
.organization-ai-card > button:hover { color: var(--blue); border-color: #a9c3f4; }
.organization-ai-card > button svg { width: 13px; }
@media (max-width: 1180px) { .organization-ai-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 720px) { .organization-ai-grid { grid-template-columns: 1fr; } .organization-ai-board > header { flex-direction: column; } .organization-ai-card { min-height: 0; } }

@media (max-width: 720px) {
  .creative-preview-console > header, .creative-task-title, .creative-task-actions, .creative-task-output > header { align-items: flex-start; flex-direction: column; }
  .creative-task-fields { grid-template-columns: 1fr; }
  .creative-preview-result { grid-template-columns: 1fr; }
  .creative-publish-result { align-items: stretch; flex-direction: column; }
}

* { box-sizing: border-box; }
html { min-width: 320px; background: var(--bg); }
body { margin: 0; min-height: 100vh; color: var(--ink); background: var(--bg); font-family: Inter, "PingFang SC", "Microsoft YaHei", system-ui, -apple-system, sans-serif; -webkit-font-smoothing: antialiased; }
button, input, select, textarea { font: inherit; }
button, select { cursor: pointer; }
button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, [tabindex]:focus-visible { outline: 3px solid rgba(36, 107, 253, 0.22); outline-offset: 2px; }
button { letter-spacing: 0; }
svg { width: 18px; height: 18px; }
i[data-lucide] { display: inline-grid; place-items: center; font-style: normal; }
i[data-lucide]::before { color: currentColor; content: "·"; font-size: 15px; font-weight: 800; line-height: 1; }
i[data-lucide="menu"]::before { content: "☰"; }
i[data-lucide="x"]::before { content: "×"; }
i[data-lucide="search"]::before { content: "⌕"; }
i[data-lucide="bell"]::before { content: "!"; font-size: 11px; }
i[data-lucide="sparkles"]::before { content: "✦"; }
i[data-lucide="plus"]::before { content: "+"; }
i[data-lucide="arrow-right"]::before,
i[data-lucide="chevron-right"]::before,
i[data-lucide="arrow-up-right"]::before { content: "›"; }
i[data-lucide="arrow-up"]::before { content: "↑"; }
i[data-lucide="chevrons-up-down"]::before { content: "↕"; }
i[data-lucide="more-horizontal"]::before { content: "···"; font-size: 10px; }

.sidebar { position: fixed; inset: 0 auto 0 0; z-index: 40; display: flex; width: var(--sidebar); flex-direction: column; color: #b8c1cf; background: var(--nav); border-right: 1px solid #273244; }
.brand { display: flex; min-height: 70px; align-items: center; gap: 10px; padding: 0 16px; border-bottom: 1px solid rgba(255,255,255,.08); }
.brand-mark { display: grid; width: 38px; height: 38px; place-items: center; flex: 0 0 auto; color: white; background: #2767e7; border: 1px solid #4d82ee; border-radius: 7px; font-size: 13px; font-weight: 800; }
.brand > span:nth-child(2) { display: flex; min-width: 0; flex: 1; flex-direction: column; }
.brand strong { color: white; font-size: 16px; }
.brand small { margin-top: 2px; color: #7f8b9e; font-size: 10px; }
.sidebar-close { display: none; color: white !important; }
.org-context { display: grid; gap: 9px; padding: 12px 12px 8px; }
.context-field { min-width: 0; }
.context-field > label { margin-left: 4px; color: #657286; font-size: 10px; }
.org-select-wrap { position: relative; display: flex; width: 100%; height: 38px; align-items: center; margin-top: 5px; color: #d8deea; background: var(--nav-2); border: 1px solid #303c4f; border-radius: 6px; }
.org-select-wrap select { width: 100%; height: 100%; padding: 0 32px 0 10px; color: #eef2f8; background: transparent; border: 0; outline: 0; appearance: none; font-size: 12px; font-weight: 650; }
.org-select-wrap select option { color: var(--ink); background: white; }
.org-select-wrap select:disabled { cursor: not-allowed; opacity: .78; }
.org-select-wrap:has(select:disabled) { background: #1b2738; border-color: #28374b; }
.org-select-wrap:has(select:disabled) svg { opacity: .42; }
.org-select-wrap svg { position: absolute; right: 9px; width: 14px; pointer-events: none; }
.org-context > small { display: block; overflow: hidden; margin: -1px 4px 0; color: #758297; font-size: 9px; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; }
.main-nav { overflow-y: auto; flex: 1; padding: 2px 9px 16px; scrollbar-color: #455064 transparent; scrollbar-width: thin; }
.main-nav section { margin-top: 15px; }
.main-nav h2 { margin: 0 10px 6px; color: #647186; font-size: 10px; font-weight: 700; letter-spacing: 0; }
.sidebar.management-mode .org-context .context-field:first-child { display: none; }
.sidebar.management-mode .org-context { padding-top: 10px; }
.management-department-nav { display: grid; gap: 3px; }
.department-nav-item { overflow: hidden; border-radius: 6px; }
.department-nav-row { display: grid; min-height: 42px; grid-template-columns: minmax(0,1fr) 36px; align-items: stretch; }
.department-nav-single .department-nav-row { grid-template-columns: minmax(0,1fr); }
.department-nav-link { display: grid; min-width: 0; grid-template-columns: 18px minmax(0,1fr); align-items: center; gap: 9px; padding: 0 4px 0 10px; color: #aab4c4; background: transparent; border: 0; text-align: left; }
.department-nav-link svg { width: 16px; }
.department-nav-link span { overflow: hidden; font-size: 12px; font-weight: 650; text-overflow: ellipsis; white-space: nowrap; }
.department-nav-toggle { display: grid; width: 36px; place-items: center; padding: 0; color: #8290a4; background: transparent; border: 0; }
.department-nav-toggle:hover, .department-nav-toggle:focus-visible { color: white; background: rgba(255,255,255,.06); }
.department-nav-toggle svg { width: 13px; transition: transform 140ms ease; }
.department-nav-item:hover, .department-nav-item.active { background: #202d40; }
.department-nav-item:hover .department-nav-link, .department-nav-item.active .department-nav-link { color: white; }
.department-nav-item.expanded .department-nav-toggle svg { transform: rotate(180deg); }
.department-subnav { display: none; padding: 0 6px 7px 17px; }
.department-nav-item.expanded .department-subnav { display: grid; }
.department-subnav button { display: grid; min-height: 34px; grid-template-columns: 16px minmax(0,1fr); align-items: center; gap: 8px; padding: 0 9px; color: #8f9caf; background: transparent; border: 0; border-left: 1px solid #39475b; text-align: left; }
.department-subnav button:hover, .department-subnav button.active { color: white; background: #293b58; border-left-color: #4d84ff; }
.department-subnav svg { width: 13px; }
.department-subnav span { overflow: hidden; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.department-subnav-group, .employee-subnav-group { display: grid; min-width: 0; }
.department-subnav-parent-row, .employee-subnav-parent-row { display: grid; min-width: 0; grid-template-columns: minmax(0,1fr) 30px; }
.department-subnav-parent-row > .department-subnav-parent, .employee-subnav-parent-row > .employee-subnav-parent { grid-template-columns: 16px minmax(0,1fr); }
.department-subnav .warehouse-subnav-toggle, .employee-subnav .warehouse-subnav-toggle { display: grid; width: 30px; min-height: 34px; grid-template-columns: 1fr; place-items: center; gap: 0; padding: 0; border: 0; }
.warehouse-subnav-toggle svg { width: 11px; color: #77879c; transition: transform 140ms ease; }
.department-subnav-group.expanded .warehouse-subnav-toggle svg, .employee-subnav-group.expanded .warehouse-subnav-toggle svg { transform: rotate(180deg); }
.department-subnav-children, .employee-subnav-children { display: none; min-width: 0; margin-left: 15px; }
.department-subnav-group.expanded > .department-subnav-children, .employee-subnav-group.expanded > .employee-subnav-children { display: grid; }
.department-subnav-children button, .employee-subnav-children button { min-height: 30px; padding-left: 10px; color: #78889d; border-left-color: #34465f; }
.department-subnav-children button span, .employee-subnav-children button span { font-size: 9px; }
.department-subnav-group.child-active .department-subnav-parent.active, .employee-subnav-group.child-active .employee-subnav-parent.active { color: #d9e5f7; background: rgba(77,132,255,.08); border-left-color: #637894; }
.department-subnav-children button.active, .employee-subnav-children button.active { color: #fff; background: #315078; border-left-color: #68a0ff; }
.employee-category-nav { display: grid; gap: 3px; }
.employee-nav-group { overflow: hidden; border-radius: 6px; }
.employee-nav-trigger { display: grid; width: 100%; min-height: 42px; grid-template-columns: 18px minmax(0,1fr) 16px; align-items: center; gap: 9px; padding: 0 10px; color: #aab4c4; background: transparent; border: 0; text-align: left; }
.employee-nav-single .employee-nav-trigger { grid-template-columns: 18px minmax(0,1fr); }
.employee-nav-trigger:hover, .employee-nav-trigger:focus-visible, .employee-nav-group.active > .employee-nav-trigger { color: white; background: #202d40; }
.employee-nav-trigger svg { width: 16px; }
.employee-nav-trigger svg:last-child { width: 13px; color: #8290a4; transition: transform 140ms ease; }
.employee-nav-trigger span { overflow: hidden; font-size: 12px; font-weight: 650; text-overflow: ellipsis; white-space: nowrap; }
.employee-nav-group.expanded .employee-nav-trigger svg:last-child { transform: rotate(180deg); }
.employee-subnav { display: none; padding: 0 6px 7px 17px; }
.employee-nav-group.expanded .employee-subnav { display: grid; }
.employee-subnav button { display: grid; min-height: 34px; grid-template-columns: 16px minmax(0,1fr) auto; align-items: center; gap: 8px; padding: 0 9px; color: #8f9caf; background: transparent; border: 0; border-left: 1px solid #39475b; text-align: left; }
.employee-subnav button:hover, .employee-subnav button.active { color: white; background: #293b58; border-left-color: #4d84ff; }
.employee-subnav svg { width: 13px; }
.employee-subnav span { overflow: hidden; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.employee-subnav b { min-width: 20px; padding: 2px 5px; color: #c9d8ff; background: #354965; border-radius: 9px; font-size: 9px; text-align: center; }
.nav-item { position: relative; display: flex; width: 100%; min-height: 39px; align-items: center; gap: 10px; margin: 2px 0; padding: 0 10px; color: #aab4c4; background: transparent; border: 0; border-radius: 6px; text-align: left; transition: background 140ms ease, color 140ms ease; }
.nav-item:hover { color: white; background: #222e40; }
.nav-item.active { color: white; background: #263b5c; }
.nav-item.active::before { position: absolute; left: -9px; width: 3px; height: 22px; background: #4d84ff; border-radius: 0 3px 3px 0; content: ""; }
.nav-item svg { width: 16px; height: 16px; flex: 0 0 auto; }
.nav-item span { overflow: hidden; flex: 1; font-size: 12px; font-weight: 560; text-overflow: ellipsis; white-space: nowrap; }
.nav-item b { min-width: 20px; padding: 2px 5px; color: #c9d8ff; background: #354965; border-radius: 9px; font-size: 9px; text-align: center; }
.sidebar-footer { position: relative; padding: 11px 10px 14px; border-top: 1px solid rgba(255,255,255,.08); }
.service-state { display: flex; align-items: center; gap: 9px; margin: 0 7px 10px; }
.service-state > i { width: 8px; height: 8px; background: #27be8d; border: 3px solid rgba(39,190,141,.18); border-radius: 50%; box-sizing: content-box; }
.service-state span { display: flex; flex-direction: column; }
.service-state strong { color: #bfc8d5; font-size: 10px; }
.service-state small { margin-top: 2px; color: #687589; font-size: 9px; }
.profile-button { display: flex; width: 100%; height: 48px; align-items: center; gap: 9px; padding: 6px 8px; color: #c5cdd8; background: #202b3b; border: 1px solid #2d394b; border-radius: 6px; text-align: left; }
.profile-button > span:first-child { display: grid; width: 32px; height: 32px; place-items: center; color: white; background: #986532; border-radius: 6px; font-size: 12px; font-weight: 700; }
.profile-button > span:nth-child(2) { display: flex; min-width: 0; flex: 1; flex-direction: column; }
.profile-button strong { font-size: 11px; }
.profile-button small { color: #748196; font-size: 9px; }
.profile-button svg { width: 15px; }
.sidebar-ai-button { display: flex; width: 100%; min-height: 42px; align-items: center; gap: 9px; margin-bottom: 7px; padding: 6px 8px; color: #e7efff; background: #1c4fac; border: 1px solid #3868c4; border-radius: 6px; text-align: left; }
.sidebar-ai-button > svg:first-child { width: 17px; }
.sidebar-ai-button > svg:last-child { width: 13px; margin-left: auto; }
.sidebar-ai-button > span { display: flex; min-width: 0; flex: 1; flex-direction: column; }
.sidebar-ai-button strong { font-size: 10px; }
.sidebar-ai-button small { margin-top: 2px; color: #a9c4fa; font-size: 8px; }
.sidebar-footer .account-menu { top: auto; right: 10px; bottom: 68px; left: 10px; width: auto; }

.workspace { min-height: 100vh; margin-left: var(--sidebar); }
.topbar { display: none; }
.mobile-menu-fab { position: fixed; top: 10px; left: 10px; z-index: 34; display: none; width: 38px; height: 38px; place-items: center; color: #536079; background: rgba(255,255,255,.96); border: 1px solid var(--line); border-radius: 7px; box-shadow: 0 6px 18px rgba(20,31,52,.12); }
.mobile-menu-fab svg { width: 18px; }
.topbar-left, .topbar-actions { display: flex; align-items: center; }
.topbar-left { min-width: 0; gap: 12px; }
.menu-button { display: none !important; }
.breadcrumb { display: flex; align-items: center; gap: 3px; color: var(--faint); font-size: 9px; }
.breadcrumb svg { width: 11px; height: 11px; }
.topbar h1 { margin: 3px 0 0; font-size: 18px; line-height: 1.2; }
.topbar-actions { gap: 8px; }
.icon-button { position: relative; display: grid; width: 36px; height: 36px; place-items: center; padding: 0; color: #59657a; background: transparent; border: 0; border-radius: 6px; }
.icon-button:hover { color: var(--ink); background: #f1f4f8; }
.scope-select, .compact-select { display: flex; height: 36px; align-items: center; gap: 6px; padding: 0 8px; background: white; border: 1px solid var(--line); border-radius: 6px; }
.scope-select svg, .compact-select svg { width: 15px; color: var(--muted); }
.scope-select select, .compact-select select { max-width: 130px; color: #364156; background: transparent; border: 0; outline: 0; font-size: 11px; }
.global-search { display: flex; width: 280px; height: 36px; align-items: center; gap: 8px; padding: 0 9px; color: #8b95a6; background: #f6f8fa; border: 1px solid var(--line); border-radius: 6px; text-align: left; }
.global-search svg { width: 15px; }
.global-search span { flex: 1; font-size: 11px; }
kbd { padding: 2px 5px; color: #8b95a6; background: white; border: 1px solid #dce1e8; border-radius: 4px; font-family: inherit; font-size: 9px; }
.notify-button b { position: absolute; top: 7px; right: 7px; width: 6px; height: 6px; background: var(--red); border: 2px solid white; border-radius: 50%; box-sizing: content-box; }
.account-control { position: relative; }
.account-button { display: flex; min-width: 132px; height: 38px; align-items: center; gap: 8px; padding: 4px 8px; color: #364156; background: white; border: 1px solid var(--line); border-radius: 6px; text-align: left; }
.account-button:hover, .account-button[aria-expanded="true"] { border-color: #b9c9e8; background: #f8fbff; }
.account-button > span:first-child, .account-menu-head > span { display: grid; width: 28px; height: 28px; place-items: center; flex: 0 0 auto; color: white; background: #986532; border-radius: 6px; font-size: 10px; font-weight: 700; }
.account-button > span:nth-child(2) { display: flex; min-width: 0; flex: 1; flex-direction: column; }
.account-button strong { overflow: hidden; max-width: 76px; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.account-button small { overflow: hidden; max-width: 76px; margin-top: 1px; color: var(--faint); font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.account-button > svg { width: 13px; color: #8792a4; }
.account-menu { position: absolute; top: 44px; right: 0; z-index: 70; display: none; width: 270px; padding: 12px; background: white; border: 1px solid var(--line); border-radius: 7px; box-shadow: 0 14px 34px rgba(23,32,51,.16); }
.account-menu.open { display: block; }
.account-menu-head { display: flex; align-items: center; gap: 9px; padding-bottom: 11px; border-bottom: 1px solid var(--line); }
.account-menu-head > span { width: 34px; height: 34px; font-size: 12px; }
.account-menu-head > div { display: flex; min-width: 0; flex-direction: column; }
.account-menu-head strong { font-size: 12px; }
.account-menu-head small { margin-top: 2px; color: var(--muted); font-size: 9px; }
.account-menu dl { display: grid; gap: 8px; margin: 11px 0; }
.account-menu dl > div { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.account-menu dt { color: var(--faint); font-size: 9px; }
.account-menu dd { overflow: hidden; margin: 0; color: #354158; font-size: 10px; font-weight: 650; text-overflow: ellipsis; white-space: nowrap; }
.account-menu > button { display: flex; width: 100%; height: 34px; align-items: center; justify-content: center; gap: 6px; color: #435066; background: #f7f9fc; border: 1px solid var(--line); border-radius: 5px; font-size: 10px; }
.account-menu > button:hover { color: var(--red); border-color: #f1c7cc; background: #fff8f8; }
.account-menu > button svg { width: 13px; }
.ai-button, .primary-button, .secondary-button { display: inline-flex; min-height: 36px; align-items: center; justify-content: center; gap: 6px; padding: 0 13px; border-radius: 6px; font-size: 11px; font-weight: 650; white-space: nowrap; }
.ai-button, .primary-button { color: white; background: var(--blue); border: 1px solid var(--blue); }
.ai-button:hover, .primary-button:hover { background: #1557da; border-color: #1557da; }
.secondary-button { color: #435066; background: white; border: 1px solid #dbe1e9; }
.secondary-button:hover { color: var(--blue); border-color: #9db9f9; background: #f8fbff; }
.primary-button svg, .secondary-button svg, .ai-button svg { width: 14px; height: 14px; }
.secondary-button.small { min-height: 30px; padding: 0 10px; font-size: 10px; }

.content { padding: 22px 24px 40px; }
.page-lead, .module-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 18px; }
.page-lead > div:first-child p, .module-head > div:first-child p { margin: 0 0 5px; color: var(--blue); font-size: 9px; font-weight: 750; }
.page-lead h2, .module-head h2 { margin: 0; font-size: 23px; line-height: 1.25; }
.page-lead > div:first-child > span, .module-head > div:first-child > span { display: block; margin-top: 6px; color: var(--muted); font-size: 11px; }
.page-lead > div:last-child, .module-head > div:last-child { display: flex; align-items: center; gap: 8px; }
.page-lead > div:last-child > small { display: flex; align-items: center; gap: 4px; margin-right: 5px; color: var(--faint); font-size: 9px; }
.page-lead > div:last-child > small svg { width: 12px; }

.metric-grid { display: grid; gap: 12px; margin-bottom: 14px; }
.metric-grid.five { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.metric-grid.four { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.metric-card { position: relative; display: flex; min-height: 112px; align-items: flex-start; justify-content: space-between; overflow: hidden; padding: 16px; background: var(--surface); border: 1px solid var(--line); border-radius: 7px; box-shadow: 0 2px 8px rgba(23,32,51,.03); }
.metric-card > div { display: flex; min-width: 0; flex-direction: column; }
.metric-card span { color: var(--muted); font-size: 10px; }
.metric-card strong { margin-top: 10px; font-size: 22px; line-height: 1; }
.metric-card small { margin-top: 10px; color: var(--faint); font-size: 9px; }
.metric-card > svg { width: 19px; height: 19px; padding: 7px; border-radius: 6px; box-sizing: content-box; }
.metric-card.blue > svg { color: var(--blue); background: var(--blue-soft); }
.metric-card.green > svg { color: var(--green); background: var(--green-soft); }
.metric-card.orange > svg { color: var(--orange); background: var(--orange-soft); }
.metric-card.red > svg { color: var(--red); background: var(--red-soft); }
.metric-card.purple > svg { color: var(--purple); background: var(--purple-soft); }

.panel { background: var(--surface); border: 1px solid var(--line); border-radius: 7px; box-shadow: 0 2px 10px rgba(23,32,51,.035); }
.dashboard-grid { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(310px, .85fr); gap: 14px; margin-bottom: 14px; }
.dashboard-grid.lower { grid-template-columns: minmax(0, 1.35fr) minmax(320px, .75fr); }
.realtime-source-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 10px; margin-bottom: 14px; }
.realtime-source-card { display: grid; min-height: 74px; grid-template-columns: 36px minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 12px; }
.realtime-source-card > div { display: flex; min-width: 0; flex-direction: column; }
.realtime-source-card strong { overflow: hidden; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.realtime-source-card small { overflow: hidden; margin-top: 4px; color: var(--faint); font-size: 8px; line-height: 1.45; text-overflow: ellipsis; }
.realtime-detail-panel { overflow: hidden; }
.realtime-detail-list > div { display: grid; min-height: 48px; grid-template-columns: 8px minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 8px 14px; border-bottom: 1px solid #edf0f4; }
.realtime-detail-list > div:last-child { border-bottom: 0; }
.realtime-detail-list > div > i { width: 7px; height: 7px; border-radius: 50%; background: var(--blue); }
.realtime-detail-list > div > i.green { background: var(--green); }
.realtime-detail-list > div > i.orange { background: var(--orange); }
.realtime-detail-list > div > i.red { background: var(--red); }
.realtime-detail-list span { display: flex; min-width: 0; flex-direction: column; }
.realtime-detail-list strong { overflow: hidden; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.realtime-detail-list small { margin-top: 3px; color: var(--faint); font-size: 8px; }
.realtime-detail-list b { color: var(--ink); font-size: 9px; }
.realtime-empty { display: flex !important; min-height: 130px !important; align-items: center; justify-content: center; grid-template-columns: 1fr !important; flex-direction: column; color: var(--faint); text-align: center; }
.realtime-empty svg { width: 22px; margin-bottom: 8px; }
.realtime-empty strong { color: var(--muted); }
.realtime-empty small { margin-top: 5px; }
.panel-head { display: flex; min-height: 63px; align-items: center; justify-content: space-between; gap: 18px; padding: 12px 16px; border-bottom: 1px solid #edf0f4; }
.panel-head h3, .section-head h3, .list-title h3 { margin: 0; font-size: 13px; }
.panel-head p, .section-head p, .list-title p { margin: 4px 0 0; color: var(--faint); font-size: 9px; }
.panel-head button { display: inline-flex; align-items: center; gap: 4px; padding: 4px; color: var(--blue); background: transparent; border: 0; font-size: 9px; }
.panel-head button svg { width: 12px; }
.order-flow { display: grid; grid-template-columns: repeat(5, 1fr); padding: 20px 18px 16px; }
.flow-step { position: relative; display: flex; min-width: 0; align-items: center; flex-direction: column; }
.flow-step:not(:last-child)::after { position: absolute; top: 18px; left: calc(50% + 22px); right: calc(-50% + 22px); height: 1px; background: #dbe3ee; content: ""; }
.flow-step > svg { z-index: 1; width: 16px; height: 16px; padding: 10px; color: var(--blue); background: white; border: 1px solid #c9d8fb; border-radius: 50%; box-sizing: content-box; }
.flow-step.done > svg { color: white; background: var(--green); border-color: var(--green); }
.flow-step.active > svg { background: var(--blue-soft); }
.flow-step strong { margin-top: 9px; font-size: 16px; }
.flow-step small { margin-top: 3px; color: var(--faint); font-size: 9px; }
.flow-alert { display: flex; align-items: center; justify-content: space-between; margin: 0 16px 14px; padding: 9px 11px; background: var(--orange-soft); border: 1px solid #f7dfb9; border-radius: 5px; }
.flow-alert span { display: flex; align-items: center; gap: 6px; color: #81511c; font-size: 9px; }
.flow-alert span svg { width: 13px; }
.flow-alert span strong { margin-right: 3px; }
.flow-alert button { color: #9b5a0e; background: transparent; border: 0; font-size: 9px; font-weight: 700; }
.priority-panel { padding-bottom: 5px; }
.priority-row { display: flex; width: calc(100% - 20px); min-height: 53px; align-items: center; gap: 9px; margin: 0 10px; padding: 8px 6px; color: var(--ink); background: transparent; border: 0; border-bottom: 1px solid #eff2f5; text-align: left; }
.priority-row:hover { background: #fafbfd; }
.priority-row > i:first-child { width: 6px; height: 28px; flex: 0 0 auto; border-radius: 3px; }
.priority-row > i.red { background: var(--red); }
.priority-row > i.orange { background: var(--orange); }
.priority-row > i.blue { background: var(--blue); }
.priority-row > span { display: flex; min-width: 0; flex: 1; flex-direction: column; }
.priority-row strong { overflow: hidden; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.priority-row small { margin-top: 4px; color: var(--faint); font-size: 9px; }
.priority-row > svg:last-child { width: 13px; color: #a1aab8; }
.chart-panel { min-height: 330px; }
.chart-panel .panel-head > span { color: var(--green); font-size: 10px; font-weight: 700; }
.bar-chart { position: relative; display: flex; height: 250px; align-items: flex-end; justify-content: space-around; gap: 18px; padding: 26px 24px 28px 42px; }
.chart-grid { position: absolute; inset: 25px 22px 29px 42px; display: flex; flex-direction: column; justify-content: space-between; }
.chart-grid i { height: 1px; background: #edf0f4; }
.bar-chart > div:not(.chart-grid) { z-index: 1; display: flex; width: 42px; height: 100%; align-items: center; justify-content: flex-end; flex-direction: column; }
.bar-chart > div > span { position: relative; width: 22px; min-height: 8px; background: #77a1ff; border-radius: 4px 4px 1px 1px; }
.bar-chart > div:hover > span { background: var(--blue); }
.bar-chart > div > span b { position: absolute; top: -18px; left: 50%; display: none; transform: translateX(-50%); color: var(--blue); font-size: 8px; }
.bar-chart > div:hover > span b { display: block; }
.bar-chart > div > small { margin-top: 7px; color: var(--faint); font-size: 8px; }
.load-panel { padding-bottom: 12px; }
.load-row { display: grid; grid-template-columns: 120px minmax(80px, 1fr) 34px; align-items: center; gap: 9px; padding: 14px 16px 3px; }
.load-row > div { display: flex; min-width: 0; flex-direction: column; }
.load-row strong { font-size: 10px; }
.load-row small { margin-top: 3px; color: var(--faint); font-size: 8px; }
.load-row > span { height: 7px; overflow: hidden; background: #eef1f5; border-radius: 5px; }
.load-row > span i { display: block; height: 100%; border-radius: inherit; }
.load-row > span i.red { background: var(--red); }
.load-row > span i.blue { background: var(--blue); }
.load-row > span i.green { background: var(--green); }
.load-row > b { color: var(--muted); font-size: 9px; text-align: right; }
.load-summary { display: flex; align-items: center; margin: 17px 16px 0; padding: 12px; background: #f7f9fc; border-radius: 5px; }
.load-summary span { flex: 1; color: var(--muted); font-size: 9px; }
.load-summary strong { margin-right: 8px; color: var(--green); font-size: 16px; }
.load-summary small { color: var(--faint); font-size: 8px; }

.domain-section { margin-top: 20px; }
.section-head { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 10px; }
.section-head > span { color: var(--faint); font-size: 9px; }
.domain-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; }
.domain-card { display: flex; min-height: 92px; align-items: flex-start; gap: 10px; padding: 14px; color: var(--ink); background: white; border: 1px solid var(--line); border-radius: 7px; text-align: left; transition: border-color 140ms ease, box-shadow 140ms ease, transform 140ms ease; }
.domain-card:hover { border-color: #b5c8ed; box-shadow: var(--shadow); transform: translateY(-1px); }
.domain-card > span { display: grid; width: 32px; height: 32px; place-items: center; flex: 0 0 auto; border-radius: 6px; }
.domain-card > span svg { width: 16px; }
.domain-card > span.blue { color: var(--blue); background: var(--blue-soft); }
.domain-card > span.green { color: var(--green); background: var(--green-soft); }
.domain-card > span.orange { color: var(--orange); background: var(--orange-soft); }
.domain-card > span.red { color: var(--red); background: var(--red-soft); }
.domain-card > span.purple { color: var(--purple); background: var(--purple-soft); }
.domain-card > span.gray { color: #657187; background: #eef1f5; }
.domain-card > div { display: flex; min-width: 0; flex: 1; flex-direction: column; }
.domain-card strong { font-size: 11px; }
.domain-card small { margin-top: 6px; color: var(--faint); font-size: 8px; line-height: 1.5; }
.domain-card > svg { width: 12px; color: #9ca6b5; }

.dingtalk-dashboard { margin: 14px 0 0; overflow: hidden; }
.dingtalk-heading { display: flex; min-height: 76px; align-items: center; gap: 12px; padding: 14px 16px; border-bottom: 1px solid var(--line); }
.dingtalk-heading > div { min-width: 0; flex: 1; }
.dingtalk-heading small { color: var(--blue); font-size: 8px; font-weight: 750; }
.dingtalk-heading h3 { overflow: hidden; margin: 4px 0 0; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }
.dingtalk-heading p { margin: 4px 0 0; color: var(--faint); font-size: 9px; }
.dingtalk-mark { display: grid; width: 38px; height: 38px; place-items: center; flex: 0 0 auto; color: white; background: #1683ff; border-radius: 7px; font-size: 13px; font-weight: 800; }
.dingtalk-mark.muted { background: #8e99a9; }
.dingtalk-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-bottom: 1px solid var(--line); }
.dingtalk-stats > div { display: flex; min-height: 82px; flex-direction: column; justify-content: center; padding: 12px 16px; border-right: 1px solid var(--line); }
.dingtalk-stats > div:last-child { border-right: 0; }
.dingtalk-stats span { color: var(--muted); font-size: 9px; }
.dingtalk-stats strong { overflow: hidden; margin-top: 7px; font-size: 18px; text-overflow: ellipsis; white-space: nowrap; }
.dingtalk-stats small { margin-top: 3px; color: var(--faint); font-size: 8px; }
.dingtalk-departments { display: flex; flex-wrap: wrap; gap: 7px; padding: 13px 16px; }
.dingtalk-departments > span { display: inline-flex; min-height: 30px; align-items: center; gap: 9px; padding: 0 9px; background: #f5f8fc; border: 1px solid #e5eaf1; border-radius: 5px; }
.dingtalk-departments strong { font-size: 9px; }
.dingtalk-departments b { color: var(--blue); font-size: 8px; }
.dingtalk-footer { display: flex; min-height: 44px; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 16px; color: var(--faint); background: #fafbfc; border-top: 1px solid var(--line); font-size: 8px; }
.dingtalk-footer > span, .dingtalk-footer > button { display: inline-flex; align-items: center; gap: 5px; }
.dingtalk-footer svg { width: 12px; }
.dingtalk-footer > button { color: var(--blue); background: transparent; border: 0; font-size: 9px; font-weight: 650; }

.module-head { align-items: center; }
.module-head > div:last-child { flex-wrap: wrap; justify-content: flex-end; }
.feature-strip { display: flex; min-height: 46px; align-items: center; gap: 14px; margin-bottom: 12px; padding: 8px 12px; background: white; border: 1px solid var(--line); border-radius: 7px; }
.feature-strip > span { flex: 0 0 auto; padding-right: 12px; color: var(--muted); border-right: 1px solid var(--line); font-size: 9px; font-weight: 700; }
.feature-strip > div { display: flex; flex-wrap: wrap; gap: 5px; }
.feature-strip button { min-height: 24px; padding: 0 8px; color: #536078; background: #f4f6f9; border: 1px solid #e8ecf1; border-radius: 4px; font-size: 8px; }
.feature-strip button:hover { color: var(--blue); background: var(--blue-soft); border-color: #c8dafd; }
.feature-strip button svg { width: 10px; height: 10px; margin-left: 4px; vertical-align: middle; }
.summary-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-bottom: 12px; }
.summary-card { position: relative; display: flex; min-height: 86px; flex-direction: column; padding: 14px 15px; background: white; border: 1px solid var(--line); border-radius: 7px; }
.summary-card::before { position: absolute; inset: 0 auto 0 0; width: 3px; border-radius: 7px 0 0 7px; content: ""; }
.summary-card.blue::before { background: var(--blue); }
.summary-card.green::before { background: var(--green); }
.summary-card.orange::before { background: var(--orange); }
.summary-card.red::before { background: var(--red); }
.summary-card.gray::before { background: #8b96a7; }
.summary-card span { color: var(--muted); font-size: 9px; }
.summary-card strong { margin-top: 8px; font-size: 19px; }
.summary-card small { margin-top: 5px; color: var(--faint); font-size: 8px; }
.list-workspace { position: relative; overflow: hidden; background: white; border: 1px solid var(--line); border-radius: 7px; }
.order-lookup-workspace { overflow: hidden; margin-bottom: 12px; background: white; border: 1px solid var(--line); border-radius: 7px; }
.order-lookup-workspace > form { display: grid; grid-template-columns: minmax(260px, 1fr) minmax(210px, .65fr) auto; align-items: end; gap: 10px; padding: 12px 14px; background: #f8fafc; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.order-lookup-workspace form label { display: grid; gap: 6px; color: var(--muted); font-size: 9px; font-weight: 700; }
.order-lookup-workspace form input[type="text"], .order-lookup-workspace form input:not([type]) { width: 100%; min-width: 0; height: 38px; padding: 0 10px; color: var(--ink); background: white; border: 1px solid var(--line); border-radius: 5px; font-size: 10px; }
.order-photo-picker input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.order-photo-picker b { display: flex; min-width: 0; height: 38px; align-items: center; gap: 7px; overflow: hidden; padding: 0 10px; color: var(--ink); background: white; border: 1px solid var(--line); border-radius: 5px; font-size: 9px; font-weight: 650; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; }
.order-photo-picker b:hover { color: var(--primary); border-color: #9fc1ff; }
.order-photo-picker svg { width: 15px; flex: 0 0 auto; }
.order-lookup-status { display: flex; min-height: 74px; align-items: center; justify-content: center; gap: 10px; padding: 16px; color: var(--muted); text-align: left; }
.order-lookup-status > svg { width: 21px; color: var(--primary); }
.order-lookup-status span { display: flex; flex-direction: column; gap: 4px; }
.order-lookup-status strong { color: var(--ink); font-size: 10px; }
.order-lookup-status small { color: var(--faint); font-size: 8px; }
.order-lookup-status.error > svg { color: var(--danger); }
.order-lookup-results { display: grid; gap: 10px; padding: 12px 14px; }
.order-lookup-results > article { padding: 12px; border: 1px solid var(--line); border-radius: 6px; }
.order-lookup-results header { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; padding-bottom: 10px; border-bottom: 1px solid var(--line); }
.order-lookup-results header small { color: var(--primary); font-size: 7px; font-weight: 800; }
.order-lookup-results header h3 { margin: 3px 0; font-size: 13px; }
.order-lookup-results header p, .order-lookup-results section > p { margin: 0; color: var(--faint); font-size: 8px; line-height: 1.55; }
.order-lookup-results dl { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; border-bottom: 1px solid var(--line); }
.order-lookup-results dl > div { min-width: 0; padding: 10px 8px 10px 0; }
.order-lookup-results dt { color: var(--faint); font-size: 7px; }
.order-lookup-results dd { overflow-wrap: anywhere; margin: 4px 0 0; color: var(--ink); font-size: 8px; font-weight: 700; }
.order-lookup-results section { padding-top: 10px; }
.order-lookup-results h4 { margin: 0 0 7px; font-size: 9px; }
.order-lookup-goods { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
.order-lookup-goods span { display: flex; min-width: 0; flex-direction: column; gap: 3px; padding: 7px 8px; background: #f7f9fc; border-radius: 5px; }
.order-lookup-goods strong { overflow: hidden; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.order-lookup-goods small { color: var(--faint); font-size: 7px; }
.order-lookup-track { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 6px; }
.order-lookup-track > div { display: grid; min-width: 180px; grid-template-columns: 10px minmax(0, 1fr); align-items: center; gap: 7px; }
.order-lookup-track i { width: 8px; height: 8px; background: #1da77b; border: 2px solid #dff6ed; border-radius: 50%; }
.order-lookup-track span { display: flex; flex-direction: column; gap: 2px; }
.order-lookup-track strong { font-size: 8px; }
.order-lookup-track small { color: var(--faint); font-size: 7px; }
.tabs { display: flex; min-height: 44px; align-items: flex-end; gap: 22px; overflow-x: auto; padding: 0 15px; border-bottom: 1px solid var(--line); }
.tabs button { position: relative; min-height: 43px; padding: 0 2px; color: var(--muted); background: transparent; border: 0; font-size: 9px; white-space: nowrap; }
.tabs button.active { color: var(--blue); font-weight: 700; }
.tabs button.active::after { position: absolute; right: 0; bottom: -1px; left: 0; height: 2px; background: var(--blue); content: ""; }
.table-toolbar { display: flex; min-height: 54px; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 12px; border-bottom: 1px solid #edf0f4; }
.table-toolbar > span { color: var(--faint); font-size: 8px; }
.table-toolbar > div { display: flex; align-items: center; gap: 6px; }
.table-toolbar label { display: flex; width: 230px; height: 32px; align-items: center; gap: 6px; padding: 0 8px; background: #f8f9fb; border: 1px solid #e4e8ee; border-radius: 5px; }
.table-toolbar label svg { width: 13px; color: var(--faint); }
.table-toolbar input { min-width: 0; flex: 1; background: transparent; border: 0; outline: 0; font-size: 9px; }
.icon-button.bordered { width: 32px; height: 32px; background: white; border: 1px solid #e0e5ec; }
.icon-button.bordered svg { width: 13px; }
.selection-bar { display: none; min-height: 38px; align-items: center; gap: 12px; padding: 6px 12px; color: #315cae; background: var(--blue-soft); border-bottom: 1px solid #cbdcff; font-size: 9px; }
.selection-bar.show { display: flex; }
.selection-bar span { flex: 1; }
.selection-bar button { padding: 3px 7px; color: #315cae; background: white; border: 1px solid #c4d6fa; border-radius: 4px; font-size: 8px; }
.table-wrap { width: 100%; overflow-x: auto; }
table { width: 100%; min-width: 880px; border-collapse: collapse; }
th { height: 39px; padding: 0 12px; color: #758196; background: #fafbfc; border-bottom: 1px solid var(--line); font-size: 8px; font-weight: 650; text-align: left; white-space: nowrap; }
td { height: 58px; padding: 7px 12px; color: #3d495e; border-bottom: 1px solid #edf0f4; font-size: 9px; white-space: nowrap; }
tbody tr:hover { background: #fafcff; }
tbody tr[hidden] { display: none; }
.check { width: 38px; padding-right: 2px; text-align: center; }
input[type="checkbox"] { width: 14px; height: 14px; accent-color: var(--blue); }
.cell-main { display: block; color: #273247; font-size: 9px; font-weight: 700; }
.cell-sub { display: block; max-width: 220px; overflow: hidden; margin-top: 4px; color: var(--faint); font-size: 8px; text-overflow: ellipsis; }
.tag { display: inline-flex; min-height: 21px; align-items: center; padding: 0 7px; border-radius: 10px; font-size: 8px; font-weight: 650; }
.tag.blue { color: #235fcf; background: var(--blue-soft); }
.tag.green { color: #107256; background: var(--green-soft); }
.tag.orange { color: #9b5d12; background: var(--orange-soft); }
.tag.red { color: #ad3240; background: var(--red-soft); }
.tag.purple { color: #634bae; background: var(--purple-soft); }
.tag.gray { color: #697589; background: #eef1f5; }
.action-cell { min-width: 120px; }
.action-cell button { margin-right: 8px; padding: 2px 0; color: #68758a; background: transparent; border: 0; font-size: 8px; }
.action-cell button:hover, .action-cell button.main-action { color: var(--blue); }
.table-footer { display: flex; min-height: 48px; align-items: center; justify-content: space-between; padding: 8px 12px; color: var(--faint); font-size: 8px; }
.table-footer > div { display: flex; gap: 4px; }
.table-footer button { display: grid; width: 26px; height: 26px; place-items: center; color: var(--muted); background: white; border: 1px solid var(--line); border-radius: 4px; font-size: 8px; }
.table-footer button.active { color: white; background: var(--blue); border-color: var(--blue); }
.table-footer button:disabled { color: #c7cdd6; cursor: default; }
.table-footer svg { width: 11px; }

.review-policy { display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; align-items: center; gap: 11px; margin-bottom: 12px; padding: 11px 13px; color: #31527f; background: #f3f7ff; border: 1px solid #cfddf8; border-radius: 7px; }
.review-policy > span { display: grid; width: 32px; height: 32px; place-items: center; color: var(--blue); background: white; border: 1px solid #d5e1fa; border-radius: 6px; }
.review-policy > span svg { width: 16px; }
.review-policy strong { display: block; font-size: 10px; }
.review-policy p { margin: 4px 0 0; color: #61708a; font-size: 8px; line-height: 1.55; }
.review-policy > b { color: #5e6c82; font-size: 8px; font-weight: 650; white-space: nowrap; }
.review-table table { min-width: 1180px; }
.review-table td { height: 68px; vertical-align: middle; }
.review-table input:disabled { opacity: .3; cursor: not-allowed; }
.review-code { max-width: 230px; overflow: hidden; text-overflow: ellipsis; }
.review-store-preview { max-width: 180px; }
.mapping-cell { min-width: 250px; }
.mapping-cell > span, .mapping-cell > strong { display: block; max-width: 245px; overflow: hidden; text-overflow: ellipsis; }
.mapping-cell > span { color: var(--muted); font-size: 8px; }
.mapping-cell > strong { margin-top: 4px; color: #273247; font-size: 9px; }
.mapping-cell > svg { display: none; width: 12px; color: var(--blue); }
.review-empty { display: flex; min-height: 180px; align-items: center; justify-content: center; flex-direction: column; color: var(--faint); }
.review-empty svg { width: 25px; margin-bottom: 10px; }
.review-empty strong { color: var(--muted); font-size: 11px; }
.review-empty small { margin-top: 5px; font-size: 8px; }
.review-detail-hero { display: flex; align-items: center; gap: 8px; padding-bottom: 13px; border-bottom: 1px solid var(--line); }
.review-detail-hero strong { flex: 1; color: var(--ink); font-size: 10px; text-align: right; }
.review-detail-hero small { color: var(--faint); font-size: 8px; }
.mapping-compare { display: grid; grid-template-columns: minmax(0, 1fr) 34px minmax(0, 1fr); align-items: center; gap: 8px; margin-top: 14px; padding: 12px; background: #f8fafc; border: 1px solid var(--line); border-radius: 6px; }
.mapping-compare > div { display: flex; min-width: 0; flex-direction: column; }
.mapping-compare small { color: var(--faint); font-size: 8px; }
.mapping-compare strong { overflow-wrap: anywhere; margin-top: 6px; color: var(--ink); font-size: 10px; }
.mapping-compare span { margin-top: 4px; color: var(--muted); font-size: 8px; }
.mapping-compare > svg { width: 17px; justify-self: center; color: var(--blue); }
.review-risk { display: flex; align-items: flex-start; gap: 9px; margin-top: 12px; padding: 11px; border: 1px solid; border-radius: 6px; }
.review-risk > svg { width: 16px; flex: 0 0 auto; }
.review-risk strong { display: block; font-size: 9px; }
.review-risk p { margin: 5px 0 0; font-size: 8px; line-height: 1.55; }
.review-risk.safe { color: #17654f; background: var(--green-soft); border-color: #bfdfd3; }
.review-risk.warning { color: #87561a; background: var(--orange-soft); border-color: #efd7ae; }
.review-store-section { margin-top: 17px; }
.review-store-section h3 { margin: 0 0 9px; font-size: 10px; }
.review-store-section > div { display: flex; flex-wrap: wrap; gap: 6px; }
.review-store-section span { padding: 5px 7px; color: #50617d; background: #f2f5f9; border: 1px solid #e2e7ee; border-radius: 4px; font-size: 8px; }

.wms-flow { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; margin-bottom: 14px; }
.wms-flow > button { display: grid; min-height: 130px; grid-template-columns: 38px 1fr; grid-template-rows: auto auto auto 8px; gap: 3px 10px; padding: 14px; color: var(--ink); background: white; border: 1px solid var(--line); border-radius: 7px; text-align: left; }
.wms-flow > button:hover { border-color: #afc4ee; box-shadow: var(--shadow); }
.wms-flow > button > span { display: grid; width: 36px; height: 36px; grid-row: 1 / span 3; place-items: center; color: var(--blue); background: var(--blue-soft); border-radius: 6px; }
.wms-flow > button > span svg { width: 16px; }
.wms-flow strong { font-size: 10px; }
.wms-flow b { font-size: 17px; }
.wms-flow small { color: var(--faint); font-size: 8px; }
.wms-flow em { grid-column: 1 / -1; height: 6px; overflow: hidden; margin-top: 9px; background: #eef1f5; border-radius: 4px; }
.wms-flow em i { display: block; height: 100%; background: var(--blue); border-radius: inherit; }
.warehouse-grid { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(320px, .7fr); gap: 14px; margin-bottom: 14px; }
.live { display: flex; align-items: center; gap: 5px; color: var(--green); font-size: 8px; }
.live i { width: 6px; height: 6px; background: #20b98a; border-radius: 50%; }
.zone-map { display: grid; min-height: 320px; grid-template-columns: 110px repeat(2, 1fr) 110px; grid-template-rows: repeat(2, 1fr); gap: 8px; padding: 14px; background: #f7f9fb; }
.zone-map > div { display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 10px; border: 1px solid; border-radius: 6px; text-align: center; }
.zone-map span { font-size: 9px; font-weight: 700; }
.zone-map strong { margin-top: 8px; font-size: 18px; }
.zone-map small { margin-top: 5px; font-size: 8px; }
.dock { grid-row: 1 / 3; color: #47627f; background: #eaf0f5; border-color: #cdd8e3 !important; }
.pack { grid-column: 4; grid-row: 1 / 3; color: #80561f; background: #fff2df; border-color: #efd4aa !important; }
.zone.hot { color: #a63240; background: #ffe3e7; border-color: #f4bbc2; }
.zone.warm { color: #946021; background: #fff0db; border-color: #efd1a4; }
.zone.normal { color: #245eb8; background: #e8f1ff; border-color: #bed2f5; }
.zone.cool { color: #187259; background: #e5f5ef; border-color: #b8dfd1; }
.queue-panel { padding-bottom: 8px; }
.queue-row { display: grid; width: calc(100% - 20px); min-height: 61px; grid-template-columns: 34px 1fr 34px 14px; align-items: center; gap: 8px; margin: 0 10px; padding: 8px 5px; color: var(--ink); background: transparent; border: 0; border-bottom: 1px solid #edf0f4; text-align: left; }
.queue-tag { display: grid; width: 31px; height: 21px; place-items: center; border-radius: 4px; font-size: 7px; }
.queue-tag.red { color: var(--red); background: var(--red-soft); }
.queue-tag.orange { color: var(--orange); background: var(--orange-soft); }
.queue-tag.blue { color: var(--blue); background: var(--blue-soft); }
.queue-tag.green { color: var(--green); background: var(--green-soft); }
.queue-row > div { display: flex; min-width: 0; flex-direction: column; }
.queue-row strong { font-size: 9px; }
.queue-row small { overflow: hidden; margin-top: 3px; color: var(--faint); font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.queue-row > div > i { height: 4px; overflow: hidden; margin-top: 5px; background: #edf0f4; border-radius: 3px; }
.queue-row > div > i b { display: block; height: 100%; background: var(--blue); }
.queue-row > em { color: var(--muted); font-size: 8px; font-style: normal; }
.queue-row > svg { width: 12px; color: #a0a9b6; }
.alert-table .list-title { display: flex; min-height: 62px; align-items: center; justify-content: space-between; padding: 11px 14px; border-bottom: 1px solid var(--line); }

.partner-workspace table { min-width: 980px; }
.partner-tabs { align-items: flex-end; }
.partner-status-select { height: 32px; padding: 0 28px 0 9px; color: #4e5b70; background: white; border: 1px solid #e0e5ec; border-radius: 5px; font: inherit; font-size: 9px; outline: 0; }
.partner-status-select:focus { border-color: #8fb0f3; box-shadow: 0 0 0 3px rgba(39, 105, 228, .08); }
.partner-empty-row td { height: 280px; text-align: center; }
.partner-empty { display: flex; align-items: center; justify-content: center; flex-direction: column; color: var(--faint); }
.partner-empty svg { width: 30px; height: 30px; margin-bottom: 12px; color: #a6b0bf; }
.partner-empty strong { color: #4e5b70; font-size: 12px; }
.partner-empty small { margin-top: 6px; font-size: 9px; }
.partner-empty a { margin-top: 13px; color: var(--blue); font-size: 9px; font-weight: 700; }
.partner-detail-status { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 8px 10px; margin-bottom: 14px; padding: 13px; background: #f7f9fc; border: 1px solid var(--line); border-radius: 6px; }
.partner-detail-status strong { font-size: 11px; }
.partner-detail-status small { grid-column: 2; color: var(--faint); font-size: 8px; }
.partner-detail-section { margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--line); }
.partner-detail-section h3 { margin: 0 0 10px; font-size: 11px; }
.partner-detail-section dl { margin: 0; }
.partner-detail-section p { margin: 0; color: var(--muted); font-size: 9px; line-height: 1.8; white-space: pre-wrap; }
.secondary-button.danger { color: var(--red); border-color: #efc0c6; background: #fff8f8; }
.secondary-button.danger:hover { color: #9e2532; border-color: #df919b; background: var(--red-soft); }

.overlay { position: fixed; inset: 0; z-index: 100; display: none; align-items: flex-start; justify-content: center; padding: 9vh 16px 16px; background: rgba(12,18,28,.52); backdrop-filter: blur(5px); }
.overlay.open { display: flex; }
.command-panel { width: min(660px, 100%); overflow: hidden; background: white; border: 1px solid #dce2ea; border-radius: 8px; box-shadow: 0 24px 60px rgba(12,18,28,.22); }
.command-input { display: flex; height: 58px; align-items: center; gap: 10px; padding: 0 14px; border-bottom: 1px solid var(--line); }
.command-input svg { width: 18px; color: var(--blue); }
.command-input input { min-width: 0; flex: 1; border: 0; outline: 0; font-size: 13px; }
.command-input button { padding: 3px 6px; color: var(--muted); background: #f5f7f9; border: 1px solid #e1e5eb; border-radius: 4px; font-size: 8px; }
.command-caption { display: flex; justify-content: space-between; padding: 8px 14px; color: var(--faint); background: #fafbfc; border-bottom: 1px solid #edf0f3; font-size: 8px; }
.command-results { max-height: 440px; overflow-y: auto; padding: 7px; }
.command-results > button { display: flex; width: 100%; min-height: 53px; align-items: center; gap: 10px; padding: 7px 9px; color: var(--ink); background: white; border: 0; border-radius: 5px; text-align: left; }
.command-results > button:hover { background: var(--blue-soft); }
.command-results > button > span { display: grid; width: 32px; height: 32px; place-items: center; color: var(--blue); background: #f1f5fb; border-radius: 5px; }
.command-results > button > span svg { width: 15px; }
.command-results > button > div { display: flex; min-width: 0; flex: 1; flex-direction: column; }
.command-results strong { font-size: 10px; }
.command-results small { overflow: hidden; margin-top: 4px; color: var(--faint); font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.command-results > button > svg { width: 12px; color: #9ba5b4; }
.empty { display: flex; min-height: 180px; align-items: center; justify-content: center; flex-direction: column; color: var(--faint); }
.empty svg { width: 28px; height: 28px; margin-bottom: 10px; }
.empty strong { color: var(--muted); font-size: 11px; }
.empty small { margin-top: 5px; font-size: 8px; }

.side-drawer { position: fixed; inset: 0 0 0 auto; z-index: 120; display: flex; width: min(430px, 100%); transform: translateX(102%); flex-direction: column; background: white; box-shadow: -14px 0 35px rgba(20,28,40,.15); transition: transform 200ms ease; }
.side-drawer.open { transform: translateX(0); }
.drawer-backdrop { position: fixed; inset: 0; z-index: 110; display: none; background: rgba(17,24,35,.28); }
.drawer-backdrop.open { display: block; }
.drawer-head { display: flex; min-height: 68px; align-items: center; justify-content: space-between; padding: 12px 15px; border-bottom: 1px solid var(--line); }
.drawer-title { display: flex; align-items: center; gap: 9px; }
.drawer-title > span { display: grid; width: 34px; height: 34px; place-items: center; color: white; background: var(--blue); border-radius: 6px; }
.drawer-title > span svg { width: 16px; }
.drawer-title > div { display: flex; flex-direction: column; }
.drawer-title strong { font-size: 12px; }
.drawer-title small { margin-top: 3px; color: var(--faint); font-size: 8px; }
.drawer-notice { display: flex; align-items: flex-start; gap: 7px; margin: 11px 13px 0; padding: 9px 10px; color: #37654f; background: var(--green-soft); border: 1px solid #c7e7da; border-radius: 5px; font-size: 8px; line-height: 1.5; }
.drawer-notice svg { width: 13px; flex: 0 0 auto; }
.chat-body { overflow-y: auto; flex: 1; padding: 14px; }
.assistant-message, .user-message { display: flex; align-items: flex-start; gap: 8px; margin-bottom: 13px; }
.assistant-message > span { display: grid; width: 28px; height: 28px; place-items: center; flex: 0 0 auto; color: white; background: var(--blue); border-radius: 6px; font-size: 8px; font-weight: 800; }
.assistant-message > div { max-width: 88%; padding: 9px 11px; background: #f4f7fb; border-radius: 3px 7px 7px 7px; }
.assistant-message p, .user-message p { margin: 0; font-size: 10px; line-height: 1.7; }
.assistant-message small { display: block; margin-top: 6px; color: var(--faint); font-size: 7px; }
.assistant-actions { display: flex; gap: 6px; margin-top: 9px; }
.assistant-actions button, .assistant-actions a { display: inline-flex; min-height: 28px; align-items: center; justify-content: center; gap: 5px; padding: 0 9px; color: var(--blue); background: white; border: 1px solid #c8d7f5; border-radius: 5px; font-size: 8px; font-weight: 700; }
.assistant-actions > :first-child { color: white; background: var(--blue); border-color: var(--blue); }
.assistant-actions svg { width: 12px; height: 12px; }
.user-message { justify-content: flex-end; }
.user-message > div { max-width: 82%; padding: 9px 11px; color: white; background: var(--blue); border-radius: 7px 3px 7px 7px; }
.quick-questions { display: flex; flex-direction: column; gap: 6px; margin-left: 36px; }
.quick-questions button { padding: 8px 9px; color: #375c9e; background: white; border: 1px solid #d6e1f7; border-radius: 5px; font-size: 9px; text-align: left; }
.quick-questions button:hover { background: var(--blue-soft); }
.chat-form { padding: 11px 13px 13px; border-top: 1px solid var(--line); }
.chat-form > div { display: flex; align-items: flex-end; gap: 8px; padding: 8px; background: #f7f9fb; border: 1px solid #dfe5ed; border-radius: 6px; }
.chat-form textarea { min-height: 38px; max-height: 120px; resize: vertical; flex: 1; background: transparent; border: 0; outline: 0; font-size: 10px; line-height: 1.5; }
.chat-form button { display: grid; width: 30px; height: 30px; place-items: center; color: white; background: var(--blue); border: 0; border-radius: 5px; }
.chat-form button svg { width: 14px; }
.chat-form > small { display: block; margin-top: 6px; color: var(--faint); font-size: 7px; text-align: center; }

.detail-drawer { width: min(500px, 100%); }
.detail-drawer .drawer-head > div { display: flex; flex-direction: column; }
.detail-drawer .drawer-head small { color: var(--blue); font-size: 8px; }
.detail-drawer .drawer-head h2 { margin: 4px 0 0; font-size: 16px; }
.detail-body { overflow-y: auto; flex: 1; padding: 15px; }
.detail-notice { padding: 11px; background: #f8fafc; border: 1px solid var(--line); border-radius: 6px; }
.detail-notice p { margin: 8px 0 0; color: var(--muted); font-size: 9px; line-height: 1.6; }
.detail-body dl { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px; overflow: hidden; margin: 14px 0; background: var(--line); border: 1px solid var(--line); border-radius: 6px; }
.detail-body dl div { padding: 10px; background: white; }
.detail-body dt { color: var(--faint); font-size: 8px; }
.detail-body dd { margin: 5px 0 0; font-size: 9px; font-weight: 650; }
.detail-form, .timeline { margin-top: 18px; }
.detail-form h3, .timeline h3 { margin: 0 0 10px; font-size: 11px; }
.detail-form label { display: flex; flex-direction: column; gap: 5px; margin-top: 10px; color: var(--muted); font-size: 8px; }
.detail-form select, .detail-form textarea { width: 100%; padding: 8px 9px; color: var(--ink); background: white; border: 1px solid #dce2ea; border-radius: 5px; outline: 0; font-size: 9px; }
.detail-form textarea { resize: vertical; }
.timeline > div { display: flex; min-height: 50px; gap: 9px; }
.timeline > div > i { position: relative; width: 9px; height: 9px; margin-top: 3px; background: var(--blue); border: 2px solid #bfd3ff; border-radius: 50%; box-sizing: content-box; }
.timeline > div:not(:last-child) > i::after { position: absolute; top: 11px; left: 3px; width: 1px; height: 35px; background: #dce3ec; content: ""; }
.timeline > div > span { display: flex; flex-direction: column; }
.timeline strong { font-size: 9px; }
.timeline small { margin-top: 4px; color: var(--faint); font-size: 8px; }
.detail-footer { display: flex; justify-content: flex-end; gap: 8px; padding: 11px 14px; border-top: 1px solid var(--line); }

.employee-loading { min-height: 220px; display: flex; align-items: center; justify-content: center; gap: 10px; color: var(--muted); }
.employee-loading svg { width: 20px; color: var(--blue); animation: employee-spin 1s linear infinite; }
@keyframes employee-spin { to { transform: rotate(360deg); } }
.employee-admin-notice { min-height: 180px; display: flex; align-items: center; gap: 18px; padding: 30px; }
.employee-admin-notice > span { display: grid; width: 54px; height: 54px; place-items: center; flex: 0 0 auto; color: #8c641d; background: #fff5dc; border-radius: 7px; }
.employee-admin-notice > span svg { width: 24px; }
.employee-admin-notice h3 { margin: 0; font-size: 16px; }
.employee-admin-notice p { max-width: 680px; margin: 8px 0 0; color: var(--muted); font-size: 10px; line-height: 1.75; }
.employee-admin-notice.error > span { color: var(--red); background: var(--red-soft); }
.employee-admin-login { display: grid; grid-template-columns: minmax(0, 1fr) minmax(300px, .8fr); gap: 34px; padding: 32px; }
.employee-admin-copy { display: flex; align-items: flex-start; gap: 16px; }
.employee-admin-copy > span { display: grid; width: 50px; height: 50px; place-items: center; flex: 0 0 auto; color: var(--blue); background: var(--blue-soft); border-radius: 7px; }
.employee-admin-copy > span svg { width: 23px; }
.employee-admin-copy small { color: var(--blue); font-size: 8px; font-weight: 800; }
.employee-admin-copy h3 { margin: 5px 0 8px; font-size: 17px; }
.employee-admin-copy p { max-width: 480px; margin: 0; color: var(--muted); font-size: 10px; line-height: 1.75; }
.employee-admin-login form { padding-left: 34px; border-left: 1px solid var(--line); }
.employee-admin-login label { display: flex; flex-direction: column; gap: 6px; margin-bottom: 12px; }
.employee-admin-login label span { color: var(--muted); font-size: 9px; font-weight: 650; }
.employee-admin-login input { width: 100%; height: 39px; padding: 0 10px; color: var(--ink); background: white; border: 1px solid #d7dee7; border-radius: 5px; outline: 0; font-size: 10px; }
.employee-admin-login input:focus { border-color: var(--blue); box-shadow: 0 0 0 3px rgba(33,104,239,.1); }
.employee-admin-login .primary-button { width: 100%; margin-top: 5px; }
.employee-form-error { margin: 0 0 10px; padding: 8px 9px; color: #963b35; background: var(--red-soft); border-radius: 5px; font-size: 9px; }
.employee-id-result { padding: 22px 12px; text-align: center; }
.employee-id-result > span { display: grid; width: 54px; height: 54px; place-items: center; margin: 0 auto; color: var(--green); background: var(--green-soft); border-radius: 50%; }
.employee-id-result > span svg { width: 25px; }
.employee-id-result h3 { margin: 14px 0 7px; font-size: 18px; }
.employee-id-result p { margin: 0; color: var(--muted); font-size: 10px; line-height: 1.7; }
.employee-id-result code { display: block; margin-top: 20px; padding: 15px; color: #155e4b; background: #edf8f4; border: 1px dashed #9ccfbd; border-radius: 6px; font: 800 20px/1.3 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 1px; }

.toast { position: fixed; right: 24px; bottom: 24px; z-index: 160; max-width: min(360px, calc(100% - 32px)); transform: translateY(12px); padding: 10px 13px; color: white; background: #1c2738; border-radius: 6px; box-shadow: 0 14px 30px rgba(20,28,40,.22); font-size: 9px; opacity: 0; pointer-events: none; transition: opacity 160ms ease, transform 160ms ease; }
.toast.show { transform: translateY(0); opacity: 1; }
.sidebar-backdrop { display: none; }

.agent-picker { display: grid; grid-template-columns: 1fr auto; gap: 6px; padding: 11px 13px 0; }
.agent-picker label { grid-column: 1 / -1; color: var(--faint); font-size: 8px; font-weight: 700; }
.agent-picker select { min-width: 0; height: 36px; padding: 0 9px; color: var(--ink); background: white; border: 1px solid var(--line); border-radius: 5px; font-size: 10px; }
.agent-picker.target-picker select { grid-column: 1 / -1; }
.agent-picker button { display: grid; width: 36px; height: 36px; place-items: center; color: var(--muted); background: white; border: 1px solid var(--line); border-radius: 5px; }
.agent-picker svg { width: 14px; }
.assistant-message.pending { opacity: .72; }
.assistant-message.pending > span { background: #7d8aa0; }

.jky-module-head > div:last-child { align-items: flex-end; }
.jky-readonly { display: inline-flex; min-height: 30px; align-items: center; gap: 6px; padding: 0 9px; color: #14684f; background: var(--green-soft); border: 1px solid #bee2d4; border-radius: 5px; font-size: 9px; font-weight: 700; white-space: nowrap; }
.jky-readonly i { width: 7px; height: 7px; background: var(--green); border-radius: 50%; box-shadow: 0 0 0 4px rgba(25,135,103,.1); }
.jky-sync-time { color: var(--faint); font-size: 8px; white-space: nowrap; }
.jky-loading { display: flex; min-height: 280px; align-items: center; justify-content: center; flex-direction: column; gap: 8px; }
.jky-loading > i { width: 24px; height: 24px; color: var(--blue); animation: jky-spin 1s linear infinite; }
.jky-loading strong { font-size: 12px; }
.jky-loading small { color: var(--faint); font-size: 9px; }
.jky-error { display: flex; min-height: 250px; align-items: center; justify-content: center; gap: 14px; padding: 30px; }
.jky-error > span { display: grid; width: 50px; height: 50px; place-items: center; color: var(--red); background: var(--red-soft); border-radius: 7px; }
.jky-error > span svg { width: 23px; }
.jky-error strong { font-size: 13px; }
.jky-error p { max-width: 520px; margin: 7px 0 12px; color: var(--muted); font-size: 9px; line-height: 1.6; }
.jky-empty { display: flex; min-height: 170px; align-items: center; justify-content: center; flex-direction: column; gap: 8px; color: var(--faint); }
.jky-empty svg { width: 24px; }
.jky-empty strong { font-size: 10px; }
.jky-dashboard-strip { margin-top: 0; }
.jky-load-more { display: flex; min-height: 74px; align-items: center; justify-content: center; flex-direction: column; gap: 7px; border-top: 1px solid var(--line); }
.jky-load-more small { color: var(--faint); font-size: 8px; }
.jky-load-more.complete { flex-direction: row; color: var(--green); font-size: 9px; font-weight: 700; }
.jky-load-more.complete svg { width: 15px; }
.jky-warehouse-select { display: flex; min-width: 250px; align-items: center; gap: 7px; padding: 0 9px; background: white; border: 1px solid var(--line); border-radius: 5px; }
.jky-warehouse-select svg { width: 13px; color: var(--muted); }
.jky-warehouse-select select { min-width: 0; height: 34px; flex: 1; color: var(--ink); background: transparent; border: 0; outline: 0; font-size: 9px; }
@keyframes jky-spin { to { transform: rotate(360deg); } }

.agent-mode { display: inline-flex; min-height: 30px; align-items: center; gap: 6px; padding: 0 9px; color: #7b5a20; background: var(--orange-soft); border: 1px solid #f0d6aa; border-radius: 5px; font-size: 9px; white-space: nowrap; }
.agent-mode i { width: 7px; height: 7px; background: var(--orange); border-radius: 50%; }
.agent-mode.live { color: #14684f; background: var(--green-soft); border-color: #bee2d4; }
.agent-mode.live i { background: var(--green); }
.agent-mode.jky { color: #2458a6; background: var(--blue-soft); border-color: #c9d8fb; }
.agent-mode.jky i { background: var(--blue); }
.agent-integration-strip { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-bottom: 14px; background: white; border: 1px solid var(--line); border-radius: 7px; overflow: hidden; }
.agent-integration-strip > div, .agent-integration-strip > button { display: grid; min-height: 66px; grid-template-columns: 34px minmax(0, 1fr) auto; align-items: center; gap: 9px; padding: 10px 13px; color: inherit; background: white; border: 0; border-right: 1px solid var(--line); text-align: left; }
.agent-integration-strip > button { cursor: pointer; }
.agent-integration-strip > button:hover { background: #f8fbff; }
.agent-integration-strip > :last-child { border-right: 0; }
.agent-integration-strip > div > span:nth-child(2), .agent-integration-strip > button > span:nth-child(2) { display: flex; min-width: 0; flex-direction: column; }
.agent-integration-strip strong { overflow: hidden; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.agent-integration-strip small { overflow: hidden; margin-top: 4px; color: var(--faint); font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.agent-integration-strip .tag { white-space: nowrap; }
.integration-icon { display: grid; width: 32px; height: 32px; place-items: center; color: white; background: #2372c7; border-radius: 6px; font-size: 9px; font-weight: 800; }
.integration-icon.ai { background: #16806c; }
.integration-icon.blue { background: #246bfd; }
.integration-icon.green { background: #16806c; }
.integration-icon.orange { background: #d97706; }
.integration-icon.red { background: #c83f49; }
.integration-icon.taobao { background: #ff5a1f; }
.integration-icon.douyin { background: #191b27; }
.integration-icon.pdd { background: #e33935; }
.integration-icon.ctrip { background: #2877de; }
.integration-icon.dingtalk { background: #1677ff; }
.integration-icon.purchase { background: #9a6400; }
.integration-icon.shield { background: #526071; }
.integration-icon svg { width: 15px; height: 15px; }
.agent-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-bottom: 14px; background: white; border: 1px solid var(--line); border-radius: 7px; }
.agent-summary > div { display: flex; min-height: 92px; justify-content: center; flex-direction: column; padding: 14px 18px; border-right: 1px solid var(--line); }
.agent-summary > div:last-child { border-right: 0; }
.agent-summary span { color: var(--muted); font-size: 9px; }
.agent-summary strong { margin-top: 6px; font-size: 20px; }
.agent-summary small { margin-top: 5px; color: var(--faint); font-size: 8px; }
.agent-workspace { display: grid; grid-template-columns: 290px minmax(0, 1fr); gap: 14px; margin-bottom: 14px; }
.agent-roster, .agent-console, .agent-task-panel { background: white; border: 1px solid var(--line); border-radius: 7px; box-shadow: 0 2px 10px rgba(23,32,51,.035); }
.agent-roster { overflow: hidden; }
.agent-roster-head { display: flex; min-height: 62px; align-items: center; justify-content: space-between; padding: 11px 13px; border-bottom: 1px solid var(--line); }
.agent-roster-head h3 { margin: 0; font-size: 12px; }
.agent-roster-head p { margin: 4px 0 0; color: var(--faint); font-size: 8px; }
.agent-roster-head > span { display: grid; width: 24px; height: 24px; place-items: center; color: var(--blue); background: var(--blue-soft); border-radius: 50%; font-size: 9px; font-weight: 700; }
.agent-row { display: grid; width: 100%; min-height: 61px; grid-template-columns: 34px minmax(0, 1fr) 14px; align-items: center; gap: 9px; padding: 8px 12px; color: var(--ink); background: white; border: 0; border-bottom: 1px solid #edf0f4; text-align: left; }
.agent-row:last-child { border-bottom: 0; }
.agent-row:hover { background: #f8faff; }
.agent-row.active { background: var(--blue-soft); box-shadow: inset 3px 0 0 var(--blue); }
.agent-row > span:nth-child(2) { display: flex; min-width: 0; flex-direction: column; }
.agent-row strong { overflow: hidden; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.agent-row small { overflow: hidden; margin-top: 4px; color: var(--faint); font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.agent-row > svg { width: 12px; color: #9ca7b8; }
.agent-avatar { display: grid; width: 32px; height: 32px; place-items: center; flex: 0 0 auto; color: white; background: var(--blue); border-radius: 6px; font-size: 10px; font-weight: 800; }
.agent-avatar.green { background: var(--green); }
.agent-avatar.orange { background: var(--orange); }
.agent-avatar.red { background: var(--red); }
.agent-avatar.purple { background: var(--purple); }
.agent-avatar.gray { background: #6e798b; }
.agent-avatar.large { width: 46px; height: 46px; font-size: 13px; }
.agent-console { overflow: hidden; }
.agent-profile { display: flex; min-height: 92px; align-items: center; gap: 12px; padding: 16px 18px; border-bottom: 1px solid var(--line); }
.agent-profile > div { min-width: 0; flex: 1; }
.agent-profile > div > span { color: var(--blue); font-size: 8px; font-weight: 700; }
.agent-profile h3 { margin: 4px 0 0; font-size: 15px; }
.agent-profile p { margin: 5px 0 0; color: var(--muted); font-size: 9px; line-height: 1.55; }
.agent-policy-grid { display: grid; grid-template-columns: 1.2fr .9fr .9fr; border-bottom: 1px solid var(--line); }
.agent-policy-grid > div { min-height: 88px; padding: 14px 16px; border-right: 1px solid var(--line); }
.agent-policy-grid > div:last-child { border-right: 0; }
.agent-policy-grid span { display: block; margin-bottom: 9px; color: var(--faint); font-size: 8px; }
.agent-policy-grid > div > div { display: flex; flex-wrap: wrap; gap: 5px; }
.agent-policy-grid b { padding: 5px 7px; color: #3a5d9e; background: var(--blue-soft); border-radius: 4px; font-size: 8px; font-weight: 650; }
.agent-policy-grid strong { display: flex; align-items: flex-start; gap: 6px; color: #435066; font-size: 9px; line-height: 1.5; }
.agent-policy-grid svg { width: 13px; height: 13px; flex: 0 0 auto; color: var(--blue); }
.taobao-connection-panel { display: grid; grid-template-columns: 38px minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 14px 18px; background: #fffaf7; border-bottom: 1px solid #f0dfd6; }
.taobao-connection-panel > div { display: flex; min-width: 0; flex-direction: column; }
.taobao-connection-panel small { color: #c24a1d; font-size: 7px; font-weight: 750; }
.taobao-connection-panel strong { margin-top: 3px; font-size: 10px; }
.taobao-connection-panel p { margin: 4px 0 0; color: var(--muted); font-size: 8px; line-height: 1.5; }
.taobao-connection-panel code { display: block; overflow: hidden; margin-top: 5px; color: #6d584e; font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }
.taobao-connection-panel button { white-space: nowrap; }
.taobao-connection-panel button:disabled { cursor: default; opacity: .8; }
.agent-command-form { padding: 16px 18px; }
.agent-command-form > label { display: block; margin-bottom: 8px; font-size: 10px; font-weight: 700; }
.agent-command-form textarea { width: 100%; min-height: 92px; resize: vertical; padding: 10px 11px; color: var(--ink); background: #fafbfd; border: 1px solid #dce2eb; border-radius: 6px; outline: 0; font-size: 10px; line-height: 1.6; }
.agent-command-form textarea:focus { background: white; border-color: #8eb0fb; box-shadow: 0 0 0 3px rgba(36,107,253,.08); }
.agent-command-form > div { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 10px; }
.agent-command-form > div > span { display: flex; align-items: center; gap: 5px; color: var(--faint); font-size: 8px; }
.agent-command-form > div > span svg { width: 12px; }
.agent-task-panel { overflow: hidden; }
.agent-task-panel.full { min-height: 360px; }
.agent-task-bulkbar { display: flex; min-height: 44px; align-items: center; gap: 14px; padding: 7px 14px; color: var(--muted); background: #fafbfd; border-bottom: 1px solid var(--line); font-size: 8px; }
.agent-task-bulkbar label { display: inline-flex; align-items: center; gap: 7px; color: var(--ink); font-weight: 650; }
.agent-task-bulkbar span { flex: 1; }
.agent-task-bulkbar input, .agent-task-check input { width: 14px; height: 14px; accent-color: var(--blue); }
.agent-task-bulkbar button:disabled { cursor: not-allowed; opacity: .45; }
.agent-task-entry { display: grid; width: 100%; min-height: 62px; grid-template-columns: 32px minmax(0, 1fr) 92px 64px auto; align-items: center; gap: 10px; padding: 8px 14px; color: var(--ink); background: white; border-bottom: 1px solid #edf0f4; }
.agent-task-entry.with-selection { grid-template-columns: 18px 32px minmax(0, 1fr) 92px 64px auto; }
.agent-task-check { display: grid; width: 18px; height: 32px; place-items: center; }
.agent-task-entry:last-child { border-bottom: 0; }
.agent-task-entry:hover { background: #fafcff; }
.agent-task-copy { display: flex; min-width: 0; padding: 0; flex-direction: column; color: inherit; background: transparent; border: 0; text-align: left; }
.agent-task-copy strong { overflow: hidden; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.agent-task-copy small { overflow: hidden; margin-top: 4px; color: var(--faint); font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.agent-task-entry time { color: var(--faint); font-size: 8px; }
.agent-task-actions { display: flex; align-items: center; justify-content: flex-end; gap: 5px; }
.agent-task-actions > button:not(.icon-button) { min-height: 28px; padding: 0 8px; color: #687386; background: white; border: 1px solid #d8dee7; border-radius: 5px; font-size: 8px; font-weight: 700; }
.agent-task-actions > button.approve { color: white; background: var(--blue); border-color: var(--blue); }
.agent-task-actions > button.preview { display: inline-flex; min-height: 28px; align-items: center; gap: 5px; padding: 0 8px; color: var(--blue); background: #f5f8ff; border: 1px solid #c8d7f5; border-radius: 5px; font-size: 8px; font-weight: 750; white-space: nowrap; }
.agent-task-actions > button.preview:hover { color: white; background: var(--blue); border-color: var(--blue); }
.agent-task-actions > button.preview svg { width: 12px; height: 12px; }
.agent-task-actions > a.download { display: inline-flex; min-height: 28px; align-items: center; gap: 5px; padding: 0 8px; color: #087e66; background: #f1fbf7; border: 1px solid #bde5d8; border-radius: 5px; font-size: 8px; font-weight: 750; white-space: nowrap; }
.agent-task-actions > a.download:hover { color: white; background: #087e66; border-color: #087e66; }
.agent-task-actions > a.download svg { width: 12px; height: 12px; }
.agent-task-empty { display: flex; min-height: 180px; align-items: center; justify-content: center; flex-direction: column; color: var(--faint); }
.agent-task-empty svg { width: 24px; margin-bottom: 8px; }
.agent-task-empty strong { color: var(--muted); font-size: 10px; }
.agent-task-empty small { margin-top: 5px; font-size: 8px; }
.task-status { display: grid; width: 28px; height: 28px; place-items: center; color: var(--blue); background: var(--blue-soft); border-radius: 50%; }
.task-status.green { color: var(--green); background: var(--green-soft); }
.task-status.orange { color: var(--orange); background: var(--orange-soft); }
.task-status svg { width: 13px; }
.export-preview { overflow: hidden; margin-bottom: 14px; background: white; border: 1px solid var(--line); border-radius: 6px; }
.export-preview-head { display: flex; min-height: 54px; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 12px; border-bottom: 1px solid var(--line); }
.export-preview-head > div { min-width: 0; }
.export-preview-head span { color: var(--blue); font-size: 7px; font-weight: 750; }
.export-preview-head h3 { margin: 3px 0 0; font-size: 11px; }
.export-preview-head small { color: var(--faint); font-size: 7px; text-align: right; }
.export-preview-tabs { display: flex; overflow-x: auto; padding: 0 8px; border-bottom: 1px solid var(--line); scrollbar-width: thin; }
.export-preview-tabs button { min-height: 34px; padding: 0 9px; flex: 0 0 auto; color: var(--muted); background: transparent; border: 0; border-bottom: 2px solid transparent; font-size: 8px; font-weight: 650; }
.export-preview-tabs button.active { color: var(--blue); border-bottom-color: var(--blue); }
.export-preview-table { overflow: auto; max-height: 360px; }
.export-preview-table table { width: max-content; min-width: 100%; border-collapse: collapse; font-size: 8px; }
.export-preview-table th { position: sticky; top: 0; z-index: 1; padding: 8px 10px; color: white; background: #246bfd; font-weight: 700; text-align: left; white-space: nowrap; }
.export-preview-table td { max-width: 220px; padding: 7px 10px; border-bottom: 1px solid #edf0f4; color: #435066; white-space: nowrap; }
.export-preview-table tbody tr:last-child td { color: var(--ink); background: #f5f8ff; font-weight: 700; }
.export-preview + .detail-notice { margin-top: 0; }

.integration-control-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-bottom: 14px; }
.integration-control-card { min-height: 150px; padding: 16px; background: white; border: 1px solid var(--line); border-radius: 7px; }
.integration-control-card.attention { border-top: 3px solid var(--orange); }
.integration-control-card.ready { border-top: 3px solid var(--green); }
.integration-control-card > div { display: grid; grid-template-columns: 36px minmax(0, 1fr) auto; align-items: center; gap: 10px; }
.integration-control-card > div > div { min-width: 0; }
.integration-control-card small { color: var(--blue); font-size: 7px; font-weight: 750; }
.integration-control-card h3 { overflow: hidden; margin: 3px 0 0; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.integration-control-card p { margin: 14px 0 0; color: var(--muted); font-size: 9px; line-height: 1.65; }
.integration-control-card > button { margin-top: 12px; }
.creative-provider-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.creative-provider-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 14px; }
.creative-provider-actions button { min-height: 38px; border: 1px solid var(--line); background: var(--surface-soft); color: var(--ink); display: inline-flex; align-items: center; justify-content: center; gap: 7px; cursor: pointer; }
.creative-provider-actions button:hover:not(:disabled) { border-color: var(--blue); color: var(--blue); }
.creative-provider-actions button:disabled { cursor: not-allowed; opacity: .48; }
.creative-provider-actions svg { width: 16px; height: 16px; }
.integration-workspace { overflow: hidden; margin-bottom: 14px; background: white; border: 1px solid var(--line); border-radius: 7px; }
.integration-binding-form { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: end; gap: 11px; padding: 15px 18px; background: #fafbfd; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.integration-binding-form label { display: flex; min-width: 0; flex-direction: column; gap: 6px; color: var(--muted); font-size: 8px; font-weight: 700; }
.integration-binding-form label.wide { grid-column: span 2; }
.integration-binding-form input { width: 100%; min-height: 36px; padding: 0 10px; color: var(--ink); background: white; border: 1px solid #d8dee7; border-radius: 5px; outline: 0; font-size: 9px; }
.integration-binding-form input:focus { border-color: #8eb0fb; box-shadow: 0 0 0 3px rgba(36,107,253,.08); }
.integration-binding-form button { justify-self: stretch; }
.integration-readonly-notice { display: flex; align-items: center; gap: 10px; padding: 15px 18px; color: var(--muted); background: #fafbfd; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.integration-readonly-notice > svg { width: 18px; color: var(--faint); }
.integration-readonly-notice span { display: flex; flex-direction: column; }
.integration-readonly-notice strong { color: var(--ink); font-size: 9px; }
.integration-readonly-notice small { margin-top: 4px; color: var(--faint); font-size: 8px; }
.supplier-binding-table > article, .integration-event-list > article { display: grid; min-height: 62px; grid-template-columns: 36px minmax(0, 1fr) minmax(150px, .7fr) auto; align-items: center; gap: 10px; padding: 10px 18px; border-bottom: 1px solid #edf0f4; }
.supplier-binding-table > article:last-child, .integration-event-list > article:last-child { border-bottom: 0; }
.supplier-binding-table article > div, .integration-event-list article > div { display: flex; min-width: 0; flex-direction: column; }
.supplier-binding-table strong, .integration-event-list strong { overflow: hidden; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.supplier-binding-table small, .integration-event-list small { overflow: hidden; margin-top: 4px; color: var(--faint); font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.supplier-binding-table code { overflow: hidden; color: var(--muted); font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.integration-event-list > article { grid-template-columns: 32px minmax(0, 1fr) auto; }

@media (max-width: 1200px) {
  .metric-grid.five { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .domain-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .global-search { width: 210px; }
  .wms-flow { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 980px) {
  :root { --sidebar: 226px; }
  .scope-select { display: none; }
  .global-search { width: 190px; }
  .account-button { min-width: 38px; width: 38px; padding: 4px; justify-content: center; }
  .account-button > span:nth-child(2), .account-button > svg { display: none; }
  .dashboard-grid, .dashboard-grid.lower, .warehouse-grid { grid-template-columns: 1fr; }
  .employee-admin-login { grid-template-columns: 1fr; }
  .employee-admin-login form { padding: 0; border: 0; }
  .metric-grid.five, .metric-grid.four, .summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .domain-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .agent-integration-strip { grid-template-columns: 1fr; }
  .agent-integration-strip > div, .agent-integration-strip > button { border-right: 0; border-bottom: 1px solid var(--line); }
  .agent-integration-strip > :last-child { border-bottom: 0; }
  .agent-workspace { grid-template-columns: 240px minmax(0, 1fr); }
  .agent-policy-grid { grid-template-columns: 1fr; }
  .agent-policy-grid > div { min-height: 68px; border-right: 0; border-bottom: 1px solid var(--line); }
  .agent-policy-grid > div:last-child { border-bottom: 0; }
  .integration-control-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .creative-provider-grid { grid-template-columns: 1fr; }
  .integration-binding-form { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
  .order-lookup-workspace > form { grid-template-columns: 1fr 1fr; }
  .order-lookup-workspace > form .primary-button { grid-column: 1 / -1; width: 100%; }
  .order-lookup-results dl { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sidebar { transform: translateX(-102%); transition: transform 180ms ease; }
  .sidebar.open { transform: translateX(0); }
  .sidebar-close { display: grid; }
  .sidebar-backdrop { position: fixed; inset: 0; z-index: 35; background: rgba(15,22,32,.42); }
  .sidebar-backdrop.open { display: block; }
  .workspace { margin-left: 0; }
  .mobile-menu-fab { display: grid; }
  .topbar h1 { font-size: 15px; }
  .breadcrumb { display: none; }
  .global-search { width: 36px; padding: 0; justify-content: center; }
  .global-search span, .global-search kbd { display: none; }
  .ai-button { width: 36px; padding: 0; }
  .ai-button:not(svg) { font-size: 0; }
  .content { padding: 58px 12px 30px; }
  .page-lead, .module-head { align-items: flex-start; flex-direction: column; gap: 12px; }
  .page-lead > div:last-child, .module-head > div:last-child { width: 100%; justify-content: flex-start; overflow-x: auto; }
  .page-lead > div:last-child > small { display: none; }
  .page-lead h2, .module-head h2 { font-size: 20px; }
  .metric-grid.five, .metric-grid.four, .summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .metric-card { min-height: 102px; padding: 13px; }
  .metric-card strong { font-size: 18px; }
  .metric-card > svg { display: none; }
  .order-flow { grid-template-columns: repeat(5, 88px); overflow-x: auto; }
  .order-flow-panel { overflow: hidden; }
  .domain-grid { grid-template-columns: 1fr; }
  .domain-card { min-height: 76px; }
  .feature-strip { align-items: flex-start; flex-direction: column; }
  .feature-strip > span { padding: 0; border: 0; }
  .wms-flow { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .zone-map { min-height: 420px; grid-template-columns: repeat(2, 1fr); grid-template-rows: 70px repeat(2, 1fr) 70px; }
  .dock { grid-column: 1 / 3; grid-row: 1; }
  .pack { grid-column: 1 / 3; grid-row: 4; }
  .table-toolbar { align-items: stretch; flex-direction: column; }
  .table-toolbar > div, .table-toolbar label { width: 100%; }
  .table-toolbar label { flex: 1; }
  .review-policy { grid-template-columns: 32px minmax(0, 1fr); }
  .review-policy > b { grid-column: 2; }
  .mapping-compare { grid-template-columns: 1fr; }
  .mapping-compare > svg { transform: rotate(90deg); }
  .employee-admin-login { gap: 24px; padding: 22px; }
  .employee-admin-notice { align-items: flex-start; padding: 22px; }
  .bar-chart { gap: 7px; padding-right: 12px; padding-left: 20px; }
  .bar-chart > div:not(.chart-grid) { width: 30px; }
  .chart-grid { left: 20px; }
  .toast { right: 16px; bottom: 16px; }
  .agent-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .agent-summary > div:nth-child(2) { border-right: 0; }
  .agent-summary > div:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .agent-workspace { grid-template-columns: 1fr; }
  .agent-roster { max-height: 310px; overflow-y: auto; }
  .agent-task-entry { grid-template-columns: 30px minmax(0, 1fr) 58px auto; }
  .agent-task-entry.with-selection { grid-template-columns: 18px 30px minmax(0, 1fr) 58px auto; }
  .agent-task-entry time { display: none; }
  .jky-module-head > div:last-child { width: 100%; align-items: stretch; }
  .jky-readonly { justify-content: center; }
  .jky-sync-time { text-align: center; }
  .jky-warehouse-select { width: 100%; min-width: 0; }
  .dingtalk-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dingtalk-stats > div:nth-child(2) { border-right: 0; }
  .dingtalk-stats > div:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .dingtalk-heading { align-items: flex-start; flex-wrap: wrap; }
  .dingtalk-heading > .tag { margin-left: 50px; }
  .integration-control-grid { grid-template-columns: 1fr; }
  .integration-binding-form { grid-template-columns: 1fr; }
  .integration-binding-form label.wide { grid-column: auto; }
  .supplier-binding-table > article { grid-template-columns: 34px minmax(0, 1fr) auto; padding: 10px 12px; }
  .supplier-binding-table code { display: none; }
}

@media (max-width: 420px) {
  .order-lookup-workspace > form, .order-lookup-results dl, .order-lookup-goods { grid-template-columns: 1fr; }
  .order-lookup-workspace > form .primary-button { grid-column: auto; }
  .topbar-actions { gap: 3px; }
  .notify-button { display: none; }
  .account-menu { position: fixed; top: 58px; right: 10px; width: min(270px, calc(100vw - 20px)); }
  .metric-grid.five, .metric-grid.four, .summary-grid { grid-template-columns: 1fr 1fr; gap: 8px; }
  .metric-card { min-height: 96px; }
  .metric-card span { font-size: 9px; }
  .metric-card strong { font-size: 17px; }
  .page-lead > div:last-child .secondary-button { display: none; }
  .wms-flow { grid-template-columns: 1fr 1fr; gap: 8px; }
  .wms-flow > button { min-height: 120px; grid-template-columns: 30px 1fr; padding: 11px; }
  .wms-flow > button > span { width: 30px; height: 30px; }
  .agent-command-form > div { align-items: stretch; flex-direction: column; }
  .agent-command-form > div .primary-button { width: 100%; }
  .taobao-connection-panel { grid-template-columns: 34px minmax(0, 1fr); padding: 12px; }
  .taobao-connection-panel > button { grid-column: 1 / -1; width: 100%; }
  .agent-task-entry { grid-template-columns: 28px minmax(0, 1fr) auto; gap: 8px; padding: 8px 10px; }
  .agent-task-entry.with-selection { grid-template-columns: 18px 28px minmax(0, 1fr) auto; }
  .agent-task-bulkbar { align-items: flex-start; flex-wrap: wrap; }
  .agent-task-bulkbar span { order: 3; width: 100%; flex-basis: 100%; }
  .agent-task-entry > .tag { display: none; }
  .agent-task-actions { flex-direction: column; align-items: stretch; }
  .dingtalk-heading > button { width: 100%; }
  .dingtalk-heading > .tag { margin-left: 0; }
  .dingtalk-footer { align-items: flex-start; flex-direction: column; }
}

.purchase-tabs {
  display: flex;
  gap: 4px;
  overflow-x: auto;
  scrollbar-width: thin;
}

.purchase-tabs button { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
.purchase-tabs svg { width: 15px; height: 15px; }
.live-feature-strip > div { display: flex; align-items: center; gap: 10px; min-width: 0; }
.live-feature-strip small { color: var(--muted); }
.price-chip-list { display: flex; flex-wrap: wrap; gap: 5px; min-width: 180px; }
.price-chip-list span { display: inline-flex; padding: 3px 7px; border: 1px solid #d8e2f0; border-radius: 4px; background: #f6f8fb; color: #34435a; font-size: 11px; }

@media (max-width: 760px) {
  .live-feature-strip > div { align-items: flex-start; flex-direction: column; }
  .purchase-tabs { padding-bottom: 4px; }
}

.managed-hero { display: flex; min-height: 112px; align-items: flex-end; justify-content: space-between; gap: 22px; margin-bottom: 12px; padding: 18px 20px; color: white; background: #17243a; border-left: 4px solid #27c49a; border-radius: 7px; }
.managed-hero > div:first-child { min-width: 0; }
.managed-hero p { margin: 0 0 7px; color: #6de0be; font-size: 8px; font-weight: 800; }
.managed-hero h2 { margin: 0; font-size: 24px; letter-spacing: 0; }
.managed-hero span { display: block; max-width: 700px; margin-top: 8px; color: #b9c6d8; font-size: 9px; line-height: 1.65; }
.managed-hero-actions { display: flex; flex: 0 0 auto; align-items: center; gap: 8px; }
.managed-hero-actions > small { display: inline-flex; align-items: center; gap: 5px; color: #aab8cc; font-size: 8px; }
.managed-hero-actions > small svg { width: 12px; }
.company-cockpit-hero { overflow: hidden; min-height: 138px; background: radial-gradient(circle at 78% 20%, rgba(55,130,255,.25), transparent 30%), linear-gradient(135deg, #142238, #1b3355); border-left-color: #53d4aa; }
.company-kpi-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; margin-bottom: 12px; }
.company-kpi-grid .metric-card { min-height: 106px; padding: 14px; }
.company-kpi-grid .metric-card strong { font-size: 19px; }
.company-health-strip { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); overflow: hidden; margin-bottom: 12px; background: white; border: 1px solid var(--line); border-radius: 7px; }
.company-health-strip > div { display: grid; min-height: 70px; grid-template-columns: 34px minmax(0, 1fr) auto; align-items: center; gap: 9px; padding: 11px 13px; border-right: 1px solid var(--line); }
.company-health-strip > div:last-child { border-right: 0; }
.company-health-strip p { display: flex; min-width: 0; margin: 0; flex-direction: column; }
.company-health-strip p small { color: var(--faint); font-size: 8px; }
.company-health-strip p strong { margin-top: 5px; font-size: 11px; }
.company-cockpit-grid { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(320px, .72fr); gap: 12px; margin-bottom: 12px; }
.company-cockpit-grid.lower { grid-template-columns: minmax(0, 1.1fr) minmax(360px, .9fr); }
.company-operation-panel, .company-status-panel, .company-source-panel { overflow: hidden; }
.company-operation-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.company-operation-grid > button { display: grid; min-height: 88px; grid-template-columns: 38px minmax(0, 1fr) 16px; align-items: center; gap: 10px; padding: 12px 14px; color: var(--ink); background: white; border: 0; border-top: 1px solid #edf0f4; border-right: 1px solid #edf0f4; text-align: left; cursor: pointer; }
.company-operation-grid > button:nth-child(even) { border-right: 0; }
.company-operation-grid > button:hover { background: #f8faff; }
.company-operation-grid > button > span:nth-child(2) { display: flex; min-width: 0; flex-direction: column; }
.company-operation-grid strong { font-size: 10px; }
.company-operation-grid small { margin-top: 5px; color: var(--muted); font-size: 9px; }
.company-operation-grid em { margin-top: 4px; color: var(--faint); font-size: 8px; font-style: normal; }
.company-operation-grid > button > svg { width: 13px; color: var(--faint); }
.operation-unit-icon { display: grid; width: 36px; height: 36px; place-items: center; border-radius: 7px; }
.operation-unit-icon svg { width: 17px; }
.operation-unit-icon.green { color: var(--green); background: var(--green-soft); }
.operation-unit-icon.blue { color: var(--blue); background: var(--blue-soft); }
.operation-unit-icon.orange { color: var(--orange); background: var(--orange-soft); }
.operation-unit-icon.red { color: var(--red); background: var(--red-soft); }
.company-priority-panel { min-height: 100%; }
.company-status-list > div { display: grid; min-height: 48px; grid-template-columns: minmax(120px, .7fr) minmax(120px, 1fr) 38px; align-items: center; gap: 12px; padding: 8px 14px; border-top: 1px solid #edf0f4; }
.company-status-list span { display: flex; flex-direction: column; }
.company-status-list strong { font-size: 9px; }
.company-status-list small { margin-top: 3px; color: var(--faint); font-size: 8px; }
.company-status-list > div > i { overflow: hidden; height: 7px; background: #edf1f6; border-radius: 8px; }
.company-status-list > div > i b { display: block; min-width: 3px; height: 100%; background: linear-gradient(90deg, #246bfd, #46a5ff); border-radius: inherit; }
.company-status-list em { color: var(--muted); font-size: 8px; font-style: normal; text-align: right; }
.company-source-list > div { display: grid; min-height: 58px; grid-template-columns: 34px minmax(0, 1fr) auto; align-items: center; gap: 9px; padding: 9px 14px; border-top: 1px solid #edf0f4; }
.company-source-list p { display: flex; min-width: 0; margin: 0; flex-direction: column; }
.company-source-list strong { overflow: hidden; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.company-source-list small { overflow: hidden; margin-top: 4px; color: var(--faint); font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.managed-level-chip { display: inline-flex !important; width: max-content; min-height: 28px; align-items: center; margin: 0 !important; padding: 0 9px; color: #0c6854 !important; background: #dff8ef; border: 1px solid #b8eadc; border-radius: 5px; font-size: 8px !important; font-weight: 800; white-space: nowrap; }
.danger-button { display: inline-flex; min-height: 36px; align-items: center; justify-content: center; gap: 7px; padding: 0 13px; color: white; background: #d83d4c; border: 1px solid #d83d4c; border-radius: 5px; font-size: 9px; font-weight: 750; }
.danger-button svg { width: 14px; }
.managed-command { display: grid; min-height: 68px; grid-template-columns: 38px minmax(0, 1fr) 36px; align-items: center; gap: 12px; margin-bottom: 12px; padding: 11px 14px; background: white; border: 1px solid var(--line); border-radius: 7px; }
.managed-command > span { display: grid; width: 38px; height: 38px; place-items: center; color: white; background: var(--blue); border-radius: 6px; }
.managed-command > span svg { width: 17px; }
.managed-command > div { display: flex; min-width: 0; flex-direction: column; }
.managed-command small { color: var(--blue); font-size: 7px; font-weight: 800; }
.managed-command strong { overflow: hidden; margin-top: 5px; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.managed-connectors { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin-bottom: 12px; }
.managed-connectors article { display: grid; min-height: 66px; grid-template-columns: 34px minmax(0, 1fr) auto; align-items: center; gap: 9px; padding: 10px 12px; background: white; border: 1px solid var(--line); border-radius: 7px; }
.managed-connectors article > div { display: flex; min-width: 0; flex-direction: column; }
.managed-connectors strong { overflow: hidden; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.managed-connectors small { overflow: hidden; margin-top: 4px; color: var(--faint); font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }
.store-control-panel, .admin-bot-panel { overflow: hidden; margin-bottom: 12px; background: white; border: 1px solid var(--line); border-radius: 7px; }
.store-control-head, .admin-bot-head { display: flex; min-height: 78px; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 16px; border-bottom: 1px solid var(--line); }
.store-control-head > div, .admin-bot-head > div { min-width: 0; flex: 1; }
.store-control-head p, .admin-bot-head p { margin: 0; color: var(--blue); font-size: 8px; font-weight: 800; }
.store-control-head h3, .admin-bot-head h3 { margin: 4px 0 0; font-size: 15px; }
.store-control-head span:not(.tag), .admin-bot-head span:not(.tag) { display: block; margin-top: 4px; color: var(--faint); font-size: 8px; line-height: 1.5; }
.store-platform-tabs { display: flex; gap: 6px; overflow-x: auto; padding: 10px 16px; border-bottom: 1px solid var(--line); scrollbar-width: thin; }
.store-platform-tabs button { display: grid; min-width: 104px; min-height: 38px; grid-template-columns: 16px minmax(0, 1fr) auto; align-items: center; gap: 6px; padding: 0 10px; color: var(--muted); background: #f7f9fc; border: 1px solid #e6ebf2; border-radius: 6px; font-size: 8px; }
.store-platform-tabs button.active { color: var(--blue); background: #edf4ff; border-color: #9fc1ff; }
.store-platform-tabs svg { width: 14px; }
.store-platform-tabs b { display: grid; min-width: 20px; height: 20px; place-items: center; color: inherit; background: white; border-radius: 4px; font-size: 7px; }
.store-control-body { display: grid; grid-template-columns: minmax(240px, .9fr) minmax(220px, .75fr) minmax(330px, 1.35fr); gap: 12px; padding: 14px 16px; }
.store-target-field { display: flex; min-width: 0; flex-direction: column; gap: 6px; }
.store-target-field > span { color: var(--muted); font-size: 8px; font-weight: 700; }
.store-target-field select { width: 100%; min-height: 38px; padding: 0 34px 0 10px; color: var(--ink); background: white; border: 1px solid #dfe5ed; border-radius: 6px; font-size: 9px; }
.store-target-field small { color: var(--faint); font-size: 7px; line-height: 1.5; }
.store-current { display: grid; min-width: 0; grid-template-columns: 36px minmax(0, 1fr); align-items: center; gap: 10px; padding: 10px 12px; background: #f5f9ff; border: 1px solid #dce9ff; border-radius: 6px; }
.store-current > span { display: grid; width: 36px; height: 36px; place-items: center; color: white; background: var(--blue); border-radius: 6px; }
.store-current svg { width: 17px; }
.store-current div { min-width: 0; }
.store-current small, .store-current p { display: block; margin: 0; color: var(--faint); font-size: 7px; }
.store-current strong { display: block; overflow: hidden; margin: 4px 0; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.store-control-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
.store-control-actions button, .admin-bot-commands button { display: flex; min-height: 42px; align-items: center; gap: 8px; padding: 8px 10px; color: var(--ink); background: white; border: 1px solid #dfe5ed; border-radius: 6px; font-size: 8px; font-weight: 700; text-align: left; }
.store-control-actions button:hover, .admin-bot-commands button:hover { color: var(--blue); border-color: #9fc1ff; background: #f7faff; }
.store-control-actions button:disabled { color: var(--faint); background: #f7f8fa; cursor: not-allowed; }
.store-control-actions svg, .admin-bot-commands svg { width: 15px; flex: 0 0 auto; }
.store-connection-list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid var(--line); }
.store-connection-list button { display: grid; min-width: 0; min-height: 58px; grid-template-columns: 28px minmax(0, 1fr) 14px; align-items: center; gap: 8px; padding: 9px 12px; color: var(--ink); background: white; border: 0; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); text-align: left; }
.store-connection-list button:nth-child(4n) { border-right: 0; }
.store-connection-list button.active { background: #edf4ff; box-shadow: inset 3px 0 var(--blue); }
.store-connection-list button > span:nth-child(2) { min-width: 0; }
.store-connection-list strong, .store-connection-list small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.store-connection-list strong { font-size: 8px; }
.store-connection-list small { margin-top: 4px; color: var(--faint); font-size: 7px; }
.store-connection-list svg { width: 13px; color: var(--faint); }
.store-platform-mark { display: grid; width: 28px; height: 28px; place-items: center; color: white; background: #2c75dc; border-radius: 5px; font-size: 9px; font-weight: 800; }
.store-control-empty { display: flex; min-height: 64px; align-items: center; gap: 10px; padding: 12px 16px; color: var(--faint); border-top: 1px solid var(--line); }
.store-control-empty svg { width: 18px; }
.store-control-empty span { display: flex; flex-direction: column; gap: 4px; }
.store-control-empty strong { color: var(--ink); font-size: 9px; }
.store-control-empty small { font-size: 8px; }
.store-ops-hub { overflow: hidden; margin-bottom: 12px; background: white; border: 1px solid var(--line); border-radius: 7px; }
.store-ops-hub-head { display: flex; min-height: 76px; align-items: center; justify-content: space-between; gap: 18px; padding: 14px 16px; border-bottom: 1px solid var(--line); }
.store-ops-hub-head > div { min-width: 0; }
.store-ops-hub-head p { margin: 0; color: var(--blue); font-size: 8px; font-weight: 800; }
.store-ops-hub-head h3 { margin: 4px 0 0; font-size: 15px; }
.store-ops-hub-head span { display: block; margin-top: 4px; color: var(--faint); font-size: 8px; line-height: 1.5; }
.store-ops-hub-head > b { display: grid; min-width: 54px; height: 30px; place-items: center; color: var(--blue); background: #edf4ff; border-radius: 5px; font-size: 8px; }
.store-ops-section-tabs { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); border-bottom: 1px solid var(--line); }
.store-ops-section-tabs button { display: flex; min-width: 0; min-height: 48px; align-items: center; gap: 7px; padding: 8px 10px; color: var(--muted); background: white; border: 0; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); font-size: 8px; font-weight: 700; text-align: left; }
.store-ops-section-tabs button:nth-child(5n) { border-right: 0; }
.store-ops-section-tabs button.active { color: var(--blue); background: #edf4ff; box-shadow: inset 0 -3px var(--blue); }
.store-ops-section-tabs svg { width: 15px; flex: 0 0 auto; }
.store-ops-section-tabs span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.store-ops-section-detail { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(310px, .8fr); }
.store-ops-capability-list { min-width: 0; padding: 16px; border-right: 1px solid var(--line); }
.store-ops-section-title { display: grid; grid-template-columns: 40px minmax(0, 1fr); align-items: center; gap: 11px; margin-bottom: 14px; }
.store-ops-section-title > span { display: grid; width: 40px; height: 40px; place-items: center; color: white; background: var(--blue); border-radius: 6px; }
.store-ops-section-title svg { width: 18px; }
.store-ops-section-title small { color: var(--blue); font-size: 7px; font-weight: 800; }
.store-ops-section-title h3 { margin: 3px 0; font-size: 14px; }
.store-ops-section-title p { margin: 0; color: var(--faint); font-size: 8px; line-height: 1.5; }
.store-ops-capability-list > h4 { margin: 0; padding-bottom: 8px; color: var(--muted); border-bottom: 1px solid var(--line); font-size: 8px; }
.store-ops-capability-list > div:not(.store-ops-section-title) { display: grid; min-height: 38px; grid-template-columns: 26px 16px minmax(0, 1fr); align-items: center; gap: 7px; border-bottom: 1px solid #edf0f4; }
.store-ops-capability-list > div > b { color: var(--faint); font-size: 7px; }
.store-ops-capability-list > div > svg { width: 14px; color: #15936f; }
.store-ops-capability-list > div > span { font-size: 8px; line-height: 1.5; }
.store-ops-execution { display: grid; align-content: start; gap: 12px; padding: 16px; background: #fafbfd; }
.store-ops-execution > div:first-child { display: flex; flex-direction: column; gap: 4px; padding-bottom: 10px; border-bottom: 1px solid var(--line); }
.store-ops-execution small { color: var(--faint); font-size: 7px; }
.store-ops-execution > div:first-child strong { font-size: 10px; }
.store-ops-execution > div:first-child span { color: var(--muted); font-size: 8px; }
.store-ops-execution ul { display: flex; flex-wrap: wrap; gap: 5px; margin: 6px 0 0; padding: 0; list-style: none; }
.store-ops-execution li { padding: 4px 6px; color: #34506f; background: #edf4ff; border-radius: 4px; font-size: 7px; }
.store-ops-boundary { display: grid; grid-template-columns: 28px minmax(0, 1fr); align-items: center; gap: 8px; padding: 9px; color: #13634f; background: #eaf8f3; border: 1px solid #c8ecdf; border-radius: 6px; }
.store-ops-boundary.risk { color: #9b5a08; background: #fff6e8; border-color: #f5d8a7; }
.store-ops-boundary > svg { width: 17px; justify-self: center; }
.store-ops-boundary span { display: flex; flex-direction: column; gap: 3px; }
.store-ops-boundary strong { font-size: 8px; line-height: 1.55; }
.store-ops-actions { display: grid; gap: 7px; }
.store-ops-actions button { display: grid; min-height: 38px; grid-template-columns: 18px minmax(0, 1fr) 14px; align-items: center; gap: 8px; padding: 8px 10px; color: var(--ink); background: white; border: 1px solid #dfe5ed; border-radius: 5px; font-size: 8px; font-weight: 700; text-align: left; }
.store-ops-actions button:hover { color: var(--blue); border-color: #9fc1ff; background: #f7faff; }
.store-ops-actions button.active { color: var(--blue); background: #edf4ff; border-color: #8fb5fb; box-shadow: inset 3px 0 var(--blue); }
.store-ops-actions button:disabled { color: var(--faint); background: #f4f6f8; cursor: not-allowed; }
.store-ops-actions svg { width: 14px; }

/* Store operations: keep the functional center first and reduce repeated explanatory blocks. */
.store-ops-hub-compact .store-ops-hub-head { min-height: 64px; }
.store-ops-hub-compact .store-ops-section-tabs button { min-height: 42px; }
.store-ops-compact-detail { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr); }
.store-ops-compact-main { min-width: 0; padding: 14px 16px; border-right: 1px solid var(--line); }
.store-ops-compact-main .store-ops-section-title { margin-bottom: 12px; }
.store-ops-compact-main .store-ops-actions { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.store-ops-send-bar { display: grid; grid-template-columns: minmax(130px, .75fr) minmax(220px, 1fr) auto; align-items: end; gap: 12px; margin-top: 10px; padding: 10px 12px; background: #f6f9ff; border: 1px solid #d9e5fb; border-radius: 6px; }
.store-ops-send-bar > span { display: grid; gap: 3px; min-width: 0; }
.store-ops-send-bar small { color: var(--faint); font-size: 7px; }
.store-ops-send-bar strong { overflow: hidden; color: var(--ink); font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.store-ops-send-target { display: grid; gap: 5px; min-width: 0; }
.store-ops-send-target select { width: 100%; min-width: 0; height: 36px; padding: 0 30px 0 9px; color: var(--ink); background: white; border: 1px solid #cfd9ea; border-radius: 5px; font-size: 8px; outline: 0; }
.store-ops-send-target select:focus { border-color: #7fa9f8; box-shadow: 0 0 0 3px rgb(36 107 253 / 10%); }
.store-ops-send-bar .primary-button { min-width: 108px; min-height: 36px; flex: 0 0 auto; }
.store-ops-compact-meta { display: grid; align-content: start; gap: 10px; padding: 14px 16px; background: #fafbfd; }
.store-ops-compact-meta > div:not(.store-ops-boundary) { display: grid; gap: 4px; }
.store-ops-compact-meta small { color: var(--faint); font-size: 7px; }
.store-ops-compact-meta strong { font-size: 9px; }
.store-ops-compact-meta span { color: var(--muted); font-size: 8px; }
.store-ops-compact-meta ul { display: flex; flex-wrap: wrap; gap: 5px; margin: 1px 0 0; padding: 0; list-style: none; }
.store-ops-compact-meta li { padding: 4px 6px; color: #34506f; background: #edf4ff; border-radius: 4px; font-size: 7px; }
.store-control-panel-compact .store-control-head { min-height: 62px; }
.store-control-panel-compact .store-platform-tabs { padding-block: 8px; }
.store-control-panel-compact .store-control-body { padding-block: 11px; }
.store-control-panel-compact .store-control-actions button { min-height: 38px; }
.store-control-panel-compact + .store-task-console { margin-top: 0; }
.store-task-console-head { min-height: 64px; }
.store-task-picker { max-height: 190px; }
.store-task-result > div { min-height: 260px; }
.admin-bot-head .dingtalk-mark { flex: 0 0 auto; margin: 0; }
.admin-bot-capabilities { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.admin-bot-capabilities article { display: grid; min-height: 64px; grid-template-columns: 28px minmax(0, 1fr) auto; align-items: center; gap: 8px; padding: 10px 12px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.admin-bot-capabilities article:last-child { border-right: 0; }
.admin-bot-capabilities svg { width: 16px; color: #1683ff; }
.admin-bot-capabilities span { min-width: 0; }
.admin-bot-capabilities strong, .admin-bot-capabilities small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.admin-bot-capabilities strong { font-size: 8px; }
.admin-bot-capabilities small { margin-top: 4px; color: var(--faint); font-size: 7px; }
.admin-bot-commands { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; padding: 12px 16px; }
.permission-console { display: grid; grid-template-columns: 250px minmax(0,1fr); gap: 12px; align-items: start; }
.permission-subject-panel, .permission-module-grid { background: white; border: 1px solid var(--line); border-radius: 7px; }
.permission-subject-panel { position: sticky; top: 88px; padding: 14px; }
.permission-type-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; margin-bottom: 14px; padding: 3px; background: #eef2f6; border-radius: 6px; }
.permission-type-tabs button { display: flex; min-height: 34px; align-items: center; justify-content: center; gap: 6px; color: var(--muted); background: transparent; border: 0; border-radius: 4px; font-size: 8px; font-weight: 750; }
.permission-type-tabs button.active { color: var(--blue); background: white; box-shadow: 0 1px 5px rgba(31,56,86,.1); }
.permission-type-tabs svg { width: 14px; }
.permission-subject-panel > label { display: flex; flex-direction: column; gap: 6px; color: var(--muted); font-size: 8px; font-weight: 750; }
.permission-subject-panel select { width: 100%; min-height: 38px; padding: 0 9px; color: var(--ink); background: white; border: 1px solid #d8dfe8; border-radius: 5px; font-size: 9px; }
.permission-summary { display: grid; grid-template-columns: 34px minmax(0,1fr); align-items: center; gap: 9px; margin-top: 14px; padding: 11px; background: #eff8f5; border: 1px solid #d3ebe2; border-radius: 6px; }
.permission-summary > span { display: grid; width: 34px; height: 34px; place-items: center; color: var(--green); background: white; border-radius: 5px; }
.permission-summary svg { width: 16px; }
.permission-summary strong, .permission-summary small { display: block; }
.permission-summary strong { font-size: 9px; }
.permission-summary small { margin-top: 4px; color: var(--muted); font-size: 7px; line-height: 1.5; }
.permission-bulk { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; margin-top: 12px; }
.permission-bulk button { min-height: 32px; color: var(--blue); background: #f6f9fd; border: 1px solid #dce5f0; border-radius: 5px; font-size: 8px; font-weight: 750; }
.permission-module-grid { overflow: hidden; }
.permission-module-grid > section { padding: 14px 16px; border-bottom: 1px solid var(--line); }
.permission-module-grid > section:last-child { border-bottom: 0; }
.permission-module-grid h3 { margin: 0 0 10px; color: var(--muted); font-size: 9px; }
.permission-module-grid > section > div { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; }
.permission-module { display: block; }
.permission-module > input { position: absolute; opacity: 0; pointer-events: none; }
.permission-module > span { display: grid; min-height: 64px; grid-template-columns: 28px minmax(0,1fr); align-items: center; column-gap: 9px; padding: 9px 10px; background: #f8fafc; border: 1px solid #e1e6ed; border-radius: 6px; cursor: pointer; }
.permission-module > span svg { grid-row: 1/3; width: 16px; color: var(--faint); }
.permission-module b { font-size: 8px; }
.permission-module small { color: var(--faint); font-size: 7px; }
.permission-module input:checked + span { background: #edf4ff; border-color: #aac8ff; box-shadow: inset 3px 0 var(--blue); }
.permission-module input:checked + span svg { color: var(--blue); }
.permission-module.required > span { cursor: default; }
.access-overview { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; margin-bottom: 12px; }
.access-overview article { display: flex; min-height: 78px; align-items: center; gap: 11px; padding: 12px 14px; background: white; border: 1px solid var(--line); border-radius: 7px; }
.access-overview article > span { display: grid; width: 34px; height: 34px; place-items: center; color: var(--blue); background: #edf4ff; border-radius: 6px; }
.access-overview svg { width: 17px; }
.access-overview div { display: grid; gap: 3px; }
.access-overview small { color: var(--muted); font-size: 8px; }
.access-overview strong { font-size: 18px; letter-spacing: 0; }
.access-console { display: grid; grid-template-columns: 250px minmax(0,1fr); gap: 12px; align-items: start; }
.access-console > aside, .access-editor { background: white; border: 1px solid var(--line); border-radius: 7px; }
.access-console > aside { position: sticky; top: 88px; padding: 14px; }
.access-subject { display: grid; gap: 6px; margin-top: 12px; color: var(--muted); font-size: 8px; font-weight: 750; }
.access-subject select { width: 100%; min-height: 38px; padding: 0 9px; color: var(--ink); background: white; border: 1px solid #d8dfe8; border-radius: 5px; font-size: 9px; }
.access-rule-status { display: flex; gap: 9px; margin: 12px 0; padding: 10px; background: #f7f9fc; border: 1px solid #e4e9ef; border-radius: 6px; }
.access-rule-status > svg { width: 15px; color: var(--blue); }
.access-rule-status span { display: grid; min-width: 0; gap: 3px; }
.access-rule-status b { font-size: 8px; }
.access-rule-status small { color: var(--faint); font-size: 7px; line-height: 1.5; }
.access-console .permission-bulk { grid-template-columns: 1fr; }
.access-tabs { display: flex; min-height: 48px; align-items: end; gap: 20px; padding: 0 18px; border-bottom: 1px solid var(--line); }
.access-tabs button { height: 42px; padding: 0 2px; color: var(--muted); background: transparent; border: 0; border-bottom: 2px solid transparent; font-size: 9px; font-weight: 750; }
.access-tabs button.active { color: var(--blue); border-bottom-color: var(--blue); }
.access-pane { display: none; padding: 16px 18px 18px; }
.access-pane.active { display: block; }
.access-pane-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
.access-pane-head h3 { margin: 0 0 3px; font-size: 13px; }
.access-pane-head p { margin: 0; color: var(--muted); font-size: 8px; }
.access-pane-head > button { min-height: 32px; padding: 0 10px; color: #b42318; background: #fff5f4; border: 1px solid #ffd5d2; border-radius: 5px; font-size: 8px; }
.scope-option-groups { display: grid; gap: 16px; }
.scope-option-groups > section h4, .access-module-groups h4 { margin: 0 0 8px; color: var(--muted); font-size: 8px; }
.scope-option-groups > section > div, .capability-options { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
.access-option { display: grid; min-height: 58px; grid-template-columns: 18px minmax(0,1fr); align-items: center; gap: 8px; padding: 9px 10px; background: #f8fafc; border: 1px solid #e1e6ed; border-radius: 6px; cursor: pointer; }
.access-option:has(input:checked) { background: #edf8f3; border-color: #9fd8c3; box-shadow: inset 3px 0 #159a6c; }
.access-option input { accent-color: #159a6c; }
.access-option span { display: grid; gap: 3px; }
.access-option b { font-size: 8px; }
.access-option small { color: var(--faint); font-size: 7px; line-height: 1.45; }
.access-option.capability:has(input:checked) { background: #edf4ff; border-color: #aac8ff; box-shadow: inset 3px 0 var(--blue); }
.access-module-groups { display: grid; gap: 16px; }
.access-module-groups section > div { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 7px; }
.access-module { display: block; }
.access-module input { position: absolute; opacity: 0; pointer-events: none; }
.access-module span { display: flex; min-height: 38px; align-items: center; gap: 8px; padding: 0 9px; color: var(--muted); background: #f8fafc; border: 1px solid #e1e6ed; border-radius: 5px; font-size: 8px; cursor: pointer; }
.access-module svg { width: 14px; }
.access-module input:checked + span { color: var(--blue); background: #edf4ff; border-color: #aac8ff; }
.employee-account-summary { display: grid; grid-template-columns: 38px minmax(0,1fr); align-items: center; gap: 10px; margin-bottom: 16px; padding: 12px; background: #eff8f5; border: 1px solid #d2e9e1; border-radius: 6px; }
.employee-account-summary > span { display: grid; width: 38px; height: 38px; place-items: center; color: var(--green); background: white; border-radius: 6px; }
.employee-account-summary svg { width: 18px; }
.employee-account-summary strong, .employee-account-summary small { display: block; }
.employee-account-summary strong { font-size: 10px; }
.employee-account-summary small { margin-top: 4px; color: var(--muted); font-size: 8px; }
.employee-access-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.employee-access-fields label { display: flex; flex-direction: column; gap: 6px; color: var(--muted); font-size: 8px; font-weight: 750; }
.employee-access-fields select, .employee-access-fields input { width: 100%; min-height: 38px; padding: 0 9px; color: var(--ink); background: white; border: 1px solid #d7dfe8; border-radius: 5px; font-size: 9px; }
.employee-module-authority { margin-top: 18px; }
.employee-module-authority > div:first-child h3 { margin: 0; font-size: 11px; }
.employee-module-authority > div:first-child p { margin: 5px 0 12px; color: var(--muted); font-size: 8px; }
.employee-module-authority > section { padding: 10px 0; border-top: 1px solid var(--line); }
.employee-module-authority h4 { margin: 0 0 8px; color: var(--muted); font-size: 8px; }
.employee-module-authority section > div { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 6px; }
.employee-module-authority label { display: flex; align-items: center; gap: 7px; padding: 7px 8px; background: #f7f9fb; border-radius: 5px; font-size: 8px; }
.employee-module-authority input { accent-color: var(--blue); }
.employee-module-authority label span { display: flex; align-items: center; gap: 6px; }
.employee-module-authority svg { width: 13px; color: var(--blue); }
.managed-stage-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; margin-bottom: 12px; }
.managed-stage-grid article { position: relative; min-height: 142px; padding: 14px; background: white; border: 1px solid var(--line); border-radius: 7px; }
.managed-stage-grid article > b { position: absolute; top: 12px; right: 12px; color: #c3ccd9; font-size: 8px; }
.managed-stage-grid article > span { display: grid; width: 34px; height: 34px; place-items: center; margin-bottom: 16px; color: var(--blue); background: var(--blue-soft); border-radius: 6px; }
.managed-stage-grid article > span svg { width: 16px; }
.managed-stage-grid strong, .managed-stage-grid small { display: block; }
.managed-stage-grid strong { font-size: 10px; }
.managed-stage-grid small { margin-top: 7px; color: var(--muted); font-size: 8px; line-height: 1.6; }
.managed-two-column { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(260px, .8fr); gap: 12px; margin-bottom: 12px; }
.service-analysis-filter { display: grid; grid-template-columns: repeat(4, minmax(130px,1fr)) auto; align-items: end; gap: 10px; margin-bottom: 10px; padding: 14px 16px; background: white; border: 1px solid var(--line); border-radius: 7px; }
.service-analysis-filter label { display: flex; min-width: 0; flex-direction: column; gap: 6px; color: var(--muted); font-size: 8px; font-weight: 750; }
.service-analysis-filter select, .service-analysis-filter input { width: 100%; height: 38px; padding: 0 30px 0 10px; color: var(--ink); background: #f8fafc; border: 1px solid #d9e0e9; border-radius: 5px; outline: 0; font-size: 9px; }
.service-analysis-filter input { padding-right: 10px; }
.service-analysis-filter select:focus, .service-analysis-filter input:focus { border-color: #7fa8ff; box-shadow: 0 0 0 3px rgba(36,107,253,.1); }
.service-analysis-filter .primary-button { min-height: 38px; }
.service-source-status { display: grid; min-height: 62px; grid-template-columns: 34px minmax(0,1fr) auto; align-items: center; gap: 11px; margin-bottom: 10px; padding: 10px 14px; background: white; border: 1px solid var(--line); border-left: 3px solid var(--orange); border-radius: 7px; }
.service-source-status.connected { border-left-color: var(--green); }
.service-source-status > span { display: grid; width: 32px; height: 32px; place-items: center; color: #a56b08; background: #fff5df; border-radius: 6px; }
.service-source-status.connected > span { color: var(--green); background: #e7f7f1; }
.service-source-status svg { width: 16px; }
.service-source-status > div { display: flex; min-width: 0; flex-direction: column; }
.service-source-status strong { font-size: 9px; }
.service-source-status small { overflow: hidden; margin-top: 4px; color: var(--muted); font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.service-source-status > b { color: #a56b08; font-size: 8px; }
.service-source-status.connected > b { color: var(--green); }
.service-analysis-metrics { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 8px; margin-bottom: 10px; }
.service-analysis-metrics article { min-height: 92px; padding: 13px 14px; background: white; border: 1px solid var(--line); border-top: 3px solid #4d84ff; border-radius: 7px; }
.service-analysis-metrics article.risk { border-top-color: #d9485b; }
.service-analysis-metrics span, .service-analysis-metrics strong, .service-analysis-metrics small { display: block; }
.service-analysis-metrics span { color: var(--muted); font-size: 8px; }
.service-analysis-metrics strong { margin-top: 8px; font-size: 18px; line-height: 1; }
.service-analysis-metrics small { margin-top: 8px; color: var(--faint); font-size: 7px; line-height: 1.4; }
.service-analysis-grid { display: grid; grid-template-columns: minmax(280px,.8fr) minmax(460px,1.4fr); gap: 10px; margin-bottom: 10px; }
.service-topic-panel, .service-staff-panel, .service-risk-panel, .service-recommendation-panel { overflow: hidden; background: white; border: 1px solid var(--line); border-radius: 7px; }
.service-topic-panel > .list-title, .service-staff-panel > .list-title, .service-risk-panel > .list-title, .service-recommendation-panel > .list-title { border-bottom: 1px solid #edf0f4; }
.service-topic-row { display: grid; min-height: 48px; grid-template-columns: minmax(110px,.75fr) minmax(90px,1fr) 42px; align-items: center; gap: 10px; padding: 7px 14px; border-bottom: 1px solid #f0f2f5; }
.service-topic-row > span { display: flex; min-width: 0; flex-direction: column; }
.service-topic-row b { overflow: hidden; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.service-topic-row small { margin-top: 3px; color: var(--faint); font-size: 7px; }
.service-topic-row > div { overflow: hidden; height: 6px; background: #edf2f8; border-radius: 3px; }
.service-topic-row > div i { display: block; height: 100%; background: #3978ff; border-radius: inherit; }
.service-topic-row > strong { color: var(--muted); font-size: 8px; text-align: right; }
.service-staff-table { overflow-x: auto; }
.service-staff-table table { width: 100%; border-collapse: collapse; }
.service-staff-table th, .service-staff-table td { height: 47px; padding: 0 12px; border-bottom: 1px solid #edf0f4; font-size: 8px; text-align: left; white-space: nowrap; }
.service-staff-table th { height: 38px; color: var(--muted); background: #f8fafc; font-weight: 700; }
.service-staff-table td { color: #4d596c; }
.service-staff-table td strong { color: var(--ink); }
.service-analysis-empty { display: grid; min-height: 235px; place-items: center; align-content: center; gap: 7px; padding: 24px; color: var(--muted); text-align: center; }
.service-analysis-empty.compact { min-height: 160px; }
.service-analysis-empty svg { width: 24px; color: #9aabc1; }
.service-analysis-empty strong { color: var(--ink); font-size: 9px; }
.service-analysis-empty small { max-width: 360px; font-size: 8px; line-height: 1.6; }
.service-risk-panel > article { display: grid; min-height: 68px; grid-template-columns: auto minmax(0,1fr) 34px; align-items: center; gap: 12px; padding: 10px 14px; border-bottom: 1px solid #edf0f4; }
.service-risk-level { padding: 4px 7px; color: #b52f40; background: #fff0f2; border-radius: 10px; font-size: 7px; font-weight: 750; }
.service-risk-panel article > div { display: flex; min-width: 0; flex-direction: column; }
.service-risk-panel article strong { font-size: 9px; }
.service-risk-panel article p { overflow: hidden; margin: 5px 0 0; color: var(--muted); font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.service-risk-panel article small { margin-top: 5px; color: var(--faint); font-size: 7px; }
.service-recommendation-panel { margin-top: 10px; }
.service-recommendation-panel > div:last-child { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.service-recommendation-panel article { display: grid; grid-template-columns: 26px minmax(0, 1fr); gap: 10px; padding: 13px 14px; border-right: 1px solid #edf0f4; border-bottom: 1px solid #edf0f4; }
.service-recommendation-panel article > b { color: var(--orange); font-size: 8px; }
.service-recommendation-panel article strong, .service-recommendation-panel article small { display: block; }
.service-recommendation-panel article strong { font-size: 9px; }
.service-recommendation-panel article p { margin: 5px 0; color: var(--muted); font-size: 8px; line-height: 1.55; }
.service-recommendation-panel article small { color: var(--faint); font-size: 7px; }
.managed-readiness, .managed-links { overflow: hidden; background: white; border: 1px solid var(--line); border-radius: 7px; }
.managed-readiness > div:not(.list-title) { display: grid; min-height: 61px; grid-template-columns: 24px minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 9px 16px; border-top: 1px solid #edf0f4; }
.managed-readiness > div > svg { width: 17px; }
.managed-readiness > div > svg.ready { color: var(--green); }
.managed-readiness > div > svg.pending { color: var(--orange); }
.managed-readiness > div > span { display: flex; min-width: 0; flex-direction: column; }
.managed-readiness strong, .managed-links strong { font-size: 9px; }
.managed-readiness small { margin-top: 4px; color: var(--faint); font-size: 8px; }
.managed-links > button { display: flex; width: 100%; min-height: 48px; align-items: center; justify-content: space-between; padding: 0 16px; color: var(--ink); background: white; border: 0; border-top: 1px solid #edf0f4; font-size: 9px; font-weight: 700; }
.managed-links > button:hover { color: var(--blue); background: #f7f9fd; }
.managed-links > button svg { width: 14px; }
.managed-levels { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin-bottom: 12px; }
.managed-levels > div { display: grid; min-height: 76px; grid-template-columns: 34px minmax(0, 1fr); align-items: center; gap: 10px; padding: 11px 13px; background: white; border: 1px solid var(--line); border-radius: 7px; }
.managed-levels > div > b { display: grid; width: 34px; height: 34px; place-items: center; color: var(--blue); background: var(--blue-soft); border-radius: 5px; font-size: 9px; }
.managed-levels span { display: flex; min-width: 0; flex-direction: column; }
.managed-levels strong { font-size: 9px; }
.managed-levels small { margin-top: 4px; color: var(--faint); font-size: 7px; line-height: 1.5; }
.managed-stop-banner { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; padding: 13px 16px; color: #ad2937; background: #fff2f3; border: 1px solid #f4c4ca; border-radius: 7px; }
.managed-stop-banner > svg { width: 20px; }
.managed-stop-banner > div { display: flex; flex-direction: column; }
.managed-stop-banner strong { font-size: 9px; }
.managed-stop-banner small { margin-top: 4px; color: #bd5965; font-size: 8px; }
.managed-preview-notice { display: flex; align-items: center; gap: 11px; margin-bottom: 12px; padding: 12px 15px; color: #805b12; background: #fff8e8; border: 1px solid #f0d99c; border-radius: 7px; }
.managed-preview-notice > svg { width: 19px; }
.managed-preview-notice > div { display: flex; min-width: 0; flex-direction: column; }
.managed-preview-notice strong { font-size: 9px; }
.managed-preview-notice small { overflow: hidden; margin-top: 4px; color: #9a752d; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.managed-policy-table { overflow: hidden; margin-bottom: 12px; background: white; border: 1px solid var(--line); border-radius: 7px; }
.managed-policy-head { display: flex; min-height: 66px; align-items: center; justify-content: space-between; gap: 14px; padding: 12px 16px; }
.managed-policy-head h3 { margin: 0; font-size: 11px; }
.managed-policy-head p { margin: 5px 0 0; color: var(--muted); font-size: 8px; }
.managed-policy-table > article { display: grid; min-height: 82px; grid-template-columns: minmax(220px, 1.2fr) 150px minmax(180px, 1fr) 54px; align-items: center; gap: 12px; padding: 12px 16px; border-top: 1px solid #edf0f4; }
.managed-policy-name { display: grid; grid-template-columns: 34px minmax(0, 1fr); align-items: center; gap: 10px; }
.managed-policy-name > span:last-child { display: flex; min-width: 0; flex-direction: column; }
.managed-policy-name strong { font-size: 9px; }
.managed-policy-name small { margin-top: 5px; color: var(--faint); font-size: 7px; }
.managed-policy-table label { display: flex; min-width: 0; flex-direction: column; gap: 5px; color: var(--muted); font-size: 7px; font-weight: 700; }
.managed-policy-table select, .managed-policy-table input[type="number"] { width: 100%; min-height: 34px; padding: 0 8px; color: var(--ink); background: white; border: 1px solid #d8dee7; border-radius: 5px; font-size: 8px; }
.managed-thresholds { display: flex; min-width: 0; align-items: flex-end; gap: 6px; }
.managed-thresholds label { flex: 1; }
.managed-thresholds > small { color: var(--faint); font-size: 8px; }
.managed-enabled { align-items: center; justify-content: center; }
.managed-enabled input { width: 16px; height: 16px; accent-color: var(--blue); }
.managed-policy-strip { display: flex; overflow-x: auto; gap: 7px; margin-bottom: 12px; padding-bottom: 2px; scrollbar-width: thin; }
.managed-policy-strip > button { display: grid; min-width: 220px; min-height: 62px; grid-template-columns: auto minmax(0, 1fr) 16px; align-items: center; gap: 9px; padding: 9px 11px; color: var(--ink); background: white; border: 1px solid var(--line); border-radius: 7px; text-align: left; }
.managed-policy-strip > button > div { display: flex; min-width: 0; flex-direction: column; }
.managed-policy-strip strong { overflow: hidden; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.managed-policy-strip small { margin-top: 4px; color: var(--faint); font-size: 7px; }
.managed-policy-strip svg { width: 13px; color: var(--faint); }
.managed-governance-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-bottom: 12px; }
.managed-governance-grid article { display: grid; min-height: 72px; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 11px 13px; background: white; border: 1px solid var(--line); border-radius: 7px; }
.managed-governance-grid article > div { display: flex; min-width: 0; flex-direction: column; }
.managed-governance-grid strong { font-size: 9px; }
.managed-governance-grid small { overflow: hidden; margin-top: 4px; color: var(--faint); font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }

@media (max-width: 1100px) {
  .company-kpi-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .company-health-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .company-health-strip > div:nth-child(2) { border-right: 0; }
  .company-health-strip > div:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .company-cockpit-grid, .company-cockpit-grid.lower { grid-template-columns: 1fr; }
  .service-analysis-metrics { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .service-analysis-grid { grid-template-columns: 1fr; }
  .service-recommendation-panel > div:last-child { grid-template-columns: 1fr; }
  .managed-connectors, .managed-levels { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .managed-stage-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .managed-policy-table > article { grid-template-columns: minmax(200px, 1fr) 140px minmax(180px, 1fr); }
  .managed-enabled { grid-column: 3; align-items: flex-end; }
  .permission-module-grid > section > div { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .access-overview { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .access-module-groups section > div { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 760px) {
  .company-kpi-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .company-health-strip { grid-template-columns: 1fr; }
  .company-health-strip > div, .company-health-strip > div:nth-child(2) { border-right: 0; border-bottom: 1px solid var(--line); }
  .company-health-strip > div:last-child { border-bottom: 0; }
  .company-operation-grid { grid-template-columns: 1fr; }
  .company-operation-grid > button { border-right: 0; }
  .service-analysis-filter { grid-template-columns: 1fr 1fr; }
  .service-analysis-filter .primary-button { width: 100%; }
  .service-analysis-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .managed-hero { min-height: 0; align-items: flex-start; flex-direction: column; padding: 16px; }
  .managed-hero h2 { font-size: 20px; }
  .managed-hero-actions { width: 100%; flex-wrap: wrap; }
  .managed-hero-actions .primary-button, .managed-hero-actions .danger-button { flex: 1; }
  .managed-command strong { white-space: normal; }
  .managed-connectors, .managed-levels, .managed-two-column { grid-template-columns: 1fr; }
  .store-control-body { grid-template-columns: 1fr 1fr; }
  .store-control-actions { grid-column: 1 / -1; }
  .store-connection-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .store-connection-list button:nth-child(4n) { border-right: 1px solid var(--line); }
  .store-connection-list button:nth-child(2n) { border-right: 0; }
  .store-ops-section-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .store-ops-section-tabs button:nth-child(5n) { border-right: 1px solid var(--line); }
  .store-ops-section-tabs button:nth-child(2n) { border-right: 0; }
  .store-ops-section-detail { grid-template-columns: 1fr; }
  .store-ops-capability-list { border-right: 0; border-bottom: 1px solid var(--line); }
  .admin-bot-capabilities { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .admin-bot-capabilities article:nth-child(2n) { border-right: 0; }
  .managed-stage-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .managed-policy-head { align-items: flex-start; flex-direction: column; }
  .managed-policy-head button { width: 100%; }
  .managed-policy-table > article { grid-template-columns: 1fr; align-items: stretch; }
  .managed-enabled { grid-column: auto; align-items: flex-start; }
  .managed-thresholds { flex-wrap: wrap; }
  .managed-governance-grid { grid-template-columns: 1fr; }
  .permission-console { grid-template-columns: 1fr; }
  .permission-subject-panel { position: static; }
  .access-console { grid-template-columns: 1fr; }
  .access-console > aside { position: static; }
  .scope-option-groups > section > div, .capability-options { grid-template-columns: 1fr; }
  .employee-access-fields { grid-template-columns: 1fr; }
}

@media (max-width: 420px) {
  .service-analysis-filter, .service-analysis-metrics { grid-template-columns: 1fr; }
  .managed-connectors { grid-template-columns: 1fr; }
  .store-control-head, .admin-bot-head { align-items: flex-start; flex-wrap: wrap; }
  .store-control-body, .store-control-actions, .admin-bot-commands { grid-template-columns: 1fr; }
  .store-control-actions { grid-column: auto; }
  .store-connection-list { grid-template-columns: 1fr; }
  .store-connection-list button { border-right: 0; }
  .store-ops-hub-head { align-items: flex-start; }
  .store-ops-section-tabs { grid-template-columns: 1fr; }
  .store-ops-section-tabs button { border-right: 0; }
  .managed-stage-grid { grid-template-columns: 1fr 1fr; }
  .managed-stage-grid article { min-height: 132px; padding: 12px; }
}

.assistant-result { display: grid; gap: 10px; min-width: 0; }
.assistant-result > header { display: grid; gap: 2px; }
.assistant-result > header span { color: var(--primary); font-size: 10px; font-weight: 800; }
.assistant-result > header strong { color: var(--ink); font-size: 14px; line-height: 1.45; }
.assistant-result-headline { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.7; }
.assistant-result-metrics { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
.assistant-result-metrics > div { min-width: 0; padding: 8px; border: 1px solid #e1e7ef; border-radius: 5px; background: #f8fafc; }
.assistant-result-metrics small { display: block; color: var(--faint); font-size: 9px; }
.assistant-result-metrics strong { display: block; margin-top: 3px; color: var(--ink); font-size: 12px; overflow-wrap: anywhere; }
.assistant-result-status { display: flex; flex-wrap: wrap; gap: 5px; align-items: center; }
.assistant-result-status > span { color: var(--faint); font-size: 9px; }
.assistant-result-status b { padding: 4px 6px; border-radius: 4px; color: #334155; background: #eef2f7; font-size: 9px; font-weight: 700; }
.assistant-result-table { min-width: 0; overflow: hidden; border: 1px solid #dfe6ee; border-radius: 6px; background: white; }
.assistant-result-table > div:first-child { display: flex; justify-content: space-between; gap: 8px; padding: 8px 9px; border-bottom: 1px solid #e5eaf0; }
.assistant-result-table > div:first-child strong { color: var(--ink); font-size: 10px; }
.assistant-result-table > div:first-child small { color: var(--faint); font-size: 8px; }
.assistant-result-table-scroll { max-width: 100%; overflow-x: auto; }
.assistant-result-table table { width: 100%; min-width: 460px; border-collapse: collapse; font-size: 9px; }
.assistant-result-table th, .assistant-result-table td { padding: 7px 8px; border-bottom: 1px solid #eef2f6; text-align: left; white-space: nowrap; }
.assistant-result-table th { color: var(--faint); background: #f8fafc; font-weight: 700; }
.assistant-result-analysis { border-top: 1px solid #e5eaf0; padding-top: 7px; }
.assistant-result-analysis summary { color: var(--primary); cursor: pointer; font-size: 10px; font-weight: 700; }
.assistant-result-analysis div { display: grid; gap: 6px; margin-top: 7px; }
.assistant-result-analysis p, .assistant-result.simple p { margin: 0; color: var(--muted); font-size: 10px; line-height: 1.65; }
.assistant-result-meta { display: block; margin-top: 2px; color: var(--faint); font-size: 8px; line-height: 1.5; }
.warehouse-live-actions { display: flex; justify-content: flex-end; gap: 8px; align-items: center; margin: -8px 0 14px; }
.warehouse-live-actions .jky-warehouse-select { margin-right: auto; }
.warehouse-live-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-bottom: 12px; }
.warehouse-live-grid .list-workspace { min-width: 0; margin: 0; }
.production-back { display: inline-flex; align-items: center; gap: 5px; margin-bottom: 8px; padding: 0; color: var(--primary); background: transparent; border: 0; font-size: 9px; font-weight: 700; }
.production-back svg { width: 13px; }
.production-feature-switcher { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px; padding: 10px; background: white; border: 1px solid var(--line); border-radius: 7px; }
.production-feature-switcher button { min-height: 30px; padding: 0 10px; color: var(--muted); background: #f4f6f9; border: 1px solid #e5eaf0; border-radius: 4px; font-size: 9px; }
.production-feature-switcher button.active { color: white; background: var(--primary); border-color: var(--primary); }
.freight-layout { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(280px, .75fr); gap: 12px; margin-bottom: 12px; }
.freight-document-quote { margin-bottom: 12px; overflow: visible; }
.freight-document-quote > form { display: grid; grid-template-columns: minmax(260px, 1fr) minmax(220px, .65fr) auto; gap: 10px; align-items: end; padding: 14px 16px; }
.freight-document-quote label { display: grid; gap: 6px; }
.freight-document-quote label > span { color: var(--muted); font-size: 9px; font-weight: 700; }
.freight-document-quote input, .freight-document-quote select { width: 100%; min-width: 0; height: 38px; padding: 0 10px; color: var(--ink); background: white; border: 1px solid var(--line); border-radius: 5px; font-size: 10px; }
.freight-layout > .panel { min-width: 0; margin: 0; }
.freight-form { display: grid; gap: 12px; padding: 16px; }
.freight-form > div:not(.panel-head) { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.freight-form label { display: grid; gap: 6px; color: var(--muted); font-size: 9px; font-weight: 700; }
.freight-form input, .freight-form select { width: 100%; min-width: 0; height: 38px; padding: 0 10px; color: var(--ink); background: white; border: 1px solid var(--line); border-radius: 5px; font-size: 10px; }
.freight-form > .primary-button { justify-self: start; }
.freight-goods-control { position: relative; display: block; }
.freight-goods-control > input:first-child { padding-right: 38px; }
.freight-goods-toggle { position: absolute; z-index: 2; top: 1px; right: 1px; display: grid; place-items: center; width: 36px; height: 36px; padding: 0; color: var(--muted); background: white; border: 0; border-left: 1px solid var(--line); border-radius: 0 5px 5px 0; }
.freight-goods-toggle:hover, .freight-goods-toggle:focus-visible { color: var(--primary); background: #f5f8ff; outline: 0; }
.freight-goods-toggle svg { width: 15px; height: 15px; transition: transform .16s ease; }
.freight-goods-toggle[aria-expanded="true"] svg { transform: rotate(180deg); }
.freight-goods-suggestions { position: absolute; z-index: 25; top: calc(100% + 4px); left: 0; right: 0; max-height: 260px; overflow-y: auto; padding: 4px; background: white; border: 1px solid #cfd8e5; border-radius: 6px; box-shadow: 0 12px 28px rgb(15 23 42 / 15%); }
.freight-goods-suggestions[hidden] { display: none; }
.freight-goods-suggestions button { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 3px 10px; width: 100%; padding: 9px 10px; color: var(--ink); background: transparent; border: 0; border-bottom: 1px solid #eef2f6; text-align: left; }
.freight-goods-suggestions button:last-child { border-bottom: 0; }
.freight-goods-suggestions button:hover, .freight-goods-suggestions button:focus-visible { background: #f2f7ff; outline: 0; }
.freight-goods-suggestions strong { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 10px; }
.freight-goods-suggestions button > span { color: var(--muted); font-size: 9px; }
.freight-goods-suggestions small { grid-column: 1 / -1; color: var(--faint); font-size: 8px; }
.freight-goods-empty { display: block; padding: 12px; color: var(--faint); font-size: 9px; font-weight: 500; }
.freight-product { padding: 16px; }
.freight-product dl { display: grid; gap: 0; margin: 0; }
.freight-product dl > div { display: grid; grid-template-columns: 90px minmax(0, 1fr); gap: 10px; padding: 10px 0; border-bottom: 1px solid var(--line); }
.freight-product dt { color: var(--faint); font-size: 9px; }
.freight-product dd { min-width: 0; margin: 0; color: var(--ink); font-size: 10px; overflow-wrap: anywhere; }
.freight-waybill-workspace { margin-top: 12px; }
.freight-carrier-links { display: flex; flex-wrap: wrap; gap: 7px; }
.freight-waybill-form { display: grid; grid-template-columns: minmax(240px, 1fr) minmax(170px, .45fr) auto; gap: 10px; align-items: end; padding: 12px 14px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: #f8fafc; }
.freight-waybill-form.has-matches { grid-template-columns: minmax(260px, 1.1fr) minmax(220px, .8fr) minmax(160px, .45fr) auto; }
.freight-waybill-form label { display: grid; gap: 6px; color: var(--muted); font-size: 9px; font-weight: 700; }
.freight-waybill-form input, .freight-waybill-form select { width: 100%; min-width: 0; height: 38px; padding: 0 10px; color: var(--ink); background: white; border: 1px solid var(--line); border-radius: 5px; font-size: 10px; }
.freight-waybill-status { display: grid; justify-items: center; gap: 7px; min-height: 120px; padding: 24px; color: var(--muted); text-align: center; }
.freight-waybill-status svg { width: 22px; height: 22px; color: var(--primary); }
.freight-waybill-status strong { color: var(--ink); font-size: 11px; }
.freight-waybill-status small { max-width: 560px; color: var(--faint); font-size: 9px; line-height: 1.6; }
.freight-waybill-status.error svg { color: var(--danger); }

.store-task-console { overflow: hidden; margin-bottom: 12px; background: white; border: 1px solid var(--line); border-radius: 7px; }
.store-task-console-head { display: flex; min-height: 78px; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 16px; background: linear-gradient(120deg, #f5f8ff, #fff); border-bottom: 1px solid var(--line); }
.store-task-console-head p { margin: 0; color: var(--blue); font-size: 8px; font-weight: 800; }
.store-task-console-head h3 { margin: 4px 0 0; font-size: 15px; }
.store-task-console-head span { display: block; margin-top: 4px; color: var(--faint); font-size: 8px; line-height: 1.5; }
.store-task-console-head > b { display: flex; align-items: center; gap: 6px; padding: 6px 9px; color: #2458a6; background: #eaf2ff; border: 1px solid #cdddf8; border-radius: 999px; font-size: 8px; white-space: nowrap; }
.store-task-console-head > b i { width: 7px; height: 7px; background: var(--blue); border-radius: 50%; }
.store-task-console-grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(300px, .85fr); }
.store-task-builder { min-width: 0; padding: 16px; border-right: 1px solid var(--line); }
.store-task-label { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 8px; }
.store-task-label strong { font-size: 9px; }
.store-task-label span { color: var(--faint); font-size: 8px; }
.store-task-tools { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 8px; }
.store-task-categories { display: flex; flex-wrap: wrap; gap: 4px; }
.store-task-categories button { padding: 5px 7px; color: var(--muted); background: #f5f7f9; border: 1px solid transparent; border-radius: 4px; font-size: 8px; }
.store-task-categories button.active { color: var(--blue); background: #edf4ff; border-color: #cdddf8; font-weight: 700; }
.store-task-tools > label { display: flex; width: 150px; height: 29px; align-items: center; gap: 5px; padding: 0 7px; color: var(--faint); background: white; border: 1px solid var(--line); border-radius: 5px; }
.store-task-tools > label svg { width: 12px; flex: 0 0 auto; }
.store-task-tools input { min-width: 0; width: 100%; background: transparent; border: 0; outline: 0; font-size: 8px; }
.store-task-picker { display: grid; max-height: 230px; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; overflow-y: auto; padding: 1px 3px 1px 1px; }
.store-task-picker > button { display: grid; grid-template-columns: 28px minmax(0, 1fr); align-items: center; gap: 7px; min-height: 48px; padding: 8px; color: var(--ink); background: #fafbfc; border: 1px solid #e2e7ee; border-radius: 5px; text-align: left; }
.store-task-picker > button[hidden] { display: none; }
.store-task-picker > button > svg { width: 15px; justify-self: center; color: #667a98; }
.store-task-picker > button span, .store-task-picker > button strong, .store-task-picker > button small { display: block; min-width: 0; }
.store-task-picker > button strong { font-size: 8px; }
.store-task-picker > button small { margin-top: 3px; overflow: hidden; color: var(--faint); font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }
.store-task-picker > button.active { color: #2458a6; background: #f1f6ff; border-color: #91b5fb; box-shadow: inset 3px 0 var(--blue); }
.store-task-picker > button.active > svg { color: var(--blue); }
.store-task-parameters { margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--line); }
.store-task-parameters > div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.store-task-parameters label > span:first-child { display: block; margin-bottom: 5px; color: var(--muted); font-size: 8px; font-weight: 700; }
.store-task-parameters input, .store-task-parameters select { width: 100%; min-width: 0; height: 34px; padding: 0 8px; color: var(--ink); background: white; border: 1px solid var(--line); border-radius: 5px; font-size: 9px; }
.store-task-parameters select { padding-right: 28px; }
.store-task-parameters input:focus, .store-task-parameters select:focus { border-color: #7fa9f8; box-shadow: 0 0 0 3px rgb(36 107 253 / 10%); outline: 0; }
.store-task-parameters input:disabled { color: var(--muted); background: #f5f7f9; }
.store-task-unit { position: relative; display: block; }
.store-task-unit input { padding-right: 48px; }
.store-task-unit b { position: absolute; top: 0; right: 8px; display: flex; height: 34px; align-items: center; color: var(--faint); font-size: 8px; }
.store-task-parameters > aside { display: grid; grid-template-columns: 24px minmax(0, 1fr); align-items: start; gap: 8px; margin-top: 10px; padding: 9px; color: #26624e; background: #eaf8f3; border: 1px solid #c9eadf; border-radius: 5px; }
.store-task-parameters > aside svg { width: 15px; justify-self: center; }
.store-task-parameters > aside strong, .store-task-parameters > aside small { display: block; }
.store-task-parameters > aside strong { font-size: 8px; }
.store-task-parameters > aside small { margin-top: 3px; font-size: 7px; line-height: 1.5; }
.store-task-parameters footer { display: flex; justify-content: flex-end; gap: 7px; margin-top: 10px; }
.store-task-parameters footer button { min-height: 34px; }
.store-task-result { min-width: 0; background: #fafbfd; }
.store-task-result > header { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 14px 15px; background: white; border-bottom: 1px solid var(--line); }
.store-task-result > header small { color: var(--blue); font-size: 7px; font-weight: 800; }
.store-task-result > header h3 { margin: 3px 0 0; font-size: 12px; }
.store-task-result > div { display: flex; min-height: 300px; align-items: center; justify-content: center; flex-direction: column; padding: 24px; color: var(--muted); text-align: center; }
.store-task-result > div > svg { width: 28px; height: 28px; margin-bottom: 10px; color: #6782ac; }
.store-task-result > div > strong { color: var(--ink); font-size: 10px; }
.store-task-result > div > p { max-width: 360px; margin: 6px 0 10px; font-size: 8px; line-height: 1.6; }
.store-task-result ul { display: grid; gap: 5px; width: 100%; max-width: 360px; margin: 0; padding: 10px 12px; background: white; border: 1px solid var(--line); border-radius: 5px; list-style: none; text-align: left; }
.store-task-result li { color: var(--muted); font-size: 8px; line-height: 1.45; }
.store-task-result li::before { margin-right: 6px; color: var(--blue); content: "•"; }

.service-ops-page > .managed-two-column, .service-ops-page > .managed-connectors { display: none; }
.qianniu-service-workspace, .qianniu-analysis-panel, .qianniu-result-panel { overflow: hidden; margin-bottom: 12px; background: white; border: 1px solid var(--line); border-radius: 7px; }
.qianniu-service-head { display: flex; min-height: 72px; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 16px; border-bottom: 1px solid var(--line); }
.qianniu-service-head p, .qianniu-analysis-panel header p, .qianniu-result-panel header p { margin: 0; color: #ff6a00; font-size: 8px; font-weight: 800; }
.qianniu-service-head h2 { margin: 4px 0 0; font-size: 17px; }
.qianniu-service-head > div > span { display: block; margin-top: 4px; color: var(--faint); font-size: 8px; }
.qianniu-service-tabs { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); border-bottom: 1px solid var(--line); }
.qianniu-service-tabs button { display: flex; min-width: 0; min-height: 44px; align-items: center; gap: 7px; padding: 8px 10px; color: var(--muted); background: white; border: 0; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); font-size: 8px; font-weight: 700; text-align: left; }
.qianniu-service-tabs button:nth-child(5n) { border-right: 0; }
.qianniu-service-tabs button.active { color: #e55f00; background: #fff5ed; box-shadow: inset 0 -3px #ff6a00; }
.qianniu-service-tabs svg { width: 15px; flex: 0 0 auto; }
.qianniu-service-tabs span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.qianniu-service-operation { padding: 15px 16px; }
.qianniu-operation-title { display: grid; grid-template-columns: 40px minmax(0, 1fr); align-items: center; gap: 11px; margin-bottom: 12px; }
.qianniu-operation-title > span { display: grid; width: 40px; height: 40px; place-items: center; color: white; background: #ff6a00; border-radius: 7px; }
.qianniu-operation-title svg { width: 18px; }
.qianniu-operation-title small { color: #e55f00; font-size: 7px; font-weight: 800; }
.qianniu-operation-title h3 { margin: 3px 0; font-size: 14px; }
.qianniu-operation-title p { margin: 0; color: var(--faint); font-size: 8px; }
.qianniu-operation-actions { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; }
.qianniu-operation-actions button { display: grid; min-height: 50px; grid-template-columns: 20px minmax(0, 1fr) 15px; align-items: center; gap: 8px; padding: 8px 10px; color: var(--ink); background: #fafbfc; border: 1px solid #dfe5ed; border-radius: 6px; text-align: left; }
.qianniu-operation-actions button.active { color: #d85b00; background: #fff5ed; border-color: #ffb77f; box-shadow: inset 3px 0 #ff6a00; }
.qianniu-operation-actions button:disabled { color: var(--faint); cursor: not-allowed; }
.qianniu-operation-actions svg { width: 15px; }
.qianniu-operation-actions span, .qianniu-operation-actions strong, .qianniu-operation-actions small { display: block; min-width: 0; }
.qianniu-operation-actions strong { font-size: 8px; }
.qianniu-operation-actions small { margin-top: 3px; color: var(--faint); font-size: 7px; }
.qianniu-send-bar { display: grid; grid-template-columns: minmax(130px, .65fr) minmax(120px, .5fr) minmax(180px, 1fr) auto; align-items: end; gap: 12px; margin-top: 10px; padding: 10px 12px; background: #fff9f4; border: 1px solid #f5d6bf; border-radius: 6px; }
.qianniu-send-bar > span, .qianniu-send-bar label { display: grid; gap: 5px; min-width: 0; }
.qianniu-send-bar small { color: var(--faint); font-size: 7px; }
.qianniu-send-bar strong { overflow: hidden; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.qianniu-send-bar select { width: 100%; min-width: 0; height: 36px; padding: 0 30px 0 9px; color: var(--ink); background: white; border: 1px solid #e3c9b6; border-radius: 5px; font-size: 8px; outline: 0; }
.qianniu-send-bar select:focus { border-color: #ff9d56; box-shadow: 0 0 0 3px rgb(255 106 0 / 10%); }
.qianniu-send-bar .primary-button { min-width: 108px; min-height: 36px; background: #ff6a00; }
.qianniu-operation-boundary { display: grid; grid-template-columns: 26px minmax(0, 1fr); align-items: center; gap: 8px; margin-top: 10px; padding: 8px 10px; color: #17614d; background: #eaf8f3; border: 1px solid #c8ecdf; border-radius: 5px; }
.qianniu-operation-boundary.risk { color: #965607; background: #fff6e8; border-color: #f5d8a7; }
.qianniu-operation-boundary svg { width: 15px; justify-self: center; }
.qianniu-operation-boundary span, .qianniu-operation-boundary strong, .qianniu-operation-boundary small { display: block; }
.qianniu-operation-boundary small { font-size: 7px; }
.qianniu-operation-boundary strong { margin-top: 3px; font-size: 8px; line-height: 1.45; }
.qianniu-analysis-panel header, .qianniu-result-panel header { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 13px 16px; border-bottom: 1px solid var(--line); }
.qianniu-analysis-panel header h3, .qianniu-result-panel header h3 { margin: 3px 0 0; font-size: 13px; }
.qianniu-analysis-panel header > button { display: flex; align-items: center; gap: 5px; padding: 0; color: var(--blue); background: transparent; border: 0; font-size: 8px; font-weight: 700; }
.qianniu-analysis-panel header svg { width: 13px; }
.qianniu-analysis-panel > div { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.qianniu-analysis-panel > div > button { display: grid; min-height: 68px; grid-template-columns: 28px minmax(0, 1fr) 15px; align-items: center; gap: 8px; padding: 10px 12px; color: var(--ink); background: white; border: 0; border-right: 1px solid var(--line); text-align: left; }
.qianniu-analysis-panel > div > button:last-child { border-right: 0; }
.qianniu-analysis-panel > div > button:hover { color: var(--blue); background: #f7faff; }
.qianniu-analysis-panel > div > button:disabled { color: var(--faint); cursor: not-allowed; }
.qianniu-analysis-panel > div > button > svg { width: 16px; }
.qianniu-analysis-panel > div > button span, .qianniu-analysis-panel > div > button strong, .qianniu-analysis-panel > div > button small { display: block; min-width: 0; }
.qianniu-analysis-panel > div > button strong { font-size: 8px; }
.qianniu-analysis-panel > div > button small { margin-top: 4px; color: var(--faint); font-size: 7px; line-height: 1.4; }
.qianniu-result-panel > div { display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; align-items: center; gap: 12px; min-height: 84px; padding: 14px 16px; background: #fafbfd; }
.qianniu-result-panel > div > svg { width: 24px; color: #6d83a6; }
.qianniu-result-panel > div span, .qianniu-result-panel > div strong, .qianniu-result-panel > div small { display: block; min-width: 0; }
.qianniu-result-panel > div strong { font-size: 9px; }
.qianniu-result-panel > div small { margin-top: 4px; color: var(--faint); font-size: 8px; line-height: 1.5; }
.qianniu-result-panel > div > button { display: flex; align-items: center; gap: 5px; padding: 7px 9px; color: var(--blue); background: white; border: 1px solid #cdddf8; border-radius: 5px; font-size: 8px; font-weight: 700; }
.qianniu-result-panel > div > button svg { width: 13px; }

@media (max-width: 1100px) {
  .qianniu-analysis-panel > div { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .qianniu-analysis-panel > div > button { border-bottom: 1px solid var(--line); }
  .qianniu-send-bar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .qianniu-send-bar .primary-button { width: 100%; }
  .store-ops-compact-detail { grid-template-columns: 1fr; }
  .store-ops-compact-main { border-right: 0; border-bottom: 1px solid var(--line); }
  .store-task-console-grid { grid-template-columns: 1fr; }
  .store-task-builder { border-right: 0; border-bottom: 1px solid var(--line); }
  .store-task-result > div { min-height: 220px; }
}

@media (max-width: 620px) {
  .assistant-result-metrics { grid-template-columns: 1fr; }
  .warehouse-live-actions { align-items: stretch; flex-direction: column; }
  .warehouse-live-actions .jky-warehouse-select { width: 100%; margin-right: 0; }
  .warehouse-live-actions button { width: 100%; }
  .warehouse-live-grid { grid-template-columns: 1fr; }
  .freight-layout { grid-template-columns: 1fr; }
  .freight-document-quote > form { grid-template-columns: 1fr; }
  .freight-document-quote > form .primary-button { width: 100%; }
  .freight-form > div:not(.panel-head) { grid-template-columns: 1fr; }
  .freight-form > .primary-button { width: 100%; }
  .freight-waybill-form { grid-template-columns: 1fr; }
  .freight-waybill-form .primary-button { width: 100%; }
  .freight-carrier-links { width: 100%; }
  .store-task-console-head, .store-task-tools { align-items: flex-start; flex-direction: column; }
  .qianniu-service-head { align-items: flex-start; flex-direction: column; }
  .qianniu-service-tabs, .qianniu-operation-actions, .qianniu-analysis-panel > div { grid-template-columns: 1fr; }
  .qianniu-service-tabs button { border-right: 0; }
  .qianniu-send-bar, .qianniu-result-panel > div { grid-template-columns: 1fr; align-items: stretch; }
  .qianniu-send-bar .primary-button { width: 100%; }
  .store-ops-compact-main .store-ops-actions { grid-template-columns: 1fr; }
  .store-ops-send-bar { grid-template-columns: 1fr; align-items: stretch; }
  .store-ops-send-bar .primary-button { width: 100%; }
  .store-task-tools > label { width: 100%; }
  .store-task-picker, .store-task-parameters > div { grid-template-columns: 1fr; }
  .store-task-parameters footer { align-items: stretch; flex-direction: column; }
  .store-task-parameters footer button { width: 100%; }
}

/* 淘宝式店铺运营工作台：操作、下任务、分析、结果统一在一条主线上。 */
.taobao-ops-workspace, .taobao-task-panel, .taobao-analysis-panel, .taobao-result-panel { overflow: hidden; margin-bottom: 12px; background: white; border: 1px solid var(--line); border-radius: 7px; }
.taobao-ops-head { display: flex; min-height: 72px; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 16px; border-bottom: 1px solid var(--line); }
.taobao-ops-head p, .taobao-panel-head p { margin: 0; color: #ff5000; font-size: 8px; font-weight: 800; }
.taobao-ops-head h2 { margin: 4px 0 0; font-size: 17px; }
.taobao-ops-head > div > span { display: block; margin-top: 4px; color: var(--faint); font-size: 8px; }
.taobao-ops-tabs { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); border-bottom: 1px solid var(--line); }
.taobao-ops-tabs button { display: flex; min-width: 0; min-height: 44px; align-items: center; gap: 7px; padding: 8px 10px; color: var(--muted); background: white; border: 0; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); font-size: 8px; font-weight: 700; text-align: left; }
.taobao-ops-tabs button:nth-child(5n) { border-right: 0; }
.taobao-ops-tabs button.active { color: #df4600; background: #fff4ed; box-shadow: inset 0 -3px #ff5000; }
.taobao-ops-tabs svg { width: 15px; flex: 0 0 auto; }
.taobao-ops-tabs span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.taobao-ops-operation { padding: 15px 16px; }
.taobao-operation-title { display: grid; grid-template-columns: 40px minmax(0, 1fr); align-items: center; gap: 11px; margin-bottom: 12px; }
.taobao-operation-title > span { display: grid; width: 40px; height: 40px; place-items: center; color: white; background: linear-gradient(145deg, #ff7a00, #ff3d00); border-radius: 8px; box-shadow: 0 6px 14px rgb(255 80 0 / 16%); }
.taobao-operation-title svg { width: 18px; }
.taobao-operation-title small { color: #df4600; font-size: 7px; font-weight: 800; }
.taobao-operation-title h3 { margin: 3px 0; font-size: 14px; }
.taobao-operation-title p { margin: 0; color: var(--faint); font-size: 8px; }
.taobao-operation-actions { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; }
.taobao-operation-actions button { display: grid; min-height: 52px; grid-template-columns: 20px minmax(0, 1fr) 15px; align-items: center; gap: 8px; padding: 8px 10px; color: var(--ink); background: #fafbfc; border: 1px solid #dfe5ed; border-radius: 6px; text-align: left; }
.taobao-operation-actions button.active { color: #d94700; background: #fff4ed; border-color: #ffae80; box-shadow: inset 3px 0 #ff5000; }
.taobao-operation-actions button:disabled { color: var(--faint); cursor: not-allowed; }
.taobao-operation-actions svg { width: 15px; }
.taobao-operation-actions span, .taobao-operation-actions strong, .taobao-operation-actions small { display: block; min-width: 0; }
.taobao-operation-actions strong { font-size: 8px; }
.taobao-operation-actions small { margin-top: 3px; color: var(--faint); font-size: 7px; }
.taobao-send-bar { display: grid; grid-template-columns: minmax(130px, .65fr) minmax(120px, .5fr) minmax(180px, 1fr) auto; align-items: end; gap: 12px; margin-top: 10px; padding: 10px 12px; background: #fff8f3; border: 1px solid #ffd4bd; border-radius: 6px; }
.taobao-send-bar > span, .taobao-send-bar label { display: grid; gap: 5px; min-width: 0; }
.taobao-send-bar small { color: var(--faint); font-size: 7px; }
.taobao-send-bar strong { overflow: hidden; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.taobao-send-bar select { width: 100%; min-width: 0; height: 36px; padding: 0 30px 0 9px; color: var(--ink); background: white; border: 1px solid #e5c8b8; border-radius: 5px; font-size: 8px; outline: 0; }
.taobao-send-bar select:focus { border-color: #ff8d52; box-shadow: 0 0 0 3px rgb(255 80 0 / 10%); }
.taobao-primary { min-width: 108px; min-height: 36px; background: #ff5000; }
.taobao-primary:hover { background: #e94700; }
.taobao-operation-meta { display: grid; grid-template-columns: minmax(220px, .65fr) minmax(0, 1.35fr); gap: 8px; margin-top: 10px; }
.taobao-operation-meta > div { display: grid; gap: 5px; padding: 8px 10px; background: #f8fafc; border: 1px solid var(--line); border-radius: 5px; }
.taobao-operation-meta small { color: var(--faint); font-size: 7px; }
.taobao-operation-meta ul { display: flex; flex-wrap: wrap; gap: 5px; margin: 0; padding: 0; list-style: none; }
.taobao-operation-meta li { padding: 4px 6px; color: #5d4b42; background: #fff1e8; border-radius: 4px; font-size: 7px; }
.taobao-operation-boundary { display: grid; grid-template-columns: 26px minmax(0, 1fr); align-items: center; gap: 8px; padding: 8px 10px; color: #17614d; background: #eaf8f3; border: 1px solid #c8ecdf; border-radius: 5px; }
.taobao-operation-boundary.risk { color: #965607; background: #fff6e8; border-color: #f5d8a7; }
.taobao-operation-boundary svg { width: 15px; justify-self: center; }
.taobao-operation-boundary span, .taobao-operation-boundary strong, .taobao-operation-boundary small { display: block; }
.taobao-operation-boundary small { font-size: 7px; }
.taobao-operation-boundary strong { margin-top: 3px; font-size: 8px; line-height: 1.45; }
.taobao-panel-head { display: flex; min-height: 66px; align-items: center; justify-content: space-between; gap: 12px; padding: 13px 16px; border-bottom: 1px solid var(--line); }
.taobao-panel-head h3 { margin: 3px 0 0; font-size: 13px; }
.taobao-panel-head > div > span { display: block; margin-top: 4px; color: var(--faint); font-size: 8px; }
.taobao-panel-head > b { display: flex; align-items: center; gap: 6px; color: #9c4b22; font-size: 8px; white-space: nowrap; }
.taobao-panel-head > b i { width: 7px; height: 7px; background: #ff5000; border-radius: 50%; }
.taobao-task-builder { padding: 15px 16px; border-right: 0; }
.taobao-task-builder .store-task-picker { max-height: 188px; }
.taobao-analysis-panel > div { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.taobao-analysis-panel > div > button { display: grid; min-height: 70px; grid-template-columns: 28px minmax(0, 1fr) 15px; align-items: center; gap: 8px; padding: 10px 12px; color: var(--ink); background: white; border: 0; border-right: 1px solid var(--line); text-align: left; }
.taobao-analysis-panel > div > button:last-child { border-right: 0; }
.taobao-analysis-panel > div > button:hover { color: #df4600; background: #fff8f3; }
.taobao-analysis-panel > div > button:disabled { color: var(--faint); cursor: not-allowed; }
.taobao-analysis-panel > div > button > svg { width: 16px; }
.taobao-analysis-panel span, .taobao-analysis-panel strong, .taobao-analysis-panel small { display: block; min-width: 0; }
.taobao-analysis-panel strong { font-size: 8px; }
.taobao-analysis-panel small { margin-top: 4px; color: var(--faint); font-size: 7px; line-height: 1.4; }
.taobao-result-panel > div { display: grid; min-height: 84px; grid-template-columns: 34px minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 14px 16px; background: #fafbfd; }
.taobao-result-panel > div > svg { width: 24px; color: #6d83a6; }
.taobao-result-panel > div span, .taobao-result-panel > div strong, .taobao-result-panel > div small { display: block; min-width: 0; }
.taobao-result-panel > div strong { font-size: 9px; }
.taobao-result-panel > div small { margin-top: 4px; color: var(--faint); font-size: 8px; line-height: 1.5; }
.taobao-result-panel > div > button { display: flex; align-items: center; gap: 5px; padding: 7px 9px; color: #df4600; background: white; border: 1px solid #ffc4a3; border-radius: 5px; font-size: 8px; font-weight: 700; }
.taobao-result-panel > div > button svg { width: 13px; }

@media (max-width: 1100px) {
  .taobao-analysis-panel > div { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .taobao-analysis-panel > div > button { border-bottom: 1px solid var(--line); }
  .taobao-send-bar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .taobao-send-bar .primary-button { width: 100%; }
}

@media (max-width: 620px) {
  .taobao-ops-head, .taobao-panel-head, .store-task-tools { align-items: flex-start; flex-direction: column; }
  .taobao-ops-tabs, .taobao-operation-actions, .taobao-analysis-panel > div { grid-template-columns: 1fr; }
  .taobao-ops-tabs button { border-right: 0; }
  .taobao-send-bar, .taobao-operation-meta, .taobao-result-panel > div { grid-template-columns: 1fr; align-items: stretch; }
  .taobao-primary { width: 100%; }
}

/* 页面内任务与结果：任务摘要在上，真实返回内容在下。 */
.taobao-result-panel > .taobao-result-body,
.qianniu-result-panel.taobao-result-panel > .taobao-result-body { display: grid; min-height: 0; grid-template-columns: 1fr; gap: 0; padding: 0; background: white; text-align: left; }
.taobao-result-task-card { display: grid; grid-template-columns: 42px minmax(0, 1fr); align-items: start; gap: 11px; padding: 14px 16px; background: #fffaf6; }
.taobao-result-task-card > span { display: grid; width: 42px; height: 42px; place-items: center; color: white; background: linear-gradient(145deg, #ff7a00, #ff3d00); border-radius: 7px; }
.taobao-result-task-card > span svg { width: 18px; }
.taobao-result-task-card small, .taobao-result-task-card h4, .taobao-result-task-card p { display: block; margin: 0; }
.taobao-result-task-card small { color: #df4600; font-size: 7px; font-weight: 800; }
.taobao-result-task-card h4 { margin-top: 4px; font-size: 12px; }
.taobao-result-task-card p { margin-top: 4px; color: var(--muted); font-size: 8px; line-height: 1.5; }
.taobao-result-task-card ul { display: flex; flex-wrap: wrap; gap: 5px; margin: 8px 0 0; padding: 0; list-style: none; }
.taobao-result-task-card li { padding: 4px 6px; color: #674533; background: white; border: 1px solid #f4d4c2; border-radius: 999px; font-size: 7px; }
.taobao-result-output { border-top: 1px solid #f0ddd2; background: white; }
.taobao-result-output-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 16px; border-bottom: 1px solid var(--line); }
.taobao-result-output-head span { color: var(--ink); font-size: 9px; font-weight: 800; }
.taobao-result-output-head small { color: var(--faint); font-size: 7px; }
.taobao-result-placeholder { display: grid; min-height: 110px; grid-template-columns: 34px minmax(0, 1fr); align-items: center; gap: 12px; padding: 16px; color: var(--muted); background: #fafbfd; }
.taobao-result-placeholder.error { color: #a33b48; background: #fff5f6; }
.taobao-result-placeholder > svg { width: 24px; color: #6d83a6; }
.taobao-result-placeholder span, .taobao-result-placeholder strong, .taobao-result-placeholder small { display: block; min-width: 0; }
.taobao-result-placeholder strong { color: var(--ink); font-size: 9px; }
.taobao-result-placeholder small { margin-top: 4px; color: var(--faint); font-size: 8px; line-height: 1.5; }
.taobao-inline-result-content { padding: 14px 16px 16px; }
.taobao-inline-result-content .assistant-result { margin: 0; }
.taobao-inline-result-meta { display: block; margin-top: 8px; color: var(--faint); font-size: 7px; }
.service-analysis-current-task { display: grid; grid-template-columns: 42px minmax(0, 1fr); align-items: start; gap: 11px; margin-bottom: 10px; padding: 14px 16px; background: #fffaf6; border: 1px solid #f1d8c9; border-radius: 7px; }
.service-analysis-current-task > span { display: grid; width: 42px; height: 42px; place-items: center; color: white; background: linear-gradient(145deg, #ff7a00, #ff3d00); border-radius: 7px; }
.service-analysis-current-task > span svg { width: 18px; }
.service-analysis-current-task small, .service-analysis-current-task h3, .service-analysis-current-task p { display: block; margin: 0; }
.service-analysis-current-task small { color: #df4600; font-size: 7px; font-weight: 800; }
.service-analysis-current-task h3 { margin-top: 4px; font-size: 12px; }
.service-analysis-current-task p { margin-top: 4px; color: var(--muted); font-size: 8px; }
.service-analysis-current-task ul { display: flex; flex-wrap: wrap; gap: 5px; margin: 8px 0 0; padding: 0; list-style: none; }
.service-analysis-current-task li { padding: 4px 6px; color: #674533; background: white; border: 1px solid #f4d4c2; border-radius: 999px; font-size: 7px; }
.service-source-dual { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-bottom: 10px; }
.service-source-dual .service-source-status { margin-bottom: 0; }
.managed-channel-send-bar { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.managed-channel-send-bar .primary-button { width: 100%; }
.managed-source-dual { margin-top: 10px; margin-bottom: 0; }
.platform-login-panel { overflow: hidden; margin: 0 0 10px; background: white; border: 1px solid var(--line); border-radius: 7px; }
.platform-login-panel > header { display: flex; min-height: 42px; align-items: center; justify-content: space-between; gap: 10px; padding: 7px 10px; border-bottom: 1px solid var(--line); }
.platform-login-panel > header p, .platform-login-panel > header h3, .platform-login-panel > header span { display: block; margin: 0; }
.platform-login-panel > header p { color: var(--blue); font-size: 6px; font-weight: 800; }
.platform-login-panel > header h3 { margin-top: 2px; font-size: 10px; }
.platform-login-panel > header span { margin-top: 2px; color: var(--faint); font-size: 7px; }
.platform-login-panel > div { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.platform-login-card { display: grid; min-width: 0; min-height: 54px; grid-template-columns: 25px minmax(0, 1fr) auto; align-items: center; gap: 6px; padding: 6px 8px; border-right: 1px solid var(--line); }
.platform-login-card:last-child { border-right: 0; }
.platform-login-card > span { display: grid; width: 23px; height: 23px; place-items: center; color: white; background: #6f7d93; border-radius: 5px; font-size: 7px; font-weight: 800; }
.platform-login-card.authenticated > span { background: var(--green); }
.platform-login-card.checking > span { background: var(--orange); }
.platform-login-card > div { min-width: 0; }
.platform-login-card strong, .platform-login-card small, .platform-login-card p { display: block; margin: 0; }
.platform-login-card strong { font-size: 8px; }
.platform-login-card small { overflow: hidden; margin-top: 2px; color: var(--muted); font-size: 6px; text-overflow: ellipsis; white-space: nowrap; }
.platform-login-card p { overflow: hidden; margin-top: 2px; color: var(--faint); font-size: 6px; text-overflow: ellipsis; white-space: nowrap; }
.platform-login-actions { display: flex; align-items: center; justify-content: flex-end; gap: 4px; }
.platform-login-status { display: flex; align-items: center; gap: 3px; padding: 3px 5px; color: #08785f; background: #e8f8f1; border: 1px solid #bfe9d8; border-radius: 999px; font-size: 6px; white-space: nowrap; }
.platform-login-status i { display: block; width: 4px; height: 4px; background: #0d9877; border-radius: 50%; }
.platform-login-card button { display: flex; align-items: center; gap: 2px; padding: 4px 5px; color: var(--blue); background: white; border: 1px solid #cdddf8; border-radius: 4px; font-size: 6px; font-weight: 800; white-space: nowrap; }
.platform-login-card button svg { width: 11px; }
.platform-login-panel > footer { padding: 6px 10px; color: var(--muted); background: #f8fafc; border-top: 1px solid var(--line); font-size: 6px; }
.platform-login-panel.compact { margin-top: 10px; }
.service-analysis-ai-result { margin-top: 10px; }

@media (max-width: 1100px) {
  .managed-channel-send-bar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .managed-channel-send-bar .primary-button { width: 100%; }
  .platform-login-panel > div { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 620px) {
  .taobao-result-task-card, .service-analysis-current-task { grid-template-columns: 1fr; }
  .taobao-result-placeholder { grid-template-columns: 1fr; }
  .service-source-dual { grid-template-columns: 1fr; }
  .managed-channel-send-bar { grid-template-columns: 1fr; }
  .platform-login-panel > header span { max-width: 300px; white-space: nowrap; }
  .platform-login-card { grid-template-columns: minmax(0, 1fr) auto; padding: 6px; }
  .platform-login-card > span, .platform-login-card p { display: none; }
  .platform-login-card strong, .platform-login-card small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .platform-login-actions { gap: 3px; }
  .platform-login-status { padding: 3px 4px; }
  .platform-login-card button svg { display: none; }
}

/* Codex 设计方案、AI 复制开店与平台店铺同步主页。 */
.creative-codex-result { display: grid; gap: 14px; padding: 16px; background: #fbfcff; }
.creative-codex-result > header { display: grid; grid-template-columns: 38px minmax(0, 1fr); align-items: center; gap: 10px; }
.creative-codex-result > header .integration-icon { width: 38px; height: 38px; }
.creative-codex-result > header strong, .creative-codex-result > header small { display: block; }
.creative-codex-result > header strong { font-size: 13px; }
.creative-codex-result > header small { margin-top: 4px; color: var(--faint); font-size: 8px; }
.creative-codex-result > .assistant-result { padding: 14px; background: white; border: 1px solid var(--line); border-radius: 7px; }
.creative-codex-result .creative-platform-note { margin: 0; }

.channel-store-workspace, .copy-store-workspace { overflow: hidden; margin-bottom: 12px; background: white; border: 1px solid var(--line); border-radius: 7px; }
.channel-store-workspace > .list-title { padding: 14px 16px; border-bottom: 1px solid var(--line); }
.channel-store-workspace > .list-title > label { display: flex; width: 210px; height: 34px; align-items: center; gap: 6px; padding: 0 9px; color: var(--faint); border: 1px solid var(--line); border-radius: 6px; }
.channel-store-workspace > .list-title > label svg { width: 14px; }
.channel-store-workspace > .list-title input { min-width: 0; width: 100%; border: 0; outline: 0; font-size: 8px; }
.channel-store-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; padding: 14px 16px 16px; background: #fafbfd; }
.channel-store-grid > button { display: grid; min-width: 0; min-height: 88px; grid-template-columns: 40px minmax(0, 1fr) auto; align-items: center; gap: 11px; padding: 13px; color: var(--ink); background: white; border: 1px solid #dfe6ef; border-radius: 7px; text-align: left; }
.channel-store-grid > button:hover { border-color: #8fb5fb; box-shadow: 0 5px 16px rgb(44 117 220 / 9%); transform: translateY(-1px); }
.channel-store-grid .store-platform-mark { width: 40px; height: 40px; }
.channel-store-grid button > span:nth-child(2) { min-width: 0; }
.channel-store-grid small, .channel-store-grid strong, .channel-store-grid em { display: block; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.channel-store-grid small { color: var(--blue); font-size: 7px; font-weight: 800; }
.channel-store-grid strong { margin-top: 4px; font-size: 10px; }
.channel-store-grid em { margin-top: 5px; color: var(--faint); font-size: 7px; font-style: normal; }
.channel-store-grid button > b { display: flex; align-items: center; gap: 5px; color: var(--blue); font-size: 8px; white-space: nowrap; }
.channel-store-grid button > b svg { width: 13px; }

.copy-store-workspace > header { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 16px; color: white; background: linear-gradient(120deg, #18253f, #263b6f); }
.copy-store-workspace > header p, .copy-store-workspace > header h3, .copy-store-workspace > header span { margin: 0; }
.copy-store-workspace > header p { color: #7ef0d3; font-size: 8px; font-weight: 800; }
.copy-store-workspace > header h3 { margin-top: 5px; font-size: 18px; }
.copy-store-workspace > header span { display: block; margin-top: 5px; color: #b8c5da; font-size: 8px; line-height: 1.55; }
.copy-store-stages { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-bottom: 1px solid var(--line); }
.copy-store-stages article { display: grid; grid-template-columns: 20px 24px minmax(0, 1fr); align-items: center; gap: 7px; min-height: 62px; padding: 10px 12px; border-right: 1px solid var(--line); }
.copy-store-stages article:last-child { border-right: 0; }
.copy-store-stages article > b { color: #9ba9bc; font-size: 7px; }
.copy-store-stages article > svg { width: 18px; color: var(--blue); }
.copy-store-stages strong, .copy-store-stages small { display: block; }
.copy-store-stages strong { font-size: 8px; }
.copy-store-stages small { margin-top: 3px; color: var(--faint); font-size: 7px; }
.copy-store-workspace > form { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; padding: 15px 16px; }
.copy-store-workspace > form > label { display: grid; gap: 6px; }
.copy-store-workspace > form > label > span, .copy-store-workspace legend { color: var(--muted); font-size: 8px; font-weight: 700; }
.copy-store-workspace select, .copy-store-workspace input[type="text"], .copy-store-workspace input[type="url"], .copy-store-workspace input:not([type]) { width: 100%; min-height: 38px; padding: 0 10px; color: var(--ink); background: white; border: 1px solid #dfe5ed; border-radius: 6px; font-size: 9px; }
.copy-store-design-brief { position: relative; grid-column: 1 / -1; padding: 14px 14px 12px 54px; background: linear-gradient(135deg, #f5f9ff, #fbfdff); border: 1px solid #d8e5fb; border-radius: 9px; }
.copy-store-design-brief::before { content: "文"; position: absolute; top: 15px; left: 14px; display: grid; width: 28px; height: 28px; place-items: center; color: white; background: linear-gradient(135deg, #246bfd, #6d58e8); border-radius: 8px; font-size: 11px; font-weight: 800; box-shadow: 0 5px 12px rgba(36, 107, 253, .18); }
.copy-store-design-brief > span { color: var(--ink) !important; font-size: 10px !important; }
.copy-store-design-brief textarea { width: 100%; min-height: 94px; resize: vertical; padding: 11px 12px; color: var(--ink); background: rgba(255, 255, 255, .92); border: 1px solid #cfdcf0; border-radius: 7px; outline: none; font: inherit; line-height: 1.65; box-shadow: inset 0 1px 2px rgba(25, 53, 91, .03); }
.copy-store-design-brief textarea:focus { border-color: #78a4ff; box-shadow: 0 0 0 3px rgba(36, 107, 253, .1); }
.copy-store-design-brief small { color: var(--muted); font-size: 7px; line-height: 1.55; }
.copy-store-workspace fieldset { display: flex; grid-column: 1 / -1; flex-wrap: wrap; gap: 7px; margin: 0; padding: 0; border: 0; }
.copy-store-workspace fieldset label { display: flex; align-items: center; gap: 5px; padding: 7px 9px; color: var(--muted); background: #f6f8fb; border: 1px solid #e2e7ee; border-radius: 5px; font-size: 8px; }
.copy-store-workspace fieldset input { accent-color: var(--blue); }
.copy-store-tools { display: grid; grid-column: 1 / -1; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.copy-store-tools > span { display: grid; grid-template-columns: 24px minmax(0, 1fr); align-items: center; gap: 2px 8px; padding: 9px; background: #f7faff; border: 1px solid #dce8fb; border-radius: 6px; }
.copy-store-tools svg { grid-row: 1 / span 2; width: 17px; color: var(--blue); }
.copy-store-tools strong, .copy-store-tools small { display: block; }
.copy-store-tools strong { font-size: 8px; }
.copy-store-tools small { color: var(--faint); font-size: 7px; }
.copy-store-workspace > form > button { grid-column: 1 / -1; justify-self: end; }
.copy-store-workspace > section { border-top: 1px solid var(--line); background: #fafbfd; }
.copy-store-result { display: flex; min-height: 100px; align-items: center; gap: 12px; padding: 16px; color: #5f7592; }
.copy-store-result > svg { width: 26px; }
.copy-store-result span, .copy-store-result strong, .copy-store-result small { display: block; }
.copy-store-result strong { color: var(--ink); font-size: 10px; }
.copy-store-result small { margin-top: 4px; color: var(--faint); font-size: 8px; }
.copy-store-result.running > svg { animation: media-spin 1s linear infinite; }
.copy-store-result.error { color: #b84747; background: #fff8f8; }
.copy-store-ai-result { display: grid; gap: 12px; padding: 15px 16px; }
.copy-store-ai-result > .assistant-result { padding: 13px; background: white; border: 1px solid var(--line); border-radius: 7px; }
.copy-store-ai-result .creative-platform-note { margin: 0; }
.copy-store-preview-actions { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px; background: #f5f9ff; border: 1px solid #d6e5ff; border-radius: 7px; }
.copy-store-preview-actions a { text-decoration: none; }
.copy-store-preview-actions small { color: var(--muted); font-size: 8px; }
.copy-store-head > b { align-self: center; }
.copy-store-boundary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.copy-store-boundary article { display: grid; grid-template-columns: 34px minmax(0, 1fr); align-items: center; gap: 10px; padding: 13px 14px; background: white; border: 1px solid var(--line); border-radius: 7px; }
.copy-store-boundary article > svg { width: 22px; color: var(--blue); }
.copy-store-boundary strong, .copy-store-boundary small { display: block; }
.copy-store-boundary strong { font-size: 9px; }
.copy-store-boundary small { margin-top: 4px; color: var(--faint); font-size: 7px; line-height: 1.5; }
.copy-store-review { margin-top: 12px; overflow: hidden; background: white; border: 1px solid #d9e2ef; border-radius: 10px; box-shadow: 0 7px 24px rgba(37, 59, 96, .05); }
.copy-store-review > header { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 17px 18px; background: linear-gradient(125deg, #f6f9ff 0%, #f9fbff 55%, #effaf7 100%); border-bottom: 1px solid #dfe7f2; }
.copy-store-review > header p, .copy-store-review > header h3, .copy-store-review > header span { margin: 0; }
.copy-store-review > header p { color: var(--blue); font-size: 8px; font-weight: 850; letter-spacing: .08em; }
.copy-store-review > header h3 { margin-top: 5px; font-size: 16px; }
.copy-store-review > header span { display: block; margin-top: 5px; color: var(--muted); font-size: 8px; }
.copy-store-review form { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(260px, .85fr); gap: 14px; align-items: stretch; padding: 16px 18px 18px; }
.copy-store-review label { display: grid; align-content: start; gap: 7px; padding: 12px; background: #fafbfd; border: 1px solid #e4e9f1; border-radius: 8px; }
.copy-store-review label > span { color: var(--muted); font-size: 8px; font-weight: 700; }
.copy-store-review textarea, .copy-store-review select { width: 100%; min-height: 42px; padding: 10px 11px; color: var(--ink); background: white; border: 1px solid #d5deea; border-radius: 6px; outline: none; font: inherit; }
.copy-store-review textarea:focus, .copy-store-review select:focus { border-color: #78a4ff; box-shadow: 0 0 0 3px rgba(36, 107, 253, .09); }
.copy-store-review textarea { min-height: 88px; resize: vertical; }
.copy-store-review button { grid-column: 1 / -1; justify-self: end; }

@media (max-width: 900px) {
  .copy-store-stages, .copy-store-tools { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .copy-store-boundary { grid-template-columns: 1fr; }
  .copy-store-workspace > form { grid-template-columns: 1fr 1fr; }
  .copy-store-review form { grid-template-columns: 1fr; }
  .copy-store-workspace > form > label:last-of-type { grid-column: 1 / -1; }
}

@media (max-width: 620px) {
  .channel-store-grid, .copy-store-stages, .copy-store-tools, .copy-store-workspace > form { grid-template-columns: 1fr; }
  .channel-store-workspace > .list-title, .copy-store-workspace > header { align-items: flex-start; flex-direction: column; }
  .channel-store-workspace > .list-title > label { width: 100%; }
  .channel-store-grid > button { grid-template-columns: 38px minmax(0, 1fr); }
  .channel-store-grid button > b { grid-column: 2; }
  .copy-store-stages article { border-right: 0; border-bottom: 1px solid var(--line); }
  .copy-store-workspace > form > label:last-of-type { grid-column: auto; }
  .copy-store-preview-actions { align-items: flex-start; flex-direction: column; }
}

/* 2026-08-25 compact design workspaces */
.copy-store-page, .creative-studio-page { background: radial-gradient(circle at 100% 0%, rgba(60, 120, 255, .07), transparent 32%), linear-gradient(180deg, #f5f8fc 0%, #eef3f9 100%); }
.copy-store-page .copy-store-workspace { border-color: #d5e0ed; box-shadow: 0 12px 32px rgba(27, 50, 89, .07); }
.copy-store-page .copy-store-workspace > form { background: linear-gradient(180deg, #ffffff, #fbfcff); }
.copy-store-page .copy-store-boundary article { border-color: #dce5f1; box-shadow: 0 5px 15px rgba(28, 55, 96, .035); }
.creative-studio-page .creative-preview-console { background: linear-gradient(180deg, #f8faff, #ffffff 24%); border-color: #d3deec; box-shadow: 0 14px 34px rgba(27, 50, 89, .07); }
.creative-studio-page .creative-preview-console > header { display: none; }
.creative-studio-page .creative-task-form { margin: 14px; overflow: hidden; background: rgba(255, 255, 255, .94); border-color: #d8e3f2; box-shadow: 0 7px 20px rgba(42, 77, 126, .045); }
.creative-studio-page .creative-task-title { background: linear-gradient(125deg, #f4f7ff, #f7fbff 58%, #eefaf6); }
.creative-studio-page .creative-task-title small { color: #2c68da; }
.creative-studio-page .creative-task-fields select, .creative-studio-page .creative-target-fields input, .creative-studio-page .creative-target-fields select, .creative-studio-page .creative-task-prompt textarea { background: #f8faff; border-color: #d6e0ee; }
.copy-store-design-brief { padding: 11px 12px 10px 48px; }
.copy-store-design-brief::before { top: 11px; left: 11px; width: 26px; height: 26px; }
.copy-store-design-brief textarea { min-height: 66px; padding: 9px 10px; font-size: 8px; line-height: 1.55; }
.copy-store-review { display: grid; grid-template-columns: minmax(220px, .72fr) minmax(0, 1.75fr); }
.copy-store-review > header { align-items: flex-start; padding: 13px 14px; border-right: 1px solid #dfe7f2; border-bottom: 0; }
.copy-store-review > header h3 { font-size: 13px; }
.copy-store-review > header span { font-size: 7px; line-height: 1.45; }
.copy-store-review form { grid-template-columns: minmax(0, 1.35fr) minmax(210px, .8fr) auto; gap: 9px; align-items: end; padding: 11px 12px; }
.copy-store-review label { padding: 9px; }
.copy-store-review textarea { min-height: 54px; font-size: 8px; }
.copy-store-review select { font-size: 8px; }
.copy-store-review button { grid-column: auto; align-self: end; min-height: 42px; white-space: nowrap; }

@media (max-width: 900px) {
  .copy-store-review { grid-template-columns: 1fr; }
  .copy-store-review > header { border-right: 0; border-bottom: 1px solid #dfe7f2; }
  .copy-store-review form { grid-template-columns: 1fr 1fr; }
  .copy-store-review button { grid-column: 1 / -1; justify-self: end; }
}

@media (max-width: 620px) {
  .copy-store-review form { grid-template-columns: 1fr; }
  .copy-store-review button { grid-column: auto; justify-self: stretch; }
}

/* 2026-08-26 AI managed execution preview */
.preview-mode-chip {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 10px;
  color: #2d5b4f;
  background: #edf7f3;
  border: 1px solid #c9e3d8;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 750;
  white-space: nowrap;
}
.preview-mode-chip i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #1d9b6c;
  box-shadow: 0 0 0 4px rgba(29, 155, 108, .12);
}
.work-summary-hero, .reports-hero {
  background:
    radial-gradient(circle at 92% 18%, rgba(255, 255, 255, .14), transparent 22%),
    linear-gradient(128deg, #0b4d3e 0%, #116b57 58%, #0c3e36 100%);
}
.work-filter-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin: 16px 0;
  padding: 10px 12px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 12px;
  box-shadow: 0 6px 18px rgba(25, 45, 72, .04);
}
.work-view-tabs, .work-event-filter, .report-filter-tabs {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 3px;
  background: #f1f4f7;
  border-radius: 9px;
}
.work-view-tabs button, .work-event-filter button, .report-filter-tabs button {
  padding: 8px 13px;
  color: #69756f;
  background: transparent;
  border: 0;
  border-radius: 7px;
  font-size: 11px;
  font-weight: 750;
}
.work-view-tabs button.active, .work-event-filter button.active, .report-filter-tabs button.active {
  color: var(--brand);
  background: #fff;
  box-shadow: 0 2px 8px rgba(24, 55, 46, .08);
}
.work-filter-bar label {
  display: flex;
  align-items: center;
  gap: 9px;
  color: #6b7772;
  font-size: 11px;
  font-weight: 700;
}
.work-filter-bar select {
  min-width: 120px;
  height: 34px;
  padding: 0 30px 0 10px;
  color: var(--ink);
  background: #fff;
  border: 1px solid #d7e0dc;
  border-radius: 7px;
  font-size: 11px;
  font-weight: 700;
}
.work-kpi-grid { margin-top: 0; }
.work-section-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 20px;
  margin: 22px 0 11px;
}
.work-section-head h3 { margin: 0; font-size: 17px; }
.work-section-head p { margin: 4px 0 0; color: var(--muted); font-size: 10px; }
.work-section-head > span { color: var(--brand); font-size: 10px; font-weight: 800; }
.work-department-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 11px;
}
.work-department-card {
  overflow: hidden;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 12px;
  box-shadow: 0 7px 20px rgba(24, 45, 68, .045);
}
.work-department-card > header {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 13px 13px 10px;
}
.work-department-card > header > span {
  width: 35px;
  height: 35px;
  display: grid;
  place-items: center;
  color: #2563c9;
  background: #edf4ff;
  border-radius: 9px;
}
.work-department-card.green > header > span { color: #12825e; background: #e9f7f1; }
.work-department-card.orange > header > span { color: #b26b13; background: #fff4e3; }
.work-department-card.purple > header > span { color: #7148b3; background: #f4edff; }
.work-department-card.red > header > span { color: #b24842; background: #fff0ef; }
.work-department-card.gray > header > span { color: #53645e; background: #eef2f0; }
.work-department-card > header > span svg { width: 17px; }
.work-department-card > header div { flex: 1; min-width: 0; }
.work-department-card h3 { margin: 0; font-size: 13px; }
.work-department-card header small { display: block; margin-top: 2px; color: var(--muted); font-size: 9px; }
.work-department-card header b { color: var(--brand); font-size: 17px; }
.work-progress { height: 5px; margin: 0 13px; overflow: hidden; background: #edf1ef; border-radius: 999px; }
.work-progress i { display: block; height: 100%; background: linear-gradient(90deg, #186d58, #35a47f); border-radius: inherit; }
.work-department-card dl {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin: 11px 13px 0;
  padding: 10px 0;
  border-top: 1px solid #edf0ef;
  border-bottom: 1px solid #edf0ef;
}
.work-department-card dl div { text-align: center; border-right: 1px solid #edf0ef; }
.work-department-card dl div:last-child { border-right: 0; }
.work-department-card dt { color: var(--muted); font-size: 8px; }
.work-department-card dd { margin: 3px 0 0; font-size: 12px; font-weight: 850; }
.work-department-card > p { min-height: 30px; margin: 10px 13px 7px; color: #46564f; font-size: 9px; line-height: 1.55; }
.work-department-card > button {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 9px 13px;
  color: var(--brand);
  background: #f8faf9;
  border: 0;
  border-top: 1px solid #edf0ef;
  font-size: 9px;
  font-weight: 800;
}
.work-department-card > button svg { width: 13px; }
.work-two-column {
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 12px;
  margin-top: 12px;
}
.work-focus-panel, .work-source-panel { padding: 15px; }
.work-focus-panel .panel-head > b { color: #a33b36; font-size: 11px; }
.work-focus-list { display: grid; gap: 7px; }
.work-focus-list button {
  display: grid;
  grid-template-columns: 34px 1fr auto;
  align-items: center;
  gap: 9px;
  padding: 9px;
  text-align: left;
  background: #fbfcfc;
  border: 1px solid #e5ebe8;
  border-radius: 9px;
}
.work-focus-list button > span {
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  border-radius: 8px;
}
.work-focus-list button > span.red { color: #b3423c; background: #fff0ef; }
.work-focus-list button > span.orange { color: #b16c16; background: #fff4e3; }
.work-focus-list button > span.purple { color: #6c48ad; background: #f4edff; }
.work-focus-list svg { width: 15px; }
.work-focus-list strong, .work-source-list strong { display: block; font-size: 10px; }
.work-focus-list small, .work-source-list small { display: block; margin-top: 3px; color: var(--muted); font-size: 8px; }
.work-focus-list button > b { color: #7a8781; font-size: 9px; }
.work-source-list { display: grid; gap: 4px; }
.work-source-list > div {
  display: grid;
  grid-template-columns: 9px 1fr auto;
  align-items: center;
  gap: 9px;
  padding: 9px 4px;
  border-bottom: 1px solid #edf0ef;
}
.work-source-list > div:last-child { border-bottom: 0; }
.work-source-list > div > i { width: 7px; height: 7px; border-radius: 50%; }
.work-source-list > div > i.green { background: #24a478; box-shadow: 0 0 0 4px rgba(36, 164, 120, .1); }
.work-source-list > div > i.orange { background: #d38a27; box-shadow: 0 0 0 4px rgba(211, 138, 39, .1); }
.work-source-list > div > b { color: #708078; font-size: 9px; }
.work-events-panel { margin-top: 12px; }
.work-events-panel .list-title { align-items: center; }

.report-schedule-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 16px 0 12px;
}
.report-schedule-card {
  display: grid;
  grid-template-columns: 36px 1fr;
  gap: 10px;
  padding: 12px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 11px;
  box-shadow: 0 6px 18px rgba(24, 45, 68, .04);
}
.report-schedule-card > span {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  color: #1e6c58;
  background: #eaf6f1;
  border-radius: 9px;
}
.report-schedule-card > span svg { width: 17px; }
.report-schedule-card h3 { margin: 0; font-size: 11px; }
.report-schedule-card strong { display: block; margin-top: 4px; color: #395149; font-size: 9px; }
.report-schedule-card small { display: block; margin-top: 2px; color: var(--muted); font-size: 8px; line-height: 1.45; }
.report-schedule-card > button {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 7px 8px;
  color: #1e755e;
  background: #f1f8f5;
  border: 0;
  border-radius: 7px;
  font-size: 8px;
  font-weight: 800;
}
.report-schedule-card > button i { width: 7px; height: 7px; background: #20a476; border-radius: 50%; }
.report-schedule-card.disabled { opacity: .62; }
.report-schedule-card.disabled > button { color: #78847f; background: #f1f3f2; }
.report-schedule-card.disabled > button i { background: #8c9692; }
.report-latest-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(250px, .72fr);
  gap: 12px;
}
.report-latest-card, .report-quality-card { padding: 16px; }
.report-latest-card > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.report-latest-card header small { color: var(--gold); font-size: 8px; font-weight: 850; }
.report-latest-card header h3 { margin: 5px 0 0; font-size: 16px; }
.report-latest-card header p { margin: 4px 0 0; color: var(--muted); font-size: 9px; }
.report-headline {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-top: 13px;
  padding: 12px;
  background: linear-gradient(110deg, #edf7f3, #f7fbf9);
  border: 1px solid #d4e9df;
  border-radius: 10px;
}
.report-headline > span {
  width: 31px;
  height: 31px;
  display: grid;
  place-items: center;
  flex: 0 0 31px;
  color: #176d58;
  background: #fff;
  border-radius: 8px;
}
.report-headline svg { width: 16px; }
.report-headline strong { display: block; color: #24483e; font-size: 10px; line-height: 1.6; }
.report-headline small { display: block; margin-top: 4px; color: #668078; font-size: 8px; }
.report-outline { display: grid; gap: 6px; margin-top: 11px; }
.report-outline button {
  display: grid;
  grid-template-columns: 30px 1fr auto;
  align-items: center;
  gap: 9px;
  padding: 9px;
  text-align: left;
  background: #fff;
  border: 1px solid #e5ebe8;
  border-radius: 8px;
}
.report-outline button > span { color: #8b9a94; font: 800 9px/1 ui-monospace, monospace; }
.report-outline strong { display: block; font-size: 10px; }
.report-outline small { display: block; margin-top: 2px; color: var(--muted); font-size: 8px; }
.report-outline button > b { color: #27775f; font-size: 9px; }
.report-outline button > b.red { color: #b3413d; }
.report-latest-card > footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid #edf0ef;
}
.report-acknowledged { display: inline-flex; align-items: center; gap: 6px; color: #1d775e; font-size: 9px; font-weight: 800; }
.report-acknowledged svg { width: 15px; }
.report-quality-card .panel-head > b { color: #1d775e; font-size: 21px; }
.report-quality-score { height: 7px; overflow: hidden; background: #e9efec; border-radius: 999px; }
.report-quality-score i { display: block; height: 100%; background: linear-gradient(90deg, #1e7d62, #49b892); border-radius: inherit; }
.report-quality-card ul { display: grid; gap: 4px; margin: 12px 0 0; padding: 0; list-style: none; }
.report-quality-card li { display: flex; align-items: flex-start; gap: 8px; padding: 8px 0; border-bottom: 1px solid #edf0ef; }
.report-quality-card li:last-child { border-bottom: 0; }
.report-quality-card li > svg { width: 15px; flex: 0 0 15px; }
.report-quality-card li.ok > svg { color: #24926e; }
.report-quality-card li.warn > svg { color: #cf8420; }
.report-quality-card li strong { display: block; font-size: 9px; }
.report-quality-card li small { display: block; margin-top: 2px; color: var(--muted); font-size: 8px; line-height: 1.45; }
.report-history { margin-top: 12px; }
.preview-report-document h3 { margin: 17px 0 6px; color: #173e34; font-size: 13px; }
.preview-report-document h3:first-child { margin-top: 0; }
.preview-report-document p, .preview-report-document li { color: #53665f; font-size: 10px; line-height: 1.75; }
.preview-report-document ul { margin: 6px 0; padding-left: 18px; }

/* 一键 AI 托管执行预览 */
.ai-autopilot-shell {
  overflow: hidden;
  margin-bottom: 16px;
  background: #fff;
  border: 1px solid #dce4e1;
  border-radius: 14px;
  box-shadow: 0 14px 34px rgba(23, 50, 44, .08);
}
.ai-autopilot-shell.is-active { border-color: #b8ded2; box-shadow: 0 16px 38px rgba(22, 124, 94, .1); }
.autopilot-hero {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  padding: 22px 24px;
  color: #fff;
  background: linear-gradient(118deg, #122b2a 0%, #153b35 48%, #1e4356 100%);
}
.autopilot-identity { display: flex; align-items: flex-start; gap: 14px; min-width: 0; }
.autopilot-identity > span {
  display: grid;
  width: 44px;
  height: 44px;
  place-items: center;
  flex: 0 0 44px;
  color: #166f5b;
  background: linear-gradient(145deg, #bff5e2, #7de1c1);
  border-radius: 12px;
  box-shadow: 0 8px 20px rgba(74, 218, 170, .2);
}
.autopilot-identity > span svg { width: 21px; }
.autopilot-identity p { margin: 0 0 6px; color: #78e2be; font-size: 9px; font-weight: 850; letter-spacing: .09em; }
.autopilot-identity h2 { margin: 0; font-size: 23px; line-height: 1.2; }
.autopilot-identity strong { display: block; max-width: 720px; margin-top: 8px; color: #bfd6cf; font-size: 10px; font-weight: 600; line-height: 1.65; }
.autopilot-hero-actions { display: flex; align-items: center; justify-content: flex-end; gap: 8px; flex-wrap: wrap; }
.autopilot-status { display: inline-flex; align-items: center; gap: 6px; padding: 8px 10px; border-radius: 999px; font-size: 9px; font-weight: 850; white-space: nowrap; }
.autopilot-status svg { width: 14px; }
.autopilot-status.green { color: #8ff1ce; background: rgba(46, 170, 132, .2); border: 1px solid rgba(105, 226, 190, .28); }
.autopilot-status.orange { color: #ffd198; background: rgba(200, 128, 36, .19); border: 1px solid rgba(255, 196, 115, .25); }
.autopilot-status.gray { color: #d4dfdc; background: rgba(255, 255, 255, .08); border: 1px solid rgba(255, 255, 255, .14); }
.autopilot-hero .secondary-button { color: #e3efeb; background: rgba(255, 255, 255, .08); border-color: rgba(255, 255, 255, .16); }
.autopilot-hero .secondary-button:hover { background: rgba(255, 255, 255, .14); }
.autopilot-hero .secondary-button.danger { color: #ffd1d1; background: rgba(190, 64, 64, .16); border-color: rgba(255, 146, 146, .25); }
.autopilot-start { color: #123c31; background: linear-gradient(135deg, #92efd0, #5ed8b2); border: 0; box-shadow: 0 8px 20px rgba(78, 219, 171, .22); }
.autopilot-preflight { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; background: #f7fbf9; border-bottom: 1px solid #e0ebe7; }
.autopilot-preflight article { display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; align-items: center; gap: 9px; padding: 13px 15px; border-right: 1px solid #e1ebe7; }
.autopilot-preflight article:last-child { border-right: 0; }
.autopilot-preflight article > svg { width: 17px; color: #247b66; }
.autopilot-preflight strong { display: block; font-size: 9px; }
.autopilot-preflight small { display: block; margin-top: 2px; color: #758780; font-size: 7px; line-height: 1.4; }
.autopilot-preflight b { padding: 4px 6px; color: #22725e; background: #e5f5ef; border-radius: 999px; font-size: 7px; white-space: nowrap; }
.autopilot-config { padding: 18px 20px; background: #fbfcfc; border-bottom: 1px solid #e5ebe8; }
.autopilot-config[hidden] { display: none; }
.autopilot-config-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 13px; }
.autopilot-config-head h3 { margin: 0; font-size: 13px; }
.autopilot-config-head p { margin: 4px 0 0; color: var(--muted); font-size: 8px; }
.autopilot-config-head > span { padding: 5px 8px; color: #296f5d; background: #e9f5f1; border-radius: 999px; font-size: 8px; font-weight: 800; white-space: nowrap; }
.autopilot-field-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.autopilot-field-grid > label { display: flex; min-width: 0; flex-direction: column; gap: 6px; }
.autopilot-field-grid > label > span { color: #394d47; font-size: 8px; font-weight: 800; }
.autopilot-field-grid select, .autopilot-number { width: 100%; height: 36px; color: #253a34; background: #fff; border: 1px solid #d9e3df; border-radius: 8px; outline: 0; font: 600 9px/1.2 inherit; }
.autopilot-field-grid select { padding: 0 9px; }
.autopilot-field-grid select:focus, .autopilot-number:focus-within { border-color: #62ad97; box-shadow: 0 0 0 3px rgba(44, 145, 113, .08); }
.autopilot-number { display: flex; align-items: center; overflow: hidden; }
.autopilot-number b { padding: 0 9px; color: #70827c; font-size: 9px; }
.autopilot-number input { width: 100%; height: 100%; min-width: 0; padding: 0 8px; color: #253a34; background: transparent; border: 0; outline: 0; font: 700 9px/1.2 inherit; }
.autopilot-module-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 7px; margin-top: 12px; }
.autopilot-module-grid label { cursor: pointer; }
.autopilot-module-grid input { position: absolute; opacity: 0; pointer-events: none; }
.autopilot-module-grid span { display: flex; align-items: center; gap: 7px; padding: 8px 9px; color: #667772; background: #fff; border: 1px solid #dde5e2; border-radius: 8px; font-size: 8px; font-weight: 750; transition: .16s ease; }
.autopilot-module-grid span svg { width: 13px; flex: 0 0 13px; color: #99a6a2; }
.autopilot-module-grid input:checked + span { color: #236a57; background: #eef8f4; border-color: #add9ca; }
.autopilot-module-grid input:checked + span svg { color: #25886b; }
.autopilot-boundary { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: 12px; padding: 11px 12px; background: #fff7ec; border: 1px solid #f0dfc6; border-radius: 9px; }
.autopilot-boundary > div { display: flex; align-items: flex-start; gap: 9px; min-width: 0; }
.autopilot-boundary > div > svg { width: 16px; flex: 0 0 16px; color: #b87720; }
.autopilot-boundary strong { display: block; color: #78501f; font-size: 9px; }
.autopilot-boundary small { display: block; margin-top: 2px; color: #9c7b50; font-size: 8px; line-height: 1.45; }
.autopilot-boundary > label { display: flex; align-items: center; gap: 7px; flex: 0 0 auto; color: #735124; font-size: 8px; font-weight: 800; cursor: pointer; }
.autopilot-boundary input { accent-color: #1b8667; }
.autopilot-runtime { padding: 18px 20px 16px; }
.autopilot-kpis { display: grid; grid-template-columns: 1.35fr repeat(3, minmax(0, .72fr)); gap: 9px; }
.autopilot-kpis article { min-width: 0; padding: 12px; background: linear-gradient(145deg, #f7faf9, #fff); border: 1px solid #e0e7e4; border-radius: 9px; }
.autopilot-kpis span, .autopilot-kpis small { display: block; color: #7c8b86; font-size: 7px; }
.autopilot-kpis strong { display: block; overflow: hidden; margin: 5px 0 3px; color: #1e493e; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }
.autopilot-runtime-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 17px 0 9px; }
.autopilot-runtime-head h3 { margin: 0; font-size: 13px; }
.autopilot-runtime-head p { margin: 4px 0 0; color: var(--muted); font-size: 8px; }
.autopilot-runtime-head > span { display: inline-flex; align-items: center; gap: 6px; color: #63756f; font-size: 8px; font-weight: 750; }
.autopilot-runtime-head > span i { width: 7px; height: 7px; background: #2da77e; border-radius: 50%; box-shadow: 0 0 0 4px rgba(45, 167, 126, .1); }
.autopilot-task-list { overflow: hidden; border: 1px solid #e1e7e4; border-radius: 10px; }
.autopilot-task-row { display: grid; grid-template-columns: 34px minmax(260px, 1.5fr) minmax(170px, .8fr) auto; align-items: center; gap: 10px; padding: 11px 12px; background: #fff; border-bottom: 1px solid #edf0ef; }
.autopilot-task-row:last-child { border-bottom: 0; }
.autopilot-task-icon { display: grid; width: 31px; height: 31px; place-items: center; border-radius: 8px; }
.autopilot-task-icon svg { width: 15px; }
.autopilot-task-icon.gray { color: #7d8985; background: #f0f3f2; }
.autopilot-task-icon.green { color: #1c8668; background: #e9f7f2; }
.autopilot-task-icon.blue { color: #2d68b9; background: #edf4ff; }
.autopilot-task-icon.orange { color: #b8751e; background: #fff3e2; }
.autopilot-task-icon.purple { color: #7556b6; background: #f2edfc; }
.autopilot-task-main { min-width: 0; }
.autopilot-task-main header { display: flex; align-items: center; gap: 7px; }
.autopilot-task-main strong { font-size: 9px; }
.autopilot-task-main p { overflow: hidden; margin: 4px 0 0; color: #5f716b; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.autopilot-task-main small { display: block; overflow: hidden; margin-top: 3px; color: #909d99; font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }
.autopilot-task-policy small { display: block; color: #8a9793; font-size: 7px; }
.autopilot-task-policy strong { display: block; margin-top: 3px; font-size: 8px; }
.autopilot-task-policy span { display: flex; align-items: center; gap: 4px; margin-top: 4px; color: #528070; font-size: 7px; }
.autopilot-task-policy span svg { width: 11px; }
.autopilot-task-actions { display: flex; align-items: center; justify-content: flex-end; gap: 5px; }
.autopilot-task-actions button { padding: 6px 8px; color: #52655f; background: #fff; border: 1px solid #dce4e1; border-radius: 6px; font-size: 7px; font-weight: 800; white-space: nowrap; }
.autopilot-task-actions button.approve { color: #fff; background: #1f8065; border-color: #1f8065; }
.autopilot-footnote { display: flex; align-items: center; gap: 8px; padding: 10px 20px; color: #657671; background: #f8faf9; border-top: 1px solid #e6ece9; font-size: 8px; }
.autopilot-footnote svg { width: 14px; color: #3a8872; }
.autopilot-footnote strong { color: #38564e; }
.service-autopilot-shell { border-color: #d9e1ee; box-shadow: 0 14px 34px rgba(30, 49, 89, .09); }
.service-autopilot-shell.is-active { border-color: #b9cceb; box-shadow: 0 16px 38px rgba(45, 91, 178, .11); }
.service-autopilot-hero { background: linear-gradient(118deg, #17223d 0%, #20365f 52%, #294b67 100%); }
.service-autopilot-hero .autopilot-identity > span { color: #28558e; background: linear-gradient(145deg, #d8e9ff, #91bdf4); box-shadow: 0 8px 20px rgba(101, 159, 229, .22); }
.service-autopilot-hero .autopilot-identity p { color: #9fc6ff; }
.service-autopilot-hero .autopilot-identity strong { color: #c4d3e8; }
.service-autopilot-hero .autopilot-start { color: #15375d; background: linear-gradient(135deg, #c7e1ff, #82b8f3); box-shadow: 0 8px 20px rgba(94, 154, 225, .22); }
.service-preflight { background: #f7f9fd; border-color: #e0e7f1; }
.service-preflight article { border-color: #e2e8f1; }
.service-preflight article > svg { color: #3a6dac; }
.service-preflight b { color: #34649d; background: #eaf2fc; }
.service-autopilot-config { background: #fbfcfe; border-color: #e3e8f0; }
.service-autopilot-config .autopilot-config-head > span { color: #3a639c; background: #ebf2fb; }
.service-autopilot-config .autopilot-module-grid input:checked + span { color: #315f99; background: #f0f5fc; border-color: #b8cde8; }
.service-autopilot-config .autopilot-module-grid input:checked + span svg { color: #3e74b5; }
.service-boundary { background: #fff2f3; border-color: #f0d2d5; }
.service-boundary > div > svg { color: #c24752; }
.service-boundary strong { color: #87343b; }
.service-boundary small { color: #a9676d; }
.service-boundary > label { color: #80363d; }
.service-autopilot-kpis { grid-template-columns: 1.35fr repeat(4, minmax(0, .7fr)); }
.service-autopilot-kpis strong { color: #284f82; }
.service-session-list .autopilot-task-row { border-color: #e9edf4; }
.service-task-row .autopilot-task-policy span { color: #4e6f9c; }

@media (max-width: 1120px) {
  .work-department-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .report-schedule-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .autopilot-preflight { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .autopilot-preflight article:nth-child(2) { border-right: 0; }
  .autopilot-field-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .autopilot-module-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .autopilot-task-row { grid-template-columns: 34px minmax(220px, 1.4fr) minmax(150px, .8fr); }
  .autopilot-task-actions { grid-column: 2 / -1; justify-content: flex-start; }
  .service-autopilot-kpis { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 820px) {
  .work-filter-bar, .work-section-head { align-items: flex-start; flex-direction: column; }
  .work-view-tabs { width: 100%; overflow-x: auto; }
  .work-two-column, .report-latest-grid { grid-template-columns: 1fr; }
  .autopilot-hero, .autopilot-boundary { align-items: stretch; flex-direction: column; }
  .autopilot-hero-actions { justify-content: flex-start; }
  .autopilot-field-grid, .autopilot-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .service-autopilot-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .autopilot-task-row { grid-template-columns: 34px minmax(0, 1fr); }
  .autopilot-task-policy, .autopilot-task-actions { grid-column: 2; }
}

@media (max-width: 620px) {
  .work-department-grid, .report-schedule-grid { grid-template-columns: 1fr; }
  .work-view-tabs button { flex: 0 0 auto; }
  .work-filter-bar label { width: 100%; justify-content: space-between; }
  .work-filter-bar select { flex: 1; }
  .report-latest-card > footer { align-items: stretch; flex-direction: column; }
  .autopilot-hero { padding: 18px; }
  .autopilot-identity > span { width: 38px; height: 38px; flex-basis: 38px; }
  .autopilot-identity h2 { font-size: 18px; }
  .autopilot-hero-actions > button { flex: 1; }
  .autopilot-preflight, .autopilot-field-grid, .autopilot-module-grid, .autopilot-kpis { grid-template-columns: 1fr; }
  .service-autopilot-kpis { grid-template-columns: 1fr; }
  .autopilot-preflight article { border-right: 0; border-bottom: 1px solid #e1ebe7; }
  .autopilot-preflight article:last-child { border-bottom: 0; }
  .autopilot-config, .autopilot-runtime { padding: 15px; }
  .autopilot-config-head, .autopilot-runtime-head { align-items: flex-start; flex-direction: column; }
  .autopilot-task-main p, .autopilot-task-main small { white-space: normal; }
}

/* 全站升级第一版：统一经营状态栏、专业数据卡片与动态图表 */
.content.preview-upgraded-page {
  --preview-navy: #14213d;
  --preview-blue: #326bd6;
  --preview-cyan: #2f9eb1;
  --preview-green: #23866b;
  --preview-border: #e1e7ef;
  --preview-soft: #f5f8fc;
  color: #25324a;
}
.preview-upgraded-page > section { animation: none; }
.preview-upgraded-page .module-head h2,
.preview-upgraded-page .managed-hero h2 { letter-spacing: -.025em; }
.preview-upgraded-page .panel,
.preview-upgraded-page .list-workspace { border-color: var(--preview-border); box-shadow: 0 8px 24px rgba(24, 42, 78, .045); }
.preview-upgraded-page table { font-variant-numeric: tabular-nums; }
.preview-upgraded-page table thead th { color: #6b7890; background: #f7f9fc; letter-spacing: .02em; }
.preview-upgraded-page table tbody tr { transition: background .16s ease, transform .16s ease; }
.preview-upgraded-page table tbody tr:hover { background: #f7faff; }

.preview-global-toolbar {
  position: relative;
  z-index: 24;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  min-height: 58px;
  margin: -3px 0 15px;
  padding: 10px 14px;
  background: #fff;
  border: 1px solid #dde4ee;
  border-radius: 12px;
  box-shadow: 0 9px 26px rgba(28, 48, 86, .08);
}
.preview-toolbar-context { display: grid; grid-template-columns: auto auto; align-items: center; gap: 2px 10px; min-width: 230px; }
.preview-toolbar-context > strong { color: #1d2e4d; font-size: 11px; }
.preview-toolbar-context > small { grid-column: 1 / -1; overflow: hidden; color: #7c899d; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.preview-live-dot { display: inline-flex; align-items: center; gap: 6px; width: max-content; padding: 4px 7px; color: #1c755e; background: #eaf7f2; border: 1px solid #cfece1; border-radius: 999px; font-size: 7px; font-weight: 800; }
.preview-live-dot i { width: 6px; height: 6px; background: #24a57f; border-radius: 50%; box-shadow: 0 0 0 4px rgba(36, 165, 127, .12); animation: preview-live-pulse 2s ease infinite; }
@keyframes preview-live-pulse { 50% { box-shadow: 0 0 0 7px rgba(36, 165, 127, 0); } }
.preview-toolbar-controls { display: flex; align-items: center; justify-content: flex-end; gap: 8px; min-width: 0; }
.preview-toolbar-controls > label { display: flex; align-items: center; height: 34px; overflow: hidden; background: #f7f9fc; border: 1px solid #e0e6ee; border-radius: 8px; }
.preview-toolbar-controls > label > span { padding-left: 9px; color: #8490a2; font-size: 7px; font-weight: 700; }
.preview-toolbar-controls select { height: 100%; padding: 0 26px 0 6px; color: #263752; background: transparent; border: 0; outline: 0; font: 750 8px/1 inherit; cursor: pointer; }
.preview-auto-refresh { display: flex; align-items: center; gap: 7px; min-width: 86px; height: 34px; padding: 0 9px; color: #6a7688; background: #fff; border: 1px solid #dde4ed; border-radius: 8px; cursor: pointer; }
.preview-auto-refresh.active { color: #206f5b; background: #f0f9f6; border-color: #c8e8dd; }
.preview-auto-refresh > svg { width: 13px; }
.preview-auto-refresh > span { display: flex; flex-direction: column; align-items: flex-start; font-size: 7px; font-weight: 800; line-height: 1.2; }
.preview-auto-refresh small { margin-top: 2px; color: #8b97a7; font-size: 6px; font-weight: 600; }
.preview-update-time { color: #8994a5; font-size: 7px; white-space: nowrap; }
.preview-update-time b { color: #526176; font-variant-numeric: tabular-nums; }
.preview-toolbar-icon { display: grid; width: 34px; height: 34px; place-items: center; color: #5d6b7e; background: #fff; border: 1px solid #dde4ed; border-radius: 8px; cursor: pointer; transition: .16s ease; }
.preview-toolbar-icon:hover { color: var(--preview-blue); border-color: #a9bee8; box-shadow: 0 5px 12px rgba(50, 107, 214, .1); transform: translateY(-1px); }
.preview-toolbar-icon svg { width: 13px; }

.preview-analytics-shell {
  margin: 15px 0;
  padding: 16px;
  background: linear-gradient(145deg, #f5f8fd, #f9fbfe 58%, #f2f7fb);
  border: 1px solid #dfe6f0;
  border-radius: 13px;
  box-shadow: 0 12px 30px rgba(24, 46, 84, .055);
}
.preview-analytics-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; margin-bottom: 13px; }
.preview-analytics-head p { margin: 0 0 4px; color: #4d76c3; font-size: 7px; font-weight: 850; letter-spacing: .13em; }
.preview-analytics-head h3 { margin: 0; color: #1c2d4a; font-size: 15px; letter-spacing: -.02em; }
.preview-analytics-head > div:first-child > span { display: block; margin-top: 4px; color: #7c899b; font-size: 8px; }
.preview-analytics-head > div:last-child { display: flex; align-items: center; gap: 8px; }
.preview-data-quality { display: inline-flex; align-items: center; gap: 5px; color: #3f6f62; font-size: 7px; font-weight: 750; }
.preview-data-quality svg { width: 12px; }
.preview-analytics-head button { display: inline-flex; align-items: center; gap: 5px; height: 30px; padding: 0 10px; color: #315fae; background: #fff; border: 1px solid #cfdbef; border-radius: 7px; font-size: 7px; font-weight: 800; cursor: pointer; }
.preview-analytics-head button svg { width: 11px; }
.preview-chart-layout { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(210px, .78fr) minmax(190px, .62fr); gap: 10px; }
.preview-chart-card { min-width: 0; padding: 13px; background: rgba(255, 255, 255, .94); border: 1px solid #e0e6ef; border-radius: 10px; box-shadow: 0 6px 18px rgba(29, 49, 84, .035); }
.preview-chart-card > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; }
.preview-chart-card > header span { display: block; color: #748198; font-size: 7px; font-weight: 700; }
.preview-chart-card > header strong { display: block; margin-top: 4px; color: #1c2f50; font-size: 17px; font-variant-numeric: tabular-nums; letter-spacing: -.03em; }
.preview-chart-card > header strong small { margin-left: 3px; color: #7b8798; font-size: 7px; font-weight: 650; }
.preview-trend-card > header > b { display: inline-flex; align-items: center; gap: 3px; padding: 4px 6px; border-radius: 999px; font-size: 7px; }
.preview-trend-card > header > b.up { color: #237b62; background: #ebf8f3; }
.preview-trend-card > header > b.down { color: #ba4a58; background: #fff0f1; }
.preview-trend-card > header > b svg { width: 10px; }
.preview-line-chart { height: 154px; margin-top: 4px; }
.preview-line-chart svg { display: block; width: 100%; height: 134px; overflow: visible; }
.preview-chart-gridlines line { stroke: #e9edf3; stroke-width: 1; stroke-dasharray: 3 5; }
.preview-chart-area { fill: url(#previewLineArea); }
.preview-chart-line { fill: none; stroke: #3975dc; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(0 4px 4px rgba(57, 117, 220, .15)); }
.preview-chart-point circle { fill: #fff; stroke: #3975dc; stroke-width: 2; transition: r .15s ease; }
.preview-chart-point:hover circle { r: 6; }
.preview-chart-labels { display: grid; grid-template-columns: repeat(7, 1fr); padding: 0 1px; color: #8d98a8; font-size: 6px; text-align: center; }
.preview-compare-card > header strong { margin-top: 4px; font-size: 10px; letter-spacing: 0; }
.preview-compare-card > header button,
.preview-insight-card > header button { display: grid; width: 24px; height: 24px; place-items: center; color: #798599; background: #f7f9fc; border: 0; border-radius: 6px; cursor: pointer; }
.preview-compare-card > header button svg,
.preview-insight-card > header button svg { width: 12px; }
.preview-bar-list { display: grid; gap: 13px; margin-top: 17px; }
.preview-bar-row { display: grid; grid-template-columns: 62px minmax(0, 1fr) 28px; align-items: center; gap: 7px; }
.preview-bar-row > span { overflow: hidden; color: #526177; font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }
.preview-bar-row > div { height: 7px; overflow: hidden; background: #edf1f6; border-radius: 999px; }
.preview-bar-row > div i { display: block; height: 100%; background: linear-gradient(90deg, #4f83df, #38a4b3); border-radius: inherit; box-shadow: 0 0 8px rgba(58, 131, 217, .16); transition: width .65s cubic-bezier(.2, .7, .2, 1); }
.preview-bar-row > b { color: #526177; font-size: 7px; font-variant-numeric: tabular-nums; text-align: right; }
.preview-compare-card > footer { display: flex; align-items: center; justify-content: space-between; margin-top: 16px; padding-top: 9px; border-top: 1px solid #edf0f4; }
.preview-compare-card > footer span { display: flex; align-items: center; gap: 5px; color: #68758a; font-size: 6px; }
.preview-compare-card > footer span i { width: 7px; height: 7px; background: #4680dd; border-radius: 2px; }
.preview-compare-card > footer small { color: #99a3b1; font-size: 6px; }
.preview-insight-card { display: flex; flex-direction: column; }
.preview-insight-card > header > span { color: #748198; font-size: 7px; font-weight: 750; }
.preview-donut { display: grid; width: 94px; height: 94px; margin: 12px auto 8px; padding: 10px; place-items: center; background: conic-gradient(#3775d8 var(--preview-donut), #e9eef5 0); border-radius: 50%; box-shadow: 0 8px 20px rgba(43, 91, 174, .12); }
.preview-donut > div { display: grid; width: 100%; height: 100%; place-content: center; background: #fff; border-radius: 50%; text-align: center; }
.preview-donut strong { color: #203657; font-size: 15px; font-variant-numeric: tabular-nums; }
.preview-donut span { margin-top: 2px; color: #78859a; font-size: 6px; }
.preview-insight-card > p { min-height: 33px; margin: 6px 0 8px; color: #58687d; font-size: 7px; line-height: 1.55; }
.preview-insight-card > footer { display: flex; align-items: center; gap: 5px; margin-top: auto; padding-top: 8px; color: #8995a5; border-top: 1px solid #edf0f4; font-size: 6px; }
.preview-insight-card > footer svg { width: 10px; }

@media (max-width: 1180px) {
  .preview-global-toolbar { align-items: flex-start; flex-direction: column; }
  .preview-toolbar-controls { width: 100%; justify-content: flex-start; }
  .preview-chart-layout { grid-template-columns: minmax(0, 1.35fr) minmax(210px, .8fr); }
  .preview-insight-card { grid-column: 1 / -1; display: grid; grid-template-columns: auto 120px minmax(0, 1fr); align-items: center; gap: 14px; }
  .preview-insight-card > header { grid-column: 1 / -1; }
  .preview-insight-card > footer { margin: 0; }
}

@media (max-width: 820px) {
  .preview-global-toolbar { position: relative; }
  .preview-toolbar-controls { flex-wrap: wrap; }
  .preview-update-time { margin-left: auto; }
  .preview-analytics-head { align-items: flex-start; flex-direction: column; }
  .preview-chart-layout { grid-template-columns: 1fr; }
  .preview-insight-card { grid-column: auto; display: flex; }
}

@media (max-width: 560px) {
  .preview-global-toolbar { padding: 10px; }
  .preview-toolbar-context { min-width: 0; width: 100%; }
  .preview-toolbar-controls > label { flex: 1; min-width: 115px; }
  .preview-toolbar-controls select { width: 100%; }
  .preview-auto-refresh { flex: 1; }
  .preview-update-time { order: 5; width: 100%; margin: 0; }
  .preview-analytics-shell { padding: 12px; }
  .preview-analytics-head > div:last-child { width: 100%; justify-content: space-between; }
  .preview-line-chart { height: 135px; }
  .preview-line-chart svg { height: 116px; }
}

/* ChatGPT / Codex unified workspace */
.openai-workspace-shell { --openai-accent: #16836f; --openai-accent-soft: #eaf8f4; display: grid; gap: 18px; padding-bottom: 8px; }
.openai-workspace-shell.codex { --openai-accent: #316ed6; --openai-accent-soft: #edf3ff; }
.openai-workspace-tabs { display: inline-flex; width: max-content; padding: 4px; background: #e9eef5; border: 1px solid #dde5ef; border-radius: 12px; }
.openai-workspace-tabs button { display: inline-flex; align-items: center; gap: 8px; min-width: 136px; height: 38px; padding: 0 18px; justify-content: center; color: #647289; background: transparent; border: 0; border-radius: 9px; font: inherit; font-size: 13px; font-weight: 800; cursor: pointer; }
.openai-workspace-tabs button svg { width: 16px; }
.openai-workspace-tabs button.active { color: #1d3353; background: #fff; box-shadow: 0 4px 13px rgba(30, 53, 86, .1); }
.openai-workspace-hero { position: relative; display: grid; grid-template-columns: 72px minmax(0, 1fr) minmax(250px, .42fr); gap: 24px; align-items: start; overflow: hidden; padding: 30px; color: #fff; background: linear-gradient(125deg, #172744 0%, #1b3c53 58%, #176e65 112%); border: 1px solid rgba(255,255,255,.08); border-radius: 18px; box-shadow: 0 18px 42px rgba(22, 42, 70, .15); }
.openai-workspace-shell.codex .openai-workspace-hero { background: linear-gradient(125deg, #172744 0%, #203c70 60%, #315fae 115%); }
.openai-workspace-hero::after { position: absolute; right: -80px; top: -120px; width: 320px; height: 320px; content: ""; background: radial-gradient(circle, rgba(255,255,255,.15), transparent 68%); pointer-events: none; }
.openai-product-mark { position: relative; z-index: 1; display: grid; width: 66px; height: 66px; place-items: center; color: #fff; background: rgba(255,255,255,.13); border: 1px solid rgba(255,255,255,.28); border-radius: 18px; font-size: 16px; font-weight: 900; letter-spacing: -.02em; box-shadow: inset 0 1px 0 rgba(255,255,255,.16); }
.openai-workspace-hero > div:nth-child(2) { position: relative; z-index: 1; min-width: 0; }
.openai-workspace-hero > div:nth-child(2) > p,
.openai-quick-panel header p,
.openai-boundary-panel header p { margin: 0 0 7px; color: #83d8c5; font-size: 10px; font-weight: 900; letter-spacing: .12em; }
.openai-workspace-shell.codex .openai-workspace-hero > div:nth-child(2) > p { color: #a9c8ff; }
.openai-workspace-hero h2 { margin: 0; font-size: clamp(25px, 2.4vw, 34px); letter-spacing: -.035em; }
.openai-workspace-hero > div:nth-child(2) > span { display: block; max-width: 720px; margin-top: 10px; color: rgba(255,255,255,.76); font-size: 14px; line-height: 1.75; }
.openai-workspace-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; }
.openai-workspace-actions a { text-decoration: none; }
.openai-workspace-actions .primary-button { color: #fff; background: var(--openai-accent); border-color: transparent; }
.openai-workspace-actions .secondary-button { color: #fff; background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.26); }
.openai-workspace-hero aside { position: relative; z-index: 1; padding: 17px; background: rgba(255,255,255,.09); border: 1px solid rgba(255,255,255,.16); border-radius: 13px; backdrop-filter: blur(8px); }
.openai-workspace-hero aside .tag { margin-bottom: 13px; }
.openai-workspace-hero dl { display: grid; gap: 9px; margin: 0; }
.openai-workspace-hero dl div { display: flex; justify-content: space-between; gap: 10px; padding-top: 9px; border-top: 1px solid rgba(255,255,255,.11); }
.openai-workspace-hero dt { color: rgba(255,255,255,.58); font-size: 11px; }
.openai-workspace-hero dd { overflow: hidden; margin: 0; color: #fff; font-size: 11px; font-weight: 750; text-align: right; text-overflow: ellipsis; white-space: nowrap; }
.openai-capability-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.openai-capability-grid article { display: flex; gap: 13px; min-width: 0; padding: 18px; background: #fff; border: 1px solid #dfe6ef; border-radius: 13px; box-shadow: 0 6px 20px rgba(28, 50, 82, .04); }
.openai-capability-grid article > span { display: grid; flex: 0 0 39px; width: 39px; height: 39px; place-items: center; color: var(--openai-accent); background: var(--openai-accent-soft); border-radius: 11px; }
.openai-capability-grid article > span svg { width: 19px; }
.openai-capability-grid h3 { margin: 1px 0 5px; color: #213551; font-size: 13px; }
.openai-capability-grid p { margin: 0; color: #738096; font-size: 11px; line-height: 1.65; }
.openai-workspace-lower { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(310px, .65fr); gap: 14px; }
.openai-quick-panel,
.openai-boundary-panel { padding: 21px; background: #fff; border: 1px solid #dfe6ef; border-radius: 14px; box-shadow: 0 7px 22px rgba(28, 50, 82, .04); }
.openai-quick-panel header { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.openai-quick-panel header p,
.openai-boundary-panel header p { color: var(--openai-accent); }
.openai-quick-panel h3,
.openai-boundary-panel h3 { margin: 0; color: #213551; font-size: 16px; }
.openai-quick-panel header > span { padding: 5px 8px; color: #68768b; background: #f3f6fa; border-radius: 999px; font-size: 10px; font-weight: 750; }
.openai-quick-panel > div { display: grid; gap: 8px; margin-top: 16px; }
.openai-quick-panel a,
.openai-quick-panel button { display: flex; width: 100%; min-height: 44px; align-items: center; justify-content: space-between; gap: 12px; padding: 0 14px; color: #334a69; background: #f8fafc; border: 1px solid #e6ebf2; border-radius: 10px; font: inherit; font-size: 12px; font-weight: 700; text-align: left; text-decoration: none; cursor: pointer; transition: .15s ease; }
.openai-quick-panel a:hover,
.openai-quick-panel button:hover { color: var(--openai-accent); background: var(--openai-accent-soft); border-color: color-mix(in srgb, var(--openai-accent) 30%, #dce4ee); transform: translateY(-1px); }
.openai-quick-panel a svg,
.openai-quick-panel button svg { width: 15px; }
.openai-boundary-panel { display: flex; flex-direction: column; gap: 14px; }
.openai-boundary-panel > div { display: flex; gap: 11px; padding-top: 13px; border-top: 1px solid #edf0f4; }
.openai-boundary-panel > div > svg { flex: 0 0 18px; width: 18px; color: var(--openai-accent); }
.openai-boundary-panel > div span { display: grid; gap: 4px; }
.openai-boundary-panel > div strong { color: #334963; font-size: 12px; }
.openai-boundary-panel > div small { color: #7b8799; font-size: 10px; line-height: 1.6; }
.openai-boundary-panel > button { align-self: flex-start; margin-top: auto; }
.openai-workspace-footer { display: flex; align-items: center; gap: 8px; padding: 0 4px; color: #7c8898; font-size: 10px; }
.openai-workspace-footer svg { width: 14px; }
.service-analysis-bridge-note { display: grid; grid-template-columns: 42px minmax(0, 1fr) auto; gap: 13px; align-items: center; margin: 14px 0; padding: 15px 17px; background: #fff8ed; border: 1px solid #f1d5a8; border-radius: 12px; }
.service-analysis-bridge-note > span { display: grid; width: 40px; height: 40px; place-items: center; color: #a86618; background: #ffedce; border-radius: 10px; }
.service-analysis-bridge-note > span svg { width: 19px; }
.service-analysis-bridge-note strong { color: #68471e; font-size: 12px; }
.service-analysis-bridge-note p { margin: 4px 0 0; color: #8b6b42; font-size: 10px; line-height: 1.55; }
.service-analysis-bridge-note button { display: inline-flex; align-items: center; gap: 6px; padding: 9px 11px; color: #8a5718; background: #fff; border: 1px solid #e7c38e; border-radius: 8px; font: inherit; font-size: 10px; font-weight: 800; cursor: pointer; }
.service-analysis-bridge-note button svg { width: 13px; }

@media (max-width: 1100px) {
  .openai-workspace-hero { grid-template-columns: 62px minmax(0, 1fr); }
  .openai-workspace-hero aside { grid-column: 1 / -1; display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 14px; }
  .openai-workspace-hero aside .tag { margin: 0; }
  .openai-workspace-hero aside dl { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .openai-capability-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
  .openai-workspace-tabs { display: grid; width: 100%; grid-template-columns: 1fr 1fr; }
  .openai-workspace-tabs button { min-width: 0; }
  .openai-workspace-hero { grid-template-columns: 1fr; padding: 22px; }
  .openai-product-mark { width: 54px; height: 54px; border-radius: 15px; }
  .openai-workspace-hero aside { grid-column: auto; display: block; }
  .openai-workspace-hero aside .tag { margin-bottom: 12px; }
  .openai-workspace-hero aside dl { grid-template-columns: 1fr; }
  .openai-capability-grid,
  .openai-workspace-lower { grid-template-columns: 1fr; }
  .service-analysis-bridge-note { grid-template-columns: 38px minmax(0, 1fr); }
  .service-analysis-bridge-note button { grid-column: 1 / -1; justify-content: center; }
}

/* AI Learning Center */
.ai-learning-shell { --learning-blue: #246bfd; --learning-ink: #173151; --learning-teal: #17a889; display: grid; gap: 18px; padding-bottom: 28px; }
.ai-learning-hero { position: relative; isolation: isolate; display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(280px, .55fr); gap: 28px; overflow: hidden; padding: 38px 40px; color: #fff; background: radial-gradient(circle at 88% 20%, rgba(68, 203, 184, .34), transparent 27%), linear-gradient(125deg, #122645 0%, #1d4077 57%, #176f75 120%); border: 1px solid rgba(84, 126, 190, .34); border-radius: 22px; box-shadow: 0 22px 48px rgba(26, 57, 100, .14); }
.ai-learning-hero::after { position: absolute; z-index: -1; right: -100px; bottom: -160px; width: 390px; height: 390px; content: ""; border: 1px solid rgba(255,255,255,.1); border-radius: 50%; box-shadow: 0 0 0 55px rgba(255,255,255,.035), 0 0 0 110px rgba(255,255,255,.025); }
.ai-learning-hero-copy { align-self: center; }
.ai-learning-eyebrow { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 18px; color: #8ce2d2; font-size: 11px; font-weight: 900; letter-spacing: .13em; }
.ai-learning-eyebrow svg { width: 17px; }
.ai-learning-hero h2 { margin: 0; font-size: clamp(29px, 3vw, 42px); letter-spacing: -.045em; }
.ai-learning-hero-copy > p { max-width: 720px; margin: 14px 0 0; color: rgba(255,255,255,.76); font-size: 14px; line-height: 1.85; }
.ai-learning-hero-copy > div { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 25px; }
.ai-learning-hero .primary-button { background: linear-gradient(135deg, #2b76ff, #1aa68b); border: 0; box-shadow: 0 9px 20px rgba(12, 50, 110, .26); }
.ai-learning-hero .secondary-button { color: #fff; background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.25); }
.ai-learning-hero aside { display: grid; grid-template-columns: 132px minmax(0, 1fr); gap: 19px; align-items: center; padding: 20px; background: rgba(255,255,255,.085); border: 1px solid rgba(255,255,255,.17); border-radius: 18px; backdrop-filter: blur(10px); }
.ai-learning-progress-ring { display: grid; width: 130px; height: 130px; place-items: center; background: conic-gradient(#65e0c8 var(--learning-progress), rgba(255,255,255,.13) 0); border-radius: 50%; }
.ai-learning-progress-ring::before { grid-area: 1 / 1; width: 102px; height: 102px; content: ""; background: #1f3d65; border-radius: 50%; box-shadow: inset 0 0 20px rgba(14, 29, 57, .25); }
.ai-learning-progress-ring span { z-index: 1; grid-area: 1 / 1; display: grid; text-align: center; }
.ai-learning-progress-ring strong { font-size: 27px; letter-spacing: -.04em; }
.ai-learning-progress-ring small { margin-top: 2px; color: rgba(255,255,255,.6); font-size: 9px; }
.ai-learning-hero dl { display: grid; gap: 11px; margin: 0; }
.ai-learning-hero dl div { display: grid; gap: 3px; padding-bottom: 10px; border-bottom: 1px solid rgba(255,255,255,.12); }
.ai-learning-hero dl div:last-child { padding-bottom: 0; border: 0; }
.ai-learning-hero dt { color: rgba(255,255,255,.52); font-size: 9px; }
.ai-learning-hero dd { overflow: hidden; margin: 0; color: #fff; font-size: 11px; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
.ai-learning-personal-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.ai-learning-personal-stats article { display: flex; gap: 13px; align-items: center; padding: 18px; background: #fff; border: 1px solid #dfe7f0; border-radius: 14px; box-shadow: 0 7px 22px rgba(26, 54, 88, .045); }
.ai-learning-personal-stats article > span { display: grid; flex: 0 0 42px; width: 42px; height: 42px; place-items: center; color: var(--learning-blue); background: #edf4ff; border-radius: 12px; }
.ai-learning-personal-stats article:nth-child(2) > span { color: #169379; background: #eaf9f5; }
.ai-learning-personal-stats article:nth-child(3) > span { color: #8b5fd3; background: #f4effc; }
.ai-learning-personal-stats article:nth-child(4) > span { color: #de7c29; background: #fff3e9; }
.ai-learning-personal-stats svg { width: 19px; }
.ai-learning-personal-stats div { display: grid; min-width: 0; }
.ai-learning-personal-stats small { color: #8390a2; font-size: 9px; }
.ai-learning-personal-stats strong { margin-top: 3px; color: var(--learning-ink); font-size: 19px; letter-spacing: -.03em; }
.ai-learning-personal-stats em { margin-top: 3px; overflow: hidden; color: #a0a9b6; font-size: 8px; font-style: normal; text-overflow: ellipsis; white-space: nowrap; }
.ai-learning-path-panel, .ai-learning-course-panel, .ai-learning-admin { padding: 24px; background: #fff; border: 1px solid #dce5ef; border-radius: 17px; box-shadow: 0 8px 26px rgba(27, 55, 91, .045); }
.ai-learning-section-title { display: flex; align-items: flex-start; justify-content: space-between; gap: 15px; }
.ai-learning-section-title p, .ai-learning-admin > header p, .ai-learning-cockpit-head p { margin: 0 0 5px; color: #3675db; font-size: 9px; font-weight: 900; letter-spacing: .13em; }
.ai-learning-section-title h2, .ai-learning-admin > header h2 { margin: 0; color: var(--learning-ink); font-size: 19px; letter-spacing: -.03em; }
.ai-learning-section-title span, .ai-learning-admin > header span { display: block; margin-top: 5px; color: #8692a3; font-size: 10px; }
.ai-learning-section-title > b { padding: 7px 10px; color: #157e6d; background: #eaf8f4; border-radius: 999px; font-size: 10px; }
.ai-learning-path { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-top: 20px; }
.ai-learning-path article { position: relative; display: grid; grid-template-columns: 39px minmax(0, 1fr) auto; gap: 10px; align-items: center; min-width: 0; padding: 16px; background: #f8fafc; border: 1px solid #e6ebf2; border-radius: 13px; }
.ai-learning-path article > b { position: absolute; top: 8px; right: 10px; color: #dce4ef; font-size: 23px; font-weight: 900; }
.ai-learning-path article > span { z-index: 1; display: grid; width: 39px; height: 39px; place-items: center; color: #8090a7; background: #edf1f6; border-radius: 11px; }
.ai-learning-path article.active > span, .ai-learning-path article.complete > span { color: #fff; background: linear-gradient(135deg, #2f75eb, #1aa58a); }
.ai-learning-path article svg { width: 18px; }
.ai-learning-path article > div { z-index: 1; display: grid; min-width: 0; }
.ai-learning-path article > div strong { color: #283f5c; font-size: 12px; }
.ai-learning-path article > div small { margin-top: 3px; overflow: hidden; color: #8491a3; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.ai-learning-path article > div > i { overflow: hidden; height: 4px; margin-top: 9px; background: #e4eaf1; border-radius: 999px; }
.ai-learning-path article > div > i em { display: block; height: 100%; background: linear-gradient(90deg, #3378ee, #1db298); border-radius: inherit; }
.ai-learning-path mark { z-index: 1; align-self: end; color: #697a90; background: none; font-size: 9px; font-weight: 800; }
.ai-learning-filters { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 18px; padding-bottom: 16px; border-bottom: 1px solid #edf1f5; }
.ai-learning-filters button { padding: 8px 12px; color: #68788e; background: #f6f8fb; border: 1px solid #e6ebf2; border-radius: 999px; font: inherit; font-size: 9px; font-weight: 750; cursor: pointer; }
.ai-learning-filters button.active { color: #fff; background: #286cdb; border-color: #286cdb; box-shadow: 0 5px 12px rgba(38, 108, 219, .2); }
.ai-learning-course-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-top: 17px; }
.ai-learning-course-card { position: relative; display: flex; min-width: 0; min-height: 250px; flex-direction: column; align-items: stretch; padding: 18px; color: inherit; background: linear-gradient(180deg, #fff, #fbfcfe); border: 1px solid #e1e7ef; border-radius: 14px; font: inherit; text-align: left; cursor: pointer; transition: .18s ease; }
.ai-learning-course-card:hover { border-color: #abc5ed; box-shadow: 0 13px 28px rgba(37, 83, 145, .1); transform: translateY(-3px); }
.ai-learning-course-icon { display: grid; width: 41px; height: 41px; place-items: center; color: #246bd7; background: #eef4ff; border-radius: 12px; }
.ai-learning-course-icon svg { width: 19px; }
.ai-learning-course-meta { display: flex; justify-content: space-between; gap: 8px; margin-top: 14px; color: #3977d5; font-size: 8px; font-weight: 800; }
.ai-learning-course-meta em { color: #95a0ae; font-style: normal; font-weight: 600; }
.ai-learning-course-card h3 { margin: 10px 0 0; color: #263e5b; font-size: 13px; line-height: 1.45; }
.ai-learning-course-card > p { margin: 8px 0 14px; color: #7a8799; font-size: 9px; line-height: 1.65; }
.ai-learning-course-progress { display: grid; gap: 6px; margin-top: auto; }
.ai-learning-course-progress > i { overflow: hidden; height: 5px; background: #e8edf3; border-radius: 999px; }
.ai-learning-course-progress > i b { display: block; height: 100%; background: linear-gradient(90deg, #3378ed, #18ae91); border-radius: inherit; }
.ai-learning-course-progress span { color: #7c8b9e; font-size: 8px; }
.ai-learning-course-card footer { display: flex; justify-content: space-between; align-items: center; margin-top: 13px; padding-top: 12px; color: #2568ce; border-top: 1px solid #edf1f5; font-size: 9px; }
.ai-learning-course-card footer svg { width: 13px; }
.ai-learning-lab { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; }
.ai-learning-lab article { display: grid; grid-template-columns: 48px minmax(0, 1fr) auto; gap: 15px; align-items: center; padding: 20px; color: #fff; background: linear-gradient(135deg, #162b4b, #224f88); border-radius: 15px; box-shadow: 0 12px 25px rgba(27, 59, 103, .11); }
.ai-learning-lab article:nth-child(2) { background: linear-gradient(135deg, #192b49, #335d9c); }
.ai-learning-lab article > span { display: grid; width: 48px; height: 48px; place-items: center; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.13); border-radius: 13px; }
.ai-learning-lab article > span svg { width: 21px; }
.ai-learning-lab small { color: #81d7c7; font-size: 8px; font-weight: 900; letter-spacing: .1em; }
.ai-learning-lab h3 { margin: 4px 0; font-size: 14px; }
.ai-learning-lab p { margin: 0; color: rgba(255,255,255,.62); font-size: 9px; line-height: 1.55; }
.ai-learning-lab button { padding: 9px 11px; color: #fff; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.24); border-radius: 8px; font: inherit; font-size: 9px; font-weight: 800; cursor: pointer; }
.ai-learning-admin { display: grid; gap: 18px; border-color: #cddcf0; }
.ai-learning-admin > header { display: flex; justify-content: space-between; gap: 15px; align-items: flex-start; }
.ai-learning-admin > header > span { margin-top: 0; }
.ai-learning-admin-kpis, .ai-learning-cockpit-kpis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.ai-learning-admin-kpis article, .ai-learning-cockpit-kpis article { display: grid; padding: 15px; background: #f8fafc; border: 1px solid #e4e9f0; border-radius: 12px; }
.ai-learning-admin-kpis span, .ai-learning-cockpit-kpis span { color: #7f8c9f; font-size: 8px; }
.ai-learning-admin-kpis strong, .ai-learning-cockpit-kpis strong { margin-top: 4px; color: #1f3d60; font-size: 21px; letter-spacing: -.035em; }
.ai-learning-admin-kpis small, .ai-learning-cockpit-kpis small { margin-top: 3px; color: #95a0ae; font-size: 8px; }
.ai-learning-admin-kpis article.warning strong, .ai-learning-cockpit-kpis article.warning strong { color: #d46d20; }
.ai-learning-admin-grid { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(300px, .7fr); gap: 13px; }
.ai-learning-department-panel, .ai-learning-insight-panel, .ai-learning-account-panel { padding: 18px; background: #fbfcfe; border: 1px solid #e4e9f0; border-radius: 13px; }
.ai-learning-section-title h3, .ai-learning-account-toolbar h3 { margin: 0; color: #2b425f; font-size: 13px; }
.ai-learning-section-title div > p:not(:first-child), .ai-learning-account-toolbar p { margin: 4px 0 0; color: #8b97a7; font-size: 8px; }
.ai-learning-department-row { display: grid; grid-template-columns: 128px minmax(80px, 1fr) 38px; gap: 11px; align-items: center; margin-top: 13px; }
.ai-learning-department-row span { display: grid; }
.ai-learning-department-row strong { color: #344b67; font-size: 9px; }
.ai-learning-department-row small { margin-top: 2px; color: #9aa5b3; font-size: 7px; }
.ai-learning-department-row > i, .ai-learning-table-progress i, .ai-learning-cockpit-bars i { overflow: hidden; height: 6px; background: #e5ebf2; border-radius: 999px; }
.ai-learning-department-row > i b, .ai-learning-table-progress i b, .ai-learning-cockpit-bars i b { display: block; height: 100%; background: linear-gradient(90deg, #3478e9, #20a993); border-radius: inherit; }
.ai-learning-department-row em { color: #4e6178; font-size: 9px; font-style: normal; font-weight: 800; text-align: right; }
.ai-learning-insight-panel > div:not(.ai-learning-section-title) { display: flex; gap: 10px; margin-top: 12px; padding: 12px; background: #fff; border: 1px solid #e9edf2; border-radius: 10px; }
.ai-learning-insight-panel > div > svg { flex: 0 0 17px; width: 17px; color: #2a70d8; }
.ai-learning-insight-panel > div > span { display: grid; gap: 3px; }
.ai-learning-insight-panel strong { color: #344a66; font-size: 9px; }
.ai-learning-insight-panel small { color: #8793a4; font-size: 8px; line-height: 1.55; }
.ai-learning-account-toolbar { display: flex; justify-content: space-between; gap: 15px; align-items: center; margin-bottom: 13px; }
.ai-learning-account-toolbar label { display: flex; width: min(270px, 45%); align-items: center; gap: 8px; padding: 8px 10px; background: #fff; border: 1px solid #e0e6ee; border-radius: 9px; }
.ai-learning-account-toolbar label svg { width: 14px; color: #8795a7; }
.ai-learning-account-toolbar input { width: 100%; min-width: 0; background: none; border: 0; outline: none; font: inherit; font-size: 9px; }
.ai-learning-account-panel table { min-width: 860px; }
.ai-learning-account-panel th, .ai-learning-account-panel td { padding: 11px 10px; font-size: 8px; }
.ai-learning-person { display: flex; align-items: center; gap: 8px; color: inherit; background: none; border: 0; font: inherit; text-align: left; cursor: pointer; }
.ai-learning-person > span { display: grid; width: 28px; height: 28px; place-items: center; color: #245faa; background: #eaf2fd; border-radius: 8px; font-size: 9px; font-weight: 900; }
.ai-learning-person b { display: grid; color: #30465f; font-size: 9px; }
.ai-learning-person small { margin-top: 2px; color: #9aa4b1; font-size: 7px; font-weight: 500; }
.ai-learning-table-progress { display: grid; grid-template-columns: minmax(60px, 1fr) 30px; gap: 7px; align-items: center; }
.ai-learning-table-progress strong { color: #4a5f77; font-size: 8px; }
.ai-learning-account-panel footer { display: flex; gap: 7px; align-items: flex-start; margin-top: 12px; padding-top: 11px; color: #8a96a5; border-top: 1px solid #e8edf2; font-size: 8px; line-height: 1.55; }
.ai-learning-account-panel footer svg { flex: 0 0 13px; width: 13px; }
.ai-learning-source-note { display: flex; gap: 8px; align-items: center; padding: 12px 14px; color: #79889b; background: #f7f9fc; border: 1px solid #e2e8ef; border-radius: 11px; font-size: 8px; }
.ai-learning-source-note > svg { flex: 0 0 14px; width: 14px; }
.ai-learning-source-note span { flex: 1; }
.ai-learning-source-note a { display: inline-flex; align-items: center; gap: 5px; color: #256acb; font-weight: 800; text-decoration: none; }
.ai-learning-source-note a svg { width: 12px; }
.ai-learning-cockpit-summary { display: grid; gap: 15px; padding: 21px; background: linear-gradient(145deg, #f8fbff, #f2f8ff); border: 1px solid #ccdff6; border-radius: 15px; box-shadow: 0 8px 24px rgba(30, 77, 137, .055); }
.ai-learning-cockpit-head { display: flex; justify-content: space-between; gap: 15px; align-items: flex-start; }
.ai-learning-cockpit-head h3 { margin: 0; color: #1f3c61; font-size: 16px; }
.ai-learning-cockpit-head span { display: block; margin-top: 4px; color: #8190a2; font-size: 9px; }
.ai-learning-cockpit-head button { display: flex; align-items: center; gap: 6px; padding: 9px 11px; color: #2466c5; background: #fff; border: 1px solid #bfd2ea; border-radius: 8px; font: inherit; font-size: 9px; font-weight: 800; cursor: pointer; }
.ai-learning-cockpit-head button svg { width: 13px; }
.ai-learning-cockpit-bars { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px 16px; }
.ai-learning-cockpit-bars div { display: grid; grid-template-columns: 62px minmax(50px, 1fr) 30px; gap: 7px; align-items: center; }
.ai-learning-cockpit-bars span, .ai-learning-cockpit-bars strong { color: #687990; font-size: 8px; }
.ai-learning-cockpit-bars strong { text-align: right; }
.ai-learning-detail-progress { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 13px; align-items: center; padding: 15px; background: #f1f6fd; border: 1px solid #d9e5f5; border-radius: 12px; }
.ai-learning-detail-progress > span { display: grid; width: 48px; height: 48px; place-items: center; color: #266dd2; background: #fff; border-radius: 12px; }
.ai-learning-detail-progress > span svg { width: 21px; }
.ai-learning-detail-progress > div { display: grid; }
.ai-learning-detail-progress small { color: #8593a5; font-size: 9px; }
.ai-learning-detail-progress strong { margin-top: 2px; color: #1f4067; font-size: 20px; }
.ai-learning-detail-progress > div > i { overflow: hidden; height: 6px; margin-top: 7px; background: #dce5ef; border-radius: 999px; }
.ai-learning-detail-progress > div > i b { display: block; height: 100%; background: linear-gradient(90deg, #3178ed, #19ad91); }
.ai-learning-detail-section { display: grid; gap: 8px; margin-top: 18px; }
.ai-learning-detail-section h3 { margin: 0 0 2px; color: #2a405d; font-size: 13px; }
.ai-learning-detail-section > p { display: flex; gap: 8px; align-items: flex-start; margin: 0; color: #6f7f93; font-size: 10px; line-height: 1.55; }
.ai-learning-detail-section > p svg { flex: 0 0 15px; width: 15px; color: #249c83; }
.ai-learning-detail-section > button { display: grid; grid-template-columns: 32px minmax(0, 1fr) 18px; gap: 10px; align-items: center; padding: 12px; color: inherit; background: #fff; border: 1px solid #e3e8ef; border-radius: 10px; font: inherit; text-align: left; }
.ai-learning-detail-section > button > b { display: grid; width: 30px; height: 30px; place-items: center; color: #2b6ecc; background: #edf4fd; border-radius: 8px; font-size: 9px; }
.ai-learning-detail-section > button > span { display: grid; }
.ai-learning-detail-section > button strong { color: #344b67; font-size: 10px; }
.ai-learning-detail-section > button small { margin-top: 3px; color: #929dac; font-size: 8px; }
.ai-learning-detail-section > button > svg { width: 16px; color: #55a891; }
.ai-learning-practice { display: flex; gap: 11px; margin-top: 18px; padding: 14px; background: #fff7ea; border: 1px solid #f0d9b3; border-radius: 11px; }
.ai-learning-practice > span { display: grid; flex: 0 0 35px; width: 35px; height: 35px; place-items: center; color: #a4661f; background: #ffebc9; border-radius: 9px; }
.ai-learning-practice svg { width: 17px; }
.ai-learning-practice div { display: grid; gap: 3px; }
.ai-learning-practice small { color: #a27642; font-size: 8px; }
.ai-learning-practice strong { color: #6f4b20; font-size: 10px; line-height: 1.5; }
.ai-learning-practice p { margin: 0; color: #9a7952; font-size: 8px; line-height: 1.5; }
.ai-learning-account-detail { display: flex; gap: 13px; align-items: center; padding: 15px; background: #f3f7fc; border: 1px solid #e0e7f0; border-radius: 12px; }
.ai-learning-account-avatar { display: grid; width: 52px; height: 52px; place-items: center; color: #fff; background: linear-gradient(135deg, #2f72df, #1b9b87); border-radius: 14px; font-size: 18px; font-weight: 900; }
.ai-learning-account-detail h3 { margin: 7px 0 2px; color: #2e4561; font-size: 13px; }
.ai-learning-account-detail p { margin: 0; color: #8793a3; font-size: 9px; }

@media (max-width: 1180px) {
  .ai-learning-course-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ai-learning-path { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ai-learning-personal-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
  .ai-learning-hero { grid-template-columns: 1fr; padding: 28px; }
  .ai-learning-hero aside { grid-template-columns: 125px minmax(0, 1fr); }
  .ai-learning-admin-grid { grid-template-columns: 1fr; }
  .ai-learning-cockpit-bars { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 680px) {
  .ai-learning-shell { gap: 13px; }
  .ai-learning-hero { padding: 22px; border-radius: 17px; }
  .ai-learning-hero aside { grid-template-columns: 1fr; justify-items: center; }
  .ai-learning-hero dl { width: 100%; }
  .ai-learning-personal-stats, .ai-learning-path, .ai-learning-course-grid, .ai-learning-lab, .ai-learning-admin-kpis, .ai-learning-cockpit-kpis, .ai-learning-cockpit-bars { grid-template-columns: 1fr; }
  .ai-learning-path-panel, .ai-learning-course-panel, .ai-learning-admin { padding: 17px; }
  .ai-learning-lab article { grid-template-columns: 42px minmax(0, 1fr); }
  .ai-learning-lab article > button { grid-column: 1 / -1; }
  .ai-learning-admin > header, .ai-learning-account-toolbar, .ai-learning-cockpit-head { flex-direction: column; align-items: stretch; }
  .ai-learning-account-toolbar label { width: auto; }
  .ai-learning-source-note { align-items: flex-start; flex-wrap: wrap; }
  .ai-learning-source-note span { flex-basis: calc(100% - 26px); }
}

/* 2026-08-26 V13 · Intelligent task continuity system */
.sidebar { background: radial-gradient(circle at 10% 0%, rgba(51, 103, 194, .18), transparent 29%), linear-gradient(180deg, #121e31 0%, #142238 52%, #101a2b 100%); }
.brand-mark { background: linear-gradient(145deg, #347af5, #2961c9 58%, #1da88a); box-shadow: 0 9px 25px rgba(21, 88, 202, .28), inset 0 1px 0 rgba(255,255,255,.25); }
.content.preview-upgraded-page { position: relative; --ai-cyan: #36d4bd; --ai-blue: #3778ee; --ai-deep: #13294a; --ai-ink: #1f3858; --ai-border: #dce6f2; isolation: isolate; }
.content.preview-upgraded-page::before { position: fixed; z-index: -1; inset: 0 0 0 var(--sidebar); content: ""; pointer-events: none; opacity: .52; background-image: linear-gradient(rgba(58, 104, 165, .022) 1px, transparent 1px), linear-gradient(90deg, rgba(58, 104, 165, .022) 1px, transparent 1px), radial-gradient(circle at 86% 2%, rgba(50, 120, 226, .10), transparent 27%), radial-gradient(circle at 34% 85%, rgba(35, 175, 147, .055), transparent 23%); background-size: 28px 28px, 28px 28px, auto, auto; }
.preview-upgraded-page .primary-button, .preview-upgraded-page button.primary-button { color: #fff; background: linear-gradient(135deg, #3479ef, #2866d7 58%, #219e8c); border-color: transparent; border-radius: 9px; box-shadow: 0 8px 18px rgba(43, 103, 211, .17); }
.preview-upgraded-page .secondary-button { border-radius: 9px; }
.preview-upgraded-page .panel, .preview-upgraded-page .list-workspace, .preview-upgraded-page .module-head, .preview-upgraded-page .page-lead { border-radius: 14px; }
.preview-upgraded-page .panel, .preview-upgraded-page .list-workspace { border-color: var(--ai-border); box-shadow: 0 10px 28px rgba(26, 56, 94, .055); }
.preview-upgraded-page .managed-hero { overflow: hidden; min-height: 126px; padding: 24px 26px; background: radial-gradient(circle at 83% 14%, rgba(59, 145, 224, .30), transparent 29%), radial-gradient(circle at 60% 115%, rgba(42, 194, 163, .13), transparent 31%), linear-gradient(128deg, #132640, #1a3760 58%, #1c5767 120%); border: 1px solid rgba(75, 129, 195, .27); border-left: 0; border-radius: 17px; box-shadow: 0 17px 38px rgba(20, 49, 88, .14); }
.preview-upgraded-page .managed-hero::after { position: absolute; right: -105px; bottom: -185px; width: 360px; height: 360px; content: ""; border: 1px solid rgba(255,255,255,.075); border-radius: 50%; box-shadow: 0 0 0 50px rgba(255,255,255,.025), 0 0 0 100px rgba(255,255,255,.018); pointer-events: none; }
.preview-upgraded-page .managed-hero p { color: #76e1ce; letter-spacing: .12em; }
.preview-upgraded-page .managed-hero h2 { font-size: 26px; letter-spacing: -.035em; }

.detail-drawer .drawer-head { background: linear-gradient(135deg, #132944, #1b3d64); }
.detail-drawer .drawer-head small, .detail-drawer .drawer-head h2 { color: #fff; }
.detail-drawer .detail-footer { background: rgba(255,255,255,.96); border-top: 1px solid #dfe6ef; box-shadow: 0 -10px 25px rgba(22, 45, 78, .06); backdrop-filter: blur(10px); }
.platform-login-panel button.agent-mode { font: inherit; font-size: 8px; cursor: pointer; }
.platform-login-panel button.agent-mode:disabled { cursor: wait; opacity: .75; }

@media (max-width: 760px) {
  .content.preview-upgraded-page::before { inset: 0; }
}

/* 2026-08-26 V18 · Recompose the real business components */
.ai-page-flow, .ai-stage-marker, .ai-detail-sequence { display: none !important; }

.operations-context-layout,
.service-context-layout {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
  align-items: start;
  margin: 14px 0;
}
.operations-context-layout > section,
.service-context-layout > section {
  min-width: 0;
  margin: 0;
  border-color: #d8e4f1;
  border-radius: 15px;
  box-shadow: 0 12px 28px rgba(24, 58, 99, .06);
}
.operations-context-layout .platform-login-panel > div,
.service-context-layout .platform-login-panel > div {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.operations-task-layout,
.service-resolution-layout {
  position: relative;
  display: grid;
  gap: 0;
  overflow: hidden;
  margin: 14px 0;
  background: #fff;
  border: 1px solid #d7e3f0;
  border-radius: 16px;
  box-shadow: 0 14px 32px rgba(23, 57, 98, .07);
}
.operations-task-layout::before,
.service-resolution-layout::before {
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  left: 0;
  width: 3px;
  content: "";
  background: linear-gradient(180deg, #3779ed, #24aa91);
}
.operations-task-layout > section,
.service-resolution-layout > section {
  min-width: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.operations-task-layout > section + section,
.service-resolution-layout > section + section {
  border-top: 1px solid #e2e9f2;
}
.operations-task-layout .taobao-result-panel,
.service-resolution-layout .qianniu-result-panel {
  background: linear-gradient(90deg, #f8fbff, #fff 52%, #f4fbf9);
}
.operations-task-layout .taobao-result-panel > div,
.service-resolution-layout .qianniu-result-panel > div {
  background: transparent;
}
.store-ops-page > .taobao-analysis-panel,
.service-ops-page .qianniu-analysis-panel {
  border-color: #d8e4f1;
  border-radius: 15px;
  box-shadow: 0 12px 28px rgba(24, 58, 99, .055);
}

.managed-execution-layout,
.managed-readiness-layout {
  margin: 14px 0;
  padding: 14px;
  background: linear-gradient(145deg, rgba(255,255,255,.99), rgba(247,250,255,.98));
  border: 1px solid #d8e4f1;
  border-radius: 16px;
  box-shadow: 0 13px 30px rgba(24, 57, 96, .065);
}
.managed-execution-layout > section,
.managed-readiness-layout > section { margin-left: 0; margin-right: 0; }
.managed-execution-layout .managed-command {
  min-height: 74px;
  border-color: #ccddef;
  border-radius: 11px;
  box-shadow: 0 7px 18px rgba(34, 75, 124, .05);
}
.managed-execution-layout .managed-stage-grid { margin-top: 12px; }
.managed-execution-layout .managed-stage-grid article,
.managed-readiness-layout .managed-two-column > section,
.managed-readiness-layout .managed-connectors article {
  border-color: #dce5ef;
  border-radius: 11px;
}
.managed-readiness-layout .managed-two-column:last-child,
.managed-readiness-layout .managed-connectors:last-child,
.managed-execution-layout > :last-child { margin-bottom: 0; }

.preview-upgraded-page .preview-analytics-shell {
  border-color: #d8e4f1;
  border-radius: 16px;
  box-shadow: 0 14px 34px rgba(24, 57, 96, .07);
}
.preview-upgraded-page .preview-chart-card { border-radius: 13px; }

.detail-drawer .detail-body { padding: 18px; background: linear-gradient(180deg, #f7faff, #fff 170px); }
.detail-drawer .detail-body > .detail-notice:first-child {
  padding: 15px;
  background: linear-gradient(135deg, #edf5ff, #f2fbf8);
  border-color: #cadcef;
  border-radius: 11px;
}
.detail-drawer .detail-body > dl {
  gap: 0;
  overflow: hidden;
  margin: 14px 0;
  background: #e3eaf2;
  border-color: #d9e2ed;
  border-radius: 11px;
}
.detail-drawer .detail-body > dl div { min-height: 68px; padding: 13px; }
.detail-drawer .detail-body > .timeline,
.detail-drawer .detail-body > .detail-form,
.detail-drawer .detail-body > section:not(.detail-notice) {
  margin-top: 14px;
  padding: 15px;
  background: #fff;
  border: 1px solid #dce5ef;
  border-radius: 11px;
  box-shadow: 0 8px 22px rgba(27, 58, 96, .045);
}

@media (max-width: 1180px) {
  .operations-context-layout,
  .service-context-layout { grid-template-columns: 1fr; }
  .operations-context-layout .platform-login-panel > div,
  .service-context-layout .platform-login-panel > div { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .operations-context-layout .platform-login-panel > div,
  .service-context-layout .platform-login-panel > div { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .managed-execution-layout,
  .managed-readiness-layout { padding: 10px; border-radius: 13px; }
  .detail-drawer .detail-body > dl { grid-template-columns: 1fr; }
}

/* 2026-08-26 V19 · Autopilot authorization workspace */
.autopilot-config {
  --autopilot-accent: #1d7f68;
  --autopilot-accent-rgb: 29, 127, 104;
  padding: 22px 24px 20px;
  background: #f5f8fb;
  border-bottom-color: #dce5ec;
}
.service-autopilot-config {
  --autopilot-accent: #356cad;
  --autopilot-accent-rgb: 53, 108, 173;
  background: #f5f7fb;
}
.autopilot-config-head { margin-bottom: 16px; }
.autopilot-config-head h3 {
  color: #1d3048;
  font-size: 15px;
  line-height: 1.35;
  letter-spacing: -.015em;
}
.autopilot-config-head p {
  margin-top: 5px;
  color: #718096;
  font-size: 9px;
  line-height: 1.55;
}
.autopilot-config-head > span {
  padding: 7px 10px;
  color: var(--autopilot-accent);
  background: rgba(var(--autopilot-accent-rgb), .08);
  border: 1px solid rgba(var(--autopilot-accent-rgb), .15);
  font-size: 8px;
  letter-spacing: .02em;
}
.autopilot-settings-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
  gap: 14px;
}
.autopilot-settings-card,
.autopilot-module-section {
  min-width: 0;
  padding: 16px;
  background: rgba(255, 255, 255, .97);
  border: 1px solid #dbe4ee;
  border-radius: 14px;
  box-shadow: 0 9px 24px rgba(31, 60, 96, .045);
}
.autopilot-settings-card > header,
.autopilot-module-section > header,
.autopilot-module-section > header > div {
  display: flex;
  align-items: center;
}
.autopilot-settings-card > header { gap: 10px; margin-bottom: 14px; }
.autopilot-settings-card > header > span,
.autopilot-module-section > header > div > span {
  display: grid;
  width: 32px;
  height: 32px;
  flex: 0 0 32px;
  place-items: center;
  color: var(--autopilot-accent);
  background: rgba(var(--autopilot-accent-rgb), .09);
  border: 1px solid rgba(var(--autopilot-accent-rgb), .12);
  border-radius: 9px;
}
.autopilot-settings-card > header svg,
.autopilot-module-section > header svg { width: 15px; }
.autopilot-settings-card h4,
.autopilot-module-section h4 {
  margin: 0;
  color: #263a53;
  font-size: 11px;
  line-height: 1.35;
}
.autopilot-settings-card header p,
.autopilot-module-section header p {
  margin: 3px 0 0;
  color: #8794a5;
  font-size: 8px;
  line-height: 1.45;
}
.autopilot-settings-card .autopilot-field-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 11px 12px;
}
.autopilot-field-grid > .autopilot-field { gap: 7px; }
.autopilot-field-grid > .autopilot-field > span {
  color: #59697d;
  font-size: 9px;
  font-weight: 700;
  line-height: 1.25;
}
.autopilot-settings-card .autopilot-field-grid select,
.autopilot-settings-card .autopilot-number {
  height: 43px;
  color: #26384d;
  background: #f9fbfd;
  border-color: #d5e0eb;
  border-radius: 10px;
  font-size: 11px;
  font-weight: 650;
  transition: border-color .16s ease, box-shadow .16s ease, background .16s ease;
}
.autopilot-settings-card .autopilot-field-grid select { padding: 0 12px; }
.autopilot-settings-card .autopilot-number b {
  min-width: 34px;
  padding: 0 10px;
  color: #77879a;
  font-size: 10px;
  text-align: center;
}
.autopilot-settings-card .autopilot-number input {
  color: #26384d;
  font-size: 11px;
  font-weight: 700;
}
.autopilot-settings-card .autopilot-field-grid select:hover,
.autopilot-settings-card .autopilot-number:hover { background: #fff; border-color: #bfcddd; }
.autopilot-settings-card .autopilot-field-grid select:focus,
.autopilot-settings-card .autopilot-number:focus-within {
  background: #fff;
  border-color: var(--autopilot-accent);
  box-shadow: 0 0 0 3px rgba(var(--autopilot-accent-rgb), .09);
}
.autopilot-policy-grid > .autopilot-field:last-child:nth-child(odd) { grid-column: 1 / -1; }
.autopilot-module-section { margin-top: 14px; }
.autopilot-module-section > header {
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 13px;
}
.autopilot-module-section > header > div { min-width: 0; gap: 10px; }
.autopilot-module-section > header > b {
  flex: 0 0 auto;
  color: var(--autopilot-accent);
  font-size: 8px;
  font-weight: 800;
}
.autopilot-module-section .autopilot-module-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}
.autopilot-module-section .autopilot-module-grid span {
  min-height: 38px;
  padding: 9px 11px;
  color: #627185;
  background: #f9fbfd;
  border-color: #dae3ed;
  border-radius: 10px;
  font-size: 9px;
  font-weight: 700;
}
.autopilot-module-section .autopilot-module-grid input:checked + span {
  color: var(--autopilot-accent);
  background: rgba(var(--autopilot-accent-rgb), .065);
  border-color: rgba(var(--autopilot-accent-rgb), .34);
  box-shadow: inset 0 0 0 1px rgba(var(--autopilot-accent-rgb), .025);
}
.autopilot-module-section .autopilot-module-grid input:checked + span svg { color: var(--autopilot-accent); }
.autopilot-config .autopilot-boundary {
  margin-top: 14px;
  padding: 13px 14px;
  border-radius: 12px;
}
.autopilot-config .autopilot-boundary strong { font-size: 9px; }
.autopilot-config .autopilot-boundary small { margin-top: 3px; font-size: 8px; }
.autopilot-config .autopilot-boundary > label {
  min-height: 34px;
  padding: 7px 10px;
  background: rgba(255,255,255,.7);
  border: 1px solid rgba(157, 103, 34, .18);
  border-radius: 9px;
  font-size: 8px;
}
.service-autopilot-config .autopilot-boundary > label { border-color: rgba(165, 63, 73, .18); }

@media (max-width: 1180px) {
  .autopilot-settings-layout { grid-template-columns: 1fr; }
  .autopilot-settings-card .autopilot-policy-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .autopilot-policy-grid > .autopilot-field:last-child:nth-child(odd) { grid-column: auto; }
}
@media (max-width: 760px) {
  .autopilot-config { padding: 17px; }
  .autopilot-config-head { align-items: flex-start; flex-direction: column; }
  .autopilot-settings-card .autopilot-field-grid,
  .autopilot-settings-card .autopilot-policy-grid { grid-template-columns: 1fr; }
  .autopilot-policy-grid > .autopilot-field:last-child:nth-child(odd) { grid-column: auto; }
  .autopilot-module-section .autopilot-module-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.autopilot-route-section {
  margin-top: 14px;
  overflow: hidden;
  background: #fff;
  border: 1px solid #d8e3ef;
  border-radius: 14px;
  box-shadow: 0 9px 24px rgba(31, 60, 96, .045);
}
.autopilot-route-section > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 14px 16px;
  background: linear-gradient(90deg, #f7faff, #f4faf8);
  border-bottom: 1px solid #e1e8f0;
}
.autopilot-route-section > header > div { display: flex; min-width: 0; align-items: center; gap: 10px; }
.autopilot-route-section > header > div > span {
  display: grid;
  width: 32px;
  height: 32px;
  flex: 0 0 32px;
  place-items: center;
  color: var(--autopilot-accent);
  background: rgba(var(--autopilot-accent-rgb), .09);
  border-radius: 9px;
}
.autopilot-route-section > header svg { width: 15px; }
.autopilot-route-section h4 { margin: 0; color: #263a53; font-size: 11px; }
.autopilot-route-section header p { margin: 3px 0 0; color: #7e8c9e; font-size: 8px; line-height: 1.45; }
.autopilot-route-section > header > b {
  flex: 0 0 auto;
  padding: 6px 8px;
  border-radius: 999px;
  font-size: 8px;
  white-space: nowrap;
}
.autopilot-route-section > header > b.ready { color: #18755e; background: #e8f7f1; }
.autopilot-route-section > header > b.pending { color: #a76518; background: #fff3df; }
.autopilot-route-track {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 58px minmax(0, 1fr) minmax(178px, .65fr);
  align-items: stretch;
  gap: 10px;
  padding: 14px 16px;
}
.autopilot-route-node {
  display: grid;
  min-width: 0;
  grid-template-columns: 34px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  padding: 12px;
  background: #f8fafc;
  border: 1px solid #dfe7ef;
  border-radius: 11px;
}
.autopilot-route-node > span {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border-radius: 9px;
}
.autopilot-route-node.source > span { color: #3572b4; background: #eaf2fb; }
.autopilot-route-node.target > span { color: #1f846c; background: #e8f7f1; }
.autopilot-route-node svg { width: 16px; }
.autopilot-route-node small,
.autopilot-route-node strong,
.autopilot-route-node p { display: block; min-width: 0; }
.autopilot-route-node small { color: #8895a5; font-size: 7px; }
.autopilot-route-node strong { overflow: hidden; margin-top: 3px; color: #2a3d54; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.autopilot-route-node p { overflow: hidden; margin: 4px 0 0; color: #708095; font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }
.autopilot-route-arrow { display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 3px; color: #5d7899; }
.autopilot-route-arrow svg { width: 18px; }
.autopilot-route-arrow span { font-size: 7px; font-weight: 800; white-space: nowrap; }
.autopilot-route-track > aside {
  display: flex;
  min-width: 0;
  justify-content: center;
  flex-direction: column;
  gap: 6px;
  padding-left: 4px;
}
.autopilot-route-track > aside > .route-state { display: inline-flex; align-items: center; gap: 5px; color: #9a641f; font-size: 8px; font-weight: 800; }
.autopilot-route-track > aside > .route-state.ready { color: #1d7d65; }
.autopilot-route-track > aside > .route-state i { width: 6px; height: 6px; background: currentColor; border-radius: 50%; }
.autopilot-route-track > aside > small { color: #8290a1; font-size: 7px; line-height: 1.4; }
.autopilot-route-track > aside > div { display: flex; flex-wrap: wrap; gap: 5px; }
.autopilot-route-track > aside button {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-height: 30px;
  padding: 0 8px;
  color: #3c638f;
  background: #fff;
  border: 1px solid #cbdbea;
  border-radius: 8px;
  font: 750 7px/1 inherit;
}
.autopilot-route-track > aside button svg { width: 12px; }
.autopilot-route-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; padding: 14px 16px; }
.autopilot-route-list > button {
  display: grid;
  min-width: 0;
  grid-template-columns: auto minmax(0, 1fr) auto 14px;
  align-items: center;
  gap: 9px;
  padding: 10px;
  color: #2a3d54;
  background: #fafbfd;
  border: 1px solid #dfe7ef;
  border-radius: 10px;
  text-align: left;
}
.autopilot-route-list .route-platform { padding: 5px 7px; color: #356ca9; background: #eaf2fb; border-radius: 7px; font-size: 7px; font-weight: 800; }
.autopilot-route-list strong,
.autopilot-route-list small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.autopilot-route-list strong { font-size: 8px; }
.autopilot-route-list small { margin-top: 3px; color: #8794a4; font-size: 7px; }
.autopilot-route-list b { font-size: 7px; white-space: nowrap; }
.autopilot-route-list b.ready { color: #1d7d65; }
.autopilot-route-list b.pending { color: #aa6a1e; }
.autopilot-route-list svg { width: 13px; color: #8d9aaa; }
.autopilot-route-empty { grid-column: 1 / -1; padding: 18px; color: #7c8999; text-align: center; font-size: 8px; }
.autopilot-route-section > footer {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 9px 16px;
  color: #6c7a8b;
  background: #f8fafc;
  border-top: 1px solid #e7edf3;
  font-size: 7px;
  line-height: 1.5;
}
.autopilot-route-section > footer svg { width: 13px; flex: 0 0 13px; color: #2d806b; }
.store-route-form input:disabled { color: #6f7e90; background: #f3f6f9; }
.store-route-warning { margin-top: 14px; }

@media (max-width: 1180px) {
  .autopilot-route-track { grid-template-columns: minmax(0, 1fr) 46px minmax(0, 1fr); }
  .autopilot-route-track > aside { grid-column: 1 / -1; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; padding: 2px 0 0; }
}
@media (max-width: 760px) {
  .autopilot-route-section > header { align-items: flex-start; flex-direction: column; }
  .autopilot-route-track { grid-template-columns: 1fr; }
  .autopilot-route-arrow { flex-direction: row; }
  .autopilot-route-arrow svg { transform: rotate(90deg); }
  .autopilot-route-track > aside { grid-column: auto; grid-template-columns: 1fr; }
  .autopilot-route-list { grid-template-columns: 1fr; }
}

/* Hover/focus details for store-operation and customer-service capabilities. */
.autopilot-module-section,
.autopilot-module-section .autopilot-module-grid { overflow: visible; }
.autopilot-module-section .autopilot-module-grid > label { position: relative; z-index: 1; }
.autopilot-module-section .autopilot-module-grid > label:hover,
.autopilot-module-section .autopilot-module-grid > label:focus-within { z-index: 40; }
.autopilot-help-hint {
  width: 13px !important;
  height: 13px;
  margin-left: auto;
  flex: 0 0 13px !important;
  color: #8c9daf !important;
  opacity: .78;
  transition: color .16s ease, opacity .16s ease, transform .16s ease;
}
.autopilot-module-grid input:checked + span .autopilot-help-hint,
.autopilot-module-grid label:hover .autopilot-help-hint,
.autopilot-module-grid label:focus-within .autopilot-help-hint {
  color: var(--autopilot-accent, #16816b) !important;
  opacity: 1;
  transform: translateY(-1px);
}
.autopilot-module-popover {
  position: absolute;
  left: 0;
  bottom: calc(100% + 10px);
  width: 268px;
  padding: 13px 14px 12px;
  color: #172b45;
  background: rgba(255,255,255,.98);
  border: 1px solid #cad8e7;
  border-radius: 14px;
  box-shadow: 0 18px 44px rgba(17,39,70,.16), 0 4px 12px rgba(17,39,70,.08);
  opacity: 0;
  visibility: hidden;
  transform: translateY(6px) scale(.985);
  transform-origin: left bottom;
  pointer-events: none;
  transition: opacity .15s ease, visibility .15s ease, transform .15s ease;
}
.autopilot-module-popover::after {
  content: "";
  position: absolute;
  left: 28px;
  bottom: -6px;
  width: 10px;
  height: 10px;
  background: #fff;
  border-right: 1px solid #cad8e7;
  border-bottom: 1px solid #cad8e7;
  transform: rotate(45deg);
}
.autopilot-module-grid > label:hover > .autopilot-module-popover,
.autopilot-module-grid > label:focus-within > .autopilot-module-popover {
  opacity: 1;
  visibility: visible;
  transform: translateY(0) scale(1);
}
.autopilot-module-popover > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 9px;
}
.autopilot-module-popover > header small {
  display: block;
  margin-bottom: 3px;
  color: #7890aa;
  font-size: 9px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: .08em;
}
.autopilot-module-popover > header strong {
  display: block;
  color: #132a45;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.35;
}
.autopilot-module-popover > header b {
  flex: 0 0 auto;
  padding: 4px 7px;
  color: #647890;
  background: #eef3f8;
  border-radius: 999px;
  font-size: 9px;
  font-weight: 800;
  line-height: 1;
}
.autopilot-module-popover > header b.enabled { color: #08735f; background: #e3f5ef; }
.service-autopilot-config .autopilot-module-popover > header b.enabled { color: #2f659f; background: #e8f0fb; }
.autopilot-module-popover > p {
  margin: 0 0 7px;
  color: #6b8098;
  font-size: 9px;
  font-weight: 800;
}
.autopilot-module-popover > ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 7px 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.autopilot-module-popover > ul li {
  display: flex;
  align-items: center;
  gap: 5px;
  min-width: 0;
  padding: 7px;
  color: #405773;
  background: #f5f8fb;
  border: 1px solid #edf2f7;
  border-radius: 8px;
  font-size: 9px;
  font-weight: 700;
  line-height: 1.25;
  white-space: nowrap;
}
.autopilot-module-popover > ul svg {
  width: 10px;
  height: 10px;
  flex: 0 0 10px;
  color: var(--autopilot-accent, #16816b);
}
.autopilot-module-popover > footer {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 10px;
  padding-top: 9px;
  color: #71849a;
  border-top: 1px solid #e8eef5;
  font-size: 8px;
  line-height: 1.4;
}
.autopilot-module-popover > footer svg {
  width: 12px;
  height: 12px;
  flex: 0 0 12px;
  color: var(--autopilot-accent, #16816b);
}
.autopilot-module-grid > label:nth-child(5n + 4) .autopilot-module-popover,
.autopilot-module-grid > label:nth-child(5n + 5) .autopilot-module-popover {
  right: 0;
  left: auto;
  transform-origin: right bottom;
}
.autopilot-module-grid > label:nth-child(5n + 4) .autopilot-module-popover::after,
.autopilot-module-grid > label:nth-child(5n + 5) .autopilot-module-popover::after { right: 28px; left: auto; }
@media (max-width: 1120px) and (min-width: 761px) {
  .autopilot-module-grid > label:nth-child(3n + 1) .autopilot-module-popover,
  .autopilot-module-grid > label:nth-child(3n + 2) .autopilot-module-popover {
    right: auto;
    left: 0;
    transform-origin: left bottom;
  }
  .autopilot-module-grid > label:nth-child(3n + 1) .autopilot-module-popover::after,
  .autopilot-module-grid > label:nth-child(3n + 2) .autopilot-module-popover::after { right: auto; left: 28px; }
  .autopilot-module-grid > label:nth-child(3n) .autopilot-module-popover {
    right: 0;
    left: auto;
    transform-origin: right bottom;
  }
  .autopilot-module-grid > label:nth-child(3n) .autopilot-module-popover::after { right: 28px; left: auto; }
}
@media (max-width: 760px) {
  .autopilot-module-popover { width: min(250px, calc(100vw - 52px)); }
  .autopilot-module-grid > label:nth-child(odd) .autopilot-module-popover {
    right: auto;
    left: 0;
    transform-origin: left bottom;
  }
  .autopilot-module-grid > label:nth-child(odd) .autopilot-module-popover::after { right: auto; left: 28px; }
  .autopilot-module-grid > label:nth-child(even) .autopilot-module-popover {
    right: 0;
    left: auto;
    transform-origin: right bottom;
  }
  .autopilot-module-grid > label:nth-child(even) .autopilot-module-popover::after { right: 28px; left: auto; }
}

/* Store-specific robot analysis and downloadable report workflow. */
.qianniu-analysis-panel > div > button.report-active,
.taobao-analysis-panel > div > button.report-active {
  color: #175e91;
  background: linear-gradient(135deg, #edf5ff, #f0fbf8);
  box-shadow: inset 0 0 0 1px #6ba8da;
}
.qianniu-analysis-panel > div > button.report-running > svg:last-child,
.taobao-analysis-panel > div > button.report-running > svg:last-child,
.managed-analysis-report-runner.running > header > div > span svg { animation: spin 1s linear infinite; }
.managed-analysis-report-runner {
  margin: 0;
  padding: 15px 18px;
  background: #f8fafc;
  border-top: 1px solid #dfe7ef;
}
.managed-analysis-report-runner.idle {
  display: grid;
  grid-template-columns: 34px minmax(0,1fr) auto;
  align-items: center;
  gap: 11px;
  color: #5b6f86;
}
.managed-analysis-report-runner.idle > span,
.managed-analysis-report-runner > header > div > span {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  color: #2d6fa8;
  background: #e9f2fb;
  border-radius: 10px;
}
.managed-analysis-report-runner.idle svg,
.managed-analysis-report-runner > header > div > span svg { width: 16px; }
.managed-analysis-report-runner.idle strong { display: block; color: #283f59; font-size: 9px; }
.managed-analysis-report-runner.idle p { margin: 3px 0 0; font-size: 8px; line-height: 1.5; }
.managed-analysis-report-runner.idle > b { color: #6e8095; font-size: 8px; }
.managed-analysis-report-runner > header,
.managed-analysis-report-runner > header > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 11px;
}
.managed-analysis-report-runner > header > div { justify-content: flex-start; }
.managed-analysis-report-runner > header small { color: #6281a3; font-size: 7px; font-weight: 800; letter-spacing: .08em; }
.managed-analysis-report-runner > header h4 { margin: 2px 0; color: #263f5b; font-size: 11px; }
.managed-analysis-report-runner > header p { margin: 0; color: #708198; font-size: 8px; }
.managed-analysis-report-runner > header > b {
  padding: 5px 8px;
  color: #396a9d;
  background: #eaf2fb;
  border-radius: 999px;
  font-size: 8px;
}
.managed-analysis-report-runner.completed > header > b { color: #14735e; background: #e5f6f0; }
.managed-analysis-report-runner.needs-input > header > b,
.managed-analysis-report-runner.failed > header > b { color: #9a5f18; background: #fff1dc; }
.managed-analysis-progress { margin-top: 13px; }
.managed-analysis-progress > i { display: block; height: 4px; overflow: hidden; background: #e2e9f1; border-radius: 99px; }
.managed-analysis-progress > i > b { display: block; width: 48%; height: 100%; background: linear-gradient(90deg,#276ed4,#1aa68b); border-radius: inherit; animation: reportProgress 1.7s ease-in-out infinite alternate; }
.managed-analysis-progress ol { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; margin: 8px 0 0; padding: 0; color: #8a98a8; list-style: none; font-size: 7px; }
.managed-analysis-progress li.done,
.managed-analysis-progress li.active { color: #286b91; font-weight: 800; }
.managed-analysis-report-summary { margin-top: 12px; padding: 11px 12px; color: #40566f; background: #fff; border: 1px solid #e2e9f0; border-radius: 10px; }
.managed-analysis-report-summary p { margin: 0; font-size: 8px; line-height: 1.55; }
.managed-analysis-report-summary small { display: block; margin-top: 5px; color: #9c682c; font-size: 7px; }
.managed-analysis-report-runner > footer { display: flex; gap: 8px; margin-top: 11px; }
.managed-analysis-report-runner > footer a,
.managed-analysis-report-runner > footer button { min-height: 32px; font-size: 8px; }
.managed-analysis-route {
  margin: 14px 0;
  overflow: hidden;
  background: #f8fafc;
  border: 1px solid #dce5ee;
  border-radius: 13px;
}
.managed-analysis-route.ready { border-color: #a9d8c9; background: #f3fbf8; }
.managed-analysis-route.pending { border-color: #efd1a6; background: #fff9ef; }
.managed-analysis-route > header,
.managed-analysis-route > header > div { display: flex; align-items: center; justify-content: space-between; gap: 9px; }
.managed-analysis-route > header { padding: 12px 14px; border-bottom: 1px solid rgba(131,151,174,.18); }
.managed-analysis-route > header > div { justify-content: flex-start; }
.managed-analysis-route > header svg { width: 17px; color: #2a7498; }
.managed-analysis-route > header small,
.managed-analysis-route > header strong { display: block; }
.managed-analysis-route > header small { color: #788a9e; font-size: 8px; }
.managed-analysis-route > header strong { color: #29415c; font-size: 10px; }
.managed-analysis-route > header b { color: #8f5c1f; font-size: 8px; }
.managed-analysis-route.ready > header b { color: #1b7964; }
.managed-analysis-route dl { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); margin: 0; }
.managed-analysis-route dl > div { padding: 10px 14px; border-right: 1px solid rgba(131,151,174,.16); border-bottom: 1px solid rgba(131,151,174,.16); }
.managed-analysis-route dt { color: #8090a2; font-size: 8px; }
.managed-analysis-route dd { margin: 3px 0 0; color: #2f465f; font-size: 9px; font-weight: 750; }
.managed-analysis-route > p { display: flex; align-items: center; gap: 6px; margin: 0; padding: 10px 14px; color: #62788f; font-size: 8px; }
.managed-analysis-route > p svg { width: 13px; color: #25806a; }
@keyframes reportProgress { from { width: 38%; } to { width: 76%; } }
@media (max-width: 760px) {
  .managed-analysis-report-runner.idle { grid-template-columns: 34px minmax(0,1fr); }
  .managed-analysis-report-runner.idle > b { grid-column: 2; }
  .managed-analysis-report-runner > header { align-items: flex-start; flex-direction: column; }
  .managed-analysis-progress ol { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .managed-analysis-report-runner > footer { align-items: stretch; flex-direction: column; }
  .managed-analysis-route dl { grid-template-columns: 1fr; }
}

/* Customer-service work analysis workspace. */
.service-analysis-workbench { display: grid; gap: 18px; padding-bottom: 18px; }
.service-analysis-workbench-hero { overflow: hidden; color: #fff; background: radial-gradient(circle at 88% 18%, rgba(30,190,177,.24), transparent 32%), linear-gradient(125deg,#102542 0%,#183a67 60%,#176f7a 135%); border: 1px solid rgba(109,167,225,.28); border-radius: 22px; box-shadow: 0 22px 54px rgba(17,44,82,.16); }
.service-analysis-workbench-hero > .service-analysis-hero-copy { display: grid; min-height: 152px; grid-template-columns: 72px minmax(0,1fr); align-items: center; gap: 22px; padding: 28px 32px 22px; padding-right: 385px; }
.service-analysis-hero-copy > .service-analysis-hero-icon { display: grid; width: 72px; height: 72px; place-items: center; color: #15345d; background: linear-gradient(145deg,#e0f4ff,#83c9ff); border: 1px solid rgba(255,255,255,.55); border-radius: 20px; box-shadow: inset 0 1px 0 rgba(255,255,255,.7), 0 14px 30px rgba(4,27,58,.24); }
.service-analysis-hero-icon svg { width: 30px; height: 30px; }
.service-analysis-hero-copy p { margin: 0 0 8px; color: #75d9ce; font-size: 11px; font-weight: 850; letter-spacing: .12em; }
.service-analysis-hero-copy h2 { margin: 0; font-size: clamp(25px,3vw,36px); line-height: 1.12; letter-spacing: -.02em; }
.service-analysis-hero-copy strong { display: block; max-width: 670px; margin-top: 13px; color: #c9d8eb; font-size: 13px; font-weight: 500; line-height: 1.75; }
.service-analysis-hero-actions { position: absolute; top: 30px; right: 32px; display: grid; grid-template-columns: repeat(2,auto); gap: 10px; justify-items: end; }
.service-analysis-workbench-hero { position: relative; }
.service-analysis-hero-actions > span { grid-column: 1 / -1; display: inline-flex; align-items: center; gap: 7px; min-height: 30px; padding: 0 11px; color: #d9e5f2; background: rgba(255,255,255,.09); border: 1px solid rgba(255,255,255,.18); border-radius: 999px; font-size: 10px; font-weight: 750; }
.service-analysis-hero-actions > span i, .service-analysis-result-heading > div:last-child span i { width: 8px; height: 8px; background: #efad52; border-radius: 50%; box-shadow: 0 0 0 4px rgba(239,173,82,.12); }
.service-analysis-hero-actions > span.ready i, .service-analysis-result-heading > div:last-child span.ready i { background: #42d4af; box-shadow: 0 0 0 4px rgba(66,212,175,.14); }
.service-analysis-hero-actions .primary-button, .service-analysis-hero-actions .secondary-button { min-height: 42px; border-radius: 10px; font-size: 11px; }
.service-analysis-hero-actions .secondary-button { color: #e8f2ff; background: rgba(255,255,255,.1); border-color: rgba(255,255,255,.28); }
.service-analysis-hero-actions .primary-button { background: linear-gradient(135deg,#2878ff,#13a495); border-color: transparent; }
.service-analysis-hero-actions .primary-button:disabled { color: #b4c4d6; background: rgba(255,255,255,.1); border-color: rgba(255,255,255,.17); opacity: 1; }
.service-analysis-readiness { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); background: rgba(5,25,50,.42); border-top: 1px solid rgba(255,255,255,.13); }
.service-analysis-readiness article { display: grid; min-height: 78px; grid-template-columns: 34px minmax(0,1fr) auto; align-items: center; gap: 10px; padding: 15px 20px; border-right: 1px solid rgba(255,255,255,.11); }
.service-analysis-readiness article > svg { width: 20px; color: #f0b057; }
.service-analysis-readiness article.ready > svg { color: #5ed1bd; }
.service-analysis-readiness span, .service-analysis-readiness strong, .service-analysis-readiness small { display: block; min-width: 0; }
.service-analysis-readiness strong { color: #edf5ff; font-size: 11px; }
.service-analysis-readiness small { overflow: hidden; margin-top: 4px; color: #96acc5; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.service-analysis-readiness b { color: #efb45f; font-size: 9px; white-space: nowrap; }
.service-analysis-readiness article.ready b { color: #64d7bf; }
.service-analysis-control-shell, .service-analysis-capability-shell, .service-analysis-result-shell { overflow: hidden; background: rgba(255,255,255,.96); border: 1px solid #d7e2ee; border-radius: 18px; box-shadow: 0 12px 34px rgba(22,52,89,.07); }
.service-analysis-section-heading { display: flex; min-height: 78px; align-items: center; justify-content: space-between; gap: 18px; padding: 16px 22px; border-bottom: 1px solid #e1e8f0; }
.service-analysis-section-heading > div, .service-analysis-section-heading > div > div { display: flex; align-items: center; gap: 13px; }
.service-analysis-section-heading > div > div { display: block; }
.service-analysis-section-heading > div > span { display: grid; width: 38px; height: 38px; place-items: center; color: #246eab; background: linear-gradient(145deg,#e6f1ff,#eaf8f5); border: 1px solid #d1e1ef; border-radius: 11px; }
.service-analysis-section-heading svg { width: 18px; }
.service-analysis-section-heading h3, .service-analysis-section-heading p { margin: 0; }
.service-analysis-section-heading h3 { color: #172e49; font-size: 16px; }
.service-analysis-section-heading p { margin-top: 5px; color: #74869b; font-size: 10px; line-height: 1.5; }
.service-analysis-section-heading > b { padding: 7px 10px; color: #286a9e; background: #edf5fc; border-radius: 999px; font-size: 9px; }
.service-analysis-control-grid { display: grid; grid-template-columns: minmax(0,1.35fr) minmax(320px,.8fr); }
.service-analysis-control-grid > article { min-width: 0; padding: 20px 22px 22px; border-right: 1px solid #e1e8f0; }
.service-analysis-control-grid > article:last-child { border-right: 0; }
.service-analysis-control-grid article > header { display: flex; align-items: center; gap: 10px; margin-bottom: 17px; }
.service-analysis-control-grid article > header > span { display: grid; width: 31px; height: 31px; place-items: center; color: #2672ad; background: #e9f3fb; border-radius: 9px; font-size: 9px; font-weight: 850; }
.service-analysis-control-grid article > header strong, .service-analysis-control-grid article > header small { display: block; }
.service-analysis-control-grid article > header strong { color: #26415f; font-size: 12px; }
.service-analysis-control-grid article > header small { margin-top: 3px; color: #8a99aa; font-size: 9px; }
.service-analysis-fields { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.service-analysis-fields.single { grid-template-columns: 1fr; }
.service-analysis-fields label { display: grid; gap: 7px; min-width: 0; color: #5f7389; font-size: 9px; font-weight: 750; }
.service-analysis-fields select { width: 100%; height: 45px; padding: 0 34px 0 12px; color: #18324e; background: #f8fbfe; border: 1px solid #cfdae6; border-radius: 10px; outline: none; font-size: 11px; }
.service-analysis-fields select:focus { border-color: #438ad0; box-shadow: 0 0 0 3px rgba(48,126,199,.1); }
.service-analysis-route-summary { display: grid; grid-template-columns: 36px minmax(0,1fr); gap: 10px; align-items: start; margin-top: 13px; padding: 12px; color: #665027; background: #fff8ec; border: 1px solid #efd8b2; border-radius: 10px; }
.service-analysis-route-summary:has(.ready) { color: #165f54; background: #f0faf6; border-color: #bfe1d6; }
.service-analysis-route-summary > span { display: grid; width: 34px; height: 34px; place-items: center; color: #af741f; background: #ffedcf; border-radius: 9px; }
.service-analysis-route-summary > span.ready { color: #18806a; background: #dff3ec; }
.service-analysis-route-summary svg { width: 17px; }
.service-analysis-route-summary strong, .service-analysis-route-summary small { display: block; }
.service-analysis-route-summary strong { font-size: 10px; line-height: 1.4; }
.service-analysis-route-summary small { margin-top: 4px; color: #8e7954; font-size: 9px; line-height: 1.55; }
.service-analysis-route-summary:has(.ready) small { color: #5d7f78; }
.service-analysis-capability-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; padding: 20px 22px; }
.service-analysis-capability-grid > button { display: grid; min-width: 0; min-height: 92px; grid-template-columns: 38px minmax(0,1fr) 14px; align-items: center; gap: 10px; padding: 13px; color: #465d75; background: #f9fbfd; border: 1px solid #dce5ee; border-radius: 12px; font: inherit; text-align: left; cursor: pointer; transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease, background .16s ease; }
.service-analysis-capability-grid > button:hover { transform: translateY(-2px); border-color: #9fc1df; box-shadow: 0 10px 24px rgba(37,86,133,.1); }
.service-analysis-capability-grid > button.active { color: #175d8c; background: linear-gradient(135deg,#edf6ff,#effaf7); border-color: #5d9dcc; box-shadow: inset 0 0 0 1px rgba(76,148,200,.14), 0 10px 26px rgba(33,104,155,.11); }
.service-analysis-capability-grid > button > span { display: grid; width: 38px; height: 38px; place-items: center; color: #6e86a0; background: #edf2f7; border-radius: 10px; }
.service-analysis-capability-grid > button.active > span { color: #fff; background: linear-gradient(145deg,#2f79c1,#19a28d); }
.service-analysis-capability-grid svg { width: 17px; }
.service-analysis-capability-grid > button > svg:last-child { width: 13px; color: #a5b2c0; }
.service-analysis-capability-grid strong, .service-analysis-capability-grid small { display: block; }
.service-analysis-capability-grid strong { color: #263e58; font-size: 11px; }
.service-analysis-capability-grid small { margin-top: 5px; color: #7c8da0; font-size: 9px; line-height: 1.55; }
.service-analysis-focus-summary { display: grid; grid-template-columns: 45px minmax(0,1fr) auto; align-items: center; gap: 13px; margin: 0 22px 22px; padding: 15px 17px; color: #e7f2ff; background: linear-gradient(110deg,#173553,#1b5570); border: 1px solid #2d6480; border-radius: 13px; }
.service-analysis-focus-summary > span { display: grid; width: 45px; height: 45px; place-items: center; color: #7cdacb; background: rgba(255,255,255,.1); border-radius: 11px; }
.service-analysis-focus-summary svg { width: 21px; }
.service-analysis-focus-summary small { color: #86b8cb; font-size: 8px; font-weight: 800; letter-spacing: .08em; }
.service-analysis-focus-summary h3 { margin: 3px 0 0; font-size: 14px; }
.service-analysis-focus-summary p { margin: 4px 0 0; color: #b8cbda; font-size: 9px; }
.service-analysis-focus-summary ul { display: flex; flex-wrap: wrap; gap: 6px; margin: 9px 0 0; padding: 0; list-style: none; }
.service-analysis-focus-summary li { padding: 4px 7px; color: #cae0ed; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.12); border-radius: 999px; font-size: 8px; }
.service-analysis-focus-summary > b { color: #f2c477; font-size: 9px; }
.service-analysis-result-shell { padding-bottom: 0; }
.service-analysis-result-heading { display: flex; min-height: 96px; align-items: center; justify-content: space-between; gap: 18px; padding: 20px 22px; background: linear-gradient(90deg,#f6faff,#f7fbfa); border-bottom: 1px solid #dce5ee; }
.service-analysis-result-heading p { margin: 0 0 6px; color: #2574b8; font-size: 9px; font-weight: 850; letter-spacing: .12em; }
.service-analysis-result-heading h3 { margin: 0; color: #172f4a; font-size: 18px; }
.service-analysis-result-heading span { display: block; margin-top: 6px; color: #708299; font-size: 10px; }
.service-analysis-result-heading > div:last-child span { display: inline-flex; align-items: center; gap: 8px; margin: 0; padding: 7px 10px; background: #fff; border: 1px solid #dce5ee; border-radius: 999px; font-size: 9px; font-weight: 750; }
.service-analysis-result-shell > .service-analysis-metrics, .service-analysis-result-shell > .service-analysis-grid, .service-analysis-result-shell > .service-risk-panel, .service-analysis-result-shell > .service-recommendation-panel { margin-right: 22px; margin-left: 22px; }
.service-analysis-result-shell > .service-analysis-metrics { margin-top: 20px; margin-bottom: 14px; }
.service-analysis-result-shell .service-analysis-metrics article { min-height: 112px; padding: 17px; border-top: 0; border-radius: 12px; box-shadow: 0 8px 20px rgba(25,55,90,.045); }
.service-analysis-result-shell .service-analysis-metrics article::before { content: ""; display: block; width: 28px; height: 3px; margin-bottom: 12px; background: linear-gradient(90deg,#337dde,#21a997); border-radius: 9px; }
.service-analysis-result-shell .service-analysis-metrics article.risk::before { background: linear-gradient(90deg,#ea645f,#f4a247); }
.service-analysis-result-shell .service-analysis-metrics span { font-size: 9px; }
.service-analysis-result-shell .service-analysis-metrics strong { margin-top: 9px; color: #193a5d; font-size: 22px; }
.service-analysis-result-shell .service-analysis-metrics small { font-size: 8px; }
.service-analysis-result-shell .service-topic-panel, .service-analysis-result-shell .service-staff-panel, .service-analysis-result-shell .service-risk-panel, .service-analysis-result-shell .service-recommendation-panel { border-color: #dce5ee; border-radius: 13px; }
.service-analysis-result-shell > .service-recommendation-panel { margin-top: 14px; margin-bottom: 16px; }
.service-analysis-result-shell > .service-analysis-ai-result { margin-top: 0; border-right: 0; border-bottom: 0; border-left: 0; border-radius: 0; }
@media (max-width: 1180px) {
  .service-analysis-workbench-hero > .service-analysis-hero-copy { padding-right: 32px; }
  .service-analysis-hero-actions { position: static; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; padding: 0 32px 22px; }
  .service-analysis-hero-actions > span { grid-column: auto; margin-right: auto; }
  .service-analysis-readiness { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .service-analysis-control-grid { grid-template-columns: 1fr; }
  .service-analysis-control-grid > article { border-right: 0; border-bottom: 1px solid #e1e8f0; }
  .service-analysis-capability-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 760px) {
  .service-analysis-workbench { gap: 12px; }
  .service-analysis-workbench-hero, .service-analysis-control-shell, .service-analysis-capability-shell, .service-analysis-result-shell { border-radius: 14px; }
  .service-analysis-workbench-hero > .service-analysis-hero-copy { grid-template-columns: 50px minmax(0,1fr); gap: 14px; padding: 22px 18px 16px; }
  .service-analysis-hero-copy > .service-analysis-hero-icon { width: 50px; height: 50px; border-radius: 14px; }
  .service-analysis-hero-copy h2 { font-size: 23px; }
  .service-analysis-hero-copy strong { font-size: 10px; }
  .service-analysis-hero-actions { display: grid; grid-template-columns: 1fr; padding: 0 18px 18px; }
  .service-analysis-hero-actions > span { margin-right: 0; }
  .service-analysis-readiness { grid-template-columns: 1fr; }
  .service-analysis-readiness article { min-height: 64px; padding: 12px 18px; }
  .service-analysis-section-heading { align-items: flex-start; padding: 14px 16px; }
  .service-analysis-section-heading > b { display: none; }
  .service-analysis-control-grid > article { padding: 17px 16px; }
  .service-analysis-fields { grid-template-columns: 1fr; }
  .service-analysis-capability-grid { grid-template-columns: 1fr; padding: 16px; }
  .service-analysis-focus-summary { grid-template-columns: 40px minmax(0,1fr); margin: 0 16px 16px; }
  .service-analysis-focus-summary > b { grid-column: 2; }
  .service-analysis-result-heading { align-items: flex-start; flex-direction: column; padding: 17px 16px; }
  .service-analysis-result-shell > .service-analysis-metrics, .service-analysis-result-shell > .service-analysis-grid, .service-analysis-result-shell > .service-risk-panel, .service-analysis-result-shell > .service-recommendation-panel { margin-right: 16px; margin-left: 16px; }
}

/* DingTalk employee daily and weekly report analysis workspace. */
.dingtalk-report-workspace { display: grid; gap: 18px; padding-bottom: 20px; }
.dingtalk-report-hero { overflow: hidden; color: #fff; background: radial-gradient(circle at 88% 12%,rgba(68,132,255,.35),transparent 30%), linear-gradient(125deg,#12233d,#153f78 64%,#176f89 132%); border: 1px solid #315887; border-radius: 22px; box-shadow: 0 22px 52px rgba(14,41,77,.16); }
.dingtalk-report-hero-main { display: grid; min-height: 156px; grid-template-columns: 72px minmax(0,1fr); align-items: center; gap: 21px; padding: 28px 32px 23px; padding-right: 390px; }
.dingtalk-report-mark { display: grid; width: 72px; height: 72px; place-items: center; color: #fff; background: linear-gradient(145deg,#5da2ff,#1769e9); border: 1px solid rgba(255,255,255,.38); border-radius: 20px; box-shadow: 0 13px 28px rgba(0,36,96,.28); font-size: 30px; font-weight: 850; }
.dingtalk-report-hero-main p { margin: 0 0 7px; color: #72d9d2; font-size: 10px; font-weight: 850; letter-spacing: .13em; }
.dingtalk-report-hero-main h2 { margin: 0; font-size: clamp(24px,3vw,35px); line-height: 1.15; }
.dingtalk-report-hero-main strong { display: block; max-width: 680px; margin-top: 12px; color: #c9d8ea; font-size: 13px; font-weight: 500; line-height: 1.72; }
.dingtalk-report-hero-actions { position: absolute; top: 30px; right: 32px; display: grid; grid-template-columns: repeat(2,auto); gap: 10px; justify-items: end; }
.dingtalk-report-hero { position: relative; }
.dingtalk-report-hero-actions > span { grid-column: 1 / -1; display: inline-flex; align-items: center; gap: 8px; min-height: 31px; padding: 0 11px; color: #dbe8f7; background: rgba(255,255,255,.09); border: 1px solid rgba(255,255,255,.18); border-radius: 999px; font-size: 9px; font-weight: 750; }
.dingtalk-report-hero-actions > span i { width: 8px; height: 8px; background: #efa944; border-radius: 50%; }
.dingtalk-report-hero-actions > span.ready i { background: #3ed0a7; }
.dingtalk-report-hero-actions .primary-button, .dingtalk-report-hero-actions .secondary-button { min-height: 42px; border-radius: 10px; font-size: 10px; }
.dingtalk-report-hero-actions .secondary-button { color: #eff6ff; background: rgba(255,255,255,.09); border-color: rgba(255,255,255,.24); }
.dingtalk-report-source-flow { display: grid; grid-template-columns: minmax(0,1fr) 24px minmax(0,1fr) 24px minmax(0,1fr) 24px minmax(0,1fr); align-items: center; padding: 0 24px; background: rgba(6,23,47,.42); border-top: 1px solid rgba(255,255,255,.12); }
.dingtalk-report-source-flow > svg { width: 15px; justify-self: center; color: #6d8bab; }
.dingtalk-report-source-flow article { display: grid; min-height: 80px; grid-template-columns: 32px minmax(0,1fr) auto; align-items: center; gap: 9px; }
.dingtalk-report-source-flow article > svg { width: 19px; color: #efb054; }
.dingtalk-report-source-flow article.ready > svg { color: #50d2b2; }
.dingtalk-report-source-flow strong, .dingtalk-report-source-flow small { display: block; }
.dingtalk-report-source-flow strong { color: #edf6ff; font-size: 10px; }
.dingtalk-report-source-flow small { margin-top: 3px; color: #91a9c2; font-size: 8px; }
.dingtalk-report-source-flow b { color: #efb35b; font-size: 8px; white-space: nowrap; }
.dingtalk-report-source-flow article.ready b { color: #59d1b5; }
.dingtalk-report-control, .dingtalk-report-analysis, .dingtalk-report-schedule { overflow: hidden; background: rgba(255,255,255,.97); border: 1px solid #d7e2ee; border-radius: 18px; box-shadow: 0 12px 32px rgba(20,52,88,.07); }
.dingtalk-report-filter-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)) auto; align-items: end; gap: 12px; padding: 20px 22px 22px; }
.dingtalk-report-filter-grid label { display: grid; gap: 7px; min-width: 0; color: #60748a; font-size: 9px; font-weight: 750; }
.dingtalk-report-filter-grid select { width: 100%; height: 45px; padding: 0 34px 0 12px; color: #19334f; background: #f8fbfe; border: 1px solid #cfdae6; border-radius: 10px; outline: none; font-size: 11px; }
.dingtalk-report-filter-grid select:focus { border-color: #337fc4; box-shadow: 0 0 0 3px rgba(51,127,196,.1); }
.dingtalk-report-filter-grid .primary-button { min-height: 45px; border-radius: 10px; white-space: nowrap; }
.dingtalk-report-kpis { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 11px; }
.dingtalk-report-kpis article { display: grid; min-height: 110px; grid-template-columns: 40px minmax(0,1fr); align-items: center; gap: 11px; padding: 16px; background: #fff; border: 1px solid #d9e3ed; border-radius: 14px; box-shadow: 0 8px 22px rgba(22,53,87,.05); }
.dingtalk-report-kpis article > span { display: grid; width: 40px; height: 40px; place-items: center; color: #2775bb; background: linear-gradient(145deg,#e9f3ff,#eaf8f5); border-radius: 11px; }
.dingtalk-report-kpis svg { width: 19px; }
.dingtalk-report-kpis small, .dingtalk-report-kpis strong, .dingtalk-report-kpis p { display: block; margin: 0; }
.dingtalk-report-kpis small { color: #72859a; font-size: 8px; }
.dingtalk-report-kpis strong { margin-top: 5px; color: #193a5d; font-size: 21px; }
.dingtalk-report-kpis p { margin-top: 4px; color: #95a3b2; font-size: 8px; line-height: 1.4; }
.dingtalk-report-main-grid { display: grid; grid-template-columns: minmax(230px,.65fr) minmax(520px,1.7fr); gap: 14px; align-items: start; }
.dingtalk-report-employee-panel { overflow: hidden; background: #fff; border: 1px solid #d7e2ee; border-radius: 16px; box-shadow: 0 10px 28px rgba(21,52,89,.06); }
.dingtalk-report-employee-panel > header { display: flex; min-height: 69px; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 16px; border-bottom: 1px solid #e2e9f0; }
.dingtalk-report-employee-panel h3, .dingtalk-report-employee-panel p { margin: 0; }
.dingtalk-report-employee-panel h3 { color: #203a56; font-size: 13px; }
.dingtalk-report-employee-panel p { margin-top: 4px; color: #7d8ea1; font-size: 8px; }
.dingtalk-report-employee-panel > header b { color: #2d6ea5; font-size: 9px; }
.dingtalk-report-employee-panel > div > button { display: grid; width: 100%; min-height: 76px; grid-template-columns: 34px minmax(0,1fr) auto; align-items: center; gap: 9px; padding: 11px 14px; color: #536a81; background: #fff; border: 0; border-bottom: 1px solid #edf1f5; font: inherit; text-align: left; cursor: pointer; }
.dingtalk-report-employee-panel > div > button:hover, .dingtalk-report-employee-panel > div > button.active { background: linear-gradient(90deg,#edf6ff,#f1faf7); }
.dingtalk-report-employee-panel > div > button > span { display: grid; width: 34px; height: 34px; place-items: center; color: #236ba9; background: #e7f1fc; border-radius: 9px; font-size: 11px; font-weight: 850; }
.dingtalk-report-employee-panel > div > button.active > span { color: #fff; background: linear-gradient(145deg,#2c79c4,#1aa28e); }
.dingtalk-report-employee-panel button strong, .dingtalk-report-employee-panel button small { display: block; }
.dingtalk-report-employee-panel button strong { color: #2a425d; font-size: 10px; }
.dingtalk-report-employee-panel button small { margin-top: 3px; color: #8b99a9; font-size: 8px; }
.dingtalk-report-employee-panel button i { display: block; overflow: hidden; height: 3px; margin-top: 7px; background: #e7edf3; border-radius: 99px; }
.dingtalk-report-employee-panel button i b { display: block; height: 100%; background: linear-gradient(90deg,#377ed0,#20a58f); }
.dingtalk-report-employee-panel button em { color: #3372a9; font-size: 8px; font-style: normal; font-weight: 800; }
.dingtalk-report-employee-panel button > small { grid-column: 3; margin-top: -20px; }
.dingtalk-report-list { margin: 0; border-color: #d7e2ee; border-radius: 16px; box-shadow: 0 10px 28px rgba(21,52,89,.06); }
.dingtalk-report-list .list-title { min-height: 69px; }
.dingtalk-report-list footer { display: flex; align-items: center; gap: 7px; padding: 11px 14px; color: #75879b; background: #f8fafc; border-top: 1px solid #e3e9f0; font-size: 8px; line-height: 1.5; }
.dingtalk-report-list footer svg { width: 14px; color: #23816d; }
.dingtalk-report-employee-link { display: block; padding: 0; color: inherit; background: transparent; border: 0; font: inherit; text-align: left; cursor: pointer; }
.dingtalk-report-employee-link:hover strong { color: #1f73b6; }
.dingtalk-report-employee-link strong, .dingtalk-report-employee-link small { display: block; }
.dingtalk-report-employee-link small { margin-top: 3px; color: #8a98a8; font-size: 8px; }
.dingtalk-report-analysis { min-height: 190px; }
.dingtalk-report-analysis-empty, .dingtalk-report-analysis-loading { display: grid; min-height: 190px; grid-template-columns: 52px minmax(0,1fr) auto; align-items: center; gap: 16px; padding: 24px 28px; }
.dingtalk-report-analysis-empty > span, .dingtalk-report-analysis-result > header > span { display: grid; width: 52px; height: 52px; place-items: center; color: #fff; background: linear-gradient(145deg,#347ed0,#1aa28d); border-radius: 14px; }
.dingtalk-report-analysis-empty svg { width: 24px; }
.dingtalk-report-analysis-empty strong { color: #203a56; font-size: 14px; }
.dingtalk-report-analysis-empty p { max-width: 670px; margin: 6px 0 0; color: #74869a; font-size: 10px; line-height: 1.65; }
.dingtalk-report-analysis-empty .primary-button { min-height: 42px; border-radius: 10px; }
.dingtalk-report-analysis-loading { grid-template-columns: 40px minmax(0,1fr); align-content: center; }
.dingtalk-report-analysis-loading > svg { width: 30px; color: #2875b7; animation: spin 1s linear infinite; }
.dingtalk-report-analysis-loading strong, .dingtalk-report-analysis-loading small { display: block; }
.dingtalk-report-analysis-loading strong { color: #203a56; font-size: 13px; }
.dingtalk-report-analysis-loading small { margin-top: 5px; color: #8493a3; font-size: 9px; }
.dingtalk-report-analysis-result > header { display: grid; grid-template-columns: 52px minmax(0,1fr) auto; align-items: center; gap: 15px; padding: 20px 22px; color: #e9f4ff; background: linear-gradient(110deg,#153655,#1b5870); }
.dingtalk-report-analysis-result > header > span { background: rgba(255,255,255,.1); }
.dingtalk-report-analysis-result > header svg { width: 23px; color: #73d6c6; }
.dingtalk-report-analysis-result header small { color: #78bbcb; font-size: 8px; font-weight: 850; letter-spacing: .1em; }
.dingtalk-report-analysis-result header h3 { margin: 4px 0 0; font-size: 15px; }
.dingtalk-report-analysis-result header p { margin: 4px 0 0; color: #aec6d7; font-size: 9px; }
.dingtalk-report-analysis-result header b { padding: 6px 9px; color: #62d5b9; background: rgba(54,204,170,.12); border-radius: 999px; font-size: 8px; }
.dingtalk-report-conclusion { padding: 17px 22px; background: #f5faf8; border-bottom: 1px solid #dce8e3; }
.dingtalk-report-conclusion strong { color: #1d6257; font-size: 10px; }
.dingtalk-report-conclusion p { margin: 6px 0 0; color: #506f69; font-size: 10px; line-height: 1.7; }
.dingtalk-report-insight-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
.dingtalk-report-insight-grid article { display: grid; min-height: 120px; grid-template-columns: 36px minmax(0,1fr); align-items: start; gap: 11px; padding: 17px 20px; border-right: 1px solid #e4eaf0; border-bottom: 1px solid #e4eaf0; }
.dingtalk-report-insight-grid article > span { display: grid; width: 36px; height: 36px; place-items: center; color: #2774b5; background: #eaf3fb; border-radius: 10px; }
.dingtalk-report-insight-grid svg { width: 17px; }
.dingtalk-report-insight-grid strong { color: #28415b; font-size: 10px; }
.dingtalk-report-insight-grid p { margin: 5px 0 0; color: #708296; font-size: 9px; line-height: 1.65; }
.dingtalk-report-schedule > header { display: flex; min-height: 74px; align-items: center; justify-content: space-between; gap: 15px; padding: 15px 20px; border-bottom: 1px solid #e2e9f0; }
.dingtalk-report-schedule > header > div { display: flex; align-items: center; gap: 11px; }
.dingtalk-report-schedule > header span { display: grid; width: 37px; height: 37px; place-items: center; color: #286fa8; background: #eaf3fb; border-radius: 10px; }
.dingtalk-report-schedule > header svg { width: 18px; }
.dingtalk-report-schedule h3, .dingtalk-report-schedule p { margin: 0; }
.dingtalk-report-schedule h3 { color: #233c57; font-size: 13px; }
.dingtalk-report-schedule p { margin-top: 4px; color: #7c8da0; font-size: 9px; }
.dingtalk-report-schedule > header b { color: #2e6da3; font-size: 9px; }
.dingtalk-report-schedule > div { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); }
.dingtalk-report-schedule article { display: grid; min-height: 92px; grid-template-columns: 27px minmax(0,1fr); align-items: center; gap: 10px; padding: 15px 17px; border-right: 1px solid #e4eaf0; }
.dingtalk-report-schedule article > span { color: #6d8197; font: 800 9px/1 ui-monospace,monospace; }
.dingtalk-report-schedule article strong, .dingtalk-report-schedule article small { display: block; }
.dingtalk-report-schedule article strong { color: #29425c; font-size: 10px; }
.dingtalk-report-schedule article small { margin-top: 5px; color: #8392a2; font-size: 8px; line-height: 1.5; }
.dingtalk-report-original { display: grid; gap: 10px; }
.dingtalk-report-original article { padding: 13px 14px; background: #f8fafc; border: 1px solid #e0e7ef; border-radius: 9px; }
.dingtalk-report-original span { color: #2c6fa7; font-size: 9px; font-weight: 800; }
.dingtalk-report-original p { margin: 7px 0 0; color: #4e6176; font-size: 10px; line-height: 1.7; }
@media (max-width: 1180px) {
  .dingtalk-report-hero-main { padding-right: 32px; }
  .dingtalk-report-hero-actions { position: static; display: flex; flex-wrap: wrap; padding: 0 32px 22px; }
  .dingtalk-report-hero-actions > span { grid-column: auto; margin-right: auto; }
  .dingtalk-report-source-flow { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 18px; }
  .dingtalk-report-source-flow > svg { display: none; }
  .dingtalk-report-filter-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .dingtalk-report-kpis { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .dingtalk-report-main-grid { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
  .dingtalk-report-workspace { gap: 12px; }
  .dingtalk-report-hero, .dingtalk-report-control, .dingtalk-report-analysis, .dingtalk-report-schedule, .dingtalk-report-employee-panel, .dingtalk-report-list { border-radius: 14px; }
  .dingtalk-report-hero-main { grid-template-columns: 52px minmax(0,1fr); gap: 14px; padding: 22px 18px 17px; }
  .dingtalk-report-mark { width: 52px; height: 52px; border-radius: 14px; font-size: 21px; }
  .dingtalk-report-hero-main h2 { font-size: 23px; }
  .dingtalk-report-hero-main strong { font-size: 10px; }
  .dingtalk-report-hero-actions { display: grid; grid-template-columns: 1fr; padding: 0 18px 18px; }
  .dingtalk-report-hero-actions > span { margin-right: 0; }
  .dingtalk-report-source-flow, .dingtalk-report-filter-grid, .dingtalk-report-kpis, .dingtalk-report-schedule > div, .dingtalk-report-insight-grid { grid-template-columns: 1fr; }
  .dingtalk-report-source-flow { padding: 0 18px; }
  .dingtalk-report-source-flow article { min-height: 64px; }
  .dingtalk-report-filter-grid { padding: 16px; }
  .dingtalk-report-analysis-empty { grid-template-columns: 45px minmax(0,1fr); padding: 20px 17px; }
  .dingtalk-report-analysis-empty > button { grid-column: 2; }
  .dingtalk-report-analysis-result > header { grid-template-columns: 45px minmax(0,1fr); }
  .dingtalk-report-analysis-result > header b { grid-column: 2; justify-self: start; }
}

/* Unified design-center layout. */
.design-center-hero { position: relative; overflow: hidden; margin-bottom: 18px; color: #fff; background: radial-gradient(circle at 86% 12%,rgba(143,92,255,.34),transparent 31%), linear-gradient(125deg,#17213d,#293e74 62%,#287d83 135%); border: 1px solid #3d5483; border-radius: 22px; box-shadow: 0 22px 52px rgba(19,38,76,.16); }
.design-center-hero-copy { display: grid; min-height: 150px; grid-template-columns: 70px minmax(0,1fr); align-items: center; gap: 21px; padding: 27px 32px 22px; padding-right: 380px; }
.design-center-hero-copy > span { display: grid; width: 70px; height: 70px; place-items: center; color: #fff; background: linear-gradient(145deg,#7873ff,#2aa4b0); border: 1px solid rgba(255,255,255,.35); border-radius: 20px; box-shadow: 0 14px 28px rgba(14,25,70,.28); }
.design-center-hero-copy > span svg { width: 30px; }
.design-center-hero-copy p { margin: 0 0 7px; color: #75ddd0; font-size: 10px; font-weight: 850; letter-spacing: .13em; }
.design-center-hero-copy h2 { margin: 0; font-size: clamp(25px,3vw,35px); line-height: 1.14; }
.design-center-hero-copy strong { display: block; max-width: 670px; margin-top: 12px; color: #c9d7eb; font-size: 13px; font-weight: 500; line-height: 1.72; }
.design-center-hero-actions { position: absolute; top: 30px; right: 32px; display: grid; grid-template-columns: repeat(2,auto); gap: 10px; justify-items: end; }
.design-center-hero-actions > b { grid-column: 1/-1; display: inline-flex; align-items: center; gap: 7px; min-height: 30px; padding: 0 11px; color: #e0ebf7; background: rgba(255,255,255,.09); border: 1px solid rgba(255,255,255,.18); border-radius: 999px; font-size: 9px; }
.design-center-hero-actions > b i { width: 8px; height: 8px; background: #55d3b7; border-radius: 50%; }
.design-center-hero-actions .primary-button, .design-center-hero-actions .secondary-button { min-height: 42px; border-radius: 10px; font-size: 10px; }
.design-center-hero-actions .secondary-button { color: #f0f5ff; background: rgba(255,255,255,.09); border-color: rgba(255,255,255,.25); }
.design-center-task-heading { display: flex; min-height: 78px; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 12px; padding: 15px 20px; background: #fff; border: 1px solid #d8e2ed; border-radius: 16px; box-shadow: 0 10px 28px rgba(25,55,91,.06); }
.design-center-task-heading > div { display: flex; align-items: center; gap: 12px; }
.design-center-task-heading > div > span { display: grid; width: 39px; height: 39px; place-items: center; color: #4c63bc; background: linear-gradient(145deg,#eef0ff,#eaf8f5); border-radius: 11px; }
.design-center-task-heading svg { width: 18px; }
.design-center-task-heading h3, .design-center-task-heading p { margin: 0; }
.design-center-task-heading h3 { color: #263b57; font-size: 15px; }
.design-center-task-heading p { margin-top: 4px; color: #7d8da0; font-size: 9px; }
.design-center-task-heading > b { color: #5a66a6; font-size: 9px; }
.creative-studio-page .creative-preview-console, .copy-store-page .copy-store-workspace, main[data-preview-page="channels"] .channel-store-workspace { overflow: hidden; border-color: #d5e0ec; border-radius: 18px; box-shadow: 0 12px 34px rgba(24,52,88,.07); }
.creative-studio-page .creative-task-form { margin: 0; border: 0; border-radius: 0; box-shadow: none; }
.creative-studio-page .creative-task-title { padding: 20px 22px; }
.creative-studio-page .creative-task-fields, .creative-studio-page .creative-target-fields { gap: 12px; padding-right: 22px; padding-left: 22px; }
.creative-studio-page .creative-task-fields select, .creative-studio-page .creative-target-fields input, .creative-studio-page .creative-target-fields select { min-height: 44px; border-radius: 9px; font-size: 10px; }
.creative-studio-page .creative-task-prompt, .creative-studio-page .creative-platform-note, .creative-studio-page .creative-publish-control, .creative-studio-page .creative-task-submit { margin-right: 22px; margin-left: 22px; }
.copy-store-page .copy-store-workspace > header { display: none; }
.copy-store-page .copy-store-stages { background: #f7faff; }
.copy-store-page .copy-store-stages article { min-height: 76px; padding: 13px 16px; }
.copy-store-page .copy-store-workspace > form { gap: 14px; padding: 22px; }
.copy-store-page .copy-store-workspace select, .copy-store-page .copy-store-workspace input[type="text"], .copy-store-page .copy-store-workspace input[type="url"], .copy-store-page .copy-store-workspace input:not([type]) { min-height: 44px; border-radius: 9px; font-size: 10px; }
.copy-store-page .copy-store-design-brief { padding: 15px 15px 13px 58px; border-radius: 12px; }
.copy-store-page .copy-store-design-brief::before { top: 15px; left: 15px; width: 31px; height: 31px; }
.copy-store-page .copy-store-design-brief textarea { min-height: 92px; font-size: 10px; }
.copy-store-page .copy-store-tools > span, .copy-store-page .copy-store-boundary article { min-height: 74px; border-radius: 11px; }
.copy-store-page .copy-store-review { border-radius: 16px; }
@media (max-width: 1180px) {
  .design-center-hero-copy { padding-right: 32px; }
  .design-center-hero-actions { position: static; display: flex; flex-wrap: wrap; padding: 0 32px 22px; }
  .design-center-hero-actions > b { grid-column: auto; margin-right: auto; }
}
@media (max-width: 760px) {
  .design-center-hero { border-radius: 14px; }
  .design-center-hero-copy { grid-template-columns: 50px minmax(0,1fr); gap: 14px; padding: 21px 18px 16px; }
  .design-center-hero-copy > span { width: 50px; height: 50px; border-radius: 14px; }
  .design-center-hero-copy h2 { font-size: 23px; }
  .design-center-hero-copy strong { font-size: 10px; }
  .design-center-hero-actions { display: grid; grid-template-columns: 1fr; padding: 0 18px 18px; }
  .design-center-hero-actions > b { margin-right: 0; }
  .design-center-task-heading { align-items: flex-start; margin-bottom: 10px; padding: 14px 16px; }
  .design-center-task-heading > b { display: none; }
}

/* Role-agent status and execution process workspace. */
.role-agent-workspace { display: grid; gap: 18px; padding-bottom: 20px; }
.role-agent-hero { position: relative; overflow: hidden; color: #fff; background: radial-gradient(circle at 88% 12%,rgba(30,181,171,.25),transparent 30%), linear-gradient(125deg,#10233e,#183e6e 63%,#1d6878 135%); border: 1px solid #31567f; border-radius: 22px; box-shadow: 0 22px 52px rgba(17,43,78,.16); }
.role-agent-hero-copy { display: grid; min-height: 150px; grid-template-columns: 70px minmax(0,1fr); align-items: center; gap: 21px; padding: 27px 32px 22px; padding-right: 360px; }
.role-agent-hero-copy > span { display: grid; width: 70px; height: 70px; place-items: center; color: #173b66; background: linear-gradient(145deg,#e2f4ff,#82c8ff); border: 1px solid rgba(255,255,255,.45); border-radius: 20px; box-shadow: 0 14px 28px rgba(7,30,65,.25); }
.role-agent-hero-copy > span svg { width: 30px; }
.role-agent-hero-copy p { margin: 0 0 7px; color: #6bd9cc; font-size: 10px; font-weight: 850; letter-spacing: .13em; }
.role-agent-hero-copy h2 { margin: 0; font-size: clamp(25px,3vw,35px); line-height: 1.14; }
.role-agent-hero-copy strong { display: block; max-width: 680px; margin-top: 12px; color: #c9d8ea; font-size: 13px; font-weight: 500; line-height: 1.72; }
.role-agent-hero-actions { position: absolute; top: 30px; right: 32px; display: grid; grid-template-columns: repeat(2,auto); gap: 10px; justify-items: end; }
.role-agent-hero-actions > span { grid-column: 1/-1; display: inline-flex; align-items: center; gap: 8px; min-height: 30px; padding: 0 11px; color: #e2ecf7; background: rgba(255,255,255,.09); border: 1px solid rgba(255,255,255,.18); border-radius: 999px; font-size: 9px; font-weight: 750; }
.role-agent-hero-actions > span i { width: 8px; height: 8px; background: #e8a948; border-radius: 50%; }
.role-agent-hero-actions > span.ready i { background: #4bd2af; }
.role-agent-hero-actions .primary-button, .role-agent-hero-actions .secondary-button { min-height: 42px; border-radius: 10px; font-size: 10px; }
.role-agent-hero-actions .secondary-button { color: #edf5ff; background: rgba(255,255,255,.09); border-color: rgba(255,255,255,.25); }
.role-agent-hero-status { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); background: rgba(5,23,48,.43); border-top: 1px solid rgba(255,255,255,.12); }
.role-agent-hero-status article { display: grid; min-height: 78px; grid-template-columns: 31px minmax(0,1fr); align-items: center; gap: 10px; padding: 14px 18px; border-right: 1px solid rgba(255,255,255,.1); }
.role-agent-hero-status article > svg { width: 19px; color: #79a7d4; }
.role-agent-hero-status article.running > svg { color: #63b9ff; animation: spin 1.8s linear infinite; }
.role-agent-hero-status article.approval > svg { color: #f1b75d; }
.role-agent-hero-status article.completed > svg { color: #55d3b5; }
.role-agent-hero-status article.failed > svg { color: #ef8c8c; }
.role-agent-hero-status strong, .role-agent-hero-status small { display: block; }
.role-agent-hero-status strong { color: #edf5ff; font-size: 12px; }
.role-agent-hero-status small { margin-top: 4px; color: #92a9c2; font-size: 8px; }
.role-agent-control { display: grid; grid-template-columns: minmax(260px,.7fr) minmax(0,1.7fr); gap: 14px; align-items: start; }
.role-agent-roster, .role-agent-profile, .role-agent-process, .role-agent-recent { overflow: hidden; background: #fff; border: 1px solid #d7e2ed; border-radius: 17px; box-shadow: 0 11px 30px rgba(22,52,88,.065); }
.role-agent-roster > header { display: flex; min-height: 72px; align-items: center; justify-content: space-between; gap: 12px; padding: 15px 17px; border-bottom: 1px solid #e1e8ef; }
.role-agent-roster h3, .role-agent-roster p { margin: 0; }
.role-agent-roster h3 { color: #213b57; font-size: 14px; }
.role-agent-roster p { margin-top: 4px; color: #8191a3; font-size: 9px; }
.role-agent-roster > header b { display: grid; width: 28px; height: 28px; place-items: center; color: #2b71a9; background: #eaf3fb; border-radius: 50%; font-size: 9px; }
.role-agent-roster > div > button { display: grid; width: 100%; min-height: 76px; grid-template-columns: 36px minmax(0,1fr) auto auto 12px; align-items: center; gap: 9px; padding: 10px 14px; color: #52687f; background: #fff; border: 0; border-bottom: 1px solid #edf1f5; font: inherit; text-align: left; cursor: pointer; }
.role-agent-roster > div > button:hover, .role-agent-roster > div > button.active { background: linear-gradient(90deg,#edf6ff,#f1faf7); }
.role-agent-roster > div > button.active { box-shadow: inset 3px 0 0 #2d77bb; }
.role-agent-roster button strong, .role-agent-roster button small { display: block; }
.role-agent-roster button strong { color: #263f59; font-size: 10px; }
.role-agent-roster button small { margin-top: 4px; color: #8b99a8; font-size: 8px; }
.role-agent-roster button em { display: inline-flex; align-items: center; gap: 5px; color: #6e8092; font-size: 8px; font-style: normal; font-weight: 750; white-space: nowrap; }
.role-agent-roster button em i, .role-agent-profile > header > b i { width: 7px; height: 7px; background: #9aa7b4; border-radius: 50%; }
.role-agent-roster button em.running i, .role-agent-profile > header > b.running i { background: #2e8dd3; }
.role-agent-roster button em.approval i, .role-agent-profile > header > b.approval i { background: #db952f; }
.role-agent-roster button em.completed i, .role-agent-profile > header > b.completed i { background: #25a480; }
.role-agent-roster button em.failed i, .role-agent-profile > header > b.failed i { background: #d65158; }
.role-agent-roster button > b { color: #7890a6; font-size: 8px; white-space: nowrap; }
.role-agent-roster button > svg { width: 12px; color: #a2afbb; }
.role-agent-profile > header { display: grid; min-height: 108px; grid-template-columns: 52px minmax(0,1fr) auto; align-items: center; gap: 14px; padding: 20px 22px; color: #eaf4ff; background: linear-gradient(110deg,#173654,#1b5871); }
.role-agent-profile > header .agent-avatar { width: 52px; height: 52px; border-radius: 14px; font-size: 15px; }
.role-agent-profile > header small { color: #72bdca; font-size: 8px; font-weight: 800; letter-spacing: .08em; }
.role-agent-profile > header h3 { margin: 4px 0 0; font-size: 17px; }
.role-agent-profile > header p { margin: 5px 0 0; color: #b9ccdc; font-size: 9px; line-height: 1.55; }
.role-agent-profile > header > b { display: inline-flex; align-items: center; gap: 6px; padding: 6px 9px; color: #dce8f4; background: rgba(255,255,255,.09); border-radius: 999px; font-size: 8px; }
.role-agent-authority { display: grid; grid-template-columns: 1.2fr 1fr 1fr; border-bottom: 1px solid #e2e9f0; }
.role-agent-authority article { min-height: 96px; padding: 15px 17px; border-right: 1px solid #e4eaf0; }
.role-agent-authority article > span { display: block; margin-bottom: 9px; color: #8190a0; font-size: 8px; }
.role-agent-authority article > div { display: flex; flex-wrap: wrap; gap: 5px; }
.role-agent-authority article > div b { padding: 5px 7px; color: #2d649a; background: #eaf3fb; border-radius: 6px; font-size: 8px; }
.role-agent-authority article > strong { display: flex; gap: 6px; color: #40566e; font-size: 9px; line-height: 1.55; }
.role-agent-authority article svg { width: 14px; flex: 0 0 14px; color: #2874b4; }
.role-agent-command { padding: 18px 22px 20px; }
.role-agent-command textarea { min-height: 76px; border-radius: 9px; }
.role-agent-process > header { display: flex; min-height: 112px; align-items: center; justify-content: space-between; gap: 18px; padding: 20px 22px; background: linear-gradient(90deg,#f6faff,#f5fbf8); border-bottom: 1px solid #dce5ed; }
.role-agent-process > header > div { display: flex; min-width: 0; align-items: center; gap: 13px; }
.role-agent-process > header > div > span { display: grid; width: 46px; height: 46px; place-items: center; color: #2d73ad; background: #e7f1fb; border-radius: 12px; }
.role-agent-process > header > div > span.running svg { animation: spin 1s linear infinite; }
.role-agent-process > header svg { width: 21px; }
.role-agent-process > header p { margin: 0; color: #2b74ae; font-size: 8px; font-weight: 850; letter-spacing: .1em; }
.role-agent-process > header h3 { overflow: hidden; max-width: 760px; margin: 5px 0 0; color: #233d58; font-size: 15px; text-overflow: ellipsis; white-space: nowrap; }
.role-agent-process > header small { display: block; overflow: hidden; max-width: 760px; margin-top: 5px; color: #788a9e; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.role-agent-process > header aside { display: flex; align-items: center; gap: 10px; }
.role-agent-process > header aside b { padding: 6px 9px; color: #2e6d9f; background: #e8f2fa; border-radius: 999px; font-size: 8px; white-space: nowrap; }
.role-agent-process > header aside b.approval { color: #98621e; background: #fff1dc; }
.role-agent-process > header aside b.failed { color: #a83d45; background: #fdecee; }
.role-agent-process > header aside b.completed { color: #19725e; background: #e3f5ef; }
.role-agent-process > header aside strong { color: #1d4469; font-size: 19px; }
.role-agent-progress { padding: 0 22px; transform: translateY(-2px); }
.role-agent-progress > i { display: block; overflow: hidden; height: 4px; background: #dfe8ef; border-radius: 99px; }
.role-agent-progress b { display: block; height: 100%; background: linear-gradient(90deg,#347cd0,#1da691); border-radius: inherit; }
.role-agent-process-grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); padding: 20px 16px 18px; }
.role-agent-process-grid article { position: relative; display: grid; min-height: 142px; align-content: start; justify-items: center; padding: 10px 14px; text-align: center; }
.role-agent-process-grid article:not(:last-child)::after { content: ""; position: absolute; top: 31px; right: -15%; width: 30%; height: 2px; background: #dfe7ee; }
.role-agent-process-grid article.done:not(:last-child)::after { background: #6cc7b4; }
.role-agent-process-grid article > span { display: grid; width: 42px; height: 42px; place-items: center; color: #90a0b0; background: #f0f3f6; border: 1px solid #e0e6ec; border-radius: 12px; }
.role-agent-process-grid article.done > span { color: #18826b; background: #e4f5ef; border-color: #bde2d6; }
.role-agent-process-grid article.active > span { color: #226fae; background: #e6f1fb; border-color: #b8d3ea; box-shadow: 0 0 0 5px rgba(49,126,191,.08); }
.role-agent-process-grid article.active > span svg { animation: softPulse 1.6s ease-in-out infinite; }
.role-agent-process-grid article.failed > span { color: #bd414a; background: #fdebed; border-color: #f0c2c6; }
.role-agent-process-grid article svg { width: 19px; }
.role-agent-process-grid article small { display: block; margin-top: 12px; color: #9aa7b4; font-size: 7px; font-weight: 850; }
.role-agent-process-grid article strong { display: block; margin-top: 5px; color: #2a425b; font-size: 10px; }
.role-agent-process-grid article p { margin: 6px 0 0; color: #8190a0; font-size: 8px; line-height: 1.55; }
.role-agent-process-grid article > b { margin-top: 9px; color: #97a4b1; font-size: 8px; }
.role-agent-process-grid article.done > b { color: #1c816b; }
.role-agent-process-grid article.active > b { color: #2672ae; }
.role-agent-process-grid article.failed > b { color: #b83d46; }
.role-agent-process > footer { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 15px 20px; background: #f8fafc; border-top: 1px solid #e2e9ef; }
.role-agent-process > footer dl { display: flex; flex-wrap: wrap; gap: 12px 24px; margin: 0; }
.role-agent-process > footer dl div { display: flex; gap: 5px; font-size: 8px; }
.role-agent-process > footer dt { color: #8391a0; }
.role-agent-process > footer dd { margin: 0; color: #3f566e; font-weight: 750; }
.role-agent-no-task { display: flex; align-items: center; gap: 10px; }
.role-agent-no-task > svg { width: 20px; color: #7e93a8; }
.role-agent-no-task strong, .role-agent-no-task small { display: block; }
.role-agent-no-task strong { color: #425a72; font-size: 9px; }
.role-agent-no-task small { margin-top: 3px; color: #8695a4; font-size: 8px; }
.role-agent-recent { margin: 0; }
@keyframes softPulse { 0%,100% { transform: scale(1); opacity: .78; } 50% { transform: scale(1.1); opacity: 1; } }
@media (max-width: 1180px) {
  .role-agent-hero-copy { padding-right: 32px; }
  .role-agent-hero-actions { position: static; display: flex; flex-wrap: wrap; padding: 0 32px 22px; }
  .role-agent-hero-actions > span { grid-column: auto; margin-right: auto; }
  .role-agent-hero-status { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .role-agent-control { grid-template-columns: 1fr; }
  .role-agent-authority { grid-template-columns: 1fr 1fr; }
  .role-agent-process-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .role-agent-process-grid article::after { display: none; }
}
@media (max-width: 760px) {
  .role-agent-workspace { gap: 12px; }
  .role-agent-hero, .role-agent-roster, .role-agent-profile, .role-agent-process, .role-agent-recent { border-radius: 14px; }
  .role-agent-hero-copy { grid-template-columns: 50px minmax(0,1fr); gap: 14px; padding: 21px 18px 16px; }
  .role-agent-hero-copy > span { width: 50px; height: 50px; border-radius: 14px; }
  .role-agent-hero-copy h2 { font-size: 23px; }
  .role-agent-hero-copy strong { font-size: 10px; }
  .role-agent-hero-actions { display: grid; grid-template-columns: 1fr; padding: 0 18px 18px; }
  .role-agent-hero-actions > span { margin-right: 0; }
  .role-agent-hero-status, .role-agent-authority, .role-agent-process-grid { grid-template-columns: 1fr; }
  .role-agent-roster > div > button { grid-template-columns: 36px minmax(0,1fr) auto 12px; }
  .role-agent-roster button > b { display: none; }
  .role-agent-profile > header { grid-template-columns: 46px minmax(0,1fr); }
  .role-agent-profile > header > b { grid-column: 2; justify-self: start; }
  .role-agent-process > header { align-items: flex-start; flex-direction: column; }
  .role-agent-process > header h3, .role-agent-process > header small { max-width: calc(100vw - 110px); }
  .role-agent-process > footer { align-items: flex-start; flex-direction: column; }
  .role-agent-process > footer dl { display: grid; grid-template-columns: 1fr; }
}

/* Compact primary headers: keep controls visible without pushing work content below the fold. */
.managed-hero { min-height: 92px; padding: 14px 18px; }
.managed-hero h2 { font-size: 21px; }
.managed-hero span { margin-top: 5px; line-height: 1.5; }
.autopilot-hero { padding: 16px 18px; }
.autopilot-identity { gap: 11px; }
.autopilot-identity > span { width: 38px; height: 38px; flex-basis: 38px; border-radius: 10px; }
.autopilot-identity h2 { font-size: 20px; }
.autopilot-identity strong { margin-top: 5px; line-height: 1.5; }
.autopilot-hero-actions .primary-button, .autopilot-hero-actions .secondary-button { min-height: 36px; }

.service-analysis-workbench-hero > .service-analysis-hero-copy,
.dingtalk-report-hero-main,
.design-center-hero-copy,
.role-agent-hero-copy {
  min-height: 108px;
  grid-template-columns: 52px minmax(0,1fr);
  gap: 16px;
  padding: 18px 24px;
  padding-right: 350px;
}
.service-analysis-hero-copy > .service-analysis-hero-icon,
.dingtalk-report-mark,
.design-center-hero-copy > span,
.role-agent-hero-copy > span {
  width: 52px;
  height: 52px;
  border-radius: 15px;
}
.service-analysis-hero-icon svg,
.design-center-hero-copy > span svg,
.role-agent-hero-copy > span svg { width: 23px; height: 23px; }
.dingtalk-report-mark { font-size: 21px; }
.service-analysis-hero-copy p,
.dingtalk-report-hero-main p,
.design-center-hero-copy p,
.role-agent-hero-copy p { margin-bottom: 4px; font-size: 8px; }
.service-analysis-hero-copy h2,
.dingtalk-report-hero-main h2,
.design-center-hero-copy h2,
.role-agent-hero-copy h2 { font-size: clamp(22px,2.4vw,28px); }
.service-analysis-hero-copy strong,
.dingtalk-report-hero-main strong,
.design-center-hero-copy strong,
.role-agent-hero-copy strong { margin-top: 6px; font-size: 10px; line-height: 1.55; }
.service-analysis-hero-actions,
.dingtalk-report-hero-actions,
.design-center-hero-actions,
.role-agent-hero-actions { top: 18px; right: 24px; gap: 7px; }
.service-analysis-hero-actions > span,
.dingtalk-report-hero-actions > span,
.design-center-hero-actions > b,
.role-agent-hero-actions > span { min-height: 26px; font-size: 8px; }
.service-analysis-hero-actions .primary-button,
.service-analysis-hero-actions .secondary-button,
.dingtalk-report-hero-actions .primary-button,
.dingtalk-report-hero-actions .secondary-button,
.design-center-hero-actions .primary-button,
.design-center-hero-actions .secondary-button,
.role-agent-hero-actions .primary-button,
.role-agent-hero-actions .secondary-button { min-height: 35px; }
.service-analysis-readiness article,
.dingtalk-report-source-flow article,
.role-agent-hero-status article { min-height: 58px; padding: 9px 13px; }
.role-agent-hero-status article { grid-template-columns: 22px minmax(0,1fr); gap: 7px; }
.role-agent-hero-status article > svg { width: 16px; }
.role-agent-hero-status strong { font-size: 10px; }
.role-agent-hero-status small { margin-top: 2px; font-size: 7px; }

.openai-workspace-hero { grid-template-columns: 48px minmax(0,1fr) minmax(190px,.35fr); gap: 16px; padding: 20px 22px; }
.openai-product-mark { width: 48px; height: 48px; border-radius: 14px; font-size: 13px; }
.openai-workspace-hero h2 { font-size: clamp(22px,2.3vw,28px); }
.openai-workspace-hero > div:nth-child(2) > span { margin-top: 6px; font-size: 10px; line-height: 1.55; }
.openai-workspace-actions { gap: 7px; margin-top: 13px; }
.openai-workspace-actions .primary-button, .openai-workspace-actions .secondary-button { min-height: 35px; }
.openai-workspace-hero aside { padding: 11px 12px; border-radius: 10px; }
.openai-workspace-hero aside .tag { margin-bottom: 6px; }
.openai-workspace-hero dl { gap: 4px; }
.openai-workspace-hero dl div { padding-top: 5px; }
.openai-workspace-hero dt, .openai-workspace-hero dd { font-size: 8px; }

.ai-learning-hero { grid-template-columns: minmax(0,1.55fr) minmax(210px,.55fr); gap: 18px; padding: 22px 24px; border-radius: 18px; }
.ai-learning-shell { width: 100%; min-width: 0; grid-template-columns: minmax(0,1fr); }
.ai-learning-shell > *, .ai-learning-personal-stats > *, .ai-learning-path > *, .ai-learning-course-grid > *, .ai-learning-admin-grid > * { min-width: 0; }
.ai-learning-admin { min-width: 0; max-width: 100%; overflow: hidden; }
.ai-learning-admin > *, .ai-learning-account-panel, .ai-learning-account-panel > * { min-width: 0; max-width: 100%; }
.ai-learning-account-panel { overflow: hidden; }
.ai-learning-account-panel .table-wrap { display: block; width: 100%; max-width: 100%; overflow-x: auto; }
.ai-learning-eyebrow { margin-bottom: 8px; font-size: 9px; }
.ai-learning-hero h2 { font-size: clamp(24px,2.6vw,31px); }
.ai-learning-hero-copy > p { margin-top: 7px; font-size: 10px; line-height: 1.6; }
.ai-learning-hero-copy > div { gap: 7px; margin-top: 13px; }
.ai-learning-hero-copy .primary-button, .ai-learning-hero-copy .secondary-button { min-height: 35px; }
.ai-learning-hero aside { grid-template-columns: 76px minmax(0,1fr); gap: 12px; padding: 12px; border-radius: 12px; }
.ai-learning-progress-ring { width: 76px; height: 76px; }
.ai-learning-progress-ring::before { width: 58px; height: 58px; }
.ai-learning-progress-ring strong { font-size: 18px; }
.ai-learning-hero dl { gap: 5px; }
.ai-learning-hero dl div { padding-bottom: 5px; }
.ai-learning-hero dt { font-size: 7px; }
.ai-learning-hero dd { font-size: 9px; }

@media (max-width: 1180px) {
  .service-analysis-workbench-hero > .service-analysis-hero-copy,
  .dingtalk-report-hero-main,
  .design-center-hero-copy,
  .role-agent-hero-copy { min-height: 0; padding: 17px 20px 11px; }
  .service-analysis-hero-actions,
  .dingtalk-report-hero-actions,
  .design-center-hero-actions,
  .role-agent-hero-actions { display: flex; flex-wrap: nowrap; padding: 0 20px 12px; }
  .service-analysis-hero-actions > span,
  .dingtalk-report-hero-actions > span,
  .design-center-hero-actions > b,
  .role-agent-hero-actions > span { margin-right: auto; }
  .service-analysis-readiness { grid-template-columns: repeat(4,minmax(0,1fr)); }
  .dingtalk-report-source-flow { grid-template-columns: minmax(0,1fr) 16px minmax(0,1fr) 16px minmax(0,1fr) 16px minmax(0,1fr); gap: 0; padding: 0 13px; }
  .dingtalk-report-source-flow > svg { display: block; width: 11px; }
  .role-agent-hero-status { grid-template-columns: repeat(5,minmax(0,1fr)); }
  .openai-workspace-hero { grid-template-columns: 48px minmax(0,1fr) 190px; padding: 18px 20px; }
  .openai-workspace-hero aside { grid-column: auto; display: block; }
  .openai-workspace-hero aside .tag { margin-bottom: 6px; }
  .openai-workspace-hero aside dl { grid-template-columns: 1fr; }
  .ai-learning-hero { grid-template-columns: minmax(0,1fr) 210px; padding: 19px 20px; }
  .ai-learning-admin-kpis { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .ai-learning-admin-grid { grid-template-columns: minmax(0,1fr); }
}

@media (max-width: 760px) {
  .managed-hero { min-height: 0; align-items: flex-start; padding: 13px 14px; }
  .autopilot-hero { padding: 14px; }
  .service-analysis-workbench-hero > .service-analysis-hero-copy,
  .dingtalk-report-hero-main,
  .design-center-hero-copy,
  .role-agent-hero-copy { grid-template-columns: 42px minmax(0,1fr); gap: 11px; padding: 14px 14px 9px; }
  .service-analysis-hero-copy > .service-analysis-hero-icon,
  .dingtalk-report-mark,
  .design-center-hero-copy > span,
  .role-agent-hero-copy > span { width: 42px; height: 42px; border-radius: 12px; }
  .service-analysis-hero-copy h2,
  .dingtalk-report-hero-main h2,
  .design-center-hero-copy h2,
  .role-agent-hero-copy h2 { font-size: 20px; }
  .service-analysis-hero-actions,
  .dingtalk-report-hero-actions,
  .design-center-hero-actions,
  .role-agent-hero-actions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); padding: 0 14px 11px; }
  .service-analysis-hero-actions > span,
  .dingtalk-report-hero-actions > span,
  .design-center-hero-actions > b,
  .role-agent-hero-actions > span { grid-column: 1/-1; margin: 0; }
  .service-analysis-readiness,
  .dingtalk-report-source-flow,
  .role-agent-hero-status { display: flex; overflow-x: auto; padding: 0; scrollbar-width: thin; }
  .service-analysis-readiness article,
  .dingtalk-report-source-flow article,
  .role-agent-hero-status article { min-width: 128px; min-height: 54px; flex: 0 0 128px; }
  .dingtalk-report-source-flow > svg { display: none; }
  .openai-workspace-hero { grid-template-columns: 42px minmax(0,1fr); gap: 12px; padding: 16px; }
  .openai-product-mark { width: 42px; height: 42px; }
  .openai-workspace-hero aside { grid-column: 1/-1; display: none; }
  .ai-learning-hero { grid-template-columns: 1fr; gap: 12px; padding: 16px; }
  .ai-learning-hero aside { grid-template-columns: 68px minmax(0,1fr); justify-items: stretch; }
  .ai-learning-progress-ring { width: 68px; height: 68px; }
  .ai-learning-progress-ring::before { width: 52px; height: 52px; }
}


/* ================= WorkBuddy 工作台 ================= */
.wb-shell { display: flex; flex-direction: column; gap: 16px; max-width: 1080px; margin: 0 auto; }
.wb-hero { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; padding: 24px 28px; border-radius: 20px; background: linear-gradient(135deg, #073b30 0%, #0d5745 60%, #14685a 100%); color: #fff; }
.wb-hero-copy h2 { margin: 6px 0 8px; font-size: 26px; }
.wb-hero-copy p { margin: 0; opacity: .78; font-size: 13px; max-width: 560px; }
.wb-eyebrow { display: inline-flex; align-items: center; gap: 6px; font-size: 11px; letter-spacing: .18em; opacity: .75; }
.wb-eyebrow svg { width: 14px; height: 14px; }
.wb-hero-actions { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }
.wb-status { display: inline-flex; align-items: center; gap: 7px; padding: 7px 14px; border-radius: 999px; background: rgba(255,255,255,.12); font-size: 12px; font-style: normal; }
.wb-status i { width: 8px; height: 8px; border-radius: 50%; background: #f0b429; }
.wb-status em { font-style: normal; }
.wb-status.ready i { background: #34d399; }
.wb-status.down i { background: #f87171; }
.wb-examples { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 10px; }
.wb-chip { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 12px 16px; border: 1px solid #d6e0dc; border-radius: 14px; background: #fff; color: #172720; font-size: 13px; text-align: left; cursor: pointer; transition: border-color .15s, box-shadow .15s; }
.wb-chip:hover { border-color: #0d5745; box-shadow: 0 4px 14px rgba(13,87,69,.10); }
.wb-chip svg { width: 14px; height: 14px; color: #0d5745; flex-shrink: 0; }
.wb-chat-panel { display: flex; flex-direction: column; background: #fff; border: 1px solid #d6e0dc; border-radius: 20px; overflow: hidden; }
.wb-messages { flex: 1; min-height: 340px; max-height: 56vh; overflow-y: auto; padding: 22px 24px; display: flex; flex-direction: column; gap: 14px; background: #f7faf8; }
.wb-empty { margin: auto; display: flex; flex-direction: column; align-items: center; gap: 8px; color: #687872; text-align: center; }
.wb-empty svg { width: 40px; height: 40px; color: #0d5745; opacity: .6; }
.wb-empty strong { color: #172720; }
.wb-empty small { max-width: 360px; line-height: 1.6; }
.wb-msg { display: flex; }
.wb-msg.user { justify-content: flex-end; }
.wb-msg.assistant { justify-content: flex-start; }
.wb-bubble { max-width: 78%; padding: 12px 16px; border-radius: 16px; font-size: 14px; line-height: 1.75; word-break: break-word; }
.wb-msg.user .wb-bubble { background: #0d5745; color: #fff; border-bottom-right-radius: 4px; white-space: pre-wrap; }
.wb-msg.assistant .wb-bubble { background: #fff; border: 1px solid #e2eae6; color: #172720; border-bottom-left-radius: 4px; }
.wb-bubble code { background: #eef3f1; border-radius: 5px; padding: 1px 6px; font-size: 12.5px; color: #073b30; }
.wb-bubble strong { color: #073b30; }
.wb-msg.user .wb-bubble strong { color: #fff; }
.wb-typing { display: inline-flex; gap: 5px; align-items: center; }
.wb-typing i { width: 7px; height: 7px; border-radius: 50%; background: #9db8ae; animation: wbBlink 1.2s infinite; }
.wb-typing i:nth-child(2) { animation-delay: .2s; }
.wb-typing i:nth-child(3) { animation-delay: .4s; }
@keyframes wbBlink { 0%, 60%, 100% { opacity: .3; } 30% { opacity: 1; } }
.wb-input-bar { display: flex; gap: 10px; padding: 14px 16px; border-top: 1px solid #e2eae6; background: #fff; align-items: flex-end; }
.wb-input-bar textarea { flex: 1; resize: none; border: 1px solid #d6e0dc; border-radius: 12px; padding: 11px 14px; font: inherit; font-size: 14px; line-height: 1.5; outline: none; max-height: 160px; }
.wb-input-bar textarea:focus { border-color: #0d5745; box-shadow: 0 0 0 3px rgba(13,87,69,.10); }
.wb-send { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
.wb-send svg { width: 15px; height: 15px; }
.wb-note { padding: 0 18px 12px; color: #8a9993; font-size: 11.5px; }
@media (max-width: 720px) {
  .wb-hero { flex-direction: column; align-items: flex-start; }
  .wb-bubble { max-width: 92%; }
}
/* ================= WorkBuddy 工作台 END ================= */

/* WorkBuddy 回复中的数据表格 */
.wb-table { border-collapse: collapse; margin: 8px 0; font-size: 12px; max-width: 100%; }
.wb-table th, .wb-table td { border: 1px solid #d8e2de; padding: 6px 10px; text-align: left; white-space: nowrap; }
.wb-table th { background: #eef5f2; color: #0d5745; font-weight: 600; }
.wb-table tr:nth-child(even) td { background: #f7faf9; }

/* 钉钉日报周报 */
.dt-filters { display: flex; justify-content: space-between; gap: 10px; flex-wrap: wrap; margin-bottom: 14px; }
.dt-filters > div { display: flex; gap: 8px; }
.dt-chip { padding: 7px 14px; border-radius: 999px; border: 1px solid #d8e2de; background: #fff; font-size: 12px; cursor: pointer; color: #3c4a45; }
.dt-chip.active { background: #0d5745; border-color: #0d5745; color: #fff; }
.dt-report-list { display: flex; flex-direction: column; gap: 12px; }
.dt-report-card { background: #fff; border: 1px solid #e3eae7; border-radius: 14px; padding: 16px 18px; }
.dt-report-card header { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }
.dt-report-card header div { flex: 1; display: flex; flex-direction: column; }
.dt-report-card header small { color: #7a8a84; }
.dt-report-card dl { margin: 0; display: flex; flex-direction: column; gap: 8px; }
.dt-report-card dl div { display: flex; gap: 10px; }
.dt-report-card dt { flex-shrink: 0; width: 110px; color: #0d5745; font-size: 12px; font-weight: 600; }
.dt-report-card dd { margin: 0; font-size: 13px; color: #2c3a35; white-space: pre-wrap; }
.dt-empty { text-align: center; padding: 40px 24px; display: flex; flex-direction: column; align-items: center; gap: 8px; }
.dt-empty p { color: #7a8a84; margin: 0; }
.dt-guide { margin-top: 10px; background: #eef5f2; border-radius: 10px; padding: 12px 16px; font-size: 12px; color: #34554b; max-width: 460px; text-align: left; }

/* 板块执行端迷你选择器 */
.backend-mini { display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; border-radius: 999px; background: rgba(13, 87, 69, .08); border: 1px solid #cfdedb; }
.backend-mini svg { width: 14px; height: 14px; color: #0d5745; }
.backend-mini select { border: 0; background: transparent; font-size: 12px; color: #0d5745; font-weight: 600; outline: none; cursor: pointer; }
.autopilot-hero .backend-mini, .managed-hero .backend-mini { background: rgba(255, 255, 255, .14); border-color: rgba(255, 255, 255, .25); }
.autopilot-hero .backend-mini select, .managed-hero .backend-mini select { color: #fff; }
.autopilot-hero .backend-mini svg, .managed-hero .backend-mini svg { color: #d7efe7; }
.autopilot-hero .backend-mini select option, .managed-hero .backend-mini select option { color: #123; }
.backend-mini-row { display: flex; align-items: center; gap: 10px; margin: 10px 0; }
.backend-mini-row small { color: #7a8a84; }

/* WorkBuddy 工作台 · 应用版三栏布局 */
.wb-app { display: flex; flex-direction: column; height: calc(100vh - 150px); min-height: 560px; background: #f4f7f6; border: 1px solid #dde6e3; border-radius: 18px; overflow: hidden; }
.wb-app-top { display: flex; align-items: center; justify-content: space-between; padding: 12px 18px; background: linear-gradient(135deg, #073b30 0%, #0d5745 60%, #14685a 100%); color: #fff; flex-shrink: 0; }
.wb-app-brand { display: flex; align-items: center; gap: 10px; }
.wb-app-brand > span { width: 34px; height: 34px; border-radius: 10px; background: rgba(255,255,255,.14); display: grid; place-items: center; }
.wb-app-brand strong { font-size: 16px; }
.wb-app-brand small { display: block; opacity: .7; font-size: 11px; }
.wb-app-top-actions { display: flex; align-items: center; gap: 10px; }
.wb-model { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; padding: 6px 12px; border-radius: 999px; background: rgba(255,255,255,.12); }
.wb-model svg { width: 13px; height: 13px; }
.wb-app-body { display: grid; grid-template-columns: 220px 1fr 250px; flex: 1; min-height: 0; }
.wb-rail { background: #0b3a30; color: #cfe5dd; padding: 14px 10px; display: flex; flex-direction: column; gap: 8px; overflow-y: auto; }
.wb-rail h4 { margin: 8px 6px 2px; font-size: 11px; letter-spacing: .12em; opacity: .6; }
.wb-new-task { display: flex; align-items: center; gap: 8px; padding: 9px 12px; border-radius: 10px; border: 1px solid rgba(255,255,255,.2); background: rgba(255,255,255,.08); color: #fff; font-size: 13px; cursor: pointer; }
.wb-new-task:hover { background: rgba(255,255,255,.16); }
.wb-sessions { display: flex; flex-direction: column; gap: 4px; }
.wb-session { display: flex; align-items: center; gap: 8px; padding: 8px 10px; border: 0; border-radius: 8px; background: transparent; color: #cfe5dd; font-size: 12px; text-align: left; cursor: pointer; }
.wb-session svg { width: 13px; height: 13px; flex-shrink: 0; opacity: .7; }
.wb-session span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wb-session:hover { background: rgba(255,255,255,.08); }
.wb-session.active { background: rgba(255,255,255,.16); color: #fff; }
.wb-no-session { padding: 6px 8px; font-size: 12px; opacity: .55; }
.wb-center { display: flex; flex-direction: column; min-width: 0; background: #fff; }
.wb-artifacts { border-left: 1px solid #e2eae7; background: #fafcfb; display: flex; flex-direction: column; min-height: 0; }
.wb-artifacts > header { display: flex; align-items: center; justify-content: space-between; padding: 12px 14px 6px; }
.wb-artifacts h4 { margin: 0; font-size: 13px; display: flex; align-items: center; gap: 6px; color: #0d5745; }
.wb-files { flex: 1; overflow-y: auto; padding: 6px 10px 14px; display: flex; flex-direction: column; gap: 6px; }
.wb-file { display: flex; align-items: center; gap: 8px; padding: 9px 10px; border: 1px solid #e2eae7; border-radius: 10px; background: #fff; text-decoration: none; color: inherit; }
.wb-file:hover { border-color: #0d5745; }
.wb-file > svg:first-child { width: 16px; height: 16px; color: #0d5745; flex-shrink: 0; }
.wb-file > svg:last-child { width: 14px; height: 14px; color: #8aa39c; flex-shrink: 0; }
.wb-file span { flex: 1; min-width: 0; }
.wb-file strong { display: block; font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wb-file small { color: #8aa39c; font-size: 11px; }

/* 全局配置 */
.gc-section { background: #fff; border: 1px solid #e2eae7; border-radius: 16px; padding: 20px 22px; max-width: 980px; }
.gc-head h3 { margin: 0 0 4px; font-size: 16px; display: flex; align-items: center; gap: 8px; }
.gc-head h3 svg { width: 18px; height: 18px; color: #0d5745; }
.gc-head h3 small { font-size: 11px; color: #0d5745; background: #e5f2ee; padding: 2px 8px; border-radius: 999px; }
.gc-head p { margin: 0 0 14px; color: #7a8a84; font-size: 12px; }
.gc-backend-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 12px; }
.gc-backend-card { display: flex; align-items: center; gap: 12px; padding: 14px 16px; border: 2px solid #e2eae7; border-radius: 14px; background: #fff; cursor: pointer; text-align: left; }
.gc-backend-card:hover:not([disabled]) { border-color: #0d5745; }
.gc-backend-card.active { border-color: #0d5745; background: #f2f9f6; }
.gc-backend-card[disabled] { opacity: .5; cursor: not-allowed; }
.gc-backend-icon { width: 38px; height: 38px; border-radius: 10px; display: grid; place-items: center; font-weight: 700; color: #fff; background: #246bfd; flex-shrink: 0; }
.gc-backend-icon.workbuddy { background: #0d5745; }
.gc-backend-info { flex: 1; display: flex; flex-direction: column; }
.gc-backend-info strong { font-size: 14px; }
.gc-backend-info small { color: #7a8a84; font-size: 11px; }
.gc-backend-card em { font-style: normal; font-size: 11px; color: #0d5745; font-weight: 600; }
.gc-note { display: flex; gap: 8px; margin-top: 14px; padding: 10px 12px; background: #f4f7f6; border-radius: 10px; font-size: 12px; color: #54655f; }
.gc-note svg { width: 15px; height: 15px; flex-shrink: 0; color: #0d5745; margin-top: 1px; }

/* WorkBuddy 说明页 */
.wb-intro { max-width: 980px; margin: 0 auto; display: flex; flex-direction: column; gap: 18px; }
.wb-intro-hero { background: linear-gradient(135deg, #073b30 0%, #0d5745 60%, #14685a 100%); color: #fff; border-radius: 20px; padding: 30px 34px; }
.wb-intro-icon { width: 44px; height: 44px; border-radius: 12px; background: rgba(255,255,255,.14); display: grid; place-items: center; margin-bottom: 12px; }
.wb-intro-icon svg { width: 22px; height: 22px; }
.wb-intro-hero > p { margin: 0; font-size: 11px; letter-spacing: .16em; opacity: .7; }
.wb-intro-hero h2 { margin: 6px 0 10px; font-size: 28px; }
.wb-intro-desc { display: block; max-width: 640px; font-size: 13px; opacity: .85; line-height: 1.8; }
.wb-intro-actions { display: flex; align-items: center; gap: 12px; margin-top: 18px; }
.wb-enter { display: inline-flex; align-items: center; gap: 8px; }
.wb-intro-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }
.wb-intro-grid article { background: #fff; border: 1px solid #e2eae7; border-radius: 14px; padding: 16px; display: flex; flex-direction: column; gap: 6px; }
.wb-intro-grid svg { width: 20px; height: 20px; color: #0d5745; }
.wb-intro-grid strong { font-size: 14px; }
.wb-intro-grid small { color: #7a8a84; font-size: 12px; line-height: 1.6; }
.wb-intro-examples { background: #fff; border: 1px solid #e2eae7; border-radius: 14px; padding: 16px 18px; }
.wb-intro-examples h3 { margin: 0 0 10px; font-size: 14px; }
.wb-intro-examples > div { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 10px; }

/* Group collaboration preview */
.group-collab-hero { position: relative; display: flex; justify-content: space-between; gap: 24px; align-items: center; margin-bottom: 12px; padding: 22px 24px; overflow: hidden; color: white; background: #14233b; border-left: 4px solid #18a77a; border-radius: 7px; }
.group-collab-hero > div:first-child { min-width: 0; }
.group-collab-hero p, .group-dag-panel > header p, .group-evidence-panel > header p { margin: 0 0 6px; color: #44d7ab; font-size: 9px; font-weight: 800; text-transform: uppercase; }
.group-collab-hero h2 { margin: 0; font-size: 23px; letter-spacing: 0; }
.group-collab-hero > div:first-child > span { display: block; max-width: 680px; margin-top: 8px; color: #b8c5d8; font-size: 10px; line-height: 1.65; }
.group-collab-hero > div:last-child { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; align-items: center; }
.group-preview-chip { display: inline-flex; gap: 6px; align-items: center; min-height: 34px; padding: 0 10px; color: #0e6a50; background: #dff9ef; border: 1px solid #a6e4cf; border-radius: 5px; font-size: 9px; font-weight: 800; }
.group-preview-chip svg { width: 14px; }

.group-collab-flow { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); margin-bottom: 12px; background: white; border: 1px solid var(--line); border-radius: 7px; overflow: hidden; }
.group-collab-flow article { position: relative; display: flex; gap: 9px; align-items: center; min-height: 66px; padding: 11px 12px; border-right: 1px solid var(--line); }
.group-collab-flow article:last-child { border-right: 0; }
.group-collab-flow article > span { display: grid; flex: 0 0 auto; place-items: center; width: 28px; height: 28px; color: #8290a3; background: #eef2f6; border-radius: 5px; }
.group-collab-flow article > span svg { width: 14px; }
.group-collab-flow article > div { display: grid; gap: 2px; min-width: 0; }
.group-collab-flow article small { color: var(--faint); font-size: 8px; }
.group-collab-flow article strong { color: var(--muted); font-size: 10px; white-space: nowrap; }
.group-collab-flow article > svg { position: absolute; z-index: 1; right: -8px; width: 15px; color: #a6b1c0; background: white; }
.group-collab-flow article.done > span { color: #0c7a59; background: #dff7ee; }
.group-collab-flow article.done strong { color: #0c7a59; }
.group-collab-flow article.active { background: #edf5ff; box-shadow: inset 0 -3px #2372ee; }
.group-collab-flow article.active > span { color: white; background: #2372ee; }
.group-collab-flow article.active strong { color: #144ea8; }

.group-agent-team { margin-bottom: 12px; background: white; border: 1px solid var(--line); border-radius: 7px; overflow: hidden; }
.group-agent-team > header { display: flex; justify-content: space-between; gap: 18px; align-items: center; min-height: 74px; padding: 14px 16px; border-bottom: 1px solid var(--line); }
.group-agent-team > header > div:first-child { min-width: 0; }
.group-agent-team > header p, .agent-group-route > header p { margin: 0 0 5px; color: #147257; font-size: 8px; font-weight: 800; }
.group-agent-team > header h3, .agent-group-route > header h3 { margin: 0; color: var(--ink); font-size: 12px; letter-spacing: 0; }
.group-agent-team > header > div:first-child > span { display: block; margin-top: 4px; color: var(--muted); font-size: 8px; }
.group-agent-team > header > div:last-child { display: flex; gap: 8px; align-items: center; }
.group-agent-team > header > div:last-child > span { color: #167154; font-size: 8px; font-weight: 800; white-space: nowrap; }
.group-agent-team-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.group-agent-card { position: relative; display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; gap: 10px; align-items: start; min-height: 112px; padding: 13px 34px 13px 13px; color: inherit; background: white; border: 0; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); text-align: left; }
.group-agent-card:nth-child(3n) { border-right: 0; }
.group-agent-card:nth-last-child(-n + 3) { border-bottom: 0; }
.group-agent-card:hover { background: #f8fbff; }
.group-agent-card.active { background: #edf6ff; box-shadow: inset 3px 0 #2372ee; }
.group-agent-avatar { display: grid; flex: 0 0 auto; place-items: center; width: 34px; height: 34px; color: white; background: #117c62; border-radius: 6px; font-size: 9px; font-weight: 800; }
.group-agent-card > div { display: grid; gap: 3px; min-width: 0; }
.group-agent-card small { color: #2372ee; font-size: 7px; font-weight: 800; }
.group-agent-card strong { color: var(--ink); font-size: 9px; }
.group-agent-card p { margin: 2px 0 0; color: var(--muted); font-size: 8px; line-height: 1.5; }
.group-agent-card > svg { position: absolute; top: 46px; right: 12px; width: 13px; color: #a1adbc; }
.group-agent-status { display: inline-flex; gap: 3px; align-items: center; justify-self: end; min-height: 22px; padding: 0 6px; border-radius: 4px; font-size: 7px; font-weight: 800; white-space: nowrap; }
.group-agent-status svg { width: 10px; height: 10px; }
.group-agent-status.ready { color: #087454; background: #dff7ed; }
.group-agent-status.preview { color: #2f619b; background: #e7f1ff; }
.group-agent-status.credential { color: #9b5d11; background: #fff0d9; }
.group-agent-team > footer { display: flex; gap: 10px; align-items: center; padding: 10px 14px; color: var(--muted); background: #f7f9fc; border-top: 1px solid var(--line); font-size: 8px; }
.group-agent-team > footer > span { display: inline-flex; gap: 5px; align-items: center; color: #17624d; font-weight: 800; white-space: nowrap; }
.group-agent-team > footer svg { width: 13px; }
.group-agent-team > footer code { min-width: 0; padding: 4px 7px; overflow: hidden; color: #3f5269; background: white; border: 1px solid #dfe6ee; border-radius: 4px; font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }
.group-agent-team > footer b { margin-left: auto; color: var(--faint); font-size: 7px; white-space: nowrap; }

.group-collab-layout { display: grid; grid-template-columns: 218px minmax(360px, 1fr) 276px; gap: 12px; align-items: start; margin-bottom: 12px; }
.group-channel-panel, .group-conversation-panel, .group-contract-panel, .group-dag-panel, .group-evidence-panel { min-width: 0; background: white; border: 1px solid var(--line); border-radius: 7px; overflow: hidden; }
.group-channel-panel > header, .group-conversation-panel > header, .group-contract-panel > header, .group-evidence-panel > header { display: flex; justify-content: space-between; gap: 12px; align-items: center; min-height: 58px; padding: 12px 14px; border-bottom: 1px solid var(--line); }
.group-channel-panel > header > div, .group-contract-panel > header > div { display: grid; gap: 2px; }
.group-channel-panel > header strong, .group-conversation-panel > header strong, .group-contract-panel > header strong { color: var(--ink); font-size: 11px; }
.group-channel-panel > header small, .group-conversation-panel > header small, .group-contract-panel > header small { color: var(--faint); font-size: 8px; }
.group-channel-panel > header > span { display: grid; place-items: center; width: 26px; height: 26px; color: #1b61bc; background: #e8f2ff; border-radius: 50%; font-size: 9px; font-weight: 800; }
.group-channel-list { display: grid; }
.group-channel-list button { display: grid; grid-template-columns: 32px minmax(0, 1fr) auto; gap: 9px; align-items: start; width: 100%; min-height: 86px; padding: 12px; color: inherit; background: white; border: 0; border-bottom: 1px solid var(--line); text-align: left; }
.group-channel-list button:hover { background: #f7f9fc; }
.group-channel-list button.active { background: #edf5ff; box-shadow: inset 3px 0 #2372ee; }
.group-channel-list button > span { display: grid; place-items: center; width: 30px; height: 30px; color: #1766c5; background: #e1edff; border-radius: 5px; }
.group-channel-list button > span svg { width: 15px; }
.group-channel-list button > div { display: grid; gap: 3px; min-width: 0; }
.group-channel-list button strong { color: var(--ink); font-size: 9px; }
.group-channel-list button small, .group-channel-list button p { margin: 0; color: var(--faint); font-size: 8px; line-height: 1.45; }
.group-channel-list button p { color: var(--muted); }
.group-channel-list button > b { display: grid; place-items: center; min-width: 21px; height: 21px; color: #fff; background: #ea4457; border-radius: 11px; font-size: 8px; }
.group-channel-panel > footer { display: flex; gap: 8px; padding: 11px 12px; color: #66758a; background: #f8fafc; font-size: 8px; line-height: 1.55; }
.group-channel-panel > footer svg { flex: 0 0 auto; width: 14px; color: #0d8a64; }

.group-conversation-panel > header > div { display: flex; gap: 9px; align-items: center; }
.group-conversation-panel > header > div > span { display: grid; place-items: center; width: 32px; height: 32px; color: white; background: #1e6fd7; border-radius: 6px; }
.group-conversation-panel > header > div > span svg { width: 16px; }
.group-conversation-panel > header > div > div { display: grid; gap: 2px; }
.group-live { display: inline-flex; gap: 5px; align-items: center; color: #0d7758; font-size: 8px; font-weight: 800; }
.group-live i { width: 7px; height: 7px; background: #25bd8c; border-radius: 50%; box-shadow: 0 0 0 3px #dcf7ee; }
.group-message-list { display: grid; gap: 13px; max-height: 322px; min-height: 260px; padding: 15px; overflow-y: auto; background: #f7f9fc; }
.group-message { display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 9px; align-items: start; }
.group-message-avatar { display: grid; place-items: center; width: 30px; height: 30px; color: white; background: #98703f; border-radius: 6px; font-size: 9px; font-weight: 800; }
.group-message.assistant .group-message-avatar { background: #118766; }
.group-message.agent .group-message-avatar { background: #6356bd; }
.group-message.system .group-message-avatar { color: #215a9a; background: #dcecff; }
.group-message > div { max-width: 94%; padding: 9px 11px; background: white; border: 1px solid #e1e7ef; border-radius: 6px; }
.group-message.employee > div { background: #e9f2ff; border-color: #c7ddfa; }
.group-message.system > div { border-style: dashed; }
.group-message header { display: flex; justify-content: space-between; gap: 10px; margin-bottom: 4px; }
.group-message header strong { color: var(--ink); font-size: 9px; }
.group-message header time { color: var(--faint); font-size: 8px; }
.group-message p { margin: 0; color: var(--muted); font-size: 9px; line-height: 1.65; }
.group-quick-prompts { display: flex; gap: 6px; padding: 10px 12px; overflow-x: auto; border-top: 1px solid var(--line); }
.group-quick-prompts button { min-height: 28px; padding: 0 9px; color: #285f9e; white-space: nowrap; background: #eff6ff; border: 1px solid #d7e7fb; border-radius: 4px; font-size: 8px; }
.group-command-form { display: grid; gap: 9px; padding: 12px; border-top: 1px solid var(--line); }
.group-command-form label { display: grid; gap: 5px; min-width: 0; color: var(--muted); font-size: 8px; font-weight: 700; }
.group-command-form textarea, .group-command-form input, .group-command-form select { width: 100%; min-width: 0; padding: 9px 10px; color: var(--ink); background: white; border: 1px solid #cfd8e5; border-radius: 5px; font: inherit; font-size: 9px; line-height: 1.5; }
.group-command-form textarea { resize: vertical; }
.group-command-form > div { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.group-command-form > footer { display: flex; justify-content: space-between; gap: 10px; align-items: center; }
.group-command-form > footer > span { display: flex; gap: 5px; align-items: flex-start; max-width: 66%; color: var(--faint); font-size: 8px; line-height: 1.45; }
.group-command-form > footer > span svg { flex: 0 0 auto; width: 13px; color: #d68120; }

.group-contract-panel > header > span { color: #4c607a; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 8px; }
.group-contract-panel dl { display: grid; margin: 0; padding: 4px 14px; }
.group-contract-panel dl > div { display: grid; gap: 4px; padding: 10px 0; border-bottom: 1px solid var(--line); }
.group-contract-panel dt { color: var(--faint); font-size: 8px; }
.group-contract-panel dd { margin: 0; color: var(--ink); font-size: 9px; line-height: 1.55; overflow-wrap: anywhere; }
.group-contract-route { display: grid; grid-template-columns: 1fr; gap: 6px; padding: 12px 14px; background: #f8fafc; }
.group-contract-route > small { color: var(--faint); font-size: 8px; }
.group-contract-route > span { display: flex; gap: 7px; align-items: center; color: var(--muted); font-size: 8px; }
.group-contract-route b { display: grid; place-items: center; width: 20px; height: 20px; color: #1e61ad; background: #e3efff; border-radius: 4px; font-size: 8px; }
.group-contract-panel > footer { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; padding: 12px; border-top: 1px solid var(--line); }
.group-contract-panel > footer button { min-width: 0; padding: 0 8px; }

.group-dag-panel { margin-bottom: 12px; }
.group-dag-panel > header { display: flex; justify-content: space-between; gap: 18px; align-items: center; padding: 14px 16px; border-bottom: 1px solid var(--line); }
.group-dag-panel > header h3, .group-evidence-panel > header h3 { margin: 0; color: var(--ink); font-size: 12px; letter-spacing: 0; }
.group-dag-panel > header div > span { display: block; margin-top: 4px; color: var(--muted); font-size: 8px; }
.group-dag-panel > header > span { color: #17624d; font-size: 8px; font-weight: 800; }
.group-dag-panel > div { display: grid; grid-template-columns: repeat(var(--workflow-columns, 5), minmax(0, 1fr)); }
.group-dag-panel article { position: relative; display: grid; align-content: start; min-height: 132px; padding: 14px; border-right: 1px solid var(--line); }
.group-dag-panel article:last-child { border-right: 0; }
.group-dag-panel article > span { display: grid; place-items: center; width: 29px; height: 29px; margin-bottom: 10px; color: #6f7e91; background: #edf1f5; border-radius: 5px; }
.group-dag-panel article > span svg { width: 14px; }
.group-dag-panel article > small { position: absolute; top: 12px; right: 13px; color: #bac3cf; font-size: 8px; }
.group-dag-panel article > strong { color: var(--ink); font-size: 9px; }
.group-dag-panel article > p { min-height: 26px; margin: 5px 0 9px; color: var(--faint); font-size: 8px; line-height: 1.5; }
.group-dag-panel article > b { justify-self: start; padding: 4px 6px; color: #45576d; background: #eef2f6; border-radius: 4px; font-size: 8px; }
.group-dag-panel article > svg { position: absolute; z-index: 2; top: 58px; right: -9px; width: 16px; color: #98a6b7; background: white; }
.group-dag-panel article.done > span { color: #0b7b59; background: #dcf7ed; }
.group-dag-panel article.active { background: #eef6ff; box-shadow: inset 0 3px #2372ee; }
.group-dag-panel article.active > span { color: white; background: #2372ee; }

.group-evidence-panel { margin-bottom: 24px; }
.group-evidence-panel > header nav { display: flex; gap: 4px; padding: 3px; background: #edf1f5; border-radius: 5px; }
.group-evidence-panel > header nav button { min-height: 29px; padding: 0 10px; color: var(--muted); background: transparent; border: 0; border-radius: 4px; font-size: 8px; }
.group-evidence-panel > header nav button.active { color: #164f9a; background: white; box-shadow: 0 1px 3px rgb(15 23 42 / 10%); font-weight: 800; }
.group-evidence-body { min-height: 186px; }
.group-blackboard-list { display: grid; }
.group-blackboard-list article { display: grid; grid-template-columns: 82px minmax(0, 1fr) 90px 70px 32px; gap: 10px; align-items: center; min-height: 58px; padding: 10px 14px; border-bottom: 1px solid var(--line); }
.group-blackboard-list article:last-child { border-bottom: 0; }
.group-blackboard-type { color: #1763bb; font-size: 8px; font-weight: 800; }
.group-blackboard-list article > div { display: grid; gap: 3px; min-width: 0; }
.group-blackboard-list strong { color: var(--ink); font-size: 9px; }
.group-blackboard-list p { margin: 0; color: var(--faint); font-size: 8px; }
.group-blackboard-list small { color: var(--muted); font-size: 8px; }
.group-blackboard-list b { justify-self: start; padding: 4px 6px; border-radius: 4px; font-size: 8px; }
.group-blackboard-list b.done { color: #0b7655; background: #dff7ed; }
.group-blackboard-list b.working { color: #9a5b0c; background: #fff0d9; }
.group-blackboard-list b.blocked { color: #b33645; background: #ffe5e9; }
.group-blackboard-list button { display: grid; place-items: center; width: 28px; height: 28px; color: #63758b; background: white; border: 1px solid var(--line); border-radius: 4px; }
.group-blackboard-list button svg { width: 13px; }
.group-timeline { display: grid; padding: 14px 18px; }
.group-timeline article { display: grid; grid-template-columns: 44px 12px minmax(0, 1fr); gap: 10px; min-height: 48px; }
.group-timeline time { color: var(--faint); font-size: 8px; }
.group-timeline article > i { position: relative; width: 8px; height: 8px; background: #2372ee; border: 2px solid #d9e9ff; border-radius: 50%; }
.group-timeline article > i::after { position: absolute; top: 8px; left: 2px; width: 1px; height: 34px; background: #d7dfe9; content: ""; }
.group-timeline article:last-child > i::after { display: none; }
.group-timeline article > div { display: grid; align-content: start; gap: 3px; }
.group-timeline strong { color: var(--ink); font-size: 9px; }
.group-timeline p { margin: 0; color: var(--faint); font-size: 8px; line-height: 1.5; }
.group-receipt-table { max-width: 100%; overflow-x: auto; }
.group-receipt-table table { width: 100%; min-width: 720px; border-collapse: collapse; }
.group-receipt-table th, .group-receipt-table td { padding: 12px 14px; border-bottom: 1px solid var(--line); color: var(--muted); font-size: 8px; text-align: left; }
.group-receipt-table th { color: var(--faint); background: #f8fafc; font-weight: 700; }
.group-receipt-status { padding: 4px 6px; border-radius: 4px; font-size: 8px; font-weight: 800; }
.group-receipt-status.passed { color: #0b7555; background: #ddf7ec; }
.group-receipt-status.pending { color: #9d5d10; background: #fff0da; }

/* Agent group workspace replaces the former role robot page. */
.agent-groups-hero { display: flex; justify-content: space-between; gap: 20px; align-items: center; margin-bottom: 12px; padding: 22px 24px; color: white; background: #123c3f; border-left: 4px solid #4cc7a5; border-radius: 7px; }
.agent-groups-hero p { margin: 0 0 6px; color: #7fe2c8; font-size: 8px; font-weight: 800; }
.agent-groups-hero h2 { margin: 0; font-size: 23px; letter-spacing: 0; }
.agent-groups-hero > div:first-child > span { display: block; max-width: 720px; margin-top: 7px; color: #c4d9d7; font-size: 9px; line-height: 1.6; }
.agent-groups-hero > div:last-child { display: flex; gap: 8px; flex-wrap: wrap; }
.agent-groups-notice { display: flex; gap: 9px; align-items: center; margin-bottom: 12px; padding: 11px 14px; color: #81520e; background: #fff8e9; border: 1px solid #ead39e; border-radius: 5px; font-size: 8px; line-height: 1.5; }
.agent-groups-notice svg { flex: 0 0 auto; width: 15px; }
.agent-groups-notice strong { margin-right: 5px; color: #67410a; }
.agent-group-tabs { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); margin-bottom: 12px; background: white; border: 1px solid var(--line); border-radius: 7px; overflow: hidden; }
.agent-group-tabs button { display: grid; grid-template-columns: 30px minmax(0, 1fr) auto; gap: 8px; align-items: center; min-height: 68px; padding: 10px 11px; color: inherit; background: white; border: 0; border-right: 1px solid var(--line); text-align: left; }
.agent-group-tabs button:last-child { border-right: 0; }
.agent-group-tabs button:hover { background: #f8fafc; }
.agent-group-tabs button.active { background: #eaf7f3; box-shadow: inset 0 -3px #158367; }
.agent-group-tabs button > span { display: grid; place-items: center; width: 29px; height: 29px; color: #17725a; background: #e4f5ef; border-radius: 5px; }
.agent-group-tabs button > span svg { width: 14px; }
.agent-group-tabs button > div { display: grid; gap: 3px; min-width: 0; }
.agent-group-tabs strong { color: var(--ink); font-size: 9px; }
.agent-group-tabs small { overflow: hidden; color: var(--faint); font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }
.agent-group-tabs b { display: grid; place-items: center; min-width: 20px; height: 20px; color: #52657b; background: #edf1f5; border-radius: 10px; font-size: 7px; }
.agent-groups-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-bottom: 12px; background: white; border: 1px solid var(--line); border-radius: 7px; overflow: hidden; }
.agent-groups-summary > div { display: grid; align-content: center; min-height: 80px; padding: 12px 16px; border-right: 1px solid var(--line); }
.agent-groups-summary > div:last-child { border-right: 0; }
.agent-groups-summary span { color: var(--muted); font-size: 8px; }
.agent-groups-summary strong { margin-top: 5px; color: var(--ink); font-size: 17px; }
.agent-groups-summary small { margin-top: 4px; color: var(--faint); font-size: 7px; line-height: 1.4; }
.agent-groups-workspace { display: grid; grid-template-columns: minmax(0, 1fr) 310px; gap: 12px; align-items: start; margin-bottom: 12px; }
.agent-groups-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.agent-group-capability { min-width: 0; min-height: 185px; padding: 13px; color: inherit; background: white; border: 1px solid var(--line); border-radius: 7px; text-align: left; }
.agent-group-capability:hover { border-color: #9ecfbe; box-shadow: 0 5px 16px rgba(20, 68, 63, .07); }
.agent-group-capability.active { border-color: #178368; box-shadow: inset 3px 0 #178368; }
.agent-group-capability > header { display: grid; grid-template-columns: 36px minmax(0, 1fr) auto; gap: 9px; align-items: center; }
.agent-group-capability > header > div { display: grid; gap: 3px; min-width: 0; }
.agent-group-capability > header small { color: #26755f; font-size: 7px; font-weight: 800; }
.agent-group-capability > header strong { color: var(--ink); font-size: 10px; }
.agent-group-capability > p { min-height: 34px; margin: 10px 0; color: var(--muted); font-size: 8px; line-height: 1.55; }
.agent-group-capability dl { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0; border: 1px solid #e3e9f0; border-radius: 5px; overflow: hidden; }
.agent-group-capability dl > div { display: grid; gap: 3px; min-height: 56px; padding: 8px; border-right: 1px solid #e3e9f0; }
.agent-group-capability dl > div:last-child { border-right: 0; }
.agent-group-capability dt { color: var(--faint); font-size: 7px; }
.agent-group-capability dd { margin: 0; color: #394b60; font-size: 7px; line-height: 1.4; overflow-wrap: anywhere; }
.agent-group-capability > footer { display: flex; justify-content: space-between; gap: 8px; align-items: center; margin-top: 9px; color: #597087; font-size: 7px; }
.agent-group-capability > footer span { display: inline-flex; gap: 4px; align-items: center; }
.agent-group-capability > footer svg { width: 12px; }
.agent-group-feed { min-width: 0; background: white; border: 1px solid var(--line); border-radius: 7px; overflow: hidden; }
.agent-group-feed > header { display: flex; justify-content: space-between; gap: 10px; align-items: center; min-height: 68px; padding: 12px 14px; border-bottom: 1px solid var(--line); }
.agent-group-feed > header small { color: #147257; font-size: 7px; font-weight: 800; }
.agent-group-feed > header h3 { margin: 3px 0 0; color: var(--ink); font-size: 11px; }
.agent-group-feed > header p { margin: 3px 0 0; color: var(--faint); font-size: 7px; }
.agent-group-feed > header > span { display: grid; place-items: center; width: 24px; height: 24px; color: #17614d; background: #e1f5ee; border-radius: 50%; font-size: 8px; font-weight: 800; }
.agent-group-feed > div { display: grid; gap: 11px; max-height: 570px; min-height: 470px; padding: 13px; overflow-y: auto; background: #f7f9fc; }
.agent-group-feed .group-message { grid-template-columns: 28px minmax(0, 1fr); gap: 7px; }
.agent-group-feed .group-message-avatar { width: 28px; height: 28px; }
.agent-group-feed .group-message > div { max-width: 100%; }
.agent-group-feed > footer { display: grid; grid-template-columns: minmax(0, 1fr) 34px; gap: 7px; align-items: end; padding: 11px; border-top: 1px solid var(--line); }
.agent-group-feed > footer label { display: grid; gap: 5px; color: var(--muted); font-size: 7px; }
.agent-group-feed > footer input { width: 100%; min-width: 0; height: 34px; padding: 0 9px; color: var(--ink); background: white; border: 1px solid #cfd9e5; border-radius: 5px; font-size: 8px; }
.agent-group-feed > footer button { width: 34px; height: 34px; }
.agent-group-route { margin-bottom: 24px; background: white; border: 1px solid var(--line); border-radius: 7px; overflow: hidden; }
.agent-group-route > header { display: flex; justify-content: space-between; gap: 12px; align-items: center; min-height: 60px; padding: 12px 15px; border-bottom: 1px solid var(--line); }
.agent-group-route > header > span { color: #167154; font-size: 8px; font-weight: 800; }
.agent-group-route > div { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); }
.agent-group-route article { position: relative; display: grid; align-content: start; gap: 4px; min-height: 96px; padding: 12px; border-right: 1px solid var(--line); }
.agent-group-route article:last-child { border-right: 0; }
.agent-group-route article.active { background: #ebf7f3; box-shadow: inset 0 3px #168368; }
.agent-group-route article > span { display: grid; place-items: center; width: 26px; height: 26px; margin-bottom: 4px; color: white; background: #167b61; border-radius: 5px; font-size: 8px; font-weight: 800; }
.agent-group-route article strong { color: var(--ink); font-size: 8px; }
.agent-group-route article small { color: var(--faint); font-size: 7px; }
.agent-group-route article > svg { position: absolute; z-index: 1; top: 41px; right: -8px; width: 14px; color: #8b9aaa; background: white; }
.agent-group-route > footer { display: flex; gap: 9px; align-items: center; padding: 10px 14px; color: var(--muted); background: #f7f9fc; border-top: 1px solid var(--line); font-size: 7px; }
.agent-group-route > footer svg { width: 13px; color: #167154; }
.agent-group-route > footer code { padding: 4px 6px; color: #3d5167; background: white; border: 1px solid #dce4ed; border-radius: 4px; font-size: 7px; }
.agent-group-route > footer span { margin-left: auto; }

@media (max-width: 980px) {
  .group-collab-hero { align-items: flex-start; flex-direction: column; padding: 18px; }
  .group-collab-hero > div:last-child { justify-content: flex-start; width: 100%; }
  .group-collab-flow { grid-template-columns: repeat(6, minmax(112px, 1fr)); overflow-x: auto; }
  .group-collab-layout { grid-template-columns: 1fr; }
  .group-channel-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .group-channel-list button:nth-child(odd) { border-right: 1px solid var(--line); }
  .group-contract-panel > footer { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .group-agent-team-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .group-agent-card:nth-child(3n) { border-right: 1px solid var(--line); }
  .group-agent-card:nth-child(2n) { border-right: 0; }
  .group-agent-card:nth-last-child(-n + 3) { border-bottom: 1px solid var(--line); }
  .group-agent-card:nth-last-child(-n + 2) { border-bottom: 0; }
  .group-dag-panel > div { grid-template-columns: repeat(var(--workflow-columns, 5), minmax(150px, 1fr)); overflow-x: auto; }
  .agent-group-tabs { grid-template-columns: repeat(5, minmax(170px, 1fr)); overflow-x: auto; }
  .agent-groups-workspace { grid-template-columns: 1fr; }
  .agent-group-feed > div { min-height: 260px; max-height: 420px; }
  .agent-group-route > div { grid-template-columns: repeat(6, minmax(145px, 1fr)); overflow-x: auto; }
}

@media (max-width: 560px) {
  .group-collab-hero > div:last-child > * { flex: 1 1 auto; }
  .group-channel-list { grid-template-columns: 1fr; }
  .group-channel-list button { border-right: 0 !important; }
  .group-agent-team > header, .agent-groups-hero { align-items: stretch; flex-direction: column; }
  .group-agent-team > header > div:last-child { justify-content: space-between; }
  .group-agent-team > header > div:last-child button { flex: 1; }
  .group-agent-team-grid { grid-template-columns: 1fr; }
  .group-agent-card, .group-agent-card:nth-child(2n), .group-agent-card:nth-child(3n), .group-agent-card:nth-last-child(-n + 2), .group-agent-card:nth-last-child(-n + 3) { border-right: 0; border-bottom: 1px solid var(--line); }
  .group-agent-card:last-child { border-bottom: 0; }
  .group-agent-team > footer { align-items: flex-start; flex-direction: column; }
  .group-agent-team > footer b { margin-left: 0; white-space: normal; }
  .group-message-list { max-height: 380px; }
  .group-command-form > div { grid-template-columns: 1fr; }
  .group-command-form > footer { align-items: stretch; flex-direction: column; }
  .group-command-form > footer > span { max-width: none; }
  .group-command-form > footer button { width: 100%; }
  .group-contract-panel > footer { grid-template-columns: 1fr; }
  .group-dag-panel > header, .group-evidence-panel > header { align-items: flex-start; flex-direction: column; }
  .group-evidence-panel > header nav { width: 100%; overflow-x: auto; }
  .group-evidence-panel > header nav button { flex: 1; white-space: nowrap; }
  .group-blackboard-list article { grid-template-columns: 72px minmax(0, 1fr) 32px; }
  .group-blackboard-list article > small, .group-blackboard-list article > b { grid-column: 2; }
  .group-blackboard-list article > button { grid-column: 3; grid-row: 1 / span 2; }
  .agent-groups-hero > div:last-child { display: grid; grid-template-columns: 1fr; }
  .agent-groups-hero button { width: 100%; }
  .agent-groups-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .agent-groups-summary > div:nth-child(2) { border-right: 0; }
  .agent-groups-summary > div:nth-child(-n + 2) { border-bottom: 1px solid var(--line); }
  .agent-groups-grid { grid-template-columns: 1fr; }
  .agent-group-capability { min-height: 0; }
  .agent-group-capability dl { grid-template-columns: 1fr; }
  .agent-group-capability dl > div { min-height: 45px; border-right: 0; border-bottom: 1px solid #e3e9f0; }
  .agent-group-capability dl > div:last-child { border-bottom: 0; }
  .agent-group-route > header, .agent-group-route > footer { align-items: flex-start; flex-direction: column; }
  .agent-group-route > footer span { margin-left: 0; }
}

/* Warehouse AI operations preview */
.warehouse-ai-hero { display: flex; justify-content: space-between; gap: 24px; align-items: center; min-height: 142px; margin-bottom: 16px; padding: 26px 28px; color: white; background: #122a2b; border-left: 5px solid #21a67a; border-radius: 7px; }
.warehouse-ai-hero-copy { min-width: 0; }
.warehouse-ai-hero-copy p { margin: 0 0 7px; color: #72e1bf; font-size: 10px; font-weight: 800; text-transform: uppercase; }
.warehouse-ai-hero-copy h2 { margin: 0 0 9px; color: white; font-size: 26px; letter-spacing: 0; }
.warehouse-ai-hero-copy span { display: block; max-width: 720px; color: #c6d8d6; font-size: 12px; line-height: 1.7; }
.warehouse-ai-hero-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 9px; align-items: center; flex: 0 0 auto; }
.warehouse-ai-hero-actions .secondary-button { color: white; background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.24); }
.warehouse-ai-context { display: grid; grid-template-columns: 1.15fr 1fr 1.25fr 1.5fr; margin-bottom: 16px; background: white; border: 1px solid var(--line); border-radius: 7px; overflow: hidden; }
.warehouse-ai-context > * { min-width: 0; min-height: 72px; padding: 14px 16px; border-right: 1px solid var(--line); }
.warehouse-ai-context > *:last-child { border-right: 0; }
.warehouse-ai-context label { display: grid; gap: 7px; }
.warehouse-ai-context label > span, .warehouse-ai-context small { color: var(--faint); font-size: 9px; font-weight: 700; }
.warehouse-ai-context select { width: 100%; min-width: 0; height: 32px; padding: 0 28px 0 9px; color: var(--ink); background: #f7f9fb; border: 1px solid #d7e0e7; border-radius: 5px; font-size: 10px; }
.warehouse-ai-context > div { display: grid; align-content: center; gap: 6px; }
.warehouse-ai-context strong { color: var(--ink); font-size: 10px; line-height: 1.45; }
.warehouse-ai-metrics { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; margin-bottom: 16px; }
.warehouse-ai-metrics .metric-card { min-width: 0; }
.warehouse-process-board, .warehouse-handoff-flow, .warehouse-collaboration-route { margin-bottom: 16px; background: white; border: 1px solid var(--line); border-radius: 7px; overflow: hidden; }
.warehouse-process-board > header, .warehouse-handoff-flow > header, .warehouse-collaboration-route > header { display: flex; justify-content: space-between; gap: 16px; align-items: center; min-height: 62px; padding: 13px 16px; border-bottom: 1px solid var(--line); }
.warehouse-process-board h3, .warehouse-handoff-flow h3, .warehouse-collaboration-route h3 { margin: 0 0 4px; color: var(--ink); font-size: 14px; }
.warehouse-process-board header p, .warehouse-handoff-flow header p, .warehouse-collaboration-route header p { margin: 0; color: var(--faint); font-size: 9px; }
.warehouse-process-board > header > span, .warehouse-handoff-flow > header > span { color: #137458; font-size: 9px; font-weight: 800; }
.warehouse-process-board > div { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); }
.warehouse-process-board article { position: relative; display: grid; gap: 5px; min-height: 132px; padding: 15px; border-right: 1px solid var(--line); }
.warehouse-process-board article:last-child { border-right: 0; }
.warehouse-process-board article > b { position: absolute; top: 10px; right: 10px; color: #a8b7c3; font-size: 9px; }
.warehouse-process-board article > span, .warehouse-process-cards button > span { display: grid; place-items: center; width: 34px; height: 34px; color: #176b60; background: #e6f4f0; border-radius: 6px; }
.warehouse-process-board article > span svg, .warehouse-process-cards button > span svg { width: 18px; }
.warehouse-process-board article strong { color: var(--ink); font-size: 11px; }
.warehouse-process-board article em { color: #173348; font-size: 22px; font-style: normal; font-weight: 800; }
.warehouse-process-board article small { color: var(--faint); font-size: 8px; }
.warehouse-ai-split { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr); gap: 12px; margin-bottom: 16px; }
.warehouse-zone-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--line); }
.warehouse-zone-grid > div { display: grid; min-height: 105px; padding: 14px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.warehouse-zone-grid > div:nth-child(3n) { border-right: 0; }
.warehouse-zone-grid > div:nth-last-child(-n + 3) { border-bottom: 0; }
.warehouse-zone-grid svg { width: 18px; margin-bottom: 13px; color: #1b7d63; }
.warehouse-zone-grid strong { color: var(--ink); font-size: 11px; }
.warehouse-zone-grid small { margin-top: 5px; color: var(--faint); font-size: 8px; line-height: 1.45; }
.warehouse-ai-recommend > div:not(.panel-head), .warehouse-policy-audit > div:not(.panel-head), .warehouse-sla-panel > div:not(.panel-head) { display: grid; grid-template-columns: 30px minmax(0, 1fr) auto; gap: 9px; align-items: center; min-height: 64px; padding: 10px 14px; border-top: 1px solid var(--line); }
.warehouse-ai-recommend > div > svg, .warehouse-policy-audit > div > svg, .warehouse-sla-panel > div > svg { width: 16px; color: #17765b; }
.warehouse-ai-recommend strong, .warehouse-policy-audit strong, .warehouse-sla-panel strong { display: block; color: var(--ink); font-size: 10px; }
.warehouse-ai-recommend small, .warehouse-policy-audit small, .warehouse-sla-panel small { display: block; margin-top: 4px; color: var(--faint); font-size: 8px; line-height: 1.45; }
.warehouse-sla-panel > div > b { color: #a25522; font-size: 8px; }
.warehouse-empty-state { grid-template-columns: 1fr !important; place-items: center; align-content: center; min-height: 220px !important; text-align: center; }
.warehouse-empty-state svg { width: 26px !important; height: 26px; }
.warehouse-exception-table { margin-bottom: 22px; }
.warehouse-strategy-summary { display: flex; justify-content: space-between; gap: 16px; align-items: center; margin-bottom: 12px; padding: 14px 16px; color: #174438; background: #eaf7f2; border: 1px solid #bfe4d7; border-radius: 7px; }
.warehouse-strategy-summary > div { display: grid; grid-template-columns: 30px minmax(0, 1fr); column-gap: 10px; align-items: center; }
.warehouse-strategy-summary svg { grid-row: 1 / span 2; width: 20px; }
.warehouse-strategy-summary strong { font-size: 11px; }
.warehouse-strategy-summary small { grid-column: 2; margin-top: 4px; color: #58746c; font-size: 8px; }
.warehouse-strategy-summary > b { white-space: nowrap; font-size: 10px; }
.warehouse-strategy-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-bottom: 12px; background: white; border: 1px solid var(--line); border-radius: 7px; overflow: hidden; }
.warehouse-strategy-grid article { display: grid; grid-template-columns: 36px minmax(0, 1fr); gap: 10px; min-height: 168px; padding: 15px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.warehouse-strategy-grid article:nth-child(4n) { border-right: 0; }
.warehouse-strategy-grid article:nth-last-child(-n + 4) { border-bottom: 0; }
.warehouse-strategy-icon { display: grid; place-items: center; width: 34px; height: 34px; color: #176b60; background: #e6f4f0; border-radius: 6px; }
.warehouse-strategy-icon svg { width: 17px; }
.warehouse-strategy-grid article > div:nth-child(2) { display: grid; align-content: start; gap: 6px; }
.warehouse-strategy-grid strong { color: var(--ink); font-size: 11px; }
.warehouse-strategy-grid small { color: var(--faint); font-size: 8px; line-height: 1.55; }
.warehouse-strategy-grid label { grid-column: 1 / -1; align-self: end; display: grid; gap: 5px; }
.warehouse-strategy-grid label span, .warehouse-threshold-grid label > span { color: var(--faint); font-size: 8px; font-weight: 700; }
.warehouse-strategy-grid select { width: 100%; height: 32px; color: var(--ink); background: #f7f9fb; border: 1px solid #d7e0e7; border-radius: 5px; font-size: 9px; }
.warehouse-threshold-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 14px; border-top: 1px solid var(--line); }
.warehouse-threshold-grid label { display: grid; gap: 7px; padding: 10px 12px; }
.warehouse-threshold-grid label > div { display: flex; align-items: center; height: 36px; background: #f7f9fb; border: 1px solid #d7e0e7; border-radius: 5px; overflow: hidden; }
.warehouse-threshold-grid input { min-width: 0; flex: 1; height: 100%; padding: 0 10px; border: 0; background: transparent; font-size: 11px; }
.warehouse-threshold-grid b { padding: 0 10px; color: var(--faint); font-size: 9px; }
.warehouse-threshold-panel footer { display: flex; gap: 12px; align-items: center; padding: 12px 14px; border-top: 1px solid var(--line); }
.warehouse-threshold-panel footer span { color: var(--faint); font-size: 8px; }
.warehouse-logistics-toolbar { display: grid; grid-template-columns: minmax(0, 1fr) 210px auto; gap: 12px; align-items: end; margin-bottom: 12px; padding: 14px 16px; background: white; border: 1px solid var(--line); border-radius: 7px; }
.warehouse-logistics-toolbar > div { display: flex; gap: 9px; align-items: center; min-width: 0; align-self: center; }
.warehouse-logistics-toolbar strong { overflow: hidden; color: var(--ink); font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.warehouse-logistics-toolbar label { display: grid; gap: 6px; }
.warehouse-logistics-toolbar label span { color: var(--faint); font-size: 8px; }
.warehouse-logistics-toolbar select { width: 100%; height: 34px; border: 1px solid #d7e0e7; border-radius: 5px; font-size: 9px; }
.warehouse-process-cards { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); margin-bottom: 12px; background: white; border: 1px solid var(--line); border-radius: 7px; overflow: hidden; }
.warehouse-process-cards button { position: relative; display: grid; align-content: start; gap: 6px; min-height: 156px; padding: 14px; text-align: left; background: white; border: 0; border-right: 1px solid var(--line); cursor: pointer; }
.warehouse-process-cards button:last-child { border-right: 0; }
.warehouse-process-cards button:hover { background: #f2faf7; }
.warehouse-process-cards button > b { position: absolute; top: 9px; right: 9px; color: #a8b7c3; font-size: 8px; }
.warehouse-process-cards button > strong { color: var(--ink); font-size: 10px; }
.warehouse-process-cards button > em { color: #173348; font-size: 20px; font-style: normal; font-weight: 800; }
.warehouse-process-cards button > small { color: var(--faint); font-size: 8px; line-height: 1.4; }
.warehouse-process-cards button > svg { position: absolute; right: 10px; bottom: 10px; width: 14px; color: #217b62; }
.warehouse-execution-split { grid-template-columns: minmax(0, 1.45fr) minmax(280px, .55fr); }
.warehouse-handoff-flow > div { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); overflow-x: auto; }
.warehouse-handoff-flow article { position: relative; display: grid; gap: 5px; min-width: 112px; min-height: 102px; padding: 13px; border-right: 1px solid var(--line); }
.warehouse-handoff-flow article > span, .warehouse-collaboration-route article > span { display: grid; place-items: center; width: 28px; height: 28px; color: white; background: #167b61; border-radius: 5px; font-size: 9px; font-weight: 800; }
.warehouse-handoff-flow article strong, .warehouse-collaboration-route article strong { color: var(--ink); font-size: 9px; }
.warehouse-handoff-flow article small, .warehouse-collaboration-route article small { color: var(--faint); font-size: 7px; }
.warehouse-handoff-flow article > svg, .warehouse-collaboration-route article > svg { position: absolute; z-index: 1; top: 41px; right: -8px; width: 14px; color: #8b9aaa; background: white; }
.warehouse-agent-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-bottom: 12px; background: white; border: 1px solid var(--line); border-radius: 7px; overflow: hidden; }
.warehouse-agent-summary > div { display: grid; gap: 4px; min-height: 92px; padding: 15px; border-right: 1px solid var(--line); }
.warehouse-agent-summary > div:last-child { border-right: 0; }
.warehouse-agent-summary small { color: var(--faint); font-size: 8px; }
.warehouse-agent-summary strong { color: var(--ink); font-size: 15px; }
.warehouse-agent-summary span { color: var(--muted); font-size: 8px; line-height: 1.4; }
.warehouse-agent-workspace { display: grid; grid-template-columns: minmax(250px, .7fr) minmax(330px, 1fr) minmax(300px, .82fr); gap: 12px; margin-bottom: 12px; }
.warehouse-agent-roster, .warehouse-agent-detail, .warehouse-agent-feed { min-width: 0; overflow: hidden; }
.warehouse-agent-roster > header, .warehouse-agent-feed > header { display: flex; justify-content: space-between; gap: 10px; align-items: center; min-height: 60px; padding: 12px 14px; border-bottom: 1px solid var(--line); }
.warehouse-agent-roster h3, .warehouse-agent-feed h3 { margin: 0 0 4px; font-size: 12px; }
.warehouse-agent-roster p, .warehouse-agent-feed p { margin: 0; color: var(--faint); font-size: 8px; }
.warehouse-agent-roster > header > span { display: grid; place-items: center; width: 27px; height: 27px; color: #176b60; background: #e6f4f0; border-radius: 50%; font-size: 9px; font-weight: 800; }
.warehouse-agent-roster > div { max-height: 550px; overflow: auto; }
.warehouse-agent-roster button { display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; gap: 9px; align-items: center; width: 100%; min-height: 58px; padding: 8px 11px; text-align: left; background: white; border: 0; border-bottom: 1px solid var(--line); cursor: pointer; }
.warehouse-agent-roster button:last-child { border-bottom: 0; }
.warehouse-agent-roster button.active { background: #e9f6f2; box-shadow: inset 3px 0 #178265; }
.warehouse-agent-roster button > span:first-child { display: grid; place-items: center; width: 32px; height: 32px; color: white; background: #1d7b63; border-radius: 5px; font-size: 10px; font-weight: 800; }
.warehouse-agent-roster button strong { display: block; color: var(--ink); font-size: 9px; }
.warehouse-agent-roster button small { display: block; margin-top: 4px; overflow: hidden; color: var(--faint); font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }
.warehouse-agent-detail > header { display: grid; grid-template-columns: 44px minmax(0, 1fr) auto; gap: 11px; align-items: center; padding: 16px; border-bottom: 1px solid var(--line); }
.warehouse-agent-detail > header > span { display: grid; place-items: center; width: 42px; height: 42px; color: white; background: #176b60; border-radius: 6px; }
.warehouse-agent-detail > header svg { width: 20px; }
.warehouse-agent-detail > header small { color: #168264; font-size: 7px; font-weight: 800; }
.warehouse-agent-detail > header h3 { margin: 3px 0; font-size: 14px; }
.warehouse-agent-detail > header p { margin: 0; color: var(--faint); font-size: 8px; }
.warehouse-agent-contract { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.warehouse-agent-contract > div { display: grid; gap: 6px; min-height: 90px; padding: 13px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.warehouse-agent-contract > div:nth-child(2n) { border-right: 0; }
.warehouse-agent-contract small { color: var(--faint); font-size: 7px; }
.warehouse-agent-contract strong { color: var(--ink); font-size: 8px; line-height: 1.55; }
.warehouse-agent-capabilities { display: grid; grid-template-columns: 1fr; gap: 8px; padding: 14px; }
.warehouse-agent-capabilities button { display: flex; gap: 9px; align-items: center; min-height: 38px; padding: 8px 10px; color: #1a5b4c; background: #f0f8f5; border: 1px solid #cce7dd; border-radius: 5px; font-size: 8px; font-weight: 800; text-align: left; cursor: pointer; }
.warehouse-agent-capabilities svg { width: 15px; }
.warehouse-agent-feed > div { min-height: 360px; max-height: 430px; padding: 12px; overflow: auto; background: #f7f9fb; }
.warehouse-agent-feed > div > article { display: grid; grid-template-columns: 28px minmax(0, 1fr) auto; gap: 8px; margin-bottom: 12px; }
.warehouse-agent-feed > div > article > span { display: grid; place-items: center; width: 26px; height: 26px; color: white; background: #2a7b68; border-radius: 5px; font-size: 8px; font-weight: 800; }
.warehouse-agent-feed article strong { color: var(--ink); font-size: 8px; }
.warehouse-agent-feed article p { margin-top: 4px; color: var(--muted); font-size: 8px; line-height: 1.5; }
.warehouse-agent-feed article time { color: var(--faint); font-size: 7px; }
.warehouse-agent-feed form { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; align-items: end; padding: 10px; border-top: 1px solid var(--line); }
.warehouse-agent-feed form label { display: grid; gap: 5px; }
.warehouse-agent-feed form label span { color: var(--faint); font-size: 7px; }
.warehouse-agent-feed textarea { width: 100%; min-height: 60px; padding: 8px; resize: vertical; border: 1px solid #d7e0e7; border-radius: 5px; font-size: 8px; line-height: 1.5; }
.warehouse-collaboration-route > div { display: grid; grid-template-columns: repeat(9, minmax(108px, 1fr)); overflow-x: auto; }
.warehouse-collaboration-route article { position: relative; display: grid; gap: 5px; min-height: 102px; padding: 13px; border-right: 1px solid var(--line); }
.warehouse-collaboration-route article.active { background: #eaf7f2; box-shadow: inset 0 3px #168368; }
.warehouse-collaboration-route > footer { display: flex; gap: 9px; align-items: center; padding: 11px 14px; color: var(--muted); background: #f7f9fb; border-top: 1px solid var(--line); font-size: 8px; }
.warehouse-collaboration-route > footer svg { width: 15px; color: #17765b; }

/* Warehouse strategy, logistics and agent-group workspaces. */
.warehouse-strategy-toolbar { display: flex; justify-content: space-between; gap: 12px; align-items: center; margin-bottom: 12px; padding: 10px 12px; background: white; border: 1px solid var(--line); border-radius: 7px; }
.warehouse-strategy-toolbar > div { display: flex; flex-wrap: wrap; gap: 7px; }
.warehouse-strategy-toolbar > div > button { display: inline-flex; gap: 7px; align-items: center; min-height: 34px; padding: 0 11px; color: var(--muted); background: #f6f8fa; border: 1px solid #dbe3e9; border-radius: 5px; font-size: 9px; font-weight: 700; cursor: pointer; }
.warehouse-strategy-toolbar > div > button span { display: grid; place-items: center; min-width: 20px; height: 20px; color: #637786; background: white; border-radius: 4px; font-size: 8px; }
.warehouse-strategy-toolbar > div > button.active { color: #126a55; background: #e9f6f1; border-color: #abd8c8; }
.warehouse-strategy-toolbar > div > button.active span { color: white; background: #177b62; }
.warehouse-strategy-catalog { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-bottom: 12px; }
.warehouse-strategy-catalog > article { display: grid; gap: 13px; min-height: 235px; padding: 15px; background: white; border: 1px solid var(--line); border-radius: 7px; }
.warehouse-strategy-catalog > article[hidden] { display: none; }
.warehouse-strategy-catalog article > header { display: grid; grid-template-columns: 38px minmax(0, 1fr) auto; gap: 10px; align-items: center; }
.warehouse-strategy-catalog article > header > span { display: grid; place-items: center; width: 36px; height: 36px; color: #176f5a; background: #e8f5f0; border-radius: 6px; }
.warehouse-strategy-catalog article > header svg { width: 17px; }
.warehouse-strategy-catalog h3 { margin: 3px 0 0; color: var(--ink); font-size: 12px; }
.warehouse-strategy-catalog header small, .warehouse-strategy-catalog > article > div small { color: var(--faint); font-size: 7px; }
.warehouse-strategy-catalog > article > p { margin: 0; color: var(--muted); font-size: 9px; line-height: 1.65; }
.warehouse-strategy-catalog > article > div { display: grid; gap: 5px; padding: 10px 11px; background: #f7f9fb; border-left: 3px solid #77baa6; }
.warehouse-strategy-catalog > article > div strong { color: #274255; font-size: 8px; line-height: 1.55; }
.warehouse-strategy-catalog > article > footer { display: flex; gap: 8px; align-items: center; margin-top: auto; }
.warehouse-strategy-catalog > article > footer button { flex: 1; }
.warehouse-strategy-resolution { display: grid; grid-template-columns: minmax(0, 1fr) 24px minmax(0, 1fr) 24px minmax(0, 1fr); align-items: center; gap: 8px; margin-bottom: 12px; padding: 12px 14px; background: #f8fbfa; border: 1px solid #dce8e3; border-radius: 7px; }
.warehouse-strategy-resolution > div { display: grid; grid-template-columns: 32px minmax(0, 1fr); gap: 2px 9px; align-items: center; }
.warehouse-strategy-resolution > div > span { display: grid; grid-row: 1 / 3; place-items: center; width: 30px; height: 30px; color: #168064; background: #e8f6f1; border-radius: 5px; }
.warehouse-strategy-resolution > div svg { width: 15px; }
.warehouse-strategy-resolution strong { color: #294453; font-size: 9px; }
.warehouse-strategy-resolution small { color: #71838e; font-size: 8px; }
.warehouse-strategy-resolution > svg { width: 14px; color: #91a2ac; }
.warehouse-strategy-steps { display: flex; gap: 10px; align-items: center; padding: 16px; }
.warehouse-strategy-steps > span { display: grid; flex: 1; gap: 4px; min-width: 0; padding: 11px; background: #f4f8f7; border: 1px solid #d7e7e1; border-radius: 6px; }
.warehouse-strategy-steps > span b { color: #168064; font-size: 8px; }
.warehouse-strategy-steps > span strong { color: var(--ink); font-size: 9px; }
.warehouse-strategy-steps > span small { color: var(--faint); font-size: 7px; }
.warehouse-strategy-steps > svg { flex: 0 0 auto; width: 14px; color: #8ca099; }

.warehouse-logistics-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-bottom: 12px; overflow: hidden; background: white; border: 1px solid var(--line); border-radius: 7px; }
.warehouse-logistics-metrics > div { display: grid; gap: 5px; min-height: 92px; padding: 14px; border-right: 1px solid var(--line); }
.warehouse-logistics-metrics > div:last-child { border-right: 0; }
.warehouse-logistics-metrics small { color: var(--faint); font-size: 8px; }
.warehouse-logistics-metrics strong { color: var(--ink); font-size: 18px; }
.warehouse-logistics-metrics span { color: var(--muted); font-size: 8px; }
.warehouse-carrier-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-bottom: 12px; }
.warehouse-carrier-grid > article { display: grid; gap: 11px; min-height: 220px; padding: 14px; background: white; border: 1px solid var(--line); border-radius: 7px; }
.warehouse-carrier-grid article > header { display: grid; grid-template-columns: 36px minmax(0, 1fr) auto; gap: 9px; align-items: center; }
.warehouse-carrier-grid article > header > span { display: grid; place-items: center; width: 34px; height: 34px; color: #176f5a; background: #e8f5f0; border-radius: 6px; }
.warehouse-carrier-grid article > header svg { width: 17px; }
.warehouse-carrier-grid h3 { margin: 0 0 4px; color: var(--ink); font-size: 11px; }
.warehouse-carrier-grid header small, .warehouse-carrier-grid article > div small { color: var(--faint); font-size: 7px; }
.warehouse-carrier-grid article > div { display: grid; gap: 4px; }
.warehouse-carrier-grid article > div strong { color: #314a5b; font-size: 8px; line-height: 1.5; }
.warehouse-carrier-grid footer { display: flex; gap: 7px; align-items: center; margin-top: auto; }
.warehouse-carrier-grid footer button { flex: 1; }
.warehouse-logistics-split { grid-template-columns: minmax(0, 1.15fr) minmax(330px, .85fr); }
.warehouse-rate-query form, .warehouse-logistics-config form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; padding: 14px; border-top: 1px solid var(--line); }
.warehouse-rate-query form label, .warehouse-logistics-config form label { display: grid; gap: 6px; }
.warehouse-rate-query form label span, .warehouse-logistics-config form label span { color: var(--faint); font-size: 8px; font-weight: 700; }
.warehouse-rate-query input, .warehouse-rate-query select, .warehouse-logistics-config input, .warehouse-logistics-config select { min-width: 0; width: 100%; height: 36px; padding: 0 10px; color: var(--ink); background: #fbfcfd; border: 1px solid #d6dfe6; border-radius: 5px; font-size: 9px; }
.warehouse-rate-query form button, .warehouse-logistics-config form button { grid-column: 1 / -1; justify-self: start; }
.warehouse-rate-placeholder { display: grid; place-items: center; align-content: center; min-height: 145px; padding: 18px; color: var(--faint); text-align: center; border-top: 1px solid var(--line); }
.warehouse-rate-placeholder svg { width: 24px; margin-bottom: 9px; color: #32856f; }
.warehouse-rate-placeholder strong { color: var(--ink); font-size: 10px; }
.warehouse-rate-placeholder small { max-width: 470px; margin-top: 6px; font-size: 8px; line-height: 1.6; }
.warehouse-logistics-config-table { margin-bottom: 20px; }

.warehouse-group-kpis { display: grid; grid-template-columns: minmax(300px, 1.4fr) repeat(3, minmax(150px, .6fr)); margin-bottom: 12px; overflow: hidden; background: white; border: 1px solid var(--line); border-radius: 7px; }
.warehouse-group-kpis > div, .warehouse-group-kpis > button { display: grid; gap: 5px; min-height: 94px; padding: 14px; text-align: left; background: white; border: 0; border-right: 1px solid var(--line); }
.warehouse-group-kpis > div:last-child { border-right: 0; }
.warehouse-group-kpis > button { grid-template-columns: 38px minmax(0, 1fr) 18px; align-items: center; cursor: pointer; }
.warehouse-group-kpis > button:hover { background: #edf8f4; }
.warehouse-group-kpis > button > span { display: grid; place-items: center; width: 36px; height: 36px; color: white; background: #177b62; border-radius: 6px; }
.warehouse-group-kpis > button svg { width: 17px; }
.warehouse-group-kpis small { color: var(--faint); font-size: 8px; }
.warehouse-group-kpis strong { color: var(--ink); font-size: 15px; }
.warehouse-group-kpis span, .warehouse-group-kpis em { color: var(--muted); font-size: 8px; font-style: normal; }
.warehouse-dingtalk-bridge { display: flex; justify-content: space-between; gap: 16px; align-items: center; margin-bottom: 12px; padding: 13px 15px; background: #fff8ed; border: 1px solid #ecd7b7; border-left: 4px solid #c88425; border-radius: 7px; }
.warehouse-dingtalk-bridge.connected { background: #eff8f4; border-color: #cce5dc; border-left-color: #168064; }
.warehouse-dingtalk-bridge > div { display: flex; gap: 10px; align-items: center; min-width: 0; }
.warehouse-dingtalk-bridge > div:first-child > span { display: grid; place-items: center; flex: 0 0 auto; width: 36px; height: 36px; color: white; background: #c88425; border-radius: 6px; }
.warehouse-dingtalk-bridge.connected > div:first-child > span { background: #168064; }
.warehouse-dingtalk-bridge svg { width: 17px; }
.warehouse-dingtalk-bridge small, .warehouse-dingtalk-bridge strong { display: block; }
.warehouse-dingtalk-bridge small { color: #8f6b31; font-size: 7px; font-weight: 800; }
.warehouse-dingtalk-bridge.connected small { color: #168064; }
.warehouse-dingtalk-bridge strong { margin-top: 3px; color: var(--ink); font-size: 10px; }
.warehouse-dingtalk-bridge p { margin: 4px 0 0; color: var(--muted); font-size: 8px; line-height: 1.5; }
.warehouse-dingtalk-bridge > div:last-child { flex: 0 0 auto; }
.warehouse-group-workspace { display: grid; grid-template-columns: 230px minmax(420px, 1fr) 290px; gap: 12px; margin-bottom: 12px; }
.warehouse-group-workspace > * { min-width: 0; overflow: hidden; }
.warehouse-group-list > header, .warehouse-group-taskboard > header { display: flex; justify-content: space-between; gap: 9px; align-items: center; min-height: 54px; padding: 11px 13px; border-bottom: 1px solid var(--line); }
.warehouse-group-list > header strong, .warehouse-group-taskboard h3 { color: var(--ink); font-size: 11px; }
.warehouse-group-list > header button, .warehouse-group-taskboard > header button { display: grid; place-items: center; width: 30px; height: 30px; color: #536b7b; background: #f5f7f9; border: 1px solid #dbe2e8; border-radius: 5px; cursor: pointer; }
.warehouse-group-list > header svg, .warehouse-group-taskboard > header svg { width: 14px; }
.warehouse-group-list > button { display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; gap: 9px; align-items: center; width: 100%; min-height: 66px; padding: 9px 11px; text-align: left; background: white; border: 0; border-bottom: 1px solid var(--line); cursor: pointer; }
.warehouse-group-list > button.active { background: #eaf7f2; box-shadow: inset 3px 0 #168064; }
.warehouse-group-list > button > span { display: grid; place-items: center; width: 32px; height: 32px; color: #176b58; background: #e8f5f0; border-radius: 6px; }
.warehouse-group-list > button svg { width: 15px; }
.warehouse-group-list > button strong { display: block; color: var(--ink); font-size: 9px; }
.warehouse-group-list > button small { display: block; margin-top: 4px; color: var(--faint); font-size: 7px; line-height: 1.35; }
.warehouse-group-list > button > b { display: grid; place-items: center; min-width: 21px; height: 21px; color: white; background: #e4594f; border-radius: 50%; font-size: 7px; }
.warehouse-group-list > footer { padding: 12px; }
.warehouse-group-list > footer > strong { color: var(--muted); font-size: 8px; }
.warehouse-group-list > footer > div { display: grid; grid-template-columns: repeat(5, 1fr); gap: 6px; margin-top: 9px; }
.warehouse-group-list > footer button { display: grid; place-items: center; aspect-ratio: 1; color: white; background: #247b65; border: 0; border-radius: 5px; font-size: 8px; font-weight: 800; cursor: pointer; }
.warehouse-group-chat > header { display: flex; justify-content: space-between; gap: 12px; align-items: center; min-height: 62px; padding: 11px 13px; border-bottom: 1px solid var(--line); }
.warehouse-group-chat > header > div { display: flex; gap: 9px; align-items: center; min-width: 0; }
.warehouse-group-chat > header > div > span { display: grid; place-items: center; flex: 0 0 auto; width: 36px; height: 36px; color: white; background: #176f5a; border-radius: 6px; }
.warehouse-group-chat > header svg { width: 17px; }
.warehouse-group-chat h3 { margin: 0 0 4px; color: var(--ink); font-size: 12px; }
.warehouse-group-chat header small { display: block; overflow: hidden; color: var(--faint); font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }
.warehouse-group-members { display: flex; gap: 6px; padding: 9px 11px; overflow-x: auto; background: #f7f9fb; border-bottom: 1px solid var(--line); }
.warehouse-group-members button { display: inline-flex; flex: 0 0 auto; gap: 5px; align-items: center; height: 28px; padding: 0 8px 0 4px; color: #335448; background: white; border: 1px solid #d6e4de; border-radius: 5px; font-size: 7px; cursor: pointer; }
.warehouse-group-members button span { display: grid; place-items: center; width: 20px; height: 20px; color: white; background: #27836b; border-radius: 4px; font-weight: 800; }
.warehouse-group-messages { min-height: 340px; max-height: 430px; padding: 14px; overflow-y: auto; background: #f7f9fb; }
.warehouse-group-messages article { display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 9px; margin-bottom: 14px; }
.warehouse-group-messages article > span { display: grid; place-items: center; width: 28px; height: 28px; color: white; background: #297b68; border-radius: 5px; font-size: 8px; font-weight: 800; }
.warehouse-group-messages article > div { max-width: 88%; }
.warehouse-group-messages article header { display: flex; justify-content: space-between; gap: 9px; align-items: center; margin-bottom: 4px; }
.warehouse-group-messages article strong { color: #344f60; font-size: 8px; }
.warehouse-group-messages article time { color: var(--faint); font-size: 7px; }
.warehouse-group-messages article p { margin: 0; padding: 9px 10px; color: #304b5c; background: white; border: 1px solid #dfe6eb; border-radius: 3px 6px 6px; font-size: 8px; line-height: 1.6; }
.warehouse-group-messages article.outbound { grid-template-columns: minmax(0, 1fr) 30px; }
.warehouse-group-messages article.outbound > span { grid-column: 2; background: #246ddb; }
.warehouse-group-messages article.outbound > div { grid-column: 1; grid-row: 1; justify-self: end; }
.warehouse-group-messages article.outbound p { background: #edf4ff; border-color: #cadcf7; }
.warehouse-group-task-link { display: block; margin-top: 4px; color: #16765d; font-size: 7px; font-weight: 800; }
.warehouse-group-message-empty { display: grid; min-height: 300px; place-items: center; align-content: center; color: #81939f; text-align: center; }
.warehouse-group-message-empty svg { width: 26px; margin-bottom: 8px; }
.warehouse-group-message-empty strong { color: #496373; font-size: 9px; }
.warehouse-group-message-empty small { max-width: 330px; margin-top: 5px; font-size: 8px; line-height: 1.55; }
.warehouse-group-chat > form { padding: 10px 11px; border-top: 1px solid var(--line); }
.warehouse-group-chat textarea { width: 100%; min-height: 70px; padding: 9px 10px; resize: vertical; color: var(--ink); border: 1px solid #d6dfe6; border-radius: 5px; font-size: 9px; line-height: 1.55; }
.warehouse-group-chat form > div { display: flex; justify-content: space-between; gap: 10px; align-items: center; margin-top: 8px; }
.warehouse-group-chat form > div > span { display: flex; gap: 6px; align-items: center; color: var(--faint); font-size: 7px; line-height: 1.4; }
.warehouse-group-chat form > div > span svg { flex: 0 0 auto; width: 14px; color: #188064; }
.warehouse-group-chat form button:disabled { background: #aab5bc; box-shadow: none; cursor: not-allowed; }
.warehouse-dingtalk-binding-form { display: grid; gap: 12px; }
.warehouse-dingtalk-binding-form label, .warehouse-dingtalk-callback label { display: grid; gap: 6px; }
.warehouse-dingtalk-binding-form label span, .warehouse-dingtalk-callback label span { color: var(--muted); font-size: 8px; font-weight: 800; }
.warehouse-dingtalk-binding-form input, .warehouse-dingtalk-callback textarea { width: 100%; min-height: 38px; padding: 9px 10px; color: var(--ink); background: #fafcfd; border: 1px solid #d6e0e6; border-radius: 5px; font-size: 9px; }
.warehouse-dingtalk-binding-form > div { display: flex; gap: 8px; align-items: flex-start; padding: 10px; color: #4d685d; background: #eff8f4; border: 1px solid #d1e8df; border-radius: 5px; font-size: 8px; line-height: 1.5; }
.warehouse-dingtalk-binding-form > div svg { flex: 0 0 auto; width: 15px; color: #168064; }
.warehouse-dingtalk-binding-form > button { justify-self: start; }
.warehouse-dingtalk-callback { display: grid; justify-items: start; gap: 10px; }
.warehouse-dingtalk-callback > span { display: grid; width: 42px; height: 42px; place-items: center; color: white; background: #168064; border-radius: 6px; }
.warehouse-dingtalk-callback > span svg { width: 20px; }
.warehouse-dingtalk-callback h3, .warehouse-dingtalk-callback p { margin: 0; }
.warehouse-dingtalk-callback h3 { color: var(--ink); font-size: 12px; }
.warehouse-dingtalk-callback p { color: var(--muted); font-size: 8px; line-height: 1.6; }
.warehouse-dingtalk-callback label { width: 100%; }
.warehouse-dingtalk-callback textarea { min-height: 90px; resize: vertical; line-height: 1.5; }
.warehouse-group-taskboard > header small { display: block; margin-top: 3px; color: var(--faint); font-size: 7px; }
.warehouse-group-taskboard > div { max-height: 600px; padding: 10px; overflow-y: auto; background: #f7f9fb; }
.warehouse-group-taskboard article { display: grid; gap: 7px; margin-bottom: 9px; padding: 10px; background: white; border: 1px solid #dfe6eb; border-radius: 6px; }
.warehouse-group-taskboard article > header, .warehouse-group-taskboard article > footer { display: flex; justify-content: space-between; gap: 8px; align-items: center; }
.warehouse-group-taskboard article > header > span { color: #18755e; font-size: 7px; font-weight: 800; }
.warehouse-group-taskboard article > strong { color: var(--ink); font-size: 8px; line-height: 1.45; }
.warehouse-group-taskboard article > small { color: var(--faint); font-size: 7px; }
.warehouse-group-taskboard article > div { height: 5px; overflow: hidden; background: #e4ebef; border-radius: 3px; }
.warehouse-group-taskboard article > div i { display: block; height: 100%; background: #178064; border-radius: inherit; }
.warehouse-group-taskboard article > footer span { color: #536b7b; font-size: 8px; font-weight: 800; }
.warehouse-group-taskboard article > footer button { padding: 0; color: #176f5a; background: transparent; border: 0; font-size: 7px; font-weight: 800; cursor: pointer; }
.warehouse-group-operation-bar { margin-bottom: 20px; overflow: hidden; background: white; border: 1px solid var(--line); border-radius: 7px; }
.warehouse-group-operation-bar > div { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.warehouse-group-operation-bar button { display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 9px; align-items: center; min-height: 76px; padding: 11px 13px; text-align: left; background: white; border: 0; border-right: 1px solid var(--line); cursor: pointer; }
.warehouse-group-operation-bar button:last-child { border-right: 0; }
.warehouse-group-operation-bar button:hover { background: #edf8f4; }
.warehouse-group-operation-bar button > svg { width: 17px; color: #177b62; }
.warehouse-group-operation-bar strong { display: block; color: var(--ink); font-size: 9px; }
.warehouse-group-operation-bar small { display: block; margin-top: 4px; color: var(--faint); font-size: 7px; line-height: 1.35; }

@media (max-width: 1180px) {
  .warehouse-ai-context { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .warehouse-ai-context > *:nth-child(2) { border-right: 0; }
  .warehouse-ai-context > *:nth-child(-n + 2) { border-bottom: 1px solid var(--line); }
  .warehouse-ai-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .warehouse-process-board > div, .warehouse-process-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .warehouse-process-board article:nth-child(3), .warehouse-process-cards button:nth-child(3) { border-right: 0; }
  .warehouse-process-board article:nth-child(-n + 3), .warehouse-process-cards button:nth-child(-n + 3) { border-bottom: 1px solid var(--line); }
  .warehouse-strategy-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .warehouse-strategy-grid article:nth-child(2n) { border-right: 0; }
  .warehouse-strategy-grid article:nth-child(-n + 6) { border-bottom: 1px solid var(--line); }
  .warehouse-agent-workspace { grid-template-columns: minmax(260px, .8fr) minmax(0, 1.2fr); }
  .warehouse-agent-feed { grid-column: 1 / -1; }
  .warehouse-carrier-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .warehouse-group-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .warehouse-group-kpis > *:nth-child(2) { border-right: 0; }
  .warehouse-group-kpis > *:nth-child(-n + 2) { border-bottom: 1px solid var(--line); }
  .warehouse-group-workspace { grid-template-columns: 220px minmax(0, 1fr); }
  .warehouse-group-taskboard { grid-column: 1 / -1; }
  .warehouse-group-taskboard > div { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; max-height: none; }
  .warehouse-group-taskboard article { margin-bottom: 0; }
}

@media (max-width: 760px) {
  .warehouse-ai-hero { align-items: flex-start; flex-direction: column; padding: 20px; }
  .warehouse-ai-hero-copy h2 { font-size: 22px; }
  .warehouse-ai-hero-actions { justify-content: flex-start; width: 100%; }
  .warehouse-ai-hero-actions button { flex: 1 1 160px; }
  .warehouse-ai-context { grid-template-columns: 1fr; }
  .warehouse-ai-context > * { border-right: 0 !important; border-bottom: 1px solid var(--line); }
  .warehouse-ai-context > *:last-child { border-bottom: 0; }
  .warehouse-ai-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .warehouse-process-board > div, .warehouse-process-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .warehouse-process-board article:nth-child(odd), .warehouse-process-cards button:nth-child(odd) { border-right: 1px solid var(--line); }
  .warehouse-process-board article:nth-child(even), .warehouse-process-cards button:nth-child(even) { border-right: 0; }
  .warehouse-process-board article:nth-child(-n + 4), .warehouse-process-cards button:nth-child(-n + 4) { border-bottom: 1px solid var(--line); }
  .warehouse-ai-split, .warehouse-execution-split, .warehouse-agent-workspace { grid-template-columns: 1fr; }
  .warehouse-zone-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .warehouse-zone-grid > div:nth-child(3n) { border-right: 1px solid var(--line); }
  .warehouse-zone-grid > div:nth-child(2n) { border-right: 0; }
  .warehouse-zone-grid > div:nth-last-child(-n + 3) { border-bottom: 1px solid var(--line); }
  .warehouse-zone-grid > div:nth-last-child(-n + 2) { border-bottom: 0; }
  .warehouse-strategy-grid { grid-template-columns: 1fr; }
  .warehouse-strategy-grid article { border-right: 0 !important; border-bottom: 1px solid var(--line) !important; }
  .warehouse-strategy-grid article:last-child { border-bottom: 0 !important; }
  .warehouse-threshold-grid { grid-template-columns: 1fr; }
  .warehouse-logistics-toolbar { grid-template-columns: 1fr; align-items: stretch; }
  .warehouse-logistics-toolbar > div { align-items: flex-start; flex-direction: column; }
  .warehouse-logistics-toolbar strong { white-space: normal; }
  .warehouse-agent-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .warehouse-agent-summary > div:nth-child(2) { border-right: 0; }
  .warehouse-agent-summary > div:nth-child(-n + 2) { border-bottom: 1px solid var(--line); }
  .warehouse-agent-feed form { grid-template-columns: 1fr; }
  .warehouse-agent-feed form button { width: 100%; }
  .warehouse-strategy-toolbar { align-items: stretch; flex-direction: column; }
  .warehouse-strategy-catalog, .warehouse-carrier-grid, .warehouse-logistics-metrics, .warehouse-group-kpis, .warehouse-group-workspace, .warehouse-group-operation-bar > div { grid-template-columns: 1fr; }
  .warehouse-strategy-resolution { grid-template-columns: 1fr; }
  .warehouse-strategy-resolution > svg { justify-self: center; transform: rotate(90deg); }
  .warehouse-logistics-metrics > div, .warehouse-group-kpis > *, .warehouse-group-operation-bar button { border-right: 0; border-bottom: 1px solid var(--line); }
  .warehouse-logistics-metrics > div:last-child, .warehouse-group-kpis > *:last-child, .warehouse-group-operation-bar button:last-child { border-bottom: 0; }
  .warehouse-rate-query form, .warehouse-logistics-config form { grid-template-columns: 1fr; }
  .warehouse-strategy-steps { align-items: stretch; flex-direction: column; }
  .warehouse-strategy-steps > svg { align-self: center; transform: rotate(90deg); }
  .warehouse-group-workspace > * { grid-column: auto; }
  .warehouse-group-taskboard > div { grid-template-columns: 1fr; }
  .warehouse-group-messages { min-height: 300px; max-height: 390px; }
  .warehouse-dingtalk-bridge { align-items: stretch; flex-direction: column; }
  .warehouse-dingtalk-bridge > div:last-child { justify-content: flex-end; }
}

@media (max-width: 460px) {
  .warehouse-ai-metrics, .warehouse-process-board > div, .warehouse-process-cards, .warehouse-zone-grid, .warehouse-agent-summary, .warehouse-agent-contract { grid-template-columns: 1fr; }
  .warehouse-process-board article, .warehouse-process-cards button, .warehouse-zone-grid > div, .warehouse-agent-summary > div, .warehouse-agent-contract > div { border-right: 0 !important; border-bottom: 1px solid var(--line) !important; }
  .warehouse-process-board article:last-child, .warehouse-process-cards button:last-child, .warehouse-zone-grid > div:last-child, .warehouse-agent-summary > div:last-child, .warehouse-agent-contract > div:last-child { border-bottom: 0 !important; }
  .warehouse-strategy-summary, .warehouse-threshold-panel footer, .warehouse-process-board > header, .warehouse-handoff-flow > header, .warehouse-collaboration-route > header { align-items: flex-start; flex-direction: column; }
  .warehouse-agent-detail > header { grid-template-columns: 42px minmax(0, 1fr); }
  .warehouse-agent-detail > header > b { grid-column: 2; justify-self: start; }
  .warehouse-strategy-catalog > article > footer, .warehouse-carrier-grid footer, .warehouse-group-chat form > div { align-items: stretch; flex-direction: column; }
  .warehouse-strategy-catalog > article > footer button, .warehouse-carrier-grid footer button, .warehouse-group-chat form > div button { width: 100%; }
  .warehouse-group-kpis > button { grid-template-columns: 34px minmax(0, 1fr) 16px; }
  .warehouse-group-chat > header { align-items: flex-start; flex-direction: column; }
  .warehouse-group-messages article > div { max-width: 100%; }
}

/* Warehouse v4: compact control tower and standard detail workspaces. */
.warehouse-v4-header, .warehouse-v4-detail-head, .warehouse-v4-section, .warehouse-v4-disclosure, .warehouse-v4-metric { letter-spacing: 0; }
.warehouse-v4-header { display: flex; justify-content: space-between; gap: 18px; align-items: center; min-height: 86px; margin-bottom: 12px; padding: 16px 18px; color: white; background: #15334a; border-left: 4px solid #1ca77c; border-radius: 7px; }
.warehouse-v4-title { display: flex; gap: 12px; align-items: center; min-width: 0; }
.warehouse-v4-title > span { display: grid; place-items: center; flex: 0 0 auto; width: 40px; height: 40px; color: #b8f2df; background: rgba(24, 150, 113, .24); border: 1px solid rgba(180, 241, 220, .2); border-radius: 6px; }
.warehouse-v4-title svg { width: 20px; }
.warehouse-v4-title small { display: block; margin-bottom: 4px; color: #7ee1c1; font-size: 8px; font-weight: 800; }
.warehouse-v4-title h2 { margin: 0; color: white; font-size: 20px; line-height: 1.2; }
.warehouse-v4-actions { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; justify-content: flex-end; }
.warehouse-v4-actions label { display: flex; gap: 7px; align-items: center; min-width: 190px; height: 36px; padding: 0 9px; color: #dce9f0; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.18); border-radius: 5px; }
.warehouse-v4-actions label svg { flex: 0 0 auto; width: 15px; }
.warehouse-v4-actions select { min-width: 0; flex: 1; color: white; background: transparent; border: 0; font-size: 9px; }
.warehouse-v4-actions select option { color: var(--ink); }
.warehouse-v4-live { display: inline-flex; gap: 6px; align-items: center; min-height: 30px; padding: 0 9px; border-radius: 5px; font-size: 8px; font-weight: 800; }
.warehouse-v4-live svg { width: 13px; }
.warehouse-v4-live.green { color: #c8f5e5; background: rgba(20, 153, 112, .23); }
.warehouse-v4-live.orange { color: #ffe2b8; background: rgba(196, 123, 22, .22); }
.warehouse-v4-live.blue { color: #d7ecff; background: rgba(41, 113, 178, .25); }

.warehouse-v4-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-bottom: 12px; }
.warehouse-v4-metric { position: relative; display: grid; min-width: 0; min-height: 106px; padding: 14px 48px 14px 15px; overflow: hidden; background: white; border: 1px solid var(--line); border-top: 3px solid #397fbd; border-radius: 7px; }
.warehouse-v4-metric.green { border-top-color: #16966f; }
.warehouse-v4-metric.orange { border-top-color: #d88a20; }
.warehouse-v4-metric.red { border-top-color: #dc5b61; }
.warehouse-v4-metric > div { display: grid; align-content: start; gap: 5px; min-width: 0; }
.warehouse-v4-metric small { color: var(--faint); font-size: 8px; }
.warehouse-v4-metric strong { overflow: hidden; color: var(--ink); font-size: 20px; text-overflow: ellipsis; white-space: nowrap; }
.warehouse-v4-metric span { overflow: hidden; color: var(--muted); font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.warehouse-v4-metric > svg { position: absolute; top: 14px; right: 14px; width: 20px; color: #397fbd; }
.warehouse-v4-metric.green > svg { color: #16966f; }
.warehouse-v4-metric.orange > svg { color: #d88a20; }
.warehouse-v4-metric.red > svg { color: #dc5b61; }
.warehouse-v4-metrics.compact .warehouse-v4-metric { min-height: 94px; }

.warehouse-v4-section, .warehouse-v4-disclosure { min-width: 0; margin-bottom: 12px; background: white; border: 1px solid var(--line); border-radius: 7px; overflow: hidden; }
.warehouse-v4-section > header { display: flex; justify-content: space-between; gap: 12px; align-items: center; min-height: 56px; padding: 10px 14px; border-bottom: 1px solid var(--line); }
.warehouse-v4-section > header > div { min-width: 0; }
.warehouse-v4-section > header h3 { display: inline; margin: 0; color: var(--ink); font-size: 12px; }
.warehouse-v4-section > header span { margin-left: 8px; color: var(--faint); font-size: 8px; }
.warehouse-v4-section .icon-button, .warehouse-v4-carrier-row .icon-button { display: grid; place-items: center; flex: 0 0 auto; width: 32px; height: 32px; color: #456377; background: #f6f8fa; border: 1px solid #dce4e9; border-radius: 5px; cursor: pointer; }
.warehouse-v4-section .icon-button svg, .warehouse-v4-carrier-row .icon-button svg { width: 14px; }

.warehouse-v4-entry-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.warehouse-v4-entry-grid.three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.warehouse-v4-entry-grid.four { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.warehouse-v4-entry { position: relative; display: grid; grid-template-columns: 36px minmax(0, 1fr) auto 16px; gap: 10px; align-items: center; min-width: 0; min-height: 88px; padding: 12px 13px; color: inherit; text-decoration: none; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
button.warehouse-v4-entry { width: 100%; font: inherit; text-align: left; appearance: none; background: transparent; border-top: 0; border-left: 0; cursor: pointer; }
.warehouse-v4-entry-grid .warehouse-v4-entry:nth-child(4n) { border-right: 0; }
.warehouse-v4-entry-grid.three .warehouse-v4-entry:nth-child(4n) { border-right: 1px solid var(--line); }
.warehouse-v4-entry-grid.three .warehouse-v4-entry:nth-child(3n) { border-right: 0; }
.warehouse-v4-entry-grid .warehouse-v4-entry:nth-last-child(-n + 4) { border-bottom: 0; }
.warehouse-v4-entry-grid.three .warehouse-v4-entry:nth-last-child(-n + 3) { border-bottom: 0; }
.warehouse-v4-entry:hover { background: #eef8f4; }
.warehouse-v4-entry.active { background: #e8f5f0; box-shadow: inset 0 -3px #168064; }
.warehouse-v4-entry > span { display: grid; place-items: center; width: 34px; height: 34px; color: #12765b; background: #e6f5ef; border-radius: 6px; }
.warehouse-v4-entry > span svg { width: 16px; }
.warehouse-v4-entry strong { display: block; color: var(--ink); font-size: 10px; }
.warehouse-v4-entry small { display: block; margin-top: 4px; overflow: hidden; color: var(--faint); font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.warehouse-v4-entry > b { padding: 4px 6px; color: #567080; background: #edf2f5; border-radius: 4px; font-size: 7px; white-space: nowrap; }
.warehouse-v4-entry > svg { width: 14px; color: #8c9eaa; }

.warehouse-v4-two { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.warehouse-v4-two > * { min-width: 0; }
.warehouse-v4-bars { padding: 5px 14px 12px; }
.warehouse-v4-bars > div { display: grid; grid-template-columns: 26px minmax(82px, .55fr) 42px minmax(100px, 1fr); gap: 9px; align-items: center; min-height: 45px; border-bottom: 1px solid #edf1f4; }
.warehouse-v4-bars > div:last-child { border-bottom: 0; }
.warehouse-v4-bars > div > span { display: grid; place-items: center; width: 24px; height: 24px; color: #397fbd; background: #edf5fb; border-radius: 5px; }
.warehouse-v4-bars > div > span.green { color: #168064; background: #eaf7f2; }
.warehouse-v4-bars > div > span.orange { color: #be791c; background: #fff4e5; }
.warehouse-v4-bars > div > span.red { color: #cc5059; background: #ffedf0; }
.warehouse-v4-bars svg { width: 13px; }
.warehouse-v4-bars strong { color: var(--ink); font-size: 8px; }
.warehouse-v4-bars b { color: #365164; font-size: 10px; }
.warehouse-v4-bars em, .warehouse-v4-task-list em { height: 5px; overflow: hidden; background: #e7edf1; border-radius: 3px; }
.warehouse-v4-bars em i, .warehouse-v4-task-list em i { display: block; height: 100%; background: #178263; border-radius: inherit; }

.warehouse-v4-compact-list, .warehouse-v4-task-list { padding: 4px 14px 10px; }
.warehouse-v4-compact-list > div { display: grid; grid-template-columns: 28px minmax(0, 1fr) auto auto; gap: 9px; align-items: center; min-height: 51px; border-bottom: 1px solid #edf1f4; }
.warehouse-v4-compact-list > div:last-child { border-bottom: 0; }
.warehouse-v4-compact-list > div > span { display: grid; place-items: center; width: 25px; height: 25px; color: #bf761a; background: #fff2df; border-radius: 5px; }
.warehouse-v4-compact-list svg { width: 13px; }
.warehouse-v4-compact-list strong, .warehouse-v4-task-list strong { display: block; color: var(--ink); font-size: 8px; }
.warehouse-v4-compact-list small, .warehouse-v4-task-list small { display: block; margin-top: 4px; color: var(--faint); font-size: 7px; }
.warehouse-v4-compact-list b { color: #9d681e; font-size: 7px; }
.warehouse-v4-compact-list em { color: #314d60; font-size: 8px; font-style: normal; font-weight: 800; }
.warehouse-v4-empty { display: flex !important; gap: 11px !important; align-items: center !important; justify-content: center; min-height: 120px !important; color: #8ca0ae; border: 0 !important; }
.warehouse-v4-empty.tall { min-height: 270px !important; }
.warehouse-v4-empty > svg { width: 24px; }
.warehouse-v4-empty strong { display: block; color: #496476; font-size: 9px; }
.warehouse-v4-empty small { display: block; margin-top: 5px; color: var(--faint); font-size: 8px; }

.warehouse-v4-detail-head { display: grid; grid-template-columns: 34px 42px minmax(0, 1fr) auto; gap: 11px; align-items: center; min-height: 88px; margin-bottom: 12px; padding: 14px 16px; background: white; border: 1px solid var(--line); border-left: 4px solid #168164; border-radius: 7px; }
.warehouse-v4-detail-head > a, .warehouse-v4-detail-head > span { display: grid; place-items: center; width: 34px; height: 34px; color: #456477; background: #f4f7f9; border: 1px solid #dce4e9; border-radius: 5px; }
.warehouse-v4-detail-head > span { width: 40px; height: 40px; color: #13765b; background: #e7f5ef; border-color: #cce7dd; }
.warehouse-v4-detail-head svg { width: 16px; }
.warehouse-v4-detail-head > div { min-width: 0; }
.warehouse-v4-detail-head small { color: #198067; font-size: 7px; font-weight: 800; }
.warehouse-v4-detail-head h2 { margin: 3px 0; color: var(--ink); font-size: 17px; }
.warehouse-v4-detail-head p { margin: 0; color: var(--muted); font-size: 8px; }
.warehouse-v4-detail-toolbar { display: grid; grid-template-columns: 220px 180px auto; gap: 10px; align-items: end; margin-bottom: 12px; padding: 12px 14px; background: white; border: 1px solid var(--line); border-radius: 7px; }
.warehouse-v4-detail-toolbar label { display: grid; gap: 5px; }
.warehouse-v4-detail-toolbar label span { color: var(--faint); font-size: 7px; }
.warehouse-v4-detail-toolbar select { width: 100%; height: 34px; padding: 0 9px; color: var(--ink); background: #f8fafb; border: 1px solid #d8e0e6; border-radius: 5px; font-size: 8px; }
.warehouse-v4-detail-toolbar button { justify-self: end; }
.warehouse-v4-detail-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-bottom: 12px; }
.warehouse-v4-detail-grid > article { display: grid; min-height: 275px; overflow: hidden; background: white; border: 1px solid var(--line); border-radius: 7px; }
.warehouse-v4-detail-grid article > header { display: grid; grid-template-columns: 38px minmax(0, 1fr) auto; gap: 10px; align-items: center; padding: 13px 14px; border-bottom: 1px solid var(--line); }
.warehouse-v4-detail-grid article > header > span { display: grid; place-items: center; width: 36px; height: 36px; color: #15785d; background: #e8f5f0; border-radius: 6px; }
.warehouse-v4-detail-grid article > header svg { width: 17px; }
.warehouse-v4-detail-grid article h3 { margin: 3px 0 0; color: var(--ink); font-size: 11px; }
.warehouse-v4-detail-grid article header small { color: var(--faint); font-size: 7px; }
.warehouse-v4-detail-grid dl { margin: 0; padding: 4px 14px; }
.warehouse-v4-detail-grid dl > div { display: grid; grid-template-columns: 72px minmax(0, 1fr); gap: 10px; padding: 10px 0; border-bottom: 1px solid #edf1f4; }
.warehouse-v4-detail-grid dl > div:last-child { border-bottom: 0; }
.warehouse-v4-detail-grid dt { color: var(--faint); font-size: 7px; }
.warehouse-v4-detail-grid dd { margin: 0; color: #314d60; font-size: 8px; line-height: 1.55; }
.warehouse-v4-detail-grid footer { display: flex; gap: 8px; align-items: center; margin-top: auto; padding: 12px 14px; background: #f8fafb; border-top: 1px solid var(--line); }
.warehouse-v4-detail-grid footer button { flex: 1; }
.warehouse-v4-audit { display: flex; gap: 10px; align-items: center; margin-bottom: 18px; padding: 13px; overflow-x: auto; background: white; border: 1px solid var(--line); border-radius: 7px; }
.warehouse-v4-audit > div { display: grid; grid-template-columns: 30px minmax(120px, 1fr); gap: 9px; align-items: center; flex: 1; min-width: 150px; }
.warehouse-v4-audit > div > svg { width: 18px; color: #168064; }
.warehouse-v4-audit strong { display: block; color: var(--ink); font-size: 8px; }
.warehouse-v4-audit small { display: block; margin-top: 4px; color: var(--faint); font-size: 7px; }
.warehouse-v4-audit > svg { flex: 0 0 auto; width: 14px; color: #9aabb5; }

.warehouse-v4-strategy-overview a { display: grid; grid-template-columns: 32px minmax(0, 1fr) auto; gap: 9px; align-items: center; min-height: 62px; padding: 9px 13px; color: inherit; text-decoration: none; border-bottom: 1px solid #edf1f4; }
.warehouse-v4-strategy-overview a:last-child { border-bottom: 0; }
.warehouse-v4-strategy-overview a:hover { background: #eef8f4; }
.warehouse-v4-strategy-overview a > span { display: grid; place-items: center; width: 30px; height: 30px; color: #15765d; background: #e8f5f0; border-radius: 5px; }
.warehouse-v4-strategy-overview svg { width: 14px; }
.warehouse-v4-strategy-overview strong { display: block; color: var(--ink); font-size: 9px; }
.warehouse-v4-strategy-overview small { display: block; margin-top: 4px; color: var(--faint); font-size: 7px; }
.warehouse-v4-strategy-overview b { color: #365367; font-size: 11px; }
.warehouse-v4-checks { padding: 4px 14px 10px; }
.warehouse-v4-checks > div { display: grid; grid-template-columns: 28px minmax(0, 1fr) 24px; gap: 9px; align-items: center; min-height: 61px; border-bottom: 1px solid #edf1f4; }
.warehouse-v4-checks > div:last-child { border-bottom: 0; }
.warehouse-v4-checks > div > svg { width: 16px; color: #168064; }
.warehouse-v4-checks strong { display: block; color: var(--ink); font-size: 8px; }
.warehouse-v4-checks small { display: block; margin-top: 4px; color: var(--faint); font-size: 7px; }
.warehouse-v4-checks b { color: #9aabb5; font-size: 8px; }

.warehouse-v4-disclosure > summary { display: grid; grid-template-columns: 38px minmax(0, 1fr) auto 18px; gap: 10px; align-items: center; min-height: 64px; padding: 11px 14px; list-style: none; cursor: pointer; }
.warehouse-v4-disclosure > summary::-webkit-details-marker { display: none; }
.warehouse-v4-disclosure > summary > span { display: grid; place-items: center; width: 36px; height: 36px; color: #15765d; background: #e8f5f0; border-radius: 6px; }
.warehouse-v4-disclosure > summary svg { width: 16px; }
.warehouse-v4-disclosure > summary strong { display: block; color: var(--ink); font-size: 10px; }
.warehouse-v4-disclosure > summary small { display: block; margin-top: 4px; color: var(--faint); font-size: 8px; }
.warehouse-v4-disclosure > summary > svg { color: #8094a2; transition: transform .2s ease; }
.warehouse-v4-disclosure[open] > summary > svg { transform: rotate(180deg); }
.warehouse-v4-disclosure > footer { display: flex; justify-content: flex-end; padding: 9px 14px; background: #f8fafb; border-top: 1px solid var(--line); }
.warehouse-v4-disclosure > footer a { display: inline-flex; gap: 7px; align-items: center; color: #14765c; font-size: 8px; font-weight: 800; text-decoration: none; }
.warehouse-v4-disclosure > footer svg { width: 13px; }
.warehouse-v4-carrier-list { border-top: 1px solid var(--line); }
.warehouse-v4-carrier-row { display: grid; grid-template-columns: 30px minmax(100px, .75fr) minmax(130px, 1fr) auto 32px; gap: 9px; align-items: center; min-height: 58px; padding: 9px 13px; border-bottom: 1px solid #edf1f4; }
.warehouse-v4-carrier-row:last-child { border-bottom: 0; }
.warehouse-v4-carrier-row > span { display: grid; place-items: center; width: 28px; height: 28px; color: #14765c; background: #e8f5f0; border-radius: 5px; }
.warehouse-v4-carrier-row > span svg { width: 14px; }
.warehouse-v4-carrier-row strong { display: block; color: var(--ink); font-size: 8px; }
.warehouse-v4-carrier-row small { display: block; margin-top: 3px; color: var(--faint); font-size: 7px; }
.warehouse-v4-carrier-row em { overflow: hidden; color: var(--muted); font-size: 7px; font-style: normal; text-overflow: ellipsis; white-space: nowrap; }
.warehouse-v4-config-summary { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.warehouse-v4-config-summary > div { display: grid; gap: 6px; min-height: 82px; padding: 13px 14px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.warehouse-v4-config-summary > div:nth-child(2n) { border-right: 0; }
.warehouse-v4-config-summary > div:nth-last-child(-n + 2) { border-bottom: 0; }
.warehouse-v4-config-summary span { color: var(--faint); font-size: 7px; }
.warehouse-v4-config-summary strong { color: var(--ink); font-size: 9px; line-height: 1.5; }

.warehouse-v4-group-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.warehouse-v4-group-grid > a { position: relative; display: grid; grid-template-columns: 42px minmax(0, 1fr) auto 18px; gap: 11px; align-items: center; min-height: 104px; padding: 13px 14px; color: inherit; text-decoration: none; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.warehouse-v4-group-grid > a:nth-child(2n) { border-right: 0; }
.warehouse-v4-group-grid > a:nth-last-child(-n + 2) { border-bottom: 0; }
.warehouse-v4-group-grid > a:hover { background: #eef8f4; }
.warehouse-v4-group-grid > a > span { display: grid; place-items: center; width: 40px; height: 40px; color: white; background: #167a60; border-radius: 6px; }
.warehouse-v4-group-grid > a > span svg { width: 18px; }
.warehouse-v4-group-grid strong { display: block; color: var(--ink); font-size: 10px; }
.warehouse-v4-group-grid small, .warehouse-v4-group-grid em { display: block; margin-top: 4px; color: var(--faint); font-size: 7px; font-style: normal; }
.warehouse-v4-group-grid > a > b { display: grid; place-items: center; width: 21px; height: 21px; color: white; background: #dd5a5e; border-radius: 50%; font-size: 7px; }
.warehouse-v4-group-grid > a > b.connected { width: auto; min-width: 32px; padding: 0 6px; background: #168064; border-radius: 4px; }
.warehouse-v4-group-grid > a > b.pending { width: auto; min-width: 32px; padding: 0 6px; background: #c88425; border-radius: 4px; }
.warehouse-v4-group-grid > a > svg { width: 14px; color: #8396a3; }
.warehouse-v4-task-list > div { display: grid; grid-template-columns: 28px minmax(0, 1fr) minmax(85px, .7fr) 32px; gap: 9px; align-items: center; min-height: 54px; border-bottom: 1px solid #edf1f4; }
.warehouse-v4-task-list > div:last-child { border-bottom: 0; }
.warehouse-v4-task-list > div > span { display: grid; place-items: center; width: 25px; height: 25px; color: #397fbd; background: #edf5fb; border-radius: 5px; }
.warehouse-v4-task-list > div > span.green { color: #168064; background: #eaf7f2; }
.warehouse-v4-task-list > div > span.orange { color: #be791c; background: #fff4e5; }
.warehouse-v4-task-list svg { width: 13px; }
.warehouse-v4-task-list b { color: #385468; font-size: 8px; }

.warehouse-document-filters { display: grid; grid-template-columns: minmax(150px, .8fr) minmax(160px, .8fr) minmax(130px, .65fr) minmax(220px, 1.35fr) auto auto; gap: 9px; align-items: end; margin-bottom: 12px; padding: 12px 14px; background: white; border: 1px solid var(--line); border-radius: 7px; }
.warehouse-document-filters label { display: grid; gap: 5px; min-width: 0; }
.warehouse-document-filters label > span { color: #637987; font-size: 8px; font-weight: 800; }
.warehouse-document-filters select, .warehouse-document-filters input { width: 100%; height: 36px; min-width: 0; padding: 0 9px; color: #243b49; background: #f9fbfc; border: 1px solid #d5dfe5; border-radius: 5px; outline: 0; font-size: 8px; }
.warehouse-document-filters select:focus, .warehouse-document-filters input:focus { border-color: #21806a; box-shadow: 0 0 0 3px rgba(33, 128, 106, .1); }
.warehouse-document-filters button { min-height: 36px; white-space: nowrap; }
.warehouse-document-source { display: flex; gap: 12px; align-items: center; justify-content: space-between; margin-bottom: 12px; padding: 11px 13px; color: #496171; background: #eff8f4; border: 1px solid #cee7dd; border-radius: 7px; }
.warehouse-document-boundary { display: flex; align-items: flex-start; gap: 9px; margin: -3px 0 12px; padding: 10px 13px; color: #86591b; background: #fff8e9; border: 1px solid #efdcae; border-radius: 6px; }
.warehouse-document-boundary > svg { flex: 0 0 auto; width: 17px; }
.warehouse-document-boundary strong, .warehouse-document-boundary small { display: block; }
.warehouse-document-boundary small { margin-top: 3px; color: #8a744f; font-size: 7px; line-height: 1.5; }
.warehouse-document-source > div { display: flex; gap: 9px; align-items: center; min-width: 0; }
.warehouse-document-source svg { flex: 0 0 auto; width: 17px; color: #168064; }
.warehouse-document-source strong, .warehouse-document-source small { display: block; }
.warehouse-document-source strong { color: #23483f; font-size: 9px; }
.warehouse-document-source small { margin-top: 3px; color: #657d75; font-size: 7px; line-height: 1.45; }
.warehouse-document-source > span { flex: 0 0 auto; color: #2f6657; font-size: 8px; font-weight: 800; }
.warehouse-document-table { overflow-x: auto; }
.warehouse-document-actions { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; padding: 10px 12px; background: white; border: 1px solid var(--line); border-radius: 7px; }
.warehouse-document-actions > div:first-child { display: grid; flex: 0 0 auto; gap: 3px; }
.warehouse-document-actions > div:first-child strong { color: #243b49; font-size: 9px; }
.warehouse-document-actions > div:first-child span { color: #627986; font-size: 8px; }
.warehouse-document-actions > .primary-button { margin-left: auto; }
.warehouse-document-stage-actions { display: flex; min-width: 0; align-items: center; gap: 7px; overflow-x: auto; }
.warehouse-document-action-pair { display: inline-flex; flex: 0 0 auto; }
.warehouse-document-action-pair > .secondary-button { border-radius: 5px 0 0 5px; }
.warehouse-document-action-pair > .icon-button { width: 30px; height: 30px; color: #176e59; background: #eef8f4; border: 1px solid #d2e9e0; border-left: 0; border-radius: 0 5px 5px 0; }
.warehouse-document-action-pair > .icon-button svg { width: 13px; }
.warehouse-document-actions button:disabled { color: #8b9aa4; background: #eef2f4; border-color: #e2e8eb; cursor: not-allowed; }
.warehouse-document-table .jky-table, .warehouse-document-table table { min-width: 1110px; }
.warehouse-document-table th { white-space: nowrap; }
.warehouse-document-table td { vertical-align: middle; }
.warehouse-document-table tr.is-selected td { background: #f0f8f5; }
.warehouse-document-select-cell { width: 42px; text-align: center; }
.warehouse-document-select-cell input, .warehouse-document-table th:first-child input { width: 16px; height: 16px; margin: 0; accent-color: #168064; cursor: pointer; }
.warehouse-document-table .action-cell { display: flex; gap: 6px; align-items: center; min-width: 132px; }
.warehouse-document-table .action-cell button { min-height: 28px; padding: 0 8px; color: #4e6574; background: #f5f8fa; border: 1px solid #dbe3e8; border-radius: 4px; cursor: pointer; font-size: 7px; white-space: nowrap; }
.warehouse-document-table .action-cell button.main-action { color: #116d55; background: #eaf7f2; border-color: #c9e5da; }
.warehouse-document-link { display: grid; gap: 4px; padding: 0; color: inherit; text-align: left; background: transparent; border: 0; cursor: pointer; }
.warehouse-document-link strong { color: #176e59; font-size: 8px; }
.warehouse-document-link small { color: var(--faint); font-size: 7px; }
.warehouse-document-pagination { display: flex; gap: 10px; align-items: center; justify-content: center; margin-bottom: 18px; }
.warehouse-document-pagination span { color: var(--muted); font-size: 8px; }
.warehouse-document-detail-section { margin-top: 16px; }
.warehouse-document-detail-section > header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; }
.warehouse-document-detail-section h3 { margin: 0; color: var(--ink); font-size: 11px; }
.warehouse-document-detail-section header span { color: var(--faint); font-size: 8px; }
.warehouse-document-detail-section .jky-table, .warehouse-document-detail-section table { min-width: 700px; }
.warehouse-document-raw { margin-top: 12px; overflow: hidden; background: #f9fbfc; border: 1px solid #dfe7eb; border-radius: 6px; }
.warehouse-document-raw > summary { display: flex; justify-content: space-between; gap: 10px; padding: 10px 12px; color: #2e4959; cursor: pointer; font-size: 9px; font-weight: 800; }
.warehouse-document-raw > summary span { color: #6d818e; font-size: 8px; }
.warehouse-fulfillment-manual-form { display: grid; gap: 12px; }
.warehouse-fulfillment-manual-form > div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.warehouse-fulfillment-manual-form label { display: grid; gap: 6px; }
.warehouse-fulfillment-manual-form label > span { color: #536c7b; font-size: 8px; font-weight: 800; }
.warehouse-fulfillment-manual-form input, .warehouse-fulfillment-manual-form textarea { width: 100%; min-height: 36px; padding: 8px 10px; color: #243b49; background: #f9fbfc; border: 1px solid #d5dfe5; border-radius: 5px; box-sizing: border-box; font: inherit; }
.warehouse-fulfillment-manual-form textarea { min-height: 84px; resize: vertical; }
.warehouse-fulfillment-manual-form > .warehouse-operation-confirm { display: flex; align-items: center; grid-template-columns: none; }
.warehouse-fulfillment-manual-form > .warehouse-operation-confirm input { width: 16px; min-height: 16px; accent-color: #168064; }
.warehouse-fulfillment-manual-form > button { justify-self: end; }
.warehouse-document-fields { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0 !important; padding: 0 !important; border-top: 1px solid #e3eaee; }
.warehouse-document-fields > div { display: grid !important; grid-template-columns: minmax(90px, .65fr) minmax(0, 1fr); gap: 5px 10px !important; align-content: start; min-width: 0; padding: 9px 11px !important; border-right: 1px solid #e8eef1; border-bottom: 1px solid #e8eef1 !important; }
.warehouse-document-fields dt { color: #5d7482 !important; font-size: 8px !important; }
.warehouse-document-fields dd { min-width: 0; margin: 0 !important; overflow-wrap: anywhere; color: #243c4c !important; font-size: 8px !important; }
.warehouse-document-fields code { grid-column: 1 / -1; color: #8799a4; font-size: 7px; }
.warehouse-document-no-fields { margin: 0; padding: 14px; color: var(--faint); font-size: 8px; }
.warehouse-document-context-menu { position: fixed; z-index: 230; width: 190px; overflow: hidden; padding: 5px; background: #fff; border: 1px solid #d9e2e7; border-radius: 6px; box-shadow: 0 16px 38px rgba(19, 38, 51, .2); }
.warehouse-document-context-menu button { display: flex; width: 100%; min-height: 38px; align-items: center; gap: 9px; padding: 0 10px; color: #304957; background: transparent; border: 0; border-radius: 4px; font-size: 8px; font-weight: 750; text-align: left; cursor: pointer; }
.warehouse-document-context-menu button:hover { color: #116d55; background: #edf8f4; }
.warehouse-document-context-menu svg { width: 15px; }
.warehouse-quote-popup { position: fixed; right: 20px; bottom: 20px; z-index: 220; width: min(410px, calc(100vw - 28px)); max-height: min(580px, calc(100vh - 40px)); overflow: auto; color: #263e4d; background: #fff; border: 1px solid #d6e1e6; border-top: 3px solid #168064; border-radius: 7px; box-shadow: 0 20px 46px rgba(18, 40, 54, .22); }
.warehouse-quote-popup > header { display: flex; min-height: 58px; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 13px; border-bottom: 1px solid #e5ebee; }
.warehouse-quote-popup header small, .warehouse-quote-popup header strong { display: block; }
.warehouse-quote-popup header small { color: #178066; font-size: 7px; font-weight: 850; }
.warehouse-quote-popup header strong { margin-top: 3px; font-size: 11px; }
.warehouse-quote-loading, .warehouse-quote-error { display: grid; min-height: 120px; place-items: center; gap: 7px; padding: 20px; text-align: center; }
.warehouse-quote-loading svg { width: 22px; color: #168064; animation: spin 1s linear infinite; }
@keyframes warehouse-quote-spin { to { transform: rotate(360deg); } }
.warehouse-quote-loading svg { animation-name: warehouse-quote-spin; }
.warehouse-quote-error svg { width: 24px; color: #cc4b5a; }
.warehouse-quote-error p { margin: 0; color: #728490; font-size: 8px; line-height: 1.55; }
.warehouse-quote-meta { display: flex; gap: 7px; padding: 9px 13px; background: #f5faf8; border-bottom: 1px solid #e1ebe7; }
.warehouse-quote-meta span { padding: 4px 7px; color: #48685e; background: #e8f5f0; border-radius: 4px; font-size: 7px; font-weight: 750; }
.warehouse-quote-list { display: grid; padding: 5px 13px; }
.warehouse-quote-list article { display: grid; min-height: 54px; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 10px; border-bottom: 1px solid #edf1f3; }
.warehouse-quote-list article:last-child { border-bottom: 0; }
.warehouse-quote-list article.best { box-shadow: inset 3px 0 #168064; padding-left: 10px; }
.warehouse-quote-list strong, .warehouse-quote-list small { display: block; }
.warehouse-quote-list strong { font-size: 9px; }
.warehouse-quote-list small { margin-top: 3px; color: #798b96; font-size: 7px; }
.warehouse-quote-list b { color: #116d55; font-size: 12px; }
.warehouse-quote-popup > footer { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 13px; background: #fafcfc; border-top: 1px solid #e6ecef; }
.warehouse-quote-popup footer small { color: #7e8f99; font-size: 7px; line-height: 1.45; }
.warehouse-quote-popup footer button { flex: 0 0 auto; min-height: 30px; padding: 0 9px; color: #fff; background: #16765f; border: 0; border-radius: 4px; font-size: 7px; font-weight: 800; cursor: pointer; }
.carrier-provider-status { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); overflow: hidden; margin-bottom: 14px; border: 1px solid #dce5e9; border-radius: 6px; }
.carrier-provider-status > div { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 5px 8px; padding: 11px; border-right: 1px solid #e3e9ec; }
.carrier-provider-status > div:last-child { border-right: 0; }
.carrier-provider-status strong { font-size: 9px; }
.carrier-provider-status small { grid-column: 1 / -1; color: #758792; font-size: 7px; line-height: 1.5; }
.carrier-dispatch-form, .carrier-binding-panel form { display: grid; gap: 11px; }
.carrier-dispatch-measures { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.carrier-dispatch-form label, .carrier-binding-panel label { display: grid; gap: 6px; }
.carrier-dispatch-form label > span, .carrier-binding-panel label > span { color: #536c7b; font-size: 8px; font-weight: 800; }
.carrier-dispatch-form select, .carrier-dispatch-form input, .carrier-binding-panel input, .carrier-binding-panel select, .carrier-binding-panel textarea { width: 100%; min-height: 38px; padding: 0 10px; color: #263e4d; background: #f9fbfc; border: 1px solid #d5dfe5; border-radius: 5px; box-sizing: border-box; }
.carrier-dispatch-form > button, .carrier-binding-panel form > button { justify-self: end; }
.carrier-dispatch-guidance { display: flex; gap: 10px; padding: 11px; color: #476559; background: #eff8f4; border: 1px solid #d1e7df; border-radius: 6px; }
.carrier-dispatch-guidance svg { flex: 0 0 auto; width: 18px; }
.carrier-dispatch-guidance strong, .carrier-dispatch-guidance small { display: block; }
.carrier-dispatch-guidance small { margin-top: 3px; color: #70837b; font-size: 7px; line-height: 1.55; }
.carrier-binding-panel { margin-top: 15px; overflow: hidden; border: 1px solid #e0e7eb; border-radius: 6px; }
.carrier-binding-panel > summary { padding: 11px 13px; color: #425d6b; background: #f7f9fa; cursor: pointer; font-size: 8px; font-weight: 800; }
.carrier-binding-panel form { padding: 13px; border-top: 1px solid #e4e9ec; }
.carrier-binding-list { display: grid; gap: 4px; padding: 10px 13px; color: #6c7f8a; background: #fafcfc; border-top: 1px solid #e7ecef; font-size: 7px; }
.carrier-dispatch-status { margin-top: 15px; overflow: hidden; border: 1px solid #dfe7eb; border-radius: 6px; }
.carrier-dispatch-status h3 { margin: 0; padding: 11px 13px; color: #425d6b; background: #f7f9fa; font-size: 8px; }
.carrier-dispatch-status > div { display: flex; justify-content: space-between; align-items: center; gap: 10px; min-height: 46px; padding: 8px 12px; border-top: 1px solid #e8edef; }
.carrier-dispatch-status > div > span { min-width: 0; }
.carrier-dispatch-status strong, .carrier-dispatch-status small { display: block; }
.carrier-dispatch-status strong { color: #263e4d; font-size: 8px; }
.carrier-dispatch-status small { margin-top: 3px; color: #7a8b95; font-size: 7px; }
.carrier-dispatch-status > div > b { flex: 0 0 auto; }
.carrier-dispatch-status > p { margin: 0; padding: 13px; color: #7a8b95; font-size: 8px; }
.carrier-document-preview { margin: 14px 0; overflow: hidden; background: #fff; border: 1px solid #d8e3e9; border-radius: 6px; }
.carrier-document-preview > header, .carrier-document-preview > footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 11px 13px; }
.carrier-document-preview > header { border-bottom: 1px solid #e2e9ed; }
.carrier-document-preview > header span { min-width: 0; }
.carrier-document-preview > header strong, .carrier-document-preview > header small { display: block; }
.carrier-document-preview > header strong { color: #263e4d; font-size: 9px; }
.carrier-document-preview > header small { margin-top: 3px; color: #728590; font-size: 7px; line-height: 1.45; }
.carrier-document-preview > header .secondary-button { flex: 0 0 auto; min-height: 32px; padding: 0 10px; text-decoration: none; }
.carrier-document-canvas { display: grid; place-items: start center; height: min(50vh, 540px); padding: 14px; overflow: auto; background: #edf2f4; }
.carrier-document-canvas img { display: block; width: min(100%, 580px); height: auto; background: #fff; box-shadow: 0 5px 18px rgba(25, 59, 92, .12); }
.carrier-document-preview > footer { color: #6b7e89; background: #f8fafb; border-top: 1px solid #e2e9ed; font-size: 7px; }
.carrier-document-preview > footer span, .carrier-document-preview > footer a { display: inline-flex; align-items: center; gap: 6px; }
.carrier-document-preview > footer svg { width: 14px; }
.carrier-document-preview > footer a { color: #176f59; font-weight: 800; text-decoration: none; }
.carrier-booking-status { margin-top: 14px; padding: 12px; color: #74571d; background: #fff8e9; border: 1px solid #eedcae; border-radius: 6px; }
.carrier-booking-status h3 { margin: 0 0 5px; font-size: 9px; }
.carrier-booking-status p { margin: 0; font-size: 8px; line-height: 1.55; }
.carrier-booking-status ul { margin: 8px 0 0; padding-left: 18px; font-size: 8px; line-height: 1.7; }
.carrier-dispatch-confirm { display: inline-flex; align-items: center; gap: 7px; color: #536b78; font-size: 8px; }
.carrier-dispatch-confirm input { width: 15px; height: 15px; accent-color: #168064; }
.detail-drawer .detail-footer:has([data-carrier-dispatch-send]) { flex-wrap: wrap; }
.warehouse-fulfillment-source small { max-width: 760px; }
.warehouse-fulfillment-table .jky-table, .warehouse-fulfillment-table table { min-width: 850px; }

.warehouse-task-header { margin-bottom: 12px; }
.warehouse-task-tabs { display: flex; gap: 6px; margin-bottom: 12px; padding: 5px; overflow-x: auto; background: #e9eef2; border: 1px solid #d7e0e6; border-radius: 7px; }
.warehouse-task-tabs a { display: inline-flex; gap: 7px; align-items: center; justify-content: center; min-width: 122px; padding: 9px 12px; color: #5d7080; font-size: 9px; font-weight: 800; text-decoration: none; white-space: nowrap; border-radius: 5px; }
.warehouse-task-tabs a:hover { color: #176f59; background: #f5f9f7; }
.warehouse-task-tabs a.active { color: #fff; background: #176f59; box-shadow: 0 3px 10px rgba(20, 92, 73, .16); }
.warehouse-task-tabs svg { width: 14px; }
.warehouse-task-notice { display: flex; gap: 10px; align-items: center; margin-bottom: 12px; padding: 11px 13px; color: #526675; background: #f8fbfa; border: 1px solid #d8e5df; border-radius: 7px; }
.warehouse-task-notice > svg { flex: 0 0 auto; width: 17px; color: #158064; }
.warehouse-task-notice strong, .warehouse-task-notice small { display: block; }
.warehouse-task-notice strong { color: #243b4c; font-size: 9px; }
.warehouse-task-notice small { margin-top: 3px; color: #748795; font-size: 8px; line-height: 1.55; }

.warehouse-task-agent-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.warehouse-task-agent { display: flex; flex-direction: column; min-height: 188px; padding: 14px; background: #fff; border: 1px solid #dbe3e8; border-radius: 7px; box-shadow: 0 5px 15px rgba(27, 46, 60, .035); }
.warehouse-task-agent > header { display: grid; grid-template-columns: 40px minmax(0, 1fr) auto; gap: 10px; align-items: center; }
.warehouse-task-agent-code { display: grid; place-items: center; width: 40px; height: 40px; color: #246fc1; background: #eaf2fd; border-radius: 7px; font-size: 11px; font-weight: 900; }
.warehouse-task-agent-code.pending { color: #b36f19; background: #fff3e2; }
.warehouse-task-agent h3 { margin: 0; color: var(--ink); font-size: 11px; }
.warehouse-task-agent header small { display: block; margin-top: 4px; overflow: hidden; color: #8797a4; font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }
.warehouse-task-agent header b { align-self: start; padding: 4px 7px; color: #16745c; background: #e8f6f0; border-radius: 12px; font-size: 7px; }
.warehouse-task-agent header b.pending { color: #b26c13; background: #fff2df; }
.warehouse-task-agent ul { display: grid; gap: 7px; margin: 14px 0; padding: 0; list-style: none; }
.warehouse-task-agent li { position: relative; padding-left: 11px; color: #566a78; font-size: 8px; line-height: 1.5; }
.warehouse-task-agent li::before { position: absolute; top: .63em; left: 0; width: 3px; height: 3px; content: ""; background: #2e72cf; border-radius: 50%; }
.warehouse-task-agent > footer { display: flex; align-items: center; justify-content: space-between; margin-top: auto; padding-top: 10px; border-top: 1px solid #edf1f4; }
.warehouse-task-agent footer span { color: #8797a4; font-size: 7px; }
.warehouse-task-agent footer a, .warehouse-task-agent footer button { display: inline-flex; gap: 5px; align-items: center; padding: 0; color: #146f59; background: none; border: 0; font-size: 8px; font-weight: 800; text-decoration: none; cursor: pointer; }
.warehouse-task-agent footer svg { width: 12px; }

.warehouse-task-dispatch { display: grid; grid-template-columns: minmax(0, 1fr) minmax(360px, .95fr); gap: 12px; }
.warehouse-task-form, .warehouse-task-command-panel { min-width: 0; padding: 16px; border-radius: 7px; }
.warehouse-task-form > header, .warehouse-task-command-panel > header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; }
.warehouse-task-form header small, .warehouse-task-command-panel header small { display: block; color: #16745c; font-size: 7px; font-weight: 800; }
.warehouse-task-form h3, .warehouse-task-command-panel h3 { margin: 4px 0 0; color: var(--ink); font-size: 13px; }
.warehouse-task-form > header > span { display: grid; place-items: center; width: 38px; height: 38px; color: #246fc1; background: #eaf2fd; border-radius: 7px; font-size: 10px; font-weight: 900; }
.warehouse-task-command-panel > header > svg { width: 20px; color: #176f59; }
.warehouse-task-form label { display: grid; gap: 6px; margin-top: 11px; }
.warehouse-task-form label > span { color: #526675; font-size: 8px; font-weight: 800; }
.warehouse-task-form select, .warehouse-task-form textarea { width: 100%; color: #243a4a; background: #fbfcfd; border: 1px solid #d7e0e6; border-radius: 6px; outline: 0; }
.warehouse-task-form select { height: 38px; padding: 0 11px; }
.warehouse-task-form textarea { min-height: 112px; padding: 11px; resize: vertical; }
.warehouse-task-form select:focus, .warehouse-task-form textarea:focus { border-color: #2671ce; box-shadow: 0 0 0 3px rgba(38, 113, 206, .1); }
.warehouse-task-form > footer, .warehouse-task-command-panel > footer { display: flex; gap: 8px; align-items: center; margin-top: 14px; }
.warehouse-task-command-panel { display: flex; flex-direction: column; }
.warehouse-task-command { flex: 1; min-height: 250px; margin: 0; padding: 15px; overflow: auto; color: #d8e3ec; background: #172132; border-radius: 7px; font: 8px/1.75 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; white-space: pre-wrap; word-break: break-word; }
.warehouse-task-command-panel footer a { display: inline-flex; gap: 6px; align-items: center; margin-left: auto; color: #156f59; font-size: 8px; font-weight: 800; text-decoration: none; }
.warehouse-task-command-panel footer svg { width: 13px; }

.warehouse-task-board { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; align-items: start; }
.warehouse-task-column { min-width: 0; padding: 12px; background: #f5f7f9; border: 1px solid #dbe3e8; border-radius: 7px; }
.warehouse-task-column > header { display: grid; grid-template-columns: 24px minmax(0, 1fr) auto; gap: 7px; align-items: center; margin-bottom: 10px; }
.warehouse-task-column > header > span { display: grid; place-items: center; width: 22px; height: 22px; color: #6f8290; }
.warehouse-task-column > header > span.blue { color: #2c70d0; }
.warehouse-task-column > header > span.green { color: #168064; }
.warehouse-task-column > header svg { width: 14px; }
.warehouse-task-column > header h3 { margin: 0; color: var(--ink); font-size: 11px; }
.warehouse-task-column > header b { color: #778895; font-size: 8px; }
.warehouse-task-column > div { display: grid; gap: 8px; }
.warehouse-task-card { padding: 11px; background: #fff; border: 1px solid #e0e6ea; border-radius: 6px; }
.warehouse-task-card > header { display: grid; grid-template-columns: 33px minmax(0, 1fr) auto; gap: 8px; align-items: center; }
.warehouse-task-card > header > span { display: grid; place-items: center; width: 33px; height: 33px; color: #226fc4; background: #eaf2fd; border-radius: 6px; font-size: 8px; font-weight: 900; }
.warehouse-task-card > header strong { display: block; color: var(--ink); font-size: 9px; line-height: 1.4; }
.warehouse-task-card > header small { display: block; margin-top: 3px; color: #8a9aa5; font-size: 7px; }
.warehouse-task-card > header b { padding: 4px 6px; color: #b16b13; background: #fff2df; border-radius: 10px; font-size: 7px; }
.warehouse-task-card dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 11px 0; border: 1px solid #edf1f4; border-radius: 5px; }
.warehouse-task-card dl > div { padding: 8px; border-right: 1px solid #edf1f4; }
.warehouse-task-card dl > div:last-child { border-right: 0; }
.warehouse-task-card dt { color: #8a9aa5; font-size: 6px; }
.warehouse-task-card dd { margin: 4px 0 0; color: #425866; font-size: 7px; line-height: 1.45; }
.warehouse-task-progress { display: grid; grid-template-columns: minmax(0, 1fr) 30px; gap: 8px; align-items: center; }
.warehouse-task-progress > span { height: 5px; overflow: hidden; background: #e7edf1; border-radius: 4px; }
.warehouse-task-progress i { display: block; height: 100%; background: linear-gradient(90deg, #2a71d2, #19a17b); }
.warehouse-task-progress b { color: #5b6e7b; font-size: 7px; text-align: right; }
.warehouse-task-card > footer { display: flex; justify-content: flex-end; margin-top: 9px; }
.warehouse-task-empty { display: grid; place-items: center; min-height: 112px; color: #91a0aa; border: 1px dashed #d6dfe5; border-radius: 6px; font-size: 8px; }
.warehouse-task-empty svg { width: 20px; margin-bottom: 7px; }
.warehouse-task-loading { display: grid; place-items: center; min-height: 260px; gap: 8px; color: #607582; background: #fff; border: 1px solid #dbe3e8; border-radius: 7px; }
.warehouse-task-loading > svg { width: 24px; color: #2471c8; animation: spin 1s linear infinite; }
.warehouse-task-loading.error > svg { color: #c74c55; animation: none; }
.warehouse-task-loading small { color: #8a9aa5; font-size: 8px; }
.warehouse-schedule-workspace { overflow: hidden; background: #fff; border: 1px solid #dbe3e8; border-radius: 7px; }
.warehouse-schedule-workspace > header { display: flex; align-items: center; justify-content: space-between; padding: 14px 16px; border-bottom: 1px solid #e5eaee; }
.warehouse-schedule-workspace > header h3 { margin: 0; color: var(--ink); font-size: 12px; }
.warehouse-schedule-workspace > header span { display: block; margin-top: 4px; color: #82939f; font-size: 8px; }
.warehouse-schedule-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; padding: 12px; }
.warehouse-schedule-list > .warehouse-task-empty { grid-column: 1 / -1; min-height: 260px; gap: 10px; }
.warehouse-schedule-card { min-width: 0; padding: 13px; background: #fff; border: 1px solid #dce4e9; border-top: 3px solid #168064; border-radius: 7px; box-shadow: 0 4px 14px rgba(29, 48, 61, .035); }
.warehouse-schedule-card.paused { border-top-color: #aab6be; background: #fafbfc; }
.warehouse-schedule-main { display: grid; width: 100%; grid-template-columns: 38px minmax(0, 1fr) auto; gap: 9px; align-items: center; padding: 0; color: inherit; text-align: left; background: none; border: 0; cursor: pointer; }
.warehouse-schedule-icon { display: grid; place-items: center; width: 38px; height: 38px; color: #16775f; background: #e9f6f1; border-radius: 7px; }
.warehouse-schedule-icon svg { width: 18px; }
.warehouse-schedule-main strong, .warehouse-schedule-main small { display: block; }
.warehouse-schedule-main strong { overflow: hidden; color: #243b4c; font-size: 10px; line-height: 1.4; text-overflow: ellipsis; white-space: nowrap; }
.warehouse-schedule-main small { margin-top: 4px; color: #8596a2; font-size: 7px; }
.warehouse-schedule-main b { padding: 4px 7px; color: #16745c; background: #e8f6f0; border-radius: 11px; font-size: 7px; white-space: nowrap; }
.warehouse-schedule-main b.pending { color: #667985; background: #edf1f3; }
.warehouse-schedule-card dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 12px 0 0; border: 1px solid #edf1f4; border-radius: 6px; }
.warehouse-schedule-card dl > div { min-width: 0; padding: 9px; border-right: 1px solid #edf1f4; border-bottom: 1px solid #edf1f4; }
.warehouse-schedule-card dl > div:nth-child(2n) { border-right: 0; }
.warehouse-schedule-card dl > div:nth-last-child(-n+2) { border-bottom: 0; }
.warehouse-schedule-card dt { color: #8a9aa5; font-size: 6px; }
.warehouse-schedule-card dd { overflow: hidden; margin: 4px 0 0; color: #425866; font-size: 8px; font-weight: 750; text-overflow: ellipsis; white-space: nowrap; }
.warehouse-schedule-card dd.danger { color: #be4350; }
.warehouse-schedule-card > p { display: -webkit-box; margin: 10px 0 0; overflow: hidden; color: #6f818d; font-size: 7px; line-height: 1.6; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.warehouse-schedule-card > footer { display: flex; gap: 6px; align-items: center; justify-content: flex-end; margin-top: 11px; }
.warehouse-schedule-card > footer .danger { margin-left: auto; color: #bd4450; }
.warehouse-schedule-form { display: grid; gap: 12px; }
.warehouse-schedule-form > label { display: grid; gap: 6px; }
.warehouse-schedule-form label > span, .warehouse-schedule-form legend { color: #526675; font-size: 8px; font-weight: 800; }
.warehouse-schedule-form input:not([type="checkbox"]), .warehouse-schedule-form select, .warehouse-schedule-form textarea { width: 100%; padding: 10px 11px; color: #243a4a; background: #fff; border: 1px solid #d5dfe5; border-radius: 6px; outline: 0; }
.warehouse-schedule-form input:not([type="checkbox"]), .warehouse-schedule-form select { min-height: 39px; }
.warehouse-schedule-form textarea { resize: vertical; line-height: 1.6; }
.warehouse-schedule-form input:focus, .warehouse-schedule-form select:focus, .warehouse-schedule-form textarea:focus { border-color: #2671ce; box-shadow: 0 0 0 3px rgba(38, 113, 206, .1); }
.warehouse-schedule-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.warehouse-schedule-grid > label { display: grid; gap: 6px; }
.warehouse-schedule-weekdays { display: grid; grid-template-columns: repeat(7, 1fr); gap: 5px; margin: 0; padding: 0; border: 0; }
.warehouse-schedule-weekdays legend { grid-column: 1 / -1; margin-bottom: 6px; }
.warehouse-schedule-weekdays label { position: relative; display: grid; place-items: center; min-width: 0; height: 34px; cursor: pointer; }
.warehouse-schedule-weekdays input { position: absolute; opacity: 0; }
.warehouse-schedule-weekdays span { display: grid; width: 100%; height: 100%; place-items: center; color: #687b88; background: #f1f4f6; border: 1px solid #dbe3e8; border-radius: 5px; }
.warehouse-schedule-weekdays input:checked + span { color: #fff; background: #176f59; border-color: #176f59; }
.warehouse-schedule-switch { display: flex !important; gap: 10px; align-items: center; padding: 11px; background: #f5faf8; border: 1px solid #d7e9e1; border-radius: 6px; }
.warehouse-schedule-switch input { width: 16px; height: 16px; accent-color: #176f59; }
.warehouse-schedule-switch span strong, .warehouse-schedule-switch span small { display: block; }
.warehouse-schedule-switch span small { margin-top: 3px; color: #7c8e99; font-weight: 500; }
.warehouse-schedule-boundary { display: flex; gap: 8px; align-items: flex-start; padding: 10px; color: #567066; background: #edf8f4; border-radius: 6px; font-size: 8px; line-height: 1.6; }
.warehouse-schedule-boundary svg { flex: 0 0 auto; width: 16px; color: #168064; }

.warehouse-capability-panel { overflow: hidden; background: #fff; border: 1px solid #dbe3e8; border-radius: 7px; }
.warehouse-capability-panel > summary { display: grid; grid-template-columns: 38px minmax(0, 1fr) auto 20px; gap: 10px; align-items: center; padding: 13px 15px; cursor: pointer; list-style: none; }
.warehouse-capability-panel > summary::-webkit-details-marker { display: none; }
.warehouse-capability-panel > summary > span { display: grid; place-items: center; width: 36px; height: 36px; color: #156f59; background: #e7f5ef; border-radius: 7px; }
.warehouse-capability-panel > summary > span svg { width: 18px; }
.warehouse-capability-panel > summary strong { display: block; color: #1b2f3c; font-size: 12px; }
.warehouse-capability-panel > summary small { display: block; margin-top: 4px; color: #788b98; font-size: 10px; line-height: 1.45; }
.warehouse-capability-panel > summary > svg { width: 16px; color: #83939e; transition: transform .18s ease; }
.warehouse-capability-panel[open] > summary > svg { transform: rotate(180deg); }
.warehouse-capability-counts { display: flex; gap: 6px; align-items: center; justify-content: flex-end; }
.warehouse-capability-counts b { padding: 5px 8px; border-radius: 12px; font-size: 9px; white-space: nowrap; }
.warehouse-capability-counts .green { color: #116b54; background: #e7f5ef; }
.warehouse-capability-counts .blue { color: #235d94; background: #eaf3fb; }
.warehouse-capability-counts .red { color: #a53a38; background: #fbeceb; }
.warehouse-capability-counts .orange { color: #a96514; background: #fff1de; }
.warehouse-capability-groups { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid #e5ebef; }
.warehouse-capability-groups > section { min-width: 0; padding: 12px 14px; border-right: 1px solid #e5ebef; }
.warehouse-capability-groups > section:last-child { border-right: 0; }
.warehouse-capability-groups > section > header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 7px; }
.warehouse-capability-groups > section > header strong { color: #2a3f4d; font-size: 10px; }
.warehouse-capability-groups > section > header span { color: #8a99a4; font-size: 9px; }
.warehouse-capability-row { display: grid; grid-template-columns: 25px minmax(0, 1fr) auto; gap: 7px; align-items: center; min-height: 45px; padding: 7px 0; border-top: 1px solid #edf1f3; }
.warehouse-capability-row > span { display: grid; place-items: center; width: 23px; height: 23px; border-radius: 6px; }
.warehouse-capability-row > span.green { color: #14745a; background: #e7f5ef; }
.warehouse-capability-row > span.red { color: #ae413d; background: #fbeceb; }
.warehouse-capability-row > span.orange { color: #aa6819; background: #fff1de; }
.warehouse-capability-row > span.blue { color: #24649c; background: #eaf3fb; }
.warehouse-capability-row > span.gray { color: #71838f; background: #eef2f4; }
.warehouse-capability-row svg { width: 13px; }
.warehouse-capability-row strong { display: block; overflow: hidden; color: #334a58; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.warehouse-capability-row code { display: block; margin-top: 3px; overflow: hidden; color: #81919c; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.warehouse-capability-row small { display: block; margin-top: 3px; color: #71838f; font-size: 8px; line-height: 1.4; }
.warehouse-capability-row > b { font-size: 7px; white-space: nowrap; }

.warehouse-operation-console { overflow: hidden; background: #fff; border: 1px solid #cfdbe2; border-radius: 7px; box-shadow: 0 8px 22px rgba(27, 46, 60, .045); }
.warehouse-operation-console > header { display: flex; gap: 16px; align-items: flex-start; justify-content: space-between; padding: 16px 18px; background: #f7faf9; border-bottom: 1px solid #dfe7e4; }
.warehouse-operation-console > header small { color: #16745c; font-size: 8px; font-weight: 900; }
.warehouse-operation-console > header h3 { margin: 4px 0 3px; color: #1c313e; font-size: 15px; }
.warehouse-operation-console > header p { margin: 0; color: #687c88; font-size: 10px; line-height: 1.55; }
.warehouse-operation-console > header > div:last-child { display: grid; gap: 6px; justify-items: end; }
.warehouse-operation-console > header code { color: #596f7d; font-size: 9px; }
.warehouse-operation-console form { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; padding: 17px 18px; }
.warehouse-operation-console form > label { display: grid; gap: 6px; min-width: 0; }
.warehouse-operation-console form > label > span { color: #506673; font-size: 9px; font-weight: 800; }
.warehouse-operation-console input:not([type="checkbox"]) { width: 100%; height: 38px; min-width: 0; padding: 0 10px; color: #243b49; background: #fbfcfd; border: 1px solid #d5dfe5; border-radius: 6px; outline: 0; }
.warehouse-operation-console input:not([type="checkbox"]):focus { border-color: #2671ce; box-shadow: 0 0 0 3px rgba(38, 113, 206, .1); }
.warehouse-operation-console input[readonly] { color: #506673; background: #f0f4f6; }
.warehouse-operation-confirm { display: flex !important; grid-column: 1 / -1; grid-template-columns: none !important; gap: 8px !important; align-items: center; padding: 10px 12px; background: #fff8ed; border: 1px solid #f1d6ae; border-radius: 6px; }
.warehouse-operation-confirm input { width: 16px; height: 16px; flex: 0 0 auto; accent-color: #17735b; }
.warehouse-operation-confirm span { color: #6f582f !important; line-height: 1.45; }
.warehouse-operation-console footer { display: flex; grid-column: 1 / -1; gap: 16px; align-items: center; justify-content: space-between; padding-top: 4px; }
.warehouse-operation-console footer > div { display: flex; gap: 9px; align-items: center; min-width: 0; }
.warehouse-operation-console footer > div > svg { width: 18px; color: #17735b; flex: 0 0 auto; }
.warehouse-operation-console footer strong, .warehouse-operation-console footer small { display: block; }
.warehouse-operation-console footer strong { color: #344c59; font-size: 9px; }
.warehouse-operation-console footer small { margin-top: 3px; color: #7a8d98; font-size: 8px; line-height: 1.45; }
.warehouse-operation-console button[disabled] { cursor: not-allowed; opacity: .55; }

@media (max-width: 1180px) {
  .warehouse-v4-header { align-items: flex-start; flex-direction: column; }
  .warehouse-v4-actions { justify-content: flex-start; width: 100%; }
  .warehouse-v4-entry-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .warehouse-v4-entry-grid .warehouse-v4-entry:nth-child(4n), .warehouse-v4-entry-grid.three .warehouse-v4-entry:nth-child(3n) { border-right: 1px solid var(--line); }
  .warehouse-v4-entry-grid .warehouse-v4-entry:nth-child(2n) { border-right: 0; }
  .warehouse-v4-entry-grid .warehouse-v4-entry:nth-last-child(-n + 4) { border-bottom: 1px solid var(--line); }
  .warehouse-v4-entry-grid .warehouse-v4-entry:nth-last-child(-n + 2) { border-bottom: 0; }
  .warehouse-task-agent-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .warehouse-task-dispatch { grid-template-columns: 1fr; }
  .warehouse-schedule-list { grid-template-columns: 1fr; }
  .warehouse-capability-groups { grid-template-columns: 1fr; }
  .warehouse-capability-groups > section { border-right: 0; border-bottom: 1px solid #e5ebef; }
  .warehouse-capability-groups > section:last-child { border-bottom: 0; }
  .warehouse-operation-console form { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .warehouse-document-filters { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .warehouse-document-search { grid-column: span 2; }
}

@media (max-width: 760px) {
  .warehouse-v4-header { padding: 14px; }
  .warehouse-v4-title h2 { font-size: 18px; }
  .warehouse-v4-actions label { order: -1; width: 100%; min-width: 0; }
  .warehouse-v4-actions button { flex: 1 1 120px; }
  .warehouse-v4-live { flex: 1 1 auto; justify-content: center; }
  .warehouse-v4-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .warehouse-v4-two, .warehouse-v4-detail-grid { grid-template-columns: 1fr; }
  .warehouse-v4-detail-head { grid-template-columns: 34px 38px minmax(0, 1fr); }
  .warehouse-v4-detail-head > button { grid-column: 1 / -1; width: 100%; }
  .warehouse-v4-detail-toolbar { grid-template-columns: 1fr; }
  .warehouse-v4-detail-toolbar button { justify-self: stretch; }
  .warehouse-v4-group-grid { grid-template-columns: 1fr; }
  .warehouse-v4-group-grid > a { border-right: 0; border-bottom: 1px solid var(--line) !important; }
  .warehouse-v4-group-grid > a:last-child { border-bottom: 0 !important; }
  .warehouse-v4-carrier-row { grid-template-columns: 30px minmax(0, 1fr) auto 32px; }
  .warehouse-v4-carrier-row > em { display: none; }
  .warehouse-task-board { grid-template-columns: 1fr; }
  .warehouse-task-tabs { scrollbar-width: none; }
  .warehouse-task-form > footer { align-items: stretch; flex-direction: column; }
  .warehouse-capability-panel > summary { grid-template-columns: 34px minmax(0, 1fr) 18px; }
  .warehouse-capability-counts { grid-column: 1 / -1; justify-content: flex-start; }
  .warehouse-operation-console > header, .warehouse-operation-console footer { align-items: stretch; flex-direction: column; }
  .warehouse-operation-console > header > div:last-child { justify-items: start; }
  .warehouse-operation-console form { grid-template-columns: 1fr; }
  .warehouse-operation-console footer button { width: 100%; }
  .warehouse-document-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .warehouse-document-search { grid-column: 1 / -1; }
  .warehouse-document-filters button { width: 100%; }
  .warehouse-document-source { align-items: flex-start; flex-direction: column; }
  .warehouse-document-actions { align-items: stretch; flex-wrap: wrap; }
  .warehouse-document-actions > div:first-child { width: 100%; }
  .warehouse-document-actions > .primary-button { flex: 1 1 180px; margin-left: 0; }
  .warehouse-document-stage-actions { flex: 1 1 100%; }
  .warehouse-document-fields { grid-template-columns: 1fr; }
  .carrier-dispatch-measures { grid-template-columns: 1fr; }
  .carrier-document-preview > header, .carrier-document-preview > footer { align-items: stretch; flex-direction: column; }
  .carrier-document-preview > header .secondary-button { width: 100%; }
  .carrier-document-canvas { height: 46vh; padding: 9px; }
  .detail-drawer .detail-footer:has([data-carrier-dispatch-send]) > button { flex: 1 1 145px; }
  .detail-drawer .detail-footer:has([data-carrier-dispatch-send]) .carrier-dispatch-confirm { flex: 1 1 100%; order: -1; }
  .carrier-provider-status { grid-template-columns: 1fr; }
  .carrier-provider-status > div { border-right: 0; border-bottom: 1px solid #e3e9ec; }
  .carrier-provider-status > div:last-child { border-bottom: 0; }
  .warehouse-quote-popup { right: 12px; bottom: 12px; }
  .warehouse-fulfillment-manual-form > div { grid-template-columns: 1fr; }
}

@media (max-width: 460px) {
  .warehouse-v4-metrics, .warehouse-v4-entry-grid, .warehouse-v4-entry-grid.three, .warehouse-v4-entry-grid.four { grid-template-columns: 1fr; }
  .warehouse-v4-entry-grid .warehouse-v4-entry { border-right: 0 !important; border-bottom: 1px solid var(--line) !important; }
  .warehouse-v4-entry-grid .warehouse-v4-entry:last-child { border-bottom: 0 !important; }
  .warehouse-v4-bars > div { grid-template-columns: 26px minmax(0, 1fr) 36px; }
  .warehouse-v4-bars em { grid-column: 2 / -1; width: 100%; }
  .warehouse-v4-compact-list > div { grid-template-columns: 28px minmax(0, 1fr) auto; }
  .warehouse-v4-compact-list em { grid-column: 2; }
  .warehouse-v4-config-summary { grid-template-columns: 1fr; }
  .warehouse-v4-config-summary > div { border-right: 0; border-bottom: 1px solid var(--line) !important; }
  .warehouse-v4-config-summary > div:last-child { border-bottom: 0 !important; }
  .warehouse-v4-task-list > div { grid-template-columns: 28px minmax(0, 1fr) 30px; }
  .warehouse-v4-task-list em { grid-column: 2 / -1; width: 100%; }
  .warehouse-v4-audit { align-items: stretch; flex-direction: column; }
  .warehouse-v4-audit > svg { align-self: center; transform: rotate(90deg); }
  .warehouse-v4-detail-grid footer { align-items: stretch; flex-direction: column; }
  .warehouse-task-agent-grid { grid-template-columns: 1fr; }
  .warehouse-schedule-grid { grid-template-columns: 1fr; }
  .warehouse-task-command-panel > footer { align-items: stretch; flex-direction: column; }
  .warehouse-task-command-panel footer a { justify-content: center; margin-left: 0; }
  .warehouse-capability-counts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); width: 100%; }
  .warehouse-capability-counts b { overflow: hidden; text-align: center; text-overflow: ellipsis; }
  .warehouse-capability-row { grid-template-columns: 24px minmax(0, 1fr); }
  .warehouse-capability-row > b { grid-column: 2; justify-self: start; }
  .warehouse-document-filters { grid-template-columns: 1fr; }
  .warehouse-document-search { grid-column: auto; }
  .warehouse-document-pagination { align-items: stretch; flex-direction: column; text-align: center; }
}