:root {
  --navy: #122844;
  --navy-2: #1a3556;
  --ink: #172434;
  --muted: #778493;
  --line: #e7ecf1;
  --surface: #ffffff;
  --canvas: #f5f7f9;
  --blue: #2563eb;
  --blue-soft: #eaf1ff;
  --mint: #0aa179;
  --mint-soft: #e3f7f1;
  --orange: #f59e42;
  --orange-soft: #fff1df;
  --red: #e75b63;
  --red-soft: #ffebed;
  --shadow: 0 14px 40px rgba(29, 44, 64, .07);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--canvas); font-family: Pretendard, "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif; font-size: 14px; }
button, input, select, textarea { font: inherit; }
button { color: inherit; }
.hidden { display: none !important; }
.app-shell { min-height: 100vh; }

.sidebar { position: fixed; inset: 0 auto 0 0; z-index: 40; width: 242px; display: flex; flex-direction: column; padding: 0 16px 18px; color: #dce6f2; background: var(--navy); }
.brand { height: 80px; display: flex; align-items: center; gap: 11px; padding: 0 12px; border-bottom: 1px solid rgba(255,255,255,.08); }
.brand-mark { width: 30px; height: 30px; display: flex; align-items: flex-end; justify-content: center; gap: 3px; padding: 6px; border-radius: 8px; background: #2869e8; box-shadow: inset 0 0 0 1px rgba(255,255,255,.14); }
.brand-mark span { display: block; width: 4px; background: white; border-radius: 4px; }
.brand-mark span:nth-child(1) { height: 8px; opacity: .65; }.brand-mark span:nth-child(2) { height: 15px; }.brand-mark span:nth-child(3) { height: 11px; opacity: .82; }
.brand strong { display: block; color: white; font-size: 16px; letter-spacing: .13em; }.brand small { display: block; margin-top: 1px; color: #8497ae; font-size: 9px; letter-spacing: .1em; }
.side-nav { min-height:0; padding-top: 16px; overflow-y:auto; scrollbar-width:none; }.side-nav::-webkit-scrollbar { display:none; }
.nav-label { margin: 0 11px 7px; color: #607690; font-size: 8px; font-weight: 800; letter-spacing: .09em; }.nav-label-spaced { margin-top: 14px; }
.nav-item { position: relative; width: 100%; height: 39px; display: flex; align-items: center; gap: 11px; margin: 1px 0; padding: 0 12px; border: 0; border-radius: 8px; color: #a9b9ca; background: transparent; cursor: pointer; text-align: left; transition: .2s ease; }
.nav-item:hover { color: white; background: rgba(255,255,255,.05); }.nav-item.active { color: white; font-weight: 700; background: #234d82; box-shadow: inset 3px 0 #5fa3ff; }
.nav-item svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }.nav-item:first-of-type svg { fill: currentColor; stroke: none; }
.nav-item em { margin-left: auto; min-width: 23px; padding: 2px 6px; border-radius: 10px; color: #bcd1eb; background: rgba(255,255,255,.1); font-size: 10px; font-style: normal; text-align: center; }.nav-dot { width: 7px; height: 7px; margin-left: auto; border-radius: 50%; background: #ff8a68; }
.sidebar-help { width:100%; margin-top: auto; display: grid; grid-template-columns: 30px 1fr 20px; gap: 8px; align-items: center; padding: 13px 10px; border:1px solid transparent; border-radius: 9px; color:inherit; background: rgba(255,255,255,.05); cursor:pointer; text-align:left; transition:.18s ease; }
.help-icon { width: 28px; height: 28px; display: grid; place-items: center; color: #7db4ff; border: 1px solid #557495; border-radius: 50%; font-weight: 800; }.sidebar-help strong,.sidebar-help small { display: block; }.sidebar-help strong { color: #dce6f2; font-size: 10px; }.sidebar-help small { margin-top: 3px; color: #778da6; font-size: 9px; }.sidebar-help button { border: 0; color: #7890aa; background: transparent; cursor: pointer; }
.sidebar-help:hover,.sidebar-help.active { border-color:rgba(0,174,239,.28); background:rgba(0,174,239,.12); }.sidebar-help.active { box-shadow:inset 3px 0 var(--adrf-cyan,#00aeef); }.help-arrow { color:#6f91aa;font-size:13px;text-align:right; }
.sidebar-profile { display: grid; grid-template-columns: 34px 1fr 24px; gap: 9px; align-items: center; margin-top: 13px; padding: 15px 8px 0; border-top: 1px solid rgba(255,255,255,.08); }.avatar { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 50%; color: #14335b; background: #d9e8f8; font-size: 11px; font-weight: 800; }.sidebar-profile strong,.sidebar-profile small { display: block; }.sidebar-profile strong { color: #eef4fa; font-size: 11px; }.sidebar-profile small { margin-top: 3px; color: #6f849d; font-size: 9px; }.sidebar-profile button { border: 0; color: #8397ad; background: transparent; cursor: pointer; }

.main { min-height: 100vh; margin-left: 242px; }
.topbar { position: sticky; top: 0; z-index: 30; height: 72px; display: flex; align-items: center; justify-content: space-between; padding: 0 34px; border-bottom: 1px solid #e9edf1; background: rgba(255,255,255,.96); backdrop-filter: blur(10px); }
.global-search { position:relative;width: min(420px, 43vw); display: flex; align-items: center; gap: 10px; }.global-search svg { width: 18px; fill: none; stroke: #8793a1; stroke-width: 1.8; stroke-linecap: round; }.global-search input { flex: 1; border: 0; outline: 0; color: var(--ink); background: transparent; font-size: 13px; }.global-search input::placeholder { color: #a0aab5; }.global-search kbd { padding: 3px 7px; border: 1px solid #dfe4e9; border-radius: 5px; color: #929ba6; background: #f8f9fa; font-family: inherit; font-size: 10px; }
.global-search-results { position:absolute;z-index:100;top:44px;left:0;right:0;max-height:470px;overflow:auto;padding:8px;border:1px solid #dfe5eb;border-radius:9px;color:#213649;background:white;box-shadow:0 18px 45px rgba(0,20,45,.22); }.search-result-section+.search-result-section { margin-top:7px;padding-top:7px;border-top:1px solid #edf1f4; }.search-result-section>strong { display:block;padding:4px 7px;color:#7f8d99;font-size:8px;letter-spacing:.08em; }.search-result-item { width:100%;display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center;padding:8px;border:0;border-radius:6px;background:white;cursor:pointer;text-align:left; }.search-result-item:hover,.search-result-item:focus { outline:0;background:#eff8fc; }.search-result-item>i { width:32px;height:32px;display:grid;place-items:center;border-radius:7px;color:#0879a8;background:#e1f4fb;font-size:8px;font-style:normal;font-weight:900; }.search-result-item strong,.search-result-item small { display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }.search-result-item strong { color:#30485a;font-size:9px; }.search-result-item small { margin-top:3px;color:#8a96a1;font-size:8px; }.search-result-item>span { color:#7c8995;font-size:8px; }.search-result-empty { padding:20px;color:#84919d;font-size:9px;text-align:center; }
.top-actions { display: flex; align-items: center; gap: 11px; }.period-trigger { height: 36px; display: flex; align-items: center; gap: 8px; padding: 0 12px; border: 1px solid #e3e8ed; border-radius: 7px; background: white; cursor: pointer; font-size: 11px; font-weight: 700; }.period-trigger b { margin-left: 6px; color: #8f99a4; }.live-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--mint); box-shadow: 0 0 0 3px #dff4ee; }.icon-button { position: relative; width: 36px; height: 36px; display: grid; place-items: center; border: 1px solid #e3e8ed; border-radius: 7px; background: white; cursor: pointer; }.icon-button svg { width: 17px; fill: none; stroke: #657181; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }.icon-button i { position: absolute; top: 7px; right: 7px; width: 5px; height: 5px; border: 1.5px solid white; border-radius: 50%; background: #ef6570; }.mobile-menu { display: none; }

.content { max-width: 1450px; margin: auto; padding: 31px 34px 45px; }.page-heading { display: flex; justify-content: space-between; gap: 30px; margin-bottom: 25px; }.eyebrow { display: flex; align-items: center; gap: 9px; margin-bottom: 7px; color: #818c98; font-size: 9px; font-weight: 800; letter-spacing: .1em; }.eyebrow span:first-child { color: #2c6ee9; }.eyebrow i { width: 3px; height: 3px; border-radius: 50%; background: #b4bdc6; }.page-heading h1 { margin: 0 0 6px; color: #162536; font-size: clamp(24px, 2.2vw, 31px); line-height: 1.25; letter-spacing: -.035em; }.page-heading h1 span { font-size: .78em; }.page-heading p { margin: 0; color: var(--muted); font-size: 12px; }.heading-actions { display: flex; align-items: flex-end; gap: 9px; }
.button { height: 39px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; padding: 0 14px; border: 1px solid transparent; border-radius: 7px; cursor: pointer; font-size: 11px; font-weight: 700; transition: .18s ease; }.button svg { width: 15px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }.button.primary { color: white; background: #205fd3; box-shadow: 0 5px 13px rgba(37,99,235,.18); }.button.primary:hover { background: #174fb5; transform: translateY(-1px); }.button.secondary { border-color: #e0e5eb; background: white; }.button.secondary:hover { border-color: #b9c7d8; background: #f9fafb; }.button.small { height: 34px; }

.kpi-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-bottom: 15px; }.kpi-card { position: relative; min-height: 123px; padding: 19px 19px 15px; overflow: hidden; border: 1px solid var(--line); border-radius: 10px; background: white; box-shadow: 0 5px 18px rgba(30,44,61,.025); }.kpi-top { display: flex; align-items: center; justify-content: space-between; }.kpi-top > span { color: #6f7b88; font-size: 11px; font-weight: 700; }.kpi-icon { width: 31px; height: 31px; display: grid; place-items: center; border-radius: 8px; }.kpi-icon svg { width: 16px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }.kpi-icon.blue { color: #2f6ce4; background: var(--blue-soft); }.kpi-icon.green { color: var(--mint); background: var(--mint-soft); }.kpi-icon.orange { color: #e89032; background: var(--orange-soft); }.kpi-icon.red { color: var(--red); background: var(--red-soft); }.kpi-main { display: flex; align-items: baseline; gap: 8px; margin-top: 10px; }.kpi-main strong { font-size: 26px; letter-spacing: -.04em; }.kpi-main small { color: #7d8996; font-size: 10px; }.delta { display: inline-flex; align-items: center; gap: 2px; margin-top: 7px; padding: 2px 6px; border-radius: 4px; font-size: 9px; font-weight: 800; }.delta.up { color: #088465; background: #e8f7f2; }.delta.down { color: #d8545e; background: #ffedef; }.kpi-caption { margin-left: 6px; color: #99a2ac; font-size: 9px; }

.dashboard-grid { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(300px, .75fr); gap: 15px; }.card { border: 1px solid var(--line); border-radius: 10px; background: white; box-shadow: 0 5px 20px rgba(26,43,62,.03); }.card-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; padding: 18px 20px 12px; }.card-header h2,.table-headline h2 { margin: 0 0 4px; font-size: 14px; letter-spacing: -.01em; }.card-header p,.table-headline p { margin: 0; color: #89939e; font-size: 10px; }.card-header p strong { color: #355b91; }.legend { display: flex; gap: 13px; padding-top: 2px; color: #7a8692; font-size: 9px; }.legend span { display: flex; align-items: center; gap: 5px; }.legend-dot { width: 6px; height: 6px; display: block; border-radius: 50%; }.legend-dot.blue { background: #3d76e7; }.legend-dot.green { background: #19aa84; }.legend-dot.orange { background: #f0a04a; }
.scatter-wrap { height: 250px; padding: 0 18px 12px; }.scatter-wrap svg { width: 100%; height: 100%; overflow: visible; }.chart-grid { stroke: #ebeff3; stroke-width: 1; stroke-dasharray: 3 4; }.chart-axis { fill: #9aa4af; font-size: 8px; }.chart-label { fill: #7f8b97; font-size: 8px; font-weight: 600; }.quadrant { fill: #eff7ff; opacity: .5; }.bubble { cursor: pointer; transition: .2s; }.bubble:hover { filter: brightness(.92); stroke-width: 3; }.bubble-label { fill: #5c6977; font-size: 7.5px; font-weight: 600; pointer-events: none; }
.donut-zone { display: flex; align-items: center; justify-content: center; gap: 28px; padding: 8px 18px 13px; }.donut { --score: 82.4; position: relative; width: 126px; height: 126px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 50%; background: conic-gradient(#2f6ce5 0 calc(var(--score)*1%), #dce5ef calc(var(--score)*1%) 100%); }.donut::before { content: ""; position: absolute; inset: 12px; border-radius: 50%; background: white; }.donut > div { position: relative; text-align: center; }.donut strong,.donut span { display: block; }.donut strong { font-size: 25px; letter-spacing: -.04em; }.donut span { margin-top: 3px; color: #909aa4; font-size: 8px; }.score-legend { min-width: 108px; }.score-legend-item { display: grid; grid-template-columns: 7px 1fr auto; align-items: center; gap: 7px; margin: 10px 0; color: #77828e; font-size: 9px; }.score-legend-item i { width: 7px; height: 7px; border-radius: 2px; }.score-legend-item strong { color: #384757; font-size: 10px; }.score-note { display: flex; align-items: center; gap: 9px; margin: 0 18px 17px; padding: 11px 12px; border-radius: 7px; color: #087b60; background: #edf9f5; }.score-note > span { width: 24px; height: 24px; display: grid; place-items: center; border-radius: 50%; background: #d8f2e9; font-weight: 800; }.score-note strong,.score-note small { display: block; }.score-note strong { font-size: 9px; }.score-note small { margin-top: 2px; color: #6e9d90; font-size: 8px; }.more-button { border: 0; background: transparent; color: #909aa5; cursor: pointer; letter-spacing: 2px; }
.progress-card,.activity-card { min-height: 325px; }.text-button { border: 0; color: #376fcd; background: transparent; cursor: pointer; font-size: 9px; font-weight: 700; }.text-button span { margin-left: 3px; }.project-list { padding: 0 20px 10px; }.project-row { display: grid; grid-template-columns: 30px minmax(160px,1.4fr) 85px minmax(110px,.8fr) 44px 36px; align-items: center; gap: 12px; min-height: 42px; border-top: 1px solid #f0f2f5; }.project-row:first-child { border-top: 0; }.project-symbol { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 7px; font-size: 11px; font-weight: 800; }.project-symbol.blue { color: #2d68d7; background: #eaf1ff; }.project-symbol.green { color: #098665; background: #e5f7f1; }.project-symbol.orange { color: #d9852f; background: #fff0de; }.project-info { min-width: 0; }.project-info strong,.project-info small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.project-info strong { font-size: 10px; }.project-info small { margin-top: 3px; color: #9aa3ad; font-size: 8px; }.owner { color: #6f7d8b; font-size: 9px; }.progress-track { height: 5px; overflow: hidden; border-radius: 6px; background: #edf0f3; }.progress-track i { display: block; height: 100%; border-radius: inherit; background: #3676e6; }.progress-value { font-size: 9px; font-weight: 800; }.score-badge { display: grid; place-items: center; width: 32px; height: 23px; border-radius: 5px; font-size: 9px; font-weight: 800; }.score-badge.good { color: #0a8968; background: #e5f7f1; }.score-badge.mid { color: #d17d27; background: #fff0df; }.score-badge.low { color: #d5555d; background: #ffeaec; }
.status-pill { display: inline-flex; align-items: center; padding: 4px 8px; border-radius: 10px; font-size: 8px; font-weight: 800; }.blue-pill { color: #2d66ca; background: #eaf1ff; }.orange-pill { color: #c97018; background: #fff0dc; }.activity-overview { display: flex; align-items: center; gap: 17px; margin: 2px 20px 14px; padding-bottom: 14px; border-bottom: 1px solid #eef1f4; }.mini-ring { --p: 78; width: 75px; height: 75px; display: grid; place-content: center; flex: 0 0 auto; border-radius: 50%; text-align: center; background: radial-gradient(closest-side, white 78%, transparent 80% 100%), conic-gradient(#24aa86 calc(var(--p)*1%), #e7f0ed 0); }.mini-ring strong,.mini-ring span { display: block; }.mini-ring strong { font-size: 17px; }.mini-ring span { color: #8d98a3; font-size: 8px; }.activity-overview > div:last-child strong,.activity-overview > div:last-child span,.activity-overview > div:last-child small { display: block; }.activity-overview > div:last-child strong { font-size: 17px; }.activity-overview > div:last-child span { margin-top: 2px; color: #5f6e7e; font-size: 9px; }.activity-overview > div:last-child small { margin-top: 7px; color: #9ba4ae; font-size: 8px; }.dept-progress { padding: 0 20px; }.dept-row { display: grid; grid-template-columns: 58px 1fr 28px; gap: 8px; align-items: center; margin: 9px 0; font-size: 8px; }.dept-row span:last-child { color: #687685; font-weight: 700; text-align: right; }.dept-row .progress-track i { background: #21a985; }.full-button { width: calc(100% - 40px); height: 34px; margin: 8px 20px 15px; border: 1px solid #dfe6ed; border-radius: 6px; color: #48627f; background: #fafbfc; cursor: pointer; font-size: 9px; font-weight: 700; }.full-button span { margin-left: 5px; }

.subpage { max-width: 1450px; }.toolbar { display: flex; justify-content: space-between; align-items: center; margin-bottom: 14px; padding: 13px 15px; }.filter-group { display: flex; gap: 6px; }.filter-chip { padding: 7px 12px; border: 1px solid #e3e8ed; border-radius: 20px; color: #667483; background: white; cursor: pointer; font-size: 10px; font-weight: 700; }.filter-chip.active { border-color: #2765d7; color: white; background: #2765d7; }.toolbar select,.form-grid select { height: 34px; padding: 0 30px 0 11px; border: 1px solid #e0e5ea; border-radius: 6px; color: #576575; background: white; font-size: 10px; outline: 0; }.table-card { overflow: hidden; }.table-headline { display: flex; justify-content: space-between; align-items: center; padding: 18px 20px; border-bottom: 1px solid #edf0f3; }.table-scroll { overflow-x: auto; }.table-card table { width: 100%; border-collapse: collapse; min-width: 850px; }.table-card th { padding: 12px 14px; color: #8e98a3; background: #fafbfc; font-size: 9px; font-weight: 700; text-align: left; }.table-card td { padding: 13px 14px; border-top: 1px solid #f0f2f4; color: #5e6c7b; font-size: 10px; vertical-align: middle; }.table-card tbody tr { transition: .15s; }.table-card tbody tr:hover { background: #fbfcfe; }.table-project { display: flex; align-items: center; gap: 9px; min-width: 220px; }.table-project strong,.table-project small { display: block; }.table-project strong { color: #263646; font-size: 10px; }.table-project small { margin-top: 3px; color: #9ba4ad; font-size: 8px; }.table-progress { display: flex; align-items: center; gap: 8px; min-width: 110px; }.table-progress .progress-track { width: 70px; }.row-menu { width: 27px; height: 27px; border: 1px solid #e4e8ed; border-radius: 5px; background: white; cursor: pointer; }.status-tag { display: inline-flex; padding: 4px 8px; border-radius: 10px; font-size: 8px; font-weight: 800; }.status-tag.running { color: #2867cf; background: #eaf1ff; }.status-tag.review { color: #cf7622; background: #fff0df; }.status-tag.done { color: #098366; background: #e4f6f0; }.empty-row { height: 170px; color: #929ca7 !important; text-align: center; }
.evaluation-layout { display: grid; grid-template-columns: minmax(0,1.5fr) minmax(280px,.65fr); gap: 16px; }.eval-queue { min-height: 430px; }.eval-queue > div:last-child { padding: 0 20px 20px; }.eval-queue-row { display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 16px; padding: 15px 0; border-top: 1px solid #eef1f4; }.eval-queue-row:first-child { border-top: 0; }.eval-queue-row h3 { margin: 0 0 5px; font-size: 11px; }.eval-queue-row p { margin: 0; color: #8d98a4; font-size: 9px; }.eval-queue-row .deadline { color: #667585; font-size: 9px; }.eval-queue-row .button { height: 32px; }.eval-guide { padding: 25px; align-self: start; }.guide-icon { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 10px; color: #087e60; background: #e4f7f1; font-size: 17px; font-weight: 800; }.eval-guide h2 { margin: 17px 0 8px; font-size: 14px; }.eval-guide p { margin: 0; color: #798692; font-size: 10px; line-height: 1.7; }.eval-guide ul { margin: 18px 0 0; padding: 15px 0 0; border-top: 1px solid #edf0f3; list-style: none; }.eval-guide li { position: relative; margin: 10px 0; padding-left: 16px; color: #627180; font-size: 9px; }.eval-guide li::before { content: "·"; position: absolute; left: 4px; color: #1b9d79; font-weight: 900; }
.empty-state { min-height: 380px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 40px; text-align: center; }.empty-visual { width: 100px; height: 76px; display: flex; align-items: flex-end; justify-content: center; gap: 8px; padding: 16px; border-radius: 18px; background: #edf3fb; }.empty-visual span { width: 14px; border-radius: 5px 5px 2px 2px; background: #82a9e6; }.empty-visual span:nth-child(1) { height: 25px; }.empty-visual span:nth-child(2) { height: 45px; background: #3c73ce; }.empty-visual span:nth-child(3) { height: 34px; background: #65baa2; }.empty-state h2 { margin: 20px 0 7px; font-size: 17px; }.empty-state p { max-width: 430px; margin: 0 0 20px; color: #7f8b97; font-size: 11px; line-height: 1.7; }

.popover,.notification-panel { position: fixed; z-index: 80; border: 1px solid #e2e7ec; border-radius: 9px; background: white; box-shadow: 0 15px 40px rgba(28,43,60,.15); }.popover { top: 61px; right: 79px; width: 180px; padding: 6px; }.popover button { width: 100%; display: flex; justify-content: space-between; padding: 9px 10px; border: 0; border-radius: 6px; color: #687585; background: transparent; cursor: pointer; font-size: 10px; text-align: left; }.popover button:hover { background: #f5f7fa; }.popover button.selected { color: #2362d4; font-weight: 800; background: #edf3ff; }.notification-panel { top: 61px; right: 34px; width: 330px; padding: 16px; }.notification-panel > div { display: flex; justify-content: space-between; align-items: center; }.notification-panel h3 { margin: 0; font-size: 13px; }.notification-panel > div button { border: 0; background: transparent; cursor: pointer; font-size: 19px; }.notification-panel ul { margin: 12px 0 0; padding: 0; list-style: none; }.notification-panel li { display: flex; gap: 11px; padding: 12px 0; border-top: 1px solid #eef1f4; }.notification-panel li i { width: 29px; height: 29px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 50%; font-size: 10px; font-style: normal; font-weight: 800; }.notification-panel li strong,.notification-panel li small { display: block; }.notification-panel li strong { font-size: 10px; }.notification-panel li small { margin-top: 4px; color: #929ca6; font-size: 8px; }.green-bg { color: #0b8d6c; background: #e4f7f1; }.orange-bg { color: #d77923; background: #fff0df; }.blue-bg { color: #2b67d0; background: #eaf1ff; }
.toast { position: fixed; right: 28px; bottom: 28px; z-index: 120; display: flex; align-items: center; gap: 9px; padding: 12px 17px; border-radius: 8px; color: white; background: #173758; box-shadow: 0 13px 35px rgba(12,28,46,.3); transform: translateY(90px); opacity: 0; pointer-events: none; transition: .3s ease; }.toast.show { transform: translateY(0); opacity: 1; }.toast span { width: 19px; height: 19px; display: grid; place-items: center; border-radius: 50%; color: #0a664f; background: #74ddbf; font-size: 10px; font-weight: 900; }.toast p { margin: 0; font-size: 10px; font-weight: 700; }
.modal-backdrop { position: fixed; inset: 0; z-index: 90; background: rgba(13,28,47,.48); backdrop-filter: blur(2px); }.modal { width: min(580px, calc(100vw - 28px)); max-height: calc(100vh - 40px); padding: 0; overflow: auto; border: 0; border-radius: 13px; color: var(--ink); background: white; box-shadow: 0 30px 90px rgba(11,26,44,.3); }.modal::backdrop { background: transparent; }.modal-header { display: flex; justify-content: space-between; padding: 25px 27px 18px; border-bottom: 1px solid #edf0f3; }.modal-eyebrow { color: #2d69d5; font-size: 8px; font-weight: 900; letter-spacing: .12em; }.modal-header h2 { margin: 6px 0 5px; font-size: 19px; }.modal-header p { margin: 0; color: #84909d; font-size: 10px; }.modal-close { width: 31px; height: 31px; border: 1px solid #e2e7ec; border-radius: 7px; background: white; cursor: pointer; font-size: 18px; }.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; padding: 22px 27px; }.form-grid label,.comment-field { display: flex; flex-direction: column; gap: 7px; }.form-grid label.full { grid-column: 1 / -1; }.form-grid label > span,.comment-field > span { font-size: 10px; font-weight: 800; }.form-grid input,.form-grid textarea,.comment-field textarea { width: 100%; padding: 10px 11px; border: 1px solid #dfe5eb; border-radius: 7px; outline: 0; color: #314152; resize: vertical; font-size: 11px; }.form-grid input { height: 39px; }.form-grid select { height: 39px; font-size: 11px; }.form-grid input:focus,.form-grid textarea:focus,.form-grid select:focus,.comment-field textarea:focus { border-color: #4e82dc; box-shadow: 0 0 0 3px #edf3ff; }.modal-actions { display: flex; justify-content: flex-end; gap: 8px; padding: 15px 27px 22px; border-top: 1px solid #edf0f3; }.score-form { padding: 18px 27px 3px; }.score-field { display: grid; grid-template-columns: 120px 1fr 48px; gap: 14px; align-items: center; margin: 15px 0; }.score-field label strong,.score-field label small { display: block; }.score-field label strong { font-size: 10px; }.score-field label small { margin-top: 3px; color: #9aa4af; font-size: 8px; }.score-field input[type=range] { width: 100%; accent-color: #2767d8; }.score-field output { height: 31px; display: grid; place-items: center; border: 1px solid #dfe5eb; border-radius: 6px; color: #285eb9; background: #f6f9ff; font-size: 11px; font-weight: 900; }.comment-field { margin: 10px 27px 15px; }.evaluation-total { display: flex; align-items: baseline; justify-content: flex-end; gap: 5px; margin: 0 27px 18px; padding: 13px; border-radius: 7px; background: #f3f6fa; }.evaluation-total span { margin-right: auto; font-size: 10px; font-weight: 800; }.evaluation-total strong { color: #215fcd; font-size: 22px; }.evaluation-total em { color: #8995a1; font-size: 9px; font-style: normal; }

@media (max-width: 1100px) { .kpi-grid { grid-template-columns: repeat(2,1fr); }.dashboard-grid { grid-template-columns: 1fr; }.score-card { order: 3; }.activity-card { order: 4; }.donut-zone { justify-content: flex-start; padding-left: 30px; }.evaluation-layout { grid-template-columns: 1fr; }.eval-guide { order: -1; }.project-row { grid-template-columns: 30px minmax(160px,1.4fr) 75px minmax(100px,.8fr) 40px 34px; } }
@media (max-width: 760px) { .sidebar { transform: translateX(-100%); transition: .25s ease; }.sidebar.open { transform: translateX(0); box-shadow: 20px 0 60px rgba(0,0,0,.25); }.main { margin-left: 0; }.mobile-menu { display: block; border: 0; background: transparent; font-size: 20px; cursor: pointer; }.topbar { height: 62px; padding: 0 17px; }.global-search { width: min(300px,60vw); }.global-search kbd,.period-trigger .live-dot { display: none; }.period-trigger { padding: 0 8px; }.content { padding: 24px 17px 35px; }.page-heading { flex-direction: column; }.heading-actions { align-items: center; }.heading-actions .button { flex: 1; }.kpi-grid { grid-template-columns: 1fr 1fr; gap: 9px; }.kpi-card { min-height: 112px; padding: 15px; }.dashboard-grid { gap: 10px; }.portfolio-card { overflow-x: auto; }.scatter-wrap { min-width: 600px; }.legend { display: none; }.project-row { grid-template-columns: 30px 1fr 55px 35px; }.project-row .owner,.project-row .progress-track { display: none; }.toolbar { align-items: stretch; flex-direction: column; gap: 10px; }.filter-group { overflow-x: auto; }.filter-chip { white-space: nowrap; }.notification-panel { top: 55px; right: 10px; width: calc(100vw - 20px); }.popover { top: 55px; right: 55px; }.form-grid { grid-template-columns: 1fr; }.form-grid label.full { grid-column: auto; } }
@media (max-width: 470px) { .global-search { width: 44px; }.global-search input { width: 0; }.period-trigger { max-width: 130px; }.kpi-grid { grid-template-columns: 1fr; }.kpi-card { min-height: 104px; }.heading-actions { flex-direction: column; align-items: stretch; }.donut-zone { gap: 18px; padding-left: 18px; }.score-field { grid-template-columns: 95px 1fr 43px; gap: 8px; }.eval-queue-row { grid-template-columns: 1fr auto; }.eval-queue-row .deadline { display: none; } }

/* ADRF Communications Technology Institute */
:root { --adrf-cyan:#00aeef; --adrf-blue:#0b6597; --adrf-navy:#00153c; --adrf-black:#05070a; }
.sidebar { width:252px; padding-left:14px; padding-right:14px; background:linear-gradient(180deg,#05070a 0%,#06152b 70%,#071b32 100%); }
.main { margin-left:252px; }
.adrf-brand { height:78px; gap:10px; padding:0 8px; overflow:hidden; }
.adrf-brand img { width:62px; height:40px; max-width:62px; max-height:40px; object-fit:contain; flex:0 0 62px; }
.adrf-brand strong { font-size:10px; letter-spacing:.1em; }
.adrf-brand small { color:#7f91aa; font-size:9px; letter-spacing:.03em; }
.nav-item.active { background:linear-gradient(90deg,rgba(0,174,239,.25),rgba(12,79,126,.3)); box-shadow:inset 3px 0 var(--adrf-cyan); }
.nav-item:hover { background:rgba(0,174,239,.1); }
.sidebar-help { grid-template-columns:34px 1fr 18px; }
.sidebar-help .help-icon { width:32px;height:32px;border:0;border-radius:7px;color:white;background:#096a9e;font-size:9px; }
.online-dot { width:8px;height:8px;border-radius:50%;background:#37d8ac;box-shadow:0 0 0 3px rgba(55,216,172,.14); }
.adrf-topbar { height:68px; color:white; border:0; background:#05070a; }
.topbar-title { display:flex;align-items:center;gap:10px;white-space:nowrap; }
.topbar-title strong { color:var(--adrf-cyan);font-size:15px;letter-spacing:.12em; }
.topbar-title span { color:#718096;font-size:9px; }
.topbar-title i { color:#3d4856;font-size:9px;font-style:normal; }.topbar-title b { color:#d6e2ec;font-size:9px;font-weight:700; }
.adrf-topbar .global-search { width:min(440px,38vw);height:36px;padding:0 11px;border:1px solid #29313d;border-radius:5px;background:#11161d; }
.adrf-topbar .global-search input { color:#edf5fc; }
.adrf-topbar .global-search svg { stroke:#8190a0; }
.adrf-topbar .global-search kbd { border-color:#333c47;color:#84909e;background:#171d25; }
.adrf-topbar .period-trigger,.adrf-topbar .icon-button { color:#eaf3fb;border-color:#303842;background:#11161d; }
.workflow-nav { position:sticky;z-index:29;top:68px;height:46px;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 26px;border-bottom:1px solid #e2e7eb;background:rgba(255,255,255,.96);backdrop-filter:blur(10px); }.workflow-nav>span { margin-right:6px;color:#71808e;font-size:8px;font-weight:900;letter-spacing:.08em; }.workflow-nav button { height:28px;display:flex;align-items:center;gap:6px;padding:0 9px;border:1px solid transparent;border-radius:15px;color:#6d7b88;background:transparent;cursor:pointer;font-size:8px;font-weight:700;white-space:nowrap; }.workflow-nav button b { width:17px;height:17px;display:grid;place-items:center;border-radius:50%;color:#6c7d8b;background:#e9eef2;font-size:7px; }.workflow-nav button:hover { color:#086f9e;background:#edf8fc; }.workflow-nav button.active { border-color:#bce8f7;color:#006f9d;background:#e9f8fd; }.workflow-nav button.active b { color:white;background:#0797cd; }.workflow-nav>i { color:#b8c2ca;font-size:8px;font-style:normal; }
.heading-base-date { color:#687987!important;font-weight:700;letter-spacing:0; }
.executive-heading { padding:5px 0 1px; }
.executive-heading h1 { font-size:30px; }
.executive-heading .eyebrow span:first-child { color:#008fc8; }
.button.primary { background:linear-gradient(135deg,#007eb8,#00a9e8);box-shadow:0 6px 16px rgba(0,151,208,.22); }
.button.primary:hover { background:#007bac; }
.executive-kpis .kpi-card { border-top:2px solid #0aa8e0; }
.product-pulse { display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:0 0 15px; }
.product-pulse-card { min-width:0;display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;padding:13px 14px;border:1px solid var(--line);border-radius:9px;background:white;box-shadow:0 4px 15px rgba(24,42,61,.025);cursor:pointer;text-align:left;transition:.2s; }
.product-pulse-card:hover { transform:translateY(-2px);border-color:var(--accent);box-shadow:0 10px 25px rgba(24,42,61,.08); }
.product-code { width:35px;height:35px;display:grid;place-items:center;border-radius:8px;color:var(--accent);background:var(--soft);font-size:9px;font-weight:900; }
.product-pulse-card strong,.product-pulse-card small { display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.product-pulse-card strong { font-size:10px; }.product-pulse-card small { margin-top:3px;color:#8b96a2;font-size:8px; }
.product-pulse-card em { color:var(--accent);font-size:14px;font-style:normal;font-weight:900;text-align:right; }.product-pulse-card em small { font-size:7px; }
.executive-grid { grid-template-columns:repeat(12,minmax(0,1fr));align-items:start; }
.executive-grid .portfolio-card { grid-column:span 8; }.executive-grid .risk-card { grid-column:span 4; }.executive-grid .progress-card { grid-column:span 7; }.executive-grid .platform-card { grid-column:span 5; }.executive-grid .evaluation-health { grid-column:span 12; }
.legend-dot.psr { background:#00aeef; }.legend-dot.das { background:#2d67b1; }.legend-dot.sdr { background:#7656c8; }.legend-dot.platform { background:#0c9b82; }
.release-risk-list { padding:0 18px 15px; }
.risk-row { width:100%;display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:10px;padding:11px 2px;border:0;border-top:1px solid #edf0f3;background:transparent;cursor:pointer;text-align:left; }
.risk-row:first-child { border-top:0; }.risk-row:hover { background:#fafcff; }
.risk-signal { width:6px;height:28px;border-radius:5px;background:#50bea2; }.risk-signal.medium { background:#f2ab52; }.risk-signal.high { background:#e86268; }
.risk-row strong,.risk-row span,.risk-row small { display:block; }.risk-row strong { font-size:10px; }.risk-row span { margin-top:3px;color:#74818e;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }.risk-row small { margin-top:3px;color:#a07848;font-size:8px; }.risk-row time { color:#7f8b97;font-size:8px; }
.project-row.clickable-row { width:100%;border-left:0;border-right:0;border-bottom:0;background:white;cursor:pointer;text-align:left; }.project-row.clickable-row:hover { background:#fafcff; }
.score-badge.excellent { color:#006796;background:#e1f6ff; }.score-badge.good { color:#087f67;background:#e5f7f1; }
.matrix-head,.matrix-row { display:grid;grid-template-columns:minmax(120px,1.3fr) 85px 85px 58px;align-items:center;gap:7px;padding:9px 18px; }
.matrix-head { color:#919ba6;background:#fafbfd;font-size:8px;font-weight:800; }.matrix-row { width:100%;border:0;border-top:1px solid #eef1f4;background:white;cursor:pointer;color:#5f6e7e;font-size:9px;text-align:left; }.matrix-row:hover { background:#f8fbfd; }.matrix-row > span:first-child { display:flex;align-items:center;gap:6px;color:#334455;font-weight:700; }.matrix-row > span:first-child i { width:6px;height:6px;border-radius:50%; }.matrix-row strong { text-align:right;color:#196fa3; }
.evaluation-dashboard { display:flex;align-items:center;justify-content:center;gap:48px;padding:15px 25px 22px; }.evaluation-dashboard .donut { width:108px;height:108px; }.eval-metrics { display:grid;grid-template-columns:repeat(3,120px);gap:14px; }.eval-metrics>div { padding:14px;border-left:1px solid #e9edf1; }.eval-metrics span,.eval-metrics strong { display:block; }.eval-metrics span { color:#8793a0;font-size:9px; }.eval-metrics strong { margin-top:6px;font-size:20px; }.eval-metrics small { margin-left:3px;color:#8793a0;font-size:8px; }
.toolbar-selects { display:flex;gap:8px; }.toolbar-selects select,.table-headline select { height:34px;padding:0 30px 0 10px;border:1px solid #dfe5eb;border-radius:6px;color:#566474;background:white;font-size:9px; }
.platform-baseline { display:block;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px;line-height:1.7; }.platform-baseline:first-child { color:#176e9c;font-weight:700; }
.cell-sub { display:block;margin-top:4px;color:#98a2ad;font-size:8px;font-weight:400; }
.row-menu { width:auto;min-width:42px;padding:0 8px;color:#1677aa;font-size:8px;font-weight:800; }
.task-stats,.member-summary,.evaluation-summary { display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px; }
.mini-stat,.eval-summary-card { position:relative;overflow:hidden;padding:16px 18px;border:1px solid var(--line);border-radius:9px;background:white; }
.mini-stat span,.eval-summary-card span { color:#73808e;font-size:9px;font-weight:700; }.mini-stat strong,.eval-summary-card strong { display:block;margin-top:7px;font-size:21px; }.mini-stat small,.eval-summary-card small { margin-left:3px;color:#8995a1;font-size:8px; }
.stat-bar { position:absolute;right:0;bottom:0;left:0;height:3px;background:#2b83bb; }.stat-bar.s1 { background:#17a683; }.stat-bar.s2 { background:#f0a24e; }.stat-bar.s3 { background:#7656c8; }
.product-inline { display:flex;align-items:center;gap:5px;color:#455567;font-size:9px;font-weight:800; }.product-inline i { width:7px;height:7px;border-radius:50%; }
.domain-tag { display:inline-flex;padding:5px 7px;border-radius:5px;color:#176c9b;background:#e8f5fb;font-size:8px;font-weight:800;white-space:nowrap; }
.evidence-cell { display:block;max-width:200px;margin-top:5px;overflow:hidden;color:#8b96a1;font-size:8px;text-overflow:ellipsis;white-space:nowrap; }
.status-tag.waiting { color:#6f7b87;background:#edf0f3; }.status-tag.hold { color:#9a6065;background:#f7e9eb; }
.refined-eval-layout { grid-template-columns:minmax(0,1.35fr) minmax(360px,.8fr); }
.eval-queue-row { grid-template-columns:minmax(260px,1fr) 180px auto; }.eval-queue-row h3 { margin-top:6px; }.eval-assignees small,.eval-assignees span { display:block; }.eval-assignees small { color:#9aa4ae;font-size:8px; }.eval-assignees span { margin-top:4px;color:#617181;font-size:8px; }
.eval-history { align-self:start; }.eval-history>div:last-child { padding:0 18px 16px; }.history-row { width:100%;display:grid;grid-template-columns:36px 1fr;gap:10px;padding:12px 2px;border:0;border-top:1px solid #edf0f3;background:white;cursor:pointer;text-align:left; }.history-row:hover { background:#fafcff; }.history-row>div strong,.history-row>div small { display:block; }.history-row>div strong { font-size:9px; }.history-row>div small { margin-top:3px;color:#919ca7;font-size:8px; }.history-row p { margin:6px 0 0;overflow:hidden;color:#667482;font-size:8px;line-height:1.45;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; }
.researcher-cell { display:flex;align-items:center;gap:9px;min-width:210px; }.researcher-cell strong,.researcher-cell small { display:block; }.researcher-cell small { margin-top:3px;color:#97a1ac;font-size:8px; }.researcher-avatar { width:32px;height:32px;display:grid;place-items:center;flex:0 0 auto;border-radius:8px;color:white;background:linear-gradient(135deg,#007eb8,#00aeef);font-size:9px;font-weight:900; }
.skill-list { display:flex;flex-wrap:wrap;gap:4px;min-width:220px; }.skill-list span { padding:4px 6px;border-radius:5px;color:#5f6f7f;background:#f0f3f6;font-size:8px; }
.capacity-cell { display:flex;align-items:center;gap:7px;min-width:100px; }.capacity-cell .progress-track { width:62px; }.capacity-cell b { font-size:9px; }
.wide-modal { width:min(850px,calc(100vw - 28px)); }.detail-modal { width:min(980px,calc(100vw - 28px)); }.form-grid.three-col { grid-template-columns:repeat(3,1fr); }.form-grid.three-col .full { grid-column:1/-1; }
.evaluation-context { display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:12px;padding:18px 27px 4px; }.evaluation-context label { display:flex;flex-direction:column;gap:7px; }.evaluation-context label span { font-size:9px;font-weight:800; }.evaluation-context select,.evaluation-context input { height:38px;padding:0 10px;border:1px solid #dfe5eb;border-radius:7px;background:white;font-size:10px; }
.evaluation-notes { padding-top:8px;padding-bottom:12px; }
.detail-hero { display:flex;justify-content:space-between;gap:25px;margin:22px 26px 14px;padding:20px;border-left:4px solid var(--accent);border-radius:7px;background:var(--soft); }.detail-hero span { color:var(--accent);font-size:8px;font-weight:900; }.detail-hero h3 { max-width:730px;margin:7px 0 0;color:#314454;font-size:11px;line-height:1.65;font-weight:600; }.detail-score { text-align:center; }.detail-score strong,.detail-score small { display:block; }.detail-score strong { color:var(--accent);font-size:26px; }.detail-score small { margin-top:3px;color:#748390;font-size:8px; }
.detail-facts { display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:10px;margin:0 26px 18px; }.detail-facts>div { padding:12px;border:1px solid #e5eaee;border-radius:7px; }.detail-facts span,.detail-facts strong { display:block; }.detail-facts span { color:#909ba6;font-size:8px; }.detail-facts strong { margin-top:6px;font-size:9px;line-height:1.4; }
.detail-section { margin:0 26px 22px; }.detail-section-head { display:flex;align-items:center;justify-content:space-between;margin-bottom:8px; }.detail-section-head h3 { margin:0;font-size:11px; }.detail-section-head>span { color:#87939f;font-size:8px; }
.detail-task-list { border:1px solid #e5e9ed;border-radius:8px;overflow:hidden; }.detail-task-list>div { display:grid;grid-template-columns:55px 1fr 40px;gap:10px;align-items:start;padding:10px 12px;border-top:1px solid #edf0f3; }.detail-task-list>div:first-child { border-top:0; }.detail-task-list strong,.detail-task-list small { display:block; }.detail-task-list strong { font-size:9px; }.detail-task-list small { margin-top:3px;color:#8d98a3;font-size:8px; }.detail-task-list p { margin:4px 0 0;color:#617080;font-size:8px; }.detail-task-list b { color:#2275aa;font-size:9px;text-align:right; }
.version-timeline { display:grid;grid-template-columns:repeat(3,1fr);gap:8px; }.version-timeline>div { position:relative;padding:13px;border:1px solid #e5e9ed;border-radius:7px; }.version-timeline i { position:absolute;top:13px;right:13px;width:7px;height:7px;border-radius:50%;background:#9aa5af; }.version-timeline i.done { background:#1da883; }.version-timeline i.review { background:#f0a04a; }.version-timeline i.running { background:#1887bf; }.version-timeline span,.version-timeline strong,.version-timeline em { display:block; }.version-timeline span { color:#929da8;font-size:7px; }.version-timeline strong { margin-top:5px;font-size:10px; }.version-timeline em { margin-top:3px;color:#2375a7;font-size:8px;font-style:normal; }.version-timeline p { margin:7px 0 0;color:#667585;font-size:8px;line-height:1.45; }
.detail-evaluations>div { display:grid;grid-template-columns:38px 1fr;gap:10px;padding:11px 0;border-top:1px solid #edf0f3; }.detail-evaluations>div:first-child { border-top:0; }.detail-evaluations strong { font-size:9px; }.detail-evaluations p { margin:5px 0;color:#596979;font-size:8px;line-height:1.45; }.detail-evaluations small { color:#8b97a2;font-size:8px; }.empty-inline { color:#929ca7;font-size:9px;text-align:center; }
.detail-workflow-actions { flex-wrap:wrap; }.task-detail-link { max-width:330px;padding:0;border:0;color:#243b4d;background:transparent;cursor:pointer;font-size:inherit;font-weight:800;text-align:left; }.task-detail-link:hover { color:#007eaf;text-decoration:underline; }.gantt-row.workflow-focus { position:relative;background:#eefaff;box-shadow:inset 4px 0 #00aeef; }.gantt-row.workflow-focus>span strong { color:#007ba9; }
.evaluation-charter { display:grid;grid-template-columns:1.25fr 1fr;gap:30px;margin-bottom:14px;padding:24px 26px;border-radius:10px;color:white;background:radial-gradient(circle at 90% 0,rgba(0,174,239,.22),transparent 35%),linear-gradient(135deg,#001337,#042a4d);box-shadow:0 12px 30px rgba(0,21,60,.14); }
.charter-title>span { color:#21bdf5;font-size:8px;font-weight:900;letter-spacing:.14em; }.charter-title h2 { margin:8px 0;font-size:17px;letter-spacing:-.025em; }.charter-title p { max-width:720px;margin:0;color:#aabdd1;font-size:10px;line-height:1.7; }
.charter-principles { display:grid;gap:8px; }.charter-principles>div { padding:10px 12px;border:1px solid rgba(255,255,255,.11);border-radius:7px;background:rgba(255,255,255,.04); }.charter-principles strong,.charter-principles span { display:block; }.charter-principles strong { color:#38c5f5;font-size:9px; }.charter-principles span { margin-top:4px;color:#b7c7d8;font-size:8px;line-height:1.45; }
.kpi-modal { width:min(900px,calc(100vw - 28px)); }.kpi-guide-body { padding:20px 27px 5px; }.kpi-guide-intro { padding:15px 17px;border-left:4px solid var(--adrf-cyan);border-radius:6px;background:#eef8fc; }.kpi-guide-intro strong { color:#0b5c84;font-size:11px; }.kpi-guide-intro p { margin:6px 0 0;color:#627787;font-size:9px;line-height:1.6; }
.kpi-definition-table { margin-top:16px;border:1px solid #e2e7ec;border-radius:8px;overflow:hidden; }.kpi-definition-head,.kpi-definition-table>div { display:grid;grid-template-columns:145px 1.15fr 1fr;gap:12px;align-items:center;padding:11px 14px;border-top:1px solid #edf0f3; }.kpi-definition-head { border-top:0!important;color:#71808e;background:#f5f7f9;font-size:8px;font-weight:900; }.kpi-definition-table strong { color:#1e4058;font-size:9px; }.kpi-definition-table span,.kpi-definition-table p { margin:0;color:#667584;font-size:8px;line-height:1.5; }
.kpi-consensus { margin-top:18px; }.kpi-consensus h3 { margin:0 0 10px;font-size:11px; }.kpi-consensus ol { display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0;padding:0;list-style:none;counter-reset:kpi; }.kpi-consensus li { counter-increment:kpi;display:grid;grid-template-columns:24px 70px 1fr;align-items:start;gap:7px;padding:10px;border:1px solid #e6eaee;border-radius:7px; }.kpi-consensus li::before { content:counter(kpi);width:22px;height:22px;display:grid;place-items:center;border-radius:50%;color:#0478a8;background:#e5f6fc;font-size:8px;font-weight:900; }.kpi-consensus b { color:#385064;font-size:8px; }.kpi-consensus span { color:#778592;font-size:8px;line-height:1.45; }
.kpi-guide-page-card { padding:25px 28px 28px; }
.kpi-guide-page-card .kpi-definition-table strong { font-size:10px; }.kpi-guide-page-card .kpi-definition-table span,.kpi-guide-page-card .kpi-definition-table p { font-size:9px; }
.kpi-guide-page-card .kpi-consensus b { font-size:9px; }.kpi-guide-page-card .kpi-consensus span { font-size:9px; }
.kpi-agreement-workflow { margin-top:22px;padding:20px;border-radius:9px;color:white;background:linear-gradient(135deg,#00153c,#06456f); }
.kpi-agreement-workflow h2 { margin:0 0 16px;font-size:13px; }.kpi-agreement-workflow>div { display:flex;align-items:center;justify-content:space-between;gap:10px; }.kpi-agreement-workflow span { min-width:0;display:grid;grid-template-columns:27px 1fr;column-gap:8px;align-items:center; }.kpi-agreement-workflow b { grid-row:span 2;width:27px;height:27px;display:grid;place-items:center;border-radius:50%;color:#00153c;background:#39c8f6;font-size:9px; }.kpi-agreement-workflow strong { color:white;font-size:9px; }.kpi-agreement-workflow small { color:#a9c3d7;font-size:8px;white-space:nowrap; }.kpi-agreement-workflow i { color:#42c9f4;font-style:normal; }
.standards-charter { display:grid;grid-template-columns:1.15fr 1fr;gap:28px;margin-bottom:14px;padding:25px 27px;border-radius:10px;color:white;background:radial-gradient(circle at 92% 8%,rgba(0,174,239,.24),transparent 36%),linear-gradient(135deg,#001337,#063a60);box-shadow:0 12px 30px rgba(0,21,60,.12); }.standards-charter>div>span { color:#35c5f7;font-size:8px;font-weight:900;letter-spacing:.14em; }.standards-charter h2 { margin:8px 0;font-size:16px;line-height:1.45;letter-spacing:-.025em; }.standards-charter p { margin:0;color:#adc0d2;font-size:9px;line-height:1.75; }.standards-charter ol { display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0;padding:0;list-style:none; }.standards-charter li { display:grid;grid-template-columns:28px 1fr;gap:9px;align-items:start;padding:11px;border:1px solid rgba(255,255,255,.11);border-radius:7px;background:rgba(255,255,255,.04); }.standards-charter li>b { width:27px;height:27px;display:grid;place-items:center;border-radius:6px;color:#002645;background:#3bc5f3;font-size:8px; }.standards-charter li strong,.standards-charter li span { display:block; }.standards-charter li strong { color:white;font-size:9px; }.standards-charter li span { color:#a9bdcf;font-size:8px;line-height:1.5; }
.standards-matrix-card { margin-bottom:14px;overflow:hidden; }.standards-product-grid { display:grid;grid-template-columns:repeat(5,1fr);gap:10px;padding:0 18px 20px; }.standard-product-card { min-width:0;padding:15px;border:1px solid #e5eaee;border-top:3px solid var(--accent);border-radius:8px;background:linear-gradient(180deg,var(--soft),white 72px); }.standard-product-head { display:flex;align-items:center;gap:9px; }.standard-product-head .product-code { flex:0 0 35px;color:var(--accent);background:white;box-shadow:0 2px 8px rgba(20,45,65,.06); }.standard-product-head strong,.standard-product-head small { display:block; }.standard-product-head strong { color:#294254;font-size:9px;line-height:1.35; }.standard-product-head small { margin-top:3px;color:#82909c;font-size:7px; }.standard-product-card>p { min-height:57px;margin:12px 0;color:#657786;font-size:8px;line-height:1.6; }.standard-list { display:grid;gap:7px; }.standard-list>div { padding:10px;border:1px solid #e7ebef;border-radius:6px;background:white; }.standard-list span,.standard-list strong,.standard-list small { display:block; }.standard-list span { color:var(--accent);font-size:6px;font-weight:900;letter-spacing:.08em; }.standard-list strong { margin-top:4px;color:#334b5e;font-size:8px; }.standard-list p { min-height:37px;margin:5px 0;color:#71808d;font-size:7px;line-height:1.5; }.standard-list small { padding-top:5px;border-top:1px dashed #e4e9ed;color:#8c98a3;font-size:7px;line-height:1.45; }
.standards-layout { display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.65fr);gap:14px;margin-bottom:14px;align-items:start; }.compliance-project-card { overflow:hidden; }.compliance-table { width:100%;min-width:900px;border-collapse:collapse; }.compliance-table th { padding:11px 13px;color:#83909c;background:#f6f8fa;font-size:8px;text-align:left; }.compliance-table td { padding:12px 13px;border-top:1px solid #edf0f3;color:#526474;font-size:8px;vertical-align:middle; }.compliance-project { min-width:190px;display:grid;grid-template-columns:5px 1fr;gap:9px;align-items:stretch; }.compliance-project>i { border-radius:4px; }.compliance-project strong,.compliance-project small { display:block; }.compliance-project strong { color:#30495b;font-size:9px; }.compliance-project small { max-width:220px;margin-top:3px;overflow:hidden;color:#87939e;font-size:7px;text-overflow:ellipsis;white-space:nowrap; }.standard-chips { min-width:190px;display:flex;flex-wrap:wrap;gap:4px; }.standard-chips span { padding:3px 6px;border-radius:9px;color:#24658b;background:#eaf6fb;font-size:7px;font-weight:700; }.compliance-evidence { min-width:90px; }.compliance-evidence>div { height:5px;overflow:hidden;border-radius:4px;background:#e9eef2; }.compliance-evidence i { display:block;height:100%;border-radius:4px;background:#17a383; }.compliance-evidence b { display:block;margin-top:5px;color:#587080;font-size:7px; }.compliance-table .row-menu { width:auto;padding:0 8px;font-size:8px; }
.gate-rule-card { overflow:hidden; }.gate-rule-list { padding:0 18px 13px; }.gate-rule-list>div { display:grid;grid-template-columns:32px 1fr;gap:10px;padding:11px 0;border-top:1px solid #edf0f3; }.gate-rule-list>div:first-child { border-top:0; }.gate-rule-list b { width:30px;height:30px;display:grid;place-items:center;border-radius:7px;color:#057aa8;background:#e1f4fb;font-size:8px; }.gate-rule-list strong,.gate-rule-list small { display:block; }.gate-rule-list strong { color:#344c5e;font-size:9px; }.gate-rule-list small { margin-top:4px;color:#7f8c98;font-size:8px;line-height:1.45; }.standards-warning { margin:0 18px 18px;padding:12px 13px;border-left:3px solid #e7a04c;border-radius:5px;background:#fff7ed; }.standards-warning strong { color:#9a621f;font-size:8px; }.standards-warning p { margin:5px 0 0;color:#806947;font-size:8px;line-height:1.55; }
.traceability-card { overflow:hidden; }.traceability-flow { display:flex;align-items:center;justify-content:center;gap:12px;padding:3px 22px 23px; }.traceability-flow button { min-width:145px;display:grid;grid-template-columns:29px 1fr;column-gap:9px;align-items:center;padding:13px;border:1px solid #e3e9ed;border-radius:8px;background:white;cursor:pointer;text-align:left; }.traceability-flow button:hover { border-color:#4bbde6;background:#f7fcfe; }.traceability-flow b { grid-row:span 2;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;color:white;background:#087eae;font-size:8px; }.traceability-flow strong { color:#334b5c;font-size:9px; }.traceability-flow small { margin-top:3px;color:#87939e;font-size:7px; }.traceability-flow>i { color:#4db9df;font-style:normal; }
.execution-card { margin-bottom:14px;overflow:hidden; }.roadmap-scroll { overflow-x:auto;padding:0 20px 18px; }.portfolio-gantt { min-width:1050px;border:1px solid #e5eaee;border-radius:8px;overflow:hidden; }.gantt-head,.gantt-row { display:grid;grid-template-columns:220px minmax(780px,1fr);align-items:center; }.gantt-head { min-height:42px;color:#788592;background:#f5f7f9;font-size:8px;font-weight:800; }.gantt-head>strong,.gantt-row>span { padding:0 14px; }.gantt-track { position:relative;height:100%;min-height:42px;border-left:1px solid #e4e9ed;background-image:linear-gradient(90deg,transparent calc(25% - 1px),#edf1f4 25%,transparent calc(25% + 1px),transparent calc(50% - 1px),#edf1f4 50%,transparent calc(50% + 1px),transparent calc(75% - 1px),#edf1f4 75%,transparent calc(75% + 1px)); }.gantt-head .gantt-track span { position:absolute;top:14px;transform:translateX(-50%);white-space:nowrap; }.gantt-row { width:100%;min-height:52px;border:0;border-top:1px solid #edf0f3;color:inherit;background:white;cursor:pointer;text-align:left; }.gantt-row:hover { background:#f9fcfe; }.gantt-row>span strong,.gantt-row>span small { display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }.gantt-row>span strong { color:#35495a;font-size:9px; }.gantt-row>span small { margin-top:4px;color:#8b97a2;font-size:8px; }.gantt-row .gantt-track em { position:absolute;top:15px;height:21px;min-width:7px;border-radius:5px;box-shadow:0 3px 8px rgba(22,58,82,.14);opacity:.88; }.gantt-row .gantt-track em b { display:block;padding:5px 7px;color:white;font-size:8px;font-style:normal;white-space:nowrap; }.today-line { position:absolute;z-index:2;top:0;bottom:0;width:2px;background:#e85e63;opacity:.7; }.gantt-head .today-line::before { content:'TODAY';position:absolute;top:2px;left:4px;color:#d94d55;font-size:6px; }
.execution-grid { display:grid;grid-template-columns:1fr 1fr;gap:14px; }.execution-grid .execution-card { margin:0; }.plan-actual-chart,.workload-chart,.domain-evidence-chart,.declared-risk-list { padding:0 20px 18px; }.plan-row { width:100%;display:grid;grid-template-columns:145px 1fr 36px;align-items:center;gap:10px;padding:10px 0;border:0;border-top:1px solid #edf0f3;background:white;cursor:pointer;text-align:left; }.plan-row:first-child { border-top:0; }.plan-row>span strong,.plan-row>span small { display:block; }.plan-row>span strong { color:#3c5060;font-size:9px; }.plan-row>span small { margin-top:3px;color:#8995a0;font-size:7px; }.plan-row>div { position:relative;height:17px;border-radius:4px;background:#eef2f5; }.plan-row i { position:absolute;left:0;border-radius:4px; }.plan-row .plan-bar { top:3px;height:4px;background:#a8b5c1; }.plan-row .actual-bar { bottom:3px;height:5px;background:#1aa687; }.plan-row .actual-bar.behind { background:#e5a04e; }.plan-row>b { color:#365064;font-size:9px;text-align:right; }
.load-row,.domain-evidence-chart>div { display:grid;grid-template-columns:135px 1fr 34px;align-items:center;gap:10px;padding:9px 0;border-top:1px solid #edf0f3; }.load-row:first-child,.domain-evidence-chart>div:first-child { border-top:0; }.load-row span strong,.load-row span small,.domain-evidence-chart span strong,.domain-evidence-chart span small { display:block; }.load-row strong,.domain-evidence-chart strong { color:#3b4e5f;font-size:9px; }.load-row small,.domain-evidence-chart small { margin-top:3px;color:#8b97a2;font-size:7px; }.load-row>div,.domain-evidence-chart>div>div { height:7px;overflow:hidden;border-radius:5px;background:#edf1f4; }.load-row i,.domain-evidence-chart i { display:block;height:100%;border-radius:5px;background:#2399cc; }.load-row i.medium { background:#e5a04e; }.load-row i.high { background:#e45f68; }.load-row>b,.domain-evidence-chart>div>b { color:#425666;font-size:9px;text-align:right; }.domain-evidence-chart i { background:#16a384; }
.declared-risk-list>div { display:grid;grid-template-columns:6px 1fr;gap:10px;padding:10px 0;border-top:1px solid #edf0f3; }.declared-risk-list>div:first-child { border-top:0; }.declared-risk-list>div>i { height:35px;border-radius:4px;background:#e5a04e; }.declared-risk-list>div>i.high { background:#e45f68; }.declared-risk-list strong,.declared-risk-list small { display:block; }.declared-risk-list strong { color:#3d4f60;font-size:9px; }.declared-risk-list small { margin-top:3px;color:#8b97a2;font-size:7px; }.declared-risk-list p { margin:5px 0 0;color:#9a6431;font-size:8px;line-height:1.4; }.task-risk { display:block;max-width:210px;margin-top:4px;overflow:hidden;color:#a5692f;font-size:8px;text-overflow:ellipsis;white-space:nowrap; }.detail-risk { color:#a7622b!important;background:#fff7ed;padding:5px 7px;border-radius:4px; }
.report-layout { display:grid;grid-template-columns:270px minmax(0,1fr);gap:16px;align-items:start; }.report-controls { position:sticky;top:84px;padding:20px; }.report-controls h2 { margin:0 0 17px;font-size:13px; }.report-controls label { display:flex;flex-direction:column;gap:7px;margin-top:12px; }.report-controls label span { color:#607181;font-size:9px;font-weight:800; }.report-controls input,.report-controls select,.report-controls textarea { width:100%;padding:9px 10px;border:1px solid #dce3e9;border-radius:6px;color:#334556;background:white;font:inherit;font-size:9px; }.report-controls textarea { resize:vertical;line-height:1.55; }.full-button { width:100%;margin-top:15px;justify-content:center; }.report-help { margin:12px 0 0;color:#8996a2;font-size:8px;line-height:1.55; }
.management-report { min-height:900px;padding:38px 42px;border:1px solid #dfe4e9;border-radius:8px;background:white;box-shadow:0 12px 35px rgba(28,44,62,.06); }.report-brand { display:flex;align-items:center;justify-content:space-between;padding-bottom:17px;border-bottom:3px solid #00153c; }.report-brand img { width:72px;height:38px;object-fit:contain; }.report-brand div { text-align:right; }.report-brand strong,.report-brand small { display:block; }.report-brand strong { color:#00153c;font-size:10px;letter-spacing:.1em; }.report-brand small { margin-top:4px;color:#788693;font-size:8px; }.report-title { display:flex;align-items:end;justify-content:space-between;gap:20px;padding:25px 0 18px; }.report-title h1 { margin:0;color:#00153c;font-size:25px;letter-spacing:-.04em; }.report-title p { margin:8px 0 0;color:#768492;font-size:9px; }.report-title dl { display:grid;grid-template-columns:auto auto;gap:4px 10px;margin:0;font-size:8px; }.report-title dt { color:#8a96a2; }.report-title dd { margin:0;color:#344758;font-weight:800; }.report-kpis { display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:22px; }.report-kpis div { padding:13px;border-left:3px solid #00aeef;background:#f4f8fb; }.report-kpis span,.report-kpis strong,.report-kpis small { display:block; }.report-kpis span { color:#788694;font-size:8px; }.report-kpis strong { margin-top:5px;color:#153a56;font-size:19px; }.report-kpis small { margin-top:3px;color:#8e9aa5;font-size:7px; }.management-report h2 { margin:22px 0 9px;color:#153a56;font-size:12px; }.report-table { width:100%;border-collapse:collapse;font-size:8px; }.report-table th { padding:8px;color:#6e7d8c;background:#f1f5f8;text-align:left; }.report-table td { padding:9px 8px;border-bottom:1px solid #e6ebef;color:#455766;vertical-align:top; }.report-table td strong,.report-table td small { display:block; }.report-table td small { margin-top:3px;color:#8b97a2; }.report-risk-list { display:grid;gap:6px; }.report-risk-list div { display:grid;grid-template-columns:75px 1fr auto;gap:10px;padding:9px 10px;border-left:3px solid #e99c42;background:#fff8ef;font-size:8px; }.report-risk-list strong { color:#83531f; }.report-risk-list span { color:#5e6d7a; }.report-risk-list small { color:#9a7043; }.report-decision { min-height:60px;padding:13px 15px;border:1px solid #bcdce9;border-radius:6px;background:#eef9fd;color:#385362;font-size:9px;line-height:1.65;white-space:pre-wrap; }.report-footer { display:flex;justify-content:space-between;margin-top:30px;padding-top:12px;border-top:1px solid #dce3e9;color:#8b97a2;font-size:7px; }
.settings-grid { display:grid;grid-template-columns:1fr 1fr;gap:14px; }.settings-card { padding:22px 24px; }.settings-card h2 { margin:0 0 15px;font-size:13px; }.settings-wide { grid-column:1/-1; }.settings-card dl { margin:0; }.settings-card dl div { display:grid;grid-template-columns:100px 1fr;padding:10px 0;border-top:1px solid #edf0f3;font-size:9px; }.settings-card dt { color:#8895a1; }.settings-card dd { margin:0;color:#304658;font-weight:800; }.role-matrix { display:grid;gap:8px; }.role-matrix div { padding:11px 13px;border-left:3px solid #00aeef;background:#f4f8fb; }.role-matrix strong,.role-matrix span { display:block; }.role-matrix strong { color:#164d6d;font-size:9px; }.role-matrix span { margin-top:4px;color:#748391;font-size:8px; }.auth-steps { display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0;padding:0;list-style:none; }.auth-steps li { display:grid;grid-template-columns:28px 1fr;gap:9px;padding:13px;border:1px solid #e3e8ed;border-radius:7px; }.auth-steps b { width:26px;height:26px;display:grid;place-items:center;border-radius:50%;color:#006b9a;background:#def5fe;font-size:9px; }.auth-steps strong,.auth-steps span { display:block; }.auth-steps strong { margin-bottom:5px;color:#30485a;font-size:9px; }.auth-steps span { color:#75838f;font-size:8px;line-height:1.55; }.auth-steps code { padding:1px 3px;border-radius:3px;color:#12658d;background:#edf6fa;font-size:7px; }

/* AIOS / E-IQ guided operating surface */
.detail-loop-guide { width:100%;display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:center;margin-bottom:14px;padding:14px 16px;border:1px solid #bfe0ec;border-radius:8px;color:#22465a;background:#effafe;cursor:pointer;text-align:left; }.detail-loop-guide span small,.detail-loop-guide span strong,.detail-loop-guide span em { display:block; }.detail-loop-guide span small { color:#1885ad;font-size:7px;font-weight:900;letter-spacing:.06em; }.detail-loop-guide span strong { margin-top:4px;font-size:10px; }.detail-loop-guide span em { margin-top:4px;color:#718694;font-size:8px;font-style:normal; }.detail-loop-guide>b { color:#087fa9;font-size:18px; }.detail-loop-guide>i { color:#197fa5;font-size:8px;font-style:normal;font-weight:900; }.detail-loop-guide:hover { border-color:#51b7d6;background:#e6f7fd; }
.engine-rail { display:grid;grid-template-columns:1.05fr 1fr 1fr 1.2fr;gap:1px;margin-bottom:14px;overflow:hidden;border:1px solid #d9e5ed;border-radius:11px;background:#d9e5ed;box-shadow:0 7px 20px rgba(19,49,72,.05); }.engine-rail>div,.engine-rail>button { min-width:0;min-height:78px;display:flex;align-items:center;gap:11px;padding:13px 15px;border:0;background:white;text-align:left; }.engine-rail>button { cursor:pointer; }.engine-rail>button:hover { background:#f5fbfe; }.engine-mode>span { padding:5px 7px;border-radius:5px;color:#975e18;background:#fff0d8;font-size:9px;font-weight:900;letter-spacing:.08em; }.engine-mode strong,.engine-mode small,.engine-rail button strong,.engine-rail button span { display:block; }.engine-mode strong { color:#17374d;font-size:11px; }.engine-mode small { margin-top:4px;color:#7f909d;font-size:8px;line-height:1.35; }.engine-status-dot { flex:0 0 10px;width:10px;height:10px;border:2px solid white;border-radius:50%;background:#13a37f;box-shadow:0 0 0 3px #dff5ee; }.engine-rail button div { min-width:0;flex:1; }.engine-rail button strong { color:#173a50;font-size:11px; }.engine-rail button strong small { color:#7f909c;font-size:8px;font-weight:600; }.engine-rail button span { margin-top:5px;overflow:hidden;color:#6f8391;font-size:8px;text-overflow:ellipsis;white-space:nowrap; }.engine-rail button>em { color:#2783ac;font-size:8px;font-style:normal;font-weight:800;white-space:nowrap; }.engine-rail .engine-next { color:white;background:linear-gradient(135deg,#00345a,#086f98); }.engine-rail .engine-next:hover { background:linear-gradient(135deg,#043f67,#087ca8); }.engine-next strong,.engine-next span,.engine-next>em { color:white!important; }.engine-next span { opacity:.72; }
.loop-signal-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:15px; }.loop-signal { position:relative;min-height:89px;padding:14px 15px 12px;overflow:hidden;border:1px solid #e0e8ed;border-radius:9px;background:white;cursor:pointer;text-align:left;box-shadow:0 4px 14px rgba(30,52,68,.025); }.loop-signal::before { content:'';position:absolute;inset:0 auto 0 0;width:3px;background:var(--signal); }.loop-signal.cyan { --signal:#0a9dcc; }.loop-signal.green { --signal:#0aa17b; }.loop-signal.orange { --signal:#ed9839; }.loop-signal.violet { --signal:#765acb; }.loop-signal>span,.loop-signal>strong,.loop-signal>small { display:block; }.loop-signal>span { color:#6f8190;font-size:9px;font-weight:800; }.loop-signal>strong { margin-top:5px;color:#18384f;font-size:20px;letter-spacing:-.04em; }.loop-signal>small { margin-top:4px;color:#8997a2;font-size:8px; }.loop-signal>em { position:absolute;right:13px;bottom:12px;color:var(--signal);font-size:8px;font-style:normal;font-weight:800; }.loop-signal:hover { transform:translateY(-1px);border-color:#b9dce9; }
.workflow-warning { display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;margin-bottom:16px;padding:23px 25px;border:1px solid #efca91;border-left:5px solid #e7932f;border-radius:10px;background:linear-gradient(110deg,#fff8ea,#fffdf8);box-shadow:0 7px 20px rgba(166,103,31,.06); }.workflow-warning strong { color:#a25e16;font-size:9px;letter-spacing:.12em; }.workflow-warning h2 { margin:6px 0 7px;color:#5e3a15;font-size:16px;letter-spacing:-.02em; }.workflow-warning p { max-width:1000px;margin:0;color:#7f684d;font-size:11px;line-height:1.65; }.workflow-warning button { padding:9px 12px;border:1px solid #e3bd83;border-radius:6px;color:#8c571a;background:white;cursor:pointer;font-size:9px;font-weight:800;white-space:nowrap; }.workflow-warning.acknowledged { padding:14px 18px; }.workflow-warning.acknowledged h2 { margin:3px 0;font-size:12px; }.workflow-warning.acknowledged p { display:none; }.workflow-warning.acknowledged button { color:#167a62;border-color:#a5d8c9; }.loop-summary,.approval-summary { display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:14px; }.loop-summary article,.approval-summary article { min-height:98px;padding:16px 17px;border:1px solid #e1e8ed;border-radius:9px;background:white; }.loop-summary span,.approval-summary span { color:#718391;font-size:9px;font-weight:800; }.loop-summary strong,.approval-summary strong { display:block;margin-top:6px;color:#163a53;font-size:22px;letter-spacing:-.04em; }.loop-summary strong small,.approval-summary strong small { margin-left:3px;color:#8494a1;font-size:9px; }.loop-summary p,.approval-summary p { margin:5px 0 0;color:#8997a2;font-size:8px; }.company-loop-card { margin-bottom:14px;overflow:hidden; }.company-loop-rail { display:grid;grid-template-columns:repeat(7,1fr);padding:2px 16px 18px; }.loop-stage-button { position:relative;min-width:0;display:grid;grid-template-columns:28px 1fr;gap:8px;align-items:center;padding:11px 8px;border:1px solid #e2e8ed;border-right:0;background:white;cursor:pointer;text-align:left; }.loop-stage-button:first-child { border-radius:8px 0 0 8px; }.loop-stage-button:last-child { border-right:1px solid #e2e8ed;border-radius:0 8px 8px 0; }.loop-stage-button:hover,.loop-stage-button.active { z-index:1;border-color:#169bc7;background:#eefafe;box-shadow:inset 0 -3px #14a4d3; }.loop-stage-button>span { width:27px;height:27px;display:grid;place-items:center;border-radius:50%;color:#497082;background:#e9f1f5;font-size:10px;font-weight:900; }.loop-stage-button.active>span { color:white;background:#087fa9; }.loop-stage-button div { min-width:0; }.loop-stage-button small,.loop-stage-button strong,.loop-stage-button em { display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }.loop-stage-button small { color:#1993bd;font-size:6px;font-weight:900;letter-spacing:.08em; }.loop-stage-button strong { margin-top:2px;color:#28475b;font-size:9px; }.loop-stage-button em { margin-top:3px;color:#8b98a2;font-size:7px;font-style:normal; }.loop-stage-button>i { position:absolute;z-index:2;right:-6px;color:#8fc7d9;font-size:10px;font-style:normal; }
.guided-workflow-layout { display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.65fr);gap:14px;margin-bottom:14px;align-items:stretch; }.guided-workflow-panel { position:relative;min-height:300px;padding:26px 28px;border-radius:11px;color:white;background:radial-gradient(circle at 90% 15%,rgba(35,203,239,.22),transparent 30%),linear-gradient(135deg,#001d3b,#07557a);box-shadow:0 12px 34px rgba(0,32,59,.15); }.guided-context { display:flex;align-items:center;justify-content:space-between;gap:12px; }.guided-context>span { color:#69d4f2;font-size:8px;font-weight:900;letter-spacing:.09em; }.loop-state { padding:5px 8px;border-radius:5px;font-size:8px;font-style:normal;font-weight:900; }.loop-state.active { color:#003c55;background:#4dd3f5; }.loop-state.complete { color:#064b3b;background:#75e3c4; }.loop-state.blocked { color:white;background:#e25b65; }.guided-workflow-panel h2 { display:flex;align-items:center;gap:11px;margin:17px 0 6px;font-size:22px;letter-spacing:-.03em; }.guided-workflow-panel h2 b { width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.3);border-radius:50%;color:#59d8f7;font-size:12px; }.guided-workflow-panel h3 { margin:0;color:#c8e8f4;font-size:12px;font-weight:600; }.guided-workflow-panel>p { max-width:780px;margin:13px 0 16px;color:#b3ceda;font-size:11px;line-height:1.65; }.guided-workflow-panel dl { display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:8px;background:rgba(255,255,255,.13); }.guided-workflow-panel dl>div { min-height:67px;padding:12px 14px;background:rgba(0,29,59,.72); }.guided-workflow-panel dt { color:#5ed5f2;font-size:8px;font-weight:900; }.guided-workflow-panel dd { margin:5px 0 0;color:white;font-size:10px;line-height:1.45; }.guided-action { display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:17px; }.guided-action>span { color:#b0cad6;font-size:9px;line-height:1.5; }.guided-action .button { flex:0 0 auto;background:#16a8d3; }.workflow-health-card { overflow:hidden; }.workflow-health-card #loopExceptionList { padding:0 18px 16px; }.loop-exception { width:100%;display:grid;grid-template-columns:30px 1fr auto;gap:10px;align-items:center;padding:11px 0;border:0;border-top:1px solid #ebeff2;background:white;cursor:pointer;text-align:left; }.loop-exception:first-child { border-top:0; }.loop-exception>i { width:28px;height:28px;display:grid;place-items:center;border-radius:7px;color:#9c641f;background:#fff1dd;font-size:10px;font-style:normal;font-weight:900; }.loop-exception>i.critical { color:#a02d37;background:#ffe7e9; }.loop-exception strong,.loop-exception span { display:block; }.loop-exception strong { color:#344d60;font-size:9px; }.loop-exception span { margin-top:4px;color:#8a98a3;font-size:8px;line-height:1.4; }.loop-exception>em { color:#2788ad;font-size:8px;font-style:normal;font-weight:800; }.loop-register-card { margin-bottom:14px;overflow:hidden; }.loop-register { padding:0 18px 18px; }.loop-register-row { width:100%;display:grid;grid-template-columns:minmax(300px,1.7fr) minmax(170px,.85fr) 110px 90px 55px;gap:14px;align-items:center;padding:13px 8px;border:0;border-top:1px solid #e9edf0;background:white;cursor:pointer;text-align:left; }.loop-register-row:first-child { border-top:0; }.loop-register-row:hover,.loop-register-row.selected { border-radius:7px;background:#f1f9fc; }.loop-identity { display:grid!important;grid-template-columns:5px 1fr;gap:10px;align-items:stretch; }.loop-identity>i { border-radius:4px; }.loop-register-row span,.loop-register-row strong,.loop-register-row small,.loop-register-row em { display:block; }.loop-register-row span { color:#8a97a1;font-size:7px; }.loop-register-row strong { margin-top:3px;color:#354c5e;font-size:9px; }.loop-register-row small { margin-top:4px;overflow:hidden;color:#8795a0;font-size:7px;text-overflow:ellipsis;white-space:nowrap; }.loop-register-row .loop-identity strong { font-size:10px; }.loop-register-row .loop-identity em { margin-top:4px;color:#84949f;font-size:8px;font-style:normal; }.loop-progress { height:5px;margin-top:7px;overflow:hidden;border-radius:5px;background:#e8edf0; }.loop-progress i { display:block;height:100%;border-radius:5px;background:#0da483; }.risk-text.high { color:#d04c58; }.risk-text.medium { color:#d48528; }.risk-text.low { color:#13856a; }.row-arrow { color:#2587ad!important;font-size:8px!important;font-style:normal; }
.hitl-policy-banner { display:grid;grid-template-columns:1fr auto;gap:35px;align-items:center;margin-bottom:14px;padding:24px 27px;border-radius:11px;color:white;background:radial-gradient(circle at 12% 0,rgba(39,171,221,.22),transparent 38%),linear-gradient(135deg,#071b37,#17395c); }.hitl-policy-banner span { color:#56d4f5;font-size:8px;font-weight:900;letter-spacing:.15em; }.hitl-policy-banner strong { display:block;margin-top:6px;font-size:17px; }.hitl-policy-banner p { max-width:850px;margin:7px 0 0;color:#aec3d4;font-size:10px;line-height:1.65; }.hitl-policy-banner dl { display:grid;grid-template-columns:repeat(3,1fr);margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:8px; }.hitl-policy-banner dl>div { min-width:95px;padding:12px 14px;border-left:1px solid rgba(255,255,255,.12); }.hitl-policy-banner dl>div:first-child { border-left:0; }.hitl-policy-banner dt { color:#80a6bf;font-size:7px; }.hitl-policy-banner dd { margin:5px 0 0;color:white;font-size:9px;font-weight:800; }.approval-layout { display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,.65fr);gap:14px;align-items:start; }.approval-queue-card,.decision-log-card { overflow:hidden; }.approval-queue-card>.card-header select,.knowledge-card>.card-header select { padding:7px 9px;border:1px solid #dde5ea;border-radius:6px;color:#4d6271;background:white;font-size:9px; }.approval-queue-card>#approvalQueue { display:grid;gap:10px;padding:0 18px 18px; }.approval-item { overflow:hidden;border:1px solid #e2e8ec;border-left:4px solid #7fa6b9;border-radius:8px;background:white; }.approval-item.high { border-left-color:#df5962; }.approval-item.medium { border-left-color:#e6a04d; }.approval-item header { display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:15px 16px 10px; }.action-id { color:#1885ac;font-size:7px;font-weight:900;letter-spacing:.06em; }.approval-item h3 { margin:4px 0;color:#2c4658;font-size:11px; }.approval-item header p { margin:3px 0 0;color:#87949f;font-size:8px; }.approval-status { display:inline-flex;padding:5px 7px;border-radius:5px;color:#556d7e;background:#eaf0f3;font-size:8px;font-weight:900;white-space:nowrap; }.approval-status.pending { color:#9d5d15;background:#fff0dc; }.approval-status.review { color:#116f98;background:#e2f4fb; }.approval-status.approved { color:#08765c;background:#dff5ee; }.approval-status.rejected { color:#a73841;background:#ffe9eb; }.approval-status.executed { color:#3e5a69;background:#e5edf1; }.approval-facts { display:grid;grid-template-columns:.7fr .9fr 1.4fr .7fr;border-top:1px solid #eef1f3;border-bottom:1px solid #eef1f3;background:#f8fafb; }.approval-facts>span { min-width:0;padding:9px 13px;border-left:1px solid #e9edef; }.approval-facts>span:first-child { border-left:0; }.approval-facts small,.approval-facts strong { display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }.approval-facts small { color:#8997a2;font-size:6px;font-weight:900;letter-spacing:.08em; }.approval-facts strong { margin-top:4px;color:#405767;font-size:8px; }.approval-facts strong.overdue { color:#c4424d; }.effect-preview { margin:0;padding:11px 16px;color:#607484;font-size:9px;line-height:1.5; }.effect-preview b { margin-right:7px;color:#8a5a22; }.approval-item footer { display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;border-top:1px solid #eef1f3; }.approval-item footer>span { color:#86949f;font-size:8px; }.approval-item footer>em { color:#138266;font-size:8px;font-style:normal;font-weight:800; }.approval-item .button { height:32px;font-size:9px; }.decision-log-card>#decisionLog { max-height:780px;overflow:auto;padding:0 18px 17px; }.decision-log-row { display:grid;grid-template-columns:10px 1fr;gap:11px;padding:12px 0;border-top:1px solid #ebeff2; }.decision-log-row:first-child { border-top:0; }.decision-log-row>i { width:9px;height:9px;margin-top:4px;border:2px solid white;border-radius:50%;background:#6b91a6;box-shadow:0 0 0 2px #dbe5ea; }.decision-log-row>i.approved,.decision-log-row>i.executed { background:#0aa17b; }.decision-log-row>i.review { background:#169bc7; }.decision-log-row>i.rejected { background:#df5962; }.decision-log-row span,.decision-log-row strong,.decision-log-row small { display:block; }.decision-log-row span { color:#1783aa;font-size:7px;font-weight:800; }.decision-log-row strong { margin-top:4px;color:#354e60;font-size:9px; }.decision-log-row p { margin:6px 0;color:#6f808d;font-size:8px;line-height:1.55; }.decision-log-row small { color:#929da6;font-size:7px; }
.decision-modal { max-width:650px; }.decision-context { margin:-3px 22px 18px;padding:15px 16px;border:1px solid #dce7ec;border-radius:8px;background:#f5fafc; }.decision-context>strong,.decision-context>small { display:block; }.decision-context>strong { margin-top:9px;color:#28485b;font-size:11px; }.decision-context>small { margin-top:5px;color:#768895;font-size:8px; }.decision-context>p { margin:9px 0 0;color:#6e7f8c;font-size:9px;line-height:1.55; }.decision-ack { display:grid!important;grid-template-columns:18px 1fr;align-items:start!important;padding:12px;border:1px solid #f0d19e;border-radius:7px;background:#fff9ef; }.decision-ack input { margin-top:2px; }.decision-ack span { color:#805a2e!important;font-size:9px!important;line-height:1.5; }
.iq-intro { display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;margin-bottom:14px;padding:27px 30px;border-radius:11px;color:white;background:radial-gradient(circle at 80% 0,rgba(123,92,205,.32),transparent 34%),linear-gradient(135deg,#09182f,#22365f); }.iq-intro span { color:#b4a4f5;font-size:8px;font-weight:900;letter-spacing:.15em; }.iq-intro h2 { margin:7px 0;color:white;font-size:17px; }.iq-intro p { max-width:880px;margin:0;color:#b1bfd3;font-size:10px;line-height:1.65; }.iq-score { width:120px;height:120px;display:grid;grid-template-columns:auto auto;align-content:center;justify-content:center;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 7px rgba(122,91,204,.16); }.iq-score strong { color:white;font-size:31px;letter-spacing:-.05em; }.iq-score>span { align-self:end;margin-bottom:6px;color:#bfb3ef;font-size:10px; }.iq-score small { grid-column:1/-1;margin-top:3px;color:#96a9c2;font-size:7px;text-align:center; }.iq-metric-grid { display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:14px; }.iq-metric-grid>article { min-width:0;display:grid;grid-template-columns:69px 1fr;gap:12px;align-items:center;padding:16px;border:1px solid #e1e7ec;border-radius:9px;background:white; }.iq-ring { width:67px;height:67px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:conic-gradient(var(--tone) calc(var(--score)*1%),#eaf0f3 0);position:relative; }.iq-ring::after { content:'';position:absolute;inset:7px;border-radius:50%;background:white; }.iq-ring strong,.iq-ring span { position:relative;z-index:1; }.iq-ring strong { color:#29465a;font-size:17px; }.iq-ring span { color:#81909c;font-size:7px; }.iq-metric-grid article>div:last-child { min-width:0; }.iq-metric-grid article>div>span { color:#384f61;font-size:9px;font-weight:900; }.iq-metric-grid article em { display:inline-block;margin-left:5px;color:#168269;font-size:7px;font-style:normal;font-weight:800; }.iq-metric-grid article em.down { color:#d2505b; }.iq-metric-grid article p { min-height:43px;margin:7px 0;color:#71818e;font-size:7px;line-height:1.5; }.iq-metric-grid article small { display:block;overflow:hidden;color:#929da6;font-size:6px;line-height:1.5;text-overflow:ellipsis; }.iq-operations-grid { display:grid;grid-template-columns:minmax(0,1.5fr) minmax(310px,.6fr);gap:14px;align-items:start; }.knowledge-card,.decay-card,.harvest-card { overflow:hidden; }.knowledge-table { padding:0 18px 17px; }.knowledge-head,.knowledge-table>article { display:grid;grid-template-columns:1.25fr 1fr 150px;gap:15px;align-items:center; }.knowledge-head { padding:8px 10px;color:#84929e;background:#f3f6f8;font-size:7px;font-weight:900; }.knowledge-table>article { padding:13px 10px;border-bottom:1px solid #e9edef; }.knowledge-type { display:inline-flex;padding:3px 5px;border-radius:4px;color:#177da2;background:#e5f5fa;font-size:6px;font-weight:900;text-transform:uppercase; }.knowledge-type.decision { color:#6c53b8;background:#eeeafb; }.knowledge-type.evidence { color:#0b8567;background:#e3f6f0; }.knowledge-table article strong,.knowledge-table article small { display:block; }.knowledge-table article>div:first-child strong { margin-top:5px;color:#314b5d;font-size:9px; }.knowledge-table article p { margin:5px 0 0;color:#72828f;font-size:8px;line-height:1.45; }.knowledge-table article>div:nth-child(2) strong { color:#4d6170;font-size:8px; }.knowledge-table article>div:nth-child(2) small { margin-top:4px;color:#8996a0;font-size:7px;line-height:1.55; }.freshness-cell>strong { color:#128268;font-size:11px!important; }.freshness-cell>strong.stale { color:#d0535d; }.freshness-cell>div { height:5px;margin-top:7px;overflow:hidden;border-radius:5px;background:#e9eef1; }.freshness-cell>div i { display:block;height:100%;border-radius:5px;background:#0da17b; }.freshness-cell>small { margin-top:5px;color:#8f9ba4;font-size:7px; }.iq-side-stack { display:grid;gap:14px; }.decay-card>div:last-child,.harvest-card>div:last-child { padding:0 18px 16px; }.decay-card #decayQueue>div,.harvest-card #harvestQueue>div { display:grid;grid-template-columns:36px 1fr;gap:10px;padding:11px 0;border-top:1px solid #ebeff2; }.decay-card #decayQueue>div:first-child,.harvest-card #harvestQueue>div:first-child { border-top:0; }.decay-card #decayQueue>div>i { width:34px;height:34px;display:grid;place-items:center;border-radius:7px;color:#aa3e48;background:#ffe7e9;font-size:10px;font-style:normal;font-weight:900; }.decay-card strong,.decay-card small,.harvest-card strong,.harvest-card small { display:block; }.decay-card strong,.harvest-card strong { color:#354d5f;font-size:9px; }.decay-card small,.harvest-card small { margin-top:4px;color:#8b98a2;font-size:7px; }.decay-card p,.harvest-card p { margin:5px 0 0;color:#95632b;font-size:8px;line-height:1.4; }.harvest-card #harvestQueue>div>span { width:34px;height:25px;display:grid;place-items:center;border-radius:13px;color:#137ca2;background:#e3f4fa;font-size:8px;font-weight:900; }
.profile-logout { width:28px;height:28px;border:1px solid rgba(255,255,255,.13)!important;border-radius:6px!important;color:#8fa4b8!important;font-size:13px!important; }.profile-logout:hover { color:white!important;background:rgba(255,255,255,.08)!important; }
.account-create-form { display:grid;grid-template-columns:repeat(5,minmax(120px,1fr)) auto;gap:10px;align-items:end;margin-bottom:20px; }.account-create-form label,.password-change-form label { display:flex;flex-direction:column;gap:7px; }.account-create-form label span,.password-change-form label span { color:#637482;font-size:8px;font-weight:800; }.account-create-form input,.account-create-form select,.password-change-form input { width:100%;height:38px;padding:0 10px;border:1px solid #dce3e9;border-radius:7px;background:white;color:#2e4455;font:inherit;font-size:9px; }.account-create-form .button,.password-change-form .button { height:38px;white-space:nowrap; }.account-list { overflow:hidden;border:1px solid #e4e9ed;border-radius:8px; }.account-row { display:grid;grid-template-columns:36px minmax(220px,1fr) auto;gap:12px;align-items:center;padding:12px 14px;border-top:1px solid #edf0f3; }.account-row:first-child { border-top:0; }.account-row.inactive { background:#fafbfc;opacity:.72; }.account-avatar { width:34px;height:34px;display:grid;place-items:center;border-radius:9px;color:#0878a7;background:#e0f4fb;font-size:9px;font-weight:900; }.account-identity strong,.account-identity span,.account-identity small { display:block; }.account-identity strong { color:#304758;font-size:9px; }.account-identity code { margin-left:5px;color:#16759e;background:#eff7fa;font-size:8px; }.account-identity span { margin-top:4px;color:#697987;font-size:8px; }.account-identity small { margin-top:4px;color:#929ca5;font-size:7px; }.account-actions { display:flex;gap:7px;align-items:center; }.danger-outline { border-color:#e6b9bd!important;color:#b54c55!important;background:#fff!important; }.password-change-form { display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:10px;align-items:end; }.settings-card>.full-button { margin-top:15px; }.account-management .card-header { padding:0; }
.auth-gate { position:fixed;z-index:2000;inset:0;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 70% 10%,rgba(0,174,239,.18),transparent 35%),rgba(0,10,30,.97); }.auth-gate.hidden { display:none; }.auth-gate>.login-card { width:min(420px,calc(100vw - 32px));max-width:none;padding:34px 38px;border:1px solid rgba(255,255,255,.12);border-radius:14px;color:#253e51;background:white;box-shadow:0 30px 80px rgba(0,0,0,.4);text-align:left; }.auth-gate img { display:block;width:105px;height:55px;margin:0 auto 18px;object-fit:contain; }.login-eyebrow { display:block;color:#0087ba;font-size:8px;font-weight:900;letter-spacing:.16em;text-align:center; }.auth-gate h1 { margin:8px 0 7px;color:#183a52;font-size:23px;text-align:center; }.auth-gate #loginPanel>p,.auth-gate #firstPasswordPanel>p { margin:0 0 20px;color:#768895;font-size:10px;line-height:1.65;text-align:center; }.auth-gate form { display:grid;gap:12px; }.auth-gate form label { display:grid;gap:6px; }.auth-gate form label span { color:#536b7c;font-size:9px;font-weight:800; }.auth-gate form input { height:43px;padding:0 12px;border:1px solid #d5dfe6;border-radius:7px;color:#243d50;background:#fbfcfd;font:inherit;font-size:11px;outline:none; }.auth-gate form input:focus { border-color:#00a7df;box-shadow:0 0 0 3px rgba(0,174,239,.12); }.auth-gate .login-error { margin:-2px 0 0;padding:8px 10px;border-radius:6px;color:#a83d48;background:#fff0f1;font-size:9px;line-height:1.5; }.login-help { display:block;margin-top:18px;color:#8a99a4;font-size:8px;text-align:center; }.login-help strong { color:#25769b; }

.iq-ring { background:conic-gradient(var(--tone) var(--angle),#eaf0f3 0); }

@media (max-width:1200px) { .product-pulse { grid-template-columns:repeat(3,1fr); }.executive-grid .portfolio-card,.executive-grid .risk-card,.executive-grid .progress-card,.executive-grid .platform-card,.executive-grid .evaluation-health { grid-column:span 12; }.refined-eval-layout { grid-template-columns:1fr; }.form-grid.three-col { grid-template-columns:1fr 1fr; }.standards-product-grid { grid-template-columns:repeat(3,1fr); }.standards-layout { grid-template-columns:1fr; } }
@media (max-width:1250px) { .engine-rail { grid-template-columns:1fr 1fr; }.loop-signal-grid { grid-template-columns:1fr 1fr; }.company-loop-rail { grid-template-columns:repeat(4,1fr);gap:6px; }.loop-stage-button { border:1px solid #e2e8ed!important;border-radius:7px!important; }.loop-stage-button>i { display:none; }.iq-metric-grid { grid-template-columns:repeat(3,1fr); }.loop-register-row { grid-template-columns:minmax(260px,1.4fr) 160px 100px 80px 45px; } }
@media (max-width:1000px) { .guided-workflow-layout,.approval-layout,.iq-operations-grid { grid-template-columns:1fr; }.loop-register { overflow-x:auto; }.loop-register-row { min-width:850px; }.iq-metric-grid { grid-template-columns:1fr 1fr; } }
@media (max-width:1200px) { .account-create-form { grid-template-columns:1fr 1fr 1fr; }.password-change-form { grid-template-columns:1fr 1fr; } }
@media (max-width:760px) { .sidebar { width:252px; }.main { margin-left:0; }.topbar-title { display:none; }.product-pulse { grid-template-columns:1fr 1fr; }.task-stats,.member-summary,.evaluation-summary { grid-template-columns:1fr 1fr; }.toolbar-selects { flex-direction:column; }.form-grid.three-col,.evaluation-context { grid-template-columns:1fr; }.form-grid.three-col .full { grid-column:auto; }.evaluation-dashboard { align-items:flex-start;gap:20px; }.eval-metrics { grid-template-columns:1fr;gap:2px; }.eval-metrics>div { padding:7px 12px; }.detail-facts,.version-timeline { grid-template-columns:1fr; }.eval-queue-row { grid-template-columns:1fr auto; }.eval-assignees { display:none; }.evaluation-charter,.standards-charter { grid-template-columns:1fr; }.standards-product-grid { grid-template-columns:1fr; }.standards-charter ol { grid-template-columns:1fr; }.traceability-flow { align-items:stretch;flex-direction:column; }.traceability-flow button { width:100%; }.traceability-flow>i { display:none; }.kpi-definition-head,.kpi-definition-table>div { grid-template-columns:1fr;gap:5px; }.kpi-consensus ol { grid-template-columns:1fr; }.kpi-agreement-workflow>div { align-items:stretch;flex-direction:column; }.kpi-agreement-workflow i { display:none; }.kpi-agreement-workflow small { white-space:normal; } }
@media (max-width:470px) { .product-pulse { grid-template-columns:1fr; }.task-stats,.member-summary,.evaluation-summary { grid-template-columns:1fr 1fr; }.adrf-topbar .global-search { width:44px; }.evaluation-dashboard { flex-direction:column; }.detail-hero { flex-direction:column; }.detail-task-list>div { grid-template-columns:1fr; } }
@media (max-width:1000px) { .report-layout { grid-template-columns:1fr; }.report-controls { position:static; }.auth-steps { grid-template-columns:1fr 1fr; } }
@media (max-width:1000px) { .workflow-nav { justify-content:flex-start;overflow-x:auto;scrollbar-width:none; }.workflow-nav::-webkit-scrollbar { display:none; } }
@media (max-width:760px) { .workflow-nav { top:62px;height:43px;padding:0 12px; }.workflow-nav>span,.workflow-nav>i { display:none; }.workflow-nav button { flex:0 0 auto; }.execution-grid { grid-template-columns:1fr; }.management-report { padding:24px 18px; }.report-kpis { grid-template-columns:1fr 1fr; }.report-title { align-items:flex-start;flex-direction:column; }.settings-grid { grid-template-columns:1fr; }.settings-wide { grid-column:auto; }.auth-steps { grid-template-columns:1fr; }.detail-workflow-actions .button { flex:1 1 120px; }.account-create-form,.password-change-form { grid-template-columns:1fr; }.account-row { grid-template-columns:36px 1fr; }.account-actions { grid-column:1/-1;justify-content:flex-end; }.auth-gate>.login-card { padding:27px 23px; } }
@media (max-width:760px) { .engine-rail,.loop-signal-grid,.loop-summary,.approval-summary,.iq-metric-grid { grid-template-columns:1fr; }.workflow-warning,.hitl-policy-banner,.iq-intro { grid-template-columns:1fr; }.workflow-warning button { justify-self:start; }.company-loop-rail { grid-template-columns:1fr 1fr; }.guided-workflow-panel { padding:21px 18px; }.guided-workflow-panel dl { grid-template-columns:1fr; }.guided-action { align-items:stretch;flex-direction:column; }.guided-action .button { width:100%; }.hitl-policy-banner dl { width:100%; }.approval-facts { grid-template-columns:1fr 1fr; }.approval-facts>span:nth-child(3) { border-left:0; }.iq-score { width:100px;height:100px; }.knowledge-head { display:none; }.knowledge-table>article { grid-template-columns:1fr; }.iq-ring { width:62px;height:62px; }.iq-metric-grid>article { grid-template-columns:65px 1fr; } }
@media print { body { background:white; }.sidebar,.topbar,.content:not(#reportsPage),#reportsPage>.page-heading,.report-controls,.toast,.notification-panel,.popover,.modal-backdrop,.modal,.auth-gate { display:none!important; }.main { margin:0!important; }.content#reportsPage { display:block!important;padding:0!important; }.report-layout { display:block; }.management-report { min-height:0;padding:0;border:0;box-shadow:none; }.report-table { break-inside:auto; }.report-table tr,.report-kpis,.report-risk-list div { break-inside:avoid; } @page { size:A4 landscape;margin:12mm; } }