.meter-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.meter-kpi{background:linear-gradient(145deg,#102538,#0b1723);border:1px solid var(--line);border-radius:16px;padding:18px}.meter-kpi span{color:var(--muted)}.meter-kpi strong{display:block;font-size:31px;margin:3px 0}.section-head{display:flex;align-items:start;justify-content:space-between;gap:15px}.live-badge{border:1px solid #2d6b60;background:#12392f;color:var(--ok);padding:5px 10px;border-radius:999px;font-size:12px}.active-operation{border:1px solid var(--line);border-radius:14px;padding:17px;margin:12px 0;background:#0a1520}.active-operation header,.operation-detail summary{display:flex;justify-content:space-between;gap:16px;align-items:center}.operation-progress{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;margin:16px 0}.operation-progress progress{width:100%;height:16px}.operation-numbers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.operation-numbers>div{background:#0e1c28;border:1px solid var(--line);border-radius:11px;padding:11px}.operation-numbers span{display:block;color:var(--muted);font-size:12px}.operation-numbers b{display:block;margin-top:3px}.operation-actions{margin-top:14px}.danger-button{border-color:#7c3542;background:#351821;color:#ffabb4}.operation-detail{border-bottom:1px solid var(--line);padding:12px 0}.operation-detail summary{cursor:pointer;list-style:none}.operation-detail summary::-webkit-details-marker{display:none}.operation-detail summary span:last-child{display:flex;gap:10px;align-items:center}.operation-detail summary em{font-style:normal}.operation-detail-body{padding:16px 0 8px}.meter-kpis+.card{margin-top:0}.health-history-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.metric-chart header{display:flex;justify-content:space-between;align-items:start}.metric-chart header strong{font-size:28px}.metric-chart svg{width:100%;height:110px;margin-top:14px;background:#08141e;border-radius:10px;border:1px solid var(--line)}.metric-chart polyline{fill:none;stroke:var(--accent);stroke-width:3;vector-effect:non-scaling-stroke}.health-details{grid-template-columns:repeat(4,minmax(0,1fr))}.meter-tabs{overflow:auto}@media(max-width:1100px){.meter-kpis{grid-template-columns:repeat(2,1fr)}.operation-numbers,.health-details{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.meter-kpis,.health-history-grid,.operation-numbers,.health-details{grid-template-columns:1fr}.section-head,.active-operation header,.operation-detail summary{align-items:flex-start;flex-direction:column}}
