/* widgets.css — designed-dashboard widgets, shared by operator app + admin preview */
.w-sec{margin-bottom:16px}
.w-sec-t{font-size:13px;font-weight:700;margin:14px 2px 8px;color:var(--txt,#e6edf7)}
.w-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.w-card,.w-tile{background:var(--card,#fff);border:1px solid var(--line,#dde3ee);border-radius:14px;padding:13px;box-shadow:0 1px 4px rgba(20,30,60,.05)}
.w-wide{grid-column:1/-1}
.w-name{font-size:12px;font-weight:700;color:var(--muted,#64748b);margin-bottom:6px}
.w-big{font-size:26px;font-weight:900;color:var(--txt,#16223a)}
.w-big span{font-size:13px;font-weight:700;margin-left:4px;color:var(--muted,#64748b)}
.w-big.hot{color:#dc2626}
.w-sub{font-size:11px;color:var(--muted,#64748b);margin-top:5px;line-height:1.4}
.w-st{font-size:16px;font-weight:900;margin-top:4px}
.w-tile.run{border-color:rgba(22,163,74,.45)} .w-tile.run .w-st{color:#16a34a}
.w-tile.down{border-color:rgba(220,38,38,.5)} .w-tile.down .w-st{color:#dc2626}
.w-tile.unknown .w-st{color:#b45309}
.w-gauge{position:relative;height:10px;background:var(--bg,#eef2f8);border-radius:6px;margin-top:8px;overflow:visible}
.w-gfill{height:100%;border-radius:6px;background:#0ea5e9;transition:width .4s}
.w-gfill.hot{background:#dc2626}
.w-gwarn{position:absolute;top:-3px;bottom:-3px;width:2px;background:#dc2626}
.w-chart{height:150px;margin-top:6px}
.w-chart canvas{max-width:100%}
.w-shifts{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.w-chip{background:var(--bg,#eef2f8);border:1px solid var(--line,#dde3ee);border-radius:8px;padding:4px 8px;font-size:11px;color:var(--muted,#64748b)}
.w-chip b{color:var(--txt,#16223a);margin-left:3px}
.w-miss{opacity:.6;border-style:dashed}