/* LedExpert Ops v0.1 */
#panel-operations{min-width:0}
.leops-hero{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;background:#17354a;color:white;border-radius:17px;padding:19px;margin-bottom:15px}
.leops-hero h2{margin:0 0 5px;font-size:23px}.leops-hero p{color:#b2cad9;font-size:12px;margin:0}
.leops-hero button{border:1px solid #80b6c5;background:#285e70;color:white;border-radius:10px;min-height:43px;padding:8px 13px;cursor:pointer}
.leops-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:15px}
.leops-metric{border-radius:13px;background:white;border:1px solid #e0e9ef;padding:14px;min-width:0}
.leops-metric label{display:block;font-size:11px;color:#60798a}.leops-metric b{display:block;font-size:27px;color:#274558;line-height:1.45}.leops-metric small{color:#8195a2;font-size:10px}
.leops-metric.warning{background:#fff7f3;border-color:#f3d2c2}.leops-metric.warning b{color:#b85a39}
.leops-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(290px,1fr);gap:13px}
.leops-box{min-width:0;border:1px solid #dfe8f0;border-radius:15px;background:#fff;padding:16px;margin-bottom:14px}
.leops-box h3{color:#274558;font-size:17px;margin:0 0 9px}.leops-muted{color:#71889a;font-size:11px;line-height:1.5;margin:0 0 12px}
.leops-actions{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.leops-actions select{border:1px solid #d7e4ec;border-radius:9px;padding:9px;background:white;font-size:13px}
.leops-stages{display:grid;grid-template-columns:repeat(4,minmax(190px,1fr));gap:8px;overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:7px}
.leops-stage{background:#f4f8fa;border:1px solid #e4edf3;border-radius:11px;padding:9px;min-width:0}
.leops-stage h4{display:flex;justify-content:space-between;color:#587389;font-size:12px;margin:0 0 10px}
.leops-stage h4 span{background:#e4edf3;border-radius:8px;padding:2px 7px}
.leops-task{display:block;border:1px solid #deebf0;border-radius:9px;background:#fff;text-align:left;min-width:0;width:100%;padding:10px;cursor:pointer;margin-bottom:7px}
.leops-task:hover{border-color:#6faeb5}.leops-task b{display:block;color:#274253;font-size:12px;line-height:1.4;overflow-wrap:anywhere}.leops-task small{display:block;color:#8194a3;font-size:10px;margin-top:6px}.leops-task small.late{color:#b75035}
.leops-empty{font-size:11px;color:#8297a5;text-align:center;padding:17px 8px}
.leops-bars{display:grid;gap:9px}.leops-bar{display:grid;grid-template-columns:minmax(85px,1fr) 3fr 25px;gap:8px;align-items:center;font-size:11px;color:#5b7588}
.leops-rail{height:9px;border-radius:20px;background:#e9eff4;overflow:hidden}.leops-rail i{height:100%;background:#2da294;display:block;border-radius:20px}.leops-bar b{text-align:right}
.leops-risks{display:grid;gap:8px}.leops-risk{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #e6ecf1;border-radius:10px;padding:11px;background:#fafcfd}
.leops-risk b{font-size:12px;color:#2e4a60}.leops-risk small{display:block;font-size:10px;color:#7a91a1;margin-top:4px}.leops-risk em{font-size:11px;font-style:normal;white-space:nowrap;border-radius:8px;background:#e7eef4;padding:5px 8px}
.leops-risk.urgent{background:#fff7f2;border-color:#f2d3bf}.leops-risk.urgent em{background:#fce4d4;color:#a84c28}
.leops-clients{display:grid;gap:7px;max-height:285px;overflow-y:auto}.leops-client{width:100%;border:1px solid #e1eaf0;background:#fff;text-align:left;padding:11px;border-radius:9px;cursor:pointer}.leops-client b{font-size:12px;color:#264659;display:block}.leops-client small{color:#71889a;font-size:10px}.leops-detail{background:#edf6fa;border:1px solid #d5e6ee;border-radius:9px;padding:12px;margin-top:9px;font-size:12px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}
.leops-workflows{display:grid;gap:9px}.leops-workflow{background:#f7fafc;border:1px solid #e3eaf0;border-radius:10px;padding:12px}.leops-workflow b{color:#2b4a61;font-size:12px}.leops-workflow p{font-size:11px;color:#738b9c;margin:5px 0 0;line-height:1.5}
@media(max-width:1150px){.leops-grid{grid-template-columns:1fr}.leops-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:768px){.leops-hero{padding:15px}.leops-hero h2{font-size:21px}.leops-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.leops-metric{padding:12px}.leops-box{padding:12px}.leops-stages{grid-template-columns:repeat(4,215px);scroll-snap-type:x proximity}.leops-stage{scroll-snap-align:start}}