#shipyard-services{position:absolute;inset:5% 3% 6%;z-index:65;display:flex;flex-direction:column;background:linear-gradient(125deg,#101e2af5,#060f19fa);border:1px solid #54859b80;box-shadow:0 18px 70px #000b;border-radius:8px;color:#deedf5;font:12px system-ui;text-align:left;overflow:hidden;backdrop-filter:blur(8px)}
#shipyard-services[hidden],#shipyard-docking-status[hidden]{display:none}
#shipyard-services header{display:flex;align-items:center;justify-content:space-between;padding:13px 18px 9px;border-bottom:1px solid #344c5e}
#shipyard-services h1{font-size:19px;margin:2px 0;font-weight:550;letter-spacing:.2px}#shipyard-services h2{font-size:25px;font-weight:500;margin:7px 0 14px}
#shipyard-services p{margin:5px 0;line-height:1.5}#shipyard-services .yard-eyebrow{font-size:9px;letter-spacing:1.8px;color:#81b8cf;margin:0}
#shipyard-services button,#shipyard-services select,#shipyard-docking-status button{font:inherit;color:#cce9f5;border:1px solid #43637b;border-radius:4px;background:#172d40;padding:6px 10px;cursor:pointer;white-space:nowrap}#shipyard-services button:hover:not(:disabled){background:#24475c;border-color:#80c9e5}#shipyard-services button:focus-visible,#shipyard-services select:focus-visible{outline:2px solid #8edbfa;outline-offset:2px}#shipyard-services button:disabled{opacity:.32;cursor:default}
#shipyard-services .yard-close{font-size:22px;border:0;background:none;padding:0 5px}#shipyard-services .yard-primary{background:#26576d;border-color:#67b4cf;color:#f1fbff}
.yard-account{display:flex;gap:20px;padding:9px 18px;background:#16304355;font-size:14px}.yard-account small{font-size:8px;letter-spacing:.7px;color:#8eb5c5}.yard-budget{margin-left:auto;font-size:10px}.yard-budget strong{font-size:14px;margin:0 4px;color:#e8c98d}
#shipyard-services nav{display:flex;gap:3px;padding:8px 14px 0;border-bottom:1px solid #344c5e}#shipyard-services nav button{border:0;border-radius:4px 4px 0 0;background:none;padding:9px 10px;color:#8ca9ba;font-size:10px}#shipyard-services nav button[aria-current=page]{color:#b9eeff;background:#1c3d50;box-shadow:inset 0 -2px #8edbfa}
#shipyard-services main{flex:1;min-height:0;overflow:auto;padding:10px 18px 15px;scrollbar-color:#41617a #0d1b27}.yard-intro,.yard-muted{color:#8fa8ba;font-size:10px;line-height:1.6}.yard-intro{margin:0 0 8px!important}.yard-list{display:flex;flex-direction:column;gap:0}.yard-offer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid #294051}.yard-offer>div:first-child{flex:1}.yard-offer strong{font-weight:550;font-size:12px}.yard-offer strong small{color:#90c6da;margin-left:8px}.yard-offer p{font-size:10px;color:#9fb6c7}.yard-offer small{font-size:9px;color:#d7be8d}.yard-actions{display:flex;gap:5px;flex-wrap:wrap;justify-content:end}.yard-spec{color:#74c5de!important;font-variant-numeric:tabular-nums}.yard-offer .yard-subtle{background:none;color:#97b2c2}
#shipyard-services footer{border-top:1px solid #344c5e;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 18px;background:#0b1823}.yard-note{font-size:10px;color:#c0cfda;min-height:15px}.yard-contact{display:grid;grid-template-columns:40% 1fr;gap:15px;align-items:center;padding:14px 0}.yard-contact img{width:100%;filter:drop-shadow(0 0 16px #f0b74d26)}.yard-contact .yard-primary{margin:12px 0}.yard-build-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:8px 0 13px;color:#88aabf;font-size:8px}.yard-build-stats strong{display:block;color:#daf2ff;font-size:14px;margin-top:3px}.yard-build-group{padding:10px 0;border-top:1px solid #294051}.yard-build-group>strong{font-size:11px;color:#9dcfe3}.yard-fitting{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:7px;font-size:10px}.yard-fitting select{max-width:115px;margin-right:4px;padding:5px!important;font-size:9px!important}
#shipyard-docking-status{position:absolute;bottom:16%;left:50%;transform:translateX(-50%);z-index:40;display:flex;align-items:center;gap:9px;max-width:90%;padding:9px 13px;background:#081823e8;border:1px solid #45677c;border-radius:4px;color:#b1d6e7;font:10px system-ui;white-space:nowrap;pointer-events:auto}.yard-status-light{width:5px;height:5px;background:#e5bf77;border-radius:50%;box-shadow:0 0 8px #e5bf7799}
@media(max-width:600px){#shipyard-services{inset:3% 1% 5%}.yard-account{gap:10px;padding:8px 12px}#shipyard-services nav{padding:5px 6px 0}#shipyard-services nav button{padding:8px 6px;font-size:9px}#shipyard-services main{padding:8px 12px}.yard-contact{grid-template-columns:30% 1fr;gap:9px}.yard-contact h2{font-size:20px!important}.yard-offer{gap:8px}.yard-offer button{padding:6px!important;font-size:10px!important}}

#shipyard-services .yard-header-actions{display:flex;gap:13px;align-items:center}#shipyard-services .yard-header-actions button[data-yard-action=lighting]{font-size:10px;padding:4px 8px;background:transparent;color:#91bbcf}

/* The schematic and catalog share space; only the selected upgrade expands. */
#shipyard-services[data-visual=true] main{padding:0;overflow:hidden}
.yard-workspace{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,1fr);height:100%;min-height:0}
.yard-vessel{--line:#36505d;--cyan:#9bdedb;--muted:#8aa6b4;display:flex;flex-direction:column;min-height:0;min-width:0;padding:14px 18px 9px;border-right:1px solid #344c5e;overflow:auto;scrollbar-width:thin;scrollbar-color:#385566 transparent;background:radial-gradient(ellipse at 50% 35%,#23414c55,transparent 70%)}
.yard-vessel-title{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-bottom:12px;flex:none}.yard-vessel-title small{color:#6d9aab;font-size:8px;letter-spacing:1.4px}#shipyard-services .yard-vessel-title h2{font-size:16px;margin:3px 0}.yard-vessel-title>span{color:#83a8bb;font-size:9px;text-align:right}
.yard-vessel .outfit-loadout{flex:1 0 auto;min-height:310px}.yard-vessel .inventory-rig{grid-template-columns:minmax(78px,1fr) minmax(100px,1.25fr) minmax(85px,1fr);gap:9px;min-height:240px;flex:1 0 auto;padding-bottom:25px}
#shipyard-services .inventory-slot{min-height:48px;padding:7px;white-space:normal;gap:5px;border-color:#53747d60;background:linear-gradient(115deg,#203a4599,#111f2bcc)}
#shipyard-services .inventory-slot>span:first-child{font-size:7px;letter-spacing:.08em}#shipyard-services .inventory-slot strong{font-size:9px;line-height:1.3;overflow-wrap:anywhere}#shipyard-services .inventory-slot small{font-size:8px}#shipyard-services .inventory-slot-content{gap:5px}
#shipyard-services .inventory-system-icon,#shipyard-services .inventory-system-icon img,#shipyard-services .inventory-system-icon svg{width:22px;height:22px;object-fit:contain;flex:none}
#shipyard-services .inventory-slot.empty{border-style:dashed;background:#12232b55}#shipyard-services .inventory-slot.compatible{border-color:#8cddd9;box-shadow:0 0 0 1px #8cddd922}#shipyard-services .inventory-slot.selected{background:#315558;border-color:#c0eee3}
.yard-vessel .inventory-weapons,.yard-vessel .inventory-systems{gap:7px}.yard-vessel .inventory-ship canvas{filter:brightness(1.4) drop-shadow(0 8px 18px #0007)}.yard-vessel .inventory-ship-rings{width:95%}.yard-vessel .inventory-ship-label{left:10%;right:10%}.yard-vessel .inventory-ship-label span{font-size:6px}.yard-vessel .inventory-ship-label strong{font-size:9px}
.yard-vessel .inventory-drone-grid{--dot-bay-size:56px;gap:7px}.yard-vessel .inventory-drone-bays>.inventory-section-title{margin-bottom:8px}.yard-vessel .inventory-section-title{display:flex;justify-content:space-between;gap:8px;font-size:9px;color:#88adbc}.yard-vessel .inventory-section-title>strong{font-size:8px;color:#7899a8;font-weight:400}
#shipyard-services .inventory-dot-slot{min-height:0;padding:0}.yard-vessel .yard-build-stats{flex:none;margin-top:12px;padding-bottom:4px;border-top:1px solid #2b4655}.yard-build-stats .previewing{color:#afe0c5}.yard-build-stats i{font-style:normal;color:#afe0c5;font-size:12px}.yard-schematic-note{color:#7395a6;font-size:9px!important;flex:none;padding-top:4px}
.yard-catalog{padding:13px 17px 18px;overflow:auto;min-width:0;min-height:0;scrollbar-width:thin;scrollbar-color:#42617a #0d1b27}
.yard-catalog .yard-offer{gap:10px;padding:12px 0;align-items:flex-start}.yard-catalog .yard-offer>div:first-child{flex:initial}.yard-catalog .yard-offer>div:not(.yard-actions){flex:1;min-width:0}.yard-catalog .yard-offer>button{margin-top:1px}
.yard-offer-symbol{display:grid;place-items:center;flex:none;width:29px;height:32px;color:#a1cbd3}.yard-offer-symbol img{width:29px;height:29px;object-fit:contain}.yard-catalog .yard-offer strong{font-size:11px;line-height:1.4}.yard-catalog .yard-offer strong small{font-size:9px;color:#8babb9}.yard-catalog .yard-offer p{font-size:9px}.yard-catalog .yard-offer .outfit-cost strong{font-size:10px}.yard-catalog .yard-offer .outfit-material{font-size:9px}.yard-catalog .yard-actions{flex-direction:column;gap:4px}.yard-catalog .yard-actions button{font-size:10px;padding:6px 8px}
.yard-upgrade{border-left:2px solid transparent;padding-left:7px!important}.yard-upgrade.selected{border-left-color:#9bd3bf;background:#24483f22}.yard-upgrade-preview{border:1px solid #5e938e70;border-radius:5px;padding:13px;margin-bottom:14px;background:linear-gradient(120deg,#24413f70,#10233099)}
.yard-preview-heading{display:flex;align-items:center;gap:10px}.yard-preview-heading>div{flex:1;min-width:0}.yard-preview-heading small{font-size:8px;letter-spacing:1px;color:#92baa9}#shipyard-services .yard-preview-heading h2{font-size:15px;margin:3px 0;font-weight:550;line-height:1.3}.yard-preview-heading>button{padding:1px 5px!important;font-size:17px!important;border:0!important;background:none!important}
.yard-upgrade-preview>p{font-size:10px;color:#9bb9c8}.yard-change{display:flex;align-items:baseline;gap:12px;margin:10px 0 8px;padding:9px 0;border-bottom:1px solid #45625f66}.yard-change strong{font-size:23px;font-weight:500;color:#d9ebe8}.yard-change strong:nth-of-type(2){color:#b2e0bf}.yard-change>span{color:#6d9c95}.yard-change small{font-size:9px;color:#87aaa8}.yard-preview-limits{display:flex;justify-content:space-between;gap:8px;color:#98b5ba;font-size:9px}
.yard-upgrade-preview .outfit-cost{margin:13px 0}.yard-upgrade-preview .outfit-material{font-size:10px}.yard-upgrade-preview .yard-placement-help{color:#afd4c0!important;padding:9px 0 4px}.yard-preview-reason{font-size:9px!important;color:#c2bd9b!important;margin:9px 0!important}.yard-cancel-preview{border:0!important;background:none!important;color:#8faab9!important;margin-left:7px}
.yard-mineral-row{align-items:center!important}.yard-mineral-row>.yard-offer-symbol{width:38px;height:38px}.yard-mineral-row>.yard-offer-symbol img{width:36px;height:36px}.yard-mineral-row>strong{font-size:15px!important;text-align:right}.yard-mineral-row>strong small{display:block;font-size:7px!important;letter-spacing:.5px;font-weight:400}
.yard-locker-item{display:flex;gap:9px;padding:12px 0;border-bottom:1px solid #294051}.yard-locker-item>div{flex:1;min-width:0}.yard-locker-item strong{font-size:11px;font-weight:500}.yard-locker-item p{font-size:9px;color:#86a7bb}.yard-locker-item.selected{background:#24483f33}.yard-locker-item .yard-fitting{justify-content:start;gap:5px;flex-wrap:wrap}.yard-locker-item .yard-fitting>button,.yard-locker-item .yard-fitting>select{font-size:9px!important;padding:5px 7px!important;margin:0}.yard-section-caption{display:flex;justify-content:space-between;color:#96b9c8;letter-spacing:.7px;font-size:9px;padding:10px 0 4px}.yard-section-caption span{color:#7391a4;letter-spacing:0}
#shipyard-services .outfit-target,#shipyard-services .outfit-ghost{white-space:normal;min-height:46px;padding:5px}#shipyard-services .outfit-target{border-style:dashed;border-color:#537c7c;background:#25444233}#shipyard-services .inventory-drone-grid>.outfit-mount{min-height:0;padding:2px}
@media(max-width:1000px){.yard-vessel{padding:11px 12px 8px}.yard-catalog{padding:11px 12px}.yard-vessel .inventory-rig{gap:6px;grid-template-columns:minmax(65px,1fr) minmax(72px,1fr) minmax(75px,1fr)}#shipyard-services .inventory-slot{padding:6px;min-height:47px}#shipyard-services .inventory-slot-content{gap:4px}#shipyard-services .inventory-system-icon,#shipyard-services .inventory-system-icon img,#shipyard-services .inventory-system-icon svg{width:18px;height:18px}.yard-vessel .inventory-drone-grid{--dot-bay-size:48px;gap:6px}.yard-catalog .yard-offer-symbol{width:23px}.yard-catalog .yard-offer-symbol img,.yard-catalog .yard-offer-symbol svg{width:23px;height:23px}}
@media(max-width:680px){#shipyard-services[data-visual=true] main{overflow:auto}.yard-workspace{display:block;height:auto}.yard-vessel{min-height:390px;border-right:0;border-bottom:1px solid #344c5e}.yard-vessel .outfit-loadout{min-height:270px}.yard-vessel .inventory-rig{min-height:215px;grid-template-columns:minmax(85px,1fr) minmax(120px,1.4fr) minmax(90px,1fr)}.yard-catalog{overflow:visible}.yard-vessel .inventory-ship{min-height:180px}.yard-vessel-title{margin-bottom:7px}.yard-vessel .inventory-drone-grid{--dot-bay-size:48px}.yard-vessel .inventory-weapons,.yard-vessel .inventory-systems{gap:5px}.yard-account .outfit-material{font-size:9px}.yard-account .outfit-mineral-icon{width:20px;height:20px}.yard-budget{font-size:9px}}