:root{--bg:#f2f5f9;--card:#fff;--ink:#122033;--muted:#69778b;--line:#dce3ec;--blue:#1856c9;--blue2:#e9f0ff;--green:#14845d;--green2:#e8f6f0;--amber:#b76b00;--amber2:#fff3d8;--red:#c23b42;--red2:#fdebed;--purple:#6b4fc1;--shadow:0 8px 26px rgba(24,43,77,.07);--radius:16px}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}body{background:linear-gradient(180deg,#eaf1fb 0,#f2f5f9 260px)}button,input{font:inherit}.app{width:min(1760px,100%);margin:auto;padding:20px 26px 30px}.header{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:17px 20px;box-shadow:var(--shadow)}.identity{display:flex;align-items:center;gap:14px}.logo{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#124bb9,#2f75ef);color:#fff;font-size:23px;font-weight:900}.overline,.section-title span{font-size:11px;letter-spacing:.13em;font-weight:800;color:var(--blue)}h1{font-size:25px;margin:1px 0 2px}.identity p,.section-title p{margin:0;color:var(--muted);font-size:13px}.header-actions{display:flex;align-items:center;gap:10px}.mode-tabs{display:flex;padding:4px;background:#eef2f7;border-radius:12px}.mode-tabs button,.refresh{border:0;border-radius:9px;padding:9px 13px;background:transparent;color:#536176;font-weight:700;cursor:pointer}.mode-tabs button.active{background:#fff;color:var(--blue);box-shadow:0 2px 8px rgba(0,0,0,.08)}.refresh{background:var(--blue);color:#fff}.refresh.loading{opacity:.6}.meta-bar{display:grid;grid-template-columns:repeat(4,1fr) auto;gap:1px;margin:12px 0 18px;background:var(--line);border:1px solid var(--line);border-radius:13px;overflow:hidden}.meta-bar>span{background:#fff;padding:10px 14px;display:flex;flex-direction:column}.meta-bar small{font-size:9px;letter-spacing:.08em;color:var(--muted)}.meta-bar b{font-size:12px;margin-top:2px}.system-pill{flex-direction:row!important;align-items:center;gap:8px;min-width:180px}.system-pill i{width:9px;height:9px;border-radius:50%;background:#9aa5b4}.system-pill i.pass{background:var(--green)}.system-pill i.fail{background:var(--red)}.error,.fatal{padding:12px 16px;background:var(--red2);color:var(--red);border:1px solid #f3b9bd;border-radius:12px;margin-bottom:14px}.summary-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:14px}.summary{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:17px 18px;box-shadow:var(--shadow);min-height:153px}.summary>span,.summary-head>span{font-size:12px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.summary>strong{display:block;font-size:38px;margin:13px 0}.summary-head{display:flex;justify-content:space-between}.summary-head em,.badge{font-style:normal;padding:5px 9px;border-radius:999px;background:#eef2f7;font-size:11px;font-weight:800}.health-line{display:flex;gap:18px;align-items:center;margin-top:12px}.health-line>strong{font-size:48px;color:var(--blue)}.health-line h3{margin:0 0 3px}.health-line p{margin:0;color:var(--muted);font-size:12px}.health-components{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:12px}.health-components div{background:#f5f7fa;padding:7px;border-radius:8px}.health-components small{display:block;font-size:9px;color:var(--muted)}.health-components b{font-size:12px}.breakdown{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.breakdown div{display:flex;justify-content:space-between;background:#f6f8fb;padding:7px 9px;border-radius:8px;font-size:11px}.pending{border-top:4px solid var(--purple)}.completed{border-top:4px solid var(--green)}.debt{border-top:4px solid var(--amber)}.debt-row{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.debt-row div{background:var(--amber2);padding:8px;border-radius:9px}.debt-row small{display:block;color:#8b6428}.debt-row b{font-size:18px}.view-section,.core-section,.performance-section{margin-top:22px}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:10px}.section-title h2{margin:2px 0 0;font-size:20px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:15px}.panel-head,.table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}.panel-head h3{margin:0;font-size:15px}.panel-head small,.table-toolbar small{color:var(--muted)}.badge.amber{background:var(--amber2);color:var(--amber)}.ranking>div,.leaderboard>div{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:10px 4px;border-bottom:1px solid #edf0f4}.ranking>div:last-child,.leaderboard>div:last-child{border-bottom:0}.rank-num{width:27px;height:27px;border-radius:8px;background:#edf3ff;color:var(--blue);display:grid;place-items:center;font-weight:900;font-size:11px}.rank-name{font-weight:750;font-size:12px}.rank-meta{font-size:10px;color:var(--muted);margin-top:2px}.rank-value{font-weight:900;font-size:18px}.change-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:14px}.change-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:13px}.change-card span{font-size:10px;color:var(--muted)}.change-card strong{display:block;font-size:25px;margin-top:5px}.change-card.good{border-left:4px solid var(--green)}.change-card.bad{border-left:4px solid var(--red)}.audit-list>div{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;padding:8px 0;border-bottom:1px solid #edf0f4}.audit-list>div:last-child{border:0}.severity{font-size:9px;font-weight:900;padding:4px 6px;border-radius:6px;background:var(--amber2);color:var(--amber)}.severity.critical{background:var(--red2);color:var(--red)}.table-toolbar input{width:240px;border:1px solid var(--line);border-radius:10px;padding:9px 11px;outline:none}.table-toolbar input:focus{border-color:#91b0ef;box-shadow:0 0 0 3px #e9f0ff}.legend{display:flex;flex-wrap:wrap;gap:12px}.status{font-size:11px;font-weight:800}.productive{color:var(--green)}.stable{color:#b49200}.slow{color:#dc7317}.no-move{color:var(--red)}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px}th{background:#f5f7fa;color:#5c6a7d;text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:.04em;padding:10px;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:10px;border-bottom:1px solid #edf0f4;vertical-align:middle}tbody tr:hover{background:#fafcff}.center{text-align:center}.team-name,.tech-name{font-weight:800}.sub{font-size:10px;color:var(--muted);margin-top:2px}.status-badge{display:inline-flex;align-items:center;gap:5px;font-weight:850;font-size:10px;padding:5px 8px;border-radius:999px}.status-badge.PRODUCTIVE{background:var(--green2);color:var(--green)}.status-badge.STABLE{background:#fff8cf;color:#9c7d00}.status-badge.SLOW{background:#fff0e3;color:#c76000}.status-badge.NO_MOVEMENT{background:var(--red2);color:var(--red)}.status-badge.NOT_ASSESSED{background:#f1f3f6;color:#778397}.kpi-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}.kpi-overview article{background:#fff;border:1px solid var(--line);border-radius:13px;padding:13px 15px}.kpi-overview small{display:block;color:var(--muted)}.kpi-overview strong{display:block;font-size:25px;margin-top:4px}.progress{height:7px;background:#e9edf3;border-radius:99px;overflow:hidden;min-width:100px}.progress i{display:block;height:100%;background:linear-gradient(90deg,#1856c9,#39a0ff)}.empty{text-align:center;padding:28px;color:var(--muted)}footer{display:flex;justify-content:space-between;margin-top:18px;color:var(--muted);font-size:11px}@media(max-width:1050px){.header{align-items:flex-start}.header-actions{flex-direction:column;align-items:flex-end}.summary-grid{grid-template-columns:1fr 1fr}.meta-bar{grid-template-columns:repeat(2,1fr)}.system-pill{grid-column:span 2}.change-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.app{padding:10px}.header,.section-title{flex-direction:column;align-items:flex-start}.header-actions{align-items:stretch;width:100%}.mode-tabs{overflow:auto}.summary-grid,.grid-2,.kpi-overview,.change-grid{grid-template-columns:1fr}.meta-bar{grid-template-columns:1fr}.system-pill{grid-column:auto}.health-components{grid-template-columns:1fr 1fr}.table-toolbar{align-items:flex-start;flex-direction:column}.table-toolbar input{width:100%}footer{flex-direction:column;gap:4px}}
.pop-select{width:130px;max-width:100%;border:1px solid var(--line);border-radius:9px;padding:7px 9px;background:#fff;color:var(--ink);font-size:11px;outline:none}.pop-select:focus{border-color:#91b0ef;box-shadow:0 0 0 3px #e9f0ff}.work-legend{white-space:nowrap}.debt-row div[title]{cursor:help}

/* PPE 2.4.3 — compact team monitoring & screenshot mode */
.table-actions{display:flex;align-items:center;gap:8px}.screenshot-button{border:1px solid var(--line);border-radius:9px;padding:8px 11px;background:#fff;color:#536176;font-size:11px;font-weight:800;cursor:pointer;white-space:nowrap}.screenshot-button:hover,.screenshot-button.active{border-color:#91b0ef;background:var(--blue2);color:var(--blue)}
.team-compact-table{font-size:11px;table-layout:auto}.team-compact-table th{padding:7px 8px;font-size:9px}.team-compact-table td{padding:7px 8px;line-height:1.18}.team-compact-table tbody tr{height:52px}.team-compact-table .team-cell{min-width:190px;max-width:250px}.member-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:235px}.metric-inline{display:flex;align-items:center;gap:7px;white-space:nowrap;min-width:205px}.metric-inline>b{font-size:15px;min-width:24px;text-align:right;color:var(--ink)}.metric-inline>span{font-size:9px;color:var(--muted)}.metric-inline>em{font-style:normal;font-size:9px;font-weight:800;color:var(--blue);background:var(--blue2);padding:3px 5px;border-radius:999px}.point-cell b{font-size:16px}.status-cell{white-space:nowrap}.checkpoint{white-space:nowrap}.team-compact-table .pop-select{width:112px;padding:6px 7px}.team-compact-table .status-badge{padding:4px 7px;font-size:9px}
body.screenshot-mode .header,body.screenshot-mode .meta-bar,body.screenshot-mode .summary-grid,body.screenshot-mode .view-section,body.screenshot-mode .performance-section,body.screenshot-mode footer{display:none!important}body.screenshot-mode{background:#fff}body.screenshot-mode .app{width:100%;max-width:none;padding:8px}body.screenshot-mode .core-section{margin-top:0}body.screenshot-mode .section-title{margin-bottom:6px}body.screenshot-mode .section-title p{display:none}body.screenshot-mode .panel{box-shadow:none;border-radius:8px;padding:8px}body.screenshot-mode .table-toolbar{margin-bottom:6px}body.screenshot-mode .legend{gap:8px}body.screenshot-mode #teamSearch{display:none}body.screenshot-mode .team-compact-table{font-size:10px}body.screenshot-mode .team-compact-table th,body.screenshot-mode .team-compact-table td{padding:5px 6px}body.screenshot-mode .team-compact-table tbody tr{height:44px}body.screenshot-mode .metric-inline{min-width:185px;gap:5px}body.screenshot-mode .metric-inline>b{font-size:13px}body.screenshot-mode .metric-inline>span{font-size:8px}body.screenshot-mode .checkpoint{display:none}
@media(max-width:1050px){.table-actions{width:100%;justify-content:flex-end}.metric-inline{min-width:190px}.team-compact-table .team-cell{min-width:170px}}@media(max-width:700px){.table-actions{align-items:stretch;flex-direction:column}.screenshot-button{width:100%}}

/* PPE 2.5.1 — enterprise polish, clean visual rollback */
:root{
  --bg:#f5f7fa;
  --card:#ffffff;
  --ink:#152235;
  --muted:#667487;
  --line:#dfe5ec;
  --blue:#2459a9;
  --blue2:#edf3fb;
  --green:#1b7f5b;
  --green2:#edf7f2;
  --amber:#a66a12;
  --amber2:#fbf4e7;
  --red:#b74249;
  --red2:#fbecee;
  --purple:#6d6287;
  --shadow:0 2px 8px rgba(31,48,72,.045);
  --radius:11px;
}
html,body{background:var(--bg)}
body{background:var(--bg)}
.app{width:min(1760px,100%);padding:16px 22px 26px}
.header{border-radius:12px;padding:14px 18px;box-shadow:var(--shadow)}
.identity{gap:12px}
.brand-mark{width:44px;height:44px;display:grid;place-items:center;flex:0 0 auto}
.brand-mark img{display:block;max-width:39px;max-height:42px;object-fit:contain}
h1{font-size:23px;letter-spacing:-.015em}
.header-actions{gap:8px}
.mode-tabs{background:#f0f3f7;border:1px solid #e5e9ef;border-radius:9px;padding:3px}
.mode-tabs button,.refresh{border-radius:7px;padding:8px 12px}
.mode-tabs button.active{box-shadow:0 1px 4px rgba(31,48,72,.08)}
.refresh{background:#2459a9}
.meta-bar{border-radius:9px;margin:10px 0 16px}
.summary-grid{gap:10px}
.summary{border-radius:11px;padding:15px 16px;box-shadow:var(--shadow);min-height:142px}
.summary.pending,.summary.completed,.summary.debt{border-top-width:2px}
.health-line>strong{font-size:44px}
.summary>strong{font-size:34px;margin:11px 0}
.breakdown div,.health-components div{background:#f7f9fb;border:1px solid #edf0f4;border-radius:6px}
.debt-row div{background:#faf7f0;border:1px solid #eee5d4;border-radius:6px}
.view-section,.core-section,.performance-section{margin-top:19px}
.section-title{margin-bottom:8px}
.section-title h2{font-size:19px}
.panel{border-radius:11px;box-shadow:var(--shadow);padding:13px}
.panel-head,.table-toolbar{margin-bottom:9px}
.change-grid{gap:8px}
.change-card{border-radius:9px;padding:11px 12px}
.change-card.good,.change-card.bad{border-left-width:3px}
.rank-num{border-radius:6px;background:#f0f4fa}
.table-toolbar input{border-radius:7px;padding:8px 10px}
table{font-size:11px}
th{background:#f6f8fa;padding:8px 9px;color:#59677a}
td{padding:8px 9px}
tbody tr:hover{background:#f9fbfd}
.status-badge{padding:4px 7px;font-size:9px}
.pop-select{border-radius:7px;padding:6px 8px}
.kpi-overview{gap:8px}
.kpi-overview article{border-radius:9px;padding:11px 13px;box-shadow:none}
.progress i{background:#2459a9}
.screenshot-button{border-radius:7px;padding:7px 10px;background:#fff}
.team-compact-table th{padding:7px 8px}
.team-compact-table td{padding:7px 8px}
.team-compact-table tbody tr{height:50px}
.team-compact-table .team-cell{min-width:205px;max-width:275px}
.metric-inline{gap:6px;min-width:200px}
.metric-inline>b{font-size:15px}
.metric-inline>span{font-size:9px;color:#718094}
.metric-inline>em{background:#eef3fb;color:#2459a9;border-radius:5px;padding:2px 5px}
.team-compact-table .pop-select{width:108px}
body.screenshot-mode .panel{border-radius:6px}
body.screenshot-mode .team-compact-table tbody tr{height:42px}
body.screenshot-mode .brand-mark{display:none}
@media(max-width:700px){.app{padding:10px}.brand-mark{width:38px;height:38px}.brand-mark img{max-height:36px}}
