:root {
  --ink: #18211f;
  --ink-2: #33403d;
  --muted: #78817f;
  --line: #dde2df;
  --line-dark: #c8cfcb;
  --canvas: #f2f5f3;
  --paper: #ffffff;
  --paper-soft: #f8faf8;
  --coral: #d85d4e;
  --coral-soft: #fcecea;
  --green: #28775f;
  --green-soft: #e9f5f0;
  --blue: #3e7192;
  --blue-soft: #eaf3f8;
  --amber: #c38a25;
  --amber-soft: #fff5df;
  --violet: #6d6387;
  --danger: #b9473f;
  --sidebar-width: 238px;
  --topbar-height: 74px;
  --radius: 8px;
  --shadow-soft: 0 10px 30px rgba(24, 33, 31, .08);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--canvas); font-family: "Noto Sans SC", "Microsoft YaHei", sans-serif; font-size: 14px; letter-spacing: 0; }
button, input { font: inherit; }
button { color: inherit; cursor: pointer; }
button:focus-visible, input:focus-visible { outline: 3px solid rgba(62, 113, 146, .2); outline-offset: 2px; }
svg { width: 18px; height: 18px; stroke-width: 1.8; }
img { display: block; max-width: 100%; }
h1, h2, h3, h4, p { margin: 0; }
h1, h2, h3 { letter-spacing: 0; }
.app-shell { min-height: 100vh; display: flex; }

.sidebar { position: fixed; inset: 0 auto 0 0; z-index: 30; width: var(--sidebar-width); display: flex; flex-direction: column; background: #17211f; color: #f2f6f4; border-right: 1px solid rgba(255,255,255,.06); }
.brand { height: 74px; padding: 0 20px; display: flex; align-items: center; gap: 12px; border-bottom: 1px solid rgba(255,255,255,.08); }
.brand-mark { width: 36px; height: 36px; position: relative; display: grid; place-items: center; background: var(--coral); border-radius: 50% 50% 50% 8px; transform: rotate(-8deg); }
.brand-mark span { position: absolute; width: 3px; height: 13px; border-radius: 4px; background: white; transform-origin: bottom; bottom: 10px; }
.brand-mark span:nth-child(1) { transform: rotate(-35deg); }
.brand-mark span:nth-child(2) { height: 17px; }
.brand-mark span:nth-child(3) { transform: rotate(35deg); }
.brand strong { display: block; font-family: "Noto Serif SC", "STZhongsong", serif; font-size: 19px; }
.brand small { color: #95a49f; display: block; font-size: 11px; margin-top: 2px; }
.workspace-selector { margin: 14px 12px 8px; padding: 10px; display: grid; grid-template-columns: 34px 1fr 16px; align-items: center; gap: 9px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.08); border-radius: 6px; }
.workspace-selector .workspace-avatar { width: 34px; height: 34px; display: grid; place-items: center; background: #f3e5d4; color: #83532f; font-weight: 700; border-radius: 6px; }
.workspace-selector b, .workspace-selector small { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.workspace-selector b { font-size: 12px; }
.workspace-selector small { color: #8fa09a; font-size: 10px; margin-top: 3px; }
.workspace-selector svg { width: 15px; color: #768780; }
.nav-list { flex: 1; padding: 4px 12px; overflow-y: auto; }
.nav-label { margin: 18px 10px 7px; color: #66766f; font-size: 10px; font-weight: 700; }
.nav-item { width: 100%; min-height: 42px; padding: 0 10px; display: grid; grid-template-columns: 20px 1fr auto; align-items: center; gap: 9px; color: #aebbb7; background: transparent; border: 0; border-radius: 5px; text-align: left; transition: .18s ease; }
.nav-item:hover { color: white; background: rgba(255,255,255,.05); }
.nav-item.active { color: white; background: rgba(216,93,78,.18); box-shadow: inset 3px 0 var(--coral); }
.nav-item svg { width: 17px; }
.nav-item em { min-width: 22px; padding: 2px 6px; color: #aebbb7; background: rgba(255,255,255,.08); border-radius: 10px; font-size: 10px; font-style: normal; text-align: center; }
.nav-item em.alert { color: #ffd9d4; background: rgba(216,93,78,.24); }
.sidebar-status { margin: 10px 12px 12px; padding: 12px; background: rgba(255,255,255,.045); border: 1px solid rgba(255,255,255,.07); border-radius: 6px; }
.sync-line { display: flex; align-items: center; gap: 7px; }
.sync-line b { font-size: 11px; }
.pulse-dot, .live-dot { position: relative; width: 7px; height: 7px; display: inline-block; border-radius: 50%; background: #64c89d; }
.pulse-dot::after, .live-dot::after { content: ""; position: absolute; inset: -4px; border: 1px solid #64c89d; border-radius: 50%; animation: pulse 1.7s ease-out infinite; }
@keyframes pulse { 0% { transform: scale(.6); opacity: .8; } 100% { transform: scale(1.5); opacity: 0; } }
.sidebar-status > small { display: block; margin: 8px 0; color: #81918c; line-height: 1.5; font-size: 10px; }
.sidebar-status button { padding: 0; display: flex; gap: 6px; align-items: center; color: #d1dad6; background: none; border: 0; font-size: 10px; }
.sidebar-status button svg { width: 12px; }
.sidebar-user { min-height: 62px; padding: 10px 14px; display: grid; grid-template-columns: 32px 1fr 30px; align-items: center; gap: 9px; border-top: 1px solid rgba(255,255,255,.08); }
.sidebar-user b, .sidebar-user small { display: block; }
.sidebar-user b { font-size: 11px; }
.sidebar-user small { color: #768780; font-size: 10px; margin-top: 2px; }
.sidebar .icon-btn { color: #8b9b95; }

.main-content { min-width: 0; width: calc(100% - var(--sidebar-width)); margin-left: var(--sidebar-width); }
.topbar { position: sticky; top: 0; z-index: 20; height: var(--topbar-height); padding: 0 28px; display: flex; align-items: center; justify-content: space-between; gap: 24px; background: rgba(255,255,255,.96); border-bottom: 1px solid var(--line); backdrop-filter: blur(14px); }
.page-heading { display: flex; align-items: center; gap: 12px; min-width: 220px; }
.page-heading h1 { font-family: "Noto Serif SC", "STZhongsong", serif; font-size: 19px; font-weight: 700; }
.page-heading p { margin-top: 3px; color: var(--muted); font-size: 11px; }
.mobile-menu { display: none !important; }
.top-actions { display: flex; align-items: center; gap: 9px; }
.search-trigger { width: 260px; height: 36px; padding: 0 10px; display: grid; grid-template-columns: 18px 1fr auto; align-items: center; gap: 8px; color: #8a9390; background: var(--canvas); border: 1px solid var(--line); border-radius: 5px; text-align: left; }
.search-trigger svg { width: 15px; }
kbd { padding: 2px 5px; color: #7e8784; background: white; border: 1px solid var(--line); border-bottom-color: #c7cdca; border-radius: 3px; font-size: 9px; box-shadow: 0 1px 0 #c7cdca; }
.mode-switch, .segmented { display: flex; padding: 3px; background: var(--canvas); border: 1px solid var(--line); border-radius: 6px; }
.mode-switch button { height: 29px; padding: 0 9px; display: flex; align-items: center; gap: 5px; color: var(--muted); background: transparent; border: 0; border-radius: 4px; font-size: 11px; }
.mode-switch button.active { color: var(--ink); background: white; box-shadow: 0 1px 4px rgba(24,33,31,.1); }
.mode-switch svg { width: 14px; }
.icon-btn { width: 34px; height: 34px; padding: 0; display: inline-grid; place-items: center; flex: 0 0 34px; background: transparent; border: 1px solid transparent; border-radius: 5px; }
.icon-btn:hover { background: var(--canvas); border-color: var(--line); }
.icon-btn svg { width: 17px; }
.has-dot { position: relative; }
.has-dot::after { content: ""; position: absolute; top: 6px; right: 6px; width: 6px; height: 6px; background: var(--coral); border: 2px solid white; border-radius: 50%; }
.primary-btn, .outline-btn { min-height: 36px; padding: 0 13px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; border-radius: 5px; font-weight: 600; font-size: 12px; white-space: nowrap; }
.primary-btn { color: white; background: var(--ink); border: 1px solid var(--ink); }
.primary-btn:hover { background: #2b3935; transform: translateY(-1px); }
.outline-btn { color: var(--ink-2); background: white; border: 1px solid var(--line-dark); }
.outline-btn:hover { background: var(--paper-soft); border-color: #aeb8b3; }
.primary-btn svg, .outline-btn svg { width: 15px; }
.text-btn { padding: 3px 0; display: inline-flex; align-items: center; gap: 5px; color: var(--green); background: transparent; border: 0; font-size: 11px; font-weight: 600; }
.text-btn svg { width: 13px; }
.full { width: 100%; }
.icon-only { width: 36px; padding: 0; }

.backend-view { min-height: calc(100vh - var(--topbar-height)); }
.page { display: none; padding: 26px 28px 44px; animation: pageIn .32s ease both; }
.page.active { display: block; }
@keyframes pageIn { from { opacity: 0; transform: translateY(7px); } to { opacity: 1; transform: translateY(0); } }
.section-kicker { display: block; margin-bottom: 5px; color: var(--green); font-size: 9px; font-weight: 800; text-transform: uppercase; }
.eyebrow { display: inline-flex; align-items: center; gap: 8px; color: #bdd4cb; font-size: 10px; font-weight: 600; }
.command-band { min-height: 240px; padding: 30px 32px; display: grid; grid-template-columns: minmax(360px, 1fr) minmax(460px, .92fr); align-items: stretch; gap: 34px; color: white; background: #182521; border-radius: var(--radius); overflow: hidden; position: relative; }
.command-band::after { content: ""; position: absolute; right: -40px; bottom: -60px; width: 310px; height: 310px; opacity: .09; background-image: radial-gradient(circle, white 1px, transparent 1px); background-size: 17px 17px; transform: rotate(-9deg); }
.command-copy { position: relative; z-index: 1; align-self: center; }
.command-copy h2 { margin: 13px 0 9px; font-family: "Noto Serif SC", "STZhongsong", serif; font-size: 29px; line-height: 1.35; }
.command-copy h2 strong { color: #ff8c79; font-size: 38px; }
.command-copy p { max-width: 590px; color: #afbeb9; line-height: 1.7; font-size: 12px; }
.command-actions { margin-top: 20px; display: flex; gap: 9px; }
.command-band .primary-btn { color: var(--ink); background: #f3f7f5; border-color: #f3f7f5; }
.command-band .outline-btn { color: #e6efeb; background: transparent; border-color: #4c5d57; }
.kpi-rack { position: relative; z-index: 1; display: grid; grid-template-columns: 1fr 1fr; border: 1px solid rgba(255,255,255,.12); border-radius: 6px; overflow: hidden; background: rgba(255,255,255,.035); }
.kpi-cell { min-height: 91px; padding: 17px 20px; display: grid; grid-template-columns: 1fr auto; align-content: center; gap: 7px 16px; border-right: 1px solid rgba(255,255,255,.1); border-bottom: 1px solid rgba(255,255,255,.1); }
.kpi-cell:nth-child(even) { border-right: 0; }
.kpi-cell:nth-child(n+3) { border-bottom: 0; }
.kpi-cell > span { color: #9caca6; font-size: 10px; }
.kpi-cell strong { grid-row: span 2; font-size: 29px; align-self: center; }
.kpi-cell strong small { margin-left: 3px; color: #a8b6b1; font-size: 10px; font-weight: 500; }
.kpi-cell em { color: #93a49e; font-size: 9px; font-style: normal; }
.kpi-cell em svg { width: 11px; vertical-align: middle; }
.kpi-cell .up { color: #7dd0aa; }
.kpi-cell .risk { color: #ff9a8d; }
.alert-strip { min-height: 56px; margin-top: 16px; padding: 0 18px; display: grid; grid-template-columns: 30px 1fr auto; align-items: center; gap: 12px; background: #fff8e9; border: 1px solid #ecd7a3; border-radius: 6px; }
.alert-icon { width: 28px; height: 28px; display: grid; place-items: center; color: #a86c00; background: #ffe6ad; border-radius: 5px; }
.alert-icon svg { width: 15px; }
.alert-strip b, .alert-strip span { display: block; }
.alert-strip b { color: #755019; font-size: 11px; }
.alert-strip span { margin-top: 2px; color: #947346; font-size: 10px; }
.alert-strip .text-btn { color: #8e5b05; }
.cockpit-grid { margin-top: 28px; display: grid; grid-template-columns: minmax(0, 1fr) 330px; gap: 28px; }
.workstream-section, .right-rail, .project-section, .flow-library, .content-calendar, .benchmark-panel, .shooting-brief, .meeting-insight, .orchestration-map, .agent-roster, .schedule-panel, .automation-table-section, .trend-chart, .insight-panel, .content-ranking { background: var(--paper); border: 1px solid var(--line); border-radius: var(--radius); }
.workstream-section, .right-rail, .project-section, .flow-library, .content-calendar, .benchmark-panel, .meeting-insight, .agent-roster, .schedule-panel, .automation-table-section, .trend-chart, .insight-panel, .content-ranking { padding: 20px; }
.section-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; }
.section-head h3 { font-size: 15px; }
.section-head p { margin-top: 5px; color: var(--muted); font-size: 10px; line-height: 1.55; }
.section-tools { display: flex; align-items: center; gap: 6px; }
.chip { min-height: 27px; padding: 0 9px; color: var(--muted); background: transparent; border: 1px solid var(--line); border-radius: 4px; font-size: 10px; }
.chip.active { color: var(--ink); background: var(--canvas); border-color: var(--line-dark); }
.activity-stream { margin-top: 15px; }
.activity-item { min-height: 70px; display: grid; grid-template-columns: 28px 40px minmax(0, 1fr) auto; align-items: center; gap: 10px; border-top: 1px solid #edf0ee; position: relative; }
.activity-item:first-child { border-top: 0; }
.activity-node { width: 27px; height: 27px; display: grid; place-items: center; border-radius: 50%; color: var(--green); background: var(--green-soft); }
.activity-node svg { width: 14px; }
.activity-item.human .activity-node { color: var(--blue); background: var(--blue-soft); }
.activity-item.running .activity-node { color: var(--violet); background: #f1eff6; }
.activity-item.warning .activity-node { color: #a86c00; background: var(--amber-soft); }
.activity-item time { color: #9aa29f; font-size: 9px; }
.activity-item b { font-size: 11px; }
.activity-item p { margin: 3px 0; color: var(--ink-2); font-size: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.activity-item div > span { color: var(--muted); font-size: 9px; }
.activity-item > em, .activity-item > button { padding: 4px 8px; color: var(--green); background: var(--green-soft); border: 0; border-radius: 4px; font-size: 9px; font-style: normal; }
.activity-item.warning > button { color: #9a6505; background: var(--amber-soft); }
.load-list { margin-top: 14px; }
.load-row { min-height: 61px; display: grid; grid-template-columns: 34px 1fr 32px; align-items: center; gap: 10px; border-top: 1px solid #edf0ee; }
.load-row:first-child { border-top: 0; }
.avatar { width: 30px; height: 30px; display: inline-grid; place-items: center; flex: 0 0 30px; color: white; background: #6f7c78; border-radius: 50%; font-size: 10px; font-weight: 700; }
.avatar.coral { background: #c96b60; }.avatar.green { background: #4a8d72; }.avatar.blue { background: #587f9c; }.avatar.amber { background: #bd8a3a; }
.load-row b { display: flex; justify-content: space-between; font-size: 10px; }
.load-row b small { color: var(--muted); font-size: 8px; font-weight: 400; }
.meter { height: 3px; margin-top: 7px; display: block; background: #e7ebe8; border-radius: 3px; overflow: hidden; }
.meter i { height: 100%; display: block; background: var(--green); border-radius: 3px; }
.meter i.high { background: var(--coral); }
.load-row > strong { font-size: 15px; }
.load-row > strong small { color: var(--muted); font-size: 8px; }
.ai-note { margin-top: 12px; padding: 12px; display: grid; grid-template-columns: 20px 1fr; gap: 8px; background: #f5f3f8; border-left: 3px solid var(--violet); border-radius: 4px; }
.ai-note > svg { width: 16px; color: var(--violet); }
.ai-note p { color: #5b546b; font-size: 9px; line-height: 1.55; }
.ai-note b { display: block; margin-bottom: 2px; font-size: 10px; }
.ai-note button { grid-column: 2; justify-self: start; padding: 0; color: var(--violet); background: transparent; border: 0; font-size: 9px; font-weight: 600; }
.project-section { margin-top: 28px; }
.table-wrap { margin: 15px -20px -20px; overflow-x: auto; }
.data-table { width: 100%; min-width: 860px; border-collapse: collapse; }
.data-table th { height: 36px; padding: 0 14px; color: #8a9390; background: var(--paper-soft); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); font-size: 9px; font-weight: 600; text-align: left; }
.data-table td { height: 66px; padding: 0 14px; border-bottom: 1px solid #edf0ee; font-size: 10px; }
.data-table tbody tr:last-child td { border-bottom: 0; }
.data-table tbody tr:hover td { background: #fbfcfb; }
.client-name { display: flex; align-items: center; gap: 9px; }
.client-name b, .client-name small { display: block; }
.client-name b { font-size: 10px; }
.client-name small { margin-top: 3px; color: var(--muted); font-size: 8px; }
.client-logo { width: 34px; height: 34px; display: inline-grid; place-items: center; flex: 0 0 34px; border-radius: 6px; font-family: "Noto Serif SC", serif; font-weight: 700; }
.logo-yue { color: #715138; background: #f0dfcb; }.logo-jin { color: #6c4e76; background: #e9dfec; }.logo-an { color: #326a5c; background: #dceee8; }.logo-he { color: #386179; background: #dae9f1; }
.stage-tag, .platform, .tag, .state-pill { display: inline-flex; align-items: center; border-radius: 3px; font-size: 9px; font-weight: 600; }
.stage-tag { padding: 4px 7px; }.stage-tag.stable { color: var(--green); background: var(--green-soft); }.stage-tag.starting { color: var(--blue); background: var(--blue-soft); }
.progress { width: 130px; display: flex; align-items: center; gap: 8px; }
.progress > span { width: 88px; height: 5px; display: block; background: #e8ece9; border-radius: 5px; overflow: hidden; }
.progress i { height: 100%; display: block; background: var(--green); border-radius: 5px; }
.progress i.risk-bar { background: var(--coral); }
.progress b { font-size: 9px; }
.health { display: inline-flex; align-items: center; gap: 5px; font-size: 9px; font-weight: 600; }.health i { width: 6px; height: 6px; display: inline-block; border-radius: 50%; }.health.good { color: var(--green); }.health.good i { background: var(--green); }.health.normal { color: var(--blue); }.health.normal i { background: var(--blue); }.health.risk { color: var(--danger); }.health.risk i { background: var(--danger); }
.avatar-stack { display: flex; }
.avatar-stack span { width: 25px; height: 25px; margin-left: -5px; display: grid; place-items: center; color: white; background: #72817c; border: 2px solid white; border-radius: 50%; font-size: 8px; }.avatar-stack span:first-child { margin-left: 0; }

.page-toolbar { margin-bottom: 24px; display: flex; justify-content: space-between; align-items: flex-end; gap: 20px; }
.page-toolbar h2 { font-family: "Noto Serif SC", "STZhongsong", serif; font-size: 25px; }
.page-toolbar p { margin-top: 6px; color: var(--muted); font-size: 11px; }
.toolbar-actions { display: flex; gap: 8px; }
.stats-line { margin-bottom: 22px; display: grid; grid-template-columns: repeat(4, 1fr); background: white; border: 1px solid var(--line); border-radius: var(--radius); }
.stats-line > div { min-height: 86px; padding: 17px 20px; display: grid; grid-template-columns: 1fr auto; align-content: center; gap: 5px 10px; border-right: 1px solid var(--line); }
.stats-line > div:last-child { border-right: 0; }
.stats-line span { color: var(--muted); font-size: 10px; }.stats-line b { grid-row: span 2; font-size: 25px; }.stats-line small { font-size: 9px; color: var(--muted); }
.positive { color: var(--green) !important; }.negative { color: var(--danger) !important; }
.client-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.client-card { min-width: 0; padding: 17px; background: white; border: 1px solid var(--line); border-radius: var(--radius); cursor: pointer; transition: .2s ease; }
.client-card:hover { transform: translateY(-3px); border-color: #b9c3be; box-shadow: var(--shadow-soft); }
.client-card.featured { border-top: 3px solid var(--green); }.client-card.at-risk { border-top: 3px solid var(--coral); }
.client-card-top { display: flex; justify-content: space-between; align-items: flex-start; }
.client-status { display: flex; align-items: center; gap: 5px; color: var(--green); font-size: 9px; font-weight: 600; }.client-status i { width: 6px; height: 6px; background: var(--green); border-radius: 50%; }.client-status.risk { color: var(--danger); }.client-status.risk i { background: var(--danger); }
.client-card h3 { margin-top: 16px; font-size: 14px; }.client-card > p { margin-top: 4px; color: var(--muted); font-size: 9px; }
.ring-line { min-height: 82px; margin-top: 14px; padding: 12px 0; display: flex; align-items: center; gap: 12px; border-top: 1px solid #edf0ee; border-bottom: 1px solid #edf0ee; }
.mini-ring { --size: 52px; width: var(--size); height: var(--size); flex: 0 0 var(--size); display: grid; place-items: center; border-radius: 50%; background: conic-gradient(var(--green) calc(var(--value) * 1%), #e9edea 0); position: relative; }
.mini-ring::after { content: ""; position: absolute; width: 39px; height: 39px; background: white; border-radius: 50%; }.mini-ring span { position: relative; z-index: 1; font-size: 9px; font-weight: 700; }.mini-ring.risk-ring { background: conic-gradient(var(--coral) calc(var(--value) * 1%), #e9edea 0); }
.ring-line > div:last-child span, .ring-line > div:last-child b, .ring-line > div:last-child small { display: block; }.ring-line > div:last-child span { color: var(--muted); font-size: 8px; }.ring-line > div:last-child b { margin-top: 4px; font-size: 10px; }.ring-line > div:last-child small { margin-top: 3px; color: #8b9491; font-size: 8px; }
.client-card-foot { padding-top: 12px; display: flex; align-items: center; justify-content: space-between; gap: 5px; color: var(--muted); font-size: 8px; }.client-card-foot span { display: inline-flex; align-items: center; gap: 3px; }.client-card-foot svg { width: 11px; }.risk-text { color: var(--danger); }
.flow-library { margin-top: 24px; }
.role-tabs { margin: 16px -20px 0; padding: 0 20px; display: flex; gap: 4px; border-bottom: 1px solid var(--line); overflow-x: auto; }
.role-tabs button { min-height: 36px; padding: 0 14px; color: var(--muted); background: transparent; border: 0; border-bottom: 2px solid transparent; white-space: nowrap; font-size: 10px; }.role-tabs button.active { color: var(--ink); border-bottom-color: var(--coral); font-weight: 700; }
.flow-stage-grid { padding-top: 18px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.flow-stage { min-width: 0; border: 1px solid var(--line); border-radius: 6px; overflow: hidden; }.flow-stage header { min-height: 42px; padding: 0 13px; display: flex; align-items: center; justify-content: space-between; background: var(--paper-soft); border-bottom: 1px solid var(--line); }.flow-stage header b { font-size: 10px; }.flow-stage header span { color: var(--muted); font-size: 9px; }.flow-stage ul { max-height: 290px; margin: 0; padding: 5px 13px; list-style: none; overflow-y: auto; }.flow-stage li { min-height: 38px; padding: 9px 0 9px 20px; color: var(--ink-2); border-bottom: 1px solid #edf0ee; font-size: 9px; line-height: 1.45; position: relative; }.flow-stage li:last-child { border-bottom: 0; }.flow-stage li::before { content: ""; position: absolute; left: 0; top: 12px; width: 9px; height: 9px; border: 1.5px solid #aeb8b3; border-radius: 3px; }

.filter-row { margin-bottom: 15px; display: flex; align-items: center; gap: 9px; }
.segmented button { height: 30px; padding: 0 12px; color: var(--muted); background: transparent; border: 0; border-radius: 4px; font-size: 10px; }.segmented button.active { color: var(--ink); background: white; box-shadow: 0 1px 3px rgba(0,0,0,.08); font-weight: 600; }
.inline-search { height: 36px; margin-left: auto; padding: 0 10px; display: flex; align-items: center; gap: 7px; background: white; border: 1px solid var(--line); border-radius: 5px; }.inline-search svg { width: 14px; color: var(--muted); }.inline-search input { width: 180px; border: 0; outline: 0; background: transparent; font-size: 10px; }.inline-search.wide { margin: 0 0 12px; }.inline-search.wide input { width: 100%; }
.task-board { display: grid; grid-template-columns: repeat(4, minmax(220px, 1fr)); gap: 12px; align-items: start; }
.task-column { min-width: 0; }.task-column > header { height: 39px; padding: 0 10px; display: flex; align-items: center; justify-content: space-between; background: #e9edeb; border-radius: 5px 5px 0 0; }.task-column > header span { display: flex; align-items: center; gap: 7px; font-size: 10px; font-weight: 700; }.task-column > header b { min-width: 21px; padding: 2px 6px; background: rgba(255,255,255,.7); border-radius: 10px; font-size: 9px; text-align: center; }
.status-dot { width: 7px; height: 7px; border-radius: 50%; }.status-dot.todo { background: #7b8984; }.status-dot.doing { background: var(--blue); }.status-dot.approval { background: var(--amber); }.status-dot.done { background: var(--green); }
.task-stack { min-height: 560px; padding: 9px; background: #e9edeb; border-radius: 0 0 5px 5px; }
.task-card { margin-bottom: 9px; padding: 13px; background: white; border: 1px solid #d8ddda; border-radius: 6px; box-shadow: 0 1px 2px rgba(24,33,31,.03); }.task-card:last-child { margin-bottom: 0; }.task-card:hover { border-color: #abb6b1; }.task-card.risk-task { border-left: 3px solid var(--coral); }
.task-meta { display: flex; align-items: center; justify-content: space-between; }.task-meta time { color: var(--muted); font-size: 8px; }.risk-task .task-meta time { color: var(--danger); }
.platform { padding: 3px 6px; }.platform.douyin { color: #3e4241; background: #eceeed; }.platform.xhs { color: #b6433d; background: #fcebea; }.platform.meituan { color: #8a6500; background: #fff2c9; }.platform.service { color: var(--blue); background: var(--blue-soft); }.platform.design { color: #735a87; background: #f0ecf5; }.platform.agent { color: var(--green); background: var(--green-soft); }
.task-card h3 { margin-top: 10px; font-size: 11px; line-height: 1.5; }.task-card > p { margin-top: 5px; min-height: 30px; color: var(--muted); font-size: 9px; line-height: 1.55; }
.task-tags { margin-top: 10px; display: flex; flex-wrap: wrap; gap: 5px; }.task-tags span { padding: 3px 6px; display: inline-flex; align-items: center; gap: 4px; color: #69736f; background: var(--canvas); border-radius: 3px; font-size: 8px; }.task-tags svg { width: 10px; }
.task-card footer { min-height: 38px; margin: 12px -13px -13px; padding: 8px 12px; display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #edf0ee; }.task-card footer .avatar { width: 26px; height: 26px; flex-basis: 26px; }.task-card footer > div { display: flex; gap: 5px; }
.mini-progress { margin-top: 11px; display: flex; align-items: center; gap: 7px; }.mini-progress span { height: 4px; flex: 1; background: #e7ebe9; border-radius: 4px; }.mini-progress i { height: 100%; display: block; background: var(--blue); border-radius: 4px; }.mini-progress b { font-size: 8px; }
.agent-link { display: flex; align-items: center; gap: 5px; color: var(--violet); font-size: 8px; }.agent-link svg { width: 12px; }
.video-preview { height: 126px; margin-top: 10px; position: relative; overflow: hidden; border-radius: 5px; background: #dfe4e1; }.video-preview img { width: 100%; height: 100%; object-fit: cover; }.video-preview::after { content: ""; position: absolute; inset: 0; background: linear-gradient(transparent, rgba(0,0,0,.35)); }.video-preview button { position: absolute; z-index: 2; left: 50%; top: 50%; width: 36px; height: 36px; display: grid; place-items: center; color: white; background: rgba(24,33,31,.68); border: 1px solid rgba(255,255,255,.7); border-radius: 50%; transform: translate(-50%,-50%); }.video-preview button svg { width: 14px; fill: white; }.video-preview > span { position: absolute; z-index: 2; right: 7px; bottom: 6px; color: white; font-size: 8px; }
.reject-btn, .approve-btn { min-height: 27px; padding: 0 8px; border-radius: 4px; font-size: 8px; }.reject-btn { color: var(--danger); background: white; border: 1px solid #edc5c1; }.approve-btn { color: white; background: var(--green); border: 1px solid var(--green); }.agent-avatar { width: 27px; height: 27px; display: inline-grid; place-items: center; color: var(--violet); background: #efedf4; border-radius: 50%; }.agent-avatar svg { width: 14px; }.done-text { display: flex; align-items: center; gap: 4px; color: var(--green); font-size: 8px; }.done-text svg { width: 12px; }.dimmed .task-card { opacity: .78; }
.rejected-text { color: var(--danger); font-size: 8px; font-weight: 700; }

.content-context-strip { min-height: 74px; margin-bottom: 12px; padding: 9px 11px; display: grid; grid-template-columns: minmax(220px,.8fr) minmax(430px,1.35fr) minmax(240px,.75fr); align-items: center; gap: 10px; background: var(--paper); border: 1px solid var(--line); border-radius: var(--radius); }
.content-context-strip > div:first-child { display: grid; grid-template-columns: 31px 1fr; align-items: center; gap: 8px; }
.content-context-strip small, .content-context-strip b, .content-context-strip p { display: block; }
.content-context-strip small { color: var(--muted); font-size: 6px; }.content-context-strip b { margin-top: 3px; font-size: 8px; }.content-context-strip p { margin-top: 3px; color: var(--muted); font-size: 6px; }
.content-goal-switch { padding: 3px; display: grid; grid-template-columns: repeat(3,1fr); gap: 3px; background: var(--paper-soft); border-radius: 6px; }
.content-goal-switch button { min-height: 49px; padding: 6px 8px; display: grid; grid-template-columns: 25px 1fr; align-items: center; gap: 7px; color: var(--ink-2); background: transparent; border: 1px solid transparent; border-radius: 4px; text-align: left; }
.content-goal-switch button.active { color: var(--blue); background: white; border-color: #d6e3ec; box-shadow: 0 1px 3px rgba(28,43,38,.06); }.content-goal-switch button > svg { width: 14px; }
.content-rule-note { padding: 8px; display: grid; grid-template-columns: 22px 1fr; gap: 7px; color: var(--green); background: var(--green-soft); border-radius: 5px; }.content-rule-note > svg { width: 16px; }.content-rule-note p { margin: 0; }.content-rule-note b { color: var(--ink); }
.content-pipeline { min-height: 100px; padding: 14px 18px; display: flex; align-items: center; justify-content: space-between; gap: 8px; background: white; border: 1px solid var(--line); border-radius: var(--radius); overflow-x: auto; }
.pipeline-step { min-width: 95px; padding: 4px 7px; display: grid; grid-template-columns: 34px 1fr; grid-template-rows: 17px 17px; align-items: center; gap: 0 8px; background: transparent; border: 0; text-align: left; }.pipeline-step > span { grid-row: span 2; width: 34px; height: 34px; display: grid; place-items: center; color: #7d8883; background: var(--canvas); border-radius: 6px; }.pipeline-step > span svg { width: 16px; }.pipeline-step b { font-size: 10px; }.pipeline-step small { color: var(--muted); font-size: 8px; }.pipeline-step.complete > span { color: var(--green); background: var(--green-soft); }.pipeline-step.active > span { color: white; background: var(--coral); box-shadow: 0 0 0 5px var(--coral-soft); }.content-pipeline > svg { width: 14px; color: #aab3af; flex: 0 0 14px; }
.content-layout { margin-top: 18px; display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 18px; }.calendar-grid { margin: 15px -20px -20px; display: grid; grid-template-columns: repeat(7, minmax(120px, 1fr)); border-top: 1px solid var(--line); overflow-x: auto; }.calendar-day { min-height: 320px; padding: 10px; border-right: 1px solid var(--line); }.calendar-day:last-child { border-right: 0; }.calendar-day.today { background: #f8faf9; }.calendar-day > header { height: 39px; display: flex; justify-content: space-between; color: var(--muted); font-size: 9px; }.calendar-day > header b { color: var(--ink); font-size: 14px; }.calendar-day.today > header b { width: 25px; height: 25px; display: grid; place-items: center; color: white; background: var(--coral); border-radius: 50%; }
.calendar-content { min-height: 74px; margin-bottom: 7px; padding: 9px; border-radius: 5px; border-left: 3px solid; }.calendar-content span, .calendar-content b, .calendar-content small { display: block; }.calendar-content span { font-size: 8px; font-weight: 600; }.calendar-content b { margin-top: 6px; font-size: 9px; line-height: 1.4; }.calendar-content small { margin-top: 7px; color: var(--muted); font-size: 7px; }.xhs-item { color: #8e403a; background: #fbefed; border-color: var(--coral); }.shoot-item { color: #305d70; background: #ebf4f7; border-color: var(--blue); }.edit-item { color: #5e5276; background: #f2eff6; border-color: var(--violet); }.douyin-item { color: #3d4744; background: #edf0ef; border-color: #4f5d58; }.idea-item { color: #84651c; background: #fff6df; border-color: var(--amber); }.review-item { color: #2e6e59; background: var(--green-soft); border-color: var(--green); }.empty-day { height: 74px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; color: #a0aaa6; border: 1px dashed #cbd2ce; border-radius: 5px; font-size: 8px; }.empty-day svg { width: 14px; }
.benchmark-hero { height: 128px; margin: 15px 0 12px; position: relative; border-radius: 6px; overflow: hidden; }.benchmark-hero img { width: 100%; height: 100%; object-fit: cover; }.benchmark-hero::after { content:""; position:absolute; inset:0; background:linear-gradient(transparent, rgba(0,0,0,.6)); }.benchmark-hero span { position: absolute; z-index: 1; left: 10px; bottom: 9px; color: white; font-size: 9px; font-weight: 600; }.benchmark-list { margin-bottom: 13px; }.benchmark-list div { min-height: 38px; display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #edf0ee; }.benchmark-list div:first-child { border-top: 0; }.benchmark-list b { font-size: 9px; }.benchmark-list span { color: var(--green); font-size: 8px; }
.shooting-brief { min-height: 240px; margin-top: 18px; display: grid; grid-template-columns: 370px 1fr; overflow: hidden; }.brief-image { position: relative; min-height: 240px; }.brief-image img { width: 100%; height: 100%; object-fit: cover; }.brief-image::after { content:""; position:absolute; inset:0; background:linear-gradient(transparent 45%, rgba(0,0,0,.55)); }.brief-image span { position: absolute; z-index: 1; left: 16px; bottom: 14px; padding: 6px 8px; display: flex; align-items: center; gap: 6px; color: white; background: rgba(24,33,31,.72); border-radius: 4px; font-size: 9px; }.brief-image svg { width: 13px; }.brief-copy { padding: 24px 28px; }.brief-copy h3 { font-family: "Noto Serif SC", serif; font-size: 20px; }.brief-copy > p { margin-top: 8px; max-width: 720px; color: var(--muted); font-size: 10px; line-height: 1.7; }.brief-meta { margin: 16px 0; display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }.brief-meta span { min-height: 55px; padding: 11px 12px; border-right: 1px solid var(--line); }.brief-meta span:last-child { border-right: 0; }.brief-meta small, .brief-meta b { display: block; }.brief-meta small { color: var(--muted); font-size: 8px; }.brief-meta b { margin-top: 5px; font-size: 9px; }
.controlled-publish-pack { margin-top: 18px; padding: 20px; background: var(--paper); border: 1px solid var(--line); border-radius: var(--radius); }
.publish-ready { display: flex; align-items: center; gap: 5px; color: var(--green); font-size: 7px; }.publish-ready i { width: 6px; height: 6px; background: var(--green); border-radius: 50%; }
.publish-ready.invalidated { color: var(--amber); }
.publish-ready.invalidated i { background: var(--amber); }
.publish-object-grid { margin-top: 13px; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); border: 1px solid var(--line); border-radius: 6px; overflow: hidden; }.publish-object-grid > div { min-height: 67px; padding: 10px 12px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }.publish-object-grid > div:nth-child(3n) { border-right: 0; }.publish-object-grid > div:nth-child(n+4) { border-bottom: 0; }.publish-object-grid span, .publish-object-grid b, .publish-object-grid small { display: block; }.publish-object-grid span { color: var(--muted); font-size: 6px; }.publish-object-grid b { margin-top: 5px; font-size: 8px; }.publish-object-grid small { margin-top: 4px; color: var(--muted); font-size: 6px; }
.controlled-publish-pack > footer { margin-top: 11px; display: flex; align-items: center; justify-content: space-between; gap: 10px; }.controlled-publish-pack > footer p { display: flex; align-items: center; gap: 5px; color: var(--amber); font-size: 7px; }.controlled-publish-pack > footer p svg { width: 13px; }

.followup-layout { display: grid; grid-template-columns: 285px minmax(0,1fr); gap: 18px; }.conversation-list { min-height: 690px; padding: 14px; background: white; border: 1px solid var(--line); border-radius: var(--radius); }.conversation { width: 100%; min-height: 86px; padding: 12px 7px; display: grid; grid-template-columns: 34px 1fr auto; align-items: start; gap: 9px; background: transparent; border: 0; border-top: 1px solid #edf0ee; text-align: left; }.conversation.active { background: #f2f6f4; box-shadow: inset 3px 0 var(--green); }.conversation b { display: block; font-size: 9px; }.conversation p { margin-top: 4px; color: var(--muted); font-size: 8px; }.conversation small { display: block; margin-top: 7px; color: var(--green); font-size: 8px; }.conversation time { min-width: 21px; padding: 2px 5px; color: white; background: var(--coral); border-radius: 8px; font-size: 7px; text-align: center; }
.meeting-insight { min-width: 0; }.meeting-head { display: flex; justify-content: space-between; align-items: flex-start; }.tag.feishu { padding: 4px 7px; gap: 4px; color: var(--blue); background: var(--blue-soft); }.tag svg { width: 11px; }.meeting-head h3 { margin-top: 9px; font-size: 16px; }.meeting-head p { margin-top: 4px; color: var(--muted); font-size: 9px; }
.audio-bar { height: 50px; margin-top: 16px; padding: 0 12px; display: flex; align-items: center; gap: 10px; background: var(--paper-soft); border: 1px solid var(--line); border-radius: 5px; }.audio-play { width: 28px; height: 28px; display: grid; place-items: center; color: white; background: var(--ink); border: 0; border-radius: 50%; }.audio-play svg { width: 12px; fill: white; }.waveform { height: 24px; flex: 1; background: repeating-linear-gradient(90deg, #a6b3ae 0 2px, transparent 2px 6px); mask: linear-gradient(to bottom, transparent 5%, #000 40%, #000 60%, transparent 95%); opacity: .8; }.audio-bar time { color: var(--muted); font-size: 8px; }
.insight-summary { margin-top: 16px; padding: 14px; display: grid; grid-template-columns: 30px 1fr; gap: 10px; background: #f4f1f7; border-left: 3px solid var(--violet); border-radius: 5px; }.summary-mark { width: 29px; height: 29px; display: grid; place-items: center; color: var(--violet); background: white; border-radius: 50%; }.summary-mark svg { width: 15px; }.insight-summary b { color: #594d6c; font-size: 10px; }.insight-summary p { margin-top: 4px; color: #6a6275; font-size: 9px; line-height: 1.7; }
.insight-grid { margin-top: 16px; display: grid; grid-template-columns: 1fr 1fr .8fr; gap: 12px; }.insight-grid > section { padding: 14px; border: 1px solid var(--line); border-radius: 6px; }.insight-grid header { display: flex; align-items: center; gap: 9px; padding-bottom: 12px; border-bottom: 1px solid #edf0ee; }.count { width: 31px; height: 31px; display: grid; place-items: center; border-radius: 5px; font-size: 14px; font-weight: 700; }.count.demand { color: var(--blue); background: var(--blue-soft); }.count.action { color: var(--green); background: var(--green-soft); }.count.risk-count { color: var(--danger); background: var(--coral-soft); }.insight-grid h4 { font-size: 10px; }.insight-grid header p { margin-top: 3px; color: var(--muted); font-size: 8px; }.insight-grid ul { margin: 7px 0 10px; padding: 0; list-style: none; }.insight-grid li { min-height: 34px; padding: 8px 0; color: var(--ink-2); border-bottom: 1px solid #edf0ee; font-size: 8px; line-height: 1.45; }.insight-grid li > span:not(.avatar):not(.agent-avatar) { width: 5px; height: 5px; margin-right: 5px; display: inline-block; background: var(--blue); border-radius: 50%; vertical-align: middle; }.action-list li { display: grid; grid-template-columns: 27px 1fr 15px; align-items: center; gap: 6px; }.action-list li > div { font-size: 8px; }.action-list small { display: block; margin-top: 3px; color: var(--muted); font-size: 7px; }.action-list svg { width: 13px; color: var(--muted); }.sentiment { margin: 14px 0; display: flex; align-items: center; gap: 10px; }.sentiment-chart { --size: 52px; width: var(--size); height: var(--size); flex: 0 0 var(--size); display: grid; place-items: center; background: conic-gradient(var(--amber) calc(var(--score) * 1%), #e9edea 0); border-radius: 50%; position: relative; }.sentiment-chart::after { content:""; position:absolute; width:39px; height:39px; background:white; border-radius:50%; }.sentiment-chart b { z-index:1; font-size:11px; }.sentiment div:last-child b { font-size: 9px; }.sentiment div:last-child p { margin-top: 4px; color: var(--muted); font-size: 8px; line-height: 1.5; }.spin { animation: spin 1s linear infinite; } @keyframes spin { to { transform: rotate(360deg); } }

.orchestration-map { padding: 20px 22px; background: #192521; color: white; border-color: #192521; }.map-head { display: flex; justify-content: space-between; }.map-head .section-kicker { color: #70c49f; }.system-live { display: flex; align-items: center; gap: 6px; color: #b8c8c2; font-size: 9px; }.system-live i { width: 7px; height: 7px; background: #63c89b; border-radius: 50%; }.architecture-flow { margin-top: 22px; display: flex; align-items: center; justify-content: center; gap: 10px; overflow-x: auto; padding-bottom: 4px; }.arch-node { min-width: 174px; min-height: 73px; padding: 12px; display: grid; grid-template-columns: 35px 1fr; align-items: center; gap: 9px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.15); border-radius: 6px; }.arch-node > span { width: 35px; height: 35px; display: grid; place-items: center; background: rgba(255,255,255,.1); border-radius: 5px; }.arch-node > span svg { width: 17px; }.arch-node b, .arch-node small { display: block; }.arch-node b { font-size: 10px; }.arch-node small { margin-top: 4px; color: #9fb0aa; font-size: 7px; line-height: 1.4; }.arch-node.engine { border-color: rgba(216,93,78,.8); box-shadow: inset 0 0 0 1px rgba(216,93,78,.24); }.arch-node.engine > span { color: #ffaea2; background: rgba(216,93,78,.2); }.arch-node.machine > span { color: #86d8b3; background: rgba(40,119,95,.25); }.arch-node.people > span { color: #8fc6e4; background: rgba(62,113,146,.25); }.arch-arrow { min-width: 40px; display: flex; flex-direction: column; align-items: center; color: #72827c; }.arch-arrow svg { width: 17px; }.arch-arrow small { margin-top: 4px; font-size: 7px; white-space: nowrap; }.arch-split { display: grid; gap: 8px; }.arch-split .arch-node { min-height: 61px; }
.automation-grid { margin-top: 18px; display: grid; grid-template-columns: minmax(0, 1fr) 370px; gap: 18px; }.agent-list { margin-top: 14px; }.agent-row { min-height: 67px; display: grid; grid-template-columns: 36px 1fr 64px 75px 30px; align-items: center; gap: 10px; border-top: 1px solid #edf0ee; }.agent-row:first-child { border-top: 0; }.agent-icon { width: 35px; height: 35px; display: grid; place-items: center; border-radius: 6px; }.agent-icon svg { width: 17px; }.coral-bg { color: var(--coral); background: var(--coral-soft); }.green-bg { color: var(--green); background: var(--green-soft); }.blue-bg { color: var(--blue); background: var(--blue-soft); }.amber-bg { color: var(--amber); background: var(--amber-soft); }.ink-bg { color: var(--ink); background: #e9edeb; }.agent-row b { font-size: 10px; }.agent-row p { margin-top: 3px; color: var(--muted); font-size: 8px; }.agent-row > strong { color: var(--muted); font-size: 8px; text-align: right; }.agent-state, .state-pill { display: inline-flex; align-items: center; gap: 5px; color: var(--green); font-size: 8px; }.agent-state i, .state-pill i { width: 6px; height: 6px; background: var(--green); border-radius: 50%; }.agent-state.running, .state-pill.running { color: var(--blue); }.agent-state.running i, .state-pill.running i { background: var(--blue); box-shadow: 0 0 0 3px var(--blue-soft); }
.schedule-list { margin-top: 13px; }.schedule-list label { min-height: 62px; display: grid; grid-template-columns: 47px 1fr 32px; align-items: center; gap: 9px; border-top: 1px solid #edf0ee; position: relative; }.schedule-list label:first-child { border-top: 0; }.schedule-time { font-size: 12px; font-weight: 700; }.schedule-time small { display: block; margin-top: 2px; color: var(--muted); font-size: 7px; font-weight: 400; }.schedule-list label > span:nth-child(2) b, .schedule-list label > span:nth-child(2) small { display: block; }.schedule-list label > span:nth-child(2) b { font-size: 9px; }.schedule-list label > span:nth-child(2) small { margin-top: 3px; color: var(--muted); font-size: 7px; }.schedule-list input { position: absolute; opacity: 0; }.schedule-list label > i { width: 31px; height: 17px; background: #cbd2ce; border-radius: 10px; position: relative; transition: .2s; }.schedule-list label > i::after { content:""; position:absolute; top:2px; left:2px; width:13px; height:13px; background:white; border-radius:50%; transition:.2s; box-shadow:0 1px 2px rgba(0,0,0,.15); }.schedule-list input:checked + i { background: var(--green); }.schedule-list input:checked + i::after { transform: translateX(14px); }
.automation-table-section { margin-top: 18px; }.automation-name { display: flex; align-items: center; gap: 9px; }.mini-agent { width: 29px; height: 29px; display: grid; place-items: center; color: var(--coral); background: var(--coral-soft); border-radius: 5px; }.mini-agent svg { width: 14px; }.automation-name b, .automation-name small { display: block; }.automation-name b { font-size: 10px; }.automation-name small { margin-top: 3px; color: var(--muted); font-size: 8px; }.state-pill { padding: 4px 7px; background: var(--green-soft); }.state-pill.running { background: var(--blue-soft); }

.review-kpis { display: grid; grid-template-columns: repeat(5, 1fr); background: white; border: 1px solid var(--line); border-radius: var(--radius); }.review-kpis > div { min-height: 102px; padding: 18px; border-right: 1px solid var(--line); }.review-kpis > div:last-child { border-right: 0; }.review-kpis span, .review-kpis b, .review-kpis small { display: block; }.review-kpis span { color: var(--muted); font-size: 9px; }.review-kpis b { margin-top: 9px; font-size: 23px; }.review-kpis small { margin-top: 4px; font-size: 8px; }.review-kpis small svg { width: 10px; vertical-align: middle; }
.charts-grid { margin-top: 18px; display: grid; grid-template-columns: minmax(0,1fr) 330px; gap: 18px; }.legend { display: flex; gap: 12px; color: var(--muted); font-size: 8px; }.legend span { display: flex; align-items: center; gap: 4px; }.legend i { width: 7px; height: 7px; border-radius: 2px; }.legend-coral { background: var(--coral); }.legend-green { background: var(--green); }.chart-area { height: 280px; margin-top: 16px; display: grid; grid-template-columns: 25px 1fr; border-top: 1px solid #edf0ee; }.y-axis { padding: 11px 0 23px; display: flex; flex-direction: column; justify-content: space-between; color: #9aa39f; font-size: 8px; }.bar-chart { padding: 11px 20px 23px; display: flex; justify-content: space-around; align-items: end; gap: 18px; background-image: linear-gradient(#edf0ee 1px, transparent 1px); background-size: 100% 25%; }.bar-chart > div { height: 100%; width: 42px; display: flex; align-items: end; justify-content: center; gap: 4px; position: relative; }.bar-chart span, .bar-chart i { width: 12px; height: var(--h); display: block; border-radius: 3px 3px 0 0; transition: height .6s ease; }.bar-chart span { background: var(--coral); }.bar-chart i { background: var(--green); }.bar-chart small { position: absolute; bottom: -17px; color: var(--muted); font-size: 8px; }
.insight-panel > .section-head > i { color: var(--violet); }.insight-item { margin-top: 14px; padding-top: 14px; display: grid; grid-template-columns: 30px 1fr; gap: 9px; border-top: 1px solid #edf0ee; }.insight-item > span { width: 29px; height: 29px; display: grid; place-items: center; border-radius: 5px; }.insight-item > span svg { width: 15px; }.positive-insight > span { color: var(--green); background: var(--green-soft); }.warning-insight > span { color: var(--amber); background: var(--amber-soft); }.insight-item b { font-size: 10px; }.insight-item p { margin-top: 4px; color: var(--muted); font-size: 8px; line-height: 1.65; }.insight-panel > .primary-btn { margin-top: 18px; }
.content-ranking { margin-top: 18px; }.ranking-list { margin: 14px -20px -20px; }.ranking-list article { min-height: 80px; padding: 10px 18px; display: grid; grid-template-columns: 30px 52px minmax(220px,1fr) 70px 65px 50px 48px; align-items: center; gap: 12px; border-top: 1px solid #edf0ee; }.rank { color: #9ba49f; font-family: serif; font-size: 16px; }.rank-thumb { width: 52px; height: 52px; position: relative; border-radius: 5px; overflow: hidden; }.rank-thumb img { width: 100%; height: 100%; object-fit: cover; }.platform-dot { position: absolute; right: 3px; bottom: 3px; width: 15px; height: 15px; display: grid; place-items: center; color: white; border-radius: 3px; font-size: 7px; }.xhs-dot { background: var(--coral); }.douyin-dot { background: #272d2b; }.ranking-list article > div:nth-child(3) b { font-size: 10px; }.ranking-list article > div:nth-child(3) p { margin-top: 4px; color: var(--muted); font-size: 8px; }.ranking-list article > strong { font-size: 11px; }.ranking-list article > strong small { display: block; margin-top: 3px; color: var(--muted); font-size: 7px; font-weight: 400; }.ranking-list article > span:last-child { font-size: 9px; }

.mobile-preview { min-height: calc(100vh - var(--topbar-height)); padding: 36px 8vw; display: grid; grid-template-columns: 360px 390px; justify-content: center; align-items: start; gap: 70px; background-color: #e9eeeb; background-image: linear-gradient(rgba(24,33,31,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(24,33,31,.035) 1px, transparent 1px); background-size: 32px 32px; }
.mobile-explainer { position: sticky; top: 112px; padding-top: 42px; }.mobile-explainer h2 { font-family: "Noto Serif SC", serif; font-size: 30px; line-height: 1.45; }.mobile-explainer > p { margin-top: 14px; color: #64706c; font-size: 11px; line-height: 1.8; }.mobile-feature-list { margin-top: 28px; border-top: 1px solid #cfd6d2; }.mobile-feature-list button { width: 100%; min-height: 62px; padding: 0 10px; display: grid; grid-template-columns: 31px 1fr; align-items: center; gap: 11px; background: transparent; border: 0; border-bottom: 1px solid #cfd6d2; text-align: left; }.mobile-feature-list button > svg { width: 18px; color: #7f8a86; }.mobile-feature-list b, .mobile-feature-list small { display: block; }.mobile-feature-list b { font-size: 11px; }.mobile-feature-list small { margin-top: 3px; color: var(--muted); font-size: 8px; }.mobile-feature-list button.active { color: var(--green); box-shadow: inset 3px 0 var(--green); }.mobile-feature-list button.active > svg { color: var(--green); }
.phone-shell { width: 390px; height: 790px; position: relative; background: #f7f8f7; border: 8px solid #18211f; border-radius: 34px; box-shadow: 0 28px 70px rgba(24,33,31,.22); overflow: hidden; }.phone-shell::before { content:""; position:absolute; z-index:20; top:0; left:50%; width:120px; height:22px; background:#18211f; border-radius:0 0 15px 15px; transform:translateX(-50%); }.phone-status { height: 38px; padding: 0 18px; display: flex; align-items: center; justify-content: space-between; color: #28312f; font-size: 9px; font-weight: 700; }.phone-status > span:last-child { display: flex; align-items: center; gap: 5px; }.phone-status svg { width: 12px; height: 12px; }.phone-screen { height: calc(100% - 38px); padding-bottom: 59px; overflow-y: auto; scrollbar-width: none; }.phone-screen::-webkit-scrollbar { display: none; }.mobile-page { display: none; min-height: 100%; padding: 15px 17px 24px; animation: pageIn .25s ease; }.mobile-page.active { display: block; }
.mobile-header, .mobile-title-header { display: flex; align-items: center; justify-content: space-between; }.mobile-header small, .mobile-title-header small { color: var(--muted); font-size: 8px; }.mobile-header h2, .mobile-title-header h2 { margin-top: 3px; font-size: 19px; }.mobile-avatar { width: 35px; height: 35px; color: white; background: var(--green); border: 0; border-radius: 50%; font-size: 10px; font-weight: 700; }
.mobile-progress-card { margin-top: 17px; padding: 14px; color: white; background: #1b2925; border-radius: 7px; }.mobile-progress-card > div:first-child { display:flex; justify-content:space-between; font-size:9px; }.mobile-progress-card > div:first-child b { font-size:13px; }.mobile-progress-track { height: 5px; margin-top: 10px; background: rgba(255,255,255,.15); border-radius:5px; overflow:hidden; }.mobile-progress-track i { height:100%; display:block; background:#73d0a5; border-radius:5px; transition:.3s; }.mobile-progress-card p { margin-top:9px; display:flex; align-items:center; gap:5px; color:#afc1ba; font-size:8px; }.mobile-progress-card p svg { width:11px; color:#8fe0b8; }
.mobile-section-head { min-height: 49px; margin-top: 13px; display:flex; align-items:end; justify-content:space-between; }.mobile-section-head h3 { font-size:13px; }.mobile-section-head button, .mobile-section-head > span { padding:0; color:var(--green); background:none; border:0; font-size:8px; }.mobile-section-head.compact { min-height:45px; }
.mobile-primary-task { padding: 15px; color: white; background: var(--coral); border-radius: 7px; position:relative; overflow:hidden; }.mobile-primary-task::after { content:""; position:absolute; right:-20px; top:-20px; width:110px; height:110px; opacity:.16; background-image:radial-gradient(circle,white 1px,transparent 1px); background-size:10px 10px; transform:rotate(13deg); }.mobile-task-time { display:flex; justify-content:space-between; align-items:center; }.mobile-task-time span { font-size:21px; font-weight:700; }.mobile-task-time small { padding:3px 6px; background:rgba(255,255,255,.16); border-radius:3px; font-size:7px; }.mobile-primary-task .platform { margin-top:15px; color:white; background:rgba(24,33,31,.16); }.mobile-primary-task h3 { margin-top:7px; font-size:15px; }.mobile-primary-task > p { margin-top:6px; display:flex; align-items:center; gap:4px; color:#ffe6e2; font-size:8px; }.mobile-primary-task > p svg { width:11px; }.shot-count { margin:14px 0; display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid rgba(255,255,255,.18); border-bottom:1px solid rgba(255,255,255,.18); }.shot-count span { height:54px; display:grid; grid-template-columns:18px 1fr; grid-template-rows:1fr 1fr; align-items:center; align-content:center; border-right:1px solid rgba(255,255,255,.18); }.shot-count span:last-child { border-right:0; }.shot-count svg { grid-row:span 2; width:14px; }.shot-count b { font-size:14px; }.shot-count small { color:#ffe2dd; font-size:7px; }.mobile-primary-task > button { width:100%; height:35px; display:flex; align-items:center; justify-content:center; gap:6px; color:var(--coral); background:white; border:0; border-radius:4px; font-size:9px; font-weight:700; }.mobile-primary-task > button svg { width:13px; }
.mobile-task-list button { width:100%; min-height:58px; padding:9px 0; display:grid; grid-template-columns:35px 1fr 16px; align-items:center; gap:9px; background:transparent; border:0; border-top:1px solid #e1e5e2; text-align:left; }.task-icon { width:34px; height:34px; display:grid; place-items:center; border-radius:5px; }.task-icon svg { width:16px; }.design-icon { color:var(--violet); background:#f0edf4; }.client-icon { color:var(--blue); background:var(--blue-soft); }.mobile-task-list b, .mobile-task-list small { display:block; }.mobile-task-list b { font-size:9px; }.mobile-task-list small { margin-top:4px; color:var(--muted); font-size:7px; }.mobile-task-list > button > svg { width:13px; color:#9ca5a1; }
.mobile-title-header { min-height: 45px; }.mobile-segments { margin-top:15px; padding:3px; display:flex; background:#e9edeb; border-radius:5px; }.mobile-segments button { flex:1; height:29px; color:var(--muted); background:transparent; border:0; border-radius:4px; font-size:8px; }.mobile-segments button.active { color:var(--ink); background:white; box-shadow:0 1px 3px rgba(0,0,0,.08); font-weight:600; }.mobile-task-cards { margin-top:12px; }.mobile-task-cards article { margin-bottom:10px; padding:13px; background:white; border:1px solid var(--line); border-radius:6px; }.mobile-task-cards article.urgent { border-left:3px solid var(--coral); }.mobile-task-cards article > div:first-child { display:flex; justify-content:space-between; align-items:center; }.mobile-task-cards time { color:var(--muted); font-size:7px; }.mobile-task-cards .urgent time { color:var(--danger); }.mobile-task-cards h3 { margin-top:10px; font-size:11px; }.mobile-task-cards p { margin-top:5px; color:var(--muted); font-size:8px; }.mobile-task-cards footer { margin:12px -13px -13px; padding:8px 12px; display:flex; justify-content:space-between; align-items:center; border-top:1px solid #edf0ee; }.mobile-task-cards footer span { display:flex; align-items:center; gap:4px; color:var(--muted); font-size:7px; }.mobile-task-cards footer svg { width:11px; }.mobile-task-cards footer button { min-width:52px; height:27px; color:white; background:var(--ink); border:0; border-radius:4px; font-size:8px; }
.mobile-message-group > h3 { margin:18px 0 5px; font-size:10px; }.mobile-message-group > button { width:100%; min-height:78px; padding:12px 0; display:grid; grid-template-columns:37px 1fr; gap:9px; background:transparent; border:0; border-bottom:1px solid #e1e5e2; text-align:left; position:relative; }.mobile-message-group > button.unread::after { content:""; position:absolute; top:14px; right:2px; width:6px; height:6px; background:var(--coral); border-radius:50%; }.message-icon { width:36px; height:36px; display:grid; place-items:center; border-radius:50%; }.message-icon svg { width:16px; }.message-icon.warning { color:var(--amber); background:var(--amber-soft); }.message-icon.agent { color:var(--violet); background:#f0edf4; }.message-icon.approve { color:var(--green); background:var(--green-soft); }.mobile-message-group b { font-size:9px; }.mobile-message-group p { margin-top:4px; padding-right:8px; color:var(--muted); font-size:8px; line-height:1.55; }.mobile-message-group small { display:block; margin-top:5px; color:#a0aaa6; font-size:7px; }
.profile-hero { margin:-15px -17px 0; padding:28px 17px 22px; color:white; background:#1b2925; text-align:center; }.profile-avatar { width:60px; height:60px; margin:auto; display:grid; place-items:center; color:#715138; background:#f0dfcb; border:3px solid rgba(255,255,255,.15); border-radius:50%; font-size:17px; font-weight:700; }.profile-hero h2 { margin-top:9px; font-size:18px; }.profile-hero p { margin-top:3px; color:#a8bbb4; font-size:8px; }.capacity { margin-top:10px; padding:4px 8px; display:inline-flex; align-items:center; gap:5px; color:#b8cec5; background:rgba(255,255,255,.08); border-radius:10px; font-size:7px; }.capacity i { width:6px; height:6px; background:#72d2a6; border-radius:50%; }.profile-stats { margin:0 -17px; display:grid; grid-template-columns:repeat(3,1fr); background:white; border-bottom:1px solid var(--line); }.profile-stats div { height:71px; display:grid; place-items:center; align-content:center; border-right:1px solid var(--line); }.profile-stats div:last-child { border-right:0; }.profile-stats b { font-size:16px; }.profile-stats small { margin-top:4px; color:var(--muted); font-size:7px; }.skill-section, .performance-section { padding-top:8px; }.skill-tags { display:flex; flex-wrap:wrap; gap:6px; }.skill-tags span { padding:6px 8px; color:var(--ink-2); background:#e9edeb; border-radius:4px; font-size:8px; }.performance-bars { padding:12px; background:white; border:1px solid var(--line); border-radius:6px; }.performance-bars div { height:36px; display:grid; grid-template-columns:68px 1fr 24px; align-items:center; gap:7px; }.performance-bars span { color:var(--muted); font-size:8px; }.performance-bars i { height:4px; background:#e7ebe9; border-radius:4px; overflow:hidden; }.performance-bars b { height:100%; display:block; background:var(--green); border-radius:4px; }.performance-bars em { font-size:8px; font-style:normal; text-align:right; }
.mobile-bottom-nav { position:absolute; z-index:10; left:0; right:0; bottom:0; height:59px; padding:6px 14px 7px; display:grid; grid-template-columns:repeat(4,1fr); background:rgba(255,255,255,.97); border-top:1px solid var(--line); backdrop-filter:blur(10px); }.mobile-bottom-nav button { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px; color:#89938f; background:transparent; border:0; font-size:7px; position:relative; }.mobile-bottom-nav button.active { color:var(--green); }.mobile-bottom-nav svg { width:17px; }.mobile-bottom-nav em { position:absolute; top:0; left:52%; min-width:14px; height:14px; display:grid; place-items:center; color:white; background:var(--coral); border:2px solid white; border-radius:8px; font-size:6px; font-style:normal; }
.shooting-execution { padding: 0 17px 24px; }.execution-header { height:58px; display:grid; grid-template-columns:34px 1fr 34px; align-items:center; text-align:center; border-bottom:1px solid var(--line); }.execution-header small { color:var(--muted); font-size:7px; }.execution-header h2 { margin-top:2px; font-size:13px; }.execution-status { min-height:48px; display:flex; align-items:center; justify-content:space-between; }.execution-status b { font-size:9px; }.execution-progress { height:4px; margin:0 -17px; background:#e1e6e3; }.execution-progress i { height:100%; display:block; background:var(--green); transition:.3s; }.shoot-context { margin:13px 0; display:grid; grid-template-columns:1fr 1fr; border:1px solid var(--line); border-radius:6px; }.shoot-context span { min-height:57px; padding:10px; display:grid; grid-template-columns:17px 1fr; grid-template-rows:1fr 1fr; align-items:center; border-right:1px solid var(--line); }.shoot-context span:last-child { border-right:0; }.shoot-context svg { grid-row:span 2; width:13px; color:var(--green); }.shoot-context b { font-size:8px; }.shoot-context small { color:var(--muted); font-size:7px; }.shot-list label { min-height:72px; padding:9px 0; display:grid; grid-template-columns:31px 1fr 17px; align-items:center; gap:9px; border-bottom:1px solid var(--line); cursor:pointer; }.shot-list input { position:absolute; opacity:0; }.shot-list label > span { width:30px; height:30px; display:grid; place-items:center; color:var(--muted); background:#e9edeb; border-radius:5px; }.shot-list label > span b { font-size:9px; }.shot-list h3 { font-size:9px; }.shot-list p { margin-top:4px; color:var(--muted); font-size:7px; }.shot-list label > svg { width:16px; color:#a5afaa; }.shot-list input:checked ~ span { color:white; background:var(--green); }.shot-list input:checked ~ div { opacity:.55; }.shot-list input:checked ~ div h3 { text-decoration:line-through; }.shot-list input:checked ~ svg { color:var(--green); fill:var(--green); }.upload-btn { width:100%; height:40px; margin-top:15px; display:flex; align-items:center; justify-content:center; gap:6px; color:white; background:var(--green); border:0; border-radius:5px; font-size:9px; font-weight:700; }.upload-btn:disabled { color:#9ca6a2; background:#dfe4e1; cursor:not-allowed; }.upload-btn svg { width:14px; }

.drawer-backdrop, .modal-backdrop { position:fixed; inset:0; z-index:80; background:rgba(17,25,23,.38); opacity:0; visibility:hidden; transition:.25s; backdrop-filter:blur(2px); }.drawer-backdrop.open, .modal-backdrop.open { opacity:1; visibility:visible; }
.detail-drawer { position:fixed; z-index:90; top:0; right:0; bottom:0; width:460px; max-width:100%; display:flex; flex-direction:column; background:white; box-shadow:-18px 0 50px rgba(24,33,31,.13); transform:translateX(102%); transition:.3s ease; }.detail-drawer.open { transform:translateX(0); }.detail-drawer > header { min-height:74px; padding:0 22px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }.detail-drawer h2 { font-family:"Noto Serif SC",serif; font-size:18px; }.drawer-body { flex:1; padding:22px; overflow-y:auto; }.detail-drawer > footer { min-height:68px; padding:14px 22px; display:flex; justify-content:flex-end; gap:8px; border-top:1px solid var(--line); }
.drawer-hero { padding:16px; color:white; background:#1b2925; border-radius:7px; }.drawer-hero .platform { color:#27322f; background:white; }.drawer-hero h3 { margin-top:12px; font-size:17px; line-height:1.45; }.drawer-hero p { margin-top:6px; color:#b5c4be; font-size:9px; }.drawer-grid { margin-top:14px; display:grid; grid-template-columns:1fr 1fr; border:1px solid var(--line); border-radius:6px; }.drawer-grid div { min-height:57px; padding:11px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); }.drawer-grid div:nth-child(even){border-right:0}.drawer-grid div:nth-last-child(-n+2){border-bottom:0}.drawer-grid span,.drawer-grid b{display:block}.drawer-grid span{color:var(--muted);font-size:8px}.drawer-grid b{margin-top:4px;font-size:9px}.drawer-section { margin-top:20px; }.drawer-section h4 { padding-bottom:9px; border-bottom:1px solid var(--line); font-size:10px; }.checklist { margin:0; padding:6px 0; list-style:none; }.checklist li { min-height:40px; padding:8px 0 8px 25px; border-bottom:1px solid #edf0ee; font-size:9px; line-height:1.5; position:relative; }.checklist li::before { content:""; position:absolute; left:0; top:10px; width:13px; height:13px; border:1px solid #aeb8b3; border-radius:3px; }.checklist li.done { color:var(--muted); text-decoration:line-through; }.checklist li.done::before { content:"✓"; display:grid; place-items:center; color:white; background:var(--green); border-color:var(--green); font-size:8px; text-decoration:none; }.dependency { min-height:55px; margin-top:9px; padding:10px; display:flex; align-items:center; gap:9px; background:var(--paper-soft); border:1px solid var(--line); border-radius:5px; }.dependency > span { width:30px;height:30px;display:grid;place-items:center;color:var(--green);background:var(--green-soft);border-radius:5px}.dependency svg{width:14px}.dependency b,.dependency small{display:block}.dependency b{font-size:9px}.dependency small{margin-top:3px;color:var(--muted);font-size:7px}
.modal { position:fixed; z-index:100; left:50%; top:50%; width:620px; max-width:calc(100% - 30px); max-height:calc(100vh - 50px); display:none; flex-direction:column; background:white; border-radius:8px; box-shadow:0 30px 80px rgba(24,33,31,.24); transform:translate(-50%,-50%); }.modal.open { display:flex; animation:modalIn .25s ease; } @keyframes modalIn{from{opacity:0;transform:translate(-50%,-47%)}to{opacity:1;transform:translate(-50%,-50%)}}.modal > header { min-height:70px; padding:0 20px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }.modal h2 { font-family:"Noto Serif SC",serif;font-size:18px}.modal-body { padding:20px; overflow-y:auto; }.form-grid { display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-grid label { display:block; }.form-grid label.full-span { grid-column:1/-1}.form-grid span { display:block;margin-bottom:6px;font-size:9px;font-weight:600}.form-grid input,.form-grid select,.form-grid textarea { width:100%;min-height:38px;padding:8px 10px;background:white;border:1px solid var(--line-dark);border-radius:5px;font:inherit;font-size:10px}.form-grid textarea{min-height:72px;resize:vertical}.template-picker { margin-top:16px;padding-top:15px;border-top:1px solid var(--line)}.template-picker>span{display:block;margin-bottom:9px;font-size:9px;font-weight:600}.template-option{padding:11px;display:grid;grid-template-columns:20px 1fr auto;gap:8px;align-items:center;border:1px solid var(--green);background:var(--green-soft);border-radius:5px}.template-option>i{width:16px;height:16px;display:grid;place-items:center;color:white;background:var(--green);border-radius:50%;font-size:9px;font-style:normal}.template-option b,.template-option small{display:block}.template-option b{font-size:10px}.template-option small{margin-top:3px;color:var(--muted);font-size:8px}.modal-actions{margin:20px -20px -20px;padding:14px 20px;display:flex;justify-content:flex-end;gap:8px;background:var(--paper-soft);border-top:1px solid var(--line)}
.search-overlay { position:fixed;z-index:120;inset:0;padding-top:13vh;background:rgba(17,25,23,.54);opacity:0;visibility:hidden;transition:.2s;backdrop-filter:blur(4px)}.search-overlay.open{opacity:1;visibility:visible}.command-search{width:590px;max-width:calc(100% - 30px);margin:auto;background:white;border-radius:8px;box-shadow:0 30px 80px rgba(0,0,0,.28);overflow:hidden}.command-search>label{height:58px;padding:0 16px;display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:8px;border-bottom:1px solid var(--line)}.command-search>label svg{width:18px;color:var(--muted)}.command-search>label input{border:0;outline:0;font-size:13px}.search-results{padding:10px}.search-results>p{padding:6px 8px;color:var(--muted);font-size:8px}.search-results button{width:100%;min-height:55px;padding:8px;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;background:transparent;border:0;border-radius:5px;text-align:left}.search-results button:hover{background:var(--canvas)}.search-results button>svg{width:17px}.search-results b,.search-results small{display:block}.search-results b{font-size:10px}.search-results small{margin-top:3px;color:var(--muted);font-size:8px}
.source-modal{position:fixed;z-index:110;left:4vw;right:4vw;top:4vh;bottom:4vh;display:none;flex-direction:column;background:white;border-radius:8px;box-shadow:0 30px 90px rgba(0,0,0,.3);overflow:hidden}.source-modal.open{display:flex}.source-modal>header{min-height:68px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.source-modal h2{font-family:"Noto Serif SC",serif;font-size:18px}.source-modal>div:last-child{flex:1;padding:18px;overflow:auto;background:#f0f2f1}.source-modal img{min-width:1100px;margin:auto;background:white;box-shadow:var(--shadow-soft)}
.toast{position:fixed;z-index:150;right:24px;bottom:24px;min-width:310px;max-width:390px;padding:12px 14px;display:grid;grid-template-columns:32px 1fr;align-items:center;gap:9px;background:#182521;color:white;border-radius:6px;box-shadow:0 16px 45px rgba(24,33,31,.25);transform:translateY(90px);opacity:0;transition:.3s}.toast.show{transform:translateY(0);opacity:1}.toast>span{width:30px;height:30px;display:grid;place-items:center;color:#79d6aa;background:rgba(121,214,170,.13);border-radius:50%}.toast svg{width:15px}.toast b{font-size:10px}.toast p{margin-top:3px;color:#aebeb8;font-size:8px}

@media (max-width: 1280px) {
  .search-trigger { width: 190px; }.search-trigger kbd { display:none; }
  .client-grid { grid-template-columns: repeat(2,1fr); }
  .kpi-rack { min-width: 410px; }
  .task-board { grid-template-columns: repeat(2,minmax(280px,1fr)); }
  .task-stack { min-height: 350px; }
  .review-kpis { grid-template-columns: repeat(3,1fr); }.review-kpis>div:nth-child(3){border-right:0}.review-kpis>div:nth-child(-n+3){border-bottom:1px solid var(--line)}
  .architecture-flow { justify-content:flex-start; }
}
@media (max-width: 1040px) {
  :root { --sidebar-width: 210px; }
  .topbar { padding:0 18px }.top-actions>.icon-btn{display:none}.search-trigger{width:38px;grid-template-columns:1fr}.search-trigger span,.mode-switch i+span{display:none}.search-trigger span,.search-trigger kbd{display:none}
  .command-band { grid-template-columns:1fr; }.kpi-rack{min-width:0}.cockpit-grid{grid-template-columns:1fr}.right-rail{display:none}.content-layout,.automation-grid,.charts-grid{grid-template-columns:1fr}.benchmark-panel{display:grid;grid-template-columns:1fr 1fr;gap:12px}.benchmark-panel .section-head,.benchmark-panel .full{grid-column:1/-1}.shooting-brief{grid-template-columns:280px 1fr}.followup-layout{grid-template-columns:240px 1fr}.insight-grid{grid-template-columns:1fr 1fr}.insight-grid>section:last-child{grid-column:1/-1}.mobile-preview{grid-template-columns:300px 390px;gap:35px;padding-left:3vw;padding-right:3vw}.ranking-list article{grid-template-columns:25px 45px minmax(190px,1fr) 60px 55px 45px}.ranking-list article>span:last-child{display:none}
}
@media (max-width: 820px) {
  :root { --topbar-height:64px; }
  .sidebar { transform:translateX(-101%);transition:.25s }.app-shell.sidebar-open .sidebar{transform:translateX(0);box-shadow:20px 0 50px rgba(0,0,0,.2)}
  .main-content{width:100%;margin-left:0}.mobile-menu{display:inline-grid!important}.topbar{gap:10px}.page-heading p{display:none}.page-heading h1{font-size:16px}.top-actions>.primary-btn,.search-trigger{display:none}.mode-switch button{padding:0 7px}.page{padding:18px 14px 32px}.page-toolbar{align-items:flex-start}.page-toolbar h2{font-size:21px}.page-toolbar p{max-width:420px}.stats-line{grid-template-columns:1fr 1fr}.stats-line>div:nth-child(2){border-right:0}.stats-line>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.client-grid{grid-template-columns:1fr}.flow-stage-grid{grid-template-columns:1fr}.task-board{grid-template-columns:1fr}.filter-row{flex-wrap:wrap}.inline-search{order:3;width:100%;margin-left:0}.inline-search input{width:100%}.content-pipeline{justify-content:flex-start}.shooting-brief{grid-template-columns:1fr}.brief-image{height:220px}.brief-meta{grid-template-columns:1fr 1fr}.brief-meta span:nth-child(2){border-right:0}.brief-meta span:nth-child(-n+2){border-bottom:1px solid var(--line)}.followup-layout{grid-template-columns:1fr}.conversation-list{min-height:0}.conversation:not(.active){display:none}.insight-grid{grid-template-columns:1fr}.insight-grid>section:last-child{grid-column:auto}.orchestration-map{overflow:hidden}.architecture-flow{justify-content:flex-start}.automation-grid{grid-template-columns:1fr}.review-kpis{grid-template-columns:1fr 1fr}.review-kpis>div{border-bottom:1px solid var(--line)!important}.review-kpis>div:nth-child(even){border-right:0}.ranking-list article{grid-template-columns:24px 45px 1fr 55px}.ranking-list article>strong:nth-of-type(n+2),.ranking-list article>span:last-child{display:none}.mobile-preview{padding:16px 0 30px;display:block}.mobile-explainer{display:none}.phone-shell{width:390px;max-width:calc(100% - 20px);margin:auto}.source-modal{left:10px;right:10px;top:10px;bottom:10px}
}
@media (max-width: 520px) {
  .topbar{padding:0 10px}.top-actions{gap:4px}.mode-switch button{font-size:0}.mode-switch button svg{width:17px;margin:0}.command-band{padding:23px 20px}.command-copy h2{font-size:23px}.command-copy h2 strong{font-size:30px}.kpi-cell{padding:13px;min-height:78px}.kpi-cell strong{font-size:23px}.alert-strip{grid-template-columns:28px 1fr}.alert-strip .text-btn{display:none}.workstream-section,.project-section,.flow-library,.content-calendar,.benchmark-panel,.meeting-insight,.agent-roster,.schedule-panel,.automation-table-section,.trend-chart,.insight-panel,.content-ranking{padding:14px}.table-wrap{margin-left:-14px;margin-right:-14px;margin-bottom:-14px}.page-toolbar{display:block}.toolbar-actions{margin-top:13px}.stats-line{grid-template-columns:1fr}.stats-line>div{border-right:0!important;border-bottom:1px solid var(--line)}.client-grid{grid-template-columns:1fr}.task-board{grid-template-columns:1fr}.task-column:nth-child(n+3){display:none}.benchmark-panel{display:block}.brief-copy{padding:20px 16px}.brief-meta{grid-template-columns:1fr}.brief-meta span{border-right:0;border-bottom:1px solid var(--line)}.review-kpis{grid-template-columns:1fr}.review-kpis>div{border-right:0}.charts-grid{grid-template-columns:1fr}.bar-chart{gap:5px;padding-left:5px;padding-right:5px}.bar-chart>div{width:32px}.agent-row{grid-template-columns:34px 1fr 55px}.agent-row>.agent-state,.agent-row>button{display:none}.mobile-preview{min-height:calc(100vh - var(--topbar-height));background:#f7f8f7}.phone-shell{width:100%;max-width:100%;height:calc(100vh - var(--topbar-height));border:0;border-radius:0;box-shadow:none}.phone-shell::before{display:none}.phone-status{display:none}.phone-screen{height:100%}.toast{right:10px;left:10px;bottom:10px;min-width:0}.detail-drawer{width:100%}.form-grid{grid-template-columns:1fr}.form-grid label.full-span{grid-column:auto}
}

/* System blueprint page */
.blueprint-page { max-width: 1680px; margin: 0 auto; }
.blueprint-page-toolbar { align-items: center; }
.blueprint-page-toolbar > div:first-child { max-width: 760px; }
.blueprint-view-switch { padding: 3px; background: var(--paper); border: 1px solid var(--line); border-radius: 7px; }
.blueprint-view-switch .outline-btn { border: 0; background: transparent; }
.blueprint-view-switch .outline-btn.active { color: var(--blue); background: var(--blue-soft); box-shadow: inset 0 0 0 1px rgba(62,113,146,.14); }
.blueprint-view-switch .primary-btn { margin-left: 4px; }

.blueprint-summary { margin-bottom: 16px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); background: var(--paper); border: 1px solid var(--line); border-radius: var(--radius); }
.blueprint-summary > div { min-height: 76px; padding: 13px 15px; display: grid; grid-template-columns: 36px minmax(0, 1fr) auto; align-items: center; gap: 10px; border-right: 1px solid var(--line); }
.blueprint-summary > div:last-child { border-right: 0; }
.summary-icon { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 7px; }
.summary-icon svg { width: 16px; }
.summary-icon.green { color: var(--green); background: var(--green-soft); }
.summary-icon.coral { color: var(--coral); background: var(--coral-soft); }
.summary-icon.blue { color: var(--blue); background: var(--blue-soft); }
.summary-icon.amber { color: var(--amber); background: var(--amber-soft); }
.blueprint-summary b, .blueprint-summary small { display: block; }
.blueprint-summary b { font-family: "Noto Serif SC", "STZhongsong", serif; font-size: 21px; line-height: 1; }
.blueprint-summary small { margin-top: 5px; color: var(--muted); font-size: 9px; }
.blueprint-summary em { color: var(--green); font-size: 8px; font-style: normal; white-space: nowrap; }

.system-blueprint { overflow: hidden; background: var(--paper); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: 0 12px 32px rgba(24,33,31,.05); }
.blueprint-controlbar { min-height: 50px; padding: 8px 10px 8px 14px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 18px; background: #f8faf8; border-bottom: 1px solid var(--line); }
.blueprint-filter { display: flex; align-items: center; gap: 3px; }
.blueprint-filter button { height: 30px; padding: 0 11px; color: var(--muted); background: transparent; border: 0; border-radius: 5px; font-size: 9px; font-weight: 600; }
.blueprint-filter button:hover { color: var(--ink); background: var(--canvas); }
.blueprint-filter button.active { color: white; background: var(--ink); }
.blueprint-legend { display: flex; align-items: center; justify-content: center; gap: 13px; }
.blueprint-legend span { display: flex; align-items: center; gap: 5px; color: var(--muted); font-size: 8px; white-space: nowrap; }
.legend-dot { width: 7px; height: 7px; display: inline-block; border-radius: 50%; }
.legend-dot.automatic, .node-state.automatic { background: var(--green); box-shadow: 0 0 0 3px rgba(40,119,95,.1); }
.legend-dot.human, .node-state.human { background: var(--blue); box-shadow: 0 0 0 3px rgba(62,113,146,.1); }
.legend-dot.approval, .node-state.approval { background: var(--amber); box-shadow: 0 0 0 3px rgba(195,138,37,.1); }
.legend-dot.risk, .node-state.risk { background: var(--coral); box-shadow: 0 0 0 3px rgba(216,93,78,.1); }
.blueprint-zoom { height: 30px; display: grid; grid-template-columns: 28px 48px 28px; align-items: stretch; border: 1px solid var(--line); border-radius: 5px; overflow: hidden; background: var(--paper); }
.blueprint-zoom button { display: grid; place-items: center; color: var(--muted); background: transparent; border: 0; border-right: 1px solid var(--line); font-size: 8px; }
.blueprint-zoom button:last-child { border-right: 0; }
.blueprint-zoom button:hover { color: var(--ink); background: var(--canvas); }
.blueprint-zoom svg { width: 12px; }

.blueprint-workspace { min-height: 760px; display: grid; grid-template-columns: minmax(0, 1fr) 286px; align-items: stretch; }
.blueprint-canvas { min-width: 0; padding: 18px; overflow: auto; background: #eef2f0; border-right: 1px solid var(--line); }
.blueprint-stage { min-width: 930px; transform-origin: top left; transition: opacity .18s ease; }
.architecture-row { min-height: 86px; display: grid; grid-template-columns: 118px minmax(0, 1fr); gap: 13px; align-items: stretch; }
.architecture-label { padding: 11px 10px; display: flex; align-items: flex-start; gap: 8px; color: #dce4e1; background: #24312e; border-radius: 6px; }
.architecture-label > span { width: 22px; height: 22px; flex: 0 0 22px; display: grid; place-items: center; color: #9db0a9; border: 1px solid rgba(255,255,255,.14); border-radius: 4px; font-family: "Noto Serif SC", serif; font-size: 9px; }
.architecture-label b, .architecture-label small { display: block; }
.architecture-label b { font-size: 10px; }
.architecture-label small { margin-top: 5px; color: #8ea099; font-size: 8px; line-height: 1.45; }

.architecture-nodes { display: grid; gap: 9px; }
.architecture-nodes.four-columns { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.blueprint-node { min-width: 0; min-height: 72px; padding: 10px; position: relative; display: grid; grid-template-columns: 31px minmax(0, 1fr); align-items: center; gap: 8px; background: var(--paper); border: 1px solid var(--line-dark); border-radius: 6px; text-align: left; transition: border-color .16s ease, box-shadow .16s ease, opacity .16s ease, transform .16s ease; }
.blueprint-node:hover { border-color: #a8b7b1; transform: translateY(-1px); box-shadow: 0 6px 16px rgba(24,33,31,.08); }
[data-blueprint-node].selected { border-color: var(--blue) !important; box-shadow: 0 0 0 2px rgba(62,113,146,.13) !important; }
.node-icon { width: 29px; height: 29px; display: grid; place-items: center; border-radius: 6px; }
.node-icon svg { width: 14px; }
.node-icon.coral { color: var(--coral); background: var(--coral-soft); }
.node-icon.blue { color: var(--blue); background: var(--blue-soft); }
.node-icon.violet { color: var(--violet); background: #f1eef7; }
.node-icon.amber { color: var(--amber); background: var(--amber-soft); }
.blueprint-node b, .blueprint-node small, .blueprint-node code { display: block; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.blueprint-node b { font-size: 9px; }
.blueprint-node small { margin-top: 4px; color: var(--muted); font-size: 7px; }
.node-tech { display: none !important; margin-top: 4px; color: var(--blue); font-family: "Manrope", "Consolas", monospace; font-size: 7px; font-weight: 500; letter-spacing: 0; }
.technical-view .node-tech { display: block !important; }
.technical-view .blueprint-node { min-height: 82px; }
.node-state { width: 6px; height: 6px; position: absolute; top: 8px; right: 8px; border-radius: 50%; }

.architecture-connector { height: 44px; margin-left: 131px; display: flex; align-items: center; justify-content: center; gap: 8px; color: #73807b; position: relative; }
.architecture-connector::before, .architecture-connector::after { content: ""; height: 1px; flex: 1; background: #d4dcd8; }
.architecture-connector span { width: 23px; height: 23px; display: grid; place-items: center; color: var(--green); background: var(--green-soft); border: 1px solid #cfe3da; border-radius: 50%; }
.architecture-connector span svg { width: 12px; }
.architecture-connector small { padding: 0 5px; font-size: 7px; white-space: nowrap; }
.architecture-connector.strong span { color: white; background: var(--green); border-color: var(--green); }
.architecture-connector.branching span { color: var(--violet); background: #f1eef7; border-color: #ddd6eb; }
.architecture-connector.decision span { color: var(--amber); background: var(--amber-soft); border-color: #edd9a6; }

.data-foundation { overflow: hidden; background: var(--paper); border: 1px solid #bdcbc5; border-radius: 6px; }
.foundation-title { min-height: 48px; padding: 8px 12px; display: grid; grid-template-columns: 30px minmax(0, 1fr) auto; align-items: center; gap: 9px; background: #edf5f1; border-bottom: 1px solid #d4e4dc; }
.foundation-title > span { width: 28px; height: 28px; display: grid; place-items: center; color: white; background: var(--green); border-radius: 6px; }
.foundation-title svg { width: 14px; }
.foundation-title b, .foundation-title small { display: block; }
.foundation-title b { font-size: 10px; }
.foundation-title small { margin-top: 3px; color: var(--muted); font-size: 7px; }
.foundation-title em { display: flex; align-items: center; gap: 5px; color: var(--green); font-size: 7px; font-style: normal; }
.foundation-title em i { width: 6px; height: 6px; background: var(--green); border-radius: 50%; animation: pulse 1.8s infinite; }
.foundation-modules { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); }
.foundation-modules button { min-height: 55px; padding: 8px 11px; display: grid; grid-template-columns: 22px minmax(0, 1fr); align-items: center; gap: 7px; background: var(--paper); border: 0; border-right: 1px solid var(--line); text-align: left; transition: background .16s ease, opacity .16s ease; }
.foundation-modules button:last-child { border-right: 0; }
.foundation-modules button:hover { background: var(--paper-soft); }
.foundation-modules button > svg { width: 14px; color: var(--green); }
.foundation-modules b, .foundation-modules small { display: block; }
.foundation-modules b { font-size: 8px; }
.foundation-modules small { margin-top: 3px; color: var(--muted); font-size: 7px; }

.orchestrator-shell { display: grid; grid-template-columns: minmax(280px, .9fr) minmax(420px, 1.4fr); gap: 9px; }
.orchestrator-core { min-height: 110px; padding: 12px; display: grid; grid-template-columns: 40px minmax(0, 1fr) auto; align-items: center; gap: 11px; color: white; background: #263934; border: 1px solid #1f302c; border-radius: 6px; text-align: left; }
.orchestrator-core:hover { background: #2b403b; }
.orchestrator-mark { width: 39px; height: 39px; display: grid; place-items: center; color: #dcece6; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.13); border-radius: 7px; }
.orchestrator-mark svg { width: 19px; }
.orchestrator-core span > small, .orchestrator-core span > b, .orchestrator-core span > p { display: block; }
.orchestrator-core span > small { color: #8eb7aa; font-family: "Manrope", sans-serif; font-size: 7px; font-weight: 700; }
.orchestrator-core span > b { margin-top: 3px; font-family: "Noto Serif SC", serif; font-size: 14px; }
.orchestrator-core span > p { margin-top: 5px; color: #b8c8c3; font-size: 7px; line-height: 1.6; }
.orchestrator-core > em { align-self: start; display: flex; align-items: center; gap: 5px; color: #b9ddcf; font-size: 7px; font-style: normal; white-space: nowrap; }
.orchestrator-core > em i { width: 6px; height: 6px; background: #68ba92; border-radius: 50%; }
.orchestrator-guards { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.orchestrator-guards button { min-width: 0; min-height: 51px; padding: 8px 10px; display: grid; grid-template-columns: 27px minmax(0, 1fr); align-items: center; gap: 8px; background: var(--paper); border: 1px solid var(--line); border-radius: 6px; text-align: left; }
.orchestrator-guards button:hover { background: var(--paper-soft); border-color: var(--line-dark); }
.orchestrator-guards svg { width: 14px; color: var(--violet); }
.orchestrator-guards b, .orchestrator-guards small { display: block; }
.orchestrator-guards b { font-size: 8px; }
.orchestrator-guards small { margin-top: 3px; color: var(--muted); font-size: 7px; }

.agent-squad { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.agent-squad button { min-width: 0; min-height: 58px; padding: 8px 9px; display: grid; grid-template-columns: 31px minmax(0, 1fr) auto; align-items: center; gap: 8px; background: var(--paper); border: 1px solid var(--line); border-radius: 6px; text-align: left; transition: border-color .16s ease, box-shadow .16s ease, opacity .16s ease; }
.agent-squad button:hover { border-color: var(--line-dark); box-shadow: 0 4px 12px rgba(24,33,31,.06); }
.agent-node-icon { width: 29px; height: 29px; display: grid; place-items: center; border-radius: 6px; }
.agent-node-icon svg { width: 14px; }
.agent-node-icon.green { color: var(--green); background: var(--green-soft); }
.agent-node-icon.blue { color: var(--blue); background: var(--blue-soft); }
.agent-node-icon.violet { color: var(--violet); background: #f1eef7; }
.agent-node-icon.amber { color: var(--amber); background: var(--amber-soft); }
.agent-node-icon.coral { color: var(--coral); background: var(--coral-soft); }
.agent-node-icon.ink { color: var(--ink-2); background: var(--canvas); }
.agent-squad b, .agent-squad small { display: block; }
.agent-squad b { font-size: 8px; }
.agent-squad small { margin-top: 3px; color: var(--muted); font-size: 7px; }
.agent-squad > button > em { padding: 2px 4px; color: var(--green); background: var(--green-soft); border-radius: 3px; font-size: 6px; font-style: normal; font-weight: 700; }

.execution-branches { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }
.execution-branch { min-width: 0; min-height: 116px; overflow: hidden; background: var(--paper); border: 1px solid var(--line-dark); border-radius: 6px; text-align: left; }
.execution-branch > header { min-height: 45px; padding: 8px 10px; display: grid; grid-template-columns: 29px minmax(0, 1fr) auto; align-items: center; gap: 8px; border-bottom: 1px solid var(--line); }
.execution-branch > header > span { width: 27px; height: 27px; display: grid; place-items: center; border-radius: 6px; }
.execution-branch > header svg { width: 14px; }
.auto-branch > header { background: #edf6f2; }
.auto-branch > header > span { color: var(--green); background: #dceee6; }
.human-branch > header { background: #edf3f8; }
.human-branch > header > span { color: var(--blue); background: #dceaf3; }
.execution-branch header small, .execution-branch header b { display: block; }
.execution-branch header small { color: var(--muted); font-family: "Manrope", sans-serif; font-size: 6px; font-weight: 700; }
.execution-branch header b { margin-top: 2px; font-size: 9px; }
.execution-branch header em { color: var(--green); font-size: 7px; font-style: normal; white-space: nowrap; }
.human-branch header em { color: var(--blue); }
.execution-branch > div { min-height: 37px; padding: 8px 10px; display: flex; align-items: center; justify-content: center; gap: 5px; }
.execution-branch > div span { padding: 3px 5px; background: var(--paper-soft); border: 1px solid var(--line); border-radius: 4px; font-size: 7px; white-space: nowrap; }
.execution-branch > div svg { width: 10px; color: #9aa6a1; }
.execution-branch > footer { padding: 0 10px 9px; display: flex; align-items: center; gap: 6px; color: var(--muted); font-size: 7px; }

.output-channel-wrap { display: grid; gap: 9px; }
.output-channels { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; }
.output-channels button { min-width: 0; min-height: 63px; padding: 8px; display: grid; grid-template-columns: 29px minmax(0, 1fr); grid-template-rows: 18px 17px; align-items: center; gap: 0 8px; background: var(--paper); border: 1px solid var(--line); border-radius: 6px; text-align: left; }
.output-channels button:hover { border-color: var(--line-dark); }
.channel-icon { grid-row: span 2; width: 28px; height: 28px; display: grid; place-items: center; border-radius: 6px; }
.channel-icon svg { width: 14px; }
.channel-icon.feishu { color: var(--blue); background: var(--blue-soft); }
.channel-icon.douyin { color: white; background: #2e3937; }
.channel-icon.xhs { color: var(--coral); background: var(--coral-soft); }
.channel-icon.meituan { color: #8f691e; background: var(--amber-soft); }
.channel-icon.report { color: var(--green); background: var(--green-soft); }
.output-channels b { font-size: 8px; }
.output-channels small { color: var(--muted); font-size: 7px; }
.feedback-loop { min-height: 49px; padding: 8px 11px; display: grid; grid-template-columns: 29px minmax(0, 1fr) auto; align-items: center; gap: 9px; color: #d9e7e1; background: #31423e; border: 1px solid #273732; border-radius: 6px; text-align: left; }
.feedback-loop > span { width: 27px; height: 27px; display: grid; place-items: center; color: #a9d0c0; background: rgba(255,255,255,.08); border-radius: 50%; }
.feedback-loop svg { width: 14px; }
.feedback-loop b, .feedback-loop small { display: block; }
.feedback-loop b { font-size: 9px; }
.feedback-loop small { margin-top: 3px; color: #9eb0aa; font-size: 7px; }
.feedback-loop em { display: flex; align-items: center; gap: 4px; color: #9fd2bd; font-size: 7px; font-style: normal; white-space: nowrap; }
.feedback-loop em svg { width: 11px; }

[data-blueprint-node] { transition: opacity .18s ease, filter .18s ease, border-color .16s ease, box-shadow .16s ease; }
[data-blueprint-node].flow-muted { opacity: .18; filter: grayscale(.8); pointer-events: none; }

.blueprint-inspector { min-width: 0; padding: 17px; background: var(--paper); }
.blueprint-inspector > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
.blueprint-inspector h3 { margin-top: 3px; font-family: "Noto Serif SC", serif; font-size: 16px; line-height: 1.35; }
.inspector-live { display: flex; align-items: center; gap: 5px; color: var(--green); font-size: 8px; white-space: nowrap; }
.inspector-live i { width: 6px; height: 6px; background: var(--green); border-radius: 50%; }
.blueprint-inspector > p { margin-top: 14px; color: var(--ink-2); font-size: 9px; line-height: 1.7; }
.inspector-status-row { min-height: 43px; margin-top: 15px; padding: 8px 0; display: flex; align-items: center; justify-content: space-between; gap: 8px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.inspector-status-row span { display: flex; align-items: center; gap: 5px; color: var(--green); font-size: 8px; font-weight: 700; }
.inspector-status-row span.human { color: var(--blue); }
.inspector-status-row span.approval { color: var(--amber); }
.inspector-status-row span.risk { color: var(--coral); }
.inspector-status-row svg { width: 12px; }
.inspector-status-row em { padding: 3px 6px; color: var(--blue); background: var(--blue-soft); border-radius: 4px; font-size: 7px; font-style: normal; }
.blueprint-node-facts { margin: 10px 0 0; }
.blueprint-node-facts > div { padding: 9px 0; display: grid; grid-template-columns: 57px 1fr; gap: 8px; border-bottom: 1px solid #edf0ee; }
.blueprint-node-facts dt { color: var(--muted); font-size: 8px; }
.blueprint-node-facts dd { margin: 0; color: var(--ink-2); font-size: 8px; line-height: 1.55; }
.blueprint-inspector > section { margin-top: 15px; }
.inspector-section-title { color: var(--muted); font-size: 8px; font-weight: 700; }
.blueprint-inspector ol { margin: 8px 0 0; padding: 0; list-style: none; }
.blueprint-inspector li { min-height: 31px; display: grid; grid-template-columns: 18px 1fr; align-items: center; gap: 6px; color: var(--ink-2); font-size: 8px; border-bottom: 1px solid #edf0ee; }
.blueprint-inspector li svg { width: 11px; color: var(--green); }
.blueprint-inspector > footer { margin-top: 18px; display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }
.blueprint-inspector > footer button { min-width: 0; padding: 0 8px; font-size: 8px; }

.closed-loop-section { margin-top: 18px; padding: 20px; background: var(--paper); border: 1px solid var(--line); border-radius: var(--radius); }
.loop-health { text-align: right; }
.loop-health span { display: flex; align-items: center; justify-content: flex-end; gap: 5px; color: var(--green); font-size: 8px; font-weight: 700; }
.loop-health span i { width: 6px; height: 6px; background: var(--green); border-radius: 50%; }
.loop-health small { display: block; margin-top: 5px; color: var(--muted); font-size: 7px; }
.closed-loop-grid { margin-top: 16px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.process-lane { overflow: hidden; background: var(--paper); border: 1px solid var(--line); border-radius: 7px; }
.process-lane > header { min-height: 86px; padding: 12px; display: grid; grid-template-columns: 35px minmax(0, 1fr) auto; align-items: start; gap: 9px; border-bottom: 1px solid var(--line); }
.process-lane > header > span { width: 33px; height: 33px; display: grid; place-items: center; border-radius: 7px; }
.process-lane > header svg { width: 16px; }
.onboarding-lane > header { background: #eef6f2; }
.onboarding-lane > header > span { color: var(--green); background: #dbece4; }
.content-lane > header { background: #f2eff7; }
.content-lane > header > span { color: var(--violet); background: #e5dfef; }
.followup-lane > header { background: #edf4f8; }
.followup-lane > header > span { color: var(--blue); background: #dceaf3; }
.live-lane > header { background: #f7f1ea; }
.live-lane > header > span { color: var(--coral); background: #f1dfd4; }
.process-lane header small { color: var(--muted); font-family: "Manrope", sans-serif; font-size: 6px; font-weight: 700; }
.process-lane header h4 { margin-top: 3px; font-size: 11px; }
.process-lane header p { margin-top: 4px; color: var(--muted); font-size: 7px; line-height: 1.5; }
.process-lane header em { padding: 3px 6px; color: var(--ink-2); background: rgba(255,255,255,.7); border: 1px solid rgba(36,49,46,.1); border-radius: 4px; font-size: 7px; font-style: normal; white-space: nowrap; }
.process-lane ol { margin: 0; padding: 5px 12px 10px; list-style: none; }
.process-lane li { min-height: 52px; position: relative; display: grid; grid-template-columns: 27px minmax(0, 1fr) auto; align-items: center; gap: 8px; border-bottom: 1px solid #edf0ee; }
.process-lane li:last-child { border-bottom: 0; }
.process-lane li::before { content: ""; width: 1px; position: absolute; left: 12px; top: 39px; bottom: -14px; background: #d6ded9; }
.process-lane li:last-child::before { display: none; }
.process-lane li > span { width: 25px; height: 25px; z-index: 1; display: grid; place-items: center; color: #8a9591; background: var(--canvas); border: 1px solid var(--line); border-radius: 50%; font-size: 7px; font-weight: 700; }
.process-lane li.done > span { color: white; background: var(--green); border-color: var(--green); }
.process-lane li.active > span { color: white; background: var(--coral); border-color: var(--coral); box-shadow: 0 0 0 4px var(--coral-soft); }
.process-lane li b, .process-lane li small { display: block; }
.process-lane li b { font-size: 8px; }
.process-lane li small { margin-top: 4px; color: var(--muted); font-size: 7px; line-height: 1.4; }
.process-lane li em { color: var(--muted); font-size: 7px; font-style: normal; white-space: nowrap; }
.process-lane li.active em { color: var(--coral); font-weight: 700; }

.governance-band { margin-top: 18px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); background: #26332f; border: 1px solid #1f2b28; border-radius: var(--radius); overflow: hidden; }
.governance-band > div { min-height: 92px; padding: 16px; display: grid; grid-template-columns: 31px minmax(0, 1fr); align-items: start; gap: 9px; color: #dce5e1; border-right: 1px solid rgba(255,255,255,.08); }
.governance-band > div:last-child { border-right: 0; }
.governance-band > div > span { width: 29px; height: 29px; display: grid; place-items: center; color: #a8cbbd; background: rgba(255,255,255,.07); border-radius: 6px; }
.governance-band svg { width: 14px; }
.governance-band small, .governance-band b, .governance-band p { display: block; }
.governance-band small { color: #7fa394; font-family: "Manrope", sans-serif; font-size: 6px; font-weight: 700; }
.governance-band b { margin-top: 3px; font-size: 9px; }
.governance-band p { margin-top: 5px; color: #9dadA7; font-size: 7px; line-height: 1.55; }

@media (max-width: 1380px) {
  .blueprint-workspace { grid-template-columns: 1fr; }
  .blueprint-canvas { border-right: 0; border-bottom: 1px solid var(--line); }
  .blueprint-inspector { display: grid; grid-template-columns: minmax(220px, .8fr) minmax(220px, 1fr) minmax(220px, 1fr); gap: 18px; align-items: start; }
  .blueprint-inspector > header, .blueprint-inspector > p, .blueprint-inspector > footer { grid-column: 1; }
  .inspector-status-row, .blueprint-node-facts { grid-column: 2; }
  .blueprint-inspector > section { grid-column: 3; grid-row: 1 / span 4; margin-top: 0; }
  .closed-loop-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 1080px) {
  .blueprint-summary { grid-template-columns: 1fr 1fr; }
  .blueprint-summary > div:nth-child(2) { border-right: 0; }
  .blueprint-summary > div:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .blueprint-controlbar { grid-template-columns: 1fr auto; }
  .blueprint-legend { grid-column: 1 / -1; grid-row: 2; justify-content: flex-start; }
  .governance-band { grid-template-columns: 1fr 1fr; }
  .governance-band > div:nth-child(2) { border-right: 0; }
  .governance-band > div:nth-child(-n+2) { border-bottom: 1px solid rgba(255,255,255,.08); }
}
@media (max-width: 760px) {
  .blueprint-page-toolbar .toolbar-actions { display: grid; grid-template-columns: 1fr 1fr; }
  .blueprint-page-toolbar .primary-btn { grid-column: 1 / -1; margin-left: 0; }
  .blueprint-summary { grid-template-columns: 1fr; }
  .blueprint-summary > div { border-right: 0; border-bottom: 1px solid var(--line); }
  .blueprint-summary > div:last-child { border-bottom: 0; }
  .blueprint-controlbar { grid-template-columns: 1fr auto; overflow-x: auto; }
  .blueprint-filter { min-width: 390px; }
  .blueprint-legend { min-width: 430px; }
  .blueprint-canvas { padding: 10px; }
  .blueprint-stage { min-width: 760px; }
  .blueprint-inspector { display: block; }
  .blueprint-inspector > section { margin-top: 15px; }
  .closed-loop-grid { grid-template-columns: 1fr; }
  .governance-band { grid-template-columns: 1fr; }
  .governance-band > div { border-right: 0; border-bottom: 1px solid rgba(255,255,255,.08); }
  .governance-band > div:last-child { border-bottom: 0; }
}
/* Market and client intelligence */
.intelligence-page { max-width: 1680px; margin: 0 auto; }
.intelligence-toolbar { align-items: center; }
.intelligence-command { min-height: 112px; margin-bottom: 16px; display: grid; grid-template-columns: minmax(260px,.9fr) minmax(250px,.75fr) minmax(340px,1.1fr); color: white; background: #24312e; border: 1px solid #1c2926; border-radius: var(--radius); overflow: hidden; }
.intelligence-command > div { padding: 18px; border-right: 1px solid rgba(255,255,255,.09); }
.intelligence-command > div:last-child { border-right: 0; }
.intelligence-client { display: grid; grid-template-columns: 46px 1fr 28px; align-items: center; gap: 11px; }
.intel-client-logo { width: 44px; height: 44px; display: grid; place-items: center; color: #865238; background: #f2dfca; border-radius: 7px; font-family: "Noto Serif SC", serif; font-size: 17px; font-weight: 700; }
.intelligence-client small, .intelligence-client h3, .intelligence-client p { display: block; }
.intelligence-client small, .intel-next-action > span { color: #8eaaa1; font-size: 8px; }
.intelligence-client h3 { margin-top: 3px; font-family: "Noto Serif SC", serif; font-size: 16px; }
.intelligence-client p { margin-top: 5px; display: flex; align-items: center; gap: 4px; color: #aebfba; font-size: 8px; }
.intelligence-client p svg { width: 11px; }
.intelligence-client > button { width: 28px; height: 28px; display: grid; place-items: center; color: #98aaa4; background: transparent; border: 0; }
.intelligence-client > button svg { width: 13px; }
.intel-readiness { display: flex; flex-direction: column; justify-content: center; }
.intel-readiness > div { display: flex; align-items: baseline; justify-content: space-between; }
.intel-readiness span { color: #a8b9b4; font-size: 8px; }
.intel-readiness b { font-family: "Noto Serif SC", serif; font-size: 24px; }
.intel-readiness > i { height: 5px; margin-top: 11px; display: block; overflow: hidden; background: rgba(255,255,255,.1); border-radius: 3px; }
.intel-readiness > i b { height: 100%; display: block; background: #6fbd9c; transition: width .7s ease; }
.intel-readiness > small { margin-top: 9px; display: flex; align-items: center; gap: 5px; color: #9fb0aa; font-size: 7px; }
.intel-readiness > small i { width: 5px; height: 5px; background: #67b58f; border-radius: 50%; }
.intel-next-action { position: relative; background: rgba(255,255,255,.025); }
.intel-next-action b { display: block; margin-top: 4px; font-size: 11px; }
.intel-next-action p { margin-top: 5px; color: #adbbb7; font-size: 8px; line-height: 1.55; }
.intel-next-action button { margin-top: 9px; padding: 0; display: flex; align-items: center; gap: 4px; color: #91cbb2; background: transparent; border: 0; font-size: 8px; }
.intel-next-action button svg { width: 11px; }

.intelligence-overview-grid { display: grid; grid-template-columns: minmax(0,1.55fr) minmax(300px,.65fr); gap: 16px; }
.market-snapshot, .data-source-health, .customer-intelligence, .annual-strategy, .precall-brief, .business-closure-monitor { background: var(--paper); border: 1px solid var(--line); border-radius: var(--radius); }
.market-snapshot, .data-source-health, .customer-intelligence, .annual-strategy, .precall-brief, .business-closure-monitor { padding: 20px; }
.source-fresh { display: flex; align-items: center; gap: 5px; color: var(--green); font-size: 8px; }
.source-fresh i { width: 6px; height: 6px; background: var(--green); border-radius: 50%; }
.source-fresh.demo-data { color: var(--amber); }
.source-fresh.demo-data i { background: var(--amber); }
.city-profile { margin-top: 16px; display: grid; grid-template-columns: 220px 1fr; border: 1px solid var(--line); border-radius: 7px; overflow: hidden; }
.city-main { padding: 15px; display: grid; grid-template-columns: 38px 1fr; align-items: center; gap: 10px; background: #eef4f1; border-right: 1px solid var(--line); }
.city-main > span { width: 36px; height: 36px; display: grid; place-items: center; color: white; background: var(--green); border-radius: 7px; }
.city-main svg { width: 17px; }
.city-main small, .city-main b, .city-main p { display: block; }
.city-main small { color: var(--muted); font-size: 8px; }
.city-main b { margin-top: 3px; font-family: "Noto Serif SC", serif; font-size: 18px; }
.city-main p { margin-top: 6px; color: var(--ink-2); font-size: 8px; line-height: 1.5; }
.city-main p strong { color: var(--green); }
.city-metrics { display: grid; grid-template-columns: repeat(3,1fr); }
.city-metrics > div { min-height: 66px; padding: 10px 12px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.city-metrics > div:nth-child(3n) { border-right: 0; }
.city-metrics > div:nth-child(n+4) { border-bottom: 0; }
.city-metrics span, .city-metrics b, .city-metrics small { display: block; }
.city-metrics span { color: var(--muted); font-size: 7px; }
.city-metrics b { margin-top: 5px; font-size: 11px; }
.city-metrics small { margin-top: 5px; font-size: 7px; }
.market-signal-list { margin-top: 12px; }
.market-signal-list article { min-height: 60px; padding: 10px 0; display: grid; grid-template-columns: 27px minmax(0,1fr) auto; align-items: center; gap: 10px; border-top: 1px solid #edf0ee; }
.market-signal-list article:first-child { border-top: 0; }
.signal-index { width: 25px; height: 25px; display: grid; place-items: center; color: var(--green); background: var(--green-soft); border-radius: 5px; font-size: 7px; font-weight: 700; }
.market-signal-list b { font-size: 9px; }
.market-signal-list p { margin-top: 4px; color: var(--muted); font-size: 8px; line-height: 1.55; }
.market-signal-list em { padding: 3px 6px; border-radius: 4px; font-size: 7px; font-style: normal; white-space: nowrap; }
.trend-up { color: var(--green); background: var(--green-soft); }
.trend-risk { color: var(--coral); background: var(--coral-soft); }
.evidence-audit-strip { margin-top: 12px; display: grid; grid-template-columns: repeat(3,1fr) minmax(165px,1.15fr); border: 1px solid var(--line); border-radius: 6px; overflow: hidden; }
.evidence-audit-strip > div { min-height: 58px; padding: 10px 12px; border-right: 1px solid var(--line); }
.evidence-audit-strip span, .evidence-audit-strip b, .evidence-audit-strip small { display: block; }
.evidence-audit-strip span { color: var(--muted); font-size: 7px; }
.evidence-audit-strip b { margin-top: 4px; font-size: 9px; }
.evidence-audit-strip small { margin-top: 4px; color: var(--muted); font-size: 6px; }
.evidence-audit-strip > button { padding: 9px 11px; display: grid; grid-template-columns: 27px 1fr; align-items: center; gap: 8px; color: var(--blue); background: var(--blue-soft); border: 0; text-align: left; }
.evidence-audit-strip > button > svg { width: 16px; }
.evidence-audit-strip > button b { color: var(--ink); }

.source-health-summary { margin-top: 14px; padding: 12px; background: var(--paper-soft); border: 1px solid var(--line); border-radius: 6px; }
.source-health-summary > div { display: flex; align-items: baseline; justify-content: space-between; }
.source-health-summary b { font-family: "Noto Serif SC", serif; font-size: 20px; }
.source-health-summary span { color: var(--muted); font-size: 8px; }
.source-health-summary > i { height: 4px; margin-top: 8px; display: block; overflow: hidden; background: #e2e7e4; border-radius: 2px; }
.source-health-summary > i b { height: 100%; display: block; background: var(--green); }
.source-list { margin-top: 10px; }
.source-list > button { width: 100%; min-height: 48px; padding: 7px 2px; display: grid; grid-template-columns: 29px minmax(0,1fr) auto; align-items: center; gap: 8px; background: transparent; border: 0; border-top: 1px solid #edf0ee; text-align: left; }
.source-list > button:first-child { border-top: 0; }
.source-list > button:hover { background: var(--paper-soft); }
.source-icon { width: 27px; height: 27px; display: grid; place-items: center; border-radius: 6px; }
.source-icon svg { width: 13px; }
.source-icon.gov { color: var(--ink-2); background: var(--canvas); }
.source-icon.health { color: var(--coral); background: var(--coral-soft); }
.source-icon.map, .source-icon.search { color: var(--blue); background: var(--blue-soft); }
.source-icon.douyin-source { color: white; background: #293431; }
.source-icon.xhs-source { color: var(--coral); background: var(--coral-soft); }
.source-icon.client-source { color: var(--green); background: var(--green-soft); }
.source-list b, .source-list small { display: block; }
.source-list b { font-size: 8px; }
.source-list small { margin-top: 3px; color: var(--muted); font-size: 7px; }
.source-list em { font-size: 7px; font-style: normal; }
.source-list em.online { color: var(--green); }
.source-list em.warning { color: var(--amber); }
.data-source-health > footer { margin-top: 12px; padding-top: 11px; display: flex; align-items: flex-start; gap: 6px; color: var(--muted); border-top: 1px solid var(--line); }
.data-source-health > footer svg { width: 12px; flex: 0 0 12px; color: var(--green); }
.data-source-health > footer p { font-size: 7px; line-height: 1.55; }

.customer-intelligence { margin-top: 16px; }
.memory-controls { display: flex; align-items: center; gap: 10px; }
.memory-controls > span { color: var(--muted); font-size: 8px; }
.memory-controls > span b { color: var(--green); }
.memory-semantic-summary { margin-top: 15px; padding: 5px; display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); gap: 4px; background: var(--paper-soft); border: 1px solid var(--line); border-radius: 7px; }
.memory-semantic-summary button { min-height: 59px; padding: 7px 8px; position: relative; color: var(--ink-2); background: transparent; border: 1px solid transparent; border-radius: 5px; text-align: left; }
.memory-semantic-summary button:hover { background: white; }
.memory-semantic-summary button.active { background: white; border-color: var(--blue); box-shadow: 0 1px 4px rgba(31,47,43,.08); }
.memory-semantic-summary button.has-risk b { color: var(--amber); }
.memory-semantic-summary span, .memory-semantic-summary b, .memory-semantic-summary small { display: block; }
.memory-semantic-summary span { color: var(--muted); font-size: 7px; }
.memory-semantic-summary b { margin-top: 3px; font-size: 13px; }
.memory-semantic-summary small { margin-top: 2px; color: var(--muted); font-size: 6px; }
.memory-governance-line { min-height: 42px; margin-top: 8px; padding: 8px 10px; display: grid; grid-template-columns: 21px minmax(0,1fr) auto; align-items: center; gap: 8px; color: var(--ink-2); background: #eef4f1; border: 1px solid #d9e5df; border-radius: 6px; }
.memory-governance-line > svg { width: 16px; color: var(--green); }
.memory-governance-line p { font-size: 7px; line-height: 1.5; }
.memory-governance-line button { padding: 5px 7px; color: var(--green); background: white; border: 1px solid #cddbd5; border-radius: 4px; font-size: 7px; white-space: nowrap; }
.customer-taxonomy { margin-top: 16px; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 11px; }
.taxonomy-card { overflow: hidden; border: 1px solid var(--line); border-radius: 7px; }
.taxonomy-card > header { min-height: 50px; padding: 9px 11px; display: grid; grid-template-columns: 29px minmax(0,1fr) auto; align-items: center; gap: 8px; background: var(--paper-soft); border-bottom: 1px solid var(--line); }
.taxonomy-card > header > span { width: 27px; height: 27px; display: grid; place-items: center; color: var(--blue); background: var(--blue-soft); border-radius: 6px; }
.taxonomy-card.complete > header > span { color: var(--green); background: var(--green-soft); }
.taxonomy-card svg { width: 13px; }
.taxonomy-card header b, .taxonomy-card header small { display: block; }
.taxonomy-card header b { font-size: 9px; }
.taxonomy-card header small { margin-top: 3px; color: var(--muted); font-size: 7px; }
.taxonomy-card header em { color: var(--blue); font-size: 8px; font-style: normal; font-weight: 700; }
.taxonomy-card.complete header em { color: var(--green); }
.taxonomy-card ul { margin: 0; padding: 5px 11px 9px; list-style: none; }
.taxonomy-card li { min-height: 34px; display: flex; align-items: center; justify-content: space-between; gap: 8px; border-bottom: 1px solid #edf0ee; }
.taxonomy-card li:last-child { border-bottom: 0; }
.taxonomy-card li span { color: var(--muted); font-size: 7px; }
.taxonomy-card li b { font-size: 8px; text-align: right; }
.taxonomy-card li.missing { color: var(--amber); }
.taxonomy-card li.missing span { color: var(--amber); }
.taxonomy-card li button { padding: 3px 5px; color: var(--amber); background: var(--amber-soft); border: 0; border-radius: 3px; font-size: 7px; }

.strategy-and-journey { margin-top: 16px; display: grid; grid-template-columns: minmax(0,1.45fr) minmax(310px,.65fr); gap: 16px; }
.strategy-thesis { margin-top: 15px; padding: 16px; color: #e4ece8; background: #293834; border-radius: 7px; }
.strategy-thesis > span { color: #82a99a; font-size: 7px; font-weight: 700; }
.strategy-thesis h4 { margin-top: 6px; font-family: "Noto Serif SC", serif; font-size: 15px; line-height: 1.55; }
.strategy-thesis > div { margin-top: 11px; display: flex; gap: 6px; }
.strategy-thesis em { padding: 3px 6px; color: #a6c9ba; background: rgba(255,255,255,.07); border-radius: 3px; font-size: 7px; font-style: normal; }
.strategy-pillars { margin-top: 10px; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.strategy-pillars article { min-height: 92px; padding: 11px; display: grid; grid-template-columns: 25px 1fr; align-items: start; gap: 8px; border: 1px solid var(--line); border-radius: 6px; }
.strategy-pillars article > span { width: 24px; height: 24px; display: grid; place-items: center; color: var(--coral); background: var(--coral-soft); border-radius: 5px; font-size: 7px; font-weight: 700; }
.strategy-pillars b, .strategy-pillars p, .strategy-pillars small { display: block; }
.strategy-pillars b { font-size: 9px; }
.strategy-pillars p { margin-top: 5px; color: var(--muted); font-size: 7px; line-height: 1.5; }
.strategy-pillars small { margin-top: 7px; color: var(--green); font-size: 7px; }
.precall-brief > .section-head > span { color: var(--blue); font-size: 8px; }
.brief-objective { margin-top: 14px; padding: 11px; display: grid; grid-template-columns: 29px 1fr; gap: 8px; background: var(--blue-soft); border-radius: 6px; }
.brief-objective > span { width: 27px; height: 27px; display: grid; place-items: center; color: var(--blue); background: white; border-radius: 6px; }
.brief-objective svg { width: 13px; }
.brief-objective b { font-size: 8px; }
.brief-objective p { margin-top: 4px; color: var(--ink-2); font-size: 7px; line-height: 1.55; }
.precall-brief ol { margin: 12px 0 0; padding: 0; list-style: none; }
.precall-brief li { min-height: 58px; display: grid; grid-template-columns: 24px minmax(0,1fr) 24px; align-items: center; gap: 8px; border-top: 1px solid #edf0ee; }
.precall-brief li > span { color: var(--blue); font-size: 7px; font-weight: 700; }
.precall-brief li p { color: var(--ink-2); font-size: 8px; line-height: 1.55; }
.precall-brief li button { width: 24px; height: 24px; display: grid; place-items: center; color: var(--muted); background: transparent; border: 0; }
.precall-brief li button svg { width: 11px; }
.precall-brief > footer { margin-top: 13px; display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }

.business-closure-monitor { margin-top: 16px; }
.closure-health { min-width: 188px; padding: 10px 12px; text-align: left; background: #f3f8f5; border: 1px solid #dce9e3; border-radius: 6px; }
.closure-health span { display: flex; align-items: center; gap: 7px; color: var(--green); font-size: 10px; font-weight: 700; }
.closure-health span i { width: 7px; height: 7px; flex: 0 0 7px; background: var(--green); border-radius: 50%; box-shadow: 0 0 0 4px rgba(40,119,95,.09); }
.closure-health small { display: block; margin: 5px 0 0 14px; color: var(--muted); font-size: 8px; }
.closure-stage-track { margin-top: 16px; padding: 12px; display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); align-items: stretch; gap: 8px; background: var(--paper-soft); border: 1px solid var(--line); border-radius: 7px; overflow: hidden; }
.closure-stage-track > button { width: 100%; min-width: 0; min-height: 100px; padding: 11px; position: relative; display: grid; grid-template-rows: auto 1fr; gap: 11px; overflow: hidden; background: white; border: 1px solid var(--line); border-radius: 6px; text-align: left; transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease; }
.closure-stage-track > button:hover { border-color: #b8c4be; transform: translateY(-1px); }
.closure-stage-card-head { min-width: 0; display: flex; align-items: center; justify-content: space-between; gap: 5px; }
.closure-stage-card-head small { min-width: 0; overflow: hidden; color: var(--muted); font-size: 8px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.closure-stage-card-head em { flex: 0 0 auto; padding: 3px 5px; color: var(--muted); background: var(--canvas); border-radius: 3px; font-size: 7px; font-style: normal; line-height: 1; white-space: nowrap; }
.closure-stage-card-body { min-width: 0; display: grid; grid-template-columns: 32px minmax(0, 1fr); align-items: center; gap: 8px; }
.closure-stage-icon { width: 32px; height: 32px; display: grid; place-items: center; color: var(--muted); background: var(--canvas); border-radius: 6px; }
.closure-stage-icon svg { width: 15px; height: 15px; }
.closure-stage-copy { min-width: 0; }
.closure-stage-copy b, .closure-stage-copy small { display: block; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.closure-stage-copy b { font-size: 10px; line-height: 1.35; }
.closure-stage-copy small { margin-top: 4px; color: var(--muted); font-size: 8px; }
.closure-stage-track button.done .closure-stage-icon { color: var(--green); background: var(--green-soft); }
.closure-stage-track button.done .closure-stage-card-head em { color: var(--green); background: var(--green-soft); }
.closure-stage-track button.active { border-color: rgba(216,93,78,.55); background: #fffdfc; box-shadow: inset 0 3px var(--coral); }
.closure-stage-track button.active .closure-stage-icon { color: var(--coral); background: var(--coral-soft); }
.closure-stage-track button.active .closure-stage-card-head em { color: var(--coral); background: var(--coral-soft); }
.closure-stage-track button.selected { border-color: var(--blue); box-shadow: 0 0 0 2px var(--blue-soft); }
.closure-stage-track button.selected .closure-stage-card-head small { color: var(--blue); }
.closure-stage-track button.selected .closure-stage-copy small::after { content: " · 查看中"; color: var(--blue); font-weight: 700; }
.closure-stage-track button.active.selected { border-color: var(--blue); box-shadow: 0 0 0 2px var(--blue-soft), inset 0 3px var(--coral); }
.closure-stage-track > button:focus-visible { z-index: 1; outline: 3px solid rgba(62,113,146,.24); outline-offset: 2px; }
.closure-stage-detail { margin-top: 10px; overflow: hidden; background: white; border: 1px solid var(--line); border-radius: 7px; }
.closure-detail-head { min-height: 62px; padding: 11px 13px; display: grid; grid-template-columns: 34px minmax(0,1fr) auto; align-items: center; gap: 10px; background: #283632; color: white; }
.closure-detail-head > span { width: 32px; height: 32px; display: grid; place-items: center; color: #9ed0ba; background: rgba(255,255,255,.08); border-radius: 6px; }
.closure-detail-head > span svg { width: 15px; }
.closure-detail-head small, .closure-detail-head b, .closure-detail-head p { display: block; }
.closure-detail-head small { color: #91a9a0; font-size: 6px; }
.closure-detail-head b { margin-top: 3px; font-size: 11px; }
.closure-detail-head p { margin-top: 3px; color: #afc0ba; font-size: 7px; }
.closure-detail-state { padding: 4px 7px; color: #9ed0ba; background: rgba(117,194,160,.12); border: 1px solid rgba(117,194,160,.2); border-radius: 4px; font-size: 7px; }
.closure-rule-grid { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); }
.closure-rule-grid > div { min-height: 73px; padding: 10px; border-right: 1px solid var(--line); }
.closure-rule-grid > div:last-child { border-right: 0; }
.closure-rule-grid span, .closure-rule-grid b, .closure-rule-grid small { display: block; }
.closure-rule-grid span { color: var(--muted); font-size: 6px; }
.closure-rule-grid b { margin-top: 5px; font-size: 8px; line-height: 1.45; }
.closure-rule-grid small { margin-top: 4px; color: var(--muted); font-size: 6px; line-height: 1.4; }
.closure-detail-foot { min-height: 38px; padding: 7px 10px; display: flex; align-items: center; justify-content: space-between; gap: 10px; background: var(--paper-soft); border-top: 1px solid var(--line); }
.closure-detail-foot p { color: var(--muted); font-size: 7px; }
.closure-detail-foot p b { color: var(--amber); }
.closure-detail-foot button { padding: 5px 8px; color: var(--blue); background: var(--blue-soft); border: 0; border-radius: 4px; font-size: 7px; white-space: nowrap; }
.closure-alerts { margin-top: 12px; display: grid; grid-template-columns: repeat(3,1fr); gap: 9px; }
.closure-alerts > div { min-height: 60px; padding: 10px; display: grid; grid-template-columns: 29px minmax(0,1fr) auto; align-items: center; gap: 8px; border: 1px solid var(--line); border-radius: 6px; }
.alert-icon { width: 27px; height: 27px; display: grid; place-items: center; border-radius: 6px; }
.alert-icon svg { width: 13px; }
.alert-icon.warning { color: var(--amber); background: var(--amber-soft); }
.alert-icon.info { color: var(--blue); background: var(--blue-soft); }
.alert-icon.success { color: var(--green); background: var(--green-soft); }
.closure-alerts b { font-size: 8px; }
.closure-alerts p { margin-top: 4px; color: var(--muted); font-size: 7px; }
.closure-alerts button { padding: 5px 7px; color: var(--blue); background: var(--blue-soft); border: 0; border-radius: 4px; font-size: 7px; white-space: nowrap; }

.review-loop-section { margin-top: 18px; padding: 20px; background: var(--paper); border: 1px solid var(--line); border-radius: var(--radius); }
.review-loop-status { display: flex; align-items: center; gap: 5px; color: var(--green); font-size: 7px; }
.review-loop-status i { width: 6px; height: 6px; background: var(--green); border-radius: 50%; }
.review-level-grid { margin-top: 14px; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 9px; }
.review-level-grid article { padding: 11px; border: 1px solid var(--line); border-radius: 6px; }
.review-level-grid header { display: grid; grid-template-columns: 25px minmax(0,1fr) auto; align-items: center; gap: 7px; }
.review-level-grid header > span { width: 24px; height: 24px; display: grid; place-items: center; color: var(--blue); background: var(--blue-soft); border-radius: 5px; font-size: 7px; font-weight: 700; }
.review-level-grid header b, .review-level-grid header small { display: block; }
.review-level-grid header b { font-size: 9px; }
.review-level-grid header small { margin-top: 2px; color: var(--muted); font-size: 6px; }
.review-level-grid header em { padding: 3px 5px; color: var(--green); background: var(--green-soft); border-radius: 3px; font-size: 6px; font-style: normal; }
.review-level-grid article > p { min-height: 34px; margin-top: 9px; color: var(--ink-2); font-size: 7px; line-height: 1.55; }
.review-level-grid dl { margin: 8px 0 0; }
.review-level-grid dl > div { min-height: 25px; display: flex; align-items: center; justify-content: space-between; gap: 8px; border-top: 1px solid #edf0ee; }
.review-level-grid dt, .review-level-grid dd { font-size: 6px; }
.review-level-grid dt { color: var(--muted); }
.review-level-grid dd { margin: 0; font-weight: 700; text-align: right; }
.review-level-grid article > button { width: 100%; height: 27px; margin-top: 8px; color: var(--blue); background: var(--blue-soft); border: 0; border-radius: 4px; font-size: 7px; }
.learning-backflow { margin-top: 10px; padding: 9px; display: flex; align-items: center; justify-content: space-between; gap: 6px; background: #293733; border-radius: 6px; }
.learning-backflow > span { min-width: 0; display: grid; grid-template-columns: 24px minmax(0,1fr); grid-template-rows: 15px 14px; align-items: center; column-gap: 7px; color: white; }
.learning-backflow > span > svg { grid-row: span 2; width: 22px; height: 22px; padding: 5px; color: #9ed0ba; background: rgba(255,255,255,.07); border-radius: 5px; }
.learning-backflow b { font-size: 7px; }
.learning-backflow small { overflow: hidden; color: #aebfba; font-size: 6px; text-overflow: ellipsis; white-space: nowrap; }
.learning-backflow > svg { width: 10px; flex: 0 0 10px; color: #789189; }

@media (max-width: 1280px) {
  .intelligence-command { grid-template-columns: 1fr 1fr; }
  .intel-next-action { grid-column: 1 / -1; }
  .intelligence-overview-grid, .strategy-and-journey { grid-template-columns: 1fr; }
  .customer-taxonomy { grid-template-columns: 1fr 1fr; }
  .memory-semantic-summary { grid-template-columns: repeat(4,1fr); }
  .closure-stage-track { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .closure-rule-grid { grid-template-columns: repeat(3,1fr); }
  .closure-rule-grid > div:nth-child(3n) { border-right: 0; }
  .closure-alerts { grid-template-columns: 1fr; }
  .review-level-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 760px) {
  .intelligence-command { grid-template-columns: 1fr; }
  .intelligence-command > div { border-right: 0; border-bottom: 1px solid rgba(255,255,255,.09); }
  .intel-next-action { grid-column: auto; }
  .city-profile { grid-template-columns: 1fr; }
  .city-main { border-right: 0; border-bottom: 1px solid var(--line); }
  .city-metrics { grid-template-columns: 1fr 1fr; }
  .city-metrics > div:nth-child(3n) { border-right: 1px solid var(--line); }
  .city-metrics > div:nth-child(even) { border-right: 0; }
  .evidence-audit-strip { grid-template-columns: 1fr 1fr; }
  .evidence-audit-strip > div:nth-child(even) { border-right: 0; }
  .memory-semantic-summary { grid-template-columns: 1fr 1fr; }
  .memory-governance-line { grid-template-columns: 21px 1fr; }
  .memory-governance-line button { grid-column: 2; justify-self: start; }
  .customer-taxonomy, .strategy-pillars { grid-template-columns: 1fr; }
  .business-closure-monitor > .section-head { align-items: stretch; flex-direction: column; gap: 10px; }
  .closure-health { min-width: 0; }
  .closure-stage-track { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 9px; }
  .closure-rule-grid { grid-template-columns: 1fr 1fr; }
  .closure-rule-grid > div:nth-child(odd) { border-right: 1px solid var(--line); }
  .closure-rule-grid > div:nth-child(even) { border-right: 0; }
  .review-level-grid { grid-template-columns: 1fr; }
  .learning-backflow { align-items: stretch; flex-direction: column; }
  .learning-backflow > svg { align-self: center; transform: rotate(90deg); }
  .precall-brief > footer { grid-template-columns: 1fr; }
}
@media (max-width: 520px) {
  .business-closure-monitor { padding: 14px; }
  .closure-stage-track > button { min-height: 96px; padding: 10px; }
}
.data-source-config-intro { margin-bottom: 14px; padding: 12px; display: grid; grid-template-columns: 34px 1fr; align-items: center; gap: 9px; background: var(--blue-soft); border-radius: 6px; }
.data-source-config-intro > span { width: 32px; height: 32px; display: grid; place-items: center; color: var(--blue); background: white; border-radius: 6px; }
.data-source-config-intro svg { width: 15px; }
.data-source-config-intro b { font-size: 10px; }
.data-source-config-intro p { margin-top: 4px; color: var(--ink-2); font-size: 8px; line-height: 1.55; }
.source-config-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.source-config-grid label { min-height: 72px; padding: 10px; position: relative; display: grid; grid-template-columns: minmax(0,1fr) 100px; align-items: center; gap: 4px 8px; border: 1px solid var(--line); border-radius: 6px; }
.source-config-grid label > span { font-size: 9px; font-weight: 700; }
.source-config-grid label > small { grid-column: 1; color: var(--muted); font-size: 7px; }
.source-config-grid label > select { grid-column: 2; grid-row: 1 / span 2; height: 29px; padding: 0 6px; color: var(--ink-2); background: var(--paper-soft); border: 1px solid var(--line); border-radius: 4px; font-size: 7px; }
.source-config-grid label > input { width: 30px; height: 17px; position: absolute; right: 7px; top: 7px; opacity: .01; }
.publish-warning { color: var(--ink-2); background: var(--amber-soft); }.publish-warning > span { color: var(--amber); }.publish-confirm-list { display: grid; gap: 7px; }.publish-confirm-list label { min-height: 56px; padding: 9px 11px; display: grid; grid-template-columns: 18px 1fr; align-items: center; gap: 9px; border: 1px solid var(--line); border-radius: 6px; }.publish-confirm-list input { width: 16px; height: 16px; accent-color: var(--green); }.publish-confirm-list b, .publish-confirm-list small { display: block; }.publish-confirm-list b { font-size: 9px; }.publish-confirm-list small { margin-top: 4px; color: var(--muted); font-size: 7px; }
@media (max-width: 640px) { .source-config-grid { grid-template-columns: 1fr; } }

/* Account/IP foundation and live growth */
.account-asset-page, .live-growth-page { max-width: 1680px; margin: 0 auto; }
.account-context-band { min-height: 118px; display: grid; grid-template-columns: minmax(270px,.9fr) minmax(470px,1.45fr) minmax(260px,.8fr); color: white; background: #273530; border: 1px solid #1e2a26; border-radius: var(--radius); overflow: hidden; }
.account-context-band > div { padding: 16px; border-right: 1px solid rgba(255,255,255,.09); }
.account-context-band > div:last-child { border-right: 0; }
.account-identity { display: grid; grid-template-columns: 42px minmax(0,1fr) 25px; align-items: center; gap: 9px; }
.account-platform-icon { width: 40px; height: 40px; display: grid; place-items: center; color: white; background: #111917; border-radius: 7px; }
.account-platform-icon svg { width: 18px; }
.account-identity small, .account-identity h3, .account-identity p { display: block; }
.account-identity small { color: #8da79d; font-size: 7px; }
.account-identity h3 { margin-top: 3px; font-size: 12px; }
.account-identity p { margin-top: 5px; color: #aabbb5; font-size: 7px; }
.account-identity > button { width: 25px; height: 25px; display: grid; place-items: center; color: #9fb0aa; background: transparent; border: 0; }
.account-identity > button svg { width: 12px; }
.account-context-tags { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; }
.account-context-tags > span { min-width: 0; padding: 7px 8px; background: rgba(255,255,255,.055); border-radius: 5px; }
.account-context-tags small, .account-context-tags b { display: block; }
.account-context-tags small { color: #88a49a; font-size: 6px; }
.account-context-tags b { margin-top: 4px; overflow: hidden; font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }
.account-security { display: grid; grid-template-columns: 31px minmax(0,1fr) auto; align-items: center; gap: 8px; }
.account-security > span { width: 30px; height: 30px; display: grid; place-items: center; color: #8fc8af; background: rgba(111,189,156,.1); border-radius: 6px; }
.account-security svg { width: 14px; }
.account-security b { font-size: 8px; }
.account-security p { margin-top: 4px; color: #aebeb8; font-size: 6px; line-height: 1.45; }
.account-security em { color: #8fc8af; font-size: 6px; font-style: normal; white-space: nowrap; }
.account-foundation-grid { margin-top: 16px; display: grid; grid-template-columns: minmax(0,1.45fr) minmax(300px,.55fr); gap: 16px; }
.ip-profile-panel, .account-list-panel, .positioning-board, .live-timeline-panel, .live-model-panel, .live-script-workflow { padding: 20px; background: var(--paper); border: 1px solid var(--line); border-radius: var(--radius); }
.profile-view-switch { padding: 2px; display: flex; background: var(--paper-soft); border: 1px solid var(--line); border-radius: 5px; }
.profile-view-switch button { height: 24px; padding: 0 8px; color: var(--muted); background: transparent; border: 0; border-radius: 3px; font-size: 7px; }
.profile-view-switch button.active { color: var(--ink); background: white; box-shadow: 0 1px 3px rgba(25,40,35,.08); }
.profile-core { margin-top: 15px; padding: 13px; display: grid; grid-template-columns: 42px minmax(0,1fr) auto; align-items: center; gap: 10px; background: #eef4f1; border-radius: 7px; }
.profile-avatar { width: 40px; height: 40px; display: grid; place-items: center; color: white; background: var(--green); border-radius: 7px; font-family: "Noto Serif SC", serif; font-size: 15px; }
.profile-core small, .profile-core h4, .profile-core p { display: block; }
.profile-core small { color: var(--muted); font-size: 7px; }
.profile-core h4 { margin-top: 4px; font-family: "Noto Serif SC", serif; font-size: 13px; }
.profile-core p { margin-top: 5px; color: var(--ink-2); font-size: 7px; }
.profile-core em { padding: 4px 6px; color: var(--green); background: white; border: 1px solid #d4e0db; border-radius: 4px; font-size: 7px; font-style: normal; }
.profile-dimension-grid { margin-top: 10px; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.profile-dimension-grid article { min-height: 92px; padding: 10px; display: grid; grid-template-columns: 27px 1fr; align-content: start; gap: 0 8px; border: 1px solid var(--line); border-radius: 6px; }
.profile-dimension-grid article > span { grid-row: span 3; width: 26px; height: 26px; display: grid; place-items: center; color: var(--blue); background: var(--blue-soft); border-radius: 5px; }
.profile-dimension-grid svg { width: 12px; }
.profile-dimension-grid b { font-size: 8px; }
.profile-dimension-grid p { margin-top: 5px; color: var(--ink-2); font-size: 7px; line-height: 1.5; }
.profile-dimension-grid small { margin-top: 6px; color: var(--muted); font-size: 6px; }
.profile-source-line { min-height: 42px; margin-top: 10px; padding: 8px 9px; display: flex; align-items: center; gap: 6px; background: var(--paper-soft); border-radius: 5px; }
.profile-source-line > span { color: var(--muted); font-size: 7px; font-weight: 700; }
.profile-source-line > i { width: 1px; height: 18px; background: var(--line); }
.profile-source-line em { padding: 3px 5px; color: var(--ink-2); background: white; border: 1px solid var(--line); border-radius: 3px; font-size: 6px; font-style: normal; }
.profile-source-line button { margin-left: auto; padding: 5px 7px; color: var(--amber); background: var(--amber-soft); border: 0; border-radius: 4px; font-size: 6px; }
.account-list-panel > .section-head > span { color: var(--muted); font-size: 7px; }
.account-row { width: 100%; min-height: 59px; padding: 8px 3px; display: grid; grid-template-columns: 31px minmax(0,1fr) auto; align-items: center; gap: 8px; background: transparent; border: 0; border-top: 1px solid #edf0ee; text-align: left; }
.account-row.active { margin-top: 8px; padding: 8px; background: var(--blue-soft); border: 1px solid #d7e6f1; border-radius: 5px; }
.account-mini { width: 29px; height: 29px; display: grid; place-items: center; color: white; border-radius: 6px; }
.account-mini svg { width: 13px; }
.account-mini.douyin { background: #202b28; }.account-mini.xhs { background: var(--coral); }.account-mini.live { background: var(--blue); }.account-mini.meituan { background: var(--amber); }
.account-row b, .account-row small { display: block; }
.account-row b { font-size: 8px; }
.account-row small { margin-top: 4px; color: var(--muted); font-size: 6px; }
.account-row em { font-size: 6px; font-style: normal; }.account-row em.online { color: var(--green); }.account-row em.warning { color: var(--amber); }
.account-safety-note { margin-top: 10px; padding: 10px; display: grid; grid-template-columns: 24px 1fr; gap: 7px; color: var(--ink-2); background: var(--amber-soft); border-radius: 5px; }
.account-safety-note > svg { width: 17px; color: var(--amber); }
.account-safety-note b, .account-safety-note small { display: block; }.account-safety-note b { font-size: 7px; }.account-safety-note small { margin-top: 4px; font-size: 6px; line-height: 1.5; }
.positioning-board { margin-top: 16px; }
.positioning-board > .section-head > span { color: var(--muted); font-size: 7px; }
.positioning-grid { margin-top: 13px; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; }
.positioning-grid article { padding: 11px; display: grid; grid-template-columns: 24px 1fr; gap: 8px; border: 1px solid var(--line); border-radius: 6px; }
.positioning-grid article > span { width: 23px; height: 23px; display: grid; place-items: center; color: var(--coral); background: var(--coral-soft); border-radius: 5px; font-size: 6px; font-weight: 700; }
.positioning-grid b { font-size: 8px; }.positioning-grid p { margin-top: 5px; color: var(--muted); font-size: 7px; line-height: 1.5; }

.live-command-band { min-height: 92px; display: grid; grid-template-columns: minmax(250px,1fr) minmax(220px,.75fr) minmax(300px,1fr) 130px; align-items: stretch; color: white; background: #273530; border-radius: var(--radius); overflow: hidden; }
.live-command-band > div { padding: 15px; border-right: 1px solid rgba(255,255,255,.09); }
.live-account { display: grid; grid-template-columns: 36px 1fr; align-items: center; gap: 9px; }.live-account > span { width: 34px; height: 34px; display: grid; place-items: center; color: #efb8a8; background: rgba(201,91,61,.12); border-radius: 6px; }.live-account svg { width: 16px; }
.live-account small, .live-account b, .live-account p, .live-now small, .live-now b, .live-now p { display: block; }.live-account small, .live-now small { color: #91a69e; font-size: 6px; }.live-account b, .live-now b { margin-top: 3px; font-size: 9px; }.live-account p, .live-now p { margin-top: 4px; color: #aebfba; font-size: 6px; }
.live-now { display: flex; align-items: center; gap: 9px; }.live-now > i { width: 8px; height: 8px; background: var(--muted); border: 2px solid rgba(255,255,255,.15); border-radius: 50%; }
.live-scope { display: grid; grid-template-columns: repeat(3,1fr); gap: 6px; }.live-scope > span { padding: 7px; background: rgba(255,255,255,.05); border-radius: 5px; }.live-scope small, .live-scope b { display: block; }.live-scope small { color: #91a69e; font-size: 6px; }.live-scope b { margin-top: 5px; font-size: 9px; }
.live-command-band > button { min-height: 100%; padding: 10px; display: flex; align-items: center; justify-content: center; gap: 6px; color: white; background: var(--coral); border: 0; font-size: 7px; font-weight: 700; }.live-command-band > button svg { width: 13px; }
.live-growth-grid { margin-top: 16px; display: grid; grid-template-columns: minmax(0,1.45fr) minmax(280px,.55fr); gap: 16px; }
.live-phase-track { margin-top: 14px; display: grid; grid-template-columns: repeat(6,1fr); border: 1px solid var(--line); border-radius: 6px; overflow: hidden; }
.live-phase-track button { min-height: 72px; padding: 8px; background: var(--paper-soft); border: 0; border-right: 1px solid var(--line); text-align: left; }.live-phase-track button:last-child { border-right: 0; }.live-phase-track button.active { color: white; background: var(--blue); }.live-phase-track button.done { background: var(--green-soft); }
.live-phase-track span, .live-phase-track b, .live-phase-track small { display: block; }.live-phase-track span { color: var(--muted); font-size: 6px; }.live-phase-track b { margin-top: 5px; font-size: 7px; }.live-phase-track small { margin-top: 4px; color: var(--muted); font-size: 6px; line-height: 1.4; }.live-phase-track button.active span, .live-phase-track button.active small { color: #c9e0d8; }
.live-transcript-row { min-height: 82px; padding: 10px 0; display: grid; grid-template-columns: 35px 28px minmax(0,1fr) auto; align-items: center; gap: 8px; border-bottom: 1px solid var(--line); }.live-transcript-row time { color: var(--blue); font-size: 7px; font-weight: 700; }.speaker-avatar { width: 26px; height: 26px; display: grid; place-items: center; color: white; background: var(--coral); border-radius: 50%; font-size: 7px; }.live-transcript-row b { font-size: 8px; }.live-transcript-row p { margin-top: 4px; color: var(--ink-2); font-size: 7px; line-height: 1.5; }.live-transcript-row small { display: block; margin-top: 5px; color: var(--green); font-size: 6px; }.live-transcript-row button { padding: 5px 7px; display: flex; align-items: center; gap: 4px; color: var(--blue); background: var(--blue-soft); border: 0; border-radius: 4px; font-size: 6px; }.live-transcript-row button svg { width: 10px; }
.live-score { margin-top: 13px; padding: 11px; background: var(--paper-soft); border-radius: 5px; }.live-score span, .live-score b { display: block; }.live-score span { color: var(--muted); font-size: 7px; }.live-score b { margin-top: 3px; font-size: 20px; }.live-score > i { height: 4px; margin-top: 7px; display: block; overflow: hidden; background: var(--line); border-radius: 2px; }.live-score > i em { height: 100%; display: block; background: var(--green); }
.live-model-panel ol { margin: 10px 0 0; padding: 0; list-style: none; }.live-model-panel li { min-height: 55px; display: grid; grid-template-columns: 24px 1fr; align-items: center; gap: 7px; border-top: 1px solid var(--line); }.live-model-panel li > span { color: var(--coral); font-size: 6px; font-weight: 700; }.live-model-panel li b, .live-model-panel li small { display: block; }.live-model-panel li b { font-size: 7px; }.live-model-panel li small { margin-top: 4px; color: var(--muted); font-size: 6px; }
.live-script-workflow { margin-top: 16px; }.live-script-grid { margin-top: 13px; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; }.live-script-grid article { min-height: 89px; padding: 10px; border: 1px solid var(--line); border-radius: 6px; }.live-script-grid span, .live-script-grid b, .live-script-grid p { display: block; }.live-script-grid span { color: var(--blue); font-size: 6px; font-weight: 700; }.live-script-grid b { margin-top: 5px; font-size: 8px; line-height: 1.45; }.live-script-grid p { margin-top: 6px; color: var(--muted); font-size: 6px; line-height: 1.45; }.live-script-workflow > footer { margin-top: 11px; padding-top: 10px; display: flex; align-items: center; justify-content: space-between; gap: 12px; border-top: 1px solid var(--line); }.live-script-workflow > footer p { display: flex; align-items: center; gap: 6px; color: var(--muted); font-size: 7px; }.live-script-workflow > footer p svg { width: 13px; flex: 0 0 13px; color: var(--green); }
@media (max-width: 1280px) { .account-context-band { grid-template-columns: 1fr 1fr; }.account-security { grid-column: 1 / -1; }.account-foundation-grid, .live-growth-grid { grid-template-columns: 1fr; }.positioning-grid, .live-script-grid { grid-template-columns: 1fr 1fr; }.live-command-band { grid-template-columns: 1fr 1fr; }.live-command-band > button { min-height: 58px; }.live-phase-track { grid-template-columns: repeat(3,1fr); } }
@media (max-width: 1180px) { .content-context-strip { grid-template-columns: 1fr; }.publish-object-grid { grid-template-columns: 1fr 1fr; }.publish-object-grid > div { border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }.publish-object-grid > div:nth-child(even) { border-right: 0; }.publish-object-grid > div:nth-child(n+5) { border-bottom: 0; } }
@media (max-width: 760px) { .account-context-band, .live-command-band { grid-template-columns: 1fr; }.account-security { grid-column: auto; }.account-context-band > div { border-right: 0; border-bottom: 1px solid rgba(255,255,255,.09); }.account-context-tags { grid-template-columns: 1fr 1fr; }.profile-dimension-grid, .positioning-grid, .live-script-grid { grid-template-columns: 1fr; }.profile-source-line { align-items: flex-start; flex-wrap: wrap; }.profile-source-line button { margin-left: 0; }.live-phase-track { grid-template-columns: 1fr 1fr; }.live-transcript-row { grid-template-columns: 32px 25px 1fr; }.live-transcript-row button { grid-column: 3; justify-self: start; }.live-script-workflow > footer, .controlled-publish-pack > footer { align-items: flex-start; flex-direction: column; }.content-goal-switch { grid-template-columns: 1fr; }.publish-object-grid { grid-template-columns: 1fr; }.publish-object-grid > div { border-right: 0; border-bottom: 1px solid var(--line); }.publish-object-grid > div:nth-child(n) { border-right: 0; }.publish-object-grid > div:last-child { border-bottom: 0; } }

/* Beijiamei portfolio operations */
.portfolio-page { max-width: 1680px; margin: 0 auto; }
.portfolio-source-banner { min-height: 104px; margin-bottom: 14px; padding: 14px 16px; display: grid; grid-template-columns: 42px minmax(0,1fr) auto; align-items: center; gap: 12px; color: white; background: #273530; border: 1px solid #1e2a26; border-radius: var(--radius); }
.portfolio-source-icon { width: 40px; height: 40px; display: grid; place-items: center; color: #a9d2c0; background: rgba(255,255,255,.07); border-radius: 6px; }
.portfolio-source-icon svg { width: 18px; }
.portfolio-source-banner small { color: #8fa79f; font-size: 7px; }.portfolio-source-banner h3 { margin-top: 4px; font-size: 14px; }.portfolio-source-banner p { margin-top: 6px; color: #b5c4be; font-size: 8px; line-height: 1.55; }
.portfolio-source-status { min-width: 178px; padding-left: 15px; border-left: 1px solid rgba(255,255,255,.1); }.portfolio-source-status > span { display: flex; align-items: center; gap: 6px; color: #f0c979; font-size: 8px; }.portfolio-source-status > span i { width: 6px; height: 6px; background: #d7a341; border-radius: 50%; }.portfolio-source-status button { margin-top: 9px; padding: 0; display: flex; align-items: center; gap: 4px; color: white; background: transparent; border: 0; font-size: 7px; }.portfolio-source-status svg { width: 10px; }
.portfolio-kpis { margin-bottom: 14px; display: grid; grid-template-columns: repeat(4,1fr); background: var(--paper); border: 1px solid var(--line); border-radius: var(--radius); }.portfolio-kpis > div { min-height: 78px; padding: 13px 15px; display: grid; grid-template-columns: 1fr auto; align-content: center; gap: 4px 8px; border-right: 1px solid var(--line); }.portfolio-kpis > div:last-child { border-right: 0; }.portfolio-kpis span { color: var(--muted); font-size: 8px; }.portfolio-kpis b { grid-row: span 2; font-size: 22px; }.portfolio-kpis small { color: var(--muted); font-size: 7px; }
.portfolio-operations-grid { display: grid; grid-template-columns: minmax(0,1.45fr) minmax(300px,.55fr); gap: 14px; }.report-factory-panel, .data-ingestion-panel, .conversion-funnel-panel, .store-archetype-panel, .requirement-ledger-panel { padding: 16px; background: var(--paper); border: 1px solid var(--line); border-radius: var(--radius); }
.report-baseline { margin-top: 12px; padding: 10px; display: grid; grid-template-columns: 1fr 24px 1fr; align-items: center; gap: 8px; background: var(--paper-soft); border-radius: 6px; }.report-baseline > svg { width: 13px; color: var(--muted); }.report-baseline span,.report-baseline b,.report-baseline small { display: block; }.report-baseline span { color: var(--muted); font-size: 7px; }.report-baseline b { margin-top: 4px; font-size: 9px; }.report-baseline small { margin-top: 4px; color: var(--amber); font-size: 6px; }
.report-queue { margin-top: 10px; }.report-queue article { min-height: 55px; display: grid; grid-template-columns: 30px minmax(0,1fr) 55px 48px; align-items: center; gap: 8px; border-top: 1px solid var(--line); }.report-queue article:first-child { border-top: 0; }.report-type { width: 27px; height: 27px; display: grid; place-items: center; color: white; background: var(--blue); border-radius: 5px; font-size: 8px; font-weight: 700; }.report-type.daily { background: var(--green); }.report-type.monthly { background: var(--amber); }.report-queue b,.report-queue small { display: block; }.report-queue b { font-size: 8px; }.report-queue small { margin-top: 4px; color: var(--muted); font-size: 6px; }.report-queue em { color: var(--blue); font-size: 6px; font-style: normal; }.report-queue em.ready { color: var(--green); }.report-queue em.blocked { color: var(--danger); }.report-queue button { height: 24px; color: var(--blue); background: var(--blue-soft); border: 0; border-radius: 4px; font-size: 6px; }
.ingestion-health { display: flex; align-items: center; gap: 5px; color: var(--green); font-size: 7px; }.ingestion-health i { width: 6px; height: 6px; background: var(--green); border-radius: 50%; }.ingestion-list { margin: 10px 0; }.ingestion-list article { min-height: 51px; display: grid; grid-template-columns: 28px minmax(0,1fr) auto; align-items: center; gap: 7px; border-top: 1px solid var(--line); }.ingestion-list article:first-child { border-top: 0; }.ingestion-list article > span { width: 26px; height: 26px; display: grid; place-items: center; color: var(--blue); background: var(--blue-soft); border-radius: 5px; }.ingestion-list svg { width: 12px; }.ingestion-list b,.ingestion-list small { display: block; }.ingestion-list b { font-size: 7px; }.ingestion-list small { margin-top: 4px; color: var(--muted); font-size: 6px; }.ingestion-list em { color: var(--green); font-size: 6px; font-style: normal; }.ingestion-list em.warning { color: var(--amber); }.ingestion-list em.missing { color: var(--danger); }
.conversion-funnel-panel { margin-top: 14px; }.conversion-funnel-track { margin-top: 13px; display: flex; align-items: stretch; gap: 7px; overflow-x: auto; }.conversion-funnel-track > article { min-width: 150px; flex: 1; padding: 10px; display: grid; grid-template-columns: 22px 1fr; grid-template-rows: 1fr auto; gap: 7px; border: 1px solid var(--line); border-radius: 6px; }.conversion-funnel-track > article > span { width: 21px; height: 21px; display: grid; place-items: center; color: var(--blue); background: var(--blue-soft); border-radius: 4px; font-size: 6px; }.conversion-funnel-track small,.conversion-funnel-track b,.conversion-funnel-track p { display: block; }.conversion-funnel-track small { color: var(--muted); font-size: 6px; }.conversion-funnel-track b { margin-top: 3px; font-size: 15px; }.conversion-funnel-track p { margin-top: 4px; color: var(--muted); font-size: 6px; }.conversion-funnel-track em { grid-column: 1 / -1; color: var(--amber); font-size: 6px; font-style: normal; }.conversion-funnel-track > svg { width: 11px; align-self: center; flex: 0 0 11px; color: var(--muted); }.conversion-funnel-panel > footer { margin-top: 11px; padding-top: 10px; display: grid; grid-template-columns: 18px 1fr auto; align-items: center; gap: 8px; border-top: 1px solid var(--line); }.conversion-funnel-panel > footer > svg { width: 14px; color: var(--amber); }.conversion-funnel-panel > footer b,.conversion-funnel-panel > footer span { display: block; }.conversion-funnel-panel > footer b { font-size: 8px; }.conversion-funnel-panel > footer span { margin-top: 3px; color: var(--muted); font-size: 6px; }.conversion-funnel-panel > footer button { height: 26px; padding: 0 8px; color: var(--amber); background: var(--amber-soft); border: 0; border-radius: 4px; font-size: 6px; }
.portfolio-bottom-grid { margin-top: 14px; display: grid; grid-template-columns: minmax(0,1.25fr) minmax(300px,.75fr); gap: 14px; }.store-archetype-panel .section-head > button { display: flex; align-items: center; gap: 4px; color: var(--blue); background: transparent; border: 0; font-size: 7px; }.store-archetype-panel .section-head svg { width: 11px; }.store-archetype-grid { margin-top: 12px; display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; }.store-archetype-grid article { padding: 10px; border: 1px solid var(--line); border-radius: 6px; }.store-archetype-grid article > span { width: 27px; height: 27px; display: grid; place-items: center; color: var(--blue); background: var(--blue-soft); border-radius: 5px; }.store-archetype-grid svg { width: 12px; }.store-archetype-grid b,.store-archetype-grid p,.store-archetype-grid em { display: block; }.store-archetype-grid b { margin-top: 8px; font-size: 8px; }.store-archetype-grid p { margin-top: 5px; color: var(--muted); font-size: 6px; line-height: 1.45; }.store-archetype-grid em { margin-top: 7px; color: var(--amber); font-size: 6px; font-style: normal; }
.requirement-ledger-panel ul { margin: 10px 0 0; padding: 0; list-style: none; }.requirement-ledger-panel li { min-height: 49px; display: grid; grid-template-columns: 8px 1fr auto; align-items: center; gap: 7px; border-top: 1px solid var(--line); }.requirement-ledger-panel li:first-child { border-top: 0; }.requirement-ledger-panel li > i { width: 6px; height: 6px; border-radius: 50%; }.requirement-ledger-panel i.confirmed { background: var(--green); }.requirement-ledger-panel i.pending { background: var(--amber); }.requirement-ledger-panel i.blocked { background: var(--danger); }.requirement-ledger-panel b,.requirement-ledger-panel small { display: block; }.requirement-ledger-panel b { font-size: 7px; }.requirement-ledger-panel small { margin-top: 3px; color: var(--muted); font-size: 6px; }.requirement-ledger-panel li > em { color: var(--blue); font-size: 6px; font-style: normal; }

.platform-deliverable-board { margin-bottom: 12px; padding: 14px; background: var(--paper); border: 1px solid var(--line); border-radius: var(--radius); }.platform-deliverable-grid { margin-top: 11px; display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; }.platform-deliverable-grid article { min-height: 70px; padding: 9px; display: grid; grid-template-columns: 32px 1fr auto 24px; align-items: center; gap: 7px; border: 1px solid var(--line); border-radius: 6px; }.deliverable-icon { width: 30px; height: 30px; display: grid; place-items: center; color: white; border-radius: 5px; }.deliverable-icon.xhs { background: var(--coral); }.deliverable-icon.douyin { background: var(--ink); }.deliverable-icon.meituan { background: var(--amber); }.deliverable-icon svg { width: 13px; }.platform-deliverable-grid small,.platform-deliverable-grid b,.platform-deliverable-grid p { display: block; }.platform-deliverable-grid small { color: var(--muted); font-size: 6px; }.platform-deliverable-grid b { margin-top: 3px; font-size: 8px; }.platform-deliverable-grid p { margin-top: 4px; color: var(--muted); font-size: 6px; line-height: 1.4; }.platform-deliverable-grid em { color: var(--blue); font-size: 6px; font-style: normal; }.platform-deliverable-grid em.warning { color: var(--amber); }.platform-deliverable-grid button { width: 23px; height: 23px; display: grid; place-items: center; color: var(--muted); background: var(--paper-soft); border: 0; border-radius: 4px; }.platform-deliverable-grid button svg { width: 11px; }

.profile-view-panel { display: none; }.profile-view-panel.active { display: block; }.profile-markdown { margin-top: 12px; border: 1px solid var(--line); border-radius: 6px; overflow: hidden; }.profile-markdown > header { min-height: 50px; padding: 9px 11px; display: grid; grid-template-columns: 29px 1fr auto; align-items: center; gap: 8px; background: var(--paper-soft); border-bottom: 1px solid var(--line); }.profile-markdown > header > span { width: 27px; height: 27px; display: grid; place-items: center; color: var(--blue); background: var(--blue-soft); border-radius: 5px; }.profile-markdown svg { width: 12px; }.profile-markdown small,.profile-markdown b { display: block; }.profile-markdown small { color: var(--muted); font-size: 6px; }.profile-markdown b { margin-top: 3px; font-size: 8px; }.profile-markdown header em { color: var(--green); font-size: 6px; font-style: normal; }.markdown-document { padding: 13px; font-family: ui-monospace, Consolas, monospace; }.markdown-document h4 { margin: 9px 0 5px; color: var(--blue); font-size: 8px; }.markdown-document h4:first-child { margin-top: 0; }.markdown-document p { color: var(--ink-2); font-size: 7px; line-height: 1.7; }.markdown-document small { color: var(--muted); }.profile-markdown > footer { padding: 8px 11px; display: flex; align-items: center; gap: 5px; color: var(--green); background: var(--green-soft); font-size: 6px; }
.requirement-audit-list,.recording-file-list { margin-top: 12px; }.requirement-audit-list article,.recording-file-list article { min-height: 58px; padding: 8px 0; display: grid; grid-template-columns: 70px 1fr auto; align-items: center; gap: 9px; border-top: 1px solid var(--line); }.requirement-audit-list article:first-child,.recording-file-list article:first-child { border-top: 0; }.requirement-audit-list article > span { padding: 4px 6px; color: var(--blue); background: var(--blue-soft); border-radius: 4px; font-size: 7px; text-align: center; }.requirement-audit-list article.blocked > span { color: var(--danger); background: #fbe8e6; }.requirement-audit-list article.suggestion > span { color: var(--amber); background: var(--amber-soft); }.requirement-audit-list b,.requirement-audit-list p { display: block; }.requirement-audit-list b { font-size: 8px; }.requirement-audit-list p { margin-top: 4px; color: var(--muted); font-size: 7px; line-height: 1.45; }.requirement-audit-list em { color: var(--green); font-size: 7px; font-style: normal; }.requirement-audit-list article.blocked em { color: var(--danger); }
.recording-file-list article { grid-template-columns: 30px 1fr 70px 42px; }.recording-file-list article > span { width: 28px; height: 28px; display: grid; place-items: center; color: var(--blue); background: var(--blue-soft); border-radius: 5px; }.recording-file-list b,.recording-file-list small { display: block; }.recording-file-list b { font-size: 8px; }.recording-file-list small { margin-top: 4px; color: var(--muted); font-size: 7px; }.recording-file-list em { color: var(--green); font-size: 7px; font-style: normal; }.recording-file-list em.warning { color: var(--amber); }.recording-file-list button { height: 24px; color: var(--blue); background: var(--blue-soft); border: 0; border-radius: 4px; font-size: 6px; }.recording-timeline { margin-top: 12px; height: 34px; display: flex; overflow: hidden; border-radius: 5px; }.recording-timeline span { width: var(--w); display: grid; place-items: center; color: white; background: var(--green); border-right: 1px solid rgba(255,255,255,.35); font-size: 6px; }.recording-timeline span.has-gap { background: var(--amber); }
.recording-file-list article.selected { padding-right: 8px; padding-left: 8px; background: var(--blue-soft); border-radius: 5px; }
.deliverable-queue-intro { padding: 11px; display: grid; grid-template-columns: 34px minmax(0,1fr) auto; align-items: center; gap: 9px; background: var(--paper-soft); border: 1px solid var(--line); border-radius: 6px; }.deliverable-queue-intro b,.deliverable-queue-intro p { display: block; }.deliverable-queue-intro b { font-size: 9px; }.deliverable-queue-intro p { margin-top: 4px; color: var(--muted); font-size: 7px; }.deliverable-queue-intro em { color: var(--green); font-size: 7px; font-style: normal; white-space: nowrap; }
.deliverable-queue-list { margin-top: 10px; border-top: 1px solid var(--line); }.deliverable-queue-list article { min-height: 61px; padding: 7px 3px; display: grid; grid-template-columns: 25px minmax(0,1fr) 72px 26px; align-items: center; gap: 8px; border-bottom: 1px solid var(--line); }.deliverable-queue-list article.selected { margin: 0 -6px; padding-right: 9px; padding-left: 9px; background: var(--blue-soft); border-radius: 5px; }.deliverable-queue-list article > span { color: var(--muted); font-size: 7px; }.deliverable-queue-list b,.deliverable-queue-list small { display: block; }.deliverable-queue-list b { font-size: 8px; }.deliverable-queue-list small { margin-top: 4px; color: var(--muted); font-size: 7px; line-height: 1.4; }.deliverable-queue-list em { font-size: 7px; font-style: normal; text-align: right; }.deliverable-queue-list em.review { color: var(--blue); }.deliverable-queue-list em.warning { color: var(--amber); }.deliverable-queue-list em.blocked { color: var(--danger); }.deliverable-queue-list em.ready { color: var(--green); }.deliverable-queue-list button { width: 25px; height: 25px; display: grid; place-items: center; color: var(--blue); background: var(--blue-soft); border: 0; border-radius: 4px; }.deliverable-queue-list button svg { width: 11px; }
.deliverable-queue-note { margin-top: 11px; padding: 9px; display: grid; grid-template-columns: 18px minmax(0,1fr); gap: 7px; align-items: start; color: var(--green); background: var(--green-soft); border-radius: 5px; }.deliverable-queue-note svg { width: 13px; }.deliverable-queue-note p { color: var(--ink-2); font-size: 7px; line-height: 1.5; }
.live-timeline-panel { scroll-margin-top: 78px; transition: border-color .18s, box-shadow .18s; }.live-timeline-panel:focus { outline: 0; }.live-timeline-panel.focus-highlight { border-color: var(--blue); box-shadow: 0 0 0 3px rgba(62,113,146,.15); }

@media (max-width: 1180px) { .portfolio-operations-grid,.portfolio-bottom-grid { grid-template-columns: 1fr; }.platform-deliverable-grid { grid-template-columns: 1fr; } }
@media (max-width: 1040px) { .content-layout { grid-template-columns: minmax(0, 1fr); }.content-layout > * { min-width: 0; } }
@media (max-width: 760px) { .portfolio-source-banner { grid-template-columns: 38px 1fr; }.portfolio-source-status { grid-column: 1 / -1; padding: 10px 0 0; border-left: 0; border-top: 1px solid rgba(255,255,255,.1); }.portfolio-kpis { grid-template-columns: 1fr 1fr; }.portfolio-kpis > div:nth-child(2) { border-right: 0; }.portfolio-kpis > div:nth-child(-n+2) { border-bottom: 1px solid var(--line); }.store-archetype-grid { grid-template-columns: 1fr; }.conversion-funnel-track { padding-bottom: 5px; }.conversion-funnel-panel > footer { grid-template-columns: 18px 1fr; }.conversion-funnel-panel > footer button { grid-column: 2; justify-self: start; }.report-queue article { grid-template-columns: 28px 1fr auto; }.report-queue article button { grid-column: 2; justify-self: start; }.profile-core { grid-template-columns: 38px 1fr; }.profile-core em { grid-column: 2; justify-self: start; }.requirement-audit-list article { grid-template-columns: 62px 1fr; }.requirement-audit-list em { grid-column: 2; }.recording-file-list article { grid-template-columns: 28px 1fr; }.recording-file-list article em,.recording-file-list article button { grid-column: 2; justify-self: start; }.deliverable-queue-intro { grid-template-columns: 32px minmax(0,1fr); }.deliverable-queue-intro em { grid-column: 2; }.deliverable-queue-list article { grid-template-columns: 22px minmax(0,1fr) 26px; }.deliverable-queue-list article > em { grid-column: 2; text-align: left; }.deliverable-queue-list article > button { grid-column: 3; grid-row: 1 / span 2; } }
@media (max-width: 520px) { .portfolio-kpis { grid-template-columns: 1fr; }.portfolio-kpis > div { border-right: 0; border-bottom: 1px solid var(--line); }.report-baseline { grid-template-columns: 1fr; }.report-baseline > svg { transform: rotate(90deg); }.platform-deliverable-grid article { grid-template-columns: 30px 1fr 24px; }.platform-deliverable-grid article em { grid-column: 2; } }