/* Shipboard industrial planning desk; odae/specs/industry-workshop.md. */
.modal.industry-modal { width:min(1360px,96vw); max-width:none; padding:0; max-height:94vh; overflow:auto; background:#0e1922; border:1px solid #425765; }
#industry-desk { color:#dce5eb; font:14px/1.5 'Segoe UI',sans-serif; }
.industry-head { padding:22px 26px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #39515f; }
#industry-desk h2 { font-size:27px; color:#e8eff3; margin:3px 0; letter-spacing:0; }
#industry-desk h3 { font-size:18px; color:#e5c394; margin:0 0 14px; letter-spacing:0; text-transform:none; }
#industry-desk p { margin:0 0 14px; }
.industry-head p { color:#a4bac7; font-size:12px; margin:0!important; }
#industry-desk button { cursor:pointer; background:#223847; color:#e5edf2; border:1px solid #456073; border-radius:4px; padding:9px 12px; font:inherit; font-size:12px; }
#industry-desk button:hover:not(:disabled) { background:#345064; }
#industry-desk button:disabled { opacity:.4; cursor:default; }
#industry-desk button:focus-visible,#industry-desk input:focus-visible { outline:2px solid #8ad1de; outline-offset:2px; }
#industry-desk button small { display:block; margin-top:5px; color:#a9c1cf; font-size:11px; }
#industry-desk .primary { background:#deb16f; color:#142735; font-weight:600; border-color:#deb16f; width:100%; padding:14px; }
.industry-toolbar { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px; padding:12px 26px; background:#182b39; color:#a8c5d4; font-size:12px; }
.industry-tabs { display:flex; flex-wrap:wrap; gap:8px; padding:14px 24px; border-bottom:1px solid #3a5361; background:#132430; }
#industry-desk .industry-tabs [aria-pressed="true"] { border-color:#deb16f; color:#f1cc92; background:#334450; }
.industry-benefit { padding:13px; border-left:2px solid #deb16f; background:#20333f; color:#c9dce6; font-size:13px; }
.industry-grid { display:grid; grid-template-columns:210px minmax(400px,1fr) 265px; }
.industry-catalogue,.industry-plan,.industry-warehouse { min-width:0; padding:24px; }
.industry-catalogue { background:#12212c; border-right:1px solid #344a59; }
.industry-catalogue>p,.industry-warehouse>p { font-size:12px; color:#9eb5c4; }
.industry-catalogue>button { display:block; width:100%; text-align:left; margin-bottom:10px; padding:13px!important; }
.industry-catalogue>button.selected { border-color:#deb16f!important; background:#344653!important; }
.industry-chain { border-top:1px solid #3a4d59; padding-top:18px; margin-top:24px; color:#a7becb; font-size:12px; }
.industry-chain b { color:#e5c394; display:block; margin-bottom:8px; }
.industry-product { display:flex; align-items:center; justify-content:space-between; gap:20px; padding-bottom:20px; }
.industry-product p { font-size:12px; color:#abc0cc; margin-bottom:4px!important; }
.industry-product h3 { font-size:25px!important; color:#e8eff3!important; margin:0!important; }
.industry-product strong { font-size:38px; text-align:right; color:#8dd4d5; }
.industry-product strong small { display:block; font-size:11px; font-weight:400; }
#industry-desk table { width:100%; border-collapse:collapse; font-size:12px; }
#industry-desk caption { text-align:left; color:#abc1cc; padding-bottom:10px; }
#industry-desk th { color:#9bb4c4; font-size:11px; font-weight:400; }
#industry-desk th,#industry-desk td { padding:10px 5px; text-align:right; border-bottom:1px solid #2f4352; }
#industry-desk th:first-child,#industry-desk td:first-child { text-align:left; }
#industry-desk .short { color:#f0a195; }
#industry-desk .ready { color:#96d7ba; }
#industry-desk .tiny { padding:3px 6px; font-size:10px; }
.industry-cost { display:flex; gap:25px; flex-wrap:wrap; padding:22px 0 12px; font-size:11px; color:#9ab4c3; }
.industry-cost strong { display:block; color:#dfebf2; font-size:16px; margin-top:5px; }
.industry-value,.industry-fine { color:#a1b6c4; font-size:11px; line-height:1.7; }
.industry-readiness { background:#172b37; border-left:2px solid #dca96b; padding:12px; margin:18px 0; font-size:12px; color:#dfc2a5; }
.industry-fine { margin-top:12px!important; margin-bottom:28px!important; }
.industry-lines { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.industry-lines>div { padding:13px; border:1px solid #39515f; border-radius:4px; }
.industry-lines span,.industry-lines small { display:block; font-size:11px; color:#a1b6c4; }
.industry-lines b { display:block; margin:4px 0; font-size:13px; }
.industry-lines button { margin-top:9px; }
.industry-warehouse { background:#172732; border-left:1px solid #344a59; }
.industry-stock { padding:15px 0; border-bottom:1px solid #3b4f5b; }
.industry-stock b,.industry-stock small { display:block; }
.industry-stock small { color:#a3bdcc; font-size:11px; margin:4px 0 10px; }
.industry-stock label { display:flex; align-items:center; justify-content:space-between; color:#a3bdcc; font-size:11px; margin-bottom:10px; }
.industry-stock input { width:80px; padding:6px; background:#0d1c27; color:#e5edf2; border:1px solid #486071; }
.industry-stock button { margin:0 5px 5px 0; }
.industry-run { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:14px; padding:18px 26px; background:#20313b; border-bottom:1px solid #466170; }
.industry-run b { color:#e5c394; }
.industry-run p { font-size:12px; color:#b6c7cf; margin:4px 0 0!important; }
.industry-run button { margin:3px; }
#industry-desk .industry-run [aria-pressed="true"] { background:#deb16f; color:#142735; border-color:#deb16f; }
.industry-operations { padding:24px; border-top:1px solid #39515f; }
.industry-operations>p { font-size:12px; color:#a8bfcc; }
.industry-operation-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr)); gap:14px; }
.industry-operation-grid article { min-width:0; overflow-wrap:anywhere; padding:18px; background:#162833; border:1px solid #385362; border-radius:5px; }
.industry-operation-grid header { border-bottom:1px solid #385362; padding-bottom:12px; margin-bottom:14px; }
.industry-operation-grid h4 { margin:0; font-size:17px; color:#e5c394; }
.industry-operation-grid span,.industry-operation-grid p,.industry-operation-grid small { font-size:12px; color:#afc5d1; }
.industry-operation-grid b { color:#dce8ed; }
.industry-operation-job { padding:10px 0; margin-bottom:12px; border-bottom:1px solid #385362; }
.industry-operation-job p { margin:5px 0 10px!important; }
.industry-empty { padding:30px; max-width:760px; }
.industry-destinations { display:flex; flex-wrap:wrap; gap:12px; margin:20px 0; }
#industry-desk footer { padding:13px 26px; color:#b4cbd6; border-top:1px solid #39515f; font-size:12px; }
@media(max-width:1100px) { .industry-grid { grid-template-columns:180px minmax(340px,1fr); } .industry-warehouse { grid-column:1/-1; border-top:1px solid #344a59; display:flex; gap:18px; flex-wrap:wrap; } .industry-warehouse>h3,.industry-warehouse>p { flex-basis:100%; } .industry-stock { width:200px; } }
@media(max-width:650px) { .industry-grid { display:block; } .industry-head { padding:16px; } #industry-desk h2 { font-size:22px; } .industry-catalogue { display:flex; flex-wrap:wrap; gap:8px; padding:16px; } .industry-catalogue h3,.industry-catalogue>p { width:100%; } .industry-catalogue>button { width:calc(50% - 4px); margin:0; } .industry-chain { display:none; } .industry-plan,.industry-warehouse { padding:16px; } .industry-product h3 { font-size:22px!important; } .industry-cost { gap:18px; } .industry-stock { width:100%; } .industry-toolbar { padding:12px 16px; } }