:root { --primary:#215b51; --dark:#173c37; --bg:#f4f7f6; --line:#dfe7e4; --muted:#64736f; --warning:#b76a16; --success:#2f7d55; --risk:#ad3f3f; --info:#2f6487; }
* { box-sizing:border-box; }
body { margin:0; font-family:"Microsoft YaHei",Arial,sans-serif; color:#24332f; background:var(--bg); }
header { min-height:64px; padding:10px 4vw; background:var(--dark); color:white; display:flex; align-items:center; gap:24px; }
.brand { flex:0 0 auto;color:white; text-decoration:none; font-size:18px; line-height:1.25;font-weight:700; }
nav { flex:1;display:flex; gap:6px; align-items:center; justify-content:flex-end; flex-wrap:wrap; } nav a,.link-button { color:#e7f2ef; text-decoration:none; }
nav a,nav span,.link-button { flex:0 0 auto;white-space:nowrap;word-break:keep-all;line-height:1.2; }
nav a,.link-button { display:inline-flex;align-items:center;min-height:32px;padding:6px 8px;border-radius:5px; }
nav a:hover,.link-button:hover { background:rgba(255,255,255,.1); }
nav span { padding:7px 4px;color:#fff; }
nav form { flex:0 0 auto;margin:0; }.link-button { border:0;background:none;cursor:pointer;font:inherit; }
.workspace-switcher { position:relative;flex:0 1 360px; }
.workspace-switcher summary { list-style:none;cursor:pointer;display:flex;align-items:center;min-height:34px;padding:6px 10px;border:1px solid rgba(255,255,255,.22);border-radius:6px;color:#fff;background:rgba(255,255,255,.08);white-space:normal;line-height:1.25; }
.workspace-switcher summary::-webkit-details-marker { display:none; }
.workspace-switcher summary:after { content:"▾";margin-left:8px;color:#d9ebe7; }
.workspace-switcher[open] summary:after { content:"▴"; }
.workspace-panel { position:absolute;right:0;top:42px;width:min(420px,90vw);z-index:20;background:#fff;color:#24332f;border:1px solid var(--line);border-radius:8px;padding:14px;box-shadow:0 12px 28px rgba(10,35,30,.22); }
.workspace-panel section + section { margin-top:12px;padding-top:12px;border-top:1px solid var(--line); }
.workspace-panel h3 { margin:0 0 8px;font-size:13px;color:#36514b; }
.workspace-current { display:grid;gap:3px;border:1px solid #cfe0dc;background:#f3faf8;border-radius:6px;padding:10px; }
.workspace-current span,.workspace-panel .muted { color:var(--muted);font-size:12px; }
.workspace-option { width:100%;border:1px solid var(--line);background:#fff;color:#24332f;text-align:left;border-radius:6px;padding:9px 10px;margin:4px 0;cursor:pointer;font:inherit; }
.workspace-option span { display:block;color:#24332f;padding:0;white-space:normal; }
.workspace-option small { display:block;color:var(--muted);margin-top:3px; }
.workspace-option.active { border-color:var(--primary);background:#edf6f4; }
.workspace-history-link { display:block;color:var(--primary);text-decoration:none;font-weight:600;line-height:1.4; }
main { max-width:1280px; margin:32px auto; padding:0 24px 60px; }
h1 { margin:0 0 8px; font-size:28px; } h2 { margin:0 0 18px; font-size:18px; } h2 small { color:var(--muted); font-weight:400; } h3 { margin:18px 0 10px;font-size:15px;color:#36514b; }
.page-title { display:flex; justify-content:space-between; align-items:center; margin-bottom:24px; }.page-title p,.muted { margin:0;color:var(--muted); }
.card { background:white; border:1px solid var(--line); border-radius:10px; padding:22px; margin-bottom:18px; box-shadow:0 2px 8px rgba(20,55,48,.04); overflow:auto; }
.working-cycle-bar { display:flex;align-items:center;justify-content:space-between;gap:14px;background:#edf6f4;border:1px solid #cfe0dc;border-left:4px solid var(--primary);border-radius:8px;padding:14px 16px;margin-bottom:18px; }
.working-cycle-bar .eyebrow { display:block;color:var(--muted);font-size:12px;margin-bottom:4px; }
.working-cycle-bar strong { display:block;color:var(--dark);font-size:18px;line-height:1.25; }
.working-cycle-meta { display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-left:auto; }
.historical-cycle-notice { display:flex;justify-content:space-between;gap:12px;background:#fff8ea;border:1px solid #efd5a8;border-left:4px solid var(--warning);border-radius:8px;padding:12px 14px;margin-bottom:18px;color:#6d4814; }
.historical-cycle-notice span { color:#7a674e; }
.metric-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:14px; margin-bottom:18px; }
.metric { background:white;border:1px solid var(--line);border-radius:10px;padding:18px; }.metric span { display:block;color:var(--muted);font-size:13px;margin-bottom:8px; }.metric strong { font-size:24px;color:var(--primary); }
.role-panel { overflow:visible;border-left:5px solid var(--primary);padding:22px;background:#fff; }
.role-panel-hr { border-left-color:var(--primary); }
.role-panel-manager { border-left-color:#4f8f7a; }
.role-panel-boss { border-left-color:var(--info); }
.role-panel-self { border-left-color:var(--success); }
.role-panel-head { display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:18px;align-items:stretch;margin-bottom:18px; }
.role-panel-kicker { display:block;color:var(--primary);font-size:13px;font-weight:700;margin-bottom:7px; }
.role-panel h2 { margin:0 0 8px;font-size:22px;line-height:1.3; }
.role-status-banner { min-width:0;border:1px solid #cfe0dc;border-radius:8px;background:#edf6f4;padding:16px;display:flex;flex-direction:column;justify-content:center; }
.role-status-banner span { color:var(--muted);font-size:12px;font-weight:700;margin-bottom:7px; }
.role-status-banner strong { color:var(--dark);font-size:20px;line-height:1.35;overflow-wrap:anywhere; }
.role-panel-section { margin-top:16px; }
.role-section-title { display:flex;align-items:center;justify-content:space-between;margin-bottom:10px; }
.role-section-title h3,.role-action-card h3,.role-safety-card h3 { margin:0;color:#36514b;font-size:15px;line-height:1.35; }
.role-metric-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px; }
.role-metric { min-width:0;border:1px solid #dfe9e6;border-radius:8px;background:#fbfcfc;padding:12px; }
.role-metric span { display:block;color:var(--muted);font-size:12px;margin-bottom:6px; }
.role-metric strong { display:block;color:var(--primary);font-size:20px;line-height:1.25;overflow-wrap:anywhere; }
.role-metric small { display:block;color:#6c7a75;font-size:12px;line-height:1.4;margin-top:6px; }
.role-step-list { list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px; }
.role-step-list li { min-width:0;border:1px solid #dfe9e6;border-radius:8px;background:#fbfcfc;padding:12px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:9px;align-items:flex-start; }
.role-step-list li > span { width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#e6efec;color:#52635f;font-weight:700;font-size:13px; }
.role-step-list strong { display:block;color:var(--dark);line-height:1.35;margin-bottom:4px;overflow-wrap:anywhere; }
.role-step-list small { display:block;color:var(--muted);font-size:12px;line-height:1.45;overflow-wrap:anywhere; }
.role-step-list li.active { border-color:#e7b86b;background:#fffaf2; }
.role-step-list li.active > span { background:var(--warning);color:#fff; }
.role-step-list li.done { border-color:#cfe5d8;background:#f6fbf8; }
.role-step-list li.done > span { background:var(--success);color:#fff; }
.role-panel-bottom { display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px; }
.role-action-card,.role-safety-card { border:1px solid #dfe9e6;border-radius:8px;background:#fbfcfc;padding:14px; }
.role-action-card { border-left:4px solid var(--primary); }
.role-safety-card { border-left:4px solid var(--warning); }
.role-action-card ul,.role-safety-card ul { margin:10px 0 0;padding-left:18px;color:#425651;line-height:1.6; }
.role-action-card li,.role-safety-card li { margin:4px 0;overflow-wrap:anywhere; }
.manager-empty-state { border-left:4px solid #4f8f7a;overflow:visible; }
.manager-empty-head { margin-bottom:14px; }
.manager-empty-head .eyebrow { display:block;color:#4f8f7a;font-size:12px;font-weight:700;margin-bottom:6px; }
.manager-empty-head h2 { margin-bottom:7px;font-size:20px; }
.manager-empty-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px; }
.manager-empty-grid div { border:1px solid #dfe9e6;border-radius:8px;background:#fbfcfc;padding:14px; }
.manager-empty-grid h3 { margin:0 0 8px;font-size:15px;color:#36514b; }
.manager-empty-grid p { margin:0;color:#53635f;line-height:1.55;overflow-wrap:anywhere; }
.result-hero { display:grid;grid-template-columns:minmax(0,1.3fr) minmax(360px,1fr);gap:20px;align-items:center; }
.result-hero h2 { margin:10px 0 8px;font-size:24px; }
.result-hero-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px; }
.result-hero-grid div { border:1px solid var(--line);border-radius:8px;padding:14px;background:#f8faf9; }
.result-hero-grid span { display:block;color:var(--muted);font-size:13px;margin-bottom:6px; }
.result-hero-grid strong { color:var(--primary);font-size:22px; }
.summary-hero { display:flex;justify-content:space-between;gap:18px;align-items:center; }
.summary-hero h2 { margin:10px 0 8px;font-size:24px; }
.summary-actions { display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end; }
.summary-export-hold { max-width:340px;border:1px solid #efd5a8;border-left:4px solid var(--warning);border-radius:9px;background:#fff8ea;padding:12px 14px;color:#6d4814; }
.summary-export-hold strong { display:block;margin-bottom:5px; }
.summary-export-hold span { display:block;color:#7a674e;line-height:1.45;font-size:13px; }
.summary-section { margin-bottom:18px; }
.summary-clear { display:flex;justify-content:space-between;gap:12px;align-items:center;background:#edf7f1;border:1px solid #c8dfd0;border-left:4px solid var(--success);border-radius:8px;padding:14px 16px;margin-bottom:18px;color:#265a3c; }
.summary-clear span { color:#4e665a; }
.compact-metrics { grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); }
.metric-risk { border-left-color:var(--risk) !important; }.metric-risk strong { color:var(--risk); }
.grade-list { display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-top:12px; }
.grade-list div,.summary-item { border:1px solid var(--line);border-radius:8px;padding:12px;background:#f8faf9; }
.grade-list span { display:block;color:var(--muted);font-size:13px;margin-bottom:6px; }
.grade-list strong { font-size:20px;color:var(--primary); }
.summary-item { display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px; }
.summary-item p { margin:4px 0 0; }
.flow-metrics .metric { border-left:4px solid #cbd8d4; }
.flow-control-card { border-left:4px solid #4f8f7a;overflow:visible; }
.flow-control-steps { list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px; }
.flow-control-step { min-width:0;border:1px solid #dfe9e6;border-radius:9px;background:#fbfcfc;padding:12px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:9px;align-items:start; }
.flow-control-step span { width:26px;height:26px;border-radius:50%;background:#e6efec;color:#53635f;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:13px; }
.flow-control-step strong { display:block;color:var(--dark);line-height:1.35;margin-bottom:4px; }
.flow-control-step small { display:block;color:var(--muted);line-height:1.45; }
.flow-control-step.active { border-color:#e7b86b;background:#fffaf2; }
.flow-control-step.active span { background:#b76a13;color:#fff; }
.flow-control-step.done { border-color:#cfe5d8;background:#f6fbf8; }
.flow-control-step.done span { background:var(--success);color:#fff; }
.assessment-mode-card { border-left:4px solid var(--primary);overflow:visible; }
.assessment-mode-card.entry-only { padding:24px; }
.hr-home-title { margin-bottom:14px; }
.hr-home-routing-strip { display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid #cfe0dc;border-left:5px solid var(--primary);border-radius:9px;background:#edf6f4;padding:12px 16px;margin-bottom:16px;overflow:visible; }
.hr-home-routing-strip.bimonthly { border-left-color:#4f8f7a;background:#f1f8f5; }
.hr-home-routing-strip strong { color:var(--dark);font-size:16px;line-height:1.35;overflow-wrap:anywhere; }
.hr-home-routing-strip span { color:#425651;line-height:1.45;overflow-wrap:anywhere; }
.hr-home-dual-entry-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch; }
.hr-home-entry-item { min-width:0;display:flex;flex-direction:column;gap:16px;border-left:5px solid var(--primary);overflow:visible; }
.hr-home-entry-item.bimonthly { border-left-color:#4f8f7a; }
.hr-home-entry-item.recommended { background:#fbfdfc;box-shadow:0 10px 24px rgba(24,78,68,.10); }
.hr-home-entry-head { display:flex;justify-content:space-between;gap:12px;align-items:flex-start; }
.hr-home-entry-head .eyebrow { display:block;color:var(--primary);font-size:13px;font-weight:700;margin-bottom:7px; }
.hr-home-entry-item.bimonthly .eyebrow { color:#4f8f7a; }
.hr-home-entry-head h2 { margin:0;font-size:23px;line-height:1.28;color:var(--dark);overflow-wrap:anywhere; }
.recommendation-badge { flex:0 0 auto;border:1px solid #d9b36f;border-radius:999px;background:#fff7e8;color:#8a5712;padding:5px 10px;font-size:12px;font-weight:700;line-height:1.2;white-space:nowrap; }
.hr-home-entry-facts { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0; }
.hr-home-entry-facts div { min-width:0;border:1px solid #dfe9e6;border-radius:8px;background:#fff;padding:11px; }
.hr-home-entry-facts div:nth-child(3),.hr-home-entry-facts div:nth-child(5) { grid-column:1 / -1; }
.hr-home-entry-facts dt { color:var(--muted);font-size:12px;margin-bottom:6px; }
.hr-home-entry-facts dd { margin:0;color:#243a35;font-weight:700;line-height:1.4;overflow-wrap:anywhere; }
.hr-home-entry-item .button { margin-top:auto;align-self:flex-start; }
.quarterly-priority-card,.quarterly-empty-card { border-left:5px solid var(--primary);overflow:visible;display:grid;gap:16px; }
.quarterly-priority-card { grid-template-columns:minmax(240px,.95fr) minmax(360px,1.1fr) minmax(220px,.75fr);align-items:center;background:#fbfcfc; }
.quarterly-priority-card .eyebrow { display:block;color:var(--primary);font-size:13px;font-weight:700;margin-bottom:6px; }
.quarterly-priority-card h2 { margin-bottom:6px;font-size:22px; }
.readiness-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px; }
.readiness-grid div { border:1px solid #dfe9e6;border-radius:9px;background:#fff;padding:12px; }
.readiness-grid span { display:block;color:var(--muted);font-size:12px;margin-bottom:6px; }
.readiness-grid strong { display:block;color:var(--dark);font-size:17px;line-height:1.35; }
.hrbp-next-step,.quarterly-empty-note { border:1px solid #cfe0dc;border-left:4px solid var(--primary);border-radius:9px;background:#edf6f4;padding:12px 14px; }
.hrbp-next-step strong,.quarterly-empty-note strong { display:block;color:var(--dark);margin-bottom:5px; }
.hrbp-next-step span,.quarterly-empty-note span { color:#53635f;line-height:1.45; }
.quarterly-empty-note { margin-top:14px; }
.assessment-mode-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:stretch; }
.assessment-mode-grid.entry-grid { gap:18px; }
.assessment-mode-item { display:flex;flex-direction:column;gap:14px;border:1px solid #dfe9e6;border-radius:10px;background:#fbfcfc;padding:16px; }
.entry-grid .assessment-mode-item { min-height:310px;padding:20px; }
.assessment-mode-item.quarterly { border-left:5px solid var(--primary); }
.assessment-mode-item.bimonthly { border-left:5px solid #4f8f7a; }
.assessment-mode-item.uncategorized { grid-column:1 / -1;border-left:5px solid var(--warning);background:#fffaf2; }
.assessment-mode-item.selected { box-shadow:0 8px 22px rgba(20,55,48,.08);background:#f6fbfa; }
.assessment-mode-head span { display:block;color:var(--muted);font-size:13px;font-weight:700;margin-bottom:6px; }
.assessment-mode-head strong { display:block;color:var(--dark);font-size:20px;line-height:1.35; }
.entry-grid .assessment-mode-head strong { font-size:22px; }
.assessment-mode-facts { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0; }
.entry-grid .assessment-mode-facts { grid-template-columns:repeat(2,minmax(0,1fr)); }
.assessment-mode-facts div { border:1px solid #e5eeeb;border-radius:8px;background:#fff;padding:10px; }
.assessment-mode-facts dt { color:var(--muted);font-size:12px;margin-bottom:5px; }
.assessment-mode-facts dd { margin:0;color:#263a35;line-height:1.45;font-weight:700; }
.entry-grid .assessment-mode-facts div:last-child { grid-column:1 / -1; }
.entry-grid .button { margin-top:auto;align-self:flex-start; }
.assessment-cycle-list { display:flex;gap:8px;flex-wrap:wrap;margin-top:auto; }
.assessment-cycle-list a { border:1px solid #dbe8e4;border-radius:999px;background:#fff;color:#425651;text-decoration:none;padding:6px 10px;font-size:13px;line-height:1.35; }
.assessment-cycle-list a.active { border-color:var(--primary);background:#eaf3f1;color:var(--primary);font-weight:700; }
.assessment-empty { margin:auto 0 0;color:var(--muted);line-height:1.45; }
.assessment-mode-strip { display:flex;gap:10px;flex-wrap:wrap;align-items:center;padding:14px 16px;margin-bottom:16px;border-left:4px solid var(--primary);overflow:visible; }
.assessment-mode-strip span { display:inline-flex;align-items:center;min-height:30px;border:1px solid #dfe9e6;border-radius:999px;background:#fbfcfc;padding:5px 11px;color:#2f4741;font-weight:700;font-size:13px;line-height:1.35; }
.assessment-mode-strip.bimonthly { border-left-color:#4f8f7a; }
.assessment-mode-strip.uncategorized { border-left-color:var(--warning);background:#fffaf2; }
.bimonthly-view-note { margin-top:-8px;margin-bottom:18px; }
.workbench-card { border-left:4px solid var(--primary); }
.workbench-header { display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:16px; }
.workbench-header h2 { margin-bottom:6px; }
.workbench-card .metric { min-height:118px; }
.workbench-card .table-action { margin-top:8px; }
.quarterly-overview-strip { display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.45fr) minmax(0,.9fr) minmax(0,.65fr);gap:8px;align-items:center;border:1px solid #dfe9e6;border-left:3px solid #9fb8b1;border-radius:8px;background:#f8fbfa;padding:9px 12px;margin-bottom:12px;overflow:visible; }
.quarterly-overview-compact span { min-width:0;display:block;color:#53635f;font-size:12px;line-height:1.35;overflow-wrap:anywhere; }
.quarterly-overview-compact b { flex:0 0 auto;color:#6b7975;font-weight:700; }
.quarterly-overview-compact strong { min-width:0;color:#253c36;font-size:13px;line-height:1.35;overflow-wrap:anywhere; }
.quarterly-focus-card,.quarterly-progress-card { border-left:5px solid var(--primary);overflow:visible; }
.quarterly-focus-hero { display:grid;grid-template-columns:minmax(360px,1.05fr) minmax(420px,.95fr);gap:18px;align-items:start; }
.quarterly-focus-hero .eyebrow { display:block;color:var(--primary);font-weight:700;font-size:13px;margin-bottom:8px; }
.quarterly-focus-hero h2 { margin-bottom:8px;font-size:22px; }
.quarterly-focus-facts { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px; }
.quarterly-focus-facts div { border:1px solid #dfe9e6;border-radius:9px;background:#fbfcfc;padding:12px; }
.quarterly-focus-facts span { display:block;color:var(--muted);font-size:12px;margin-bottom:6px; }
.quarterly-focus-facts strong { display:block;color:var(--dark);font-size:16px;line-height:1.35; }
.quarterly-next-step { margin-top:14px; }
.quarterly-action-row { display:flex;gap:12px;align-items:center;justify-content:space-between;margin-top:12px; }
.quarterly-action-row .button { border-color:#a9c2bb;color:#315c53;background:#f8fbfa; }
.quarterly-summary-link { color:#53635f;font-size:13px;text-decoration:none;font-weight:700; }
.quarterly-summary-link:hover { color:var(--primary); }
.quarterly-director-list { display:grid;gap:10px; }
.quarterly-director-row { display:grid;grid-template-columns:minmax(260px,1fr) minmax(92px,.36fr) minmax(132px,.5fr) auto;gap:12px;align-items:center;border:1px solid #e1ebe8;border-radius:9px;background:#fbfcfc;padding:13px 14px; }
.quarterly-director-row strong { display:block;color:var(--dark);margin-bottom:4px; }
.quarterly-director-row span { line-height:1.35; }
.mode-action-card { overflow:visible; }
.mode-action-grid { display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:14px; }
.mode-action-grid > div { border:1px solid #dfe9e6;border-radius:9px;background:#fbfcfc;padding:14px; }
.mode-action-grid h3 { margin:0 0 12px;color:var(--dark);font-size:15px; }
.button.secondary-action { border-color:#b9cac5;color:#53635f;background:#f8fbfa; }
.flow-navigation-card { border-left:4px solid #4f8f7a;overflow:visible; }
.flow-navigation { display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;align-items:stretch; }
.flow-nav-step { position:relative;display:grid;grid-template-rows:auto 1fr auto;gap:10px;min-height:142px;padding:14px;border:1px solid #dfe9e6;border-radius:10px;background:#fbfcfc;color:#24332f;text-decoration:none; }
.flow-nav-step:after { content:"";position:absolute;right:-8px;top:50%;width:12px;height:2px;background:#c9d8d4; }
.flow-nav-step:last-child:after { display:none; }
.flow-nav-step:hover { border-color:#abcac1;box-shadow:0 6px 18px rgba(20,55,48,.08); }
.flow-nav-index { width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#e6efec;color:#52635f;font-weight:700;font-size:13px; }
.flow-nav-copy strong { display:block;margin-bottom:8px;color:#20342f;line-height:1.35; }
.flow-nav-copy b { display:block;color:var(--primary);font-size:30px;line-height:1; }
.flow-nav-action { align-self:end;color:var(--primary);font-size:13px;font-weight:700; }
.flow-nav-step.is-attention { border-color:#e7b86b;background:#fffaf2; }
.flow-nav-step.is-attention .flow-nav-index { background:#b76a13;color:#fff; }
.flow-nav-step.is-attention .flow-nav-copy b { color:var(--warning); }
.flow-nav-step.is-done { border-color:#cfe5d8;background:#f6fbf8; }
.flow-nav-step.is-done .flow-nav-index { background:var(--success);color:#fff; }
.flow-nav-step.is-done .flow-nav-copy b { color:var(--success); }
.flow-nav-step.is-quiet { color:#53635f; }
.flow-nav-step.is-quiet .flow-nav-copy b { color:#7b8b86; }
.result-analysis-card,.risk-alert-card { overflow:visible; }
.analysis-metrics { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px; }
.analysis-metric { border:1px solid var(--line);border-radius:10px;background:#fbfcfc;padding:16px; }
.analysis-metric span,.risk-alert-item span { display:block;color:var(--muted);font-size:13px;margin-bottom:8px; }
.analysis-metric strong { display:block;color:var(--primary);font-size:28px;margin-bottom:8px;line-height:1; }
.analysis-metric small { display:block;color:#6d7a76;line-height:1.45; }
.risk-alert-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px; }
.risk-alert-item { border:1px solid #dfe7e4;border-radius:10px;background:#fbfcfc;padding:15px;color:#24332f;text-decoration:none; }
.risk-alert-item strong { color:#7b8b86;font-size:26px; }
.risk-alert-item.has-risk { border-color:#e0aaa8;background:#fff7f7; }
.risk-alert-item.has-risk strong { color:var(--risk); }
.risk-empty { border:1px dashed #cfdcd8;border-radius:10px;background:#f8fbfa;padding:18px;color:#527064;font-weight:700;text-align:center; }
.department-progress-card { overflow:visible; }
.department-progress-list { display:grid;gap:14px; }
.department-progress-panel { border:1px solid var(--line);border-radius:10px;background:#fff;overflow:hidden; }
.department-progress-panel summary { list-style:none;display:grid;grid-template-columns:minmax(180px,.9fr) minmax(360px,1.3fr) minmax(180px,.8fr) auto;gap:16px;align-items:center;padding:16px;cursor:pointer;background:#fbfcfc; }
.department-progress-panel summary::-webkit-details-marker { display:none; }
.department-progress-panel summary:after { content:"展开";justify-self:end;color:var(--primary);font-weight:700;font-size:13px; }
.department-progress-panel[open] summary:after { content:"收起"; }
.department-summary-main { display:flex;gap:8px;align-items:center;flex-wrap:wrap; }
.department-summary-main .eyebrow { flex-basis:100%;color:var(--muted);font-size:12px; }
.department-summary-main strong { color:var(--dark);font-size:18px;line-height:1.25; }
.department-summary-facts { display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px; }
.department-summary-facts span { border:1px solid #dfe9e6;border-radius:8px;background:#fff;padding:8px;color:var(--muted);font-size:12px;line-height:1.35; }
.department-summary-facts b { display:block;margin-top:4px;color:var(--primary);font-size:18px; }
.department-progress-bar { height:10px;border-radius:999px;background:#e4ece9;overflow:hidden; }
.department-progress-fill { height:100%;border-radius:999px;background:var(--primary); }
.department-progress-panel.is-attention { border-left:5px solid var(--warning); }
.department-progress-panel.is-done { border-left:5px solid var(--success); }
.department-progress-panel.is-done .department-progress-fill { background:var(--success); }
.department-progress-panel.is-quiet { border-left:5px solid #a8b8b3; }
.department-member-list { border-top:1px solid var(--line);padding:14px 16px 16px;display:grid;gap:10px;background:#fff; }
.department-member-list h3 { margin:0 0 2px;font-size:15px; }
.department-member-row { display:grid;grid-template-columns:minmax(150px,1fr) minmax(110px,.72fr) minmax(110px,.72fr) minmax(116px,.65fr) minmax(132px,.7fr) minmax(210px,1fr) auto;gap:12px;align-items:center;border:1px solid #e1ebe8;border-radius:8px;background:#fbfcfc;padding:12px; }
.department-member-row strong { display:block;color:var(--dark);margin-bottom:3px; }
.department-member-row span { line-height:1.35; }
.department-member-result { border-left:3px solid #d5e4df;padding-left:10px;line-height:1.35; }
.department-member-result span { display:block;color:var(--muted);font-size:12px;margin-bottom:3px; }
.department-member-result strong { margin-bottom:2px;font-size:14px; }
.department-member-result small { color:#6d7a76;font-size:12px; }
.department-member-flags { display:flex;gap:6px;align-items:center;flex-wrap:wrap; }
.department-member-followup { color:#53635f;font-size:13px; }
.action-note { max-width:180px;margin-top:6px !important;font-size:12px;line-height:1.45;white-space:normal; }
.metric-success { border-left-color:var(--success) !important; }.metric-success strong { color:var(--success); }
.metric-warning { border-left-color:var(--warning) !important; }.metric-warning strong { color:var(--warning); }
.grid { display:grid;gap:18px; }.grid.two,.detail-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.grid.three { grid-template-columns:repeat(3,minmax(0,1fr)); }.detail-grid { display:grid;gap:12px 24px; }
.executive-workbench { border-left:4px solid var(--primary); }
table { width:100%;border-collapse:collapse; } th,td { padding:12px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top; } th { color:#53635f;font-size:13px;background:#f8faf9; }
.current-cycle-row td { background:#f3faf8; }
.dashboard-table-card { overflow:hidden; }
.table-scroll { width:100%;overflow-x:auto;padding-bottom:4px; }
.my-reviews-card { overflow:hidden; }
.my-reviews-table-wrap { width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px; }
.my-reviews-table { min-width:620px; }
.my-reviews-table th,.my-reviews-table td { white-space:normal;line-height:1.45; }
.my-reviews-table td:first-child { min-width:220px; }
.my-reviews-table td:nth-child(2) { min-width:180px; }
.my-reviews-table td:last-child { min-width:92px; }
.dashboard-table { width:100%;min-width:980px; }
.dashboard-table th { line-height:1.45;white-space:normal; }
.dashboard-table td { white-space:nowrap; }
.department-result-table th:first-child,.department-result-table td:first-child { min-width:110px; }
.department-result-table th:nth-child(2),.department-result-table td:nth-child(2) { min-width:145px; }
.progress-table { min-width:1260px; }
.progress-table th:nth-child(1),.progress-table td:nth-child(1) { min-width:105px; }
.progress-table th:nth-child(2),.progress-table td:nth-child(2) { min-width:95px; }
.progress-table th:nth-child(3),.progress-table td:nth-child(3) { min-width:120px; }
.progress-table th:nth-child(6),.progress-table td:nth-child(6) { min-width:115px;font-weight:600; }
.progress-table th:nth-child(7),.progress-table td:nth-child(7) { min-width:80px; }
.progress-table th:nth-child(12),.progress-table td:nth-child(12) { min-width:75px; }
.progress-table th:last-child,.progress-table td:last-child { min-width:65px;text-align:center; }
.table-action { display:inline-block;white-space:nowrap;color:var(--primary);text-decoration:none;font-weight:600; }
.link-table { min-width:1560px; }
.link-table td:last-child { min-width:260px; }
.link-table td:last-child form { display:inline-block;margin:3px 2px; }
.copy-input { min-width:360px;font-size:12px; }
.copy-message { width:320px;min-height:108px;font-size:12px;line-height:1.5;white-space:pre-wrap; }
.quiet-copy { border-color:#b9cac5;color:#425c56;background:#f8fbfa; }
.advanced-link-actions { margin-top:8px;border:1px dashed #cbd8d4;border-radius:8px;padding:8px;background:#fbfcfc; }
.advanced-link-actions summary { cursor:pointer;color:#53635f;font-weight:700;font-size:13px;list-style:none; }
.advanced-link-actions summary::-webkit-details-marker { display:none; }
.advanced-link-actions summary:after { content:"展开";margin-left:6px;color:var(--muted);font-size:12px; }
.advanced-link-actions[open] summary { margin-bottom:8px; }
.advanced-link-actions[open] summary:after { content:"收起"; }
.advanced-link-actions form { display:inline-block;margin:3px 2px; }
.return-action-panel { margin:0; }
.link-actions-cell { min-width:280px; }
.action-confirm-note { margin:8px 0;color:#7a5a1f;background:#fff8ea;border:1px solid #efd5a8;border-radius:6px;padding:8px;line-height:1.45;font-size:12px; }
.advanced-copy-block { display:block;margin:8px 0;color:#53635f;font-size:12px;font-weight:700; }
.advanced-copy-block input,.advanced-copy-block textarea { display:block;margin-top:5px; }
.link-help-card { padding-bottom:16px; }
.link-help-grid { display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px; }
.link-help-grid p { margin:6px 0 0;color:var(--muted);line-height:1.6; }
.public-page main { max-width:1080px; }
.public-header { justify-content:space-between; }
.indicator-card h2 small { display:block;margin-top:6px; }
.grade-card { max-width:560px; }
.button { display:inline-block;border:1px solid var(--primary);background:white;color:var(--primary);padding:9px 16px;border-radius:6px;text-decoration:none;cursor:pointer;font:inherit; }
.button.primary { background:var(--primary);color:white; }.button.warning { border-color:var(--warning);color:var(--warning); }.button.small { padding:6px 10px;font-size:13px; }
.button-row,.actions { display:flex;gap:10px;flex-wrap:wrap;align-items:center; }.actions { justify-content:flex-end;margin:18px 0; }.actions form { margin:0; }
.cycle-management-section { background:white;border:1px solid var(--line);border-radius:10px;padding:22px;margin-bottom:18px;box-shadow:0 2px 8px rgba(20,55,48,.04); }
.cycle-section-header { display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:16px; }
.cycle-section-header h2 { margin-bottom:6px; }
.cycle-card-list { display:grid;gap:14px; }
.cycle-item { display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,360px);gap:18px;align-items:stretch;border:1px solid var(--line);border-radius:8px;background:#fff;padding:16px; }
.cycle-item.active { border-color:#b9d8d1;background:#f3faf8; }
.cycle-item-main { display:grid;grid-template-columns:minmax(0,1.15fr) minmax(180px,.65fr);gap:14px 22px;align-content:start; }
.cycle-title-row h3 { margin:0 0 8px;font-size:17px;color:var(--dark);line-height:1.35; }
.cycle-badges { display:flex;gap:5px;flex-wrap:wrap;align-items:center; }
.cycle-next-step { border-left:3px solid #b9d8d1;background:#f8fbfa;border-radius:6px;padding:10px 12px; }
.cycle-next-step span,.cycle-facts dt,.cycle-action-title { display:block;color:var(--muted);font-size:12px;line-height:1.3; }
.cycle-next-step strong { display:block;margin-top:4px;color:var(--primary);font-size:15px;line-height:1.45; }
.cycle-facts { grid-column:1 / -1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0; }
.cycle-facts div { min-height:70px;border:1px solid #e6eeeb;border-radius:6px;background:#fbfcfc;padding:10px; }
.cycle-facts dd { margin:5px 0 0;color:#263a35;line-height:1.45; }
.cycle-actions-panel { display:grid;gap:10px;align-content:start;border-left:1px solid var(--line);padding-left:18px; }
.cycle-action-group { display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding-bottom:10px;border-bottom:1px solid #edf2f0; }
.cycle-action-group:last-child { border-bottom:0;padding-bottom:0; }
.cycle-action-group form { margin:0; }
.cycle-action-title { flex:0 0 100%;font-weight:700; }
.cycle-action-group.danger { background:#fffaf5;border:1px solid #f0dcc8;border-radius:6px;padding:10px; }
.cycle-action-group.danger .cycle-action-title { color:#8a551c; }
.cycle-empty { border:1px dashed var(--line);border-radius:8px;background:#fbfcfc; }
.cycle-danger-confirm { border-left:4px solid var(--warning);overflow:visible; }
.cycle-danger-header { display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px; }
.cycle-danger-header h2 { margin:8px 0 6px;font-size:22px; }
.cycle-impact-grid div { border:1px solid #e5eeeb;border-radius:8px;background:#fbfcfc;padding:12px; }
.cycle-impact-grid b { display:block;color:var(--muted);font-size:12px;margin-bottom:6px; }
.cycle-impact-grid p { margin:0;color:#24332f;line-height:1.45; }
.cycle-effect-list { display:grid;gap:10px;margin:0 0 16px;padding-left:20px;line-height:1.65; }
.cycle-confirm-form { max-width:860px; }
.confirm-check { display:flex !important;align-items:flex-start;gap:9px;border:1px solid #d9e8e4;border-radius:8px;background:#f7fbfa;padding:12px 14px;margin-bottom:14px;font-weight:700 !important;line-height:1.45; }
.confirm-check input { flex:0 0 auto;width:auto;margin-top:3px; }
.calibration-brief { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;overflow:visible; }
.calibration-brief.compact { padding:18px 22px; }
.calibration-brief div { border:1px solid #e4eeeb;border-radius:8px;background:#fbfcfc;padding:14px; }
.calibration-brief span { display:block;color:var(--muted);font-size:12px;margin-bottom:7px; }
.calibration-brief strong { display:block;color:var(--primary);font-size:20px;line-height:1.25; }
.calibration-brief p { margin:7px 0 0;color:var(--muted);line-height:1.45; }
.calibration-flow-note { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px; }
.calibration-flow-note div { border:1px solid #cfe0dc;border-left:4px solid var(--primary);border-radius:8px;background:#f3faf8;padding:13px 14px; }
.calibration-flow-note b { display:block;color:var(--dark);margin-bottom:5px; }
.calibration-flow-note span { color:var(--muted);line-height:1.55; }
.calibration-path-card { display:grid;grid-template-columns:minmax(160px,.34fr) minmax(0,1fr);gap:16px;align-items:center;background:#fff;border:1px solid var(--line);border-left:3px solid var(--primary);border-radius:10px;padding:14px 16px;margin-bottom:16px;box-shadow:0 2px 8px rgba(20,55,48,.035); }
.calibration-path-card h2 { margin:0 0 5px;font-size:17px;line-height:1.3; }
.calibration-path-card p { margin:0;color:var(--muted);line-height:1.45;font-size:13px; }
.calibration-path-list { display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:8px;list-style:none;margin:0;padding:0; }
.calibration-path-list li { min-width:0;display:flex;gap:10px;align-items:center;border:1px solid #dfe9e6;border-radius:7px;background:#fbfcfc;padding:10px 12px; }
.calibration-path-list span { display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#dfeeea;color:var(--primary);font-size:12px;font-weight:700; }
.calibration-path-list .path-copy { min-width:0;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;line-height:1.35; }
.calibration-path-list b { display:inline;color:var(--dark);line-height:1.25;font-size:14px;white-space:nowrap; }
.calibration-path-list small { display:inline;color:var(--muted);line-height:1.35;font-size:12px;white-space:nowrap; }
.calibration-path-list .must-do { border-color:#bad8d1;background:#f3faf8;box-shadow:inset 3px 0 0 var(--primary); }
.calibration-path-list .must-do span { background:var(--primary);color:#fff; }
.calibration-form { display:grid;gap:16px; }
.calibration-section { margin-bottom:0;overflow:visible; }
.calibration-section-head { display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:16px; }
.calibration-section-head h2 { margin-bottom:6px; }
.calibration-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px; }
.calibration-grid .field { margin-bottom:0; }
.field-wide { grid-column:1 / -1; }
.calibration-grid .muted { margin:6px 0 0;font-size:12px;line-height:1.55; }
.calibration-exception-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px; }
.calibration-step { margin-bottom:0;padding:0;overflow:visible; }
.calibration-step summary { list-style:none;display:flex;align-items:flex-start;gap:12px;padding:18px 20px;cursor:pointer; }
.calibration-step summary::-webkit-details-marker { display:none; }
.calibration-step summary:after { content:"展开";margin-left:auto;align-self:center;color:var(--primary);font-size:13px;font-weight:700; }
.calibration-step[open] summary { border-bottom:1px solid var(--line); }
.calibration-step[open] summary:after { content:"收起"; }
.calibration-step summary b { display:block;color:var(--dark);font-size:18px;margin-bottom:4px; }
.calibration-step summary small { display:block;color:var(--muted);line-height:1.45;font-size:13px; }
.step-number { display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:28px;height:28px;border-radius:50%;background:#e1efec;color:var(--primary);font-weight:700; }
.calibration-step-body { padding:18px 22px 22px; }
.section-intro { margin-bottom:16px;line-height:1.6; }
.check-card { display:flex;align-items:flex-start;gap:10px;border:1px solid #d7e4e0;border-radius:8px;background:#fbfcfc;padding:13px;line-height:1.45; }
.check-card input[type=checkbox] { flex:0 0 auto;width:auto;margin-top:3px; }
.check-card span { display:block;font-weight:700;color:#24332f; }
.check-card small { display:block;color:var(--muted);font-size:12px;margin-top:4px; }
.exception-marker-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px; }
.marker-card { display:grid;grid-template-columns:auto minmax(0,1fr);gap:7px 10px;align-items:start;border:1px solid #d7e4e0;border-radius:8px;background:#fbfcfc;padding:14px;cursor:pointer;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease; }
.marker-card:hover { border-color:#b9d8d1;background:#f6fbfa; }
.marker-card.active { border-color:var(--primary);background:#edf6f4;box-shadow:inset 3px 0 0 var(--primary); }
.marker-card input[type=checkbox] { grid-row:1 / span 2;width:auto;margin-top:3px; }
.marker-card span { display:block;font-weight:700;color:#24332f;line-height:1.35; }
.marker-card small { display:block;color:var(--muted);font-size:12px;line-height:1.45; }
.conditional-panel { border:1px solid #d7e4e0;border-radius:8px;background:#fbfcfc;padding:14px;margin:0 0 14px; }
.conditional-panel[hidden] { display:none; }
.nested-step { border:1px solid #dfe9e6;border-radius:8px;background:#fff;margin-top:12px; }
.nested-step summary { display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;padding:12px 14px;font-weight:700;color:#24332f; }
.nested-step summary:after { content:"展开";color:var(--primary);font-size:12px; }
.nested-step[open] summary { border-bottom:1px solid var(--line); }
.nested-step[open] summary:after { content:"收起"; }
.nested-step p,.nested-step .calibration-grid { margin:12px 14px 14px; }
.calibration-submit-bar { position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:10px;align-items:center;background:rgba(244,247,246,.94);border-top:1px solid var(--line);padding:14px 0 0;margin-top:2px; }
.inline-return-form { display:flex;gap:8px;align-items:center;flex-wrap:wrap; }
.inline-return-form textarea { width:260px !important;min-height:42px; }
.detail-stage-card { display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:18px;align-items:center;border-left:5px solid var(--primary);overflow:visible; }
.detail-stage-card > * { min-width:0; }
.detail-stage-card .eyebrow { display:block;color:var(--primary);font-weight:700;font-size:13px;margin-bottom:8px; }
.detail-stage-card h2 { margin-bottom:8px;font-size:22px; }
.detail-stage-facts { min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px; }
.detail-stage-facts div { min-width:0;border:1px solid #dfe9e6;border-radius:9px;background:#fbfcfc;padding:12px; }
.detail-stage-facts span { display:block;color:var(--muted);font-size:12px;margin-bottom:6px; }
.detail-stage-facts strong { display:block;color:var(--dark);font-size:16px;line-height:1.35; }
.management-actions-card { overflow:visible; }
.management-actions { justify-content:flex-start;margin:0; }
.form-control,select,input,textarea { width:100%;max-width:100%;min-width:0;padding:9px 10px;border:1px solid #cbd8d4;border-radius:5px;background:white;font:inherit; }
textarea { resize:vertical; }.field { margin-bottom:16px; }.field label,.grid label,.score-field label { display:block;font-weight:600;margin-bottom:6px; }
.hint,.self-content { background:#f6f9f8;border-left:3px solid #8db4aa;padding:12px;line-height:1.75;margin-bottom:16px; }.score-field { max-width:260px; }
.self-task-overview { border-left:5px solid var(--primary);overflow:visible; }
.self-task-head { display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:16px; }
.self-task-head .eyebrow { display:block;color:var(--primary);font-size:13px;font-weight:700;margin-bottom:4px; }
.self-task-head strong { display:block;color:var(--dark);line-height:1.45;font-size:17px; }
.self-task-grid { display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px; }
.self-task-grid div { min-width:0;border:1px solid #dfe9e6;border-radius:8px;background:#fbfcfc;padding:12px;min-height:82px; }
.self-task-grid span { display:block;color:var(--muted);font-size:12px;margin-bottom:6px; }
.self-task-grid strong { display:block;color:#20342f;font-size:15px;line-height:1.35; }
.self-score-note { margin:12px 0 0;color:#53635f;font-size:13px;line-height:1.45; }
.self-indicator-card,.value-self-card { min-width:0;overflow:visible; }
.self-indicator-section + .self-indicator-section { border-top:1px solid #e3ece9;padding-top:16px;margin-top:16px; }
.self-indicator-header { display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:10px; }
.self-indicator-header h2 { min-width:0;margin:0;font-size:19px;line-height:1.35; }
.weight-badge { flex:0 0 auto;border:1px solid #cfe0dc;border-radius:999px;background:#edf6f4;color:var(--primary);font-weight:700;padding:5px 10px;line-height:1.2;white-space:nowrap; }
.weight-track { width:100%;height:9px;border-radius:999px;background:#e4ece9;overflow:hidden;margin-bottom:12px; }
.weight-fill { display:block;height:100%;border-radius:999px;background:var(--primary); }
.indicator-target-summary { margin:0 0 12px;color:#344943;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; }
.indicator-brief-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 12px; }
.indicator-brief-grid div { border:1px solid #e5eeeb;border-radius:7px;background:#fbfcfc;padding:10px; }
.indicator-brief-grid dt { color:var(--muted);font-size:12px;margin-bottom:5px; }
.indicator-brief-grid dd { margin:0;color:#263a35;line-height:1.5; }
.indicator-evidence,.value-guidance { border:1px dashed #cbd8d4;border-radius:8px;background:#fbfcfc;padding:10px 12px;margin-bottom:16px; }
.indicator-evidence summary,.value-guidance summary { cursor:pointer;list-style:none;color:#53635f;font-weight:700;font-size:13px; }
.indicator-evidence summary::-webkit-details-marker,.value-guidance summary::-webkit-details-marker { display:none; }
.indicator-evidence summary:after,.value-guidance summary:after { content:"展开";margin-left:6px;color:var(--muted);font-size:12px; }
.indicator-evidence[open] summary:after,.value-guidance[open] summary:after { content:"收起"; }
.indicator-evidence-body { margin-top:12px; }
.indicator-evidence-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0; }
.indicator-evidence-grid div { border:1px solid #e5eeeb;border-radius:7px;background:#fff;padding:10px; }
.indicator-evidence-grid dt { color:var(--muted);font-size:12px;margin-bottom:5px; }
.indicator-evidence-grid dd { margin:0;color:#263a35;line-height:1.5; }
.self-score-help { margin:8px 0 0;color:#53635f;font-size:13px;line-height:1.45; }
.value-guidance .hint { margin:12px 0 0; }
.self-task-grid strong,.self-indicator-header h2,.indicator-target-summary,.indicator-brief-grid dd,.indicator-evidence-grid dd,.value-guidance,.field label,.muted,.submit-note,.self-score-help,textarea,input,select { min-width:0;overflow-wrap:anywhere; }
.submit-note { flex:1 1 420px;margin:0;color:#53635f;line-height:1.45;font-size:13px; }
.status { display:inline-flex;align-items:center;min-height:22px;padding:3px 8px;background:#eaf3f1;border-radius:10px;color:var(--primary);font-size:12px;font-weight:600;white-space:nowrap;margin:1px 3px 1px 0; }
.status-published { background:#e8f4ec;color:var(--success); }
.status-confirmed { background:#eaf0f7;color:var(--info); }
.status-calibration,.status-scoring { background:#fff3df;color:var(--warning); }
.status-pending { background:#f2f4f3;color:#66736f; }
.status-risk { background:#fbe8e8;color:var(--risk); }
.message { padding:12px 16px;border-radius:6px;background:#e7f4ee;margin-bottom:16px; }.message.error { background:#fbe8e8;color:#9c3131; }
.login-card { max-width:420px;margin:70px auto;background:white;padding:32px;border-radius:12px;border:1px solid var(--line); }.login-card label { display:block;margin-bottom:5px; }
.login-primary-action { display:flex;justify-content:center;width:100%;margin:22px 0 16px; }
.break-glass-login { border-top:1px solid var(--line);padding-top:14px;color:var(--muted); }
.break-glass-login summary { cursor:pointer;font-weight:700; }
.break-glass-login form { margin-top:16px;color:var(--text); }
.role-merge-bar { display:flex;align-items:center;gap:10px;border:1px solid #cddfd8;border-left:5px solid var(--primary);border-radius:8px;background:#f7fbf9;padding:12px 14px;margin-bottom:16px; }
.role-merge-bar div { min-width:0;margin-right:auto; }
.role-merge-bar span { display:block;color:var(--muted);font-size:12px;margin-bottom:4px; }
.role-merge-bar strong { display:block;overflow-wrap:anywhere; }
.hr-home-entry-item.emergency { border-left-color:#b76a13;background:#fffdf8; }
.hr-home-routing-strip.emergency { border-left-color:#b76a13;background:#fff8eb; }
.form-card { max-width:720px; }.form-card label { display:block;font-weight:600;margin-bottom:5px; }.form-card p { margin:0 0 16px; }
.form-card ul { list-style:none;padding:0;columns:2; }.form-card li label { font-weight:400; }.form-card input[type=checkbox] { width:auto; }
.filter-grid { display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;align-items:end; }
.filter-grid label,.filter-card label,.status-form label { display:block;font-weight:600; }
.filter-actions { display:flex;gap:8px;align-items:end; }
.filter-grid-primary { grid-template-columns:minmax(150px,.7fr) minmax(220px,1.1fr) minmax(220px,1fr) auto; }
.advanced-filter { margin-top:12px;border-top:1px solid var(--line);padding-top:10px; }
.advanced-filter summary { cursor:pointer;color:var(--primary);font-weight:700;list-style:none;display:inline-flex;align-items:center;gap:6px; }
.advanced-filter summary::-webkit-details-marker { display:none; }
.advanced-filter summary:after { content:"展开";font-size:12px;color:var(--muted); }
.advanced-filter[open] summary { margin-bottom:12px; }
.advanced-filter[open] summary:after { content:"收起"; }
.section-title-row { display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:16px; }
.section-title-row h2 { margin-bottom:6px; }
.indicator-overview { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px; }
.indicator-overview-card { background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px;box-shadow:0 2px 8px rgba(20,55,48,.04); }
.indicator-overview-card.primary { border-left:4px solid var(--primary); }
.indicator-overview-card span { display:block;color:var(--muted);font-size:12px;margin-bottom:8px; }
.indicator-overview-card strong { display:block;color:var(--primary);font-size:22px;line-height:1.25; }
.indicator-overview-card .summary-text { font-size:18px;line-height:1.35; }
.indicator-overview-card p { margin:7px 0 0;color:var(--muted);line-height:1.45;font-size:13px; }
.indicator-focus-card { display:flex;justify-content:space-between;gap:18px;align-items:center;border-left:4px solid var(--primary);overflow:visible; }
.indicator-focus-card .eyebrow { display:block;color:var(--muted);font-size:12px;margin-bottom:5px; }
.indicator-focus-card h2 { margin:0 0 6px;font-size:22px;color:var(--dark);line-height:1.3; }
.indicator-focus-card p { margin:0;color:var(--muted);line-height:1.55; }
.indicator-focus-actions { display:flex;gap:10px;align-items:center;justify-content:flex-end;flex-wrap:wrap; }
.indicator-focus-actions div { min-width:88px;border:1px solid #dfe9e6;border-radius:8px;background:#fbfcfc;padding:10px 12px; }
.indicator-focus-actions span { display:block;color:var(--muted);font-size:12px;margin-bottom:4px; }
.indicator-focus-actions strong { color:var(--primary);font-size:20px; }
.indicator-value-dimension { display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:start;border-left:4px solid #4f8f7a;overflow:visible; }
.value-dimension-main .eyebrow { display:block;color:var(--muted);font-size:12px;margin-bottom:5px; }
.value-dimension-main h2 { margin:0 0 7px;font-size:21px;color:var(--dark);line-height:1.3; }
.value-dimension-main p { margin:0;color:#425651;line-height:1.6; }
.value-dimension-facts { display:grid;grid-template-columns:repeat(3,minmax(86px,1fr));gap:10px;min-width:330px; }
.value-dimension-facts div { border:1px solid #dfe9e6;border-radius:8px;background:#f8fbfa;padding:11px 12px; }
.value-dimension-facts span { display:block;color:var(--muted);font-size:12px;margin-bottom:5px; }
.value-dimension-facts strong { display:block;color:#24634f;font-size:18px;line-height:1.25;white-space:nowrap; }
.value-dimension-legacy { grid-column:1 / -1;border-top:1px solid #e5eeeb;padding-top:10px; }
.value-dimension-legacy summary { cursor:pointer;color:var(--muted);font-weight:700;list-style:none; }
.value-dimension-legacy summary::-webkit-details-marker { display:none; }
.value-dimension-legacy ul { margin:9px 0 0;padding-left:18px;color:var(--muted);line-height:1.6; }
.value-dimension-warning { grid-column:1 / -1;margin:0;border:1px solid #f0dfba;border-radius:8px;background:#fffaf0;color:#7a5b22;padding:10px 12px;line-height:1.55; }
.indicator-map-card,.indicator-detail-section { overflow:visible; }
.indicator-map-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start; }
.indicator-map-panel { border:1px solid #dfe9e6;border-radius:8px;background:#fbfcfc;overflow:hidden; }
.indicator-map-panel summary { list-style:none;display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 16px;cursor:pointer;font-weight:700;color:var(--dark); }
.indicator-map-panel summary::-webkit-details-marker { display:none; }
.indicator-map-panel summary:after { content:"收起";color:var(--primary);font-size:12px; }
.indicator-map-panel:not([open]) summary:after { content:"展开"; }
.indicator-map-panel summary small { color:var(--muted);font-weight:400; }
.indicator-group-list { display:grid;gap:12px;padding:0 14px 14px; }
.indicator-group-card { border:1px solid #e2ebe8;border-radius:8px;background:#fff;padding:14px; }
.indicator-group-head { display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px; }
.indicator-group-head h3 { margin:0 0 5px;font-size:16px;color:var(--dark);line-height:1.35; }
.indicator-group-head p { margin:0;color:var(--muted);line-height:1.45; }
.indicator-group-head strong { flex:0 0 auto;color:var(--primary);font-size:20px; }
.indicator-group-facts,.indicator-detail-facts { display:grid;gap:8px;margin:0; }
.indicator-group-facts { grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:10px; }
.indicator-group-facts div,.indicator-detail-facts div { border:1px solid #edf2f0;border-radius:6px;background:#fbfcfc;padding:9px 10px; }
.indicator-group-facts dt,.indicator-detail-facts dt { color:var(--muted);font-size:12px;margin-bottom:4px; }
.indicator-group-facts dd,.indicator-detail-facts dd { margin:0;line-height:1.45;color:#263a35; }
.indicator-detail-list { display:grid;gap:12px; }
.indicator-detail-list.compact { gap:10px; }
.indicator-detail-card { border:1px solid #dfe9e6;border-radius:9px;background:#fff;padding:16px; }
.indicator-detail-card.available { background:#f7fbfd;border-color:#d6e7ee; }
.indicator-detail-card.pending { background:#fffaf2;border-color:#ecdcb9; }
.indicator-detail-card.inactive { background:#f5f7f6;color:#687571; }
.indicator-detail-main { display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:14px; }
.indicator-detail-main h3 { margin:8px 0 5px;font-size:17px;line-height:1.35;color:var(--dark); }
.indicator-detail-main p { margin:0;color:var(--muted);line-height:1.5; }
.indicator-badges { display:flex;gap:6px;flex-wrap:wrap;align-items:center; }
.indicator-detail-facts { grid-template-columns:1.1fr 1.2fr .8fr .75fr .9fr .55fr 1fr; }
.indicator-detail-facts.usage { grid-template-columns:1.2fr 1fr .75fr .7fr; }
.indicator-war-room-note { display:flex;justify-content:space-between;gap:16px;align-items:flex-start;border-left:4px solid #5c7c91; }
.indicator-war-room-note .eyebrow { display:block;color:var(--muted);font-size:12px;margin-bottom:5px; }
.indicator-war-room-note h2 { margin:0 0 6px;color:var(--dark);font-size:20px; }
.indicator-war-room-note p { margin:0;color:var(--muted);line-height:1.55; }
.war-room-tags { display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;max-width:460px; }
.war-room-tags span { border:1px solid #d8e4ea;background:#f7fbfd;color:#35566a;border-radius:999px;padding:6px 10px;font-size:13px;font-weight:700;white-space:nowrap; }
.indicator-usage-card { overflow:visible; }
.indicator-usage-sections { display:grid;gap:12px; }
.indicator-usage-section { border:1px solid #dfe9e6;border-radius:8px;background:#fbfcfc;overflow:hidden; }
.indicator-usage-section summary { list-style:none;display:flex;justify-content:space-between;gap:12px;align-items:center;padding:13px 15px;cursor:pointer;font-weight:700;color:var(--dark); }
.indicator-usage-section summary::-webkit-details-marker { display:none; }
.indicator-usage-section summary:after { content:"收起";color:var(--primary);font-size:12px; }
.indicator-usage-section:not([open]) summary:after { content:"展开"; }
.indicator-usage-section summary small { color:var(--muted);font-weight:400;line-height:1.4;text-align:right; }
.indicator-usage-section .indicator-detail-list,.indicator-usage-section .empty { padding:0 14px 14px; }
.indicator-usage-section.in_use { border-left:5px solid var(--success); }
.indicator-usage-section.available { border-left:5px solid #4c86a0; }
.indicator-usage-section.todo { border-left:5px solid var(--warning); }
.indicator-usage-section.inactive { border-left:5px solid #a9b4b0; }
.position-indicator-list { display:grid;gap:16px; }
.position-indicator-group { border:1px solid #dfe9e6;border-radius:10px;background:#fff;overflow:hidden; }
.position-indicator-head { display:flex;justify-content:space-between;gap:12px;align-items:flex-start;background:#f8fbfa;border-bottom:1px solid #e5eeeb;padding:16px; }
.position-indicator-head h3 { margin:0 0 5px;font-size:18px;color:var(--dark); }
.position-indicator-head p { margin:0;color:var(--muted);line-height:1.45; }
.position-indicator-items { display:grid;gap:10px;padding:14px; }
.position-indicator-item { display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;border:1px solid #dbe9e3;border-left:5px solid var(--success);border-radius:8px;background:#f7fcf9;padding:12px 14px; }
.position-indicator-item.available { border-left-color:#4c86a0;background:#f7fbfd; }
.position-indicator-item.pending,.position-indicator-item.draft { border-left-color:var(--warning);background:#fffaf2; }
.position-indicator-item.inactive { border-left-color:#a9b4b0;background:#f3f5f4;color:#687571; }
.position-indicator-main { display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start; }
.position-indicator-main h4 { margin:0 0 4px;font-size:16px;line-height:1.35;color:var(--dark); }
.position-indicator-item.inactive h4 { color:#53615d; }
.position-indicator-main p { margin:0;color:var(--muted);line-height:1.45; }
.position-indicator-meta { display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap; }
.position-indicator-meta span { display:inline-flex;align-items:center;min-height:28px;border:1px solid #dfe9e6;border-radius:7px;background:#fff;padding:4px 8px;font-size:13px;color:#425651; }
.use-pill { display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:24px;border-radius:999px;background:#dff1e7;color:var(--success);font-size:12px;font-weight:700;white-space:nowrap; }
.use-pill.available { background:#e5f0f5;color:#356b84; }
.use-pill.pending,.use-pill.draft { background:#fff1d8;color:var(--warning); }
.use-pill.inactive { background:#e7ebe9;color:#697570; }
.indicator-form-intro { display:flex;justify-content:space-between;gap:18px;align-items:flex-start;border-left:4px solid var(--primary);overflow:visible; }
.indicator-form-intro .eyebrow { display:block;color:var(--muted);font-size:12px;margin-bottom:5px; }
.indicator-form-intro strong { display:block;color:var(--dark);font-size:20px;line-height:1.3; }
.indicator-form-intro p { margin:8px 0 0;color:var(--muted);line-height:1.6; }
.indicator-form-guard { display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end;min-width:240px; }
.indicator-edit-form { display:grid;gap:16px; }
.indicator-form-section { margin-bottom:0;overflow:visible; }
.indicator-form-grid,.indicator-scope-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px; }
.indicator-scope-grid { align-items:start; }
.indicator-form-section .field { margin-bottom:0; }
.indicator-form-section .field ul { list-style:none;margin:0;padding:10px 12px;border:1px solid #d7e4e0;border-radius:8px;background:#fbfcfc;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;max-height:280px;overflow:auto; }
.indicator-form-section .field li label { display:flex;align-items:flex-start;gap:8px;margin:0;font-weight:600;line-height:1.45; }
.indicator-form-section .field li input { flex:0 0 auto;width:auto;margin-top:3px; }
.field-help { margin:6px 0 0;font-size:12px;line-height:1.5; }
.indicator-writing-layout { display:grid;gap:14px; }
.indicator-subsection { border:1px solid #dfe9e6;border-radius:8px;background:#fbfcfc;padding:16px; }
.indicator-subsection h3 { margin:0 0 5px;font-size:16px;color:var(--dark); }
.indicator-subsection p { margin:0 0 14px;line-height:1.55; }
.weight-subsection { display:grid;grid-template-columns:minmax(220px,.7fr) minmax(320px,1fr);gap:18px;align-items:center;background:#f3faf8;border-color:#cfe0dc; }
.weight-range-fields { display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:10px;align-items:end; }
.weight-range-fields > span { color:var(--muted);font-weight:700;padding-bottom:10px; }
.field-compact { margin-bottom:0; }
.field-compact label { font-size:13px;margin-bottom:5px; }
.evidence-subsection { display:grid;gap:14px; }
.evidence-subsection .field { margin-bottom:0; }
.evidence-subsection textarea { min-height:86px; }
.maintenance-subsection { background:#fff; }
.maintenance-subsection .indicator-form-grid { gap:14px; }
.indicator-table { min-width:1280px; }
.indicator-table td:first-child { min-width:220px;white-space:normal; }
.indicator-table td:nth-child(3) { min-width:180px;white-space:normal; }
.status-form textarea { margin:6px 0 12px; }
.empty { color:var(--muted);text-align:center;padding:28px; }.errorlist { color:#b33131;margin:5px 0;padding-left:18px; }
	@media(max-width:1180px){ .self-task-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.flow-navigation { grid-template-columns:repeat(3,minmax(0,1fr)); }.flow-nav-step:after { display:none; }.department-progress-panel summary { grid-template-columns:1fr; }.department-summary-facts { grid-template-columns:repeat(3,minmax(0,1fr)); } }
	@media(max-width:900px){ .cycle-item,.cycle-item-main,.cycle-facts,.flow-control-steps,.flow-navigation,.analysis-metrics,.risk-alert-grid,.department-member-row,.assessment-mode-grid,.assessment-mode-facts,.hr-home-dual-entry-grid,.hr-home-entry-facts,.quarterly-priority-card,.quarterly-overview-strip,.quarterly-focus-hero,.quarterly-director-row,.manager-empty-grid,.detail-stage-card,.calibration-brief,.calibration-flow-note,.calibration-path-card,.calibration-path-list,.calibration-grid,.calibration-exception-grid,.exception-marker-grid,.indicator-overview,.indicator-value-dimension,.indicator-map-grid,.indicator-detail-facts,.indicator-detail-facts.usage,.indicator-form-grid,.indicator-scope-grid,.weight-subsection,.filter-grid-primary,.indicator-evidence-grid { grid-template-columns:1fr; }.assessment-mode-item.uncategorized { grid-column:auto; }.cycle-actions-panel { border-left:0;border-top:1px solid var(--line);padding-left:0;padding-top:14px; }.field-wide,.hr-home-entry-facts div:nth-child(3),.hr-home-entry-facts div:nth-child(5) { grid-column:auto; }.value-dimension-facts { min-width:0; }.filter-actions { justify-content:flex-start; } }
	@media(max-width:760px){ header { padding:16px;align-items:flex-start;gap:12px;flex-direction:column; }nav { width:100%;gap:8px;justify-content:flex-start; }.self-task-grid,.grid.two,.readiness-grid,.quarterly-focus-facts,.detail-stage-facts,.grid.three,.detail-grid,.result-hero,.result-hero-grid,.position-indicator-item,.value-dimension-facts { grid-template-columns:1fr; }.summary-hero,.summary-item,.summary-clear,.workbench-header,.working-cycle-bar,.historical-cycle-notice,.indicator-detail-main,.indicator-form-intro,.indicator-focus-card,.indicator-war-room-note,.position-indicator-head,.self-task-head,.self-indicator-header,.hr-home-routing-strip,.hr-home-entry-head { align-items:flex-start;flex-direction:column; }.weight-badge { white-space:normal; }.working-cycle-meta { margin-left:0; }.summary-actions,.actions { justify-content:flex-start; }.submit-note { flex-basis:100%; }.page-title { align-items:flex-start;gap:14px; } main { padding:0 12px; }.card { padding:16px; }.hr-home-entry-head h2 { font-size:21px; }.indicator-form-guard,.indicator-focus-actions,.position-indicator-meta,.war-room-tags { justify-content:flex-start;min-width:0; }.indicator-form-section .field ul { grid-template-columns:1fr; } }
@media(max-width:1180px){ .role-metric-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.role-step-list { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:760px){ .role-panel-head,.role-panel-bottom,.role-metric-grid,.role-step-list { grid-template-columns:1fr; }.role-panel h2 { font-size:20px; }.role-status-banner strong { font-size:18px; } }
@media(max-width:760px){
  .role-merge-bar { align-items:flex-start;flex-direction:column; }
  .role-merge-bar div { margin-right:0; }
  .role-merge-bar .button { width:100%;text-align:center; }
}
