#bunker{background:#f3f7f8;min-height:calc(100vh - 72px);padding-bottom:60px;color:#102f3a}
.bunker-titlebar{padding:34px 4.5% 24px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;background:linear-gradient(120deg,#062f3e 0%,#0b4856 62%,#106476 100%);color:#fff}
.bunker-titlebar h1{font-size:clamp(28px,3.2vw,46px);margin:5px 0 8px;letter-spacing:-1.5px}.bunker-titlebar p:not(.eyebrow){max-width:760px;color:#c8dde2;line-height:1.65}.bunker-actions{display:flex;gap:10px;flex-shrink:0}.bunker-titlebar .secondary{background:#fff;color:#123d49;border-color:#fff}
.bunker-commandbar{margin:0;padding:15px 4.5%;display:grid;grid-template-columns:1.35fr 1fr 1fr .75fr;gap:24px;background:#082f3c;color:#fff;border-top:1px solid #235564}.bunker-commandbar>div,.bunker-commandbar>label{display:flex;align-items:center;gap:10px}.bunker-commandbar label{flex-direction:column;align-items:flex-start}.bunker-commandbar span,.bunker-commandbar label>span{font-size:10px;letter-spacing:1.2px;color:#8eb0b8;font-weight:800}.bunker-commandbar select{width:100%;background:transparent;color:#fff;border:0;padding:0;font-weight:700}.bunker-commandbar b{display:block;font-size:13px}.bunker-commandbar small{display:block;color:#8eb0b8}.bunker-commandbar .zero b{color:#55e1bd}.bunker-live{width:9px;height:9px;border-radius:50%;background:#55e1bd;box-shadow:0 0 0 5px #55e1bd22}
.bunker-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:24px 4.5% 12px}.bunker-kpis article{background:#fff;border:1px solid #dce7e9;border-radius:13px;padding:18px 20px;box-shadow:0 6px 18px #153b4610}.bunker-kpis small,.tank-reading>small,.quality-card>small,.fuel-insights>small{font-size:10px;letter-spacing:1.2px;font-weight:800;color:#718b92}.bunker-kpis b{display:block;font-size:27px;margin:5px 0}.bunker-kpis span{font-size:12px;color:#71838a}.bunker-kpis .range{border-top:3px solid #13aeb2}.bunker-kpis .attention{border-top:3px solid #f3a633}
.bunker-tabs{margin:10px 4.5% 18px;display:flex;gap:5px;padding:5px;background:#e6eef0;border-radius:11px;width:max-content;max-width:91%;overflow:auto}.bunker-tabs button{border:0;background:transparent;padding:11px 18px;border-radius:8px;color:#547078;font-weight:800;white-space:nowrap}.bunker-tabs button.active{background:#fff;color:#0c5f6b;box-shadow:0 3px 12px #143e4914}.bunker-tabs span{margin-left:5px;background:#e8a531;color:#fff;border-radius:10px;padding:2px 6px;font-size:9px}
.bunker-panel{display:none;padding:0 4.5%}.bunker-panel.active{display:block}.bunker-card{background:#fff;border:1px solid #dbe6e8;border-radius:14px;padding:22px;box-shadow:0 8px 24px #173b4610}.bunker-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px}.bunker-panel-head h2,.tank-reading h2,.quality-card h2,.fuel-insights h2{margin:0 0 5px;font-size:20px}.bunker-panel-head p,.tank-reading p,.fuel-insights p{margin:0;color:#71858b;font-size:13px}.source-badge,.linked,.delivery-status{font-size:9px;letter-spacing:1px;background:#e8f7f5;color:#08756c;border-radius:12px;padding:6px 9px;font-weight:800}.tank-layout{display:grid;grid-template-columns:minmax(0,2fr) 340px;gap:18px}.tank-grid{display:grid;gap:13px}.tank-item{display:grid;grid-template-columns:220px 1fr 52px;align-items:center;gap:18px;padding:16px;border:1px solid #e3ecee;border-radius:10px}.tank-item small,.tank-item span{display:block;color:#789097;font-size:10px}.tank-item b{display:block;font-size:20px;margin:3px 0}.tank-item>i{height:10px;background:#e4ecee;border-radius:10px;overflow:hidden}.tank-item>i em{display:block;height:100%;border-radius:10px;background:linear-gradient(90deg,#0c92a1,#26c6b4)}.tank-item strong{color:#0b6f78}.tank-reading label{display:block;font-size:11px;font-weight:800;color:#607980;margin:14px 0;position:relative}.tank-reading input,.tank-reading select,.planner-form input,.planner-form select{width:100%;margin-top:6px;padding:11px 12px;border:1px solid #cfdee1;border-radius:8px;background:#fff;color:#183c46}.tank-reading label span,.planner-form label span{position:absolute;right:12px;bottom:12px;font-size:10px;color:#789097}.tank-reading .full,.quality-card .full,.fuel-insights .full{margin-top:8px}
.planner-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:18px}.planner-form{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:10px;align-items:end}.planner-form label{position:relative;font-size:11px;font-weight:800;color:#607980}.planner-form button{height:41px}.fuel-plan-results{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px}.fuel-plan-results article{padding:17px;background:#f4f8f9;border-radius:10px}.fuel-plan-results small{font-size:9px;font-weight:800;color:#748c92}.fuel-plan-results b{display:block;font-size:21px;margin:4px 0}.fuel-plan-results span{font-size:10px;color:#7b8e93}.fuel-plan-results .highlight{background:#0d6975;color:#fff}.fuel-plan-results .highlight small,.fuel-plan-results .highlight span{color:#b8dadd}.bunker-quotes{display:grid;gap:10px}.bunker-quotes article{display:grid;grid-template-columns:1.25fr .75fr 1fr auto;gap:12px;align-items:center;padding:13px;border:1px solid #e0e9eb;border-radius:10px}.bunker-quotes b,.bunker-quotes span,.bunker-quotes small{display:block}.bunker-quotes div>b{font-size:13px}.bunker-quotes span,.bunker-quotes p,.bunker-quotes small{font-size:10px;color:#72878c}.bunker-quotes strong{font-size:14px}.bunker-quotes em{font-style:normal;font-size:8px;font-weight:800;color:#c47b04}.bunker-quotes em.fast{color:#126eac}.bunker-quotes em.green{color:#11836c}.bunker-quotes button{border:1px solid #0a7783;background:#fff;color:#0a7783;border-radius:7px;padding:9px;font-weight:800}.bunker-quotes article.selected{border-color:#10a998;background:#f0fbf9}.bunker-quotes article.selected button{background:#0a7783;color:#fff}.bunker-fee-proof{display:grid;grid-template-columns:1fr auto;gap:6px;border-top:1px solid #e3ebed;margin-top:14px;padding-top:13px;font-size:11px}.bunker-fee-proof b:last-child{color:#0a947e}
.delivery-layout{display:grid;grid-template-columns:minmax(0,1.5fr) 360px;gap:18px}.delivery-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.delivery-metrics article{background:#f5f8f9;border-radius:9px;padding:13px}.delivery-metrics small{font-size:9px;color:#71868d}.delivery-metrics b{display:block;font-size:17px;margin-top:4px}.delivery-metrics .ok b{color:#087967}.delivery-checklist{display:grid;gap:9px;margin:18px 0}.delivery-checklist label{display:flex;gap:12px;align-items:center;border:1px solid #e0e9eb;border-radius:9px;padding:13px}.delivery-checklist input{accent-color:#0aa18f;width:17px;height:17px}.delivery-checklist b,.delivery-checklist small{display:block}.delivery-checklist small{color:#788d92;margin-top:3px}.delivery-progress{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:16px 0}.delivery-progress b,.delivery-progress small{display:block}.delivery-progress small{color:#71868c}.delivery-progress>i{width:180px;height:7px;background:#dce8e9;border-radius:6px;overflow:hidden}.delivery-progress em{display:block;height:100%;background:#10aa91}.quality-list{display:grid;gap:2px;margin:17px 0}.quality-list div{display:grid;grid-template-columns:1fr auto auto;gap:9px;border-bottom:1px solid #e7edef;padding:11px 0;font-size:12px}.quality-list em{font-style:normal;color:#0b8e76;font-size:9px;font-weight:800}
.analytics-layout{display:grid;grid-template-columns:minmax(0,1.5fr) 360px;gap:18px}.fuel-chart{height:255px;display:flex;align-items:end;gap:7%;padding:20px 7% 0;border-bottom:1px solid #dbe6e8;background:repeating-linear-gradient(to top,#edf3f4 0,#edf3f4 1px,transparent 1px,transparent 25%)}.fuel-chart div{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.fuel-chart i{display:block;width:100%;height:var(--h);background:linear-gradient(#0cc2b1,#0b7687);border-radius:7px 7px 0 0}.fuel-chart span{font-size:9px;font-weight:800;color:#738a90;padding:8px}.fuel-chart-legend{display:flex;gap:18px;margin-top:14px;color:#6a8188;font-size:11px}.fuel-chart-legend i{display:inline-block;width:8px;height:8px;background:#0b9c9b;border-radius:50%;margin-right:5px}.fuel-insights dl{margin:16px 0}.fuel-insights dl div{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #e6edef}.fuel-insights dt{color:#71878c}.fuel-insights dd{font-weight:800}.link-button{width:100%;border:0;background:transparent;color:#087884;padding:12px;font-weight:800}
@media(max-width:1050px){.bunker-commandbar{grid-template-columns:1fr 1fr}.bunker-kpis{grid-template-columns:1fr 1fr}.tank-layout,.planner-layout,.delivery-layout,.analytics-layout{grid-template-columns:1fr}.planner-form{grid-template-columns:1fr 1fr}.tank-reading,.quality-card,.fuel-insights{max-width:none}.bunker-quotes article{grid-template-columns:1fr 1fr}}
@media(max-width:650px){#bunker{padding-bottom:92px}.bunker-titlebar{padding:25px 18px;align-items:stretch;flex-direction:column}.bunker-actions{display:grid;grid-template-columns:1fr 1fr}.bunker-commandbar{padding:15px 18px;grid-template-columns:1fr}.bunker-kpis{padding:18px;grid-template-columns:1fr 1fr}.bunker-kpis article{padding:14px}.bunker-tabs{margin:0 18px 16px;max-width:calc(100% - 36px)}.bunker-panel{padding:0 18px}.bunker-card{padding:16px}.tank-item{grid-template-columns:1fr 45px}.tank-item>i{grid-column:1/-1}.planner-form,.fuel-plan-results,.delivery-metrics{grid-template-columns:1fr}.bunker-quotes article{grid-template-columns:1fr}.bunker-panel-head{flex-direction:column}.delivery-progress{align-items:flex-start;flex-direction:column}.delivery-progress>i{width:100%}}