/* Presentation only. Scoped to interactive workspaces; print/PDF views retain their styling. */
@media screen {
.petrometa-workspace{--pm-ink:#15314e;--pm-border:#e0e7ef;--pm-muted:#586b80;background:#f3f6fa;color:#24354a}
.petrometa-workspace :is(.main,.admin-main){font-variant-numeric:tabular-nums}
.petrometa-workspace :is(.main,.admin-main)>header{height:auto;min-height:108px;gap:20px;padding-block:22px;flex-wrap:wrap;border-bottom-color:var(--pm-border)}
.petrometa-workspace :is(.main,.admin-main) h1{color:#122d49;font-size:clamp(24px,2.2vw,32px);letter-spacing:-.035em;line-height:1.2}
.petrometa-workspace :is(.main,.admin-main)>header p{color:var(--pm-muted);margin-top:7px}
.petrometa-workspace :is(.panel,.form-card){border-color:var(--pm-border);border-radius:14px;box-shadow:0 3px 16px #17345106}
.petrometa-workspace :is(.panel-head,.cockpit-panel-head){gap:18px}
.petrometa-workspace :is(.panel-head,.cockpit-panel-head) h2{letter-spacing:-.02em}
.petrometa-workspace :is(.main,.admin-main) .empty{padding:28px 18px;color:var(--pm-muted);line-height:1.6}
/* Keep the existing sidebar width, collapse rules, scrolling and menu toggle. */
.petrometa-workspace :is(.sidebar,.admin-side){background:linear-gradient(175deg,#102c49,#0c223b);box-shadow:4px 0 24px #0c223b0a}
.petrometa-workspace .sidebar .nav-group{border:0;border-radius:0;background:none;box-shadow:none;padding-top:12px;padding-bottom:10px;gap:3px}
.petrometa-workspace .sidebar .nav-group+.nav-group{border-top:1px solid #ffffff14}
.petrometa-workspace .sidebar .nav-group-label{color:#a9bed3;letter-spacing:.12em}
.petrometa-workspace .sidebar .nav-group-label::before,.petrometa-workspace .sidebar .nav-group-label::after{display:none}
.petrometa-workspace :is(.sidebar,.admin-side) nav a{border-radius:8px;transition:background-color .15s,color .15s;line-height:1.4}
.petrometa-workspace :is(.sidebar,.admin-side) nav a.active{background:#ffffff14;color:#fff;box-shadow:inset 3px 0 #ff7a18}
.petrometa-workspace :is(.sidebar,.admin-side) nav a:hover{background:#ffffff0c;color:#fff}
.petrometa-workspace :is(.sidebar,.admin-side) nav a:focus-visible{outline:2px solid #ffad6f;outline-offset:-2px}
.petrometa-workspace .menu-controls .menu-toggle{border-color:var(--pm-border);border-radius:9px;box-shadow:0 2px 5px #17345104}
/* Keep original control sizes and all disabled/read-only/validation behaviour. */
.petrometa-workspace :is(.main,.admin-main,main) :is(input,select,textarea):focus-visible{outline:2px solid #b64b08;outline-offset:2px;box-shadow:0 0 0 4px #ffedd5!important}
.petrometa-workspace :is(button,a):focus-visible{outline:2px solid #b64b08;outline-offset:3px}
.petrometa-workspace :is(.main,.admin-main) :is(.secondary,.secondary-action){box-shadow:0 1px 3px #17345108}
.petrometa-workspace :is(.main,.admin-main) .table-wrap{border-radius:10px}
.petrometa-workspace :is(.main,.admin-main,main) table{font-variant-numeric:tabular-nums}
.petrometa-workspace :is(.main,.admin-main,main) th{background:#f4f7fb;color:#50627a;letter-spacing:.035em;line-height:1.45}
.petrometa-workspace :is(.main,.admin-main,main) td{border-bottom-color:#edf1f6;line-height:1.55}
.petrometa-workspace :is(.main,.admin-main,main) tbody tr:hover{background-color:#f5f9fd}
.petrometa-workspace :is(.main,.admin-main) .status{border-radius:6px}
/* Dashboard */
.petrometa-workspace .cockpit-hero{min-height:260px;border-radius:18px;background:radial-gradient(ellipse at 100% 0,#255678 0,transparent 65%),linear-gradient(120deg,#102c49,#122f4e);box-shadow:0 10px 28px #102c4914;margin-bottom:22px}
.petrometa-workspace .hero-copy{padding:34px}
.petrometa-workspace .hero-copy h2{font-size:clamp(30px,3.2vw,46px);overflow-wrap:anywhere;line-height:1.2;letter-spacing:-.04em}
.petrometa-workspace .hero-copy p{color:#cfdae7;line-height:1.6}
.petrometa-workspace .hero-actions{flex-wrap:wrap;gap:12px}
.petrometa-workspace .hero-actions a{border-radius:8px;min-height:44px}
.petrometa-workspace .hero-actions .hero-primary{background:#ff7a18;border-color:#ff7a18;color:#182b40}
.petrometa-workspace .hero-volume{min-width:0;gap:20px}
.petrometa-workspace .volume-orbit{width:auto;min-width:132px;min-height:132px;max-width:100%;padding:12px;border-width:9px}
.petrometa-workspace .volume-orbit>span{overflow-wrap:anywhere}
.petrometa-workspace .fuel-mix{min-width:0}
.petrometa-workspace .fuel-mix>div{flex-wrap:wrap}
.petrometa-workspace .cockpit-signals{gap:16px;margin-bottom:22px;grid-template-columns:repeat(4,minmax(0,1fr))}
.petrometa-workspace .cockpit-signals article{align-items:flex-start;padding:20px 16px;border-radius:12px;border-color:var(--pm-border);box-shadow:0 3px 14px #17345105;min-width:0}
.petrometa-workspace .cockpit-signals article>div{min-width:0}
.petrometa-workspace .cockpit-signals strong{font-size:clamp(18px,1.6vw,24px);letter-spacing:-.025em;overflow-wrap:anywhere}
.petrometa-workspace .cockpit-signals small{color:var(--pm-muted);line-height:1.5;margin-top:5px}
.petrometa-workspace .signal-icon{border-radius:10px}
.petrometa-workspace .cockpit-grid{gap:22px;margin-bottom:22px}
.petrometa-workspace .cockpit-panel-head p{color:var(--pm-muted);line-height:1.6}
.petrometa-workspace .cockpit-panel-head>div>span{color:#a8490c}
.petrometa-workspace .tank-radar-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:14px}
.petrometa-workspace .tank-radar .tank-graphic-card{border-radius:12px;background:linear-gradient(125deg,#f0f8f8,#fff);border-color:#dceae9}
.petrometa-workspace .tank-radar .tank-graphic-card.tank-low{background:#fffaf2;border-color:#f1d5ae}
.petrometa-workspace .tank-awaiting{border-radius:12px;background:#f8fafc}
.petrometa-workspace .tank-stock-value{overflow-wrap:anywhere}
.petrometa-workspace .action-dock-grid{gap:12px}
.petrometa-workspace .action-dock-grid a{padding:16px 12px;border-radius:10px;background:#fbfcfe}
.petrometa-workspace .action-dock-grid a:hover{transform:none;background:#fff7ed}
.petrometa-workspace .action-dock-grid i{border-radius:8px;background:#eaf0f7}
.petrometa-workspace .station-setup{margin-block:24px}
.petrometa-workspace .station-setup .cockpit-signals article{background:#f8fafc;box-shadow:none;padding:16px}
.petrometa-workspace .station-setup .cockpit-signals strong{font-size:22px}
.petrometa-workspace .activity-stream td:nth-last-child(-n+2),.petrometa-workspace .activity-stream th:nth-last-child(-n+2){text-align:right}
/* Portal retains its own layout and all account/request forms. */
.petrometa-portal>header{padding-block:24px;border-bottom:1px solid var(--pm-border)}
.petrometa-portal .portal-brand{color:#15314e;letter-spacing:-.02em}
.petrometa-portal .panel{padding:26px;border-radius:16px}
.petrometa-portal h2{letter-spacing:-.025em;color:#15314e}
.petrometa-portal .actions a{text-underline-offset:4px}
.petrometa-portal .actions button{background:#fff;color:#15314e;border:1px solid #cbd5e1}
@media(min-width:1101px){.petrometa-workspace .sidebar nav a{min-height:43px;padding-top:10px;padding-bottom:10px}.petrometa-workspace .sidebar nav{gap:6px}}
@media(max-width:1250px){.petrometa-workspace .cockpit-signals{grid-template-columns:repeat(2,minmax(0,1fr))}.petrometa-workspace .hero-volume{flex-wrap:wrap}}
@media(max-width:760px){.petrometa-workspace .hero-copy{padding:26px}.petrometa-workspace .hero-volume{padding:0 26px 26px}.petrometa-workspace .cockpit-grid{grid-template-columns:minmax(0,1fr)}.petrometa-workspace .cockpit-panel-head{flex-wrap:wrap}.petrometa-workspace .cockpit-signals{gap:12px}.petrometa-portal .panel{padding:20px}}
@media(max-width:480px){.petrometa-workspace .cockpit-signals{grid-template-columns:minmax(0,1fr)}.petrometa-workspace .hero-actions a{width:100%;justify-content:center}.petrometa-workspace .tank-awaiting-graphic{align-items:flex-start}.petrometa-workspace :is(.main,.admin-main)>header{padding-block:18px}}
@media(prefers-reduced-motion:reduce){.petrometa-workspace :is(.sidebar,.admin-side) nav a{transition:none}}
}
/* Visual review: let an unpaired alert fill the row instead of leaving a grey gap. */
@media screen{
.petrometa-workspace .operations-watch-grid>article:last-child:nth-child(odd){grid-column:1/-1}
html.menu-hidden .petrometa-workspace .table-wrap{max-width:100%}
}