.industrial-view{--industrial-accent:#62d9bd;--industrial-border:rgba(140,184,205,.2);min-width:0}
.industrial-view *{box-sizing:border-box}.industrial-view h1{letter-spacing:-.025em}.industrial-view h2{font-size:1.15rem;margin:0 0 10px}.industrial-view h3{font-size:1rem;margin:0}.industrial-view p{line-height:1.5}.industrial-view a{color:#91deef;overflow-wrap:anywhere}.industrial-view .panel{min-width:0}
.industrial-note{font-size:.85rem;line-height:1.5;color:var(--muted,#9eb0c6);margin:8px 0}
.industrial-actions,.industrial-tabs,.industrial-badges{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.industrial-actions .button,.industrial-tabs .button{white-space:normal;text-align:center}
.industrial-tabs{margin:0 0 22px;padding-bottom:16px;border-bottom:1px solid var(--industrial-border)}
.industrial-pagination{display:flex;justify-content:center;margin:20px 0}.industrial-pagination [hidden]{display:none}.industrial-source-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px;font-size:.85rem}
.industrial-access{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 20px;margin:0 0 22px;background:linear-gradient(115deg,rgba(40,104,113,.22),rgba(14,37,53,.4));border:1px solid rgba(113,176,185,.28);border-radius:14px}.industrial-access>div{min-width:0}.industrial-access .industrial-note{max-width:640px}
.industrial-coverage{padding:18px 22px;border:1px solid var(--industrial-border);border-left:3px solid var(--industrial-accent);border-radius:12px;background:rgba(31,71,75,.14);margin:0 0 20px}
.industrial-filters{display:grid;grid-template-columns:2fr 1fr 1.3fr;gap:12px;margin:22px 0 12px}
.industrial-view input,.industrial-view select{width:100%;min-width:0;min-height:42px;padding:10px 12px;border-radius:9px;border:1px solid var(--industrial-border);background:var(--input-bg,#102031);color:var(--text,#e7f0fa);font:inherit}
.industrial-view input:focus-visible,.industrial-view select:focus-visible,.industrial-view button:focus-visible,.industrial-view summary:focus-visible,.industrial-view a:focus-visible{outline:2px solid var(--industrial-accent);outline-offset:3px}
.industrial-supplier-grid,.industrial-reference-grid,.industrial-plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));gap:18px}
.industrial-supplier{display:flex;flex-direction:column;gap:12px;padding:20px}.industrial-supplier>header{display:flex;align-items:center;gap:14px}.industrial-supplier>header>div{min-width:0}.industrial-supplier h2{overflow-wrap:anywhere}
.industrial-supplier header img,.industrial-logo-placeholder{width:64px;height:64px;object-fit:contain;flex-shrink:0;border-radius:12px;background:rgba(255,255,255,.06);padding:7px}.industrial-logo-placeholder{display:inline-flex;align-items:center;justify-content:center;color:#90c8d3;font-weight:800;font-size:1.2rem}
.industrial-badge{display:inline-flex;align-items:center;border-radius:20px;padding:5px 10px;border:1px solid var(--industrial-border);color:#b1dcd9;background:rgba(71,125,136,.12);font-size:.72rem;font-weight:650}
.industrial-supplier details{border-top:1px solid var(--industrial-border);padding-top:12px}.industrial-supplier summary{cursor:pointer;font-weight:600;font-size:.9rem;padding:5px 0}.industrial-cargo-list{display:grid;gap:10px;padding-top:12px;max-height:330px;overflow:auto}
.industrial-cargo{display:flex;align-items:center;gap:10px;padding:8px;background:rgba(5,16,27,.2);border-radius:8px}.industrial-cargo img,.industrial-cargo .industrial-logo-placeholder{width:48px;height:48px;object-fit:contain;flex-shrink:0}.industrial-cargo strong,.industrial-cargo small{display:block;overflow-wrap:anywhere}.industrial-cargo strong{font-size:.84rem}.industrial-cargo small{font-size:.72rem;color:var(--muted,#9eb0c6);margin-top:4px}
.industrial-price-section{margin-top:32px}.industrial-reference{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:20px}.industrial-reference p{margin:0}.industrial-reference small{color:var(--muted,#9eb0c6)}.industrial-reference>a{margin-top:auto;padding-top:8px;font-size:.85rem}.industrial-price{font-size:1.3rem;color:var(--industrial-accent)}
.industrial-simulated-price{padding:12px;width:100%;border-radius:9px;background:rgba(87,119,157,.12);border:1px dashed var(--industrial-border)}.industrial-simulated-price strong{display:block;font-size:1rem;margin:6px 0}.industrial-simulated-price .industrial-note{font-size:.75rem}
.industrial-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px;padding:24px}.industrial-form label,.industrial-review-form label{display:flex;flex-direction:column;gap:8px;font-size:.86rem;font-weight:550;min-width:0}.industrial-form label small,.industrial-review-form label small{font-weight:400;color:var(--muted,#9eb0c6);line-height:1.4}.industrial-wide{grid-column:1/-1}.industrial-form .industrial-check{flex-direction:row;align-items:center;gap:10px}.industrial-check input[type=checkbox]{width:20px;min-height:20px;height:20px}
.industrial-finance-summary{margin:0;padding:14px;background:rgba(55,128,114,.14);border-radius:9px;color:#bbe8dc;font-size:.9rem}.industrial-form-status:empty{display:none}.industrial-form-status[role=alert],.industrial-error{color:#ffb6b4}.industrial-error{padding:22px;border:1px solid #bd6a64;border-radius:12px}
.industrial-plan-card{padding:22px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.industrial-plan-card p{margin:0}.industrial-plan-card button{margin-top:auto}
.industrial-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.industrial-metrics>div{padding:18px}.industrial-metrics small,.industrial-metrics strong{display:block;overflow-wrap:anywhere}.industrial-metrics small{color:var(--muted,#9eb0c6);font-size:.78rem}.industrial-metrics strong{font-size:1.3rem;margin-top:8px}
.industrial-detail-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:20px;margin-bottom:20px}.industrial-project-preview,.industrial-project-data{padding:22px}.industrial-project-preview progress{width:100%;height:12px;accent-color:var(--industrial-accent);margin:5px 0 10px}.industrial-project-preview>strong{display:block}
.industrial-detail-line{display:grid;grid-template-columns:minmax(90px,.7fr) 1.3fr;gap:12px;padding:10px 0;border-bottom:1px solid var(--industrial-border);font-size:.85rem}.industrial-detail-line span{color:var(--muted,#9eb0c6)}.industrial-detail-line strong{overflow-wrap:anywhere;text-align:right;font-weight:500}
.industrial-blockers{padding-left:20px;color:#e9c487;font-size:.85rem;line-height:1.6}.industrial-resource-panel{padding:22px}.industrial-requirement-list{display:grid;gap:10px}.industrial-requirement{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:14px;border:1px solid var(--industrial-border);border-radius:10px}.industrial-requirement p{grid-column:1/-1;margin:0}
.industrial-review-form{display:grid;gap:18px}.industrial-review-form>label{max-width:520px}.industrial-requirement-editor{display:grid;gap:18px}.industrial-requirement-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;min-width:0;border:1px solid var(--industrial-border);border-radius:12px;padding:18px}.industrial-requirement-row legend{color:var(--industrial-accent);font-size:.8rem;padding:0 8px}.industrial-requirement-row button{justify-self:start}
.industrial-scene{position:relative;height:285px;overflow:hidden;border:1px solid rgba(134,194,202,.14);border-radius:14px;background:radial-gradient(ellipse at 50% 65%,#234858 0%,#112735 55%,#0a1725 100%);margin-bottom:22px;perspective:700px}
.industrial-scene-plot{position:absolute;left:calc(50% - 125px);top:80px;width:250px;height:170px;transform:rotateX(55deg) rotateZ(-32deg);transform-style:preserve-3d;background:repeating-linear-gradient(0deg,transparent,transparent 19px,rgba(122,180,188,.18) 20px),repeating-linear-gradient(90deg,rgba(89,134,130,.12),rgba(89,134,130,.12) 19px,rgba(122,180,188,.18) 20px);border:1px solid #547987;animation:industrial-project-light 6s ease-in-out infinite}
.industrial-scene-building{position:absolute;width:155px;height:95px;left:45px;top:38px;transform-style:preserve-3d}.industrial-scene-roof{position:absolute;width:155px;height:95px;transform:translateZ(64px);background:repeating-linear-gradient(90deg,#47768c,#47768c 14px,#608a9e 15px);border:1px solid #8ac2d2}.industrial-scene-front{position:absolute;left:0;top:95px;width:155px;height:64px;transform:rotateX(-90deg);transform-origin:top;background:repeating-linear-gradient(90deg,#457085,#457085 27px,#6e92a2 28px);border:1px solid #7eb1c0}.industrial-scene-side{position:absolute;width:64px;height:95px;left:155px;top:0;transform:rotateY(90deg);transform-origin:left;background:#315466;border:1px solid #7eb1c0}
.industrial-scene-office,.industrial-scene-garage{position:absolute;left:25px;top:112px;background:rgba(88,163,145,.85);color:#dcfff7;font-size:8px;letter-spacing:.1em;padding:8px;transform:translateZ(25px);border:1px solid #91d3c6}.industrial-scene-garage{left:170px;top:120px;background:#7a7959;border-color:#c5c093}.industrial-scene-caption{position:absolute;bottom:13px;left:12px;right:12px;text-align:center;color:#a9c7d5;font-size:.65rem;font-weight:650;letter-spacing:.1em}
@keyframes industrial-project-light{0%,100%{box-shadow:0 0 18px rgba(94,193,174,.08)}50%{box-shadow:0 0 28px rgba(94,193,174,.24)}}
.industrial-scene-front{transform:rotateX(90deg)}.industrial-scene-side{transform:rotateY(-90deg)}
.industrial-live-canvas{display:block;width:100%;height:auto;aspect-ratio:12/7;border-radius:14px;border:1px solid var(--industrial-border);touch-action:none;cursor:grab;margin:12px 0}.industrial-live-canvas:active{cursor:grabbing}.industrial-live-phases{display:grid;gap:9px;margin:16px 0}.industrial-live-phases>div{display:grid;grid-template-columns:1fr 1fr 60px;gap:10px;align-items:center;font-size:.8rem}.industrial-live-phases progress,.industrial-live-resources progress{width:100%;accent-color:var(--industrial-accent)}.industrial-live-resources{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.industrial-live-resources article{padding:12px;border:1px solid var(--industrial-border);border-radius:10px}.industrial-live-resources img{width:54px;height:54px;object-fit:contain;float:left;margin:0 10px 8px 0}.industrial-live-resources strong{display:block}.industrial-live-resources .industrial-note{clear:both}.industrial-workforce-form{display:flex;flex-wrap:wrap;align-items:end;gap:16px;margin-top:20px;border-top:1px solid var(--industrial-border);padding-top:18px}.industrial-workforce-form label{display:grid;gap:8px;max-width:180px}.industrial-workforce-form .industrial-check{display:flex;align-items:center;gap:8px}.industrial-workforce-form input[type=checkbox]{width:22px;min-height:22px}
@media(prefers-reduced-motion:reduce){.industrial-scene-plot{animation:none}}
@media(max-width:900px){.industrial-detail-grid{grid-template-columns:1fr}.industrial-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.industrial-access{align-items:flex-start;flex-direction:column}.industrial-requirement-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.industrial-filters,.industrial-form{grid-template-columns:1fr}.industrial-form{padding:18px}.industrial-metrics{gap:10px}.industrial-metrics>div{padding:13px}.industrial-metrics strong{font-size:1.05rem}.industrial-actions .button,.industrial-tabs .button{flex:1 1 140px}.industrial-requirement-row{grid-template-columns:1fr}.industrial-requirement{grid-template-columns:1fr}.industrial-scene{height:250px}.industrial-scene-plot{top:60px;transform:scale(.88) rotateX(55deg) rotateZ(-32deg)}.industrial-coverage{padding:16px}.industrial-detail-line{grid-template-columns:1fr;gap:5px}.industrial-detail-line strong{text-align:left}}
/* Cargo selection uses the installed game catalogue; no free-form cargo identifiers. */
.industrial-cargo-selected { display:flex; align-items:center; gap:12px; width:100%; min-height:76px; text-align:left; border:1px solid #304c60; border-radius:12px; padding:10px; background:#091b28; color:#e2edf5; cursor:pointer; }
.industrial-cargo-selected img,.industrial-cargo-selected .industrial-logo-placeholder,.industrial-cargo-name img,.industrial-cargo-name .industrial-logo-placeholder { width:64px; height:52px; object-fit:contain; flex-shrink:0; }
.industrial-cargo-selected span { min-width:0; }
.industrial-cargo-selected strong,.industrial-cargo-selected small { display:block; overflow-wrap:anywhere; }
.industrial-cargo-selected small { color:#99b6c9; margin-top:5px; }
.industrial-cargo-name { display:flex; align-items:center; gap:10px; }
.industrial-requirement-row .industrial-field { display:flex; flex-direction:column; gap:8px; min-width:0; font-size:.86rem; font-weight:550; }
.industrial-cargo-dialog { box-sizing:border-box; width:min(1050px,calc(100vw - 28px)); max-height:90vh; overflow:auto; padding:24px; border:1px solid #40667d; border-radius:20px; background:#0d2030; color:#e2edf5; }
.industrial-cargo-dialog::backdrop { background:#000b; backdrop-filter:blur(4px); }
.industrial-cargo-picker-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.industrial-cargo-picker-heading h2 { margin:0; }
.industrial-cargo-picker-filters { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:20px; }
.industrial-cargo-picker-filters input,.industrial-cargo-picker-filters select { box-sizing:border-box; min-width:0; width:100%; padding:12px; background:#071622; color:#e2edf5; border:1px solid #40667d; border-radius:10px; }
.industrial-cargo-picker-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(155px,1fr)); gap:12px; margin:14px 0; }
.industrial-cargo-choice { display:flex; flex-direction:column; align-items:center; gap:8px; min-width:0; padding:14px 10px; border:1px solid #304c60; border-radius:12px; background:#112c40; color:#e2edf5; cursor:pointer; overflow-wrap:anywhere; }
.industrial-cargo-choice img,.industrial-cargo-choice .industrial-logo-placeholder { width:100%; height:80px; object-fit:contain; }
.industrial-cargo-choice small { color:#99b6c9; }
.industrial-cargo-choice[aria-pressed=true] { border-color:#62e9ce; background:#164b4a; }
.industrial-cargo-choice:hover,.industrial-cargo-selected:hover { border-color:#62e9ce; }
.industrial-cargo-dialog button:focus-visible,.industrial-cargo-selected:focus-visible { outline:3px solid #ffbe32; outline-offset:2px; }
.industrial-ai-launch { margin:20px 0; padding:18px; border:1px solid #33596c; border-radius:14px; background:#113344; }
.industrial-ai-dialog { width:min(1250px,calc(100vw - 28px)); }
.industrial-ai-dialog .industrial-metrics { grid-template-columns:repeat(3,minmax(0,1fr)); }
.industrial-ai-budget { margin:18px 0; padding:18px; border:1px solid #395b70; border-radius:14px; }
.industrial-ai-budget summary { cursor:pointer; }
.industrial-ai-resource-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.industrial-ai-resource { min-width:0; display:flex; flex-direction:column; align-items:flex-start; gap:8px; padding:16px; background:#0a1927; border:1px solid #29475b; border-radius:12px; overflow-wrap:anywhere; }
.industrial-ai-resource .industrial-cargo-name img,.industrial-ai-resource .industrial-logo-placeholder { width:56px; height:56px; object-fit:contain; }
.industrial-ai-resource p { margin:0; }
.industrial-ai-phase { margin:24px 0; border-top:1px solid #335568; }
.industrial-ai-confirm { display:flex; align-items:flex-start; gap:12px; margin:22px 0; }
.industrial-ai-confirm input { width:22px; height:22px; min-height:22px; flex-shrink:0; }
@media(max-width:700px) { .industrial-ai-dialog .industrial-metrics,.industrial-ai-resource-grid { grid-template-columns:1fr; } .industrial-ai-budget { padding:12px; } .industrial-ai-dialog .industrial-cargo-picker-heading { align-items:flex-start; flex-direction:column; } }
@media(max-width:600px) { .industrial-cargo-dialog { padding:14px; } .industrial-cargo-picker-filters { grid-template-columns:1fr; } .industrial-cargo-picker-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .industrial-cargo-picker-heading h2 { font-size:1.2rem; } }