/* Equipment flows use their own scrollers and compact mobile navigation. */
.industrial-builder {height:100%;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;background:#f4f6f9;min-width:0;}
.industrial-header {display:flex;align-items:center;gap:16px;background:#fff;border-bottom:1px solid var(--line);padding:14px 24px;min-width:0;}
.industrial-header .brand-copy {display:flex;flex-direction:column;}
.industrial-name {flex:1;min-width:100px;max-width:380px;margin:auto;}
.industrial-name input {width:100%;border:1px solid transparent;background:transparent;padding:10px;border-radius:8px;}
.industrial-name input:hover {border-color:var(--line);}
.industrial-actions {display:flex;gap:6px;}
.industrial-steps {display:flex;gap:6px;overflow:auto;padding:10px 24px;background:#fff;border-bottom:1px solid var(--line);}
.industrial-steps button {display:flex;align-items:center;gap:8px;white-space:nowrap;padding:8px 12px;border-radius:8px;font-size:.875rem;min-height:44px;}
.industrial-steps button span {display:grid;place-items:center;background:#f0f2f6;border-radius:50%;width:25px;height:25px;font-size:.8rem;}
.industrial-steps button[aria-current] {background:var(--blue-soft);color:#0560dd;}
.industrial-steps button[aria-current] span {background:var(--blue);color:#fff;}
.industrial-mobile-tabs {display:none;}
.industrial-workspace {display:grid;grid-template-columns:minmax(370px,44%) minmax(0,1fr);min-height:0;overflow:hidden;}
.industrial-options {display:grid;grid-template-rows:minmax(0,1fr) auto;background:#fff;border-right:1px solid var(--line);min-height:0;min-width:0;}
.industrial-scroll {overflow:auto;overscroll-behavior:contain;padding:28px;min-height:0;}
.industrial-scroll h1 {font-size:1.8rem;margin-bottom:18px;}
.industrial-scroll h3 {margin:24px 0 14px;}
.industrial-intro {color:var(--muted);font-size:.94rem;}
.industrial-footer {display:flex;justify-content:space-between;gap:12px;padding:16px 24px;border-top:1px solid var(--line);background:#fff;}
.industrial-footer .button {min-height:48px;}
.industrial-preview {display:flex;flex-direction:column;padding:26px;min-width:0;min-height:0;overflow:auto;}
.industrial-preview-toolbar {display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;}
.industrial-preview-toolbar h2 {font-size:1.2rem;margin-bottom:0;}
.industrial-view-buttons {display:flex;gap:5px;}
.industrial-view-buttons [aria-pressed=true] {background:var(--blue-soft);color:var(--blue);border-color:#96b9e8;}
.industrial-preview-stage {flex:1;min-height:220px;position:relative;margin-top:12px;}
#industrialPlan,#industrial3D {width:100%;height:100%;position:absolute;inset:0;}
#industrial3D {border-radius:16px;overflow:hidden;}
#industrial3D canvas {width:100%;height:100%;display:block;}
.industrial-model-loading {position:absolute;inset:auto 15% 15%;margin:0;padding:12px 16px;border-radius:10px;background:#ffffffed;box-shadow:0 5px 22px #22304714;color:#485668;text-align:center;font-size:.875rem;pointer-events:none;}
.industrial-camera-tools {display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:14px;}
.industrial-camera-tools[hidden] {display:none;}
.industrial-camera-tools>div {display:flex;gap:5px;flex-wrap:wrap;}
.industrial-camera-tools .button {font-size:.875rem;min-height:42px;padding:9px 12px;}
.industrial-plan-svg {height:100%;width:100%;max-height:650px;stroke-linejoin:miter;font-family:Inter,Arial,sans-serif;}
.industrial-preview-note {font-size:.8rem;color:var(--muted);margin:12px 0;line-height:1.5;}
.industrial-spec-summary {display:flex;gap:24px;padding:16px 20px;background:#fff;border:1px solid var(--line);border-radius:14px;}
.industrial-spec-summary span {display:flex;flex-direction:column;gap:4px;}
.industrial-spec-summary small {color:var(--muted);font-size:.75rem;}
.industrial-spec-summary strong {font-size:.95rem;}
.industrial-status {padding:7px 24px;font-size:.75rem;background:#fff;border-top:1px solid var(--line);color:var(--muted);min-height:32px;overflow-wrap:anywhere;}
.industrial-status.is-error {background:#fff4e6;color:#77501a;}
.industrial-kit-list {display:grid;gap:16px;}
.industrial-kit {padding:20px;border:1px solid var(--line);border-radius:14px;background:#fff;}
.industrial-kit.selected {border-color:#8eb5e9;background:#f7faff;}
.industrial-kit h3 {margin:0 0 12px;}
.industrial-kit h4 {font-size:.875rem;margin:18px 0 9px;}
.industrial-kit p,.industrial-kit li,.industrial-kit dd {font-size:.875rem;line-height:1.6;}
.industrial-kit ul {padding-left:20px;}
.industrial-kit-title {display:flex;align-items:baseline;justify-content:space-between;gap:10px;}
.industrial-kit-title>span {font-size:.7rem;color:var(--blue);white-space:nowrap;}
.industrial-kit details {margin-bottom:16px;}
.industrial-kit summary {cursor:pointer;font-size:.875rem;font-weight:600;min-height:44px;align-content:center;}
.industrial-kit dl {margin:0;}
.industrial-kit dt,.industrial-work-areas dt {font-size:.875rem;font-weight:650;margin-top:20px;}
.industrial-kit dd,.industrial-work-areas dd {margin:7px 0 0;color:var(--muted);}
.industrial-field {display:flex;flex-direction:column;gap:8px;margin-bottom:20px;font-size:.875rem;font-weight:600;min-width:0;}
.industrial-field input,.industrial-field select,.industrial-field textarea {width:100%;border:1px solid #dbe0e8;border-radius:10px;background:#fff;min-height:48px;padding:12px;font-weight:400;min-width:0;}
.industrial-field textarea {resize:vertical;}
.industrial-field small {font-size:.78rem;font-weight:400;color:var(--muted);line-height:1.5;}
.industrial-field-grid {display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.industrial-callout {background:#f2f6fc;border:1px solid #e3ebf5;padding:18px;border-radius:12px;margin-bottom:24px;}
.industrial-callout strong {font-size:.94rem;}
.industrial-callout p {font-size:.85rem;color:#616d7a;margin:9px 0 0;}
.industrial-check {display:flex;align-items:flex-start;gap:13px;padding:16px 0;border-bottom:1px solid var(--line);cursor:pointer;}
.industrial-check input {width:20px;height:20px;accent-color:var(--blue);margin-top:2px;flex:none;}
.industrial-check span {display:flex;flex-direction:column;gap:7px;font-size:.875rem;}
.industrial-check small {color:var(--muted);line-height:1.5;}
.industrial-axle-choices {display:grid;gap:12px;margin:20px 0;}
.industrial-option {display:flex;flex-direction:column;gap:8px;text-align:left;padding:18px;border:1px solid var(--line);border-radius:12px;}
.industrial-option.selected {border-color:#7ca6e4;background:var(--blue-soft);}
.industrial-option span {font-size:.8125rem;color:var(--muted);}
.industrial-table {width:100%;border-collapse:collapse;font-size:.875rem;margin-bottom:18px;}
.industrial-table th,.industrial-table td {border-bottom:1px solid var(--line);padding:12px 0;text-align:left;}
.industrial-table th {font-weight:400;padding-right:12px;}
.industrial-table td {text-align:right;white-space:nowrap;}
.industrial-review {margin:0 0 26px;font-size:.875rem;}
.industrial-review>div {display:grid;grid-template-columns:38% 1fr;gap:16px;padding:13px 0;border-bottom:1px solid var(--line);}
.industrial-review dt {color:var(--muted);}
.industrial-review dd {margin:0;overflow-wrap:anywhere;}
.industrial-review-notes {padding-left:20px;font-size:.8125rem;color:#616d7a;line-height:1.6;}
.industrial-review-notes li {margin-bottom:12px;}
.industrial-saved-home {max-width:1128px;margin:0 auto 24px;padding:0 24px;}
.industrial-saved-home summary {padding:16px 0;cursor:pointer;font-weight:600;}
.industrial-builder .branding-packet {padding:20px 0;}
.industrial-builder .branding-controls {flex-wrap:wrap;}
.starter-kit {display:flex;flex-direction:column;align-self:start;min-width:0;border:1px solid var(--line);border-radius:12px;padding:15px;background:#fafbfc;}
.starter-kit-heading {display:flex;flex-direction:column;gap:7px;}
.starter-kit>p {font-size:.8125rem;color:var(--muted);margin:12px 0;}
.starter-kit details>summary {font-size:.8125rem;min-height:44px;}
.starter-kit details p,.starter-kit details li {font-size:.78rem;line-height:1.5;}
.starter-kit details ul {padding-left:17px;}
.starter-kit details li {margin-bottom:10px;}
.starter-kit details li span {display:block;}
.starter-kit details h4 {font-size:.82rem;margin:16px 0 8px;}
.starter-layout-grid .starter-kit>button {display:block;width:100%;margin-top:14px;padding:12px;text-align:center;background:#fff;color:var(--blue);border:1px solid #abc8ee;min-height:44px;font-size:.8rem;}
@media(max-width:1000px){.industrial-header .brand-copy strong {font-size:.8rem;}.industrial-workspace {grid-template-columns:44% 1fr;}.industrial-scroll {padding:22px;}.industrial-preview {padding:18px;}.industrial-name {max-width:220px;}}
@media(max-width:760px){
  .industrial-builder {grid-template-rows:auto auto auto minmax(0,1fr) auto;}
  .industrial-header {padding:12px;flex-wrap:wrap;gap:10px;}
  .industrial-header .brand-mark {width:32px;height:32px;border-radius:10px;}
  .industrial-header .brand-copy span {font-size:.7rem;}
  .industrial-header .brand-copy strong {font-size:.7rem;}
  .industrial-name {max-width:none;flex-basis:100%;order:3;margin:0;}
  .industrial-name input {padding:6px 2px;font-size:.8125rem;}
  .industrial-actions {margin-left:auto;gap:4px;}
  .industrial-actions .button {padding:9px 10px;font-size:.75rem;}
  .industrial-steps {padding:6px 12px;}
  .industrial-steps button {font-size:.8rem;padding:7px 10px;}
  .industrial-mobile-tabs {display:flex;gap:8px;background:#fff;padding:8px 12px;border-bottom:1px solid var(--line);}
  .industrial-mobile-tabs button {flex:1;min-height:40px;border-radius:8px;font-size:.875rem;}
  .industrial-mobile-tabs [aria-pressed=true] {background:var(--blue-soft);color:var(--blue);}
  .industrial-workspace {display:block;}
  .industrial-options {height:100%;border:0;}
  .industrial-scroll {padding:20px;}
  .industrial-scroll h1 {font-size:1.55rem;}
  .industrial-footer {padding:12px 16px;gap:8px;}
  .industrial-footer .button {font-size:.8125rem;}
  .industrial-preview {height:100%;padding:16px;}
  .industrial-preview-stage {min-height:200px;}
  .industrial-builder[data-panel=options] .industrial-preview {display:none;}
  .industrial-builder[data-panel=preview] .industrial-options {display:none;}
  .industrial-status {padding:6px 12px;font-size:.7rem;}
  .industrial-preview-note {font-size:.73rem;}
  .industrial-spec-summary {padding:12px 14px;gap:15px;}
  .industrial-spec-summary strong {font-size:.8rem;}
  .industrial-spec-summary small {font-size:.65rem;}
  .industrial-kit {padding:17px;}
}
@media(max-width:380px){.industrial-header .brand-copy {display:none;}.industrial-field-grid {grid-template-columns:1fr;gap:0;}.industrial-preview-toolbar h2 {font-size:1rem;}.industrial-view-buttons .button {padding:9px 10px;}}