/* Enclosure configurator (staged 2026-10-21). Uses summitnet-web's site.css tokens only; light + dark follow them. */
.enc,.enc-order,.snet-content>.enc,.snet-content>.enc-order{max-width:1100px;margin:0 auto;padding:clamp(32px,6vw,64px) var(--gutter)}
.enc-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:24px;align-items:start}
@media (max-width:860px){.enc-grid{grid-template-columns:minmax(0,1fr)}}
.enc-view-wrap{background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-md);overflow:hidden}
.enc-view{position:relative;aspect-ratio:4/3;min-height:260px;touch-action:none;background:radial-gradient(ellipse at 50% 35%,var(--card-alt),var(--tint))}
.enc-view canvas{display:block;width:100%;height:100%}
.enc-fallback{position:absolute;inset:0;display:grid;place-items:center;margin:0;color:var(--muted);padding:16px;text-align:center}
.enc-view-bar{display:flex;flex-wrap:wrap;gap:8px;padding:10px 12px;border-top:1px solid var(--line)}
.enc-chip{border:1.5px solid var(--line);background:var(--panel);border-radius:999px;padding:6px 14px;cursor:pointer;font-size:.9rem}
.enc-chip.is-on{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}
.enc-form fieldset{border:1px solid var(--line);border-radius:12px;background:var(--panel);margin:0 0 14px;padding:12px 14px 6px}
.enc-form legend{font-family:var(--display);font-weight:600;padding:0 6px}
.enc-range,.enc-select{display:grid;grid-template-columns:5.5em minmax(0,1fr) 3.2em;gap:10px;align-items:center;margin:0 0 10px}
.enc-select{grid-template-columns:5.5em minmax(0,1fr)}
.enc-range input{width:100%;accent-color:var(--brand)}
.enc-range output{font-variant-numeric:tabular-nums;text-align:right;color:var(--ink-soft)}
.enc-select select{padding:7px 10px;border:1px solid var(--line);border-radius:8px;background:var(--field)}
.enc-check{display:flex;gap:10px;align-items:center;margin:0 0 10px}
.enc-check input{accent-color:var(--brand);width:18px;height:18px}
.enc-seg{display:flex;gap:6px;flex-wrap:wrap}
.enc-seg label{position:relative}
.enc-seg input{position:absolute;opacity:0}
.enc-seg span{display:inline-block;padding:7px 16px;border:1.5px solid var(--line);border-radius:8px;cursor:pointer;background:var(--field)}
.enc-seg input:checked+span{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}
.enc-seg input:focus-visible+span{outline:2px solid var(--rust);outline-offset:2px}
.enc-hint{color:var(--muted);font-size:.9rem;margin:8px 0}
.enc-quote{margin-top:22px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px 18px;box-shadow:var(--shadow-sm)}
.enc-quote dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0}
@media (max-width:640px){.enc-quote dl{grid-template-columns:repeat(2,minmax(0,1fr))}}
.enc-quote dt{color:var(--muted);font-size:.85rem}
.enc-quote dd{margin:2px 0 0;font-family:var(--display);font-size:1.35rem;font-variant-numeric:tabular-nums}
.enc-quote.is-busy dd{opacity:.55;transition:opacity .2s}
.enc-draft{margin:8px 0 0;padding:8px 12px;border-radius:8px;background:var(--rust-soft);color:var(--rust-deep);font-size:.9rem}
.enc-order-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:820px}
@media (max-width:640px){.enc-order-form{grid-template-columns:minmax(0,1fr)}}
.enc-order-form label{display:flex;flex-direction:column;gap:4px}
.enc-order-form input,.enc-order-form textarea{padding:9px 12px;border:1px solid var(--line);border-radius:8px;background:var(--field)}
.enc-wide{grid-column:1/-1}
.enc-hp{position:absolute;left:-9999px}
.enc-status{margin:0;min-height:1.4em}
.enc-status.is-ok{color:var(--ok)}
.enc-status.is-bad{color:var(--bad)}
.enc-fallback[hidden]{display:none}