@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');
.warehouse-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 24px;
}
.location-filter,
.delivery-filter {
    display: flex;
    align-items: end;
    gap: 10px;
    margin-bottom: 20px;
}
.location-filter label,
.delivery-filter label {
    width: min(100%, 390px);
}
.admin-tabs {
    max-width: 100%;
    flex-wrap: wrap;
}
[hidden] {
    display: none !important;
}
:root {
    --navy: #0b2858;
    --navy2: #071d43;
    --amber: #f5a30b;
    --amber2: #ffbf38;
    --ink: #172033;
    --muted: #6f7887;
    --line: #e4e8ef;
    --bg: #f3f5f8;
    --white: #fff;
    --green: #16845b;
    --red: #c53b42;
    --shadow: 0 16px 45px rgba(11, 40, 88, 0.1);
}
* {
    box-sizing: border-box;
}
html {
    scroll-behavior: auto;
}
html.stargas-restoring{background:var(--bg)}
html.stargas-restoring body{visibility:hidden}
.system-loading-shield{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;gap:10px;background:rgba(243,245,248,.72);color:var(--navy);opacity:0;pointer-events:all;transition:opacity .08s linear;backdrop-filter:blur(1px)}
.system-loading-shield.visible{opacity:1}.system-loading-shield span{width:12px;height:12px;background:var(--amber);border-radius:50%;box-shadow:0 0 0 5px rgba(245,163,11,.16)}.system-loading-shield b{font-size:13px}
body {
    margin: 0;
    color: var(--ink);
    font-family: 'DM Sans', sans-serif;
    background: #fff;
}
h1,
h2,
h3,
h4,
b,
.brand {
    font-family: 'Manrope', sans-serif;
}
a {
    text-decoration: none;
    color: inherit;
}
button,
input,
select,
textarea {
    font: inherit;
}
/* Quantities are typed directly; browser increment/decrement controls are intentionally hidden. */
input[type='number'] {
    appearance: textfield;
    -moz-appearance: textfield;
}
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
    margin: 0;
    -webkit-appearance: none;
}
.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 46px;
    padding: 0 22px;
    border: 0;
    border-radius: 12px;
    font-weight: 700;
    cursor: pointer;
}
.btn.primary {
    background: var(--amber);
    color: #11213b;
    box-shadow: 0 8px 22px rgba(245, 163, 11, 0.25);
}
.btn.secondary {
    background: #eaf0f8;
    color: var(--navy);
}
.btn.glass {
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.35);
    color: #fff;
}
.btn.danger {
    background: #b92f3a;
    color: white;
}
.btn.text {
    background: transparent;
    color: var(--muted);
}
.btn.small {
    min-height: 38px;
    padding: 0 16px;
}
.btn.wide {
    width: 100%;
}
.eyebrow {
    font-size: 11px !important;
    font-weight: 800;
    letter-spacing: 0.16em;
    color: var(--amber);
    margin: 0 0 8px !important;
}
.subtle {
    color: var(--muted);
}
.brand {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--navy);
    font-size: 20px;
    letter-spacing: 0.04em;
}
.brand span {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    background: var(--amber);
    border-radius: 11px;
    color: var(--navy);
    font-size: 22px;
}
.brand.inverse {
    color: #fff;
}
.brand-logo {
    display: block;
    width: auto;
    height: 58px;
    max-width: 190px;
    object-fit: contain;
    border-radius: 8px;
}
.site-header .brand-logo {
    height: 60px;
}
.auth-visual .brand-logo {
    height: 74px;
    max-width: 230px;
}
.site-header {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    width: 100%;
    height: 82px;
    padding: 0 6vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fff;
}
.site-header nav {
    display: flex;
    align-items: center;
    gap: 28px;
    font-weight: 600;
}
.hero {
    height: min(820px, 90vh);
    min-height: 650px;
    background: url('images/sg4-badas-mati.jpg') center/cover;
    position: relative;
    display: flex;
    align-items: center;
    padding: 90px 8vw 30px;
    color: #fff;
}
.hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        90deg,
        rgba(4, 19, 45, 0.94) 0%,
        rgba(4, 19, 45, 0.72) 42%,
        rgba(4, 19, 45, 0.08) 78%
    );
}
.hero-copy {
    position: relative;
    z-index: 1;
    max-width: 680px;
}
.hero h1 {
    font-size: clamp(45px, 6vw, 82px);
    line-height: 1.02;
    letter-spacing: -0.055em;
    margin: 14px 0 24px;
}
.hero-copy > p:not(.eyebrow) {
    max-width: 570px;
    color: #d8e0ed;
    font-size: 18px;
    line-height: 1.65;
}
.hero-actions {
    display: flex;
    gap: 12px;
    margin-top: 32px;
}
.hero-stat {
    position: absolute;
    z-index: 1;
    right: 7vw;
    bottom: 42px;
    background: rgba(7, 29, 67, 0.85);
    backdrop-filter: blur(12px);
    padding: 18px 24px;
    border-left: 3px solid var(--amber);
    display: flex;
    align-items: center;
    gap: 14px;
}
.hero-stat b {
    font-size: 30px;
}
.hero-stat span {
    max-width: 100px;
    font-size: 12px;
    color: #d7dfeb;
}
.section {
    padding: 100px 7vw;
}
.section.muted {
    background: #f3f5f8;
}
.section-heading {
    max-width: 650px;
    margin-bottom: 38px;
}
.section-heading h2,
.cta h2 {
    font-size: clamp(34px, 4vw, 54px);
    letter-spacing: -0.04em;
    margin: 8px 0;
}
.section-heading > p:last-child,
.feature-grid p,
.station-card p,
.cta > p:not(.eyebrow) {
    color: var(--muted);
    line-height: 1.6;
}
.section-heading.split {
    max-width: none;
    display: flex;
    justify-content: space-between;
    align-items: end;
}
.section-heading.split > p {
    max-width: 380px;
}
.feature-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
}
.feature-grid article {
    padding: 34px;
    border: 1px solid var(--line);
    border-radius: 18px;
}
.feature-icon {
    display: grid;
    place-items: center;
    width: 52px;
    height: 52px;
    border-radius: 14px;
    background: #fff2d6;
    color: var(--navy);
    font-size: 25px;
}
.station-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
}
.station-card {
    background: white;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: var(--shadow);
}
.station-card img {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 10;
    height: auto;
    object-fit: cover;
    object-position: center 65%;
}
.station-card > div {
    padding: 24px;
}
.station-card h3 {
    margin: 12px 0 4px;
}
.station-card a {
    color: var(--navy);
    font-weight: 800;
}
.status-dot {
    font-size: 11px;
    font-weight: 800;
    color: var(--green);
}
.brand-banner {
    margin: 0 7vw 90px;
    border-radius: 26px;
    overflow: hidden;
    box-shadow: var(--shadow);
}
.brand-banner img {
    display: block;
    width: 100%;
    height: auto;
}
footer {
    padding: 30px 7vw;
    background: #061a3b;
    color: #b9c4d4;
    display: flex;
    align-items: center;
    gap: 28px;
    justify-content: space-between;
}
footer div {
    display: grid;
    gap: 5px;
}
footer div span {
    max-width: 560px;
    line-height: 1.45;
}
footer a {
    color: #fff;
    font-weight: 800;
    white-space: nowrap;
}
.auth-page {
    min-height: 100vh;
    background: #f2f4f8;
    display: grid;
    grid-template-columns: minmax(400px, 1.2fr) minmax(400px, 0.8fr);
}
.auth-visual {
    padding: 50px 6vw;
    background:
        linear-gradient(rgba(5, 24, 57, 0.5), rgba(5, 24, 57, 0.83)),
        url('images/sg4-badas-mati.jpg') center/cover;
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.auth-visual h1 {
    font-size: clamp(42px, 5vw, 72px);
    letter-spacing: -0.05em;
    line-height: 1.02;
    margin: 14px 0;
}
.auth-visual p:last-child {
    color: #d7dfeb;
}
.auth-card {
    align-self: center;
    width: min(450px, calc(100% - 50px));
    margin: auto;
    background: #fff;
    padding: 42px;
    border-radius: 22px;
    box-shadow: var(--shadow);
}
.auth-card > .brand-mark {
    width: 52px;
    height: 52px;
    border-radius: 15px;
    display: grid;
    place-items: center;
    background: var(--amber);
    color: var(--navy);
    font-size: 27px;
}
.auth-card h1,
.auth-card h2 {
    font-size: 34px;
    margin: 4px 0 8px;
}
.auth-card form,
.form-grid {
    display: grid;
    gap: 17px;
    margin-top: 26px;
}
label {
    display: grid;
    gap: 7px;
    color: #465066;
    font-size: 13px;
    font-weight: 700;
}
input,
select,
textarea {
    width: 100%;
    padding: 12px 13px;
    border: 1px solid #d7dce5;
    border-radius: 10px;
    background: white;
    color: var(--ink);
    outline: none;
}
input:focus,
select:focus,
textarea:focus {
    border-color: var(--amber);
    box-shadow: 0 0 0 3px rgba(245, 163, 11, 0.14);
}
.back-link {
    display: block;
    margin-top: 20px;
    color: var(--navy);
    font-weight: 700;
    font-size: 13px;
}
.alert {
    padding: 13px 16px;
    border-radius: 10px;
    margin-bottom: 18px;
    background: #e5f6ef;
    color: #0d704d;
    font-weight: 700;
}
.alert.error {
    background: #ffeaeb;
    color: #a52d36;
}
.alert.success {
    background: #e5f6ef;
    color: #0d704d;
}

.notice.warning {
    margin: 0 0 18px;
    padding: 12px 14px;
    border: 1px solid #f0b429;
    border-radius: 10px;
    background: #fff8df;
    color: #7a4b00;
}

.btn:disabled {
    opacity: .48;
    cursor: not-allowed;
    box-shadow: none;
}
.form-error {
    color: var(--red);
    font-size: 13px;
}
.app-body {
    background: var(--bg);
    min-height: 100vh;
}
.sidebar {
    position: fixed;
    inset: 0 auto 0 0;
    width: 248px;
    background: var(--navy2);
    color: #aebbd0;
    padding: 27px 18px;
    display: flex;
    flex-direction: column;
    z-index: 20;
    height: 100dvh;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
}
.sidebar > .brand {
    padding: 0 10px;
}
.sidebar .brand-logo {
    width: 100%;
    height: auto;
    max-height: 76px;
    object-fit: contain;
}
.side-label {
    margin: 34px 12px 14px;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 0.17em;
    color: #687b9a;
}
.sidebar nav {
    display: grid;
    gap: 5px;
    flex: 0 0 auto;
}
.sidebar nav a {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 12px 14px;
    border-radius: 10px;
    font-weight: 600;
    font-size: 14px;
}
.sidebar nav a i {
    font-style: normal;
    font-size: 18px;
}
.sidebar nav a.active,
.sidebar nav a:hover {
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
}
.nav-groups {
    display: grid;
    grid-template-columns: 1fr;
    gap: 5px;
}
.nav-group {
    min-width: 0;
}
.nav-group summary {
    min-height: 54px;
    padding: 9px 12px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.045);
    color: #b9c5d8;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    text-align: left;
    font-size: 13px;
    font-weight: 750;
    list-style: none;
    transition: background .18s ease, border-color .18s ease, color .18s ease;
}
.nav-group summary::-webkit-details-marker {
    display: none;
}
.nav-group summary:hover,
.nav-group.current summary,
.nav-group[open] summary {
    border-color: rgba(255, 255, 255, 0.2);
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
}
.nav-group-icon {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.1);
    font-size: 22px;
    line-height: 1;
}
.nav-group summary b {
    margin-left: auto;
    font-size: 16px;
    transition: transform .18s ease;
}
.nav-group[open] summary b {
    transform: rotate(180deg);
}
.nav-group-links {
    display: grid;
    gap: 4px;
    padding: 6px 0 2px 12px;
    border-left: 1px solid rgba(255, 255, 255, 0.13);
    margin-left: 17px;
}
.sidebar nav .nav-group-links a {
    padding: 9px 12px;
    font-size: 13px;
}
.side-user {
    margin-top: auto;
    padding: 15px 10px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    display: flex;
    align-items: center;
    gap: 10px;
}
.workflow-state {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: var(--bg);
}
.side-user > div:nth-child(2) {
    display: grid;
    min-width: 0;
}
.side-user b {
    color: #fff;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.side-user span {
    font-size: 10px;
}
.side-user > a {
    margin-left: auto;
}
.avatar {
    width: 38px;
    height: 38px;
    flex: none;
    border-radius: 11px;
    background: var(--amber);
    color: var(--navy);
    display: grid;
    place-items: center;
    font-weight: 800;
}
.avatar.small {
    width: 34px;
    height: 34px;
}
.app-shell {
    margin-left: 248px;
    min-height: 100vh;
}
.topbar {
    height: 92px;
    padding: 0 34px;
    background: #fff;
    border-bottom: 1px solid var(--line);
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.topbar h1 {
    font-size: 24px;
    margin: 0;
}
.topbar .eyebrow {
    color: #7a8493;
    margin-bottom: 3px !important;
}
.top-date {
    display: grid;
    text-align: right;
    font-size: 12px;
    color: var(--muted);
}
.top-date b {
    color: var(--ink);
}
.menu-toggle {
    display: none;
}
.app-main {
    padding: 30px 34px 55px;
    max-width: 1600px;
    margin: auto;
}
.welcome {
    padding: 32px 36px;
    background: linear-gradient(115deg, var(--navy2), var(--navy));
    color: white;
    border-radius: 18px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: var(--shadow);
}
.welcome h2 {
    font-size: 29px;
    margin: 3px 0;
}
.welcome p:last-child {
    color: #cad4e4;
    margin: 0;
}
.metric-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 17px;
    margin: 22px 0;
}
.metric-grid.compact {
    grid-template-columns: repeat(3, 1fr);
}
.metric-grid article {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 15px;
    padding: 21px;
    display: grid;
    gap: 7px;
}
.metric-grid article span {
    font-size: 12px;
    color: var(--muted);
    font-weight: 700;
}
.metric-grid article b {
    font-size: 27px;
}
.metric-grid article small {
    color: #87909e;
}
.metric-grid article.warn {
    border-color: #f0c168;
    background: #fffaf0;
}
.content-grid {
    display: grid;
    grid-template-columns: 1.25fr 0.75fr;
    gap: 20px;
}
.purchasing-entry-grid {
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
}
.purchasing-entry-grid > .panel {
    width: 100%;
    padding: 30px 32px;
}
.purchasing-entry-grid > .panel > h3 {
    margin-bottom: 24px;
    font-size: 24px;
}
#purchase-form {
    column-gap: 22px;
    row-gap: 19px;
}
#purchase-form > label:not(.full) {
    min-width: 0;
}
#purchase-form > .checkbox-line {
    display: flex;
    align-items: center;
    align-self: end;
    gap: 10px;
    min-height: 46px;
    padding: 0 14px;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: #f8fafc;
}
#purchase-form > .checkbox-line input {
    flex: 0 0 auto;
    width: 19px;
    height: 19px;
    margin: 0;
}
.purchase-items-wrap {
    width: 100%;
}
.vehicle-edit-link {
    display: inline-grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 3px 12px;
    min-width: 170px;
    padding: 10px 13px;
    border: 1px solid #cbd8e7;
    border-radius: 13px;
    background: #f8fbff;
    color: var(--ink);
    text-decoration: none;
    transition: border-color .16s ease, background .16s ease, box-shadow .16s ease;
}
.vehicle-edit-link b,
.vehicle-edit-link small {
    display: block;
    grid-column: 1;
}
.vehicle-edit-link small {
    color: var(--muted);
}
.vehicle-edit-link span {
    grid-column: 2;
    grid-row: 1 / span 2;
    align-self: center;
    padding: 4px 8px;
    border-radius: 999px;
    background: #e7eff8;
    color: #244b76;
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
}
.vehicle-edit-link:hover,
.vehicle-edit-link:focus-visible {
    border-color: #f7a600;
    background: #fff9ec;
    box-shadow: 0 0 0 3px rgba(247, 166, 0, .14);
    outline: none;
}
.record-edit-link{display:inline-flex;align-items:center;gap:10px;padding:8px 11px;border:1px solid #cbd8e7;border-radius:12px;background:#f8fbff;color:var(--ink);text-decoration:none}.record-edit-link span{padding:3px 7px;border-radius:999px;background:#e7eff8;color:#244b76;font-size:10px;font-weight:800;text-transform:uppercase}.record-edit-link:hover,.record-edit-link:focus-visible{border-color:#f7a600;background:#fff9ec;box-shadow:0 0 0 3px rgba(247,166,0,.14);outline:none}
.dispatch-mode-picker {
    margin-bottom: 18px;
}
.dispatch-mode-picker select {
    width: 100%;
}
.dispatch-workspace-picker {
    display: grid;
    max-width: 390px;
    margin-bottom: 18px;
}
.dispatch-workspace-grid { grid-template-columns: minmax(0,1fr); }
[data-dispatch-workspace-panel][hidden] { display:none !important; }
.dispatch-form-heading {
    margin: 4px 0 16px;
    padding-bottom: 13px;
    border-bottom: 1px solid var(--line);
}
.dispatch-form-heading h4 {
    margin: 3px 0 0;
    font-size: 18px;
}
#multi-trip-panel[hidden],
#single-trip-panel[hidden] {
    display: none !important;
}
.transport-assignment-row {
    display: grid;
    grid-template-columns: minmax(260px,1.4fr) minmax(220px,1fr) minmax(210px,.8fr) auto;
    gap: 14px;
    align-items: end;
    padding: 16px 0;
    border-top: 1px solid var(--line);
}
.transport-assignment-row > div small { display:block; color:var(--muted); margin-top:4px; }
.driver-load-assignment{padding:18px;margin-top:14px;border:1px solid var(--line);border-radius:15px;background:#f8fbff}.driver-load-assignment input{min-width:140px}.driver-load-assignment .btn{margin-top:14px}
@media(max-width:1000px){.transport-assignment-row{grid-template-columns:1fr 1fr}.transport-assignment-row>div{grid-column:1/-1}}
@media(max-width:650px){.transport-assignment-row{grid-template-columns:1fr}.transport-assignment-row>div{grid-column:auto}}
#purchase-items {
    min-width: 1180px;
    table-layout: fixed;
}
#purchase-items th:nth-child(1),#purchase-items td:nth-child(1){width:250px}
#purchase-items th:nth-child(2),#purchase-items td:nth-child(2){width:155px}
#purchase-items th:nth-child(3),#purchase-items td:nth-child(3){width:90px}
#purchase-items th:nth-child(4),#purchase-items td:nth-child(4){width:145px}
#purchase-items th:nth-child(5),#purchase-items td:nth-child(5){width:135px}
#purchase-items th:nth-child(6),#purchase-items td:nth-child(6){width:110px}
#purchase-items th:nth-child(7),#purchase-items td:nth-child(7){width:120px}
#purchase-items th:nth-child(8),#purchase-items td:nth-child(8){width:125px}
#purchase-items th:nth-child(9),#purchase-items td:nth-child(9){width:50px}
#purchase-items .purchase-product-col {
    width: 24%;
}
#purchase-items .purchase-quantity-col {
    width: 10%;
}
#purchase-items .purchase-price-col {
    width: 16%;
}
#purchase-items .purchase-margin-col {
    width: 16%;
}
#purchase-items .purchase-total-col {
    width: 12%;
}
#purchase-items .purchase-action-col {
    width: 6%;
}
#purchase-items th,
#purchase-items td {
    padding-left: 8px;
    padding-right: 8px;
}
#purchase-items select,
#purchase-items input {
    min-width: 0;
    width: 100%;
}
#purchase-items th:last-child,#purchase-items td:last-child{position:sticky;right:0;z-index:2;background:#fff;box-shadow:-8px 0 12px rgba(15,39,76,.05)}
#purchase-items thead th:last-child{z-index:3;background:#20262e}
#purchase-items tfoot th:last-child{background:#fff}
@media (max-width: 1350px) {
    .purchasing-entry-grid {
        grid-template-columns: 1fr;
    }
}
.panel {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 16px;
    padding: 23px;
    box-shadow: 0 8px 25px rgba(11, 40, 88, 0.035);
}
.space-top {
    margin-top: 20px;
}
.admin-section-shortcuts {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 14px;
}
.report-filter-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(150px, 1fr)) auto auto;
    gap: 12px;
    align-items: end;
}
.report-filter-grid label {
    margin: 0;
}
.report-filter-grid .btn {
    min-height: 44px;
}
.sales-register tfoot th {
    background: #20252c;
    color: #fff;
    font-weight: 800;
}
@media (max-width: 1100px) {
    .report-filter-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
.panel-head {
    display: flex;
    justify-content: space-between;
    align-items: end;
    margin-bottom: 18px;
}
.panel-head h3 {
    margin: 0;
    font-size: 19px;
}
.panel-head > a {
    color: var(--navy);
    font-weight: 700;
    font-size: 12px;
}
.panel-head > p {
    font-size: 12px;
    color: var(--muted);
    margin: 0;
}
.table-wrap {
    overflow: auto;
}
table {
    width: 100%;
    border-collapse: collapse;
    white-space: nowrap;
}
th {
    text-align: left;
    font-size: 10px;
    letter-spacing: 0.08em;
    color: #7c8593;
    padding: 11px;
    border-bottom: 1px solid var(--line);
}
td {
    padding: 13px 11px;
    border-bottom: 1px solid #edf0f4;
    font-size: 13px;
}
td small {
    display: block;
    color: #8a929e;
    margin-top: 3px;
}
table tfoot th,
table tfoot td {
    padding-top: 16px;
    padding-bottom: 16px;
    font-size: 14px;
    font-weight: 900;
    letter-spacing: 0.02em;
}
table tfoot th:first-child,
table tfoot td:first-child {
    font-size: 15px;
}
table tfoot th:last-child,
table tfoot td:last-child {
    font-size: 16px;
}
.empty {
    text-align: center !important;
    padding: 35px !important;
    color: var(--muted);
}
.pill {
    display: inline-block;
    border-radius: 20px;
    padding: 4px 8px;
    background: #edf2f8;
    color: var(--navy);
    font-size: 9px;
    font-weight: 800;
}
.pill.danger {
    background: #ffe5e7;
    color: #a5232c;
}
.stock-list,
.location-list {
    display: grid;
}
.stock-list > div,
.location-list > div {
    padding: 12px 0;
    border-bottom: 1px solid var(--line);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}
.stock-list span {
    display: grid;
}
.stock-list span:last-child {
    text-align: right;
}
.stock-list small,
.location-list small {
    display: block;
    color: var(--muted);
    font-size: 11px;
}
.danger-text {
    color: var(--red);
}
.shift-gate {
    max-width: 550px;
    margin: 6vh auto;
    background: #fff;
    border-radius: 22px;
    padding: 44px;
    text-align: center;
    box-shadow: var(--shadow);
}
.gate-icon {
    width: 68px;
    height: 68px;
    margin: auto;
    display: grid;
    place-items: center;
    border-radius: 20px;
    background: #fff0d1;
    color: var(--navy);
    font-size: 32px;
}
.shift-gate h2 {
    font-size: 30px;
    margin: 15px 0 6px;
}
.shift-gate > p:not(.eyebrow) {
    color: var(--muted);
}
.choice-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}
.choice-row input {
    display: none;
}
.choice-row span {
    padding: 17px;
    border: 2px solid var(--line);
    border-radius: 12px;
    display: grid;
    cursor: pointer;
}
.choice-row small {
    color: var(--muted);
}
.choice-row input:checked + span {
    border-color: var(--amber);
    background: #fff9e9;
}
.pos-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 370px;
    gap: 20px;
    align-items: start;
}
.product-zone {
    min-width: 0;
}
.pos-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 18px;
}
.pos-toolbar > div:first-child {
    display: flex;
    align-items: center;
    gap: 10px;
}
.pos-toolbar small {
    color: var(--muted);
}
.live-dot {
    color: var(--green);
    font-size: 10px;
    font-weight: 800;
}
.category-tabs {
    display: flex;
    background: #e6eaf0;
    border-radius: 11px;
    padding: 4px;
}
.category-tabs button,
.admin-tabs button,
.admin-tabs a {
    border: 0;
    background: transparent;
    padding: 9px 14px;
    min-height: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
    color: #657082;
    line-height: normal;
}
.category-tabs button.active,
.admin-tabs button.active {
    background: #fff;
    color: var(--navy);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
}
.product-search {
    margin: 0 0 16px;
}
.product-search > label {
    display: block;
    margin-bottom: 7px;
    color: var(--navy);
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}
.product-search > div {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: 8px;
    align-items: center;
}
.product-search input {
    min-width: 0;
}
.product-search-empty {
    min-height: 180px;
    padding: 34px;
    border: 1px dashed var(--line);
    border-radius: 15px;
    background: rgba(255, 255, 255, 0.7);
    display: grid;
    place-content: center;
    gap: 5px;
    text-align: center;
    color: var(--muted);
}
.product-search-empty b {
    color: var(--navy);
    font-size: 16px;
}
.product-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 13px;
}
.product-tile {
    position: relative;
    min-height: 160px;
    padding: 18px;
    text-align: left;
    border: 1px solid var(--line);
    border-radius: 15px;
    background: #fff;
    display: flex;
    flex-direction: column;
    cursor: pointer;
    transition: 0.18s;
    overflow: hidden;
}
.product-tile.has-product-photo {
    min-height: 252px;
}
.product-tile:hover {
    transform: translateY(-2px);
    border-color: #e5b24a;
    box-shadow: var(--shadow);
}
.driver-product-card.selected {
    border-color: var(--amber);
    box-shadow: 0 0 0 3px rgba(246, 166, 0, 0.18), var(--shadow);
}
.driver-product-card:disabled {
    cursor: not-allowed;
    opacity: 0.52;
    transform: none;
}
.driver-cart-panel .cart-items {
    padding-top: 18px;
}
.vehicle-maintenance-card {
    display: block;
    color: inherit;
    transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}
.vehicle-maintenance-card:hover,
.vehicle-maintenance-card.selected {
    transform: translateY(-2px);
    border-color: var(--amber);
    box-shadow: 0 8px 24px rgba(15,39,76,.1);
}
.vehicle-maintenance-card p {
    margin: 12px 0 0;
    color: var(--muted);
    font-size: 12px;
}
.product-symbol {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    background: #fff1d6;
    color: var(--navy);
    font-size: 21px;
}
.product-photo {
    height: 125px;
    display: grid;
    place-items: center;
    margin: -8px 0 4px;
    background: linear-gradient(145deg, #f8fbff, #eef4fa);
    border-radius: 12px;
}
.product-photo img {
    height: 118px;
    max-width: 90%;
    object-fit: contain;
    transform: scale(var(--cylinder-scale, 1));
    transform-origin: center bottom;
    filter: drop-shadow(0 9px 7px rgba(8, 38, 83, 0.16));
}
.product-tile b {
    margin-top: 13px;
}
.product-tile.has-product-photo b {
    margin-top: 7px;
}
.product-tile small {
    color: var(--muted);
    margin-top: 3px;
}
.product-tile em {
    font-style: normal;
    font-size: 9px;
    text-transform: uppercase;
    color: #687386;
    margin-top: auto;
    padding-top: 13px;
}
.cart {
    background: #fff;
    border-radius: 17px;
    border: 1px solid var(--line);
    position: sticky;
    top: 18px;
    min-height: 600px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
.cart-head {
    padding: 20px;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid var(--line);
}
.cart-head h3 {
    margin: 0;
}
.cart-head button {
    border: 0;
    background: transparent;
    color: var(--red);
    cursor: pointer;
}
.cart-items {
    padding: 10px 18px;
    flex: 1;
    max-height: 48vh;
    overflow: auto;
}
.cart-empty {
    text-align: center;
    padding: 70px 20px;
    color: var(--muted);
}
.cart-empty span {
    display: block;
    font-size: 40px;
}
.cart-empty b {
    display: block;
    color: var(--ink);
    margin: 10px;
}
.cart-row {
    padding: 16px 0;
    border-bottom: 1px solid var(--line);
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 14px;
}
.cart-item-details {
    min-width: 0;
}
.cart-row small {
    display: block;
    color: var(--muted);
    margin-top: 2px;
}
.cart-row .qty {
    display: inline-grid;
    grid-template-columns: 34px minmax(34px, auto) 34px;
    align-items: center;
    gap: 6px;
    margin-top: 10px;
}
.cart-row .qty button {
    width: 34px;
    height: 34px;
    border: 0;
    border-radius: 8px;
    background: #edf1f6;
    color: var(--navy);
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
}
.cart-row .qty > b {
    min-width: 34px;
    text-align: center;
}
.cart-row .qty input {
    width: 88px;
    height: 34px;
    padding: 5px 8px;
    text-align: center;
}
.cart-line-total {
    white-space: nowrap;
}
.returned-brand {
    display: grid;
    gap: 5px;
    margin-top: 12px;
    color: var(--muted);
    font-size: 12px;
}
.returned-brand input {
    width: 100%;
    min-height: 38px;
    padding: 8px 10px;
    border: 1px solid var(--line);
    border-radius: 8px;
    color: var(--ink);
    background: #fff;
}
.cart-summary {
    padding: 19px;
    border-top: 1px solid var(--line);
    display: grid;
    gap: 10px;
}
.cart-summary > div {
    display: flex;
    justify-content: space-between;
    font-size: 13px;
}
.cart-summary .grand {
    font-size: 20px;
    padding-top: 10px;
    border-top: 1px dashed var(--line);
}
dialog {
    width: min(480px, calc(100% - 30px));
    border: 0;
    border-radius: 20px;
    padding: 28px;
    box-shadow: 0 30px 100px rgba(0, 0, 0, 0.3);
}
dialog::backdrop {
    background: rgba(3, 14, 32, 0.65);
    backdrop-filter: blur(3px);
}
.shift-summary-modal {
    width: min(1180px, calc(100vw - 32px));
    max-width: 1180px;
    max-height: calc(100dvh - 32px);
    overflow: auto;
    position: relative;
}
.shift-summary-modal .modal-card {
    width: 100%;
    min-width: 0;
}
.shift-summary-close {
    position: sticky;
    z-index: 5;
    top: 0;
    float: right;
    display: grid;
    place-items: center;
    width: 52px;
    height: 52px;
    margin: -14px -14px 0 12px;
    border: 0;
    border-radius: 50%;
    background: #20252b;
    color: #fff;
    box-shadow: 0 5px 18px rgba(0, 0, 0, 0.25);
    font-size: 34px;
    line-height: 1;
    cursor: pointer;
}
.shift-summary-close:focus-visible {
    outline: 3px solid var(--primary);
    outline-offset: 3px;
}
dialog h3 {
    font-size: 24px;
    margin: 3px 0 18px;
}
.dialog-x {
    position: absolute;
    right: 17px;
    top: 14px;
    background: transparent;
    border: 0;
    font-size: 27px;
    cursor: pointer;
    color: var(--muted);
}
.station-admin-grid {
    display: block;
    overflow-x: auto;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: #fff;
}
.station-admin-header,
.station-admin-card {
    display: grid;
    grid-template-columns: minmax(240px,1.25fr) minmax(300px,1.7fr) minmax(260px,1fr) 110px;
    align-items: center;
    min-width: 920px;
}
.station-admin-header {
    padding: 11px 16px;
    background: #0b2348;
    color: #fff;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.station-admin-card {
    padding: 11px 16px;
    border-bottom: 1px solid var(--line);
    background: #fff;
}
.station-admin-card:last-of-type { border-bottom: 0; }
.station-admin-card:hover { background: #f8fafc; }
.station-admin-identity { display: flex; align-items: center; gap: 10px; min-width: 0; }
.station-admin-card h4 { margin: 0; font-size: 14px; }
.station-admin-card p { margin: 0; padding-right: 20px; color: var(--muted); font-size: 12px; line-height: 1.4; }
.station-admin-card .btn { width: 100%; min-height: 36px; }
.station-config-counts { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; }
.station-config-counts span { padding: 6px 9px; border: 1px solid #dfe6ef; border-radius: 6px; background: #f5f7fa; color: var(--muted); font-size: 11px; white-space: nowrap; }
.station-config-counts b { color: var(--navy); }
.station-config-dialog {
    width: min(1240px, calc(100vw - 28px));
    max-width: 1240px;
    max-height: calc(100dvh - 28px);
    padding: 0;
    overflow: auto;
    background: #f4f7fb;
}
.station-config-dialog .dialog-x { position: sticky; float: right; top: 14px; right: 16px; z-index: 8; display: grid; place-items: center; width: 46px; height: 46px; border: 1px solid var(--line); border-radius: 50%; background: #fff; box-shadow: var(--shadow); }
.station-config-form { padding-bottom: 24px; }
.station-config-hero { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; padding: 30px 76px 24px 30px; background: #fff; border-bottom: 1px solid var(--line); }
.station-config-hero h2 { margin: 3px 0 5px; }
.station-config-hero p:last-child { margin: 0; color: var(--muted); }
.config-section { margin: 20px; padding: 22px; border: 1px solid var(--line); border-radius: 16px; background: #fff; }
.config-section .panel-head small { color: var(--muted); }
.tank-config-list,.island-config-list,.pump-config-list { display: grid; gap: 10px; }
.tank-config-row { display: grid; grid-template-columns: 1.15fr 1.15fr .8fr 1fr auto; gap: 10px; align-items: end; }
.island-config-card { padding: 18px; border: 1px solid #dbe2ec; border-radius: 14px; background: #f8fafc; }
.island-config-head { display: flex; align-items: end; justify-content: space-between; gap: 16px; margin-bottom: 14px; }
.island-config-head label { width: min(360px, 70%); }
.pump-config-row { display: grid; grid-template-columns: .65fr 1.2fr 1.2fr auto; gap: 10px; align-items: end; }
.island-config-card > .btn { margin-top: 10px; }
.station-config-actions { position: sticky; bottom: 0; display: flex; justify-content: flex-end; gap: 10px; padding: 16px 20px; border-top: 1px solid var(--line); background: rgba(255,255,255,.96); backdrop-filter: blur(8px); }
.station-config-action-spacer{flex:1}
@media (max-width: 1050px) {
    .tank-config-row { grid-template-columns: 1fr 1fr; padding: 12px; border: 1px solid var(--line); border-radius: 12px; }
    .pump-config-row { grid-template-columns: 1fr 1fr; padding: 12px; border: 1px solid var(--line); border-radius: 12px; background: #fff; }
}
@media (max-width: 680px) {
    .station-config-hero { display: block; padding: 26px 64px 20px 20px; }
    .config-section { margin: 12px; padding: 15px; }
    .tank-config-row,.pump-config-row { grid-template-columns: 1fr; }
    .island-config-head { align-items: stretch; flex-direction: column; }
    .island-config-head label { width: 100%; }
    .station-config-actions { flex-direction: column-reverse; }
}
.customer-dialog {
    width: min(1180px, calc(100% - 32px));
    max-width: 1180px;
    min-height: min(720px, calc(100vh - 40px));
    max-height: calc(100vh - 32px);
    overflow: auto;
}
.customer-dialog h4 {
    margin: 24px 0 10px;
}
.clickable-directory-row { cursor: pointer; transition: border-color .15s, background .15s, transform .15s; }
.clickable-directory-row:hover,.clickable-directory-row:focus-visible { border-color: var(--navy); background: #f8fbff; transform: translateY(-1px); outline: none; }
.directory-search { width: min(360px,100%); }
.list-pager { display: flex; align-items: center; justify-content: flex-end; gap: 14px; padding: 10px 4px 0; color: var(--muted); font-size: 12px; }
.list-pager div { display: flex; gap: 4px; }
.list-pager button { width: 34px; height: 30px; border: 1px solid var(--line); border-radius: 7px; background: #fff; color: var(--navy); cursor: pointer; font-size: 19px; line-height: 1; }
.list-pager button:disabled { opacity: .35; cursor: default; }
.pickup-register { display: grid; border: 1px solid var(--line); border-radius: 12px; overflow: hidden; }
.pickup-register-row { display: grid; grid-template-columns: 1.3fr 1.2fr 1fr 1fr auto; gap: 16px; align-items: center; padding: 13px 16px; border-bottom: 1px solid var(--line); background: #fff; }
.pickup-register-row:last-of-type { border-bottom: 0; }
.pickup-register-row span { min-width: 0; }
.pickup-register-row b,.pickup-register-row small { display: block; }
.pickup-register-row small { color: var(--muted); margin-top: 3px; }
.driver-report-dialog{width:min(1400px,97vw);max-width:97vw}.driver-report-modal-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 18px;padding-right:42px}.driver-report-modal-head h3{margin:6px 0 2px}.driver-report-modal-head p{margin:0;color:var(--muted)}.driver-report-modal-head>div:last-child{text-align:right}.driver-report-modal-head>div:last-child small,.driver-report-modal-head>div:last-child b{display:block}.driver-report-modal-head>div:last-child b{font-size:22px}.driver-original-report thead th{background:#8ed247!important;color:#08234a!important;border-color:#6ba930!important}.driver-original-report td{background:#eef6ff}.driver-original-report .driver-empty-row td{background:#e4eef9;color:var(--muted)}
.driver-report-dialog{padding:18px 20px}.driver-report-dialog .table-wrap{overflow:visible}.driver-original-report{font-size:10px}.driver-original-report th,.driver-original-report td{padding:5px 7px!important;line-height:1.2}.driver-original-report td b{font-size:10px}.driver-original-report td small{margin-top:2px;font-size:8px}.driver-report-dialog .driver-report-modal-head{margin-bottom:10px}.driver-report-dialog .driver-report-modal-head h3{font-size:19px}.driver-report-dialog .driver-report-modal-head>div:last-child b{font-size:18px}
.driver-original-report tfoot th{background:#d7dde5!important;border-color:#aeb9c7!important;color:#08234a!important;font-size:11px;padding:8px 7px!important}.driver-original-report .driver-report-grand-total th:first-child{text-align:right;text-transform:uppercase;letter-spacing:.08em}.driver-original-report .driver-report-grand-total th:last-child{text-align:right;font-size:13px;white-space:nowrap}
.withholding-upload{padding:14px;border:1px solid var(--line);border-radius:12px;background:#f7f9fc}.withholding-upload.required-upload{border-color:#f4a000;background:#fff8e8}.withholding-upload.required-upload>small{color:#8a5700;font-weight:700}
.driver-report-dialog .settlement-summary{padding:0;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#fff}.driver-report-dialog .settlement-summary h3{margin:0;padding:16px 18px;border-bottom:1px solid var(--line);background:#f7f9fc;font-size:18px}.driver-report-dialog .settlement-lines{display:grid}.driver-report-dialog .settlement-lines>div{display:grid;grid-template-columns:minmax(0,1fr) 180px;align-items:center;gap:20px;min-height:43px;padding:8px 18px;border-bottom:1px solid var(--line)}.driver-report-dialog .settlement-lines>div:last-child{border-bottom:0}.driver-report-dialog .settlement-lines span{color:#34445d;font-weight:650}.driver-report-dialog .settlement-lines b{text-align:right;white-space:nowrap;color:var(--navy);font-weight:900}.driver-report-dialog .settlement-lines .summary-less span{padding-left:18px}.driver-report-dialog .settlement-lines .summary-total{background:#f1f5fa}.driver-report-dialog .settlement-lines .settlement-final{background:#0b2b59}.driver-report-dialog .settlement-lines .settlement-final span,.driver-report-dialog .settlement-lines .settlement-final b{color:#fff;font-size:15px;font-weight:900}@media(max-width:650px){.driver-report-dialog .settlement-lines>div{grid-template-columns:minmax(0,1fr) 125px;padding:8px 12px}.driver-report-dialog .settlement-lines .summary-less span{padding-left:10px}}
.settlement-summary{padding:0;overflow:hidden}.settlement-summary>h3{margin:0;padding:18px 20px;border-bottom:1px solid var(--line);background:#f7f9fc}.settlement-summary .settlement-lines{display:grid}.settlement-summary .settlement-lines>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,180px);align-items:center;gap:20px;min-height:48px;padding:9px 20px;border-bottom:1px solid var(--line)}.settlement-summary .settlement-lines>div:last-child{border-bottom:0}.settlement-summary .settlement-lines span{color:#34445d;font-weight:650}.settlement-summary .settlement-lines b{text-align:right;white-space:nowrap;color:var(--navy);font-weight:900}.settlement-summary .settlement-lines .summary-less span{padding-left:18px}.settlement-summary .settlement-lines .summary-total{background:#f1f5fa}.settlement-summary .settlement-lines .settlement-final{background:var(--navy)}.settlement-summary .settlement-lines .settlement-final span,.settlement-summary .settlement-lines .settlement-final b{color:#fff}@media(max-width:650px){.settlement-summary .settlement-lines>div{grid-template-columns:minmax(0,1fr) 120px;gap:12px;padding:9px 12px}.settlement-summary .settlement-lines .summary-less span{padding-left:8px}}
.alignment-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.alignment-intro>div{max-width:820px}.alignment-layout{display:grid;grid-template-columns:minmax(260px,320px) minmax(0,1fr);gap:18px;align-items:start}.alignment-locations{position:sticky;top:18px}.alignment-location-list{display:grid;gap:7px;margin-top:14px;max-height:70vh;overflow:auto}.alignment-location-list>a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px;border:1px solid var(--line);border-radius:10px;color:var(--ink);text-decoration:none}.alignment-location-list>a:hover,.alignment-location-list>a.active{border-color:#f4a000;background:#fff8e8}.alignment-location-list b,.alignment-location-list small{display:block}.alignment-location-list small{margin-top:2px;color:var(--muted);text-transform:capitalize}.alignment-location-list em{flex:0 0 auto}.alignment-editor table input{min-width:115px}.alignment-editor .stock-search{display:block;margin-bottom:12px}@media(max-width:900px){.alignment-intro{flex-direction:column}.alignment-layout{grid-template-columns:1fr}.alignment-locations{position:static}.alignment-location-list{max-height:300px}}
.volumer-special-price-dialog{width:min(1120px,96vw);max-width:96vw}.volumer-station-price-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}.volumer-station-price-list section{padding:14px;border:1px solid var(--line);border-radius:12px;background:#f8fafc}.volumer-station-price-list h4{margin:0 0 10px}.volumer-station-price-list table{min-width:470px}.volumer-station-price-list input{min-width:95px;padding:8px}@media(max-width:850px){.volumer-station-price-list{grid-template-columns:1fr}}
@media (max-width: 900px) { .pickup-register-row { grid-template-columns: 1fr 1fr; } .pickup-register-row>.status-label { justify-self: start; } }
.branch-price-dialog {
    padding: 0;
    border: 0;
    border-radius: 22px;
    background: #f4f7fb;
    box-shadow: 0 30px 90px rgba(7, 31, 69, .28);
}
.branch-price-dialog::backdrop { background: rgba(7, 23, 48, .62); backdrop-filter: blur(3px); }
.branch-price-dialog .dialog-x { top: 20px; right: 22px; z-index: 2; width: 38px; height: 38px; border: 1px solid var(--line); border-radius: 50%; background: white; line-height: 32px; }
.branch-modal-head { display: flex; justify-content: space-between; gap: 28px; align-items: flex-end; padding: 32px 72px 26px 32px; background: white; border-bottom: 1px solid var(--line); }
.branch-modal-head h2 { margin: 4px 0 6px; font-size: clamp(24px, 3vw, 34px); }
.branch-modal-head p:last-child { margin: 0; color: var(--muted); }
.branch-modal-counts { display: flex; gap: 10px; flex-shrink: 0; }
.branch-modal-counts span { min-width: 112px; padding: 12px 15px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface-soft); color: var(--muted); }
.branch-modal-counts b { display: block; color: var(--ink); font-size: 20px; }
.branch-modal-counts .has-pending { border-color: #f5b336; background: #fff7df; color: #8b5a00; }
.price-approval-card { margin: 24px 28px; padding: 22px; border: 1px solid #f1c66c; border-radius: 16px; background: linear-gradient(135deg,#fffdf7,#fff7e2); box-shadow: 0 10px 28px rgba(174,111,0,.08); }
.price-approval-head { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 18px; }
.price-approval-head > div { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 4px 10px; }
.price-approval-head small { color: var(--muted); }
.price-approval-head b { grid-column: 2; font-size: 16px; }
.proposed-price-grid { display: grid; grid-template-columns: 1fr; gap: 10px; }
.proposed-price-grid article { display:grid; grid-template-columns:minmax(180px,1fr) minmax(110px,auto) minmax(190px,auto); align-items:center; gap:20px; padding:16px 18px; border: 1px solid rgba(205,151,39,.25); border-radius: 12px; background: white; }
.proposed-price-grid small,.proposed-price-grid span { display: block; color: var(--muted); }
.proposed-price-grid b { display: block; margin: 6px 0 2px; font-size: 22px; color: var(--navy); }
.pending-fuel-name strong{display:block;margin-top:4px;color:var(--ink)}.pending-fuel-price{text-align:right}.pending-price-actions{display:flex;justify-content:flex-end;gap:8px}.pending-price-actions .btn{min-width:84px}
.branch-detail-section { margin: 20px 28px; padding: 22px; border: 1px solid var(--line); border-radius: 16px; background: white; }
.branch-detail-section:last-of-type { margin-bottom: 28px; }
.branch-section-title { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 14px; }
.branch-section-title h4 { margin: 3px 0 0; font-size: 18px; }
.branch-empty { display: grid; place-items: center; gap: 5px; min-height: 96px; padding: 20px; color: var(--muted); text-align: center; }
.branch-empty b { color: var(--ink); }
.soa-modal { padding: 0; border: 0; border-radius: 12px; background: #fff; }
.soa-modal::backdrop { background: rgba(7,23,48,.62); backdrop-filter: blur(3px); }
.soa-modal-toolbar { display: flex; justify-content: flex-end; gap: 10px; padding: 18px 64px 0 24px; background: white; }
.soa-modal-head { display: flex; justify-content: space-between; align-items: end; gap: 24px; padding: 18px 28px 26px; background: white; border-bottom: 1px solid var(--line); }
.soa-modal-head h2 { margin: 4px 0; font-size: 28px; }
.soa-modal-head p:last-child { margin: 0; color: var(--muted); }
.soa-balance { min-width: 190px; padding: 16px 20px; border-radius: 14px; background: var(--navy); color: white; }
.soa-balance small,.soa-balance b { display: block; }
.soa-balance small { color: #b9c9df; }
.soa-balance b { margin-top: 4px; font-size: 24px; }
.soa-summary { margin: 22px 28px 0; }
.soa-document-head { display: grid; grid-template-columns: minmax(0,1fr) minmax(340px,.72fr); gap: 30px; align-items: start; padding: 18px 28px 12px; }
.soa-customer h2 { margin: 4px 0; font-size: 18px; }
.soa-customer p { margin: 3px 0; font-size: 12px; }
.soa-facts { width: 100%; border-collapse: collapse; font-size: 11px; }
.soa-facts th,.soa-facts td { border: 1px solid var(--line); padding: 5px 8px; }
.soa-facts th { text-align: left; font-weight: 600; }
.soa-facts td { text-align: right; }
.soa-facts-total th,.soa-facts-total td { font-weight: 800; background: #fff3bf; }
.soa-modal-section { margin: 10px 28px 16px; padding: 0; border: 0; border-radius: 0; background: white; }
.soa-modal-section h4 { margin: 0 0 14px; }
.soa-modal { width: min(1180px, 96vw); max-width: 96vw; }
.soa-modal-section .table-wrap { overflow: visible; }
.soa-modal-section table { width: 100%; min-width: 0; table-layout: auto; font-size: 10px; border-collapse: collapse; }
.soa-modal-section th,.soa-modal-section td { padding: 6px 5px; white-space: normal; border: 1px solid var(--line); overflow-wrap: anywhere; word-break: normal; }
.soa-modal-section th { background: #f6f7f9; }
.soa-transaction-section th:nth-last-child(-n+3),.soa-transaction-section td:nth-last-child(-n+3) { text-align: right; }
.soa-transaction-section tfoot th { background: #ffe934; }
@media (max-width: 760px) {
    .branch-modal-head,.price-approval-head { align-items: stretch; flex-direction: column; }
    .branch-modal-counts,.proposed-price-grid { grid-template-columns: 1fr; display: grid; }
    .branch-modal-counts span { min-width: 0; }
    .price-approval-card,.branch-detail-section { margin: 14px; padding: 16px; }
    .proposed-price-grid article{grid-template-columns:1fr;gap:12px}.pending-fuel-price{text-align:left}.pending-price-actions{justify-content:stretch}.pending-price-actions .btn{flex:1;min-height:44px}
    .soa-modal-head { align-items: stretch; flex-direction: column; }
    .soa-balance { min-width: 0; }
    .soa-summary,.soa-modal-section { margin: 14px; }
    .soa-document-head { grid-template-columns: 1fr; padding: 14px; }
}
@media print {
    @page soaPortrait { size: A4 landscape; margin: 8mm; }
    .soa-print-target,.soa-sheet { page: soaPortrait; }
    @page { size: A4 portrait; margin: 9mm; }
    body.soa-printing * { visibility: hidden !important; }
    body.soa-printing .soa-print-target,
    body.soa-printing .soa-print-target * { visibility: visible !important; }
    body.soa-printing .soa-print-target {
        display: block !important;
        position: absolute;
        inset: 0;
        width: 100% !important;
        max-width: none !important;
        height: auto !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        overflow: visible !important;
        background: #fff !important;
        box-shadow: none !important;
    }
    body.soa-printing .soa-modal-toolbar { display: none !important; }
    body.soa-printing .soa-document-head { padding: 0 0 8px; gap: 16px; grid-template-columns: 1fr 420px; }
    body.soa-printing .soa-customer h2 { font-size: 15px; }
    body.soa-printing .soa-customer p,.soa-facts { font-size: 9px; }
    body.soa-printing .soa-modal-head { padding: 0 0 12px; }
    body.soa-printing .soa-summary { margin: 10px 0 0; }
    body.soa-printing .soa-modal-section { margin: 10px 0; padding: 10px; break-inside: avoid; }
    body.soa-printing .soa-modal-section .table-wrap { overflow: visible !important; }
    body.soa-printing .soa-modal-section table { width: 100% !important; min-width: 0 !important; table-layout: fixed; font-size: 8px; }
    body.soa-printing .soa-modal-section th,
    body.soa-printing .soa-modal-section td { padding: 4px 3px; white-space: normal !important; overflow-wrap: anywhere; }
}
.soa-sheet .table-wrap { overflow: visible; }
.soa-sheet table { width: 100%; min-width: 0; table-layout: fixed; font-size: 11px; }
.soa-sheet th,.soa-sheet td { white-space: normal; overflow-wrap: anywhere; }
.purchase-review-actions {
    display: grid;
    grid-template-columns: minmax(220px, .8fr) minmax(320px, 1.2fr);
    gap: 18px;
    align-items: end;
    margin-top: 22px;
    padding-top: 20px;
    border-top: 1px solid var(--line);
}
.purchase-document-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding-right: 42px;
}
.purchase-receiving-block {
    display: grid;
    gap: 14px;
    margin-top: 22px;
    padding-top: 20px;
    border-top: 1px solid var(--line);
}
.purchase-receiving-block h4 {
    margin: 0;
}
.accounting-po-link {
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--navy);
    font: inherit;
    font-weight: 800;
    text-decoration: underline;
    text-underline-offset: 3px;
    cursor: pointer;
}
.purchase-review-actions form,
.deny-purchase-form label {
    display: grid;
    gap: 8px;
}
.purchase-review-actions.single-action {
    grid-template-columns: minmax(260px, 420px);
    justify-content: end;
}
.deny-purchase-form {
    grid-template-columns: 1fr auto;
    align-items: end;
}
@media (max-width: 720px) {
    .purchase-review-actions,
    .deny-purchase-form {
        grid-template-columns: 1fr;
    }
}
.customer-account-summary {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin-bottom: 20px;
}
.customer-account-summary > div {
    display: grid;
    gap: 5px;
    padding: 14px;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: var(--bg);
}
.customer-account-summary small,
.customer-account-meta {
    color: var(--muted);
}
.customer-account-summary b {
    font-size: 18px;
    color: var(--navy);
}
.credit-meter-heading {
    display: flex;
    justify-content: space-between;
    margin-bottom: 7px;
    font-size: 13px;
}
.credit-meter {
    display: block;
    width: 100%;
    height: 20px;
    overflow: hidden;
    padding: 3px;
    border: 1px solid #bcc6d4;
    border-radius: 999px;
    background: #e8edf3;
    box-shadow: inset 0 1px 3px rgba(11, 40, 88, 0.16);
}
.credit-meter span {
    display: block;
    height: 100%;
    min-width: 0;
    border-radius: 999px;
    transition: width 0.2s ease;
}
.credit-meter .safe {
    background: #20b26b;
}
.credit-meter .warning {
    background: var(--amber);
}
.credit-meter .danger {
    background: var(--red);
}
.customer-account-meta {
    margin: 9px 0 0;
    font-size: 12px;
}
.customer-history {
    max-height: 230px;
    overflow: auto;
}
.customer-line-history {
    max-height: 280px;
}
.customer-line-history td small {
    display: block;
    margin-top: 3px;
    color: var(--muted);
}
.table-actions {
    display: flex;
    align-items: center;
    gap: 10px;
    white-space: nowrap;
}
.date-time-cell,
.date-time-cell small,
.po-item-list small,
.po-item-list span {
    white-space: nowrap;
}
.date-time-cell small,
.po-item-list small,
.po-item-list span {
    display: block;
    margin-top: 3px;
    color: var(--muted);
}
.po-item-list {
    min-width: 260px;
}
.po-item-list > div + div {
    margin-top: 9px;
    padding-top: 9px;
    border-top: 1px solid var(--line);
}
.live-update-time {
    margin-bottom: 0;
}
.customer-directory {
    display: grid;
    gap: 10px;
    margin-top: 18px;
}
.customer-directory article {
    display: grid;
    grid-template-columns: minmax(230px, 1.5fr) minmax(130px, 0.7fr) minmax(130px, 0.7fr) minmax(100px, auto) auto;
    align-items: center;
    gap: 18px;
    padding: 15px 16px;
    border: 1px solid var(--line);
    border-radius: 13px;
    background: #fff;
}
.station-po-form {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
}
.station-po-form .full {
    grid-column: 1/-1;
}
.po-credit-summary,
.po-transaction-totals {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    padding: 14px;
    border: 1px solid var(--line);
    border-radius: 13px;
    background: var(--bg);
}
.po-credit-summary > div,
.po-transaction-totals > div {
    display: grid;
    align-content: center;
    gap: 4px;
}
.po-credit-summary span,
.po-transaction-totals span {
    color: var(--muted);
    font-size: 11px;
}
.po-credit-summary b,
.po-transaction-totals b {
    color: var(--navy);
    font-size: 17px;
}

.station-po-lines { border: 1px solid var(--line); border-radius: 14px; padding: 14px; background: #f8fafc; }
.station-po-lines-head { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:12px; }
.station-po-lines-head small { display:block; color:var(--muted); margin-top:3px; }
.station-po-line { display:grid; grid-template-columns:minmax(260px,2.2fr) minmax(100px,.75fr) minmax(110px,.85fr) minmax(120px,.9fr) minmax(120px,.9fr) auto; gap:10px; align-items:center; padding:8px 0; border-top:1px solid var(--line); }
.station-po-line-head { border-top:0; padding:0 0 6px; color:var(--muted); font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.04em; }
.station-po-line output { font-weight:800; color:var(--navy); }
.station-po-line .btn { padding:10px 12px; }
.collection-po-picker { border:1px solid var(--line); border-radius:14px; padding:14px; min-width:0; }
.collection-po-picker legend { font-weight:800; padding:0 7px; }
.collection-select-actions { margin-bottom:10px; }
.collection-po-option { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:12px; padding:11px 12px; margin:6px 0; border:1px solid var(--line); border-radius:10px; background:#f8fafc; cursor:pointer; }
.collection-po-option:has(input:checked) { border-color:#f59e0b; background:#fff7df; }
.collection-po-option input { width:18px; height:18px; }
.collection-po-option span { display:grid; gap:2px; }
.collection-po-option small { color:var(--muted); }
.collection-selection-total { display:flex; justify-content:space-between; align-items:center; margin-top:10px; padding-top:12px; border-top:2px solid var(--navy); }
.collection-selection-total b { font-size:18px; color:var(--navy); }
.collection-full-payment { display:grid; align-content:end; gap:4px; }
.collection-full-payment small { color:var(--muted); }
.ledger-drill-row { cursor:pointer; }
.ledger-drill-row:hover { background:#fff7df; }
.table-link { border:0; background:none; color:var(--navy); font:inherit; font-weight:800; padding:0; text-decoration:underline; text-underline-offset:3px; cursor:pointer; }
.ledger-detail-dialog { width:min(1100px,94vw); }
.journal-register-filter { align-items:end; }
.journal-page-controls { display:flex; align-items:center; justify-content:flex-end; gap:8px; margin-left:auto; }
.journal-date-group { border:1px solid var(--line); border-radius:14px; background:#f8fafc; margin:10px 0; overflow:hidden; }
.journal-date-group > summary { display:flex; justify-content:space-between; align-items:center; gap:18px; padding:15px 17px; cursor:pointer; list-style:none; }
.journal-date-group > summary::-webkit-details-marker { display:none; }
.journal-date-group > summary span { display:grid; gap:3px; }
.journal-date-group > summary span:last-child { text-align:right; }
.journal-date-group > summary small { color:var(--muted); }
.journal-date-group[open] > summary { color:var(--navy); background:#eaf1f8; border-bottom:1px solid var(--line); }
.journal-date-entries { padding:10px; background:#fff; }
.journal-date-entries .journal-card { margin:8px 0; }
@media (max-width: 900px) {
    .station-po-line-head { display:none; }
    .station-po-line { grid-template-columns:1fr 1fr; padding:14px 0; }
    .station-po-line select { grid-column:1/-1; }
}
.po-credit-summary .po-credit-bar {
    display: block;
}
.customer-directory article > div {
    display: grid;
    gap: 3px;
}
.customer-directory small,
.customer-directory span {
    color: var(--muted);
    font-size: 11px;
}
.fuel-branch-directory {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-top: 12px;
}
.fuel-branch-directory article {
    grid-template-columns: minmax(0, 1fr) auto auto auto;
    gap: 12px;
    padding: 10px 12px;
}
.fuel-branch-directory article > div:nth-child(2),
.fuel-branch-directory article > div:nth-child(3) {
    min-width: 62px;
}
.fuel-branch-directory .btn {
    min-height: 36px;
    padding: 8px 12px;
    white-space: nowrap;
}
@media (max-width: 1150px) {
    .fuel-branch-directory {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 700px) {
    .customer-account-summary {
        grid-template-columns: 1fr;
    }
    .customer-directory article {
        grid-template-columns: 1fr;
    }
    .station-po-form,
    .po-credit-summary,
    .po-transaction-totals {
        grid-template-columns: 1fr;
    }
}
.sale-options {
    display: grid;
    gap: 10px;
}
.sale-options button {
    padding: 16px;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: #fff;
    text-align: left;
    cursor: pointer;
    display: grid;
    grid-template-columns: 1fr auto;
}
.sale-options button:hover {
    border-color: var(--amber);
    background: #fffaf0;
}
.sale-options span {
    font-size: 11px;
    color: var(--muted);
    grid-row: 2;
}
.sale-options em {
    grid-column: 2;
    grid-row: 1/3;
    align-self: center;
    font-style: normal;
    font-weight: 800;
    color: var(--navy);
}
#checkout-form {
    display: grid;
    gap: 14px;
}
.pay-options {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
}
.pay-options input {
    display: none;
}
.pay-options span {
    display: block;
    text-align: center;
    padding: 12px;
    border: 2px solid var(--line);
    border-radius: 10px;
    cursor: pointer;
}
.pay-options input:checked + span {
    border-color: var(--amber);
    background: #fff7e5;
    color: var(--navy);
}
.checkout-total {
    display: flex;
    justify-content: space-between;
    padding: 15px;
    background: #f3f5f8;
    border-radius: 10px;
}
.hidden {
    display: none !important;
}
.form-grid {
    grid-template-columns: 1fr 1fr;
    margin-top: 0;
}
.form-grid .full {
    grid-column: 1/-1;
}
.admin-tabs {
    display: flex;
    gap: 5px;
    margin-bottom: 18px;
    background: #dfe4eb;
    padding: 5px;
    border-radius: 11px;
    width: max-content;
}
.price-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
}
.catalog-search { width: min(340px, 100%); color: var(--muted); font-size: 11px; }
.catalog-search input { margin-top: 6px; background: #fff; }
.price-card[hidden] { display: none !important; }
.station-pump-fields {
    padding: 15px;
    border: 1px solid var(--line);
    border-radius: 13px;
    background: var(--bg);
}
.pump-assignment-grid {
    display: grid;
    gap: 10px;
    margin-top: 12px;
}
.pump-assignment-row {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 12px;
}
.delivery-reconciliation [data-variance].negative {
    color: var(--red);
}
.price-card {
    border: 1px solid var(--line);
    border-radius: 13px;
    padding: 17px;
    display: grid;
    gap: 10px;
}
.price-card h4 {
    margin: 0;
}
.price-card > small {
    color: var(--muted);
}
.location-list > div {
    justify-content: flex-start;
}
.location-list span:nth-child(2) {
    min-width: 0;
}
.location-list em {
    margin-left: auto;
    font-style: normal;
    font-size: 9px;
    font-weight: 800;
    color: var(--muted);
}
.location-icon {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: 9px;
    background: #edf2f8;
    color: var(--navy);
}
.report-filter {
    display: flex;
    align-items: end;
    gap: 12px;
    background: #fff;
    padding: 16px;
    border: 1px solid var(--line);
    border-radius: 14px;
}
.report-filter label {
    min-width: 190px;
}
@media (max-width: 1100px) {
    .metric-grid {
        grid-template-columns: 1fr 1fr;
    }
    .content-grid {
        grid-template-columns: 1fr;
    }
    .purchasing-entry-grid {
        grid-template-columns: 1fr;
    }
    .product-grid {
        grid-template-columns: 1fr 1fr;
    }
    .pos-layout {
        grid-template-columns: minmax(0, 1fr) 330px;
    }
    .station-grid {
        grid-template-columns: 1fr 1fr;
    }
    .price-grid {
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 760px) {
    .shift-summary-modal {
        width: calc(100vw - 16px);
        max-height: calc(100dvh - 16px);
        padding: 16px;
        border-radius: 14px;
    }
    .shift-summary-close {
        width: 56px;
        height: 56px;
        margin: -8px -8px 0 10px;
        font-size: 38px;
    }
    .shift-summary-modal .modal-head {
        align-items: flex-start;
        gap: 10px;
    }
}

.accounting-tabs {
    display: flex;
    align-items: end;
    gap: 10px;
    width: min(100%, 420px);
    margin-bottom: 20px;
}
.accounting-tabs label {
    width: 100%;
}

.accounting-workspace{display:grid;grid-template-columns:245px minmax(0,1fr);gap:20px;align-items:start}
.accounting-module-nav{position:sticky;top:18px;background:#0b2348;border-radius:18px;padding:14px;display:grid;gap:6px;color:#fff;box-shadow:0 14px 32px rgba(15,35,70,.13)}
.accounting-module-title{padding:10px 10px 14px;display:grid;gap:4px;border-bottom:1px solid rgba(255,255,255,.16);margin-bottom:4px}
.accounting-module-title span{font-size:10px;letter-spacing:.18em;color:#ffac16;font-weight:900}
.accounting-module-title b{font-size:21px}.accounting-module-title small{color:#b8c6da;line-height:1.45}
.accounting-module-nav>a{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:10px;color:#cfdaea;text-decoration:none;font-weight:750}
.accounting-module-nav>a>span{display:grid;place-items:center;width:30px;height:27px;border-radius:8px;background:rgba(255,255,255,.09);font-size:11px;font-weight:900}
.accounting-module-nav>a:hover,.accounting-module-nav>a.active{background:#fff;color:#0b2348}.accounting-module-nav>a.active>span{background:#ffa90a;color:#0b2348}
.accounting-help{margin-top:9px;padding:12px;border-radius:11px;background:rgba(255,255,255,.08);display:grid;gap:4px}.accounting-help small{color:#c5d1e0;line-height:1.45}
.accounting-workspace-content{min-width:0}.accounting-guide{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff7df;border:1px solid #f2d58c;border-left:5px solid #ffa90a;border-radius:15px;padding:18px 20px;margin-bottom:18px}.accounting-guide h3,.accounting-guide p{margin:3px 0}.accounting-guide p{max-width:850px;color:#536174;line-height:1.5}.accounting-action-list{display:grid;gap:9px;margin-top:16px}.accounting-action-list a{display:grid;gap:3px;padding:13px;border:1px solid #dce3ec;border-radius:11px;color:#10284f;text-decoration:none}.accounting-action-list a:hover{border-color:#ffa90a;background:#fff9ea}.accounting-action-list small{color:#738097}.accounting-document-form{margin-top:16px}
.accounting-workspace select,.accounting-workspace select option{color-scheme:light;background-color:#fff;color:#10213c}
.accounting-register-filter{display:grid;grid-template-columns:minmax(170px,1fr) minmax(170px,1fr) auto auto;gap:12px;align-items:end;margin-bottom:18px}.accounting-register-filter label{display:grid;gap:6px;font-weight:750}.excel-accounting-register{padding:20px}.excel-accounting-register .excel-report-title{padding-bottom:14px}.accounting-register-row{cursor:pointer}.accounting-register-row:hover td{background:#fff4cf!important}.accounting-register-row:focus td{outline:2px solid #f5a400}.accounting-detail-modal{width:min(900px,92vw)}.accounting-detail-modal .excel-report-table{margin-top:18px}
.accounting-report-modal{width:min(1420px,96vw);max-width:96vw;padding:18px}.accounting-report-modal .excel-accounting-register{box-shadow:none;border:0;margin:0;padding:12px}.accounting-report-modal::backdrop{background:rgba(5,19,42,.72);backdrop-filter:blur(3px)}
.excel-document-entry{width:100%;min-width:820px;border-collapse:collapse;table-layout:fixed;background:#fff}
.excel-document-entry th,.excel-document-entry td{border:1px solid #b9c5d2;padding:4px}
.excel-document-entry thead th{height:34px;background:#8fd14f;color:#10213c;font-size:10px;letter-spacing:.06em;text-transform:uppercase;text-align:left}
.excel-document-entry th:nth-child(1){width:42px;text-align:center}.excel-document-entry th:nth-child(2){width:31%}.excel-document-entry th:nth-child(3){width:auto}.excel-document-entry th:nth-child(4){width:180px}.excel-document-entry th:nth-child(5){width:42px}
.excel-document-entry tbody tr:nth-child(even){background:#eef5fb}.excel-document-entry tbody td:first-child{text-align:center;color:#5e6d82;font-size:12px;font-weight:800}
.excel-document-entry select,.excel-document-entry input{box-sizing:border-box;width:100%;min-width:0;height:34px;padding:4px 7px;border:1px solid transparent;border-radius:2px;background:transparent;font-size:12px;color:#10213c}
.excel-document-entry select:focus,.excel-document-entry input:focus{outline:2px solid #2d78c4;outline-offset:-1px;background:#fff}
.excel-document-entry [data-document-amount]{text-align:right;font-variant-numeric:tabular-nums}
.excel-document-entry tfoot th{padding:10px;background:#fff2b8;text-align:right;color:#10213c;font-variant-numeric:tabular-nums}.excel-document-entry tfoot th:first-child{text-align:right}.excel-document-entry [data-document-total]{font-size:14px}
.manual-ap-check-schedule{margin-top:16px;padding:18px;border:1px solid #cfdae7;border-radius:14px;background:#f8fafc}.manual-ap-check-head{align-items:flex-end;margin-bottom:12px}.manual-ap-check-head .eyebrow{margin-bottom:3px}.manual-ap-approval-note{margin:5px 0 0;color:#41536b;font-size:13px}.manual-ap-approval-note b{color:#173b69}.manual-ap-check-table{min-width:900px}.manual-ap-check-table th:nth-child(1){width:42px}.manual-ap-check-table th:nth-child(2){width:34%}.manual-ap-check-table th:nth-child(3){width:21%}.manual-ap-check-table th:nth-child(4){width:180px}.manual-ap-check-table th:nth-child(5){width:170px}.manual-ap-check-table th:nth-child(6){width:52px}.manual-ap-check-table td{padding:6px}.manual-ap-check-table td:nth-child(5) input{text-align:right;font-variant-numeric:tabular-nums}.manual-ap-check-table td:last-child{text-align:center}.manual-ap-schedule-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:12px;overflow:hidden;border:1px solid #cbd5e1;border-radius:10px;background:#fff}.manual-ap-schedule-summary>div{display:flex;justify-content:space-between;gap:14px;padding:13px 16px;border-right:1px solid #dbe3ec}.manual-ap-schedule-summary>div:last-child{border-right:0}.manual-ap-schedule-summary span{color:#5e6d82;font-size:12px;font-weight:700}.manual-ap-schedule-summary b{color:#10213c;font-variant-numeric:tabular-nums}.manual-ap-schedule-summary.is-balanced>div:last-child{background:#e7f7ee}.manual-ap-schedule-summary.is-balanced>div:last-child b{color:#14734d}.manual-ap-schedule-summary.is-unbalanced>div:last-child{background:#fff2b8}.manual-ap-schedule-summary.is-unbalanced>div:last-child b{color:#9b4b00}@media(max-width:800px){.manual-ap-check-head{align-items:stretch}.manual-ap-check-head .btn{width:100%}.manual-ap-schedule-summary{grid-template-columns:1fr}.manual-ap-schedule-summary>div{border-right:0;border-bottom:1px solid #dbe3ec}.manual-ap-schedule-summary>div:last-child{border-bottom:0}}
.reconciliation-table{width:100%;min-width:760px;border-collapse:collapse}.reconciliation-table th,.reconciliation-table td{padding:9px 11px;border:1px solid #c5ceda;font-size:12px}.reconciliation-table thead th{background:#0b2348;color:#fff;font-size:10px;letter-spacing:.06em;text-transform:uppercase;text-align:left}.reconciliation-table .num{text-align:right;font-variant-numeric:tabular-nums}.reconciliation-table tbody tr:nth-child(even){background:#f2f6fa}.reconciliation-table tfoot th{background:#fff3bd;text-align:right;font-weight:900}.reconciliation-entry-map{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid #d4dde8;border-radius:12px;overflow:hidden}.reconciliation-entry-map>div{display:grid;gap:4px;padding:14px 16px;border-right:1px solid #d4dde8;border-bottom:1px solid #d4dde8}.reconciliation-entry-map>div:nth-child(even){border-right:0}.reconciliation-entry-map span{color:#65738a;font-size:12px;line-height:1.45}
@media(max-width:1050px){.accounting-workspace{grid-template-columns:1fr}.accounting-module-nav{position:static;display:flex;overflow-x:auto;align-items:center}.accounting-module-title,.accounting-help{display:none}.accounting-module-nav>a{white-space:nowrap;flex:0 0 auto}.accounting-guide{align-items:flex-start;flex-direction:column}}
@media(max-width:700px){.accounting-register-filter{grid-template-columns:1fr 1fr}.accounting-register-filter .btn{width:100%}.excel-accounting-register{padding:12px 8px}.reconciliation-entry-map{grid-template-columns:1fr}.reconciliation-entry-map>div{border-right:0}}
.workflow-strip {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 22px;
    border-radius: 14px;
    background: #f3f6fa;
    color: var(--navy);
}
.queue-action {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 300px;
}
.queue-action select {
    min-width: 170px;
}
.queue-coa-search{min-width:210px}.queue-coa-search>input[type=search]{width:100%;min-width:210px;background:#fff;color:#10213c;color-scheme:light}
.queue-coa-menu{position:fixed;z-index:10000;max-height:280px;overflow-y:auto;padding:6px;border:1px solid #cbd6e3;border-radius:11px;background:#fff;box-shadow:0 14px 34px rgba(11,35,72,.2)}
.queue-coa-menu button{display:block;width:100%;padding:10px 12px;border:0;border-radius:7px;background:#fff;color:#10213c;text-align:left;font:inherit;cursor:pointer}
.queue-coa-menu button:hover,.queue-coa-menu button:focus{outline:0;background:#eaf2fb;color:#0b2348}.queue-coa-menu.is-empty::after{content:'No matching expense account';display:block;padding:10px 12px;color:#6b778c}
.journal-entry-table select,
.journal-entry-table input {
    min-width: 135px;
}
.journal-entry-table td {
    padding: 5px;
}
.manual-journal-panel{padding:22px}.journal-header-fields{margin-bottom:16px}.excel-journal-table{width:100%;min-width:1320px;border-collapse:collapse;table-layout:fixed}.excel-journal-table th,.excel-journal-table td{border:1px solid #c8d1dd;padding:4px}.excel-journal-table thead th{background:#8fd14f;color:#10213c;font-size:10px;letter-spacing:.05em;text-transform:uppercase}.excel-journal-table th:nth-child(1){width:38px}.excel-journal-table th:nth-child(2){width:210px}.excel-journal-table th:nth-child(3){width:220px}.excel-journal-table th:nth-child(4){width:130px}.excel-journal-table th:nth-child(5){width:230px}.excel-journal-table th:nth-child(6){width:220px}.excel-journal-table th:nth-child(7),.excel-journal-table th:nth-child(8){width:125px}.excel-journal-table th:nth-child(9){width:42px}.excel-journal-table select,.excel-journal-table input{box-sizing:border-box;width:100%;min-width:0;height:36px;padding:5px 7px;border:1px solid #cbd5e1;border-radius:4px;background:#fff;font-size:12px}.excel-journal-table [data-journal-debit],.excel-journal-table [data-journal-credit]{text-align:right;font-variant-numeric:tabular-nums}.journal-row-number{text-align:center;color:#667085;font-weight:800}.journal-remove-line{width:28px;height:28px;border:0;border-radius:50%;background:#fee2e2;color:#b42318;font-size:18px;cursor:pointer}.excel-journal-table tfoot th{padding:9px;background:#f3f6fa;text-align:right;font-variant-numeric:tabular-nums}.excel-journal-table tfoot th:first-child{text-align:right}.journal-balance-row th{color:#b42318}.journal-balance-row.balanced th{background:#e8f7ef;color:#16724e}.journal-entry-actions{display:flex;justify-content:space-between;gap:12px;margin-top:14px}.journal-ready{background:#dff5e9!important;color:#12623f!important}
@media(max-width:800px){.manual-journal-panel{padding:14px 10px}.journal-header-fields{grid-template-columns:1fr}.journal-entry-actions{display:grid;grid-template-columns:1fr}.journal-entry-actions .btn{width:100%}}
.journal-card {
    border: 1px solid var(--line);
    border-radius: 14px;
    margin-top: 12px;
    overflow: hidden;
}
.journal-card summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 16px 18px;
    cursor: pointer;
    background: #f8fafc;
}
.journal-card summary span {
    display: grid;
    gap: 3px;
}
.journal-card summary span:last-child {
    text-align: right;
}
.journal-actions {
    display: flex;
    gap: 8px;
    padding: 14px 18px;
    border-top: 1px solid var(--line);
}
.filter-form {
    display: grid;
    grid-template-columns: repeat(3, minmax(170px, 1fr)) auto;
    align-items: end;
    gap: 14px;
}
.statement {
    max-width: 850px;
    margin: 10px auto;
}
.statement > div {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    padding: 11px 14px;
    border-bottom: 1px solid var(--line);
}
.statement .detail {
    padding-left: 36px;
    color: var(--muted);
}
.statement-total,
.statement-net {
    background: #edf3fa;
    color: var(--navy);
    font-size: 17px;
}
.statement-net {
    border-top: 3px double var(--navy);
}
.grand-row th {
    background: #e4e9f0;
    color: var(--navy);
}
.voucher-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin-top: 16px;
}
.voucher-card {
    border: 1px solid var(--line);
    border-radius: 14px;
    padding: 16px;
}
.voucher-card dl {
    display: grid;
    gap: 8px;
    margin: 14px 0;
}
.voucher-card dl div {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    border-bottom: 1px solid var(--line);
    padding-bottom: 7px;
}
.voucher-card dt {
    color: var(--muted);
}
.voucher-card dd {
    margin: 0;
    text-align: right;
    font-weight: 700;
}
.voucher-card .panel-head > div > small {
    display: block !important;
    margin-top: 5px;
    color: var(--muted);
    font-weight: 700;
}
.voucher-card .panel-head > div > small::before {
    content: "PO: ";
    color: var(--navy);
    font-weight: 900;
}
.payment-approval-list { margin-top: 16px; }
.payment-approval-list tbody tr { cursor: pointer; }
.payment-approval-list tbody tr:hover td { background: #f3f7fc; }
.payment-approval-list td:first-child { width: 54px; text-align: center; font-weight: 800; }
.payment-approval-pager { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding-top: 14px; }
.payment-approval-pager > div { display: flex; gap: 8px; }
.payment-approval-dialog { width: min(760px, calc(100vw - 32px)); }
.payment-approval-dialog .voucher-card { border: 0; padding: 6px; }
.payment-approval-dialog .voucher-card dl { margin-top: 20px; }
.reports-home { max-width: 1120px; margin: 0 auto; }
.reports-home-heading { margin-bottom: 24px; }
.reports-home-heading h2 { margin: 4px 0 6px; font-size: clamp(30px,4vw,46px); }
.report-selector-list { display: grid; gap: 10px; }
.report-selector-list a { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 18px 20px; border: 1px solid #cbd4df; border-radius: 8px; background: #fff; color: var(--navy); text-decoration: none; transition: border-color .15s,box-shadow .15s,transform .15s; }
.report-selector-list a:hover { border-color: #f5a000; box-shadow: 0 8px 22px rgba(15,35,65,.09); transform: translateY(-1px); }
.report-selector-list b,.report-selector-list small { display: block; }
.report-selector-list b { margin-bottom: 6px; font-size: 16px; }
.report-selector-list small { color: var(--muted); font-size: 13px; }
.report-selector-list strong { min-width: 42px; color: #f29a00; font-size: 16px; text-align: center; }
.financial-report-switcher { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 14px; }
.financial-report-switcher a { padding: 9px 13px; border-radius: 8px; background: #e9eff7; color: var(--navy); font-weight: 800; text-decoration: none; }
.financial-report-switcher a.active { background: var(--navy); color: #fff; }
.clean-balance-sheet { max-width: 880px; margin: 0 auto; }
.clean-balance-sheet .balance-title { padding-bottom: 16px; border-bottom: 1px solid #718096; }
.clean-balance-sheet .balance-title h2 { margin: 0 0 5px; }
.clean-balance-sheet .balance-section { margin-top: 20px; }
.clean-balance-sheet .balance-section > h3 { margin: 0; padding: 9px 8px; border-bottom: 2px solid #17365f; font-size: 16px; }
.clean-balance-sheet .balance-subgroup { margin-top: 10px; }
.clean-balance-sheet .balance-subgroup > b { display: block; padding: 7px 18px; font-size: 13px; }
.clean-balance-sheet .balance-row { display: grid; grid-template-columns: 1fr minmax(150px,auto); gap: 20px; padding: 7px 18px 7px 38px; border-bottom: 1px solid #e4e8ee; }
.clean-balance-sheet .balance-row span:last-child { text-align: right; font-variant-numeric: tabular-nums; }
.clean-balance-sheet .balance-total { font-weight: 900; border-top: 1px solid #17365f; border-bottom: 2px solid #17365f; background: #f5f8fc; }
.clean-balance-sheet .balance-grand { margin-top: 8px; padding-left: 18px; background: #e9f0f8; font-size: 15px; }
.clean-balance-sheet .balance-check { margin-top: 18px; padding: 12px 16px; border-radius: 8px; font-weight: 800; }
.clean-balance-sheet .balance-check.ok { background: #e4f6ee; color: #087653; }
.clean-balance-sheet .balance-check.bad { background: #fee9e9; color: #b4232f; }
@media (max-width: 1200px) {
    .workflow-strip {
        align-items: stretch;
        flex-direction: column;
    }
    .workflow-strip span {
        transform: rotate(90deg);
        align-self: flex-start;
    }
    .filter-form {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .filter-form .btn {
        width: 100%;
    }
    .voucher-grid {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 680px) {
    .filter-form {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 900px) {
    .auth-page {
        display: block;
        background: #fff;
    }
    .auth-visual {
        min-height: 330px;
        padding: 30px;
    }
    .auth-visual h1 {
        font-size: 44px;
    }
    .auth-card {
        box-shadow: none;
        padding: 34px 28px;
    }
    footer {
        display: grid;
        justify-items: start;
        gap: 12px;
    }
}
@media (max-width: 760px) {
    .site-header nav > a:not(.btn) {
        display: none;
    }
    .hero {
        padding-left: 24px;
        padding-right: 24px;
    }
    .hero-stat {
        display: none;
    }
    .hero-actions {
        flex-direction: column;
        align-items: stretch;
    }
    .section {
        padding: 70px 22px;
    }
    .feature-grid,
    .station-grid {
        grid-template-columns: 1fr;
    }
    .section-heading.split {
        display: block;
    }
    .cta {
        margin: 0 18px 60px;
        padding: 45px 22px;
    }
    footer {
        display: grid;
        gap: 10px;
    }
    .auth-page {
        display: block;
        background: #fff;
    }
    .auth-visual {
        min-height: 300px;
        padding: 28px;
    }
    .auth-visual h1 {
        font-size: 42px;
    }
    .auth-card {
        box-shadow: none;
        padding: 32px 24px;
    }
    .sidebar {
        transform: translateX(-100%);
        transition: 0.2s;
    }
    .menu-open .sidebar {
        transform: none;
    }
    .app-shell {
        margin-left: 0;
    }
    .topbar {
        padding: 0 18px;
    }
    .menu-toggle {
        display: block;
        border: 0;
        background: #edf1f6;
        border-radius: 8px;
        padding: 8px;
        margin-right: 12px;
    }
    .topbar > div:first-of-type {
        margin-right: auto;
    }
    .app-main {
        padding: 20px 14px;
    }
    .welcome {
        padding: 25px;
        display: block;
    }
    .welcome .btn {
        margin-top: 18px;
    }
    .metric-grid,
    .metric-grid.compact {
        grid-template-columns: 1fr 1fr;
    }
    .pos-layout {
        grid-template-columns: 1fr;
    }
    .cart {
        position: static;
        min-height: 480px;
    }
    .product-grid {
        grid-template-columns: 1fr 1fr;
    }
    .pos-toolbar {
        display: block;
    }
    .category-tabs {
        margin-top: 14px;
        overflow: auto;
    }
    .product-search > div {
        grid-template-columns: minmax(0, 1fr) auto;
    }
    .product-search #product-search-clear {
        grid-column: 1 / -1;
        justify-self: start;
    }
    .price-grid {
        grid-template-columns: 1fr;
    }
    .report-filter {
        flex-wrap: wrap;
    }
    .report-filter label {
        min-width: 140px;
        flex: 1;
    }
}
@media (max-width: 470px) {
    .metric-grid,
    .metric-grid.compact,
    .product-grid {
        grid-template-columns: 1fr;
    }
    .top-date {
        display: none;
    }
    .choice-row,
    .form-grid {
        grid-template-columns: 1fr;
    }
    .form-grid .full {
        grid-column: auto;
    }
    .pay-options {
        grid-template-columns: 1fr;
    }
    .product-tile {
        min-height: 130px;
    }
    .product-search > div {
        grid-template-columns: 1fr;
    }
    .product-search button,
    .product-search #product-search-clear {
        width: 100%;
        justify-self: stretch;
    }
}
@media print {
    .sidebar,
    .topbar,
    .report-filter,
    .no-print {
        display: none;
    }
    .app-shell {
        margin: 0;
    }
    .app-main {
        padding: 0;
    }
    .panel,
    .metric-grid article {
        box-shadow: none;
    }
    .app-body {
        background: #fff;
    }
    body.printing-purchase .app-main > :not(.print-target) {
        display: none !important;
    }
    body.printing-purchase dialog.print-target {
        display: block;
        position: static;
        width: 100%;
        max-width: none;
        min-height: 0;
        max-height: none;
        padding: 0;
        box-shadow: none;
        overflow: visible;
    }
    body.printing-purchase dialog.print-target .dialog-x,
    body.printing-purchase dialog.print-target .purchase-document-actions,
    body.printing-purchase dialog.print-target .purchase-review-actions {
        display: none !important;
    }
}
.plain-brand {
    padding: 8px !important;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 12px;
    background: #fff;
    overflow: hidden;
}
.side-user > div:first-child {
    display: grid;
    min-width: 0;
}
.side-user > div:first-child b {
    color: #fff;
    font-size: 12px;
}
.side-user > div:first-child span {
    font-size: 10px;
}
.side-user > a {
    margin-left: auto;
    font-size: 12px;
}
.wrap-cell {
    white-space: normal;
    min-width: 260px;
    line-height: 1.45;
}
.delivery-board {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}
.delivery-card {
    border: 1px solid var(--line);
    border-radius: 14px;
    padding: 18px;
    background: #fff;
}
.delivery-card-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 12px;
}
.delivery-card-head > div {
    display: grid;
}
.delivery-card-head small {
    color: var(--muted);
    margin-top: 3px;
}
.delivery-history-list small{display:block;margin-top:4px;color:var(--muted)}.delivery-history-list td{vertical-align:middle}.delivery-trip-dialog{width:min(1180px,calc(100vw - 40px));max-width:1180px;padding:28px}.delivery-trip-dialog .delivery-card-head{padding-right:42px}.delivery-trip-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.delivery-trip-dialog::backdrop{background:rgba(5,20,45,.58)}
@media print{body.trip-printing *{visibility:hidden!important}body.trip-printing .delivery-trip-dialog[open],body.trip-printing .delivery-trip-dialog[open] *{visibility:visible!important}body.trip-printing .delivery-trip-dialog[open]{display:block;position:absolute;inset:0;width:100%;max-width:none;height:auto;max-height:none;margin:0;padding:20px;border:0;box-shadow:none;overflow:visible;background:#fff}body.trip-printing .print-hidden,body.trip-printing .delivery-trip-dialog form{display:none!important}body.trip-printing .delivery-trip-dialog .table-wrap{overflow:visible}body.trip-printing .delivery-trip-dialog table{font-size:10px}}
.multi-route-form {
    margin-bottom: 20px;
}
.route-stop-entry,
.route-stop {
    margin-top: 12px;
    padding: 16px;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: var(--bg);
}
.route-stop-list {
    display: grid;
    gap: 12px;
    margin-top: 16px;
}
.single-trip-entry {
    margin-top: 20px;
    padding-top: 16px;
    border-top: 1px solid var(--line);
}
.single-trip-entry summary {
    color: var(--navy);
    font-weight: 800;
    cursor: pointer;
}
.status-label {
    display: inline-block;
    padding: 5px 9px;
    border-radius: 14px;
    background: #e8edf4;
    color: var(--navy);
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
}
.status-in_transit,
.status-picked_up {
    background: #fff0cf;
    color: #8a5900;
}
.status-delivered,
.status-received {
    background: #e2f5ed;
    color: #0d704d;
}
.status-returned {
    background: #e8edf4;
    color: #465066;
}
.inline-action {
    margin-top: 14px;
}
.trip-form {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid var(--line);
}
.compact-cards {
    grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 1100px) {
    .delivery-board {
        grid-template-columns: 1fr;
    }
}
.report-head {
    display: grid;
    grid-template-columns: 1fr minmax(260px, 420px) auto;
    align-items: end;
    gap: 18px;
}
.report-head h2 {
    margin: 0;
}
.report-head p {
    margin: 4px 0;
    color: var(--muted);
}
.report-columns {
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) minmax(280px, 0.65fr);
    gap: 20px;
    align-items: start;
}
.entry th {
    background: #20252b;
    color: white;
    padding: 10px;
}
.entry td {
    padding: 4px;
}
.entry input,
.entry select {
    min-width: 105px;
    padding: 8px;
    border-radius: 5px;
}
.entry .calc {
    background: #edf0f3;
    font-weight: 700;
}
#lpg-shift-inventory thead th,#merchandise-inventory-table thead th{background:#dcefc8;color:#10213c;border-bottom:1px solid #b5cf98;font-weight:900;vertical-align:middle}
#lpg-shift-inventory thead tr:first-child th,#merchandise-inventory-table thead tr:first-child th{background:#8fd14f;color:#10213c}
#lpg-shift-inventory tbody tr:nth-child(even),#merchandise-inventory-table tbody tr:nth-child(even){background:#f5f9fd}
#lpg-shift-inventory tbody tr:hover,#merchandise-inventory-table tbody tr:hover{background:#fff9d6}
#lpg-shift-inventory tfoot th,#merchandise-inventory-table tfoot th{background:#fff0a8!important;color:#10213c!important;border-top:2px solid #e2c84f;font-weight:950;text-align:center}
#lpg-shift-inventory tfoot th:first-child,#merchandise-inventory-table tfoot th:first-child{text-align:left;text-transform:uppercase;letter-spacing:.05em}
#lpg-shift-inventory td,#lpg-shift-inventory th,#merchandise-inventory-table td,#merchandise-inventory-table th{font-variant-numeric:tabular-nums}
.settle {
    display: grid;
    gap: 8px;
}
.settle h3 {
    margin: 0 0 8px;
}
.settle label {
    grid-template-columns: 1fr 130px;
    align-items: center;
}
.settle input {
    text-align: right;
    padding: 8px;
}
.settle > div {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid var(--line);
    padding-top: 10px;
}
.report-save {
    display: flex;
    align-items: center;
    gap: 15px;
    margin: 20px 0;
}
.report-save span {
    font-size: 12px;
    color: var(--muted);
}
.workflow-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 14px 0;
    border-bottom: 1px solid var(--line);
}
.workflow-row span {
    min-width: 0;
}
.workflow-row small {
    display: block;
    margin-top: 4px;
    color: var(--muted);
}
.pickup-vehicle-detail {
    display: grid;
    min-width: 330px;
    padding: 8px 12px;
    border-left: 3px solid #f7a600;
    background: #f7f9fc;
}
.workflow-record-button{width:100%;font:inherit;text-align:left;cursor:pointer}.workflow-record-button,.workflow-po-link{border:1px solid transparent;background:transparent;color:inherit}.workflow-record-button:hover,.workflow-record-button:focus-visible,.workflow-po-link:hover,.workflow-po-link:focus-visible{border-color:#f7a600;background:#fff9ec;box-shadow:0 0 0 3px rgba(247,166,0,.12);outline:none}.workflow-po-link{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:12px;cursor:pointer;font:inherit;text-align:left}.workflow-po-link>span:first-child{display:grid}.record-open-hint{padding:4px 8px;border-radius:999px;background:#e7eff8;color:#244b76;font-size:10px;font-weight:800;text-transform:uppercase;white-space:nowrap}
@media (max-width: 1100px) {
    .report-columns {
        grid-template-columns: 1fr;
    }
    .report-head {
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 760px) {
    .report-head {
        grid-template-columns: 1fr;
    }
    .report-save {
        align-items: stretch;
        flex-direction: column;
    }
    .report-save .btn {
        width: 100%;
    }
}
.purchase-quantity-line {
    display: block;
    white-space: nowrap;
    margin-bottom: 4px;
}

.purchase-quantity-line:last-child {
    margin-bottom: 0;
}
.dashboard-filter{display:flex;align-items:end;gap:14px;flex-wrap:wrap}.dashboard-filter label{min-width:180px}.dashboard-filter small{color:var(--muted);padding-bottom:11px}.station-chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:20px}.station-chart-card h4{margin:16px 0 6px}.trend-chart,.sales-chart{display:block;width:100%;height:230px}.sales-chart{height:190px}.chart-legend{display:flex;gap:16px;flex-wrap:wrap;color:var(--muted);font-size:12px}.chart-legend span:before{content:'';display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;background:var(--c)}
.customer-search-filter{flex:1 1 320px;max-width:520px}.search-dropdown{position:relative;display:block}.search-dropdown-menu{position:absolute;z-index:30;top:calc(100% + 6px);left:0;right:0;max-height:280px;overflow:auto;padding:6px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 18px 45px rgba(11,40,88,.16)}.po-client-menu{position:fixed;z-index:1000;right:auto}.search-dropdown-menu button{display:block;width:100%;padding:10px 12px;border:0;border-radius:8px;background:transparent;color:var(--ink);text-align:left;cursor:pointer}.search-dropdown-menu button:hover,.search-dropdown-menu button:focus{background:#edf4fc}.search-dropdown-menu small{display:block;padding:2px 0 0;color:var(--muted)}
.cell-line{display:block;min-height:26px;padding:3px 0;border-bottom:1px solid rgba(210,222,236,.55)}.cell-line:last-child{border-bottom:0}
.volume-filter [hidden]{display:none}.station-volume-card{overflow:hidden}.volume-chart-scroll{width:100%;overflow-x:auto;padding-bottom:8px}.volume-bar-chart{display:block;height:390px}.chart-empty{text-align:center;color:var(--muted);margin:12px 0 0}.station-volume-card .chart-legend{margin:4px 0 12px}
@media(max-width:1000px){.station-chart-grid{grid-template-columns:1fr}}@media(max-width:700px){.dashboard-filter>*{width:100%}.trend-chart{height:210px}.sales-chart{height:175px}}
.station-price-mapping-list{display:grid;gap:12px}.station-price-mapping{border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden}.station-price-mapping summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;cursor:pointer;list-style:none}.station-price-mapping summary::-webkit-details-marker{display:none}.station-price-mapping summary span:first-child{display:grid;gap:3px}.station-price-mapping form{border-top:1px solid var(--line);padding:16px}.station-price-mapping td input[type=number]{min-width:140px}.station-price-mapping td input[type=checkbox]{width:20px;height:20px}@media(max-width:760px){.station-price-mapping form{padding:10px}.station-price-mapping table{min-width:720px}}
.demo-box {
    margin-top: 24px;
    padding: 15px;
    background: #f5f7fa;
    border-radius: 12px;
    display: grid;
    gap: 9px;
}
.demo-box b { font-size: 12px; }
.demo-box > span {
    margin-top: 3px;
    color: var(--muted);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.demo-buttons { display: flex; gap: 6px; flex-wrap: wrap; }
.demo-box button {
    border: 1px solid var(--line);
    background: #fff;
    border-radius: 7px;
    padding: 6px 9px;
    cursor: pointer;
    font-size: 11px;
}
.volumer-condition-row { padding: 14px; margin-top: 12px; border: 1px solid var(--line, #dce3ed); border-radius: 14px; background: #f8fafc; }
.po-addon-row { padding: 14px; margin-top: 12px; border: 1px solid var(--line, #dce3ed); border-radius: 14px; background: #f8fafc; align-items: end; }
/* Photo catalog, promotions and responsive analytics */
.catalog-hero,.analytics-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;border-radius:24px;padding:28px 32px;margin-bottom:18px;background:linear-gradient(135deg,#0b234b,#1769aa);color:#fff}.catalog-hero p,.analytics-hero p{color:#d7e8fb}.catalog-tabs,.analytics-periods{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}.catalog-tabs button,.analytics-periods a{border:1px solid #d8e2ee;background:#fff;color:#12315d;border-radius:999px;padding:10px 18px;font-weight:700;text-decoration:none}.catalog-tabs button.active,.analytics-periods a:hover{background:#2687dd;color:#fff;border-color:#2687dd}.catalog-tools{display:flex;gap:12px;margin-bottom:18px}.catalog-tools input{flex:1}.catalog-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.catalog-card{display:grid;grid-template-columns:92px 1fr;gap:14px;position:relative;background:#fff;border:1px solid #dfe7f0;border-radius:20px;padding:15px;box-shadow:0 8px 24px rgba(11,35,75,.06)}.catalog-card-image{display:grid;place-items:center;width:92px;height:110px;border-radius:14px;background:#f4f8fc;overflow:hidden}.catalog-card-image img{width:100%;height:100%;object-fit:contain}.catalog-card-image span{font-size:42px;font-weight:800;color:#aac3dd}.catalog-card h3{margin:8px 0 3px}.catalog-card p,.catalog-card small{display:block;color:var(--muted);margin:0 0 7px}.catalog-card>.btn{grid-column:1/-1}.promo-layout{display:grid;grid-template-columns:minmax(320px,.8fr) 1.4fr;gap:20px}.promo-list{display:grid;gap:12px}.promo-card{display:grid;grid-template-columns:90px 1fr auto;align-items:center;gap:16px}.promo-card img{width:90px;height:80px;object-fit:cover;border-radius:12px}.promo-card span>*{display:block;margin:3px 0}.analytics-hero{display:block;background:linear-gradient(145deg,#1775c8,#2994e8)}.analytics-hero h2{font-size:36px;margin:4px 0}.analytics-periods{margin:22px 0 0}.analytics-periods a{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.35);color:#fff}.analytics-periods a:first-child{background:#fff;color:#1769aa}.analytics-kpis{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid #dfe7f0;border-radius:20px;margin-bottom:18px;overflow:hidden}.analytics-kpis article{padding:22px;border-right:1px solid #e5ebf2}.analytics-kpis article:last-child{border:0}.analytics-kpis span,.analytics-kpis small{display:block;color:var(--muted)}.analytics-kpis b{display:block;font-size:25px;color:#0b234b;margin:8px 0}.promo-badge{display:block;width:max-content;max-width:100%;padding:4px 8px;border-radius:999px;background:#e7f8ef;color:#08783e;font-size:11px;font-weight:800;margin-top:7px}
.promo-item-builder{display:grid;gap:10px}.promo-item-row{display:grid;grid-template-columns:minmax(0,1fr) 110px 140px auto;align-items:end;gap:10px}.promo-product-search{width:100%;min-width:0}.promo-original-price{display:grid;gap:7px;min-height:68px;align-content:end;padding:0 4px 11px}.promo-original-price span{color:var(--muted);font-size:12px;font-weight:700}.promo-original-price b{color:#0b234b;white-space:nowrap}.promo-pricing-summary{display:flex;justify-content:flex-end;gap:24px;margin-top:14px;padding:14px 16px;border-radius:14px;background:#f2f7fd}.promo-pricing-summary span{color:var(--muted);font-size:13px}.promo-pricing-summary b{display:block;color:#0b234b;font-size:18px}.promo-pricing-summary b.negative{color:#bd2838}.promo-bundle-icon{display:grid;place-items:center;width:74px;height:74px;border-radius:18px;background:#edf5ff;font-size:34px}.promo-card .btn{margin-top:8px}
.promotion-options{display:grid;gap:12px;margin:18px 0}.promotion-options label{display:grid;gap:6px;padding:12px;border:1px solid #dfe7f0;border-radius:14px;background:#f8fbff}.promotion-options label>span{font-size:12px;font-weight:800;color:#49627f}.promotion-options small{color:var(--muted)}.promo-product-tile{border-color:#b8d9f6;background:linear-gradient(180deg,#fff,#f1f8ff)}.promo-cart-row{border-left:3px solid #2687dd}
.tanker-pricing-panel{margin-top:8px;padding:20px;border:1px solid #cbdced;border-radius:18px;background:#f8fbff}.tanker-fields{margin-bottom:16px}.tanker-computation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.tanker-computation-grid article{padding:14px;border:1px solid #dce7f2;border-radius:14px;background:#fff}.tanker-computation-grid span,.tanker-computation-grid small{display:block;color:var(--muted);font-size:12px}.tanker-computation-grid b{display:block;margin:6px 0;color:#0b234b;font-size:18px}.tanker-destination-head{margin-top:20px}.tanker-profit-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;margin-top:14px;overflow:hidden;border:1px solid #d8e3ef;border-radius:14px;background:#d8e3ef}.tanker-profit-summary>div{padding:14px;background:#fff}.tanker-profit-summary span{display:block;color:var(--muted);font-size:12px}.tanker-profit-summary b{display:block;margin-top:5px;color:#0b234b}.tanker-profit-summary .grand{background:#0f294f}.tanker-profit-summary .grand span,.tanker-profit-summary .grand b{color:#fff}.tanker-profit-summary b.negative{color:#bd2838}#fuel-allocations input,#fuel-allocations select{min-width:110px}#fuel-allocations .fuel-station,#fuel-allocations .fuel-client{min-width:220px}
.purchase-tanker-review{margin:18px 0;padding:18px;border:1px solid #cbdced;border-radius:16px;background:#f8fbff}.purchase-tanker-review .tanker-profit-summary{grid-template-columns:repeat(4,minmax(0,1fr))}
.lpg-allocation-summary{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px;border:0;background:transparent}.lpg-allocation-summary .negative{color:#bd2838}.lpg-allocation-summary>div{border:1px solid #d8e3ef;border-radius:12px;background:#fff}.lpg-condition-balance{display:grid;gap:5px}.lpg-condition-balance span{font-weight:800;color:#0b234b}.lpg-condition-balance small{color:var(--muted)}.lpg-condition-balance small b{display:inline;margin:0;color:#0b234b;font-size:inherit}.lpg-condition-balance strong{color:#08783e;font-size:13px}
.purchase-review-dialog .po-total-row th{padding-top:14px;border-top:2px solid #aebdce;background:transparent;color:var(--ink);font-size:14px}.purchase-review-dialog .po-total-row th:first-child{text-align:right;font-weight:700}.purchase-review-dialog .po-total-row th:last-child{text-align:left;font-size:16px;font-weight:800}
.purchase-tanker-review input,.purchase-tanker-review select{width:100%;min-width:110px}.purchase-tanker-review .owner-inline-field{display:grid;grid-template-columns:auto minmax(150px,220px);align-items:center;gap:10px;margin-top:10px;color:var(--muted);font-size:12px}.purchase-tanker-review .owner-inline-field select{min-height:38px;background:#fff}.purchase-tanker-review .tanker-computation-grid input,.purchase-tanker-review .tanker-profit-summary input{margin-top:6px;background:#fff}.purchase-tanker-review td input{min-width:125px}
.purchase-review-dialog{width:min(1320px,calc(100vw - 32px));max-width:1320px}.purchase-review-dialog .table-wrap{max-width:100%;overflow-x:auto}.purchase-review-items-table{width:100%;min-width:900px;table-layout:fixed}.purchase-review-items-table th:nth-child(1){width:28%}.purchase-review-items-table th:nth-child(2){width:20%}.purchase-review-items-table th:nth-child(3){width:22%}.purchase-review-items-table th:nth-child(4){width:18%}.purchase-review-items-table th:nth-child(5){width:12%}.purchase-review-items-table input,.purchase-review-items-table select{width:100%;max-width:100%;min-width:0;box-sizing:border-box}.purchase-review-items-table td{vertical-align:middle;overflow:hidden}.owner-fuel-allocation-table{width:100%;min-width:1080px;table-layout:fixed}.owner-fuel-allocation-table th:nth-child(1){width:13%}.owner-fuel-allocation-table th:nth-child(2){width:29%}.owner-fuel-allocation-table th:nth-child(3){width:13%}.owner-fuel-allocation-table th:nth-child(4){width:13%}.owner-fuel-allocation-table th:nth-child(5){width:11%}.owner-fuel-allocation-table th:nth-child(6){width:10%}.owner-fuel-allocation-table th:nth-child(7){width:11%}.owner-fuel-allocation-table td{vertical-align:top;overflow:hidden}.owner-fuel-allocation-table td:nth-child(2) select,.owner-fuel-allocation-table td:nth-child(2) input{display:block;width:100%;min-width:0;margin:0 0 7px;box-sizing:border-box}.owner-fuel-allocation-table td:nth-child(2) select:last-child,.owner-fuel-allocation-table td:nth-child(2) input:last-child{margin-bottom:0}.owner-fuel-allocation-table [hidden]{display:none!important}.owner-fuel-allocation-table td:nth-child(n+3) input{width:100%;min-width:0;box-sizing:border-box}.purchase-tanker-review .tanker-computation-grid input,.purchase-tanker-review .tanker-profit-summary input{width:100%;min-width:0;box-sizing:border-box}
.owner-po-profit{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:14px;overflow:hidden;border:1px solid #d8e3ef;border-radius:14px;background:#d8e3ef}.owner-po-profit>div{padding:14px 16px;background:#fff}.owner-po-profit span,.owner-po-profit small{display:block;color:var(--muted);font-size:12px}.owner-po-profit b{display:block;margin-top:5px;color:#0b234b;font-size:18px}.owner-po-profit .grand{background:#0f294f}.owner-po-profit .grand span,.owner-po-profit .grand b,.owner-po-profit .grand small{color:#fff}.owner-po-profit .grand small{margin-top:5px;opacity:.78}
@media(max-width:700px){
    .purchase-review-dialog{inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:18px 14px 96px;border:0;border-radius:0;box-sizing:border-box;overflow-x:hidden;overflow-y:auto}
    .purchase-review-dialog .dialog-x{position:fixed;top:10px;right:10px;z-index:20}
    .purchase-review-dialog>.panel-head{align-items:flex-start;flex-direction:column;padding-right:38px}
    .purchase-review-dialog .purchase-document-actions{display:grid;width:100%;grid-template-columns:1fr 1fr;gap:8px}
    .purchase-review-dialog .purchase-document-actions .btn{width:100%;padding:11px 8px}
    .purchase-review-dialog .customer-account-summary{grid-template-columns:1fr 1fr;gap:8px}
    .purchase-review-dialog .customer-account-summary>div{min-width:0;padding:11px}
    .purchase-review-dialog .table-wrap{overflow:visible}
    .purchase-review-items-table,.owner-fuel-allocation-table,.purchase-review-dialog .purchase-tanker-review table{display:block;min-width:0;width:100%}
    .purchase-review-items-table thead,.owner-fuel-allocation-table thead,.purchase-review-dialog .purchase-tanker-review table thead{display:none}
    .purchase-review-items-table tbody,.owner-fuel-allocation-table tbody,.purchase-review-dialog .purchase-tanker-review table tbody{display:grid;gap:10px}
    .purchase-review-items-table tr,.owner-fuel-allocation-table tr,.purchase-review-dialog .purchase-tanker-review table tr{display:grid;padding:12px;border:1px solid #dce5ef;border-radius:13px;background:#fff}
    .purchase-review-items-table td,.owner-fuel-allocation-table td,.purchase-review-dialog .purchase-tanker-review table td{display:grid!important;grid-template-columns:42% minmax(0,1fr);align-items:center;gap:10px;width:auto!important;padding:8px 0!important;border:0;border-bottom:1px solid #edf1f5;overflow:visible}
    .purchase-review-items-table td:last-child,.owner-fuel-allocation-table td:last-child,.purchase-review-dialog .purchase-tanker-review table td:last-child{border-bottom:0}
    .purchase-review-items-table td:before,.owner-fuel-allocation-table td:before,.purchase-review-dialog .purchase-tanker-review table td:before{color:#6f7e92;font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
    .purchase-review-items-table td:nth-child(1):before{content:'Product'}.purchase-review-items-table td:nth-child(2):before{content:'Condition'}.purchase-review-items-table td:nth-child(3):before{content:'Quantity'}.purchase-review-items-table td:nth-child(4):before{content:'Purchase price'}.purchase-review-items-table td:nth-child(5):before{content:'Selling price'}.purchase-review-items-table td:nth-child(6):before{content:'Line total'}
    .owner-fuel-allocation-table td:nth-child(1):before{content:'Product'}.owner-fuel-allocation-table td:nth-child(2):before{content:'Destination'}.owner-fuel-allocation-table td:nth-child(3):before{content:'Liters'}.owner-fuel-allocation-table td:nth-child(4):before{content:'Freight / L'}.owner-fuel-allocation-table td:nth-child(5):before{content:'Selling / L'}.owner-fuel-allocation-table td:nth-child(6):before{content:'Amount'}.owner-fuel-allocation-table td:nth-child(7):before{content:'Freight amount'}
    .purchase-review-items-table tfoot{display:block;padding-right:8px;box-sizing:border-box}.purchase-review-items-table tfoot tr{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;margin-top:8px;padding:12px;border-radius:12px;background:#f1f6fb;box-sizing:border-box}.purchase-review-items-table tfoot th{display:block!important;min-width:0;padding:0!important;border:0!important}.purchase-review-items-table tfoot th:first-child{text-align:left!important}.purchase-review-items-table tfoot th:last-child{text-align:right!important;white-space:nowrap;font-size:15px}
    .owner-po-profit{grid-template-columns:1fr}.owner-po-profit>div{display:flex;justify-content:space-between;align-items:center;gap:12px}.owner-po-profit b{margin:0;text-align:right}.owner-po-profit .grand{display:grid;grid-template-columns:1fr auto}.owner-po-profit .grand small{grid-column:1/-1}
    .purchase-tanker-review{padding:12px}.purchase-tanker-review .tanker-computation-grid,.purchase-tanker-review .tanker-profit-summary{grid-template-columns:1fr 1fr}.purchase-tanker-review .panel-head{align-items:flex-start}
    .purchase-review-actions{position:fixed;z-index:15;left:0;right:0;bottom:0;display:grid!important;grid-template-columns:1fr 1fr;gap:8px;margin:0!important;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:#fff;box-shadow:0 -8px 25px rgba(8,31,65,.16)}
    .purchase-review-actions form,.purchase-review-actions .btn{width:100%}
}
.purchase-history-panel{overflow:hidden}.purchase-history-panel>.panel-head{margin-bottom:10px}.purchase-scroll-cue{display:inline-flex;align-items:center;padding:7px 11px;border:1px solid #b9cbe0;border-radius:999px;background:#edf5ff;color:#174a7d;font-size:11px;font-weight:900;letter-spacing:.04em;white-space:nowrap}.purchase-history-scroll{position:relative;overflow-x:auto;padding-bottom:8px;scrollbar-color:#55718f #e7edf4;scrollbar-width:auto}.purchase-history-scroll::-webkit-scrollbar{height:13px}.purchase-history-scroll::-webkit-scrollbar-track{border-radius:999px;background:#e7edf4}.purchase-history-scroll::-webkit-scrollbar-thumb{border:2px solid #e7edf4;border-radius:999px;background:#55718f}.purchase-history-table{min-width:1580px;table-layout:fixed}.purchase-history-table th,.purchase-history-table td{white-space:nowrap}.purchase-history-table th:nth-child(1){width:140px}.purchase-history-table th:nth-child(2){width:140px}.purchase-history-table th:nth-child(3){width:125px}.purchase-history-table th:nth-child(4){width:220px}.purchase-history-table th:nth-child(5){width:250px}.purchase-history-table th:nth-child(6){width:130px}.purchase-history-table th:nth-child(7){width:180px}.purchase-history-table th:nth-child(8){width:105px}.purchase-history-table th:nth-last-child(4),.purchase-history-table td:nth-last-child(4){position:sticky;right:315px;z-index:2;width:105px;min-width:105px;background:#f7fbff}.purchase-history-table th:nth-last-child(3),.purchase-history-table td:nth-last-child(3){position:sticky;right:210px;z-index:2;width:105px;min-width:105px;background:#f7fbff}.purchase-history-table th:nth-last-child(2),.purchase-history-table td:nth-last-child(2){position:sticky;right:105px;z-index:2;width:105px;min-width:105px;background:#f7fbff}.purchase-history-table th:last-child,.purchase-history-table td:last-child{position:sticky;right:0;z-index:3;width:105px;min-width:105px;background:#fff7e6;box-shadow:-10px 0 18px rgba(15,39,76,.12)}.purchase-history-table thead th:nth-last-child(-n+4){z-index:5;background:#17365f!important;color:#fff}.purchase-history-table td:nth-last-child(4){font-weight:800;color:#0f294f}.purchase-history-table td:last-child .btn{width:100%;white-space:nowrap}@media(max-width:850px){.purchase-history-table th:nth-last-child(4),.purchase-history-table td:nth-last-child(4),.purchase-history-table th:nth-last-child(3),.purchase-history-table td:nth-last-child(3),.purchase-history-table th:nth-last-child(2),.purchase-history-table td:nth-last-child(2){position:static}.purchase-history-table th:last-child,.purchase-history-table td:last-child{position:sticky;right:0}.purchase-scroll-cue{display:none}}
@media(max-width:900px){.tanker-computation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tanker-profit-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.tanker-profit-summary .grand{grid-column:1/-1}}@media(max-width:600px){.tanker-pricing-panel{padding:14px}.tanker-computation-grid{grid-template-columns:1fr}}
@media(max-width:1200px){.catalog-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.catalog-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.promo-layout{grid-template-columns:1fr}.analytics-kpis{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.catalog-hero{align-items:flex-start;flex-direction:column}.catalog-tools{flex-direction:column}.catalog-card-grid{grid-template-columns:1fr}.analytics-kpis{grid-template-columns:1fr}.analytics-kpis article{border-right:0;border-bottom:1px solid #e5ebf2}.analytics-hero{margin-left:-12px;margin-right:-12px;border-radius:0 0 28px 28px}.promo-card{grid-template-columns:64px 1fr}.promo-card img{width:64px;height:64px}.promo-card form{grid-column:2}.promo-item-row{grid-template-columns:1fr 90px}.promo-original-price{padding-bottom:11px}.promo-item-row .report-remove{grid-column:1/-1}.promo-pricing-summary{justify-content:space-between}}
.promo-category-builder{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}.promo-category-builder>section{min-width:0;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fafbfd}.promo-category-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}.promo-category-builder .promo-item-row{grid-template-columns:minmax(0,1fr) 90px;gap:8px;padding-top:10px;border-top:1px solid var(--line)}.promo-category-builder .promo-original-price{grid-column:1}.promo-category-builder .report-remove{grid-column:2;grid-row:2}@media(max-width:1050px){.promo-category-builder{grid-template-columns:1fr}}
.promo-layout{grid-template-columns:minmax(0,1fr)}
.promo-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.promo-category-builder{gap:18px}
.promo-category-builder>section{padding:16px;border-radius:16px;background:#f8fafd}
.promo-category-head{min-height:38px;margin-bottom:12px}
.promo-category-head b{font-size:16px;color:var(--navy)}
.promo-category-head .btn{flex:0 0 auto;white-space:nowrap;padding:9px 12px}
.promo-category-builder .promo-item-row{grid-template-columns:minmax(160px,1fr) 92px 120px auto;align-items:end;padding:12px 0 0}
.promo-category-builder .promo-original-price{grid-column:auto;padding-bottom:9px}
.promo-category-builder .report-remove{grid-column:auto;grid-row:auto;margin-bottom:9px}
@media(max-width:1200px){.promo-category-builder{grid-template-columns:1fr}.promo-list{grid-template-columns:repeat(2,minmax(0,1fr))}.promo-category-builder .promo-item-row{grid-template-columns:minmax(0,1fr) 110px 130px auto}}
@media(max-width:700px){.promo-list{grid-template-columns:1fr}.promo-category-builder .promo-item-row{grid-template-columns:minmax(0,1fr) 90px}.promo-category-builder .promo-original-price{grid-column:1}.promo-category-builder .report-remove{grid-column:2}}
.catalog-tools input{flex:1 1 520px;min-width:240px}.catalog-tools select{flex:0 0 230px}@media(max-width:600px){.catalog-tools input,.catalog-tools select{flex:auto;width:100%;min-width:0}}
#product-dialog{width:min(780px,calc(100vw - 24px));max-width:780px}.brand-picker{border:0;padding:0;margin:0;min-width:0}.brand-picker legend{font-weight:700;margin-bottom:10px}.brand-choice-grid{display:grid;grid-template-columns:repeat(4,minmax(82px,1fr));gap:10px;max-height:330px;overflow-y:auto}.brand-choice{display:grid;place-items:center;gap:6px;min-width:0;min-height:132px;padding:10px;border:2px solid #dfe6ee;border-radius:16px;background:#fff;color:#172033}.brand-choice img{width:74px;height:78px;object-fit:contain}.brand-choice span{display:grid;place-items:center;width:74px;height:78px;border-radius:12px;background:#f1f5f9;color:#91a8c2;font-size:30px;font-weight:800}.brand-choice.active{border-color:#2687dd;background:#edf7ff;box-shadow:0 0 0 2px rgba(38,135,221,.12)}.brand-picker>small{display:block;margin-top:8px;color:var(--muted)}@media(max-width:650px){#product-dialog .form-grid{grid-template-columns:1fr}.brand-choice-grid{grid-template-columns:repeat(2,1fr)}}
.catalog-card[data-brand="REGASCO"] .catalog-card-image img{transform:scale(.78)}.catalog-card[data-brand="PHOENIX"] .catalog-card-image img,.catalog-card[data-brand="PHOENIX GAS"] .catalog-card-image img{transform:scale(1.28)}
.access-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.access-intro>div{max-width:760px}.access-intro details{min-width:180px}.access-intro details[open]{width:min(720px,100%)}.access-intro summary{list-style:none;text-align:center;cursor:pointer}.access-intro summary::-webkit-details-marker{display:none}.access-create-form{margin-top:18px}.access-layout{display:grid;grid-template-columns:minmax(270px,340px) minmax(0,1fr);gap:20px;align-items:start;margin-top:20px}.access-user-list{position:sticky;top:18px}.access-users{display:grid;gap:8px;margin-top:14px;max-height:68vh;overflow:auto}.access-users>a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--line);border-radius:12px;color:var(--ink);text-decoration:none;background:#fff}.access-users>a:hover,.access-users>a.active{border-color:#f7a600;background:#fff8e9}.access-users span{min-width:0}.access-users b,.access-users small{display:block}.access-users small{color:var(--muted);overflow:hidden;text-overflow:ellipsis}.access-users em{flex:0 0 auto}.access-editor{display:grid;gap:20px;min-width:0}.access-toggle-form{margin-top:14px;justify-content:flex-end}.permission-groups{display:grid;gap:16px}.permission-groups fieldset{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;border:1px solid var(--line);border-radius:14px;padding:16px}.permission-groups legend{padding:0 8px;color:var(--navy);font-weight:800}.permission-option{display:flex;align-items:flex-start;gap:10px;padding:11px;border-radius:10px;background:#f5f8fc}.permission-option input{width:18px;height:18px;margin-top:2px;flex:0 0 auto}.permission-option span,.permission-option b,.permission-option small{display:block}.permission-option small{margin-top:3px;color:var(--muted);font-weight:500}@media(max-width:900px){.access-intro{flex-direction:column}.access-intro details,.access-intro details[open]{width:100%}.access-layout{grid-template-columns:1fr}.access-user-list{position:static}.access-users{max-height:360px}.permission-groups fieldset{grid-template-columns:1fr}}
.access-layout{grid-template-columns:minmax(360px,420px) minmax(0,1fr);gap:24px}.access-user-list{overflow:hidden;border-radius:14px}.access-user-list>input{width:100%;box-sizing:border-box}.access-users{overflow-x:hidden;overflow-y:auto;scrollbar-gutter:stable}.access-users>a{display:grid;grid-template-columns:minmax(0,1fr);gap:7px;width:100%;box-sizing:border-box;padding:13px 14px;border-radius:8px}.access-users>a:hover{border-color:#a8b8ca;background:#f7f9fc}.access-users>a.active{border-color:#2f6da5;background:#eef5fb;box-shadow:inset 3px 0 0 #2f6da5}.access-users b{font-size:14px;line-height:1.35}.access-users small{max-width:100%;white-space:nowrap}.access-users em{justify-self:start;max-width:100%;padding:3px 7px;border-radius:4px;background:#e9eef5;color:#3c516a;font-size:10px;font-style:normal;font-weight:800;line-height:1.25;text-transform:uppercase;letter-spacing:.035em;white-space:normal}.access-users em.rejected{background:#f4e8ea;color:#973343}.permission-groups fieldset{border-radius:10px}.permission-option{border-radius:6px}@media(max-width:1050px){.access-layout{grid-template-columns:minmax(310px,360px) minmax(0,1fr)}}@media(max-width:900px){.access-layout{grid-template-columns:1fr}.access-user-list{overflow:visible}.access-users{overflow-x:hidden}}
.driver-open-shift{max-width:1180px;margin:0 auto}.driver-shift-form{display:grid;gap:18px}.driver-inventory-table input{min-width:110px}.driver-shift-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 28px;margin-bottom:18px;border-radius:16px;background:linear-gradient(135deg,#0d294f,#174a7d);color:#fff}.driver-shift-hero .eyebrow,.driver-shift-hero p{color:#cfe2f5}.driver-shift-hero span{padding:7px 10px;border:1px solid rgba(255,255,255,.3);border-radius:6px;font-size:11px;font-weight:800}.driver-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.driver-kpis article{padding:18px;border:1px solid var(--line);border-radius:10px;background:#fff}.driver-kpis span,.driver-kpis small{display:block;color:var(--muted)}.driver-kpis b{display:block;margin:6px 0;color:var(--navy);font-size:24px}.driver-sales-layout{display:grid;grid-template-columns:minmax(320px,.75fr) minmax(0,1.25fr);gap:18px;align-items:start}.driver-close-panel{border-top:4px solid #b62e3d}.driver-close-panel .negative{color:#b62e3d}@media(max-width:1000px){.driver-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.driver-sales-layout{grid-template-columns:1fr}}@media(max-width:620px){.driver-shift-hero{align-items:flex-start;flex-direction:column;padding:20px}.driver-kpis{grid-template-columns:1fr}.driver-inventory-table{min-width:720px}}


.sidebar-notifications{display:flex!important;align-items:center;justify-content:space-between;margin-top:14px!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:12px!important;padding:12px 14px!important}.nav-notification-badge{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#e02424;color:#fff;font-size:11px;font-weight:800;box-shadow:0 0 0 2px #0b2852}.notification-row{display:flex;align-items:center;gap:16px;padding:16px;border:1px solid #dce4ef;border-radius:14px;margin-top:10px;background:#fff}.notification-row.unread{border-color:#f4a000;background:#fffaf0}.notification-row>a{display:flex;flex:1;flex-direction:column;gap:4px;color:inherit;text-decoration:none}.notification-row small{display:block;color:#738099}
.notification-email-toggle{display:inline-flex!important;flex:0 0 auto!important;align-items:center;gap:6px;margin-left:auto;font-weight:700}.notification-email-toggle input{width:auto!important}
.outbound-allocation-table{margin:20px 0;border:1px solid #d7e1ed;border-radius:16px;overflow:hidden;background:#fff}.outbound-allocation-head,.outbound-allocation-row{display:grid;grid-template-columns:1.35fr .9fr 1.45fr .65fr .75fr auto;gap:12px;align-items:center;padding:12px 16px}.outbound-allocation-head{background:#f5f8fc;border-bottom:1px solid #d7e1ed;color:#6d7890;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.outbound-allocation-row+.outbound-allocation-row{border-top:1px solid #e3e9f1}.outbound-allocation-row select,.outbound-allocation-row input{width:100%;min-width:0}.outbound-client-fields{display:grid;grid-template-columns:.8fr 1.2fr;gap:8px}.outbound-allocation-row [data-outbound-empty]{display:block}@media(max-width:1050px){.outbound-allocation-head{display:none}.outbound-allocation-row{grid-template-columns:1fr 1fr}.outbound-allocation-row>*{min-width:0}.outbound-allocation-row>button{grid-column:1/-1}.outbound-client-fields{grid-column:auto}}
.muted-cell{opacity:.35}.muted-cell select{background:#eef2f7}
.inline-correction-form{display:grid;grid-template-columns:minmax(120px,150px) minmax(210px,1fr) auto;align-items:end;gap:8px;min-width:500px}.inline-correction-form label{display:grid;gap:5px;font-size:11px}.inline-correction-form input{min-width:0}.inline-correction-form .btn{white-space:nowrap}@media(max-width:760px){.inline-correction-form{grid-template-columns:1fr;min-width:260px}}
.vehicle-document-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:8px}.vehicle-document-actions small{flex:1 1 320px}.vehicle-document-actions .btn{width:auto;margin:0}
.vehicle-document-dialog{width:min(1050px,calc(100vw - 32px));height:min(820px,calc(100vh - 32px));padding:0;border:0;border-radius:16px;overflow:hidden}.vehicle-document-dialog::backdrop{background:rgba(5,18,39,.72)}.vehicle-document-dialog header,.vehicle-document-dialog footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;background:#fff}.vehicle-document-dialog header{border-bottom:1px solid var(--line)}.vehicle-document-dialog header h3,.vehicle-document-dialog header p{margin:0}.vehicle-document-dialog iframe{display:block;width:100%;height:calc(100% - 145px);border:0;background:#eef2f7}.vehicle-document-dialog footer{justify-content:flex-end;border-top:1px solid var(--line)}.vehicle-document-dialog footer .btn{width:auto}
.accounting-report-toolbar{margin-bottom:18px}.report-filter-form{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(260px,1.35fr) minmax(250px,1fr) auto auto;gap:12px;align-items:end}.report-filter-form label{display:grid;gap:6px;font-weight:700}.accounting-report-sheet{max-width:1500px;margin:0 auto}.excel-report-title{text-align:center;padding:8px 10px 24px}.excel-report-title h2,.excel-report-title h3,.excel-report-title p{margin:3px 0}.excel-report-title h2{font-size:21px}.excel-report-title h3{margin-top:18px;letter-spacing:.08em}.excel-report-table{width:100%;border-collapse:collapse;margin:0 0 24px;font-size:13px}.excel-report-table th,.excel-report-table td{border:1px solid #b9c1cc;padding:9px 11px;vertical-align:middle}.excel-report-table thead th{background:#8fd14f;color:#10213c;text-transform:uppercase;letter-spacing:.05em;font-size:11px}.excel-report-table td.num,.excel-report-table th.num{text-align:right;font-variant-numeric:tabular-nums}.excel-report-table small{display:block;color:#748198;margin-top:3px}.report-section-row th{background:#eef4e8;text-align:left;color:#b42318;letter-spacing:.08em}.report-total th,.report-total td{font-weight:800;background:#f5f7fa;border-top:2px solid #334155}.report-grand th,.report-grand td{font-size:15px;font-weight:900;background:#fff7c7;border-top:2px solid #111827}.excel-section-title{margin:25px 0 8px;color:#c2410c;letter-spacing:.08em}.report-note{color:#667085;font-size:12px;margin:-10px 0 20px}.negative{color:#c62828!important}.excel-report-signatures{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:45px}.excel-report-signatures div{display:grid;gap:8px}.excel-report-signatures span,.excel-report-signatures small{color:#667085}.excel-report-signatures b{padding-top:14px;border-top:1px solid #26364d;max-width:320px}.inventory-report{min-width:1050px}@media(max-width:1100px){.report-filter-form{grid-template-columns:1fr 1fr}.report-filter-form .btn{width:100%}}@media print{.no-print,.sidebar,.topbar{display:none!important}.app-shell,.main-content{display:block!important;margin:0!important;padding:0!important}.accounting-report-sheet{box-shadow:none!important;border:0!important;padding:0!important;max-width:none}.excel-report-table{font-size:10px;break-inside:auto}.excel-report-table tr{break-inside:avoid}.excel-report-table th,.excel-report-table td{padding:5px 7px}.excel-report-title{padding-top:0}.excel-report-signatures{break-inside:avoid}@page{size:landscape;margin:10mm}}
.accounting-report-filters{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.accounting-report-filters .btn{width:100%}
@media(max-width:900px){.accounting-report-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.accounting-report-filters{grid-template-columns:1fr}}
.payroll-employee b,.payroll-employee small{display:block}.payroll-employee small{color:#667085;margin-top:3px}.payroll-sheet-panel{max-width:calc(100vw - 290px);margin-inline:auto}.compact-payroll-table{width:100%;min-width:980px;border-collapse:collapse;font-size:13px}.compact-payroll-table th,.compact-payroll-table td{padding:10px 12px;border-bottom:1px solid #dbe2ea}.compact-payroll-table thead th{background:#20252b;color:#fff;text-transform:uppercase;font-size:10px;letter-spacing:.04em}.compact-payroll-table .num{text-align:right;font-variant-numeric:tabular-nums}.compact-payroll-table tbody tr:nth-child(even){background:#f4f8fc}.compact-payroll-table .deduction-cell{background:#fff7d6}.compact-payroll-table .contribution-cell{background:#edf6ff}.compact-payroll-table .payroll-net{background:#e4f8e9!important}.payroll-detail-dialog{width:min(1080px,94vw);max-height:90vh;padding:26px}.payroll-detail-dialog form h4{margin:22px 0 9px;color:#0b2448}.payroll-basis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:16px 0}.payroll-basis div,.statutory-results div{display:grid;gap:4px;padding:10px 12px;border:1px solid #d7e0ea;border-radius:8px;background:#f6f9fc}.payroll-basis small,.statutory-results small{color:#667085}.payroll-modal-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.payroll-modal-grid label{display:grid;gap:5px;font-size:12px;font-weight:700}.payroll-modal-grid input{min-width:0;padding:9px 10px}.statutory-results{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:10px}.statutory-results div{background:#fff4bf;text-align:right}.payroll-detail-dialog .btn.full{margin-top:20px}@media(max-width:900px){.payroll-sheet-panel{max-width:calc(100vw - 32px)}.payroll-basis,.payroll-modal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.statutory-results{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.payroll-basis,.payroll-modal-grid,.statutory-results{grid-template-columns:1fr}}
.inventory-ledger{min-width:1450px}.inventory-ledger thead th{text-align:center;white-space:nowrap}.inventory-ledger thead small{color:inherit;font-size:10px}.report-category-row th{background:#d5d7da;color:#111;text-align:left;font-weight:900}.inventory-empty-row td{background:#e7f1fb}.inventory-ledger td:nth-child(n+2){font-variant-numeric:tabular-nums}.warehouse-inventory-report .form-grid{margin-bottom:18px}
.live-location-monitor{margin-bottom:18px}.live-location-table{width:100%;min-width:1000px;border-collapse:collapse}.live-location-table th,.live-location-table td{padding:10px 12px;border-bottom:1px solid #dce3ec;font-size:12px}.live-location-table thead th{background:#0b2348;color:#fff;font-size:10px;letter-spacing:.06em;text-transform:uppercase;text-align:left}.live-location-table td small{display:block;margin-top:3px;color:#758197}.live-location-table .num{text-align:right;font-variant-numeric:tabular-nums}.live-location-table tbody tr:hover td{background:#f7f9fc}.live-location-table .selected-location td{background:#fff7d5}.live-location-table .btn{white-space:nowrap}.live-location-monitor .panel-head{margin-bottom:12px}
.warehouse-editable-report{width:100%;min-width:1120px;table-layout:fixed;font-size:10px}.warehouse-editable-report th,.warehouse-editable-report td{padding:3px 4px;line-height:1.15}.warehouse-editable-report th:first-child,.warehouse-editable-report td:first-child{width:19%;padding:6px 8px;min-width:0}.warehouse-editable-report th:not(:first-child),.warehouse-editable-report td:not(:first-child){width:auto}.warehouse-editable-report thead th{padding:7px 3px;font-size:9px;white-space:normal;overflow-wrap:anywhere}.warehouse-editable-report thead small{font-size:8px}.report-cell-input{box-sizing:border-box;width:100%;min-width:0;height:30px;padding:4px 5px;border:1px solid #cbd5e1;border-radius:4px;background:#fff;font:inherit;font-size:10px}.report-cell-input:focus{outline:2px solid #f5a400;outline-offset:0}.system-value{background:#f4f7fb;font-weight:800}.live-inventory-head,.live-inventory-value{background:#fff2b8!important;font-weight:900}.live-inventory-head small{font-weight:600}.warehouse-editable-report .inventory-empty-row .live-inventory-value{background:#fff2b8!important}.warehouse-inventory-report>.table-wrap,.warehouse-inventory-report form>.table-wrap{scrollbar-width:thin}
@media (min-width:701px) and (max-width:1200px){
  .warehouse-inventory-report{padding:18px 14px}.warehouse-inventory-report .panel-head{align-items:flex-start;gap:14px}.warehouse-inventory-report .panel-head .button-row{display:grid;grid-template-columns:1fr 1fr;width:100%;max-width:430px}.warehouse-inventory-report .panel-head .button-row .btn:first-child{grid-column:1/-1}.warehouse-inventory-report .table-wrap{overflow:visible}.warehouse-editable-report{min-width:0;border-collapse:separate;border-spacing:0 14px;margin-bottom:10px}.warehouse-editable-report thead{display:none}.warehouse-editable-report tbody{display:block}.warehouse-editable-report .report-category-row{display:block;margin:22px 0 4px}.warehouse-editable-report .report-category-row th{display:block;border-radius:8px;padding:10px 14px}.warehouse-editable-report .report-category-row th:not(:first-child){display:none}.warehouse-editable-report .inventory-product-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;background:#fff;border:1px solid #ccd5e1;border-radius:12px;box-shadow:0 5px 16px rgba(15,35,65,.06);overflow:hidden}.warehouse-editable-report .inventory-product-row td{display:flex;flex-direction:column;justify-content:flex-end;gap:6px;min-width:0!important;min-height:70px;padding:10px!important;border:0;border-right:1px solid #e1e7ef;border-bottom:1px solid #e1e7ef;text-align:left!important}.warehouse-editable-report .inventory-product-row td:first-child{grid-column:1/-1;min-height:auto;padding:13px 14px!important;background:#edf3fa;font-weight:900;font-size:15px}.warehouse-editable-report .inventory-product-row td::before{content:attr(data-label);display:block;color:#65738a;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.warehouse-editable-report .inventory-product-row td:first-child::before{display:none}.warehouse-editable-report .inventory-product-row .report-cell-input{min-width:0;height:42px;font-size:16px}.warehouse-editable-report .inventory-empty-row td:first-child{background:#dceafb}.warehouse-editable-report .live-inventory-value{justify-content:center;font-size:18px}.warehouse-editable-report .system-value{justify-content:center;font-size:16px}
}
@media (max-width:700px){
  .warehouse-inventory-report{padding:14px 10px}.warehouse-inventory-report .panel-head,.warehouse-inventory-report .button-row{display:grid!important;grid-template-columns:1fr;width:100%}.warehouse-inventory-report .button-row .btn{width:100%}.warehouse-inventory-report .form-grid{grid-template-columns:1fr}.warehouse-inventory-report .table-wrap{overflow:visible}.warehouse-editable-report{min-width:0;border-collapse:separate;border-spacing:0 12px}.warehouse-editable-report thead{display:none}.warehouse-editable-report tbody{display:block}.warehouse-editable-report .report-category-row{display:block}.warehouse-editable-report .report-category-row th{display:block;border-radius:7px}.warehouse-editable-report .report-category-row th:not(:first-child){display:none}.warehouse-editable-report .inventory-product-row{display:grid;grid-template-columns:1fr 1fr;border:1px solid #ccd5e1;border-radius:10px;overflow:hidden;background:#fff}.warehouse-editable-report .inventory-product-row td{display:flex;flex-direction:column;gap:5px;min-width:0!important;min-height:68px;padding:9px!important;border:0;border-right:1px solid #e1e7ef;border-bottom:1px solid #e1e7ef;text-align:left!important}.warehouse-editable-report .inventory-product-row td:first-child{grid-column:1/-1;min-height:auto;background:#edf3fa;font-weight:900}.warehouse-editable-report .inventory-product-row td::before{content:attr(data-label);color:#65738a;font-size:9px;font-weight:800;text-transform:uppercase}.warehouse-editable-report .inventory-product-row td:first-child::before{display:none}.warehouse-editable-report .report-cell-input{min-width:0;height:42px;font-size:16px}.warehouse-editable-report .live-inventory-value,.warehouse-editable-report .system-value{font-size:17px;justify-content:center}
}
@media print{.warehouse-editable-report{width:100%;min-width:0;table-layout:fixed;font-size:8px}.warehouse-editable-report thead{display:table-header-group}.warehouse-editable-report tbody{display:table-row-group}.warehouse-editable-report .inventory-product-row,.warehouse-editable-report .report-category-row{display:table-row}.warehouse-editable-report .inventory-product-row td,.warehouse-editable-report .report-category-row th{display:table-cell}.warehouse-editable-report td::before{display:none!important}.report-cell-input{border:0;padding:0;height:auto;background:transparent}}
.customer-name-button{appearance:none;border:0;background:none;padding:0;color:inherit;font:inherit;cursor:pointer;text-align:left}.customer-name-button:hover{text-decoration:underline}

/* Excel-style payroll row editor */
.payroll-detail-dialog{width:min(1380px,97vw);max-width:1380px;padding:18px 20px 20px;border-radius:8px;background:#fff;overflow:auto}
.payroll-detail-dialog>h3{margin:2px 0 12px;font-size:22px}
.payroll-detail-dialog .eyebrow{margin-bottom:4px}
.payroll-basis{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:0;margin:12px 0 14px;border:1px solid #aebbc9;border-right:0}
.payroll-basis div{display:grid;gap:3px;padding:8px 10px;border:0;border-right:1px solid #aebbc9;border-radius:0;background:#eef3f8}
.payroll-basis small{color:#536174;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.payroll-basis b{font-variant-numeric:tabular-nums}
.payroll-detail-dialog form h4{margin:12px 0 0;padding:8px 10px;border:1px solid #20252b;background:#20252b;color:#fff;font-size:11px;line-height:1;text-transform:uppercase;letter-spacing:.05em}
.payroll-modal-grid{display:grid;grid-template-columns:repeat(5,minmax(145px,1fr));gap:0;border-left:1px solid #b7c2ce}
.payroll-modal-grid label{display:grid;align-content:start;gap:0;min-width:0;padding:0;border-right:1px solid #b7c2ce;border-bottom:1px solid #b7c2ce;background:#fff;font-size:10px;font-weight:800;color:#435169}
.payroll-modal-grid label::first-line{line-height:28px}
.payroll-modal-grid label{padding-top:7px;text-indent:8px}
.payroll-modal-grid input{box-sizing:border-box;width:calc(100% + 1px);min-width:0;height:34px;margin:5px -1px -1px;padding:5px 8px;border:1px solid #b7c2ce;border-radius:0;background:#fff;text-align:right;text-indent:0;font-variant-numeric:tabular-nums;font-weight:700}
.payroll-modal-grid input[name=remarks]{text-align:left}
.payroll-modal-grid input:focus{position:relative;z-index:1;border:2px solid #217346;outline:0;background:#f4fff7}
.payroll-modal-grid.statutory-results{grid-template-columns:repeat(4,minmax(160px,1fr));margin:0;border-top:0}
.statutory-results div{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;min-height:38px;padding:6px 9px;border:0;border-right:1px solid #b7c2ce;border-bottom:1px solid #b7c2ce;border-radius:0;background:#fff2b8;text-align:left}
.statutory-results small{color:#4c5668;font-size:10px;font-weight:800;text-transform:uppercase}
.statutory-results b{font-variant-numeric:tabular-nums;text-align:right}
.payroll-detail-dialog .btn.full{position:sticky;bottom:-20px;width:100%;margin:16px 0 -20px;border-radius:0;padding:12px;z-index:2}
@media(max-width:900px){.payroll-detail-dialog{width:96vw}.payroll-basis{grid-template-columns:repeat(5,minmax(145px,1fr));overflow-x:auto}.payroll-modal-grid{grid-template-columns:repeat(5,minmax(145px,1fr));overflow-x:auto}.payroll-modal-grid.statutory-results{grid-template-columns:repeat(4,minmax(160px,1fr))}}

/* Payslip-style payroll editor based on the company's paper payroll form */
.payslip-dialog{width:min(1050px,95vw);max-width:1050px;padding:22px 26px 24px;border-radius:10px}
.payslip-company{text-align:center;border:1px solid #9aa7b5;border-bottom:0;padding:10px}.payslip-company h2{margin:2px 0;font-size:22px;letter-spacing:.04em}.payslip-company .eyebrow{margin:0}
.payslip-identity{display:grid;grid-template-columns:1fr 1.15fr;border:1px solid #9aa7b5}.payslip-identity>div{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:4px 14px;padding:9px 12px;border-right:1px solid #9aa7b5}.payslip-identity>div:last-child{border:0}.payslip-identity>div:first-child b{grid-column:1/-1;font-size:17px}.payslip-identity small,.payslip-identity span{color:#566173;font-size:11px}.payslip-identity>div:last-child b{text-align:right;font-size:12px}
.payslip-monthly{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:9px 12px;border:1px solid #9aa7b5;border-top:0;background:#f5f6f7}.payslip-monthly>span{font-weight:900;text-transform:uppercase}.payslip-monthly>b{font-size:18px}.payslip-monthly>small{color:#667085}
.payslip-form{margin-top:14px}.payslip-columns{display:grid;grid-template-columns:1fr 1fr;border:1px solid #8795a5}.payslip-block:first-child{border-right:1px solid #8795a5}.payslip-block h4,.payslip-employer h4{margin:0;padding:8px 10px;background:#20252b;color:#fff;font-size:12px;text-transform:uppercase;letter-spacing:.04em}
.payslip-lines{min-height:330px;padding:7px 10px}.payslip-lines label,.payslip-lines>div{display:grid;grid-template-columns:minmax(180px,1fr) 145px;align-items:center;min-height:30px;border-bottom:1px dotted #c4ccd5;font-size:12px}.payslip-lines label span,.payslip-lines>div span{font-weight:650}.payslip-lines input{height:27px;padding:3px 7px;border:0;border-left:1px solid #b5bec8;border-radius:0;background:#fff;text-align:right;font-variant-numeric:tabular-nums;font-weight:750}.payslip-lines input:focus{outline:2px solid #217346;background:#f4fff7}.payslip-lines.calculated>div b{text-align:right;font-variant-numeric:tabular-nums}.payslip-lines.calculated>div{background:#fff7d4;padding-left:7px}
.payslip-total{display:flex;justify-content:space-between;align-items:center;min-height:42px;padding:8px 12px;border-top:2px solid #20252b;text-transform:uppercase;font-weight:900}.payslip-total b{font-size:17px;font-variant-numeric:tabular-nums}.payslip-total.net{background:#eef6ff}.payslip-total.net b{font-size:20px;color:#9b1c2b}
.payslip-employer{margin-top:14px;border:1px solid #8795a5}.payslip-employer>div{display:grid;grid-template-columns:repeat(3,1fr)}.payslip-employer>div>span{display:flex;justify-content:space-between;padding:9px 11px;border-right:1px solid #aeb8c3;background:#fff5c8}.payslip-employer>div>span:last-child{border:0}.payslip-employer small{text-transform:uppercase;color:#535d6c}.payslip-employer b{font-variant-numeric:tabular-nums}
.payslip-remarks{display:grid;grid-template-columns:100px 1fr;align-items:center;margin-top:10px;border:1px solid #aeb8c3}.payslip-remarks span{padding:8px 10px;font-size:11px;font-weight:850;text-transform:uppercase}.payslip-remarks input{height:36px;border:0;border-left:1px solid #aeb8c3;border-radius:0}.payslip-dialog .btn.full{position:static;margin:14px 0 0;border-radius:4px;width:100%}
@media(max-width:760px){.payslip-dialog{padding:16px}.payslip-identity,.payslip-columns{grid-template-columns:1fr}.payslip-identity>div,.payslip-block:first-child{border-right:0;border-bottom:1px solid #8795a5}.payslip-monthly{grid-template-columns:1fr}.payslip-employer>div{grid-template-columns:1fr}.payslip-employer>div>span{border-right:0;border-bottom:1px solid #aeb8c3}}

/* Instructional walkthroughs retired system-wide. */
.accounting-guide,.accounting-help,.payroll-empty-guide,.system-guideline{display:none!important}
.accounting-module-title small{display:none!important}
.panel-head>div>small,.form-grid label>small,.panel>h3+p.muted,.panel>h3+p.subtle{display:none!important}
.panel:has(>p.eyebrow + h3 + .accounting-action-list){display:none!important}
.content-grid:has(>.panel>p.eyebrow + h3 + .accounting-action-list){grid-template-columns:1fr}

/* Live station inventory overview */
.inventory-welcome{margin-bottom:0}.inventory-metrics article small{display:block!important;margin-top:5px;color:var(--muted);font-size:12px}.live-inventory-panel{overflow:hidden}.live-inventory-legend{margin:5px 0 12px}.inventory-chart-scroll{width:100%;overflow-x:auto;padding-bottom:6px}.inventory-stock-chart{display:block;min-height:170px}.inventory-station-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:24px}.inventory-station-card{background:#fff;border:1px solid #d5deea;border-radius:14px;padding:16px;box-shadow:0 6px 18px rgba(15,39,76,.04)}.inventory-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.inventory-card-head h3{font-size:16px;margin:2px 0 0}.station-code{display:block;color:#d62828;font-weight:800;font-size:11px;letter-spacing:.04em}.inventory-live-badge{flex:none;border:1px solid #b8d7ff;background:#eaf4ff;color:#1357c4;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:800}.inventory-report-meta{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0;color:#52637a;font-size:11px}.inventory-report-meta span{background:#f5f8fc;border:1px solid #dce4ee;border-radius:999px;padding:4px 7px}.inventory-total{display:flex;justify-content:space-between;align-items:end;padding:11px 0;border-top:1px solid #dce4ee;border-bottom:1px solid #dce4ee;text-transform:uppercase;color:#52637a;font-size:11px;font-weight:700}.inventory-total b{color:#0f274c;font-size:21px;letter-spacing:0;text-transform:none}.inventory-product{margin-top:13px}.inventory-product-label{display:flex;justify-content:space-between;gap:10px;align-items:center;color:#0f274c;font-size:12px}.inventory-product-label span{font-weight:750}.inventory-product-label span i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#2563eb;margin-right:7px}.inventory-product-label span small{display:block!important;margin:2px 0 0 15px;color:#66768a;font-weight:500}.inventory-product-label b{font-size:12px}.inventory-level{height:9px;margin:5px 0 3px 15px;border-radius:999px;background:#e7edf4;overflow:hidden}.inventory-level span{display:block;height:100%;border-radius:inherit;background:#2563eb}.inventory-product>small{display:block;text-align:right;color:#78879a;font-size:9px}.inventory-product.unleaded .inventory-product-label i,.inventory-product.unleaded .inventory-level span{background:#16a05d}.inventory-product.premium .inventory-product-label i,.inventory-product.premium .inventory-level span{background:#f59e0b}.inventory-updated{margin:14px 0 0;padding-top:9px;border-top:1px solid #edf1f6;color:#78879a;font-size:10px}.inventory-station-card.awaiting-report{background:#f8fafc}.inventory-station-card.awaiting-report .inventory-live-badge{border-color:#e4c8c8;background:#fff0f0;color:#b42318}.inventory-empty{min-height:145px;display:flex;flex-direction:column;justify-content:center;text-align:center;color:#66768a}.inventory-empty b{color:#34445a}.inventory-empty p{font-size:12px;line-height:1.5}
@media(max-width:1200px){.inventory-station-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.inventory-station-grid{grid-template-columns:1fr}.inventory-total b{font-size:18px}}
.purchase-scroll-help{margin:4px 0 0;color:var(--muted);font-size:12px}
.po-pdc-settlement-summary{grid-template-columns:repeat(5,minmax(0,1fr))}.po-pdc-settlement-summary>div{flex-direction:column;gap:5px}.po-pdc-settlement-summary>div:last-child{background:#e7f7ee}@media(max-width:1050px){.po-pdc-settlement-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.po-pdc-settlement-summary{grid-template-columns:1fr}}
.coa-tree-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px;align-items:start}.coa-class{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}.coa-class>.coa-class-title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 16px;background:#dce5e8;color:#10233f;font-weight:900;text-transform:uppercase;cursor:pointer;list-style:none}.coa-class>.coa-class-title::-webkit-details-marker{display:none}.coa-class>.coa-class-title:after{content:'+';font-size:20px}.coa-class[open]>.coa-class-title:after{content:'−'}.coa-class>.coa-class-title small{margin-left:auto;color:var(--muted);font-weight:700;text-transform:none}.coa-class-body>details{border-top:1px solid var(--line)}.coa-class-body>details>summary{cursor:pointer;padding:12px 16px;font-weight:800;background:#f7fafc}.coa-class-body>details>summary small{float:right;color:var(--muted)}.coa-account-list{padding:3px 14px}.coa-account-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:10px 4px;border-bottom:1px solid var(--line)}.coa-account-row:last-child{border:0}.coa-account-row span>small{display:block;margin-top:3px;color:var(--muted)}.coa-account-row em{font-size:11px;font-style:normal;color:var(--muted)}.coa-account-row.inactive{opacity:.5}@media(max-width:900px){.coa-tree-grid{grid-template-columns:1fr}.coa-account-row{grid-template-columns:1fr auto}.coa-account-row form{grid-column:1/-1}}

/* Temporary neutral testing mode: conceal the company logo for every user. */
.brand-logo,.sidebar>.brand{display:none!important}

/* Mobile field-work mode: Driver, Procurement and Outlet/POS */
@media (max-width:760px){
  html{scroll-padding-top:72px}.app-main{padding:14px 10px 90px}.topbar{min-height:64px;height:auto;padding:9px 12px;position:sticky;top:0;z-index:40;background:#fff}.topbar h1{font-size:17px;line-height:1.15}.topbar .eyebrow{font-size:9px}.menu-toggle{min-width:44px;min-height:44px;font-size:22px}.sidebar{width:min(86vw,320px);z-index:100}.sidebar nav a{min-height:48px;padding:12px 16px;font-size:15px}.panel{padding:16px 12px;border-radius:14px}.panel-head{align-items:flex-start;gap:10px}.panel-head>.button-row,.panel-head>form{width:100%}.panel-head .button-row{display:grid;grid-template-columns:1fr}.panel-head .btn,.button-row .btn{min-height:46px;width:100%}.btn{min-height:44px;padding:11px 14px}input,select,textarea{min-height:46px;font-size:16px}.table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:auto}.table-wrap:has(table[style]),.purchase-items-wrap{border-right:3px solid #f4a000}.customer-dialog,.delivery-trip-dialog,.driver-report-dialog,.purchase-review-dialog{box-sizing:border-box;width:100vw!important;max-width:100vw!important;height:100dvh;max-height:100dvh;margin:0;padding:18px 12px 28px;border:0;border-radius:0}.dialog-x{position:sticky;top:0;float:right;z-index:5;min-width:44px;min-height:44px}.form-grid{grid-template-columns:1fr}.form-grid>.full{grid-column:auto}

  /* Driver: designed for one-handed roadside use. */
  .driver-shift-hero{margin:-14px -10px 14px;padding:18px 14px;border-radius:0 0 18px 18px}.driver-shift-hero h2{font-size:23px}.driver-kpis{grid-template-columns:1fr 1fr;gap:8px}.driver-kpis article{padding:12px}.driver-kpis b{font-size:19px}.driver-pos-layout{display:flex!important;flex-direction:column;gap:12px}.driver-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px}.driver-product-card{min-height:190px!important;padding:11px 8px!important;border-width:2px}.driver-product-card .product-photo{height:92px}.driver-product-card b{font-size:14px;line-height:1.15}.driver-product-card small,.driver-product-card em{font-size:11px}.driver-product-card.selected{box-shadow:0 0 0 3px rgba(244,160,0,.28)}.driver-cart-panel{position:static!important;min-height:0!important;border:2px solid #f4a000}.driver-cart-panel .cart-head{padding:14px}.driver-cart-panel .cart-items{min-height:0;max-height:none;padding:12px}.driver-cart-panel .cart-summary{position:sticky;bottom:0;z-index:12;padding:12px;background:#fff;box-shadow:0 -8px 20px rgba(11,35,72,.12)}#driver-open-settlement{min-height:58px;font-size:17px}.returned-brand{margin-top:10px}.returned-brand input,.returned-brand select{width:100%}.pay-options{grid-template-columns:1fr 1fr!important;gap:8px}.pay-options span{min-height:54px;display:grid;place-items:center;padding:10px}.driver-open-shift .driver-inventory-table{min-width:620px}.driver-shift-form>.btn,.driver-load-assignment .btn,.trip-form>.btn{min-height:56px;font-size:16px;width:100%}.delivery-board{display:grid;grid-template-columns:1fr;gap:12px}.delivery-card{padding:14px;border-radius:14px}.delivery-card-head{display:grid;grid-template-columns:1fr;gap:9px}.delivery-card-head .status-label,.delivery-card-head .pill{justify-self:start}.delivery-trip-actions{display:grid;grid-template-columns:1fr;width:100%}.delivery-trip-actions .btn,.delivery-trip-actions form,.delivery-trip-actions form .btn{width:100%}.delivery-reconciliation{min-width:720px}.delivery-reconciliation input{min-width:100px}.driver-load-assignment{padding:14px 10px}.driver-load-assignment input{min-width:100px}

  /* Procurement: forms fit the phone, wide costing grids scroll deliberately. */
  #purchase-form{grid-template-columns:1fr!important}#purchase-form>label,#purchase-form>.full{grid-column:1!important}.purchase-items-wrap{margin-inline:-4px;padding-bottom:10px}#purchase-items{min-width:980px}#purchase-items input,#purchase-items select{min-height:44px;font-size:15px}#purchase-items th:last-child,#purchase-items td:last-child{position:static;box-shadow:none}.purchase-document-actions,.purchase-review-actions{display:grid!important;grid-template-columns:1fr;gap:9px}.purchase-document-actions .btn,.purchase-review-actions .btn,.purchase-review-actions form{width:100%}.purchase-tanker-review{padding:12px 9px}.purchase-tanker-review .tanker-profit-summary{grid-template-columns:1fr 1fr}.owner-fuel-allocation-table{min-width:980px}.purchase-history-scroll{margin-inline:-4px}

  /* Outlet/POS: large products and a prominent checkout action. */
  .pos-layout{display:flex;flex-direction:column}.product-zone{min-width:0}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.product-tile{min-height:172px;padding:11px 8px}.product-tile b{font-size:14px}.product-tile .product-photo{height:88px}.cart{position:static;min-height:0}.cart-items{min-height:120px}.cart-summary .btn,.cart .btn.wide,#checkout-form .btn.wide{min-height:58px;font-size:17px}.category-tabs{display:flex;gap:7px;padding-bottom:5px}.category-tabs button{flex:0 0 auto;min-height:44px}.product-search input{font-size:16px}.checkout-total{position:sticky;bottom:0;z-index:4;background:#fff}
}
@media(max-width:390px){.driver-product-grid,.product-grid{grid-template-columns:1fr 1fr}.driver-kpis{grid-template-columns:1fr}.driver-product-card,.product-tile{min-height:164px}.pay-options{grid-template-columns:1fr!important}}

/* Compact iPhone field views: replace wide operational tables with readable cards. */
@media(max-width:430px){
  .driver-open-shift .table-wrap,
  .delivery-trip-dialog .table-wrap{overflow:visible;border:0}

  .driver-open-shift .driver-inventory-table,
  .delivery-trip-dialog table,
  .delivery-trip-dialog .delivery-reconciliation{display:block;width:100%;min-width:0!important;background:transparent}
  .driver-open-shift .driver-inventory-table thead,
  .delivery-trip-dialog table thead{display:none}
  .driver-open-shift .driver-inventory-table tbody,
  .delivery-trip-dialog table tbody{display:grid;gap:10px;width:100%}

  .driver-open-shift .driver-inventory-table tr,
  .delivery-trip-dialog table tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:hidden;border:1px solid #d8e2ee;border-radius:13px;background:#fff;box-shadow:0 3px 10px rgba(15,39,76,.05)}
  .driver-open-shift .driver-inventory-table td,
  .delivery-trip-dialog table tbody td{display:grid;align-content:start;gap:5px;min-width:0!important;min-height:66px;padding:10px!important;border:0;border-right:1px solid #e4eaf1;border-bottom:1px solid #e4eaf1;white-space:normal!important;text-align:left!important}
  .driver-open-shift .driver-inventory-table td:first-child,
  .delivery-trip-dialog table tbody td:first-child{grid-column:1/-1;min-height:auto;background:#edf4fc;border-right:0;font-weight:800}
  .driver-open-shift .driver-inventory-table td::before,
  .delivery-trip-dialog table tbody td::before{color:#68778c;font-size:9px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}
  .driver-open-shift .driver-inventory-table td:first-child::before,
  .delivery-trip-dialog table tbody td:first-child::before{display:none}

  .driver-open-shift .driver-inventory-table td:nth-child(2)::before{content:'Last closing'}
  .driver-open-shift .driver-inventory-table td:nth-child(3)::before{content:'Beginning full'}
  .driver-open-shift .driver-inventory-table td:nth-child(4)::before{content:'Beginning empty'}
  .driver-open-shift .driver-inventory-table input{box-sizing:border-box;width:100%;min-width:0;height:48px;font-size:18px;font-weight:800}

  .delivery-trip-dialog table tbody td:nth-child(2)::before{content:'Planned / loaded'}
  .delivery-trip-dialog table tbody td:nth-child(3)::before{content:'Delivered / received'}
  .delivery-trip-dialog table tbody td:nth-child(4)::before{content:'Verified / actual'}
  .delivery-trip-dialog table tbody td:nth-child(5)::before{content:'Bad order / returned'}
  .delivery-trip-dialog table tbody td:nth-child(6)::before{content:'Variance / empties'}
  .delivery-trip-dialog table tbody td:nth-child(7)::before{content:'Variance'}
  .delivery-trip-dialog table tbody input{box-sizing:border-box;width:100%;min-width:0;height:48px;font-size:17px;font-weight:800}
  .delivery-trip-dialog .route-stop{padding:12px 9px;border-radius:14px}
  .delivery-trip-dialog .route-stop>.panel-head{display:grid;grid-template-columns:1fr;margin-bottom:10px}
  .delivery-trip-dialog .delivery-card-head{padding-right:42px}
  .delivery-trip-dialog>p{line-height:1.45}
  .delivery-trip-dialog h4{margin:12px 0 8px}
  .delivery-trip-dialog .trip-form{gap:11px}
}

/* Owner approval adds a distinct LPG selling-price column. */
.purchase-review-items-table{min-width:980px}
.purchase-review-items-table th:nth-child(1){width:24%}
.purchase-review-items-table th:nth-child(2){width:17%}
.purchase-review-items-table th:nth-child(3){width:15%}
.purchase-review-items-table th:nth-child(4){width:15%}
.purchase-review-items-table th:nth-child(5){width:17%}
.purchase-review-items-table th:nth-child(6){width:12%}
@media(max-width:700px){.purchase-review-items-table{width:100%;min-width:0;table-layout:auto}.purchase-review-items-table tbody,.purchase-review-items-table tr,.purchase-review-items-table td{width:100%;max-width:100%;min-width:0;box-sizing:border-box}.purchase-review-items-table td>*{max-width:100%;min-width:0;overflow-wrap:anywhere}.purchase-review-items-table tfoot,.purchase-review-items-table tfoot tr{width:100%;max-width:100%}}
.accounting-dashboard-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:4px 0 18px}.accounting-dashboard-heading h2{font-size:34px;margin:3px 0}.accounting-dashboard-heading p{margin:0;color:var(--muted)}.accounting-dashboard-filter{display:grid;grid-template-columns:minmax(260px,1fr) 180px 180px auto;gap:12px;align-items:end;margin-bottom:18px}.accounting-dashboard-filter label{display:grid;gap:6px;font-weight:800;color:#263852}.financial-dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}.financial-dashboard-card{background:#fff;border:1px solid #bcc7d3;border-radius:4px;padding:24px 20px}.financial-dashboard-title{display:grid;gap:4px;border-bottom:1px solid #8794a1;padding-bottom:15px;margin-bottom:10px}.financial-dashboard-title h3{font-size:21px;margin:0}.financial-dashboard-title span{font-size:13px}.financial-dashboard-title small{color:var(--muted)}.financial-statement-section{margin-top:14px}.financial-statement-section h4{margin:0 0 7px;padding:5px 7px;background:#edf2f5;font-size:13px}.financial-group-title{font-size:12px;font-weight:900;padding:6px 10px}.financial-line,.financial-subtotal,.financial-total,.financial-grand-total{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:15px;align-items:center;padding:5px 8px;border-bottom:1px solid #e2e7eb;font-size:12px}.financial-line span{padding-left:20px}.financial-line small{display:block;color:#8b96a5;font-size:9px;margin-top:2px}.financial-line b,.financial-subtotal b,.financial-total b,.financial-grand-total b{text-align:right;font-variant-numeric:tabular-nums}.financial-subtotal{font-weight:800;border-bottom:1px solid #687888}.financial-total{font-weight:900;border-block:1px solid #526373;margin-top:4px}.financial-grand-total{font-size:13px;font-weight:900;border-bottom:3px double #26384b;margin-top:8px}.financial-grand-total.net{background:#e8f0f8;color:#0c315e;padding:10px 8px}.division-tree{margin:18px 0 22px;padding:15px 18px;border:1px solid var(--line);border-radius:13px;background:#f8fafc}.division-tree-root{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#102e59;color:white;border-radius:9px}.division-tree-root span{margin-left:auto;font-size:11px;opacity:.8}.division-tree-branch{position:relative;display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:8px;margin-left:24px;padding:9px 12px 9px 26px;border-bottom:1px solid #e1e7ed}.division-tree-branch:before{content:'';position:absolute;left:4px;top:0;bottom:50%;width:14px;border-left:1px solid #9dacbc;border-bottom:1px solid #9dacbc}.division-tree-branch small{color:var(--muted);text-transform:uppercase}.coa-report-group{padding:10px 4px 6px;color:#6b7788;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--line)}
@media(max-width:1000px){.financial-dashboard-grid{grid-template-columns:1fr}.accounting-dashboard-filter{grid-template-columns:1fr 1fr}.accounting-dashboard-filter label:first-of-type{grid-column:1/-1}}@media(max-width:620px){.accounting-dashboard-heading{align-items:flex-start;flex-direction:column}.accounting-dashboard-filter{grid-template-columns:1fr}.accounting-dashboard-filter label:first-of-type{grid-column:auto}.division-tree-branch{grid-template-columns:22px 1fr}.division-tree-branch small{grid-column:2}}