.psle-root{--psle-bg: #f4f5f2;--psle-panel: #fff;--psle-input: #ecefeb;--psle-border: #d5dad3;--psle-ink: #1d211f;--psle-muted: #69716d;--psle-normal: #5d6b66;--psle-warning: #f59e0b;--psle-critical: #dc2626;--psle-good: #10b981;--psle-cell: #e8ebe6;--psle-cell-active: #fee2e2;color:var(--psle-ink)}.theme-dark .psle-root{--psle-bg: #111412;--psle-panel: #191d1a;--psle-input: #222722;--psle-border: #333b35;--psle-ink: #eef2ed;--psle-muted: #a8b0aa;--psle-normal: #9aa49f;--psle-warning: #fbbf24;--psle-critical: #f87171;--psle-good: #34d399;--psle-cell: #242a25;--psle-cell-active: rgba(248, 113, 113, .18)}.psle-shell{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:.85rem;width:100%;padding:clamp(.75rem,2vw,1rem);border:1px solid var(--psle-border);border-radius:8px;background:var(--psle-bg)}.psle-diagnostics{grid-column:span 8;display:grid;gap:.65rem;min-width:0}.psle-inputs{grid-column:span 4;display:grid;gap:.5rem;min-width:0;padding:.65rem;border:1px solid var(--psle-border);border-radius:6px;background:var(--psle-input)}.psle-primary-data{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.psle-primary-data article{display:grid;gap:.18rem;padding:.65rem .75rem;border:1px solid var(--psle-border);border-radius:6px;background:var(--psle-panel)}.psle-primary-data b{color:var(--psle-ink);font-size:clamp(1.8rem,4vw,2.8rem);line-height:1}.psle-primary-data span{color:var(--psle-muted);font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.psle-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.psle-kpi,.psle-zone-map,.psle-support article,.psle-action{border:1px solid var(--psle-border);border-radius:8px;background:var(--psle-panel)}.psle-kpi{display:grid;gap:.28rem;padding:.55rem .65rem}.psle-kpi span,.psle-zone-map span,.psle-support span,.psle-inputs legend,.psle-inputs label>span,.psle-action span{color:var(--psle-muted);font-size:.66rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.psle-kpi b{color:var(--psle-muted);font-size:1rem;line-height:1}.psle-kpi-risk b,.psle-root[data-risk=high] .psle-kpi-risk b,.psle-root[data-risk=critical] .psle-kpi-risk b,.psle-root[data-risk=high] .psle-kpi-life b,.psle-root[data-risk=critical] .psle-kpi-life b{color:var(--psle-muted)}.psle-kpi i{display:block;overflow:hidden;height:.55rem;border-radius:999px;background:var(--psle-input)}.psle-kpi em{display:block;width:0%;height:100%;border-radius:inherit;background:var(--psle-good);transition:width .2s ease}.psle-kpi-risk em{background:var(--psle-warning)}.psle-root[data-risk=high] .psle-kpi-risk em,.psle-root[data-risk=critical] .psle-kpi-risk em{background:var(--psle-critical)}.psle-kpi small{color:var(--psle-muted);font-size:.78rem;font-weight:750}.psle-zone-map{display:grid;gap:.55rem;padding:.65rem}.psle-zone-map>div:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.psle-zone-map small{color:var(--psle-muted);font-size:.78rem;font-weight:650}#psle-zone-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.32rem}#psle-zone-grid button{min-height:clamp(2.6rem,6vw,4.3rem);border:1px solid var(--psle-border);border-radius:4px;background:var(--psle-cell);cursor:pointer;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}#psle-zone-grid button:hover{border-color:var(--psle-warning);background:#f59e0b24}#psle-zone-grid button.active{border-color:var(--psle-critical);background:var(--psle-cell-active);box-shadow:inset 0 0 0 2px var(--psle-critical)}.psle-support{display:grid;grid-template-columns:1fr;gap:.6rem}.psle-support article{display:grid;gap:.2rem;padding:.55rem .65rem}.psle-support b{color:var(--psle-ink);font-size:.95rem;line-height:1.1}.psle-signal{background:transparent}.psle-inputs fieldset{display:grid;gap:.42rem;margin:0;padding:0 0 .55rem;border:0;border-bottom:1px solid var(--psle-border);background:transparent}.psle-inputs fieldset:last-child{border-bottom:0;padding-bottom:0}.psle-inputs legend{padding:0 .25rem}.psle-inputs label{display:grid;gap:.25rem}.psle-inputs input,.psle-inputs select{width:100%;min-width:0;border:1px solid var(--psle-border);border-radius:4px;background:var(--psle-panel);color:var(--psle-ink);font:inherit;font-weight:750;padding:.42rem .5rem}.psle-inputs select{appearance:none;padding-right:2.8rem;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 1.5 6 6l4.5-4.5' fill='none' stroke='%2369716d' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .95rem center;background-size:.75rem auto}.psle-inputs input:focus,.psle-inputs select:focus,.psle-units button:focus{outline:2px solid var(--psle-warning);outline-offset:1px}.psle-inputs label b{display:grid;grid-template-columns:1fr auto;gap:.35rem;align-items:center}.psle-inputs label em,.psle-range output{color:var(--psle-muted);font-style:normal;font-weight:800}.psle-units{display:grid;grid-template-columns:1fr 1fr;gap:.35rem}.psle-units button{border:1px solid var(--psle-border);border-radius:4px;background:var(--psle-panel);color:var(--psle-ink);cursor:pointer;font:inherit;font-weight:850;padding:.42rem .5rem}.psle-units button.active{border-color:var(--psle-normal);background:var(--psle-normal);color:#fff}.psle-range{grid-template-columns:1fr auto;align-items:center}.psle-range input{grid-column:1 / -1;padding:0;accent-color:var(--psle-warning)}.psle-check{display:flex;align-items:center;gap:.55rem}.psle-check input{width:1rem}.psle-action{grid-column:1 / -1;display:grid;gap:.25rem;padding:.65rem .75rem;border-left:5px solid var(--psle-good)}.psle-root[data-risk=moderate] .psle-action{border-left-color:var(--psle-warning)}.psle-root[data-risk=high] .psle-action,.psle-root[data-risk=critical] .psle-action{border-left-color:var(--psle-critical)}.psle-action b{color:var(--psle-ink);font-size:.98rem;line-height:1.35}@media(max-width:900px){.psle-diagnostics,.psle-inputs{grid-column:1 / -1}}@media(max-width:620px){.psle-shell,.psle-kpis,.psle-support{grid-template-columns:1fr}.psle-zone-map>div:first-child{display:grid}#psle-zone-grid{gap:.35rem}}
