/* Well Control / KWM and Well-Kill / Stripping — on the Slug & Trip components (.sltr), with a red
   well-control accent. Scoped to .wc so nothing else changes. */
.sltr.wc{--sa:#c2410c;--wc-kwm:#9333ea;--wc-mud:color-mix(in srgb,var(--ink) 7%,var(--card))}
.wc .sltr-fields{grid-template-columns:1fr 1fr}
.wc .sltr-f.wide{grid-column:1/-1}
.wc .sltr-sel{width:100%;min-height:36px;border:1px solid var(--sl);border-radius:8px;background:var(--card);color:var(--ink);font:inherit;padding:4px 8px}
.wc .sltr-f.solved b{display:flex;align-items:center;min-height:36px;padding:0 10px;border:1px dashed var(--sl);border-radius:8px;color:var(--sa);font-size:12px}
.wc-more{margin-top:8px;border-top:1px solid var(--sl);padding-top:6px}
.wc-more>summary{cursor:pointer;font-weight:700;font-size:12.5px;padding:4px 0}
.wc-more[open]>summary{margin-bottom:4px}
.wc-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:6px;margin-bottom:10px}
.wc-tile{border:1px solid var(--sl);border-radius:10px;padding:7px 9px;background:var(--card);display:grid;gap:1px}
.wc-tile span{font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.wc-tile b{font-size:17px;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wc-tile i{font-style:normal;font-size:11px;color:var(--muted)}
.wc-tile.bad{border-color:var(--red)}.wc-tile.warn{border-color:var(--amber)}.wc-tile.na{border-style:dashed}
.wc-row{display:grid;grid-template-columns:minmax(200px,240px) minmax(0,1fr);gap:12px;align-items:start}
.wc-col{display:flex;flex-direction:column;gap:10px;min-width:0}
@media (max-width:900px){.wc-row{grid-template-columns:1fr}.wc .sltr-fields{grid-template-columns:1fr}}
.wc-well,.wc-bars{margin:0;border:1px solid var(--sl);border-radius:10px;background:var(--card);padding:8px 10px}
.wc-well figcaption,.wc-bars figcaption{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;margin-bottom:4px}
.wc-well figcaption i,.wc-bars figcaption i{font-style:normal;font-size:11px;color:var(--muted)}
.wc-well svg{width:100%;height:auto;max-height:480px}
.wc-hole{fill:var(--wc-mud);stroke:var(--sl)}
.wc-csg{fill:var(--muted)}
.wc-dp{fill:color-mix(in srgb,var(--ink) 55%,transparent)}
.wc-kwm{fill:color-mix(in srgb,var(--wc-kwm) 55%,transparent)}
.wc-tick{stroke:var(--muted);stroke-width:1}.wc-tick.shoe{stroke:#d97706}.wc-tick.kwm{stroke:var(--wc-kwm)}.wc-tick.ctl{stroke:var(--sa);stroke-dasharray:3 2}
.wc-lab{font-size:9.5px;fill:var(--muted)}.wc-lab.shoe{fill:#b45309}.wc-lab.kwm{fill:var(--wc-kwm)}.wc-lab.ctl{fill:var(--sa)}
.wc-barrow{display:grid;grid-template-columns:52px minmax(0,1fr) 84px;gap:8px;align-items:center;margin:6px 0}
.wc-barrow b{font-size:12px}.wc-barrow i{font-style:normal;font-size:12px;text-align:right;font-variant-numeric:tabular-nums}
.wc-bar{display:flex;height:18px;border-radius:5px;overflow:hidden;background:var(--soft)}
.wc-seg{display:block;height:100%}
.wc-seg.h,.wc-key .h::before{background:#3b82f6}.wc-seg.f,.wc-key .f::before{background:#14b8a6}.wc-seg.s,.wc-key .s::before{background:#f59e0b}.wc-seg.k,.wc-key .k::before{background:var(--wc-kwm)}
.wc-key{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:11px;color:var(--muted)}
.wc-key span::before{content:"";display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:5px;vertical-align:-1px}
.wc .sltr-table td.l{text-align:left;white-space:normal}
.wc .sltr-table.kv th{text-align:left;font-weight:600;color:var(--muted);width:38%}
.wc .sltr-table.kv td{text-align:left}
/* well-kill steps */
.wc-steps{display:flex;gap:6px;flex-wrap:wrap;margin:2px 0 4px}
.wc-steps button{display:flex;align-items:center;gap:7px;min-height:36px;padding:4px 12px;border:1px solid var(--sl);border-radius:999px;background:var(--card);color:var(--ink);font:inherit;font-size:12.5px;font-weight:600;cursor:pointer}
.wc-steps button i{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--soft);font-style:normal;font-size:11px}
.wc-steps button.on{border-color:var(--sa);background:color-mix(in srgb,var(--sa) 10%,var(--card))}
.wc-steps button.on i{background:var(--sa);color:#fff}
.wc-steps button.done i{background:var(--green);color:#fff}
.wc-steps button:focus-visible{outline:2px solid var(--sa);outline-offset:2px}
.wc-note{border-left:3px solid var(--sa);background:color-mix(in srgb,var(--sa) 6%,var(--card));padding:6px 10px;border-radius:0 8px 8px 0;font-size:12px;margin:6px 0}
.wc-tile.w2{grid-column:span 2}