/* Shared desktop/mobile trailer registry and horizontal 3D overview. */
.trailer-toolbar,.trailer-row,.trailer-row-actions,.rig-tools,.rig-load{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.trailer-toolbar label{flex:1;min-width:200px}.trailer-toolbar input{width:100%}.trailer-row{padding:16px 0;border-bottom:1px solid var(--border,#dce5ed)}.trailer-row p{margin:4px 0}.trailer-row>div:first-child{flex:1;min-width:160px;overflow-wrap:anywhere}.trailer-row-actions{justify-content:flex-start}.trailer-form{border:1px solid var(--border,#dce5ed);padding:18px;border-radius:14px;margin:16px 0}.trailer-form[hidden]{display:none}.trailer-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.trailer-form label,.rig-choices label{display:flex;flex-direction:column;gap:6px}.trailer-form input,.trailer-form textarea{width:100%}.trailer-active{flex-direction:row!important;align-items:center}.trailer-active input{width:auto}.trailer-form>label{margin-top:12px}.rig-card{margin:18px 0}.rig-choices{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:16px}.rig-choices>span{padding-bottom:12px;color:var(--muted,#68778b)}.rig-tools{margin:12px 0;font-size:13px}.rig-tools>div{display:flex;gap:8px;flex-wrap:wrap}.rig-tools button{padding:7px 10px;font-size:12px}.rig-tools button[aria-pressed=true]{color:#fff;background:#2466a5;border-color:#2466a5}.rig-stage{position:relative;min-height:280px;background:linear-gradient(160deg,#e9eff3,#f9fbfd);border:1px solid #d8e3ed;border-radius:14px;overflow:hidden}#rig-model{height:340px;width:100%}#rig-model[hidden]{display:none}#rig-model canvas{display:block;width:100%;height:100%;touch-action:pan-y}#rig-empty{padding:100px 20px;text-align:center;color:#587080}#rig-empty[hidden]{display:none}#rig-model-status{position:absolute;top:14px;left:16px;right:16px;font-size:13px;color:#36536a;pointer-events:none}#rig-hover{position:absolute;bottom:12px;left:16px;font-size:12px;color:#164f49;background:#edfff9cc;border-radius:8px;padding:3px 7px;pointer-events:none}#rig-hover:empty{display:none}.rig-selected{display:flex;flex-wrap:wrap;gap:6px 16px;padding:14px 0;min-height:68px}.rig-selected small{width:100%;color:var(--muted,#6c7b8b)}.rig-position-groups{display:grid;grid-template-columns:1fr 1fr;gap:18px}.rig-position-groups h3{font-size:14px;margin:6px 0 10px}.rig-tire-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.rig-tire{font-size:12px;padding:8px!important;white-space:normal;min-height:36px}.rig-tire[aria-pressed=true]{background:#1666b8!important;color:#fff!important;border-color:#1666b8!important}.rig-tire.hovered{background:#dcfff0!important;color:#006647!important;border-color:#00a777!important;box-shadow:0 0 9px #19c89255}.rig-scope{font-size:12px!important;margin-top:12px}.rig-load:has(.msg:empty){display:none}[data-theme=dark] .rig-stage{background:linear-gradient(160deg,#243648,#182c3d);border-color:#39526c}[data-theme=dark] #rig-empty{color:#c2d4e5}[data-theme=dark] #rig-model-status{color:#cee0f1}@media(min-width:1200px){.rig-tire-buttons{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:600px){.trailer-fields{grid-template-columns:1fr}.rig-choices{gap:8px}.rig-choices select{font-size:13px;width:100%;min-width:0}.rig-choices label{font-size:13px}#rig-model{height:260px}.rig-stage{min-height:260px}.rig-position-groups{gap:12px}.rig-tools{align-items:flex-start}.rig-tools>span{width:100%}}

.rig-card .rig-tools>div{width:auto}.rig-card .rig-tools button,.rig-card .rig-tire,.trailer-row-actions button,.trailer-toolbar button{margin:0;width:auto}.rig-card .rig-tire{width:100%}.rig-card .rig-tools{justify-content:space-between}.rig-choices select{margin:0}

.rig-stage:has(#rig-empty:not([hidden])){min-height:100px}#rig-empty{padding:34px 20px}
#rig-card{scroll-margin-top:76px}@media(max-width:900px){#rig-card{scroll-margin-top:8px}}

.rig-select-label{display:flex;align-items:center;justify-content:space-between;gap:6px}.rig-card .rig-select-label button{width:auto;margin:0;padding:0;font-size:12px;min-height:28px}
.rig-choice{display:flex;flex-direction:column;gap:6px}.rig-choice select{width:100%;min-width:0}
.rig-card .rig-tools button{margin:0!important}.rig-card .rig-tools button[aria-pressed=true]{color:#fff!important;background:#2466a5!important;border-color:#2466a5!important}
#tab-tires [hidden],.rig-card [hidden]{display:none!important}
/* Labels stay beside their tire; only the model area pans on narrow screens. */
.rig-stage{overflow:auto;overscroll-behavior-x:contain}.rig-stage:has(#rig-view.has-tires){min-height:440px}#rig-view{position:relative}#rig-view.labels-ready{min-width:1050px}#rig-view.has-tires #rig-model{height:440px}#rig-model canvas{touch-action:pan-x pan-y}#rig-connectors{display:none;position:absolute;inset:0;width:100%;height:440px;pointer-events:none}.labels-ready #rig-connectors{display:block}.labels-ready .rig-position-groups{position:absolute;inset:0;display:block;pointer-events:none}.labels-ready .rig-position-groups h3{display:none}.labels-ready .rig-tire-buttons{display:block}.rig-card .labels-ready button.rig-tire{position:absolute;transform:translateX(-50%);width:82px!important;height:34px;min-height:34px;padding:4px!important;margin:0!important;white-space:nowrap;font-size:11px;background:var(--surface,#fff);pointer-events:auto}.labels-ready #rig-connectors path{fill:none;stroke:#94a7b8;stroke-width:1;opacity:.7}.labels-ready #rig-connectors path.glowing{stroke:#00a777;stroke-width:2;opacity:1}.labels-ready #rig-connectors path.selected{stroke:#137cdb;stroke-width:2;opacity:1}.rig-pan{font-size:12px;margin:8px 0}#rig-model-status{z-index:3}#rig-hover{z-index:3;bottom:110px}.rig-stage:has(#rig-view.has-tires:not(.labels-ready)) .rig-position-groups{padding:12px;max-width:calc(100vw - 80px)}

.tire-nav{display:flex;gap:8px;margin:0 0 16px}.tire-nav button{width:auto!important;margin:0!important}.tire-nav [aria-selected=true]{background:#2466a5!important;color:#fff!important;border-color:#2466a5!important}

/* Match the reference inspection surface behind the transparent materials. */
.rig-stage{background:#f4f7fb}