.pi-page{display:grid;gap:12px}.pi-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 12px;background:#fff;border:1px solid var(--border);border-radius:12px}.pi-toolbar label{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:.7rem}.pi-toolbar input,.pi-toolbar select{height:32px;padding:0 8px;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--text);font-size:.72rem}.pi-toolbar [aria-invalid="true"]{border-color:#b84c40}.pi-toolbar :focus-visible{outline:2px solid var(--primary);outline-offset:2px}.pi-form-error{flex-basis:100%;min-height:1em;margin:0;color:#a83f35;font-size:.62rem}.pi-form-error:empty{display:none}.pi-presets{display:flex;gap:3px;padding:3px;background:var(--surface-subtle);border-radius:9px}.pi-presets button{padding:5px 9px;border:0;border-radius:7px;background:transparent;color:var(--text-2);font-size:.7rem}.pi-presets button.on{background:#fff;color:var(--primary);box-shadow:var(--shadow-xs)}
.pi-status{padding:11px 14px;border:1px solid var(--border);border-radius:12px;background:#fff}.pi-status>div{display:flex;align-items:center;gap:9px}.pi-status>div>span{padding:2px 8px;border-radius:999px;font-size:.64rem;font-weight:700}.pi-status>div>b{font-size:.74rem}.pi-status ul{display:flex;gap:6px 18px;flex-wrap:wrap;margin:7px 0 0 16px;color:var(--text-2);font-size:.68rem}.pi-status.ok{border-color:#b9ded2;background:#f5fbf9}.pi-status.ok>div>span{background:#dff5ec;color:#167a5b}.pi-status.warn{border-color:#f0d19d;background:#fffaf1}.pi-status.warn>div>span{background:#fff0cf;color:#94600d}.pi-status.danger{border-color:#efc2bd;background:#fff7f6}.pi-status.danger>div>span{background:#ffe3df;color:#a83f35}.pi-status.empty>div>span{background:#eef2f7;color:#5c697b}
.pi-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.pi-kpis article{padding:13px 14px;border:1px solid var(--border);border-radius:12px;background:#fff}.pi-kpis span,.pi-kpis b,.pi-kpis small{display:block}.pi-kpis span{color:var(--muted);font-size:.66rem;font-weight:700}.pi-kpis b{margin-top:3px;font-size:1.35rem;font-variant-numeric:tabular-nums}.pi-kpis small{margin-top:2px;color:var(--muted);font-size:.62rem}.pi-kpis.locked{grid-template-columns:1fr}.pi-kpis.locked article{background:var(--surface-subtle)}.pi-kpis.locked b{font-size:.82rem}.pi-kpis.locked p{margin:3px 0 0;color:var(--muted);font-size:.68rem}
.pi-exploratory{border-color:#f0d19d;background:#fffdf8}.pi-exploratory-meta{display:flex;gap:8px 18px;flex-wrap:wrap;padding:8px 14px;border-bottom:1px solid var(--border-subtle);color:var(--muted);font-size:.6rem}.pi-exploratory ol{list-style:none;margin:0;padding:5px 14px}.pi-exploratory li{display:grid;grid-template-columns:28px minmax(0,1fr) 170px;align-items:center;gap:9px;padding:9px 0;border-bottom:1px solid var(--border-subtle)}.pi-exploratory li>i{padding:3px 4px;border-radius:6px;background:#fff0cf;color:#94600d;font-size:.58rem;font-style:normal;font-weight:700;text-align:center}.pi-exploratory li>div{min-width:0}.pi-exploratory li b{font-size:.72rem}.pi-exploratory li p{margin:2px 0;color:var(--text-2);font-size:.64rem;line-height:1.45}.pi-exploratory li>strong{text-align:right;font-size:.8rem;font-variant-numeric:tabular-nums}.pi-exploratory li>strong small{display:block;margin-top:2px;color:var(--muted);font-size:.54rem;font-weight:400}.pi-exploratory footer{padding:8px 14px 11px;color:var(--muted);font-size:.59rem;line-height:1.5}
.pi-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pi-panel{padding:0;min-width:0;overflow:hidden}.pi-panel>header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px;border-bottom:1px solid var(--border-subtle)}.pi-panel>header div{min-width:0}.pi-panel>header b{font-size:.78rem}.pi-panel>header span{margin-left:7px;color:var(--muted);font-size:.62rem;font-weight:400}.pi-panel>header em{color:var(--muted);font-size:.62rem;font-style:normal}.pi-empty{padding:28px 14px;color:var(--muted);font-size:.7rem;text-align:center}
.pi-ranking ol{list-style:none;margin:0;padding:5px 14px 10px}.pi-ranking li{display:grid;grid-template-columns:24px minmax(0,1fr) 82px;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid var(--border-subtle)}.pi-ranking li:last-child{border-bottom:0}.pi-ranking li>i{display:flex;align-items:center;justify-content:center;width:21px;height:21px;border-radius:7px;background:var(--surface-subtle);color:var(--text-2);font-size:.64rem;font-style:normal;font-weight:700}.pi-rank-main{min-width:0}.pi-rank-main>div{display:grid;gap:2px;min-width:0}.pi-rank-main b{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:.72rem;line-height:1.45}.pi-rank-main span{color:var(--muted);font-size:.58rem}.pi-rank-bar{display:block;height:4px;margin-top:5px;border-radius:4px;background:var(--surface-subtle);overflow:hidden}.pi-rank-bar i{display:block;height:100%;border-radius:4px;background:var(--primary)}.pi-ranking li>strong{text-align:right;font-size:.78rem;font-variant-numeric:tabular-nums}.pi-ranking li>strong small{margin-left:3px;color:var(--muted);font-size:.56rem;font-weight:400}
.pi-trend{display:flex;align-items:flex-end;gap:2px;height:190px;padding:14px 12px 25px}.pi-trend-col{position:relative;display:flex;align-items:flex-end;flex:1;height:100%;min-width:3px;border-radius:3px 3px 0 0;background:var(--surface-subtle)}.pi-trend-col>i{display:block;width:100%;border-radius:3px 3px 0 0;background:color-mix(in srgb,var(--primary) 70%,#fff)}.pi-trend-col.missing{background:repeating-linear-gradient(135deg,#fff,#fff 3px,#eef1f5 3px,#eef1f5 6px)}.pi-trend-col small{position:absolute;top:calc(100% + 5px);left:50%;transform:translateX(-50%);color:var(--muted);font-size:.52rem;white-space:nowrap}
.pi-quality-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px}.pi-quality{padding:9px;border:1px solid var(--border);border-radius:9px;background:var(--surface-subtle)}.pi-quality>div{display:flex;justify-content:space-between;gap:8px;font-size:.66rem}.pi-quality>div strong{font-variant-numeric:tabular-nums}.pi-quality>span{display:block;height:4px;margin:7px 0 5px;border-radius:4px;background:#e9edf4;overflow:hidden}.pi-quality>span i{display:block;height:100%;background:#d78375}.pi-quality.pass>span i{background:#42a987}.pi-quality small{color:var(--muted);font-size:.56rem;line-height:1.35}
.pi-sources>div{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px}.pi-sources article{padding:9px;border:1px solid var(--border);border-radius:9px}.pi-sources article>div{display:flex;justify-content:space-between;gap:5px}.pi-sources article b{font-size:.68rem}.pi-sources article span{padding:1px 6px;border-radius:999px;font-size:.54rem}.pi-sources article span.ok{background:#dff5ec;color:#167a5b}.pi-sources article span.warn{background:#fff0cf;color:#94600d}.pi-sources article span.danger{background:#ffe3df;color:#a83f35}.pi-sources article p{margin:5px 0 2px;color:var(--text-2);font-size:.6rem}.pi-sources article small{color:var(--muted);font-size:.56rem}
.pi-table{grid-column:1/-1}.pi-table .tablebox{border:0;box-shadow:none}.pi-table table{min-width:1080px}.pi-table caption{padding:8px 12px;color:var(--muted);font-size:.6rem;text-align:left}.pi-table td,.pi-table th{font-size:.66rem}.pi-table td:nth-child(2){max-width:300px}.pi-table td:nth-child(2) b,.pi-table td:nth-child(2) small{display:block}.pi-table td:nth-child(2) small{margin-top:2px;color:var(--muted);font-size:.58rem;white-space:normal}.pi-table .num{font-variant-numeric:tabular-nums;text-align:right}.pi-table .up{color:#167a5b}.pi-table .down{color:#a83f35}.pi-definition{padding:11px 14px;border-left:3px solid var(--primary);border-radius:0 10px 10px 0;background:color-mix(in srgb,var(--primary) 5%,#fff)}.pi-definition b{font-size:.7rem}.pi-definition p{margin:3px 0 0;color:var(--text-2);font-size:.65rem;line-height:1.6}
.pi-summary article{border-left:3px solid var(--primary)}.pi-summary b{font-size:1.05rem}
.pi-asset-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:8px;padding:12px}.pi-asset{display:flex;flex-direction:column;gap:6px;padding:11px;border:1px solid var(--border);border-radius:10px;background:#fff}.pi-asset>header{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.pi-asset>header b{font-size:.72rem}.pi-asset>header span{padding:1px 7px;border-radius:999px;font-size:.54rem;font-weight:700}.pi-asset>header span.ok{background:#dff5ec;color:#167a5b}.pi-asset>header span.warn{background:#fff0cf;color:#94600d}.pi-asset>header span.danger{background:#ffe3df;color:#a83f35}.pi-asset>header span.muted{background:#eef2f6;color:#5c697b}.pi-asset>header span.empty{background:#f4f6f9;color:#93a1b3}
.pi-asset>p{margin:0;color:var(--text-2);font-size:.6rem;line-height:1.5}.pi-asset-metrics{display:grid;grid-template-columns:1fr 1fr;gap:5px}.pi-asset-metric{padding:7px 8px;border-radius:8px;background:var(--surface-subtle)}.pi-asset-metric b{display:block;font-size:.86rem;font-variant-numeric:tabular-nums}.pi-asset-metric span{display:block;color:var(--muted);font-size:.56rem;font-weight:700}.pi-asset-metric small{display:block;margin-top:1px;color:var(--muted);font-size:.52rem}
.pi-asset>small{color:var(--muted);font-size:.56rem}.pi-asset ul{margin:0;padding-left:15px;color:#94600d;font-size:.58rem;line-height:1.55}.pi-asset>footer{margin-top:auto;padding-top:6px;border-top:1px dashed var(--border-subtle);color:var(--text-2);font-size:.58rem;line-height:1.5}
.pi-run{border-color:#cfd9ea}.pi-ready-row{display:flex;gap:6px;flex-wrap:wrap;padding:10px 14px 2px}.pi-ready{padding:2px 8px;border-radius:999px;font-size:.58rem;font-weight:700}.pi-ready.pass{background:#dff5ec;color:#167a5b}.pi-ready.fail{background:#ffe3df;color:#a83f35}.pi-ready.muted{background:#eef2f6;color:#5c697b}.pi-run-form{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 14px}.pi-run-form label{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:.7rem}.pi-run-form input{height:32px;padding:0 8px;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--text);font-size:.72rem}.pi-run-form small{flex-basis:100%;color:var(--muted);font-size:.58rem}.pi-run-notice{margin:0;padding:8px 14px 11px;font-size:.64rem}.pi-run-notice.ok{color:#167a5b}.pi-run-notice.warn{color:#a83f35}
.pi-gate ul{list-style:none;margin:0;padding:10px 14px;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:7px}.pi-gate li{display:flex;align-items:baseline;gap:7px;padding:8px 10px;border:1px solid var(--border);border-radius:9px;background:var(--surface-subtle);font-size:.66rem}.pi-gate li i{font-style:normal;font-weight:800}.pi-gate li.pass i{color:#167a5b}.pi-gate li.fail{border-color:#efc2bd;background:#fff7f6}.pi-gate li.fail i{color:#a83f35}.pi-gate li b{font-size:.64rem}.pi-gate li small{display:block;flex-basis:100%;margin-left:14px;color:var(--muted);font-size:.56rem}.pi-gate li.fail{flex-wrap:wrap}.pi-gate footer{padding:0 14px 11px;color:var(--muted);font-size:.58rem}
@media(max-width:920px){.pi-grid{grid-template-columns:1fr}.pi-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.pi-toolbar{align-items:stretch}.pi-toolbar label,.pi-toolbar input,.pi-toolbar select{flex:1}.pi-presets{width:100%}.pi-presets button{flex:1}}@media(max-width:640px){.pi-exploratory li{grid-template-columns:26px minmax(0,1fr)}.pi-exploratory li>strong{grid-column:2;text-align:left}.pi-kpis{grid-template-columns:1fr 1fr}.pi-quality-grid,.pi-sources>div,.pi-asset-metrics{grid-template-columns:1fr}.pi-ranking li{grid-template-columns:22px minmax(0,1fr) 68px}.pi-rank-main>div span{display:none}}