/* Presentation only; existing calculations, modal behaviour and print styles retained. */
@media screen{
:is(.sales-workspace,.purchases-workspace) .main .panel-head{flex-wrap:wrap;gap:18px}
:is(.sales-workspace,.purchases-workspace) .main :is(.filter-row,.report-filter,.purchase-filters){flex-wrap:wrap;gap:14px;padding:18px;border:1px solid #dfe7f0;border-radius:12px;background:#f7f9fc}
:is(.sales-workspace,.purchases-workspace) .main .filter-row>label{flex:1 1 150px;max-width:240px;min-width:0}
.sales-workspace .form-section{padding:28px;border-bottom:1px solid #e2e9f1}
.sales-workspace .form-section h2{display:flex;align-items:center;gap:10px;margin-top:0;margin-bottom:24px}
.sales-workspace .form-step{display:inline-grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border-radius:9px;background:#eaf1f8;color:#204663;font-size:14px}
.sales-workspace .form-section .form-grid{gap:20px 24px}
.sales-workspace #agreement-note{margin:20px 28px;padding:14px 16px;background:#f2f7fb;border-left:3px solid #476d8e;border-radius:6px;color:#35536e;line-height:1.6}
.sales-workspace .form-total{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px;padding:24px 28px;background:#102c49;color:#fff;border-radius:0 0 14px 14px}
.sales-workspace .form-total>span{color:#d5e1ec}.sales-workspace .form-total>strong{color:white;font-size:clamp(26px,3vw,36px);overflow-wrap:anywhere;line-height:1.3}
.sales-workspace .form-total small{display:block;color:#d5e1ec;line-height:1.5}
.sales-workspace .sales-period-summary dl>div{border:1px solid #e5ebf2;background:#f8fafc;border-radius:10px}
.purchases-workspace .purchase-tabs{gap:8px;padding:8px;border:1px solid #dfe7ef;border-radius:12px;background:white}
.purchases-workspace .purchase-tabs a{border-color:transparent;color:#36536e;min-height:42px;display:inline-flex;align-items:center;font-weight:650;padding:9px 14px}
.purchases-workspace .purchase-tabs a.active{background:#173b59!important;border-color:#173b59!important;color:white}
.purchases-workspace .purchase-tabs a:hover:not(.active){background:#eef4f9}
.purchases-workspace #purchase-register :is(th,td):nth-child(4),.purchases-workspace #purchase-register :is(th,td):nth-child(5){text-align:right;font-variant-numeric:tabular-nums}
.purchases-workspace #purchase-register td{vertical-align:top}
.purchases-workspace .fuel-invoice-totals{padding:22px;border:1px solid #cadbe9;border-radius:12px;background:#f1f6fb;gap:18px}
.purchases-workspace .fuel-invoice-totals>div>strong{display:block;font-size:28px;color:#153b59;overflow-wrap:anywhere}
.purchases-workspace .receipt-submit-bar{padding:22px;border:1px solid #dce5ee;border-radius:12px;background:#f8fafc;gap:18px}
.purchases-workspace .receipt-submit-bar p{line-height:1.6;color:#526579;max-width:75ch}
.purchases-workspace .invoice-actions{gap:10px}.purchases-workspace .status-pill{font-weight:650;line-height:1.4}
.petrometa-portal .portal-welcome{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:12px 0 8px}
.petrometa-portal .portal-welcome h1{margin:5px 0;font-size:clamp(24px,3vw,32px);overflow-wrap:anywhere}
.petrometa-portal .portal-eyebrow{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#526d85;font-weight:700}
.petrometa-portal .portal-welcome nav{display:flex;gap:10px;flex-wrap:wrap}
.petrometa-portal .portal-welcome nav a{display:inline-flex;padding:10px 14px;border:1px solid #d0dce7;border-radius:8px;background:white;color:#173b59;text-decoration:none;font-weight:650}
.petrometa-portal .portal-welcome nav a:first-child{background:#173b59;color:white;border-color:#173b59}
.petrometa-portal .portal-overview{align-items:stretch;gap:20px}.petrometa-portal .portal-overview h2{margin-top:0}
.petrometa-portal .portal-balance{background:linear-gradient(120deg,#102c49,#244d6b);color:white;border:0}
.petrometa-portal .portal-balance h2{color:#d8e5ef;font-size:16px}.petrometa-portal .portal-balance>strong{display:block;font-size:clamp(30px,4vw,42px);line-height:1.3;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.petrometa-portal .portal-balance small{color:#d8e5ef}.petrometa-portal .portal-balance p{color:#e7eff6}
.petrometa-portal .portal-section-heading{border-bottom:1px solid #e1e8f0;padding-bottom:18px;margin-bottom:20px}.petrometa-portal .portal-section-heading h2{margin:5px 0}.petrometa-portal .portal-section-heading p{margin:8px 0 0;color:#526778}
.petrometa-portal .portal-request .grid{gap:18px 22px;align-items:start}.petrometa-portal .portal-request label{font-weight:600;min-width:0}.petrometa-portal .portal-request input,.petrometa-portal .portal-request select{min-height:46px}
.petrometa-portal .portal-request .request-estimate{padding:22px;background:#f0f6fb;border:1px solid #cbdde9;border-left:4px solid #244d6b;border-radius:10px}
.petrometa-portal #request-estimate{font-size:clamp(21px,2.5vw,28px);line-height:1.4;overflow-wrap:anywhere}
.petrometa-portal .portal-request-record{padding:20px;margin:16px 0;border:1px solid #dce6ef;border-radius:12px;background:#fafcfe}
.petrometa-portal .portal-request-record>strong{font-size:17px}.petrometa-portal .portal-request-record>small{margin-top:6px}
.petrometa-portal .portal-request-status{display:inline-block;padding:4px 10px;margin-top:6px;border-radius:6px;background:#e8eff6;color:#214967;font-size:13px}
.petrometa-portal .portal-request-record button{background:white;color:#8a3030;border:1px solid #d9b8b8;min-height:40px}
.petrometa-portal #request-fuel,.petrometa-portal #request-history{scroll-margin-top:24px}
@media(max-width:700px){.sales-workspace .form-section{padding:20px}.sales-workspace #agreement-note{margin:16px 20px}.sales-workspace .form-total{padding:20px}.sales-workspace .form-total>button{width:100%!important}.purchases-workspace .purchase-tabs a{padding:8px 10px;font-size:13px}:is(.sales-workspace,.purchases-workspace) .main .filter-row>label{max-width:none}.petrometa-portal .portal-overview{grid-template-columns:1fr;gap:0}.petrometa-portal .portal-request .grid{grid-template-columns:1fr}.petrometa-portal .portal-request-record{padding:16px}}
}