.oee-lab{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;align-items:start}.oee-input,.oee-output{min-width:0}.oee-input{padding:24px;border:1px solid #dce5ee;border-radius:22px;background:#fff}.oee-input .workspace-field{margin-bottom:15px}.oee-input [role=tabpanel]{padding-top:22px}.oee-output{padding:28px;border:1px solid #d9e5f1;border-radius:22px;background:linear-gradient(145deg,#f3f8ff,#fff 60%)}.oee-headline{display:flex;align-items:center;gap:22px;margin-bottom:24px}.oee-headline h2{font-size:1.15rem;line-height:1.4;margin:0}.oee-headline p{font-size:.88rem;margin:8px 0 0;color:#466079}.oee-score{flex:0 0 132px;aspect-ratio:1;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:11px solid #2760e8;background:white;color:#123354}.oee-score strong{font-size:2rem;font-variant-numeric:tabular-nums;line-height:1.15}.oee-score span{letter-spacing:.15em;font-size:.8rem;margin-top:5px;font-weight:700}.oee-factors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.oee-factor{padding:13px 10px;border:1px solid #dce6f0;border-radius:12px;background:#fff}.oee-factor strong{display:block;font-size:1.35rem;color:#163d70}.oee-factor span{font-size:.8rem;overflow-wrap:anywhere}.oee-factor meter{width:100%;height:9px;display:block;margin-top:9px}.oee-output h3{font-size:1rem;margin:26px 0 13px}.oee-loss-track{display:flex;height:18px;border-radius:20px;overflow:hidden;background:#e7edf4}.oee-loss-track i:nth-child(1){background:#e79536}.oee-loss-track i:nth-child(2){background:#9372c3}.oee-loss-track i:nth-child(3){background:#cf6580}.oee-loss-track i:nth-child(4){background:#2861db}.oee-losses>div{display:flex;justify-content:space-between;gap:15px;padding:9px 0;border-bottom:1px solid #e3eaf2;font-size:.88rem}.oee-losses strong{white-space:nowrap;font-variant-numeric:tabular-nums}.oee-losses span:before{content:'';display:inline-block;width:9px;height:9px;background:var(--loss);border-radius:50%;margin-right:7px}.oee-rates{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0}.oee-rates strong{display:block;font-size:1.15rem;color:#173f70;overflow-wrap:anywhere}.oee-rates span{font-size:.8rem;color:#536579;display:block;line-height:1.5}.oee-reason{display:grid;grid-template-columns:minmax(0,1fr) 100px;gap:8px;padding:12px 0;border-bottom:1px solid #e4eaf0}.oee-reason label{min-width:0}.oee-reason button{grid-column:2;font-size:.8rem}.oee-examples{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.oee-examples button{padding:7px 12px;font-size:.8rem}.oee-input input[aria-invalid=true]{border-color:#b42342;background:#fff4f5}.oee-output[data-invalid=true] .oee-score{border-color:#d6dfe8}.oee-output .transfer-check{font-size:.86rem}.oee-output .project-buttons{margin:16px 0}.oee-output button{white-space:normal;text-align:left}.unit-conversion-note,.staff-service-note{font-size:.84rem;padding:12px 14px;border-radius:10px;background:#edf4ff;color:#244d76}.staff-service-note{background:#fff4e5;color:#774811}.rate-equivalents{font-size:.86rem;color:#335a82;margin:12px 0;line-height:1.6}.time-rate-panel{padding:16px;background:#edf4ff;border-radius:12px;margin:16px 0}.time-rate-panel strong{font-size:1.1rem;display:block;color:#163d70}.time-rate-panel select{max-width:100%}.pareto-lab[data-basis=quantity] .lab-row [data-field=count]{display:none}.pareto-lab[data-basis=quantity] .lab-cost-unit{display:block}
@media(max-width:800px){.oee-lab{grid-template-columns:1fr}.oee-input,.oee-output{padding:20px}.oee-headline{gap:15px}.oee-score{flex-basis:108px;border-width:9px}.oee-score strong{font-size:1.7rem}}
@media(max-width:370px){.oee-input,.oee-output{padding:16px}.oee-factors{gap:5px}.oee-factor{padding:10px 6px}.oee-factor strong{font-size:1.1rem}.oee-headline h2{font-size:1rem}.oee-score{flex-basis:95px}.oee-reason{grid-template-columns:minmax(0,1fr) 85px}}
@media print{.oee-score{border-width:3px}.oee-factors,.oee-losses,.oee-rates{break-inside:avoid}.oee-loss-track{print-color-adjust:exact}}

.oee-mobile-summary{display:none}@media(max-width:800px){.oee-mobile-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;position:sticky;top:4px;z-index:5;background:#153651;color:white;border-radius:12px;padding:12px 14px;box-shadow:0 3px 12px #14395218}.oee-mobile-summary span{display:block;font-size:.7rem;opacity:.8}.oee-mobile-summary strong{font-size:.93rem;font-variant-numeric:tabular-nums}.oee-mobile-summary>div:first-child{color:#ffbe70}}