/* /Components/Carriers/CarriersWorkspace.razor.rz.scp.css */
.fleet-workspace[b-0le6f22krr]{display:flex;flex-direction:column;gap:18px;min-width:0}.fleet-heading[b-0le6f22krr]{display:flex;align-items:end;justify-content:space-between;gap:16px}.fleet-heading small[b-0le6f22krr],.fleet-modal header small[b-0le6f22krr]{color:#667b94}.fleet-heading h1[b-0le6f22krr]{font-size:28px;margin:4px 0}.fleet-heading p[b-0le6f22krr]{margin:0;color:#8693a4}.fleet-primary[b-0le6f22krr],.fleet-secondary[b-0le6f22krr]{min-height:42px;border-radius:10px;padding:0 17px;font:inherit;font-weight:700;cursor:pointer}.fleet-primary[b-0le6f22krr]{background:#f5c75b;border:1px solid #d5a94a;color:#172942}.fleet-secondary[b-0le6f22krr]{background:#fff;border:1px solid #d8e2f0;color:#314b6b}.fleet-primary:disabled[b-0le6f22krr],.fleet-secondary:disabled[b-0le6f22krr]{opacity:.55}.fleet-stats[b-0le6f22krr]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.fleet-stats>div[b-0le6f22krr]{background:#fff;border:1px solid #dce5f2;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:6px}.fleet-stats small[b-0le6f22krr],.fleet-info small[b-0le6f22krr]{color:#77869a}.fleet-stats strong[b-0le6f22krr]{font-size:22px;color:#162b49}.fleet-table-card[b-0le6f22krr]{background:#fff;border:1px solid #dce5f2;border-radius:14px;overflow:hidden}.fleet-toolbar[b-0le6f22krr]{display:flex;gap:10px;padding:14px}.fleet-toolbar>input[b-0le6f22krr]{flex:1;min-width:0}.fleet-toolbar input[b-0le6f22krr],.fleet-form input[b-0le6f22krr],.fleet-form select[b-0le6f22krr],.fleet-row select[b-0le6f22krr]{min-height:44px;border:1px solid #d6e1ef;border-radius:9px;background:#fff;padding:8px 11px;font:inherit;color:#273a52}.fleet-table-scroll[b-0le6f22krr]{overflow:auto}.fleet-table-card table[b-0le6f22krr]{width:100%;min-width:1000px;border-collapse:collapse}.fleet-table-card th[b-0le6f22krr],.fleet-table-card td[b-0le6f22krr]{padding:14px;border-top:1px solid #e8edf4;white-space:nowrap;text-align:start}.fleet-table-card th[b-0le6f22krr]{background:#f8faff;color:#61748d}.fleet-table-card td small[b-0le6f22krr],.fleet-row small[b-0le6f22krr]{display:block;color:#8896a8;margin-top:3px}.fleet-table-card [hidden][b-0le6f22krr]{display:none!important}.fleet-panel[b-0le6f22krr]{margin:0 14px 14px;padding:14px;border:1px solid #dce5f2;border-radius:10px;background:#fbfcff}.fleet-filters[b-0le6f22krr]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.fleet-filters label[b-0le6f22krr]{display:flex;flex-direction:column;gap:6px}.fleet-filters select[b-0le6f22krr]{min-height:40px;border:1px solid #d6e1ef;border-radius:8px;background:#fff;font:inherit}.fleet-columns[b-0le6f22krr]{display:flex;flex-wrap:wrap;gap:12px}.fleet-columns label[b-0le6f22krr]{display:flex;gap:5px}.fleet-overlay[b-0le6f22krr]{position:fixed;inset:0;z-index:4000;background:#182a44aa;display:grid;place-items:center;padding:12px}.fleet-overlay.top[b-0le6f22krr]{z-index:4200}.fleet-modal[b-0le6f22krr]{width:min(930px,96vw);max-height:92vh;display:flex;flex-direction:column;overflow:hidden;background:#fff;border-radius:18px;box-shadow:0 24px 80px #10213b44}.fleet-profile[b-0le6f22krr]{width:min(1160px,97vw)}.fleet-modal>header[b-0le6f22krr]{display:flex;justify-content:space-between;align-items:start;padding:22px 26px;border-bottom:1px solid #e5ebf4}.fleet-modal>header h2[b-0le6f22krr]{margin:4px 0}.fleet-modal>header>button[b-0le6f22krr]{border:0;background:none;font-size:27px;color:#6c7d92;cursor:pointer}.fleet-modal>footer[b-0le6f22krr]{display:flex;gap:10px;padding:16px 26px;border-top:1px solid #e5ebf4}.fleet-form[b-0le6f22krr],.fleet-info[b-0le6f22krr]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:24px 26px;overflow:auto}.fleet-form label[b-0le6f22krr]{display:flex;flex-direction:column;gap:7px;color:#536881;font-weight:700}.fleet-form .span-2[b-0le6f22krr]{grid-column:1/-1}.fleet-info>div[b-0le6f22krr]{display:flex;flex-direction:column;gap:5px;border:1px solid #e2e9f3;background:#fbfcff;border-radius:10px;padding:14px}.fleet-actions[b-0le6f22krr]{display:flex;gap:8px;padding:15px 26px}.fleet-tabs[b-0le6f22krr]{display:flex;gap:6px;overflow:auto;padding:0 26px;border-bottom:1px solid #e6edf5}.fleet-tabs button[b-0le6f22krr]{flex:0 0 auto;border:0;border-bottom:3px solid transparent;background:none;padding:12px;color:#62758e;font:inherit;cursor:pointer}.fleet-tabs button.active[b-0le6f22krr]{color:#1c63b9;border-color:#1c63b9;font-weight:700}.fleet-body[b-0le6f22krr]{padding:20px 26px;overflow:auto;min-height:200px}.fleet-row[b-0le6f22krr]{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid #e3eaf3;border-radius:10px;padding:13px;margin-top:10px}.fleet-row label[b-0le6f22krr]{display:flex;flex-direction:column;font-size:12px;color:#65758d;gap:4px}.fleet-error[b-0le6f22krr]{margin:10px;padding:12px;border:1px solid #f3caca;border-radius:9px;background:#fff2f2;color:#a83333}.fleet-empty[b-0le6f22krr]{padding:24px;text-align:center;color:#8290a1}.fleet-link[b-0le6f22krr]{border:0;background:none;color:#1a65bd;font:inherit;font-weight:700;text-decoration:underline;cursor:pointer}.fleet-plate-entry[b-0le6f22krr]{display:flex;gap:5px;border:2px solid #202d3e;border-radius:8px;padding:8px;max-width:max-content;background:#fff}.fleet-plate-entry input[b-0le6f22krr]{width:38px;height:52px;min-height:0;padding:0;text-align:center;font:700 25px Arial,sans-serif;text-transform:uppercase;border:1px solid #c4cedb;border-radius:4px}.fleet-plate-entry input:nth-child(5)[b-0le6f22krr]{margin-left:12px}.fleet-plate-display[b-0le6f22krr]{display:flex;direction:ltr;border:2px solid #25354a;border-radius:5px;overflow:hidden;font:700 20px Arial,sans-serif}.fleet-plate-display span[b-0le6f22krr]{padding:7px 12px}.fleet-plate-display span+span[b-0le6f22krr]{border-left:2px solid #25354a}@media(max-width:800px){.fleet-stats[b-0le6f22krr]{grid-template-columns:repeat(2,1fr)}.fleet-filters[b-0le6f22krr],.fleet-form[b-0le6f22krr],.fleet-info[b-0le6f22krr]{grid-template-columns:1fr}.fleet-form .span-2[b-0le6f22krr]{grid-column:auto}.fleet-toolbar[b-0le6f22krr]{flex-wrap:wrap}.fleet-toolbar>input[b-0le6f22krr]{flex-basis:100%}}@media(max-width:500px){.fleet-heading[b-0le6f22krr]{align-items:start;flex-direction:column}.fleet-row[b-0le6f22krr]{align-items:start;flex-direction:column}.fleet-overlay[b-0le6f22krr]{padding:4px}.fleet-plate-entry input[b-0le6f22krr]{width:30px;height:42px}}
.fleet-inline[b-0le6f22krr]{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.fleet-inline select[b-0le6f22krr]{min-height:42px;border:1px solid #d6e1ef;border-radius:9px;background:#fff;padding:4px 8px;font:inherit}
/* /Components/Customers/CustomersWorkspace.razor.rz.scp.css */
.customer-workspace[b-ovek83irp8]{display:flex;flex-direction:column;gap:18px;min-width:0}.customer-heading[b-ovek83irp8]{display:flex;align-items:end;justify-content:space-between;gap:16px}.customer-heading small[b-ovek83irp8],.cw-modal header small[b-ovek83irp8]{color:#637890}.customer-heading h1[b-ovek83irp8]{margin:5px 0;font-size:28px}.customer-heading p[b-ovek83irp8],.cw-modal header p[b-ovek83irp8]{margin:0;color:#8390a1}.cw-primary[b-ovek83irp8],.cw-secondary[b-ovek83irp8]{min-height:42px;border-radius:10px;padding:0 17px;font:inherit;font-weight:700;cursor:pointer}.cw-primary[b-ovek83irp8]{background:#f5c75b;border:1px solid #d5a94a;color:#172942}.cw-secondary[b-ovek83irp8]{background:#fff;border:1px solid #d8e2f0;color:#314b6b}.cw-primary:disabled[b-ovek83irp8],.cw-secondary:disabled[b-ovek83irp8]{opacity:.55;cursor:wait}.cw-stats[b-ovek83irp8]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.cw-stats>div[b-ovek83irp8]{background:#fff;border:1px solid #dce5f2;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:6px}.cw-stats small[b-ovek83irp8],.cw-info small[b-ovek83irp8]{color:#77869a}.cw-stats strong[b-ovek83irp8]{font-size:22px;color:#162b49}.cw-table-card[b-ovek83irp8]{background:#fff;border:1px solid #dce5f2;border-radius:14px;overflow:hidden}.cw-toolbar[b-ovek83irp8]{display:flex;gap:10px;padding:14px}.cw-toolbar input[b-ovek83irp8]{flex:1;min-width:0}.cw-toolbar input[b-ovek83irp8],.cw-toolbar select[b-ovek83irp8],.cw-form input[b-ovek83irp8],.cw-form select[b-ovek83irp8],.cw-inline input[b-ovek83irp8]{min-height:46px;border:1px solid #d6e1ef;border-radius:10px;background:#fff;padding:8px 12px;font:inherit;color:#273a52}.cw-table-scroll[b-ovek83irp8]{overflow:auto}.cw-table-card table[b-ovek83irp8]{width:100%;min-width:1000px;border-collapse:collapse;text-align:start}.cw-table-card th[b-ovek83irp8],.cw-table-card td[b-ovek83irp8]{padding:14px;border-top:1px solid #e8edf4;white-space:nowrap;text-align:start}.cw-table-card th[b-ovek83irp8]{background:#f8faff;color:#61748d}.cw-table-card td small[b-ovek83irp8]{display:block;color:#8896a8;margin-top:3px}.cw-overlay[b-ovek83irp8]{position:fixed;inset:0;z-index:4000;background:#182a44a9;display:grid;place-items:center;padding:14px}.cw-overlay.cw-top[b-ovek83irp8]{z-index:4200}.cw-modal[b-ovek83irp8]{width:min(1000px,96vw);max-height:92vh;background:#fff;border-radius:18px;box-shadow:0 24px 80px #10213b44;display:flex;flex-direction:column;overflow:hidden}.cw-modal.cw-profile[b-ovek83irp8]{width:min(1160px,97vw)}.cw-modal>header[b-ovek83irp8]{display:flex;justify-content:space-between;align-items:start;padding:23px 28px;border-bottom:1px solid #e5ebf4}.cw-modal>header h2[b-ovek83irp8]{margin:4px 0}.cw-modal>header>button[b-ovek83irp8]{font-size:27px;border:0;background:none;color:#6c7d92;cursor:pointer}.cw-modal-body[b-ovek83irp8]{padding:24px 28px;overflow:auto;min-height:0}.cw-form[b-ovek83irp8]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.cw-form label[b-ovek83irp8]{display:flex;flex-direction:column;gap:7px;color:#536881;font-weight:700}.cw-form .cw-full[b-ovek83irp8]{grid-column:1/-1}.cw-modal>footer[b-ovek83irp8]{display:flex;gap:10px;padding:17px 28px;border-top:1px solid #e5ebf4}.cw-error[b-ovek83irp8]{background:#fff2f2;color:#a83333;border:1px solid #f3caca;padding:12px 18px;border-radius:9px;margin:12px}.cw-profile-actions[b-ovek83irp8]{display:flex;gap:8px;padding:15px 28px}.cw-tabs[b-ovek83irp8]{display:flex;gap:6px;overflow:auto;padding:0 28px;border-bottom:1px solid #e6edf5}.cw-tabs button[b-ovek83irp8]{flex:0 0 auto;border:0;border-bottom:3px solid transparent;background:none;padding:12px;color:#62758e;font:inherit;cursor:pointer}.cw-tabs button.active[b-ovek83irp8]{color:#1c63b9;border-color:#1c63b9;font-weight:700}.cw-profile-body[b-ovek83irp8]{min-height:220px}.cw-info[b-ovek83irp8]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cw-info>div[b-ovek83irp8]{border:1px solid #e2e9f3;background:#fbfcff;border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:5px}.cw-list-row[b-ovek83irp8]{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid #e3eaf3;border-radius:10px;padding:13px;margin-top:10px}.cw-list-row small[b-ovek83irp8]{display:block;color:#7a899c;margin-top:4px}.cw-inline[b-ovek83irp8]{display:flex;gap:10px}.cw-inline input[b-ovek83irp8]{flex:1}.cw-empty[b-ovek83irp8]{padding:24px;color:#8290a1;text-align:center}@media(max-width:800px){.cw-stats[b-ovek83irp8]{grid-template-columns:repeat(2,minmax(0,1fr))}.cw-form[b-ovek83irp8],.cw-info[b-ovek83irp8]{grid-template-columns:1fr}.cw-form .cw-full[b-ovek83irp8]{grid-column:auto}.cw-heading[b-ovek83irp8]{align-items:start}.cw-modal-body[b-ovek83irp8]{padding:17px}.cw-toolbar[b-ovek83irp8]{flex-direction:column}}@media(max-width:500px){.customer-heading[b-ovek83irp8]{align-items:start;flex-direction:column}.cw-stats[b-ovek83irp8]{grid-template-columns:1fr 1fr}.cw-inline[b-ovek83irp8]{flex-direction:column}.cw-overlay[b-ovek83irp8]{padding:5px}.cw-modal[b-ovek83irp8]{max-height:97vh}}
.cw-panel[b-ovek83irp8]{margin:0 14px 14px;padding:14px;border:1px solid #dce5f2;border-radius:10px;background:#fbfcff}.cw-filter-panel[b-ovek83irp8]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.cw-filter-panel label[b-ovek83irp8]{display:flex;flex-direction:column;gap:6px}.cw-filter-panel select[b-ovek83irp8]{min-height:40px;border:1px solid #d6e1ef;border-radius:8px;background:#fff;font:inherit;padding:4px 8px}.cw-column-panel[b-ovek83irp8]{display:flex;flex-wrap:wrap;gap:12px}.cw-column-panel label[b-ovek83irp8]{display:flex;align-items:center;gap:5px}.cw-table-card [hidden][b-ovek83irp8]{display:none!important}@media(max-width:760px){.cw-filter-panel[b-ovek83irp8]{grid-template-columns:1fr 1fr}}@media(max-width:500px){.cw-filter-panel[b-ovek83irp8]{grid-template-columns:1fr}}
.cw-link[b-ovek83irp8]{border:0;background:none;color:#1a65bd;font:inherit;font-weight:700;cursor:pointer;text-decoration:underline}
.cw-upload[b-ovek83irp8]{display:inline-flex;align-items:center;min-height:42px;padding:0 17px;border-radius:10px;border:1px solid #d5a94a;background:#f5c75b;color:#172942;font-weight:700;cursor:pointer;position:relative}.cw-upload input[b-ovek83irp8]{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;pointer-events:none}
.cw-trip-toolbar[b-ovek83irp8]{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.cw-trips-table[b-ovek83irp8]{max-width:100%;border:1px solid #e2eaf5;border-radius:10px}.cw-trips-table table[b-ovek83irp8]{min-width:2500px;border-collapse:collapse;text-align:start}.cw-trips-table th[b-ovek83irp8],.cw-trips-table td[b-ovek83irp8]{padding:11px 12px;border-bottom:1px solid #e8edf4;white-space:nowrap;text-align:start}.cw-trips-table th[b-ovek83irp8]{background:#f8faff;color:#536982}.cw-trips-table [hidden][b-ovek83irp8]{display:none!important}.cw-trips-table .material-symbols-rounded[b-ovek83irp8]{font-size:22px;vertical-align:middle}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-uonmmkfrbd] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-uonmmkfrbd] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-mgy1ygukxv],
.components-reconnect-repeated-attempt-visible[b-mgy1ygukxv],
.components-reconnect-failed-visible[b-mgy1ygukxv],
.components-pause-visible[b-mgy1ygukxv],
.components-resume-failed-visible[b-mgy1ygukxv],
.components-rejoining-animation[b-mgy1ygukxv] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-mgy1ygukxv],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-mgy1ygukxv],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-mgy1ygukxv],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-mgy1ygukxv],
#components-reconnect-modal.components-reconnect-retrying[b-mgy1ygukxv],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-mgy1ygukxv],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-mgy1ygukxv],
#components-reconnect-modal.components-reconnect-failed[b-mgy1ygukxv],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-mgy1ygukxv] {
    display: block;
}


#components-reconnect-modal[b-mgy1ygukxv] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-mgy1ygukxv 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-mgy1ygukxv 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-mgy1ygukxv 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-mgy1ygukxv]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-mgy1ygukxv 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-mgy1ygukxv {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-mgy1ygukxv {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-mgy1ygukxv {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-mgy1ygukxv] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-mgy1ygukxv] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-mgy1ygukxv] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-mgy1ygukxv] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-mgy1ygukxv] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-mgy1ygukxv] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-mgy1ygukxv] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-mgy1ygukxv 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-mgy1ygukxv] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-mgy1ygukxv {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
:global(html)[b-ntbvgvohoo],:global(body)[b-ntbvgvohoo] { width:100%; min-width:0; margin: 0; background: #f5f7fb; color: #172033; overflow-x: hidden; }
:global(*)[b-ntbvgvohoo] { box-sizing: border-box; }
:global(button)[b-ntbvgvohoo], :global(input)[b-ntbvgvohoo], :global(select)[b-ntbvgvohoo], :global(textarea)[b-ntbvgvohoo] { font: inherit; }

.shahin-shell[b-ntbvgvohoo] { --navy:#061a33; --blue:#0d3158; --gold:#f2c45f; --ink:#172033; --muted:#718096; --line:#e7ebf2; --surface:#fff; width:100%; min-width:0; min-height:100vh; overflow-x:clip; background:#f5f7fb; font-family:"Tajawal", sans-serif; font-size:14px; color:var(--ink); }
.shahin-shell button[b-ntbvgvohoo],.shahin-shell input[b-ntbvgvohoo],.shahin-shell select[b-ntbvgvohoo],.shahin-shell textarea[b-ntbvgvohoo],.shahin-shell table[b-ntbvgvohoo],.login-page button[b-ntbvgvohoo],.login-page input[b-ntbvgvohoo],.login-page select[b-ntbvgvohoo],.login-page textarea[b-ntbvgvohoo]{font-family:"Tajawal",sans-serif}
.session-loading[b-ntbvgvohoo]{min-height:100dvh;display:grid;place-items:center;background:#061a33}
.shahin-sidebar[b-ntbvgvohoo] { position:fixed; inset:0 0 0 auto; z-index:40; width:248px; display:flex; flex-direction:column; background:linear-gradient(180deg,#081d38,#06162c 78%); color:#fff; box-shadow:-8px 0 28px rgba(6,26,51,.18); }
.shahin-brand[b-ntbvgvohoo] { height:76px; display:flex; align-items:center; gap:11px; padding:0 20px; border-bottom:1px solid rgba(255,255,255,.09); }
.shahin-brand strong[b-ntbvgvohoo] { display:block; font-size:17px; font-weight:800; line-height:1.2; }
.shahin-brand small[b-ntbvgvohoo] { display:block; color:#aebddb; font-size:11px; margin-top:2px; }
.shahin-mark[b-ntbvgvohoo] { width:42px; height:42px; display:grid; place-items:center; flex:0 0 42px; border-radius:10px; overflow:hidden; background:#fff; border:1px solid rgba(242,196,95,.7); box-shadow:0 7px 18px rgba(242,196,95,.16); }
.shahin-mark img[b-ntbvgvohoo] { width:100%; height:100%; object-fit:cover; display:block; }
.sidebar-close[b-ntbvgvohoo] { display:none !important; margin-right:auto; color:#fff !important; }
.create-trip-side[b-ntbvgvohoo] { margin:18px 14px 13px; min-height:48px; padding:0 13px; border:0; border-radius:9px; display:flex; align-items:center; gap:9px; background:#2f68dc; color:#fff; cursor:pointer; font-weight:700; box-shadow:0 8px 22px rgba(4,20,53,.24); }
.create-trip-side .chevron[b-ntbvgvohoo] { margin-right:auto; font-size:18px; }
.shahin-nav[b-ntbvgvohoo] { padding:6px 10px; display:grid; gap:4px; overflow:auto; }
.shahin-nav button[b-ntbvgvohoo] { width:100%; min-height:43px; border:0; border-radius:8px; padding:0 12px; display:flex; align-items:center; gap:11px; background:transparent; color:#cbd6eb; cursor:pointer; text-align:right; transition:.18s ease; }
.shahin-nav button:hover[b-ntbvgvohoo] { background:rgba(255,255,255,.06); color:#fff; }
.shahin-nav button.active[b-ntbvgvohoo] { background:rgba(242,196,95,.13); color:#fff; box-shadow:inset -3px 0 var(--gold); }
.shahin-nav button .material-symbols-rounded[b-ntbvgvohoo] { font-size:20px; }
.shahin-nav button.nav-child[b-ntbvgvohoo] { min-height:34px; margin-top:-2px; padding-inline-start:42px; color:#aebddb; font-size:12px; }
.shahin-nav button.nav-child .material-symbols-rounded[b-ntbvgvohoo] { font-size:15px; }
.shahin-nav button b[b-ntbvgvohoo] { margin-right:auto; min-width:21px; height:21px; display:grid; place-items:center; border-radius:7px; background:var(--gold); color:#1b2c4d; font-size:11px; }
.sidebar-foot[b-ntbvgvohoo] { margin-top:auto; padding:12px 14px 16px; }
.support-card[b-ntbvgvohoo] { display:flex; align-items:center; gap:9px; padding:12px; border:1px solid rgba(255,255,255,.1); border-radius:10px; background:rgba(255,255,255,.06); }
.support-card > span[b-ntbvgvohoo] { color:#f1b92e; }
.support-card strong[b-ntbvgvohoo],.support-card small[b-ntbvgvohoo] { display:block; }.support-card strong[b-ntbvgvohoo]{font-size:12px}.support-card small[b-ntbvgvohoo]{font-size:10px;color:#aabbd8;margin-top:2px}.support-card button[b-ntbvgvohoo]{margin-right:auto;border:0;background:transparent;color:#fff;cursor:pointer}.support-card button span[b-ntbvgvohoo]{font-size:17px}.sidebar-version[b-ntbvgvohoo]{text-align:center;color:#7184a8;font-size:9px;letter-spacing:1.5px;margin-top:13px}
.shahin-main[b-ntbvgvohoo] { width:calc(100% - 248px); min-width:0; min-height:100vh; margin-right:248px; overflow-x:hidden; }
.shahin-topbar[b-ntbvgvohoo] { width:100%; min-width:0; height:64px; position:sticky; top:0; z-index:30; padding:0 28px; display:flex; align-items:center; justify-content:space-between; gap:14px; border-bottom:1px solid var(--line); background:rgba(255,255,255,.96); backdrop-filter:blur(12px); }
.topbar-start[b-ntbvgvohoo],.topbar-actions[b-ntbvgvohoo],.user-block[b-ntbvgvohoo] { display:flex; align-items:center; }
.global-search[b-ntbvgvohoo] { width:min(410px,38vw); height:37px; display:flex; align-items:center; gap:8px; padding:0 11px; border:1px solid #e3e8f0; border-radius:8px; background:#f8fafc; color:#8a97a9; }
.global-search input[b-ntbvgvohoo] { flex:1; min-width:0; border:0; outline:0; background:transparent; color:var(--ink); font-size:13px; }
.global-search .material-symbols-rounded[b-ntbvgvohoo] { font-size:19px; }
.global-search kbd[b-ntbvgvohoo] { direction:ltr; padding:1px 6px; border:1px solid #dce2ea; border-radius:4px; background:#fff; font-size:10px; }
.topbar-actions[b-ntbvgvohoo] { gap:5px; }
.language-button[b-ntbvgvohoo] { height:34px; padding:0 9px; display:flex; align-items:center; gap:5px; border:1px solid #dfe5ed; border-radius:8px; background:#fff; color:#173659; cursor:pointer; }
.language-button:hover[b-ntbvgvohoo] { border-color:#d4ad56; background:#fffaf0; }
.language-button .material-symbols-rounded[b-ntbvgvohoo] { font-size:17px; color:#b17b15; }
.language-button b[b-ntbvgvohoo] { font-size:10px; }
.icon-button[b-ntbvgvohoo] { width:36px; height:36px; border:0; border-radius:8px; display:grid; place-items:center; background:transparent; color:#536174; cursor:pointer; }
.icon-button:hover[b-ntbvgvohoo] { background:#f1f5f9; }.icon-button .material-symbols-rounded[b-ntbvgvohoo]{font-size:20px}.has-alert[b-ntbvgvohoo]{position:relative}.has-alert[b-ntbvgvohoo]:after{content:"";position:absolute;top:7px;left:8px;width:6px;height:6px;border:2px solid #fff;border-radius:50%;background:#ef4444}
.user-block[b-ntbvgvohoo] { gap:9px; margin-right:10px; padding-right:12px; border-right:1px solid var(--line); }
.user-copy[b-ntbvgvohoo] { text-align:left; }.user-copy strong[b-ntbvgvohoo],.user-copy small[b-ntbvgvohoo]{display:block}.user-copy strong[b-ntbvgvohoo]{font-size:12px}.user-copy small[b-ntbvgvohoo]{font-size:10px;color:var(--muted);margin-top:1px}.user-avatar[b-ntbvgvohoo]{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#e7efff;color:#2456b7;font-weight:800}.user-block>.material-symbols-rounded[b-ntbvgvohoo]{font-size:17px;color:#8894a5}
.mobile-menu-button[b-ntbvgvohoo] { display:none; margin-left:8px; }
.shahin-content[b-ntbvgvohoo] { width:auto; max-width:1540px; min-width:0; margin:0 auto; padding:25px 28px 45px; }
.page-heading[b-ntbvgvohoo] { display:flex; align-items:flex-end; justify-content:space-between; gap:22px; margin-bottom:20px; }.eyebrow[b-ntbvgvohoo]{display:block;color:#6d7c91;font-size:11px;font-weight:700;letter-spacing:.2px;margin-bottom:4px}.page-heading h1[b-ntbvgvohoo]{margin:0;font-size:24px;line-height:1.3;font-weight:800;letter-spacing:-.3px}.page-heading p[b-ntbvgvohoo]{margin:5px 0 0;color:var(--muted);font-size:13px}.page-actions[b-ntbvgvohoo]{display:flex;align-items:center;gap:8px}
.primary-button[b-ntbvgvohoo],.secondary-button[b-ntbvgvohoo],.ghost-button[b-ntbvgvohoo] { min-height:38px; padding:0 14px; border-radius:8px; display:inline-flex; align-items:center; justify-content:center; gap:7px; cursor:pointer; font-weight:700; font-size:13px; }.primary-button[b-ntbvgvohoo]{border:1px solid #deb04e;background:var(--gold);color:#10233c;box-shadow:0 5px 13px rgba(207,154,42,.18)}.primary-button:hover[b-ntbvgvohoo]{background:#e3b550}.secondary-button[b-ntbvgvohoo]{border:1px solid #d9e0ea;background:#fff;color:#334155}.ghost-button[b-ntbvgvohoo]{border:0;background:transparent;color:#59667a}.primary-button .material-symbols-rounded[b-ntbvgvohoo],.secondary-button .material-symbols-rounded[b-ntbvgvohoo]{font-size:18px}
.range-control[b-ntbvgvohoo]{display:flex;padding:3px;border:1px solid #e0e6ee;border-radius:8px;background:#fff}.range-control button[b-ntbvgvohoo]{height:30px;padding:0 12px;border:0;border-radius:6px;background:transparent;color:#68768a;font-size:12px;cursor:pointer}.range-control button.active[b-ntbvgvohoo]{background:#edf3ff;color:#1f5cc6;font-weight:700}
.kpi-grid[b-ntbvgvohoo] { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:13px; margin-bottom:15px; }.kpi-card[b-ntbvgvohoo]{position:relative;min-height:130px;display:flex;align-items:flex-start;justify-content:space-between;padding:19px;border:1px solid var(--line);border-radius:11px;background:#fff;box-shadow:0 3px 12px rgba(21,38,69,.035);overflow:hidden}.kpi-card[b-ntbvgvohoo]:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--accent)}.kpi-card span[b-ntbvgvohoo]{color:#66758a}.kpi-card strong[b-ntbvgvohoo]{display:block;font-size:25px;margin:9px 0 8px}.kpi-card strong em[b-ntbvgvohoo]{font-size:12px;font-style:normal}.kpi-card small[b-ntbvgvohoo]{color:#8190a5;font-size:11px}.kpi-card small b[b-ntbvgvohoo]{color:#16a36a}.kpi-card .kpi-icon[b-ntbvgvohoo]{width:39px;height:39px;display:grid;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--accent) 10%,white);color:var(--accent);font-size:21px}.accent-blue[b-ntbvgvohoo]{--accent:#2b67d7}.accent-amber[b-ntbvgvohoo]{--accent:#e79a1b}.accent-green[b-ntbvgvohoo]{--accent:#12a36a}.accent-violet[b-ntbvgvohoo]{--accent:#7355cf}
.dashboard-grid[b-ntbvgvohoo] { display:grid; grid-template-columns:1.55fr 1fr; gap:15px; }.panel[b-ntbvgvohoo]{border:1px solid var(--line);border-radius:11px;background:#fff;box-shadow:0 3px 12px rgba(21,38,69,.03)}.panel>header[b-ntbvgvohoo]{min-height:63px;padding:15px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0f5}.panel h2[b-ntbvgvohoo]{font-size:15px;margin:0}.panel header p[b-ntbvgvohoo]{font-size:11px;color:var(--muted);margin:3px 0 0}.legend[b-ntbvgvohoo]{font-size:11px;color:#718096}.legend i[b-ntbvgvohoo]{display:inline-block;width:8px;height:8px;border-radius:2px;background:#2968d6;margin-left:5px}.text-button[b-ntbvgvohoo]{border:0;background:transparent;color:#2360c9;font-weight:700;font-size:12px;cursor:pointer}
.bar-chart[b-ntbvgvohoo]{height:245px;padding:26px 20px 14px;display:flex;align-items:stretch;gap:16px;background:repeating-linear-gradient(to top,transparent 0,transparent 48px,#edf1f5 49px,#edf1f5 50px)}.bar-column[b-ntbvgvohoo]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:9px}.bar-value[b-ntbvgvohoo]{width:min(34px,80%);height:190px;display:flex;align-items:flex-end}.bar-value span[b-ntbvgvohoo]{width:100%;min-height:5px;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,#3975e4,#2357b8)}.bar-column small[b-ntbvgvohoo]{font-size:10px;color:#7e8b9d;white-space:nowrap}
.donut-wrap[b-ntbvgvohoo]{min-height:245px;padding:24px;display:flex;align-items:center;justify-content:center;gap:34px}.donut[b-ntbvgvohoo]{width:142px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#2a67d4 0 43%,#19a974 43% 72%,#efa91f 72% 89%,#ccd4df 89% 100%);position:relative}.donut[b-ntbvgvohoo]:after{content:"";position:absolute;width:88px;aspect-ratio:1;border-radius:50%;background:#fff}.donut div[b-ntbvgvohoo]{position:relative;z-index:1;text-align:center}.donut strong[b-ntbvgvohoo],.donut span[b-ntbvgvohoo]{display:block}.donut strong[b-ntbvgvohoo]{font-size:23px}.donut span[b-ntbvgvohoo]{font-size:10px;color:var(--muted)}.donut-wrap ul[b-ntbvgvohoo]{list-style:none;padding:0;margin:0;width:150px}.donut-wrap li[b-ntbvgvohoo]{display:flex;align-items:center;gap:7px;padding:7px 0;color:#657287;font-size:11px}.donut-wrap li i[b-ntbvgvohoo]{width:8px;height:8px;border-radius:50%}.donut-wrap li span[b-ntbvgvohoo]{flex:1}.donut-wrap li b[b-ntbvgvohoo]{color:#263449}.blue[b-ntbvgvohoo]{background:#2a67d4!important;color:#2a67d4}.green[b-ntbvgvohoo]{background:#19a974!important;color:#19a974}.amber[b-ntbvgvohoo]{background:#efa91f!important;color:#cf8408}.violet[b-ntbvgvohoo]{background:#7355cf!important;color:#7355cf}.slate[b-ntbvgvohoo]{background:#ccd4df!important}.red[b-ntbvgvohoo]{color:#dc4343}
.mini-table button[b-ntbvgvohoo]{width:100%;min-height:57px;padding:8px 17px;border:0;border-bottom:1px solid #edf0f4;background:#fff;display:grid;grid-template-columns:auto 1fr auto 82px;align-items:center;gap:10px;text-align:right;cursor:pointer}.mini-table button:hover[b-ntbvgvohoo]{background:#f9fbff}.route-icon[b-ntbvgvohoo]{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:#edf3ff;color:#2d66d0;font-size:17px}.mini-table strong[b-ntbvgvohoo],.mini-table small[b-ntbvgvohoo]{display:block}.mini-table strong[b-ntbvgvohoo]{font-size:11px}.mini-table small[b-ntbvgvohoo]{margin-top:3px;font-size:10px;color:#8190a4}.mini-table button>b[b-ntbvgvohoo]{text-align:left;font-size:11px}
.status-pill[b-ntbvgvohoo]{display:inline-flex;align-items:center;justify-content:center;min-height:23px;padding:3px 8px;border:1px solid transparent;border-radius:6px;font-size:10px;font-weight:700;white-space:nowrap}.status-new[b-ntbvgvohoo]{background:#edf4ff;color:#275fc6;border-color:#d6e4ff}.status-assigned[b-ntbvgvohoo]{background:#fff6e3;color:#b87300;border-color:#f7e4bb}.status-loaded[b-ntbvgvohoo]{background:#eaf9f6;color:#087e67;border-color:#cbeee6}.status-delivered[b-ntbvgvohoo]{background:#e9f9f0;color:#158052;border-color:#cdeedc}.status-invoiced[b-ntbvgvohoo]{background:#f2ecff;color:#6842bd;border-color:#e1d6fa}.status-cancelled[b-ntbvgvohoo]{background:#fff0f0;color:#c54444;border-color:#f6d2d2}.status-neutral[b-ntbvgvohoo]{background:#f0f3f7;color:#617085;border-color:#e1e6ed}
.alert-count[b-ntbvgvohoo]{width:24px;height:24px;display:grid;place-items:center;border-radius:7px;background:#fff0f0;color:#d33f3f;font-size:11px;font-weight:800}.alert-list>div[b-ntbvgvohoo]{min-height:62px;padding:10px 16px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #edf0f4}.alert-list .material-symbols-rounded[b-ntbvgvohoo]{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:#f6f8fb;font-size:17px}.alert-list p[b-ntbvgvohoo]{flex:1;margin:0}.alert-list strong[b-ntbvgvohoo],.alert-list small[b-ntbvgvohoo]{display:block}.alert-list strong[b-ntbvgvohoo]{font-size:11px}.alert-list small[b-ntbvgvohoo]{font-size:10px;color:#8794a6;margin-top:3px}.alert-list button[b-ntbvgvohoo]{border:0;background:#f0f5ff;color:#235bbd;border-radius:6px;padding:5px 9px;font-size:10px;cursor:pointer}
.shipment-tabs[b-ntbvgvohoo]{display:flex;gap:3px;padding:5px;margin-bottom:13px;overflow-x:auto;border:1px solid var(--line);border-radius:10px;background:#fff}.shipment-tabs button[b-ntbvgvohoo]{height:37px;padding:0 11px;display:flex;align-items:center;gap:6px;border:0;border-radius:7px;background:transparent;color:#69768a;white-space:nowrap;cursor:pointer;font-size:12px}.shipment-tabs button b[b-ntbvgvohoo]{min-width:20px;height:19px;display:grid;place-items:center;padding:0 5px;border-radius:5px;background:#f0f3f7;color:#6d7b8e;font-size:9px}.shipment-tabs button.active[b-ntbvgvohoo]{background:#edf3ff;color:#205cc7;font-weight:700}.shipment-tabs button.active b[b-ntbvgvohoo]{background:#d9e7ff;color:#1b54ba}
.table-card[b-ntbvgvohoo]{position:relative;border:1px solid var(--line);border-radius:11px;background:#fff;box-shadow:0 3px 12px rgba(21,38,69,.03)}.table-toolbar[b-ntbvgvohoo]{min-height:63px;padding:12px 15px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #edf0f5}.table-search[b-ntbvgvohoo]{width:min(390px,40%);height:37px;padding:0 10px;display:flex;align-items:center;gap:7px;border:1px solid #dfe5ed;border-radius:7px;background:#fbfcfe}.table-search .material-symbols-rounded[b-ntbvgvohoo]{font-size:18px;color:#8490a1}.table-search input[b-ntbvgvohoo]{width:100%;border:0;outline:0;background:transparent;font-size:12px}.toolbar-actions[b-ntbvgvohoo]{display:flex;gap:7px}.toolbar-button[b-ntbvgvohoo]{height:36px;padding:0 11px;display:flex;align-items:center;gap:6px;border:1px solid #dfe5ed;border-radius:7px;background:#fff;color:#4b5a6e;cursor:pointer;font-size:11px}.toolbar-button:hover[b-ntbvgvohoo],.toolbar-button.active[b-ntbvgvohoo]{border-color:#bcd0f5;background:#f3f7ff;color:#225bbb}.toolbar-button .material-symbols-rounded[b-ntbvgvohoo]{font-size:17px}.toolbar-button b[b-ntbvgvohoo]{width:17px;height:17px;display:grid;place-items:center;border-radius:5px;background:#2b64ca;color:#fff;font-size:9px}.popover-wrap[b-ntbvgvohoo]{position:relative}.filter-popover[b-ntbvgvohoo],.columns-popover[b-ntbvgvohoo]{position:absolute;top:43px;left:0;z-index:20;width:440px;padding:14px;border:1px solid #dfe5ee;border-radius:10px;background:#fff;box-shadow:0 16px 45px rgba(25,43,75,.17)}.filter-popover header[b-ntbvgvohoo],.columns-popover header[b-ntbvgvohoo]{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.filter-popover header button[b-ntbvgvohoo],.columns-popover header button[b-ntbvgvohoo]{border:0;background:transparent;font-size:19px;cursor:pointer;color:#7d899b}.filter-grid[b-ntbvgvohoo]{display:grid;grid-template-columns:1fr 1fr;gap:11px}.filter-grid label[b-ntbvgvohoo],.form-grid label[b-ntbvgvohoo]{display:grid;gap:6px;color:#56657a;font-size:11px}.filter-grid select[b-ntbvgvohoo],.form-grid input[b-ntbvgvohoo],.form-grid select[b-ntbvgvohoo],.form-grid textarea[b-ntbvgvohoo]{width:100%;min-height:39px;padding:8px 10px;border:1px solid #dfe5ed;border-radius:7px;background:#fff;outline:none;color:#263449;font-size:12px}.filter-grid select:focus[b-ntbvgvohoo],.form-grid input:focus[b-ntbvgvohoo],.form-grid select:focus[b-ntbvgvohoo],.form-grid textarea:focus[b-ntbvgvohoo]{border-color:#78a1ed;box-shadow:0 0 0 3px rgba(43,103,212,.1)}.popover-actions[b-ntbvgvohoo]{display:flex;justify-content:flex-end;gap:7px;margin-top:14px;padding-top:12px;border-top:1px solid #edf0f5}.columns-popover[b-ntbvgvohoo]{width:270px}.columns-popover label[b-ntbvgvohoo]{display:flex;align-items:center;gap:8px;padding:7px 3px;color:#465569;font-size:11px}.columns-popover label span:nth-of-type(1)[b-ntbvgvohoo]{flex:1}.columns-popover label .material-symbols-rounded[b-ntbvgvohoo]{font-size:17px;color:#9aa5b5}.active-filters[b-ntbvgvohoo]{min-height:45px;padding:8px 15px;display:flex;align-items:center;gap:7px;background:#fafbfd;border-bottom:1px solid #edf0f5}.active-filters>span[b-ntbvgvohoo]{display:flex;align-items:center;gap:6px;padding:5px 8px;border-radius:6px;background:#eaf1ff;color:#285cae;font-size:10px}.active-filters span button[b-ntbvgvohoo],.clear-filters[b-ntbvgvohoo]{border:0;background:transparent;cursor:pointer;color:inherit}.clear-filters[b-ntbvgvohoo]{font-size:10px;color:#65758b}
.data-table-wrap[b-ntbvgvohoo]{overflow:auto}.data-table[b-ntbvgvohoo]{width:100%;border-collapse:collapse;white-space:nowrap}.data-table th[b-ntbvgvohoo]{height:42px;padding:0 13px;text-align:right;background:#f8fafc;border-bottom:1px solid #e6ebf2;color:#69778a;font-size:10px;font-weight:700}.data-table td[b-ntbvgvohoo]{height:62px;padding:8px 13px;border-bottom:1px solid #edf0f4;color:#364458;font-size:11px;vertical-align:middle}.data-table tbody tr:hover[b-ntbvgvohoo]{background:#fbfdff}.data-table td strong[b-ntbvgvohoo],.data-table td small[b-ntbvgvohoo]{display:block}.data-table td small[b-ntbvgvohoo]{margin-top:3px;color:#8794a5;font-size:9px}.id-link[b-ntbvgvohoo]{padding:0;border:0;background:transparent;color:#245dc0;font-weight:800;cursor:pointer}.route-cell[b-ntbvgvohoo]{display:flex;align-items:center;gap:7px}.route-cell i[b-ntbvgvohoo]{width:24px;height:1px;background:#c5cfdd;position:relative}.route-cell i[b-ntbvgvohoo]:before,.route-cell i[b-ntbvgvohoo]:after{content:"";position:absolute;top:-2px;width:5px;height:5px;border-radius:50%;background:#7d8da4}.route-cell i[b-ntbvgvohoo]:before{right:0}.route-cell i[b-ntbvgvohoo]:after{left:0}.positive[b-ntbvgvohoo]{color:#13835a!important}.row-actions[b-ntbvgvohoo]{position:relative}.row-actions>button[b-ntbvgvohoo]{width:30px;height:30px;border:0;border-radius:6px;background:transparent;color:#657288;cursor:pointer}.row-actions>button:hover[b-ntbvgvohoo]{background:#edf2f8}.actions-menu[b-ntbvgvohoo]{position:absolute;top:30px;left:0;z-index:16;width:208px;padding:6px;border:1px solid #dfe5ed;border-radius:8px;background:#fff;box-shadow:0 12px 30px rgba(25,42,72,.18)}.actions-menu button[b-ntbvgvohoo]{width:100%;height:34px;padding:0 8px;display:flex;align-items:center;gap:8px;border:0;border-radius:5px;background:#fff;color:#354458;font-size:10px;cursor:pointer;text-align:right}.actions-menu button:hover[b-ntbvgvohoo]{background:#f3f6fa}.actions-menu .material-symbols-rounded[b-ntbvgvohoo]{font-size:16px}.actions-menu hr[b-ntbvgvohoo]{border:0;border-top:1px solid #edf0f4;margin:5px}.actions-menu .danger[b-ntbvgvohoo]{color:#c63d3d}.table-footer[b-ntbvgvohoo]{min-height:54px;padding:10px 15px;display:flex;align-items:center;justify-content:space-between;color:#718095;font-size:10px}.table-footer div[b-ntbvgvohoo]{display:flex;gap:4px}.table-footer button[b-ntbvgvohoo]{min-width:29px;height:29px;padding:0 8px;border:1px solid #e0e5ec;border-radius:6px;background:#fff;color:#66758a;font-size:10px;cursor:pointer}.table-footer button.active[b-ntbvgvohoo]{background:#245fc8;color:#fff;border-color:#245fc8}.table-footer button:disabled[b-ntbvgvohoo]{opacity:.45}
.shipments-table[b-ntbvgvohoo]{min-width:1560px}
.summary-strip[b-ntbvgvohoo]{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-bottom:13px;border:1px solid var(--line);border-radius:10px;background:var(--line);overflow:hidden}.summary-strip>div[b-ntbvgvohoo]{min-height:78px;padding:14px 18px;display:flex;align-items:center;gap:12px;background:#fff}.summary-strip>.material-symbols-rounded[b-ntbvgvohoo]{}.summary-strip>div>span[b-ntbvgvohoo]{width:38px;height:38px;display:grid;place-items:center;border-radius:9px;background:#f1f5fb;font-size:19px}.summary-strip p[b-ntbvgvohoo]{margin:0}.summary-strip small[b-ntbvgvohoo],.summary-strip strong[b-ntbvgvohoo]{display:block}.summary-strip small[b-ntbvgvohoo]{font-size:10px;color:#79869a}.summary-strip strong[b-ntbvgvohoo]{font-size:19px;margin-top:3px}.entity-cell[b-ntbvgvohoo]{display:flex;align-items:center;gap:9px}.entity-cell>span[b-ntbvgvohoo]{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:#edf3ff;color:#245dc0;font-size:14px;font-weight:800}.outline-small[b-ntbvgvohoo]{height:29px;padding:0 9px;border:1px solid #dce3ec;border-radius:6px;background:#fff;color:#36506f;font-size:10px;cursor:pointer}
.carrier-grid[b-ntbvgvohoo]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.carrier-card[b-ntbvgvohoo]{padding:17px;border:1px solid var(--line);border-radius:11px;background:#fff;box-shadow:0 3px 12px rgba(21,38,69,.03)}.carrier-card header[b-ntbvgvohoo]{display:flex;align-items:center;gap:10px}.carrier-logo[b-ntbvgvohoo]{width:43px;height:43px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,#18396e,#2f67c6);color:#fff;font-size:18px;font-weight:800}.carrier-card header div:nth-child(2)[b-ntbvgvohoo]{flex:1}.carrier-card h2[b-ntbvgvohoo]{margin:0;font-size:14px}.carrier-card header p[b-ntbvgvohoo]{margin:4px 0 0;color:#8190a5;font-size:10px}.carrier-stats[b-ntbvgvohoo]{display:grid;grid-template-columns:repeat(3,1fr);margin:16px 0;border:1px solid #edf0f4;border-radius:8px;background:#fafbfd}.carrier-stats div[b-ntbvgvohoo]{padding:10px 12px;border-left:1px solid #edf0f4}.carrier-stats div:last-child[b-ntbvgvohoo]{border:0}.carrier-stats span[b-ntbvgvohoo],.carrier-stats strong[b-ntbvgvohoo]{display:block}.carrier-stats span[b-ntbvgvohoo]{color:#7c899b;font-size:10px}.carrier-stats strong[b-ntbvgvohoo]{font-size:17px;margin-top:2px}.performance[b-ntbvgvohoo]{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;color:#6d7b8e;font-size:10px}.performance>div[b-ntbvgvohoo]{height:6px;border-radius:8px;background:#edf1f5;overflow:hidden}.performance i[b-ntbvgvohoo]{display:block;height:100%;border-radius:8px;background:#22a36f}.performance b[b-ntbvgvohoo]{color:#20815e}.carrier-card footer[b-ntbvgvohoo]{display:flex;align-items:center;justify-content:space-between;margin-top:15px;padding-top:13px;border-top:1px solid #edf0f4}.carrier-card footer>span[b-ntbvgvohoo]{display:flex;align-items:center;gap:4px;color:#738095;font-size:10px}.carrier-card footer .material-symbols-rounded[b-ntbvgvohoo]{font-size:15px}.carrier-card footer button[b-ntbvgvohoo]{border:0;background:transparent;color:#245fc5;font-weight:700;font-size:10px;cursor:pointer}.carrier-card footer button span[b-ntbvgvohoo]{vertical-align:middle}
.coming-card[b-ntbvgvohoo]{min-height:380px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed #cfd8e6;border-radius:12px;background:#fff;text-align:center}.coming-card>span[b-ntbvgvohoo]{width:62px;height:62px;display:grid;place-items:center;border-radius:16px;background:#edf3ff;color:#2a63c7;font-size:31px}.coming-card h2[b-ntbvgvohoo]{font-size:18px;margin:16px 0 5px}.coming-card p[b-ntbvgvohoo]{max-width:480px;margin:0 0 18px;color:#718096;font-size:12px;line-height:1.8}
.modal-layer[b-ntbvgvohoo]{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:24px;background:rgba(11,25,49,.55);backdrop-filter:blur(3px)}.modal-card[b-ntbvgvohoo]{width:min(690px,100%);max-height:calc(100vh - 48px);overflow:auto;border:1px solid #dfe5ed;border-radius:13px;background:#fff;box-shadow:0 25px 70px rgba(7,19,41,.3)}.modal-card.modal-wide[b-ntbvgvohoo]{width:min(980px,100%)}.modal-header[b-ntbvgvohoo]{padding:18px 20px;display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid #e9edf3}.modal-header h2[b-ntbvgvohoo]{margin:0;font-size:18px}.modal-header p[b-ntbvgvohoo]{margin:4px 0 0;color:#748196;font-size:11px}.stepper[b-ntbvgvohoo]{display:flex;align-items:center;padding:17px 20px;background:#f8fafc;border-bottom:1px solid #e9edf3}.stepper span[b-ntbvgvohoo]{display:flex;align-items:center;gap:6px;color:#7b889a;font-size:10px}.stepper span b[b-ntbvgvohoo]{width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:#e5eaf1;color:#728096}.stepper span.active[b-ntbvgvohoo]{color:#245dc4;font-weight:700}.stepper span.active b[b-ntbvgvohoo]{background:#245fc9;color:#fff}.stepper i[b-ntbvgvohoo]{flex:1;height:1px;margin:0 9px;background:#dce2ea}.form-grid[b-ntbvgvohoo]{padding:19px 20px;display:grid;grid-template-columns:1fr 1fr;gap:14px 13px}.form-grid label[b-ntbvgvohoo]{font-weight:600}.form-grid textarea[b-ntbvgvohoo]{resize:vertical}.form-grid .span-2[b-ntbvgvohoo]{grid-column:span 2}.contract-toggle[b-ntbvgvohoo]{display:flex!important;align-items:flex-start!important;padding:11px;border:1px solid #dfe5ed;border-radius:8px;background:#fafbfd}.contract-toggle input[b-ntbvgvohoo]{width:auto!important;min-height:0!important;margin-top:2px}.contract-toggle strong[b-ntbvgvohoo],.contract-toggle small[b-ntbvgvohoo]{display:block}.contract-toggle small[b-ntbvgvohoo]{color:#8591a3;font-weight:400;margin-top:3px}.modal-footer[b-ntbvgvohoo]{padding:13px 20px;display:flex;justify-content:flex-end;gap:7px;border-top:1px solid #e9edf3;background:#fafbfd}.assignment-summary[b-ntbvgvohoo]{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:16px 20px 0;border:1px solid #e3e8ef;border-radius:8px;background:#e3e8ef;overflow:hidden}.assignment-summary div[b-ntbvgvohoo]{padding:11px;background:#fafbfd}.assignment-summary span[b-ntbvgvohoo],.assignment-summary strong[b-ntbvgvohoo]{display:block}.assignment-summary span[b-ntbvgvohoo]{font-size:9px;color:#7e8b9d}.assignment-summary strong[b-ntbvgvohoo]{font-size:11px;margin-top:3px}.details-banner[b-ntbvgvohoo]{margin:17px 20px;min-height:66px;padding:12px;display:flex;align-items:center;justify-content:space-between;border:1px solid #dce6f6;border-radius:9px;background:#f5f8ff}.details-banner>div[b-ntbvgvohoo]{display:flex;align-items:center;gap:10px}.details-banner strong[b-ntbvgvohoo],.details-banner small[b-ntbvgvohoo]{display:block}.details-banner strong[b-ntbvgvohoo]{font-size:13px}.details-banner small[b-ntbvgvohoo]{font-size:10px;color:#77869a;margin-top:3px}.detail-grid[b-ntbvgvohoo]{padding:0 20px 20px;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border-radius:8px;overflow:hidden}.detail-grid div[b-ntbvgvohoo]{min-height:68px;padding:12px;background:#f8fafc;border:1px solid #edf0f4}.detail-grid span[b-ntbvgvohoo],.detail-grid strong[b-ntbvgvohoo]{display:block}.detail-grid span[b-ntbvgvohoo]{color:#7b899c;font-size:9px}.detail-grid strong[b-ntbvgvohoo]{font-size:11px;margin-top:5px}.profile-hero[b-ntbvgvohoo]{margin:18px 20px 0;padding:15px;display:flex;align-items:center;gap:11px;border:1px solid #e3e8ef;border-radius:9px;background:#fafbfd}.profile-mark[b-ntbvgvohoo]{width:48px;height:48px;display:grid;place-items:center;border-radius:11px;background:#17386d;color:#fff;font-size:19px;font-weight:800}.profile-hero>div:nth-child(2)[b-ntbvgvohoo]{flex:1}.profile-hero h3[b-ntbvgvohoo]{margin:0;font-size:14px}.profile-hero p[b-ntbvgvohoo]{margin:3px 0 0;color:#7c899b;font-size:10px}.profile-tabs[b-ntbvgvohoo]{display:flex;gap:2px;margin:14px 20px 0;border-bottom:1px solid #e5eaf1}.profile-tabs button[b-ntbvgvohoo]{height:37px;padding:0 12px;border:0;border-bottom:2px solid transparent;background:transparent;color:#66758a;font-size:10px;cursor:pointer}.profile-tabs button.active[b-ntbvgvohoo]{border-bottom-color:#2865cf;color:#245dc4;font-weight:700}.profile-tabs button b[b-ntbvgvohoo]{padding:2px 5px;border-radius:5px;background:#edf1f6;font-size:8px}.profile-layout[b-ntbvgvohoo]{display:grid;grid-template-columns:1fr 1fr;gap:13px;padding:16px 20px 20px}.profile-layout section[b-ntbvgvohoo]{border:1px solid #e3e8ef;border-radius:9px;overflow:hidden}.profile-layout section>h3[b-ntbvgvohoo],.profile-layout section>header[b-ntbvgvohoo]{min-height:48px;margin:0;padding:0 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8edf3;font-size:12px}.profile-layout .detail-grid[b-ntbvgvohoo]{grid-template-columns:1fr 1fr;padding:0}.lane-list>div[b-ntbvgvohoo]{min-height:47px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0f4;font-size:10px}.lane-list span[b-ntbvgvohoo]{display:flex;align-items:center;gap:7px}.lane-list i[b-ntbvgvohoo]{display:inline-block;width:30px;height:1px;background:#b9c5d4}.fleet-overview[b-ntbvgvohoo]{display:grid;grid-template-columns:repeat(3,1fr);padding:15px;gap:8px}.fleet-overview>div[b-ntbvgvohoo]{padding:12px;border-radius:8px;background:#f7f9fc;text-align:center}.fleet-overview span[b-ntbvgvohoo],.fleet-overview strong[b-ntbvgvohoo],.fleet-overview small[b-ntbvgvohoo]{display:block}.fleet-overview span[b-ntbvgvohoo]{color:#2c65cb;font-size:20px}.fleet-overview strong[b-ntbvgvohoo]{font-size:18px;margin:3px}.fleet-overview small[b-ntbvgvohoo]{font-size:9px;color:#7d8a9c}
.mobile-backdrop[b-ntbvgvohoo]{display:none}
.dashboard-welcome[b-ntbvgvohoo]{min-height:91px;padding:20px 22px;display:flex;align-items:center;justify-content:space-between;border:1px solid #dbe4f3;border-radius:10px;background:linear-gradient(115deg,#eef3fc,#dbe5f7 60%,#eef2fa);position:relative;overflow:hidden}.dashboard-welcome[b-ntbvgvohoo]:after{content:"";position:absolute;inset:-70% -5% auto 40%;height:180px;border:1px solid rgba(35,82,150,.11);border-radius:50%;transform:rotate(-12deg)}.dashboard-welcome>div[b-ntbvgvohoo]{position:relative;z-index:1}.dashboard-welcome>div>span[b-ntbvgvohoo]{font-size:16px;color:#6c91d2;vertical-align:middle;margin-inline-end:6px}.dashboard-welcome small[b-ntbvgvohoo]{font-size:10px;color:#4e5d71}.dashboard-welcome h1[b-ntbvgvohoo]{font-size:20px;margin:7px 0 0}.dashboard-meta[b-ntbvgvohoo]{display:flex;align-items:center;justify-content:space-between;padding:0 3px;color:#7e8999;font-size:10px}.dashboard-meta span[b-ntbvgvohoo]{display:flex;align-items:center;gap:6px}.dashboard-meta span i[b-ntbvgvohoo]{width:7px;height:7px;border-radius:50%;background:#7b8798}.dashboard-meta label[b-ntbvgvohoo]{display:flex;align-items:center;gap:5px}
.dashboard-workspace[b-ntbvgvohoo]{width:100%;min-width:0;display:grid;grid-template-columns:minmax(0,2.2fr) minmax(250px,.8fr);gap:14px;align-items:start}.dashboard-primary[b-ntbvgvohoo],.dashboard-rail[b-ntbvgvohoo]{min-width:0;display:grid;gap:13px}.ops-panel[b-ntbvgvohoo]{min-width:0;border:1px solid #e6eaf0;border-radius:9px;background:#fff;box-shadow:0 2px 8px rgba(24,42,70,.025);overflow:hidden}.ops-panel>header[b-ntbvgvohoo]{min-width:0;min-height:47px;padding:9px 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0f4}.ops-panel h2[b-ntbvgvohoo]{font-size:12px;margin:0}.dashboard-filters[b-ntbvgvohoo]{min-width:0;display:flex;gap:7px}.dashboard-filters button[b-ntbvgvohoo],.rail-card header button[b-ntbvgvohoo]{min-width:100px;height:28px;padding:0 9px;border:0;border-radius:5px;background:#f6f7f9;color:#7b8797;text-align:start;font-size:9px;cursor:pointer}.order-status-grid[b-ntbvgvohoo]{width:100%;min-width:0;display:grid;grid-template-columns:90px repeat(5,minmax(72px,1fr));grid-auto-rows:58px;padding:11px 14px;overflow-x:auto}.order-total[b-ntbvgvohoo]{grid-row:span 2;padding:4px 12px;border-inline-end:1px solid #edf0f4}.order-total span[b-ntbvgvohoo],.order-total small[b-ntbvgvohoo],.order-total strong[b-ntbvgvohoo],.order-total em[b-ntbvgvohoo]{display:block}.order-total span[b-ntbvgvohoo]{color:#315f9f;font-size:19px}.order-total small[b-ntbvgvohoo]{text-transform:uppercase;font-size:9px;font-weight:700;margin-top:2px}.order-total strong[b-ntbvgvohoo]{font-size:20px;margin-top:4px}.order-total em[b-ntbvgvohoo]{font-style:normal;color:#dc514c;font-size:9px}.status-metric[b-ntbvgvohoo]{min-width:0;padding:5px 10px;border-inline-end:1px solid #edf0f4}.status-metric strong[b-ntbvgvohoo],.status-metric span[b-ntbvgvohoo]{display:block}.status-metric strong[b-ntbvgvohoo]{font-size:14px}.status-metric span[b-ntbvgvohoo]{font-size:9px;color:#7d899a;margin-top:3px}
.finance-totals[b-ntbvgvohoo]{display:grid;grid-template-columns:1fr 1fr;padding:13px 16px 8px}.finance-totals>div span[b-ntbvgvohoo],.finance-totals>div strong[b-ntbvgvohoo]{display:block}.finance-totals span[b-ntbvgvohoo]{color:#7d8998;font-size:9px}.finance-totals strong[b-ntbvgvohoo]{font-size:17px;margin-top:3px}.finance-totals small[b-ntbvgvohoo]{font-size:9px}.finance-cards[b-ntbvgvohoo]{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:4px 15px 14px}.finance-cards>div[b-ntbvgvohoo]{min-height:49px;padding:9px;display:flex;align-items:center;gap:8px;border:1px solid #e7ebf1;border-radius:7px}.finance-cards>div>span[b-ntbvgvohoo]{width:29px;height:29px;display:grid;place-items:center;border-radius:6px;background:#fff3dc;color:#d59417;font-size:16px}.finance-cards>div.profit>span[b-ntbvgvohoo]{background:#e7f8f0;color:#179767}.finance-cards>div.loss>span[b-ntbvgvohoo]{background:#ffeded;color:#d84a44}.finance-cards p[b-ntbvgvohoo]{margin:0;color:#7b8797;font-size:9px}.finance-cards p strong[b-ntbvgvohoo]{display:block;color:#263449;font-size:11px;margin-top:2px}
.growth-panel[b-ntbvgvohoo]{position:relative;min-height:370px}.growth-months[b-ntbvgvohoo]{display:grid;grid-template-columns:repeat(6,1fr);height:145px}.growth-months>div[b-ntbvgvohoo]{padding:13px;border-inline-end:1px solid #e7ebf1}.growth-months b[b-ntbvgvohoo],.growth-months span[b-ntbvgvohoo],.growth-months strong[b-ntbvgvohoo]{display:block}.growth-months b[b-ntbvgvohoo]{font-size:9px;color:#2358a0}.growth-months b em[b-ntbvgvohoo]{font-style:normal;color:#13946a}.growth-months span[b-ntbvgvohoo]{font-size:8px;color:#7f8b9b;margin-top:6px;border-inline-start:2px solid #2d63b7;padding-inline-start:5px}.growth-months strong[b-ntbvgvohoo]{font-size:9px;color:#344155;margin-top:1px}.growth-line[b-ntbvgvohoo]{width:100%;height:205px;display:block}.growth-line polyline[b-ntbvgvohoo],.fulfilment-chart polyline[b-ntbvgvohoo]{fill:none;stroke:#82a3d4;stroke-width:2}.chart-grid line[b-ntbvgvohoo]{stroke:#edf0f4;stroke-width:1}.chart-points circle[b-ntbvgvohoo]{fill:#4e78b6}
.fulfilment-panel[b-ntbvgvohoo]{min-height:340px}.fulfilment-kpis[b-ntbvgvohoo]{display:grid;grid-template-columns:repeat(4,1fr);padding:12px 16px}.fulfilment-kpis span[b-ntbvgvohoo]{padding-inline-start:8px;border-inline-start:3px solid #2f68bc;color:#778496;font-size:8px}.fulfilment-kpis span.done[b-ntbvgvohoo]{border-color:#16956b}.fulfilment-kpis span.pending[b-ntbvgvohoo],.fulfilment-kpis span.cancelled[b-ntbvgvohoo]{border-color:#e14d43}.fulfilment-kpis b[b-ntbvgvohoo]{display:block;color:#233247;font-size:11px}.fulfilment-chart[b-ntbvgvohoo]{width:100%;height:245px}.fulfilment-chart .completed-line[b-ntbvgvohoo]{stroke:#218e88}.fulfilment-chart .cancelled-line[b-ntbvgvohoo]{stroke:#e0675d}
.rail-card[b-ntbvgvohoo]{min-height:170px}.rail-total[b-ntbvgvohoo]{display:flex;flex-direction:column;padding:13px 15px;font-size:15px}.rail-total small[b-ntbvgvohoo]{font-size:8px;color:#7d8999;margin-top:2px}.delivery-split[b-ntbvgvohoo]{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:4px 15px 15px}.delivery-split>div[b-ntbvgvohoo]{display:grid;gap:5px}.delivery-split span[b-ntbvgvohoo]{font-size:9px;color:#6b788b}.delivery-split strong[b-ntbvgvohoo]{font-size:13px}.delivery-split i[b-ntbvgvohoo]{height:3px;background:#ef6649;box-shadow:95px 0 #d7dde5}.empty-mini[b-ntbvgvohoo]{min-height:130px;display:flex;align-items:center;justify-content:center;gap:9px;color:#8c97a6;text-align:center}.empty-mini span[b-ntbvgvohoo]{font-size:26px}.empty-mini p[b-ntbvgvohoo]{font-size:9px;max-width:90px}.mini-donut-row[b-ntbvgvohoo]{display:flex;align-items:center;justify-content:center;gap:25px;padding:17px}.mini-donut[b-ntbvgvohoo]{width:96px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#ef6649 0 100%);position:relative}.mini-donut[b-ntbvgvohoo]:after{content:"";position:absolute;width:65px;aspect-ratio:1;border-radius:50%;background:#fff}.mini-donut strong[b-ntbvgvohoo]{position:relative;z-index:1}.mini-donut-row ul[b-ntbvgvohoo]{list-style:none;padding:0;margin:0;font-size:9px;color:#66758a}.mini-donut-row li[b-ntbvgvohoo]{margin:10px 0}.mini-donut-row li i[b-ntbvgvohoo]{display:inline-block;width:2px;height:14px;background:#1d5a9d;vertical-align:middle;margin-inline-end:6px}.mini-donut-row li+li i[b-ntbvgvohoo]{background:#ef6649}.lanes-card[b-ntbvgvohoo]{padding-bottom:12px}.lanes-card header b[b-ntbvgvohoo]{padding:2px 6px;border-radius:4px;background:#eaf1fc;color:#2a5eaa;font-size:8px}.lanes-card>div[b-ntbvgvohoo]{display:grid;grid-template-columns:1fr auto;gap:5px;padding:6px 14px;font-size:9px}.lanes-card>div i[b-ntbvgvohoo]{grid-column:1/-1;height:3px;background:#edf0f4}.lanes-card>div em[b-ntbvgvohoo]{display:block;height:100%;background:#245dad}
.shahin-shell.is-english .shahin-sidebar[b-ntbvgvohoo] { inset:0 auto 0 0; }
.shahin-shell.is-english .shahin-main[b-ntbvgvohoo] { margin-right:0; margin-left:248px; }
.shahin-shell.is-english .shahin-nav button[b-ntbvgvohoo] { text-align:left; }
.shahin-shell.is-english .shahin-nav button.active[b-ntbvgvohoo] { box-shadow:inset 3px 0 var(--gold); }
.shahin-shell.is-english .shahin-nav button b[b-ntbvgvohoo] { margin-right:0; margin-left:auto; }
.shahin-shell.is-english .user-block[b-ntbvgvohoo] { margin-right:0; margin-left:10px; padding-right:0; padding-left:12px; border-right:0; border-left:1px solid var(--line); }
.shahin-shell.is-english .user-copy[b-ntbvgvohoo] { text-align:right; }
.shahin-shell.is-english .data-table th[b-ntbvgvohoo] { text-align:left; }
@media (max-width:1100px){.kpi-grid[b-ntbvgvohoo]{grid-template-columns:repeat(2,1fr)}.dashboard-grid[b-ntbvgvohoo]{grid-template-columns:1fr}.summary-strip[b-ntbvgvohoo]{grid-template-columns:repeat(2,1fr)}.carrier-grid[b-ntbvgvohoo]{grid-template-columns:1fr}.user-copy[b-ntbvgvohoo]{display:none}.global-search[b-ntbvgvohoo]{width:330px}}
@media (max-width:1100px){.dashboard-workspace[b-ntbvgvohoo]{grid-template-columns:1fr}.dashboard-rail[b-ntbvgvohoo]{grid-template-columns:repeat(2,1fr)}.growth-months[b-ntbvgvohoo]{overflow-x:auto}.growth-months>div[b-ntbvgvohoo]{min-width:135px}.order-status-grid[b-ntbvgvohoo]{grid-template-columns:90px repeat(5,minmax(95px,1fr));overflow:auto}}
@media (max-width:760px){.shahin-sidebar[b-ntbvgvohoo]{transform:translateX(105%);transition:transform .22s ease}.shahin-sidebar.is-open[b-ntbvgvohoo]{transform:translateX(0)}.shahin-shell.is-english .shahin-sidebar[b-ntbvgvohoo]{transform:translateX(-105%)}.shahin-shell.is-english .shahin-sidebar.is-open[b-ntbvgvohoo]{transform:translateX(0)}.sidebar-close[b-ntbvgvohoo]{display:grid!important}.shahin-main[b-ntbvgvohoo],.shahin-shell.is-english .shahin-main[b-ntbvgvohoo]{margin-right:0;margin-left:0}.mobile-menu-button[b-ntbvgvohoo]{display:grid}.mobile-backdrop[b-ntbvgvohoo]{display:block;position:fixed;inset:0;z-index:35;border:0;background:rgba(10,25,50,.45)}.shahin-topbar[b-ntbvgvohoo]{padding:0 13px}.global-search[b-ntbvgvohoo]{width:min(58vw,320px)}.global-search kbd[b-ntbvgvohoo]{display:none}.user-block .material-symbols-rounded[b-ntbvgvohoo]{display:none}.shahin-content[b-ntbvgvohoo]{padding:18px 13px 34px}.page-heading[b-ntbvgvohoo]{align-items:flex-start;flex-direction:column}.page-heading h1[b-ntbvgvohoo]{font-size:21px}.page-actions[b-ntbvgvohoo]{width:100%}.page-actions .primary-button[b-ntbvgvohoo]{flex:1}.kpi-grid[b-ntbvgvohoo]{grid-template-columns:1fr 1fr;gap:9px}.kpi-card[b-ntbvgvohoo]{min-height:118px;padding:14px}.kpi-card strong[b-ntbvgvohoo]{font-size:20px}.dashboard-grid[b-ntbvgvohoo]{gap:10px}.donut-wrap[b-ntbvgvohoo]{padding:16px;gap:18px}.shipment-tabs[b-ntbvgvohoo]{border-radius:8px}.table-toolbar[b-ntbvgvohoo]{align-items:stretch;flex-direction:column}.table-search[b-ntbvgvohoo]{width:100%}.toolbar-actions[b-ntbvgvohoo]{overflow-x:auto}.filter-popover[b-ntbvgvohoo]{position:fixed;inset:auto 12px 12px;width:auto}.summary-strip[b-ntbvgvohoo]{grid-template-columns:1fr 1fr}.summary-strip>div[b-ntbvgvohoo]{padding:11px}.carrier-grid[b-ntbvgvohoo]{grid-template-columns:1fr}.modal-layer[b-ntbvgvohoo]{padding:10px}.modal-card[b-ntbvgvohoo]{max-height:calc(100vh - 20px)}.form-grid[b-ntbvgvohoo]{grid-template-columns:1fr}.form-grid .span-2[b-ntbvgvohoo]{grid-column:span 1}.assignment-summary[b-ntbvgvohoo]{grid-template-columns:1fr}.detail-grid[b-ntbvgvohoo]{grid-template-columns:1fr 1fr}.profile-layout[b-ntbvgvohoo]{grid-template-columns:1fr}.profile-tabs[b-ntbvgvohoo]{overflow-x:auto}.profile-tabs button[b-ntbvgvohoo]{white-space:nowrap}.profile-hero[b-ntbvgvohoo]{align-items:flex-start;flex-wrap:wrap}.profile-hero .secondary-button[b-ntbvgvohoo]{width:100%}}
@media (max-width:480px){.topbar-actions>.icon-button:first-child[b-ntbvgvohoo]{display:none}.user-avatar[b-ntbvgvohoo]{width:31px;height:31px}.global-search[b-ntbvgvohoo]{width:55vw}.kpi-grid[b-ntbvgvohoo]{grid-template-columns:1fr}.bar-chart[b-ntbvgvohoo]{gap:7px;padding-inline:10px}.donut-wrap[b-ntbvgvohoo]{flex-direction:column}.summary-strip[b-ntbvgvohoo]{grid-template-columns:1fr}.carrier-stats[b-ntbvgvohoo]{grid-template-columns:repeat(3,1fr)}.detail-grid[b-ntbvgvohoo]{grid-template-columns:1fr}.page-actions[b-ntbvgvohoo]{flex-wrap:wrap}.page-actions>*[b-ntbvgvohoo]{flex:1}.modal-header[b-ntbvgvohoo]{padding:15px}.form-grid[b-ntbvgvohoo],.profile-layout[b-ntbvgvohoo]{padding:15px}.profile-tabs[b-ntbvgvohoo]{margin-inline:15px}.profile-hero[b-ntbvgvohoo]{margin-inline:15px}}
@media (max-width:760px){.dashboard-welcome[b-ntbvgvohoo]{min-height:80px;padding:15px}.dashboard-welcome h1[b-ntbvgvohoo]{font-size:17px}.dashboard-workspace[b-ntbvgvohoo]{display:block}.dashboard-primary[b-ntbvgvohoo],.dashboard-rail[b-ntbvgvohoo]{display:grid;grid-template-columns:1fr}.dashboard-rail[b-ntbvgvohoo]{margin-top:10px}.order-status-grid[b-ntbvgvohoo]{grid-template-columns:80px repeat(5,90px)}.finance-cards[b-ntbvgvohoo]{grid-template-columns:1fr}.growth-panel[b-ntbvgvohoo]{min-height:330px}.growth-line[b-ntbvgvohoo]{height:175px}.fulfilment-kpis[b-ntbvgvohoo]{grid-template-columns:1fr 1fr;gap:10px}.fulfilment-chart[b-ntbvgvohoo]{height:200px}.dashboard-filters button[b-ntbvgvohoo]{min-width:75px}.dashboard-meta[b-ntbvgvohoo]{padding-block:3px}}

/* Authentication */
.login-page[b-ntbvgvohoo]{min-height:100dvh;display:grid;grid-template-columns:minmax(360px,42%) 1fr;direction:ltr;background:#061a33;font-family:"Tajawal",sans-serif}.login-panel[b-ntbvgvohoo]{display:grid;place-items:center;padding:42px;background:#f6f8fc;direction:rtl}.login-card[b-ntbvgvohoo]{width:min(440px,100%)}.login-brand[b-ntbvgvohoo]{display:flex;align-items:center;gap:12px;margin-bottom:54px}.login-logo[b-ntbvgvohoo]{width:54px;height:54px;border:1px solid #ead18d;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 10px 30px rgba(177,123,21,.14)}.login-logo img[b-ntbvgvohoo]{width:100%;height:100%;object-fit:cover}.login-brand strong[b-ntbvgvohoo],.login-brand small[b-ntbvgvohoo]{display:block}.login-brand strong[b-ntbvgvohoo]{font-size:20px;color:#0b2341}.login-brand small[b-ntbvgvohoo]{margin-top:3px;color:#7c8999;font-size:12px}.login-heading>span[b-ntbvgvohoo]{color:#ad7b1e;font-size:11px;font-weight:800;letter-spacing:.5px}.login-heading h2[b-ntbvgvohoo]{margin:8px 0 5px;color:#0b2341;font-size:30px}.login-heading p[b-ntbvgvohoo]{margin:0 0 28px;color:#718096;font-size:13px;line-height:1.8}.login-card form[b-ntbvgvohoo]{display:grid;gap:17px}.login-card form>label[b-ntbvgvohoo]{display:grid;gap:7px;color:#35445a;font-size:12px;font-weight:700}.login-input[b-ntbvgvohoo]{height:49px;display:flex;align-items:center;gap:9px;padding:0 13px;border:1px solid #dce3ed;border-radius:10px;background:#fff;transition:.18s}.login-input:focus-within[b-ntbvgvohoo]{border-color:#bf9134;box-shadow:0 0 0 4px rgba(191,145,52,.1)}.login-input span[b-ntbvgvohoo]{font-size:19px;color:#8b97a8}.login-input input[b-ntbvgvohoo]{width:100%;height:100%;border:0;outline:0;background:transparent;color:#172033}.login-submit[b-ntbvgvohoo]{height:50px;margin-top:4px;padding:0 17px;display:flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:10px;background:#0a2748;color:#fff;font-weight:800;cursor:pointer;box-shadow:0 10px 24px rgba(6,26,51,.18)}.login-submit:hover[b-ntbvgvohoo]{background:#10375f}.login-submit:disabled[b-ntbvgvohoo]{opacity:.65;cursor:wait}.login-submit .material-symbols-rounded[b-ntbvgvohoo]{font-size:19px}.login-error[b-ntbvgvohoo]{padding:10px 12px;display:flex;align-items:center;gap:7px;border:1px solid #f4cccc;border-radius:8px;background:#fff0f0;color:#b93737;font-size:11px}.login-error span[b-ntbvgvohoo]{font-size:17px}.login-card>footer[b-ntbvgvohoo]{margin-top:22px;display:flex;align-items:center;justify-content:center;gap:6px;color:#7d8999;font-size:10px}.login-card>footer span[b-ntbvgvohoo]{font-size:16px;color:#2b7a5a}.login-visual[b-ntbvgvohoo]{position:relative;overflow:hidden;padding:72px;display:flex;align-items:flex-end;background:radial-gradient(circle at 75% 22%,rgba(242,196,95,.17),transparent 27%),linear-gradient(145deg,#071a32,#0a2d54);color:#fff;direction:rtl}.login-rings[b-ntbvgvohoo]{position:absolute;inset:12% -25% auto auto;width:650px;aspect-ratio:1;border:1px solid rgba(242,196,95,.14);border-radius:50%;box-shadow:0 0 0 95px rgba(255,255,255,.015),0 0 0 190px rgba(242,196,95,.025)}.login-visual[b-ntbvgvohoo]:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(3,13,27,.7))}.login-visual-copy[b-ntbvgvohoo]{position:relative;z-index:1;max-width:520px}.login-visual-copy span[b-ntbvgvohoo]{color:#f2c45f;font-size:11px;font-weight:800;letter-spacing:3px}.login-visual-copy h1[b-ntbvgvohoo]{margin:13px 0;font-size:44px;line-height:1.35}.login-visual-copy p[b-ntbvgvohoo]{max-width:480px;margin:0;color:#b9c8dc;line-height:2;font-size:14px}.login-spinner[b-ntbvgvohoo]{width:20px;height:20px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin-b-ntbvgvohoo .7s linear infinite}@keyframes spin-b-ntbvgvohoo{to{transform:rotate(360deg)}}

/* Access governance and feedback */
.access-banner[b-ntbvgvohoo]{min-height:76px;margin-bottom:14px;padding:15px 17px;display:flex;align-items:center;gap:12px;border:1px solid #d8e4f6;border-radius:10px;background:#f2f6fd}.access-banner>span[b-ntbvgvohoo]{width:42px;height:42px;display:grid;place-items:center;border-radius:10px;background:#0b315a;color:#f2c45f}.access-banner strong[b-ntbvgvohoo],.access-banner small[b-ntbvgvohoo]{display:block}.access-banner strong[b-ntbvgvohoo]{font-size:13px}.access-banner small[b-ntbvgvohoo]{margin-top:4px;color:#708096;font-size:10px}.roles-grid[b-ntbvgvohoo]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.role-card[b-ntbvgvohoo]{padding:15px;border:1px solid var(--line);border-radius:10px;background:#fff}.role-card.current[b-ntbvgvohoo]{border-color:#d5ad52;box-shadow:0 0 0 3px rgba(213,173,82,.09)}.role-card header[b-ntbvgvohoo]{display:flex;align-items:center;gap:9px}.role-card header>span[b-ntbvgvohoo]{width:35px;height:35px;display:grid;place-items:center;border-radius:8px;background:#edf3ff;color:#245fc5;font-size:18px}.role-card header div[b-ntbvgvohoo]{flex:1}.role-card h2[b-ntbvgvohoo],.role-card header p[b-ntbvgvohoo]{margin:0}.role-card h2[b-ntbvgvohoo]{font-size:12px}.role-card header p[b-ntbvgvohoo]{margin-top:2px;color:#8390a1;font-size:9px}.role-card header b[b-ntbvgvohoo]{padding:3px 6px;border-radius:5px;background:#fff4d9;color:#9a6a10;font-size:8px}.role-card>p[b-ntbvgvohoo]{min-height:45px;margin:14px 0;color:#66758a;font-size:10px;line-height:1.7}.role-card footer[b-ntbvgvohoo]{padding-top:10px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #edf0f4}.role-card footer span[b-ntbvgvohoo]{color:#8290a2;font-size:9px}.role-card footer button[b-ntbvgvohoo]{border:0;background:transparent;color:#245fc5;font-size:9px;font-weight:700;cursor:pointer}.governance-note[b-ntbvgvohoo]{margin-top:14px;padding:16px;display:flex;gap:12px;border:1px solid #f1dfb8;border-radius:10px;background:#fffaf0}.governance-note>span[b-ntbvgvohoo]{color:#bc8319}.governance-note h3[b-ntbvgvohoo]{margin:0;font-size:12px}.governance-note p[b-ntbvgvohoo]{margin:4px 0 0;color:#6f7887;font-size:10px;line-height:1.8}.app-toast[b-ntbvgvohoo]{position:fixed;z-index:150;inset:auto auto 22px 22px;max-width:min(420px,calc(100vw - 28px));min-height:45px;padding:9px 12px;display:flex;align-items:center;gap:8px;border:1px solid #ccebdc;border-radius:9px;background:#fff;color:#196846;box-shadow:0 14px 40px rgba(18,49,37,.16);font-family:"Tajawal",sans-serif;font-size:11px}.app-toast>span[b-ntbvgvohoo]{color:#1b9a68}.app-toast button[b-ntbvgvohoo]{margin-inline-start:auto;border:0;background:transparent;color:#6c7c72;font-size:18px;cursor:pointer}.logout-button[b-ntbvgvohoo]{width:31px;height:31px}.logout-button span[b-ntbvgvohoo]{font-size:17px}.waybill-preview[b-ntbvgvohoo]{margin:18px 20px;padding:16px;display:flex;align-items:center;gap:12px;border:1px solid #dfe6f1;border-radius:10px;background:#f8fafc}.waybill-preview>span[b-ntbvgvohoo]{width:43px;height:43px;display:grid;place-items:center;border-radius:9px;background:#edf3ff;color:#245fc5}.waybill-preview>div[b-ntbvgvohoo]{flex:1}.waybill-preview strong[b-ntbvgvohoo]{font-size:13px}.waybill-preview p[b-ntbvgvohoo]{margin:3px 0 0;color:#718096;font-size:10px}.action-confirm[b-ntbvgvohoo]{padding:24px 20px 4px;text-align:center}.action-confirm>span[b-ntbvgvohoo]{width:54px;height:54px;display:grid;place-items:center;margin:auto;border-radius:50%;background:#fff2e3;color:#c97e10;font-size:26px}.action-confirm h3[b-ntbvgvohoo]{margin:12px 0 4px;font-size:15px}.action-confirm p[b-ntbvgvohoo]{max-width:480px;margin:0 auto;color:#718096;font-size:10px;line-height:1.8}.primary-button:disabled[b-ntbvgvohoo]{opacity:.5;cursor:not-allowed}

@media (max-width:1280px){.roles-grid[b-ntbvgvohoo]{grid-template-columns:repeat(2,minmax(0,1fr))}.shahin-content[b-ntbvgvohoo]{padding-inline:20px}.dashboard-workspace[b-ntbvgvohoo]{grid-template-columns:minmax(0,1.8fr) minmax(250px,.8fr)}}
@media (max-width:900px){.login-page[b-ntbvgvohoo]{grid-template-columns:1fr}.login-visual[b-ntbvgvohoo]{display:none}.login-panel[b-ntbvgvohoo]{min-height:100dvh;padding:30px 22px}.login-brand[b-ntbvgvohoo]{margin-bottom:38px}.shahin-main[b-ntbvgvohoo],.shahin-shell.is-english .shahin-main[b-ntbvgvohoo]{width:100%;margin:0}.shahin-sidebar[b-ntbvgvohoo]{width:min(300px,88vw)}.shahin-content[b-ntbvgvohoo]{padding-inline:15px}.dashboard-workspace[b-ntbvgvohoo]{grid-template-columns:1fr}.dashboard-rail[b-ntbvgvohoo]{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar-actions[b-ntbvgvohoo]{min-width:0}.user-block[b-ntbvgvohoo]{margin-inline-start:4px;padding-inline-start:7px}.global-search[b-ntbvgvohoo]{flex:1;width:auto;max-width:410px}.topbar-start[b-ntbvgvohoo]{flex:1;min-width:0}.roles-grid[b-ntbvgvohoo]{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.shahin-topbar[b-ntbvgvohoo]{height:58px;padding-inline:9px}.global-search[b-ntbvgvohoo]{height:35px}.topbar-actions>.icon-button[b-ntbvgvohoo]{display:none}.language-button[b-ntbvgvohoo]{padding-inline:7px}.user-block[b-ntbvgvohoo]{border:0!important;margin:0!important;padding:0!important}.shahin-content[b-ntbvgvohoo]{padding:13px 9px 28px}.dashboard-welcome[b-ntbvgvohoo]{border-radius:8px}.dashboard-welcome .secondary-button[b-ntbvgvohoo]{padding-inline:9px}.dashboard-filters[b-ntbvgvohoo]{max-width:60%;overflow-x:auto}.dashboard-meta[b-ntbvgvohoo]{flex-wrap:wrap;gap:6px}.dashboard-rail[b-ntbvgvohoo]{grid-template-columns:1fr}.ops-panel>header[b-ntbvgvohoo]{align-items:flex-start;gap:8px}.order-status-grid[b-ntbvgvohoo]{padding-inline:9px}.finance-totals[b-ntbvgvohoo]{gap:10px}.growth-months[b-ntbvgvohoo]{height:130px}.table-card[b-ntbvgvohoo]{border-radius:8px}.data-table-wrap[b-ntbvgvohoo]{width:100%;max-width:100%;overscroll-behavior-inline:contain}.shipments-table[b-ntbvgvohoo]{min-width:1380px}.table-footer[b-ntbvgvohoo]{align-items:flex-start;gap:8px;flex-direction:column}.table-footer div[b-ntbvgvohoo]{width:100%;overflow-x:auto}.roles-grid[b-ntbvgvohoo]{grid-template-columns:1fr}.login-panel[b-ntbvgvohoo]{padding:24px 18px}.login-heading h2[b-ntbvgvohoo]{font-size:25px}.login-brand[b-ntbvgvohoo]{margin-bottom:32px}.modal-layer[b-ntbvgvohoo]{padding:0}.modal-card[b-ntbvgvohoo],.modal-card.modal-wide[b-ntbvgvohoo]{width:100%;height:100dvh;max-height:none;border:0;border-radius:0}.modal-header[b-ntbvgvohoo]{position:sticky;top:0;z-index:3;background:#fff}.modal-footer[b-ntbvgvohoo]{position:sticky;bottom:0;z-index:3}.waybill-preview[b-ntbvgvohoo]{margin:14px;flex-wrap:wrap}.waybill-preview .secondary-button[b-ntbvgvohoo]{width:100%}.app-toast[b-ntbvgvohoo]{inset:auto 14px 14px 14px}.page-heading[b-ntbvgvohoo]{margin-bottom:14px}.page-heading p[b-ntbvgvohoo]{font-size:11px}.summary-strip[b-ntbvgvohoo]{gap:1px}.support-card[b-ntbvgvohoo]{display:none}}
@media (max-width:390px){.global-search[b-ntbvgvohoo]{display:none}.mobile-menu-button[b-ntbvgvohoo]{margin:0}.topbar-start[b-ntbvgvohoo]{flex:0}.topbar-actions[b-ntbvgvohoo]{margin-inline-start:auto}.kpi-grid[b-ntbvgvohoo]{grid-template-columns:1fr}.roles-grid[b-ntbvgvohoo]{grid-template-columns:1fr}.login-card>footer[b-ntbvgvohoo]{text-align:center}.login-brand strong[b-ntbvgvohoo]{font-size:18px}}

/* SHAHEEN R2.2 LOGIN I18N + TAJAWAL OVERRIDES */
.shahin-sidebar[b-ntbvgvohoo],
.shahin-brand[b-ntbvgvohoo],
.shahin-nav[b-ntbvgvohoo],
.shahin-nav button[b-ntbvgvohoo],
.sidebar-foot[b-ntbvgvohoo],
.shahin-topbar[b-ntbvgvohoo],
.shahin-topbar button[b-ntbvgvohoo],
.shahin-topbar input[b-ntbvgvohoo],
.user-block[b-ntbvgvohoo],
.login-page[b-ntbvgvohoo],
.login-page button[b-ntbvgvohoo],
.login-page input[b-ntbvgvohoo] {
    font-family:"Tajawal",sans-serif;
}

.login-panel[b-ntbvgvohoo] { position:relative; }
.login-heading[b-ntbvgvohoo] { margin-bottom:28px; }
.login-panel[dir="rtl"][b-ntbvgvohoo] { direction:rtl; text-align:right; }
.login-panel[dir="ltr"][b-ntbvgvohoo] { direction:ltr; text-align:left; }
.login-visual[dir="rtl"][b-ntbvgvohoo] { direction:rtl; text-align:right; }
.login-visual[dir="ltr"][b-ntbvgvohoo] { direction:ltr; text-align:left; }
.login-language-toggle[b-ntbvgvohoo] {
    position:absolute;
    top:24px;
    inset-inline-end:28px;
    min-width:72px;
    height:36px;
    padding:0 10px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    border:1px solid #dfe5ed;
    border-radius:8px;
    background:#fff;
    color:#173659;
    cursor:pointer;
    z-index:2;
}
.login-language-toggle:hover[b-ntbvgvohoo] { border-color:#d4ad56; background:#fffaf0; }
.login-language-toggle .material-symbols-rounded[b-ntbvgvohoo] { font-size:17px; color:#b17b15; }
.login-language-toggle b[b-ntbvgvohoo] { font-size:11px; }
.login-panel[dir="ltr"] .login-input input[b-ntbvgvohoo] { text-align:left; direction:ltr; }
.login-panel[dir="rtl"] .login-input input[b-ntbvgvohoo] { text-align:right; }

/* Shipment interactions and one-page trip form */
.popover-host[b-ntbvgvohoo]{z-index:auto}
.popover-dismiss-layer[b-ntbvgvohoo]{position:fixed;inset:0;z-index:18;border:0;background:transparent;cursor:default}.popover-host[b-ntbvgvohoo]{z-index:19}.filter-popover[b-ntbvgvohoo],.columns-popover[b-ntbvgvohoo],.actions-menu[b-ntbvgvohoo]{z-index:22}.columns-popover[b-ntbvgvohoo]{max-height:min(520px,70vh);overflow:auto}.modal-content-root[b-ntbvgvohoo]{display:flex;max-height:calc(100vh - 48px);flex-direction:column;overflow:hidden}.modal-header[b-ntbvgvohoo],.modal-footer[b-ntbvgvohoo]{flex:0 0 auto}.trip-form-scroll[b-ntbvgvohoo]{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:4px 0}.form-section-title[b-ntbvgvohoo]{display:flex;align-items:center;gap:10px;margin:16px 20px 0;padding:12px 14px;border:1px solid #e1e8f2;border-radius:9px;background:#f7f9fd}.form-section-title>span[b-ntbvgvohoo]{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:#eaf1ff;color:#245fc9}.form-section-title strong[b-ntbvgvohoo],.form-section-title small[b-ntbvgvohoo]{display:block}.form-section-title strong[b-ntbvgvohoo]{font-size:12px}.form-section-title small[b-ntbvgvohoo]{margin-top:3px;color:#7b899b;font-size:9px;font-weight:400}.customer-search-field[b-ntbvgvohoo]{position:relative}.searchable-select[b-ntbvgvohoo]{position:relative}.searchable-select>span[b-ntbvgvohoo]{position:absolute;z-index:2;top:10px;inset-inline-start:11px;color:#8290a3;font-size:18px}.searchable-select>input[b-ntbvgvohoo]{padding-inline-start:36px}.searchable-options[b-ntbvgvohoo]{position:absolute;z-index:30;top:calc(100% + 5px);right:0;left:0;max-height:230px;overflow:auto;padding:5px;border:1px solid #dce4ee;border-radius:8px;background:#fff;box-shadow:0 14px 35px rgba(20,38,70,.18)}.searchable-options button[b-ntbvgvohoo]{width:100%;padding:9px 10px;display:block;border:0;border-radius:6px;background:#fff;text-align:start;cursor:pointer}.searchable-options button:hover[b-ntbvgvohoo]{background:#f2f6fc}.searchable-options strong[b-ntbvgvohoo],.searchable-options small[b-ntbvgvohoo]{display:block}.searchable-options strong[b-ntbvgvohoo]{font:700 11px "Tajawal",sans-serif;color:#2d3d53}.searchable-options small[b-ntbvgvohoo]{margin-top:3px;color:#8290a2;font:400 9px "Tajawal",sans-serif}.searchable-options>span[b-ntbvgvohoo]{display:block;padding:14px;text-align:center;color:#7d899a;font-size:10px}.creation-summary[b-ntbvgvohoo],.form-error[b-ntbvgvohoo]{margin:0 20px 18px;padding:11px 13px;display:flex;align-items:center;gap:8px;border-radius:8px;font-size:11px}.creation-summary[b-ntbvgvohoo]{border:1px solid #d7e5fa;background:#f2f7ff;color:#235ba9}.creation-summary p[b-ntbvgvohoo]{margin:0}.form-error[b-ntbvgvohoo]{border:1px solid #f3caca;background:#fff3f3;color:#b53434}.form-error span[b-ntbvgvohoo],.creation-summary>span[b-ntbvgvohoo]{font-size:19px}.form-grid input[readonly][b-ntbvgvohoo]{background:#f5f7fa;color:#69778a}.modal-footer[b-ntbvgvohoo]{background:#fff;box-shadow:0 -6px 18px rgba(23,41,69,.04)}

@media (max-width:600px) {
    .login-language-toggle[b-ntbvgvohoo] { top:16px; inset-inline-end:18px; }
    .login-panel[b-ntbvgvohoo] { padding-top:72px; }
    .modal-content-root[b-ntbvgvohoo]{height:100dvh;max-height:none}.trip-form-scroll[b-ntbvgvohoo]{padding-bottom:10px}.form-section-title[b-ntbvgvohoo]{margin-inline:15px}.creation-summary[b-ntbvgvohoo],.form-error[b-ntbvgvohoo]{margin-inline:15px}.columns-popover[b-ntbvgvohoo]{position:fixed;inset:auto 10px 10px;width:auto;max-height:70vh}.popover-dismiss-layer[b-ntbvgvohoo]{z-index:118}.popover-host[b-ntbvgvohoo]{z-index:119}.filter-popover[b-ntbvgvohoo],.columns-popover[b-ntbvgvohoo]{z-index:122}
}
.popover-host[b-ntbvgvohoo]{z-index:auto!important}
.import-button[b-ntbvgvohoo]{position:relative;cursor:pointer}.import-button input[type=file][b-ntbvgvohoo]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.import-button.disabled[b-ntbvgvohoo]{opacity:.55;pointer-events:none}

/* Modal navigation and complete shipment profile */
.modal-card[b-ntbvgvohoo]{overflow:hidden}
.modal-cancel-button[b-ntbvgvohoo]{display:inline-flex;align-items:center;gap:5px}.modal-cancel-button .material-symbols-rounded[b-ntbvgvohoo]{font-size:16px}
.shipment-details-scroll[b-ntbvgvohoo]{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-bottom:8px}
.shipment-detail-sections[b-ntbvgvohoo]{display:grid;gap:12px;padding:0 20px 20px}
.detail-section[b-ntbvgvohoo]{overflow:hidden;border:1px solid #e3e8ef;border-radius:10px;background:#fff}
.detail-section>header[b-ntbvgvohoo]{min-height:46px;padding:0 13px;display:flex;align-items:center;gap:8px;border-bottom:1px solid #e8edf3;background:#fafbfd}
.detail-section>header>span[b-ntbvgvohoo]{width:30px;height:30px;display:grid;place-items:center;border-radius:7px;background:#edf3ff;color:#245fc5;font-size:17px}
.detail-section>header h3[b-ntbvgvohoo]{margin:0;font-size:12px}
.detail-section .detail-grid[b-ntbvgvohoo]{padding:0;grid-template-columns:repeat(3,minmax(0,1fr))}
.detail-section .detail-grid div[b-ntbvgvohoo]{border-width:0 0 1px 1px}
.detail-section .detail-grid small[b-ntbvgvohoo]{display:block;margin-top:3px;color:#8591a3;font-size:9px}
.financial-detail-section .positive[b-ntbvgvohoo]{color:#11845c}
@media (max-width:760px){.detail-section .detail-grid[b-ntbvgvohoo]{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.shipment-detail-sections[b-ntbvgvohoo]{padding-inline:14px}.detail-section .detail-grid[b-ntbvgvohoo]{grid-template-columns:1fr}}

/* Keep menus inside the available content area in both RTL and LTR layouts. */
.toolbar-actions[b-ntbvgvohoo]{position:relative}
.filter-host[b-ntbvgvohoo]{position:static}
.filter-popover[b-ntbvgvohoo],.columns-popover[b-ntbvgvohoo]{left:auto;right:auto;inset-inline-end:0;width:min(440px,calc(100vw - 32px))}
.columns-popover[b-ntbvgvohoo]{width:min(270px,calc(100vw - 32px))}
.actions-menu[b-ntbvgvohoo]{left:auto;right:auto;inset-inline-end:0}
.actions-menu button[b-ntbvgvohoo]{text-align:start}
.row-actions .actions-menu[b-ntbvgvohoo]{position:fixed;inset:auto;inset-inline-end:auto;top:0;left:0;max-height:calc(100dvh - 16px);overflow-y:auto;visibility:hidden}

@media (max-width:760px){
    .filter-popover[b-ntbvgvohoo]{position:fixed;inset:auto 12px 12px;width:auto;max-height:calc(100dvh - 24px);overflow:auto}
}

/* ========================================================================
   SHAHEEN R8.4 — customer picker + printable waybill
   ======================================================================== */

.customer-search-field[b-ntbvgvohoo]{
    position:relative;
}
.customer-search-field .field-label[b-ntbvgvohoo]{
    display:block;
    margin-bottom:7px;
    font-size:13px;
    font-weight:700;
    color:#24384f;
}
.customer-search-field .customer-picker[b-ntbvgvohoo],
.customer-search-field .customer-results[b-ntbvgvohoo],
.customer-search-field [class*="customer"][class*="list"][b-ntbvgvohoo]{
    position:absolute;
    inset-inline:0;
    top:calc(100% + 6px);
    z-index:1200;
}

.waybill-loading[b-ntbvgvohoo],
.waybill-error[b-ntbvgvohoo]{
    min-height:220px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:14px;
    text-align:center;
    border:1px dashed #d7deea;
    border-radius:18px;
    background:#fbfcfe;
    color:#526175;
}
.waybill-loading .material-symbols-rounded[b-ntbvgvohoo]{
    animation:shaheen-spin-b-ntbvgvohoo 1s linear infinite;
}
@keyframes shaheen-spin-b-ntbvgvohoo{
    to{transform:rotate(360deg)}
}
.waybill-error[b-ntbvgvohoo]{
    color:#a13a3a;
    background:#fff8f8;
}
.waybill-error p[b-ntbvgvohoo]{
    margin:5px 0 0;
}

.waybill-actions-no-print[b-ntbvgvohoo]{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:10px;
    margin-bottom:14px;
}
.waybill-actions-no-print a[b-ntbvgvohoo]{
    text-decoration:none;
}

.shaheen-waybill-sheet[b-ntbvgvohoo]{
    background:#fff;
    border:1px solid #dfe5ee;
    border-radius:18px;
    overflow:hidden;
    color:#142033;
    box-shadow:0 12px 35px rgba(17,45,78,.07);
}
.shaheen-waybill-header[b-ntbvgvohoo]{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    padding:24px 28px;
    background:#112d4e;
    color:#fff;
    border-bottom:4px solid #ac893b;
}
.shaheen-waybill-brand[b-ntbvgvohoo]{
    display:flex;
    align-items:center;
    gap:13px;
}
.shaheen-waybill-logo[b-ntbvgvohoo]{
    width:52px;
    height:52px;
    display:grid;
    place-items:center;
    border-radius:15px;
    background:#fff;
    color:#ac893b;
    font-size:26px;
    font-weight:900;
    border:2px solid #d6bd7d;
}
.shaheen-waybill-brand h2[b-ntbvgvohoo]{
    margin:0;
    font-size:22px;
}
.shaheen-waybill-brand p[b-ntbvgvohoo]{
    margin:3px 0 0;
    color:#cbd7e5;
    font-size:13px;
}
.shaheen-waybill-number[b-ntbvgvohoo]{
    text-align:left;
}
.shaheen-waybill-number small[b-ntbvgvohoo],
.shaheen-waybill-number span[b-ntbvgvohoo]{
    display:block;
    color:#cbd7e5;
}
.shaheen-waybill-number strong[b-ntbvgvohoo]{
    display:block;
    margin:4px 0;
    color:#f6d77f;
    font-size:22px;
    direction:ltr;
}

.shaheen-waybill-status[b-ntbvgvohoo]{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:1px;
    background:#e8edf4;
    border-bottom:1px solid #e0e5ec;
}
.shaheen-waybill-status>div[b-ntbvgvohoo]{
    background:#f9fbfd;
    padding:14px 18px;
}
.shaheen-waybill-status span[b-ntbvgvohoo],
.shaheen-waybill-route small[b-ntbvgvohoo],
.shaheen-waybill-grid section div span[b-ntbvgvohoo]{
    display:block;
    color:#7f8b9b;
    font-size:11px;
    margin-bottom:5px;
}
.shaheen-waybill-status strong[b-ntbvgvohoo]{
    font-size:15px;
}

.shaheen-waybill-route[b-ntbvgvohoo]{
    display:grid;
    grid-template-columns:1fr auto 1fr;
    align-items:center;
    gap:16px;
    padding:20px 28px;
    border-bottom:1px solid #e7ebf1;
}
.shaheen-waybill-route>div[b-ntbvgvohoo]{
    min-width:0;
}
.shaheen-waybill-route strong[b-ntbvgvohoo]{
    display:block;
    font-size:16px;
}
.shaheen-waybill-route span:not(.material-symbols-rounded)[b-ntbvgvohoo]{
    display:block;
    margin-top:5px;
    color:#7c8797;
    font-size:12px;
}
.shaheen-waybill-route>.material-symbols-rounded[b-ntbvgvohoo]{
    color:#ac893b;
    font-size:28px;
}

.shaheen-waybill-grid[b-ntbvgvohoo]{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
    padding:20px 28px 26px;
}
.shaheen-waybill-grid section[b-ntbvgvohoo]{
    border:1px solid #e3e8f0;
    border-radius:14px;
    padding:15px 17px;
    background:#fff;
}
.shaheen-waybill-grid section h3[b-ntbvgvohoo]{
    margin:0 0 12px;
    color:#112d4e;
    font-size:14px;
    padding-bottom:9px;
    border-bottom:1px solid #edf0f4;
}
.shaheen-waybill-grid section div[b-ntbvgvohoo]{
    margin-bottom:10px;
}
.shaheen-waybill-grid section div:last-child[b-ntbvgvohoo]{
    margin-bottom:0;
}
.shaheen-waybill-grid section div strong[b-ntbvgvohoo]{
    font-size:13px;
    overflow-wrap:anywhere;
}
.shaheen-waybill-grid section div.wide[b-ntbvgvohoo]{
    grid-column:1/-1;
}

.shaheen-waybill-qr-section[b-ntbvgvohoo]{
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
}
.shaheen-waybill-qr[b-ntbvgvohoo]{
    width:126px;
    height:126px;
    display:grid;
    place-items:center;
    margin:2px auto 8px!important;
    padding:8px;
    background:#fff;
    border:1px solid #dce2eb;
    border-radius:12px;
}
.shaheen-waybill-qr svg[b-ntbvgvohoo]{
    width:100%;
    height:100%;
    display:block;
}
.shaheen-waybill-qr-section p[b-ntbvgvohoo]{
    margin:4px 0;
    color:#647286;
    font-size:12px;
}
.shaheen-waybill-qr-section small[b-ntbvgvohoo]{
    direction:ltr;
    display:block;
    max-width:100%;
    color:#8a95a5;
    font-size:9px;
    overflow-wrap:anywhere;
}

.shaheen-waybill-footer[b-ntbvgvohoo]{
    display:flex;
    justify-content:space-between;
    gap:16px;
    padding:13px 28px;
    background:#f5f7fa;
    border-top:1px solid #e2e7ee;
    color:#6e7b8b;
    font-size:10px;
}

@media(max-width:760px){
    .shaheen-waybill-header[b-ntbvgvohoo],
    .shaheen-waybill-footer[b-ntbvgvohoo]{
        align-items:flex-start;
        flex-direction:column;
    }
    .shaheen-waybill-number[b-ntbvgvohoo]{
        text-align:right;
    }
    .shaheen-waybill-status[b-ntbvgvohoo],
    .shaheen-waybill-grid[b-ntbvgvohoo]{
        grid-template-columns:1fr;
    }
    .shaheen-waybill-route[b-ntbvgvohoo]{
        grid-template-columns:1fr;
    }
    .shaheen-waybill-route>.material-symbols-rounded[b-ntbvgvohoo]{
        transform:rotate(-90deg);
        justify-self:center;
    }
}

@media print{
    .waybill-actions-no-print[b-ntbvgvohoo],
    .modal-header[b-ntbvgvohoo],
    .modal-footer[b-ntbvgvohoo]{
        display:none!important;
    }
    .shaheen-waybill-sheet[b-ntbvgvohoo]{
        box-shadow:none;
        border:1px solid #d7dce5;
    }
}

.modal-footer.new-trip-footer-hidden[b-ntbvgvohoo]{display:none!important}
/* /Components/Pages/WaybillVerify.razor.rz.scp.css */
.verify-shell[b-fv1epz3tur]{min-height:100vh;background:#f5f7fb;padding:40px 18px;font-family:Tajawal,Arial,sans-serif;color:#112d4e}
    .verify-card[b-fv1epz3tur]{max-width:920px;margin:0 auto;background:#fff;border:1px solid #e1e7f0;border-radius:22px;box-shadow:0 18px 60px rgba(17,45,78,.09);overflow:hidden}
    .verify-card>header[b-fv1epz3tur]{display:flex;justify-content:space-between;align-items:center;padding:26px 30px;border-bottom:1px solid #edf0f5}
    .verify-brand[b-fv1epz3tur]{display:flex;align-items:center;gap:14px}.verify-brand h1[b-fv1epz3tur]{margin:0;font-size:23px}.verify-brand p[b-fv1epz3tur]{margin:3px 0 0;color:#7d8998}
    .verify-mark[b-fv1epz3tur]{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:#112d4e;color:#c9a64b;font-size:25px;font-weight:800}
    .verified-pill[b-fv1epz3tur]{background:#e9f8ef;color:#157347;border-radius:999px;padding:9px 15px;font-weight:700}
    .verify-title[b-fv1epz3tur]{padding:28px 30px 16px}.verify-title small[b-fv1epz3tur]{color:#ac893b;font-weight:700}.verify-title h2[b-fv1epz3tur]{margin:8px 0;font-size:30px}.verify-title p[b-fv1epz3tur]{margin:0;color:#7d8998}
    .verify-grid[b-fv1epz3tur]{padding:12px 30px 30px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
    .verify-grid article[b-fv1epz3tur]{border:1px solid #e6eaf1;border-radius:14px;padding:14px 16px;background:#fbfcfe}.verify-grid article.wide[b-fv1epz3tur]{grid-column:1/-1}
    .verify-grid span[b-fv1epz3tur]{display:block;font-size:12px;color:#8792a3;margin-bottom:6px}.verify-grid strong[b-fv1epz3tur]{font-size:15px;word-break:break-word}
    .verify-card>footer[b-fv1epz3tur]{padding:18px 30px;background:#112d4e;color:#dce5ef;text-align:center}
    .verify-loading[b-fv1epz3tur],.verify-error[b-fv1epz3tur]{padding:70px 30px;text-align:center}.verify-loading .verify-mark[b-fv1epz3tur],.verify-error .verify-mark[b-fv1epz3tur]{margin:0 auto 18px}
    @media(max-width:700px){.verify-card>header[b-fv1epz3tur]{align-items:flex-start;gap:18px;flex-direction:column}.verify-grid[b-fv1epz3tur]{grid-template-columns:1fr}.verify-grid article.wide[b-fv1epz3tur]{grid-column:auto}}
/* /Components/Trips/DeliveryNoteEditor.razor.rz.scp.css */
.dn-backdrop[b-haio6vnafm]{position:fixed;inset:0;z-index:5200;background:#172a45a8;display:grid;place-items:center;padding:12px}.dn-modal[b-haio6vnafm]{width:min(900px,96vw);max-height:95vh;background:white;border-radius:16px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 80px #0e203b55}.dn-modal>header[b-haio6vnafm]{display:flex;justify-content:space-between;align-items:start;padding:20px 26px;border-bottom:1px solid #e2e8f1}.dn-modal>header h2[b-haio6vnafm]{margin:4px 0}.dn-modal>header p[b-haio6vnafm],.dn-modal>header small[b-haio6vnafm]{color:#71819a;margin:0}.dn-modal>header button[b-haio6vnafm]{border:0;background:none;font:inherit;font-size:28px;cursor:pointer;color:#61748a}.dn-body[b-haio6vnafm]{padding:22px 26px;overflow:auto;min-height:0}.dn-references[b-haio6vnafm]{display:flex;flex-direction:column;gap:12px}.dn-reference[b-haio6vnafm]{padding:16px;border:1px solid #dfe7f1;border-radius:11px;background:#f8faff;display:flex;flex-direction:column;align-items:start;gap:8px}.dn-reference>label:first-child[b-haio6vnafm]{width:100%}.dn-body label[b-haio6vnafm]{display:flex;flex-direction:column;gap:6px;color:#4f647e;font-weight:700;font-size:13px}.dn-body input:not([type=file])[b-haio6vnafm],.dn-body textarea[b-haio6vnafm]{width:100%;min-height:42px;border:1px solid #d5e0ee;border-radius:8px;background:#fff;padding:9px 11px;font:inherit;color:#20374f}.dn-upload[b-haio6vnafm]{position:relative;display:inline-flex!important;flex-direction:row!important;align-items:center;gap:6px;border:1px dashed #9eb4ce;border-radius:8px;padding:9px 12px;cursor:pointer;background:#fff}.dn-upload input[b-haio6vnafm]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.dn-file[b-haio6vnafm],.dn-add[b-haio6vnafm]{border:0;background:none;color:#1764bc;font:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:4px}.dn-add[b-haio6vnafm]{padding:5px 0;font-weight:700}.dn-prices[b-haio6vnafm]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}.dn-prices fieldset[b-haio6vnafm]{border:1px solid #dce4ef;border-radius:11px;background:#f9fbfe;padding:16px;display:flex;flex-direction:column;gap:12px;min-width:0}.dn-prices legend[b-haio6vnafm]{font-weight:800;color:#253b57;padding:0 8px}.dn-pair[b-haio6vnafm]{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dn-bottom[b-haio6vnafm]{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.dn-notes[b-haio6vnafm]{grid-column:1/-1}.dn-modal>footer[b-haio6vnafm]{display:flex;gap:8px;padding:16px 26px;border-top:1px solid #e2e8f1}.dn-primary[b-haio6vnafm],.dn-secondary[b-haio6vnafm]{min-height:42px;border-radius:9px;padding:0 17px;font:inherit;font-weight:700;cursor:pointer}.dn-primary[b-haio6vnafm]{background:#f5c75b;color:#172942;border:1px solid #d5a94a}.dn-secondary[b-haio6vnafm]{background:#fff;color:#314b6b;border:1px solid #d8e2f0}.dn-primary:disabled[b-haio6vnafm]{opacity:.5}.dn-error[b-haio6vnafm]{border:1px solid #f0caca;background:#fff5f5;color:#a83e3e;border-radius:8px;padding:11px;margin-bottom:12px}@media(max-width:700px){.dn-prices[b-haio6vnafm],.dn-bottom[b-haio6vnafm]{grid-template-columns:1fr}.dn-notes[b-haio6vnafm]{grid-column:auto}.dn-body[b-haio6vnafm]{padding:16px}.dn-modal[b-haio6vnafm]{max-height:98vh}}
/* /Components/Trips/NewTripForm.razor.rz.scp.css */
.shaheen-new-trip[b-akuaof2q7z]{position:relative;display:flex;flex-direction:column;min-height:0;height:100%}
.trip-form-scroll[b-akuaof2q7z]{overflow:auto;padding:24px 28px 18px;min-height:0}
.new-trip-actions[b-akuaof2q7z]{display:flex;gap:12px;align-items:center;padding:16px 28px;border-top:1px solid #e7edf4;background:#fff;position:sticky;bottom:0;z-index:5}
.searchable-options.shaheen-picker-options[b-akuaof2q7z]{max-height:320px;overflow:auto}
.picker-create[b-akuaof2q7z]{position:sticky;top:0;z-index:2;background:#f8fbff!important;border-bottom:1px solid #dbe7f6!important;color:#0b5ed7!important}
.picker-create .material-symbols-rounded[b-akuaof2q7z]{font-size:20px}
.form-section-title.compact[b-akuaof2q7z]{margin-top:22px}
.nested-modal-layer[b-akuaof2q7z]{position:fixed;inset:0;z-index:2500;background:rgba(7,25,46,.52);display:grid;place-items:center;padding:24px}
.nested-modal-card[b-akuaof2q7z]{width:min(860px,94vw);max-height:88vh;background:#fff;border-radius:18px;box-shadow:0 28px 80px rgba(7,25,46,.28);display:flex;flex-direction:column;overflow:hidden}
.nested-modal-card>header[b-akuaof2q7z]{display:flex;align-items:flex-start;justify-content:space-between;padding:22px 24px;border-bottom:1px solid #e6edf5}
.nested-modal-card>header h3[b-akuaof2q7z]{margin:4px 0 0;font-size:1.35rem}
.nested-scroll[b-akuaof2q7z]{padding:22px 24px;overflow:auto}
.nested-modal-card>footer[b-akuaof2q7z]{display:flex;gap:10px;padding:16px 24px;border-top:1px solid #e6edf5}
.choice-panel[b-akuaof2q7z]{border:1px solid #dce5ef;border-radius:12px;padding:14px;background:#fbfcfe}
.choice-panel>strong[b-akuaof2q7z]{display:block;margin-bottom:12px}
.choice-grid[b-akuaof2q7z]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.choice-chip[b-akuaof2q7z]{display:flex!important;align-items:center;gap:8px;border:1px solid #dce5ef;border-radius:10px;padding:10px 12px;background:#fff;cursor:pointer}
.choice-chip input[b-akuaof2q7z]{width:16px!important;height:16px!important;margin:0}
@media(max-width:720px){.trip-form-scroll[b-akuaof2q7z]{padding:18px 16px}.new-trip-actions[b-akuaof2q7z]{padding:14px 16px}.nested-modal-layer[b-akuaof2q7z]{padding:10px}.nested-modal-card[b-akuaof2q7z]{width:100%;max-height:94vh}.choice-grid[b-akuaof2q7z]{grid-template-columns:1fr}}
/* /Components/Trips/TripsWorkspace.razor.rz.scp.css */
.trips-workspace[b-9ekf97gqxr]{display:flex;flex-direction:column;gap:14px;min-width:0;font-family:Tajawal,Arial,sans-serif}.trips-toolbar[b-9ekf97gqxr]{display:grid;grid-template-columns:auto minmax(230px,340px) minmax(320px,1fr);align-items:center;gap:12px;padding:14px 16px;background:#fff;border:1px solid #e4e9f1;border-radius:16px}.trips-toolbar-actions[b-9ekf97gqxr]{display:flex;align-items:center;gap:8px}.trip-popover-host[b-9ekf97gqxr]{position:relative}.toolbar-button[b-9ekf97gqxr],.trip-date-button[b-9ekf97gqxr]{min-height:42px;border:1px solid #dbe3ee;background:#fff;border-radius:10px;padding:0 14px;display:inline-flex;align-items:center;gap:8px;color:#31435a;font:inherit;cursor:pointer}.toolbar-button.active[b-9ekf97gqxr]{border-color:#9fc1ff;color:#1c62c7;background:#f6f9ff}.toolbar-button b[b-9ekf97gqxr]{min-width:20px;height:20px;display:grid;place-items:center;border-radius:7px;background:#286bd1;color:#fff;font-size:11px}.trip-date-button[b-9ekf97gqxr]{width:100%;justify-content:space-between;text-align:start}.trip-date-button span:nth-child(2)[b-9ekf97gqxr]{display:flex;flex-direction:column;flex:1}.trip-date-button small[b-9ekf97gqxr]{color:#8a96a6;font-size:10px}.trip-date-button strong[b-9ekf97gqxr]{font-size:13px}.trips-search[b-9ekf97gqxr]{height:44px;display:flex;align-items:center;gap:8px;border:1px solid #dce4ef;border-radius:10px;padding:0 14px;background:#fff}.trips-search span[b-9ekf97gqxr]{color:#7d8ba0}.trips-search input[b-9ekf97gqxr]{width:100%;border:0;outline:0;background:transparent;font:inherit;color:#26384f}.trip-filter-popover[b-9ekf97gqxr],.trip-date-popover[b-9ekf97gqxr]{position:absolute;top:calc(100% + 8px);z-index:1600;background:#fff;border:1px solid #dfe5ee;box-shadow:0 18px 46px rgba(17,45,78,.14);border-radius:16px}.trip-filter-popover[b-9ekf97gqxr]{width:min(540px,calc(100vw - 60px));inset-inline-start:0;padding:16px}.trip-filter-popover header[b-9ekf97gqxr]{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.trip-filter-popover header button[b-9ekf97gqxr]{border:0;background:transparent;font-size:20px;cursor:pointer;color:#7d8999}.trip-filter-grid[b-9ekf97gqxr]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.trip-filter-grid label[b-9ekf97gqxr],.trip-form-grid label[b-9ekf97gqxr],.custom-range label[b-9ekf97gqxr]{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#6c7b8f}.trip-filter-grid select[b-9ekf97gqxr],.trip-form-grid select[b-9ekf97gqxr],.trip-form-grid input[b-9ekf97gqxr],.trip-form-grid textarea[b-9ekf97gqxr],.custom-range input[b-9ekf97gqxr]{min-height:42px;border:1px solid #dce4ee;border-radius:9px;background:#fff;padding:8px 10px;color:#26384f;font:inherit}.trip-popover-actions[b-9ekf97gqxr]{margin-top:16px;display:flex;align-items:center;gap:10px;justify-content:flex-end}.trip-date-popover[b-9ekf97gqxr]{width:300px;inset-inline-start:50%;transform:translateX(-50%);padding:8px}.trip-date-popover>button[b-9ekf97gqxr]{width:100%;border:0;background:transparent;border-radius:8px;min-height:40px;padding:8px 10px;text-align:start;font:inherit;cursor:pointer}.trip-date-popover>button:hover[b-9ekf97gqxr],.trip-date-popover>button.active[b-9ekf97gqxr]{background:#f0f5fd;color:#1764c4}.custom-range[b-9ekf97gqxr]{border-top:1px solid #edf0f4;margin-top:7px;padding:10px 6px 4px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.custom-range .primary-button[b-9ekf97gqxr]{grid-column:1/-1}.trip-status-tabs[b-9ekf97gqxr]{display:flex;gap:6px;align-items:center;overflow:auto;padding:9px 12px;background:#fff;border:1px solid #e4e9f1;border-radius:14px}.trip-status-tabs button[b-9ekf97gqxr]{flex:0 0 auto;border:0;background:transparent;color:#68788d;min-height:38px;padding:0 12px;border-radius:10px;font:inherit;cursor:pointer;display:flex;align-items:center;gap:7px}.trip-status-tabs button b[b-9ekf97gqxr]{min-width:22px;height:22px;border-radius:7px;background:#eff3f8;display:grid;place-items:center;font-size:11px}.trip-status-tabs button.active[b-9ekf97gqxr]{color:#175ebc;background:#eaf2ff;font-weight:700}.trip-status-tabs button.active b[b-9ekf97gqxr]{background:#d8e7ff}.trips-table-wrap[b-9ekf97gqxr]{overflow:auto;max-width:100%;border:1px solid #e1e7ef;border-radius:14px;background:#fff}.trips-table[b-9ekf97gqxr]{border-collapse:collapse;min-width:3000px;width:100%;font-size:12px}.trips-table th[b-9ekf97gqxr]{position:sticky;top:0;z-index:5;background:#f7f9fc;color:#637187;font-weight:700;padding:13px 12px;white-space:nowrap;border-bottom:1px solid #e1e7ef}.trips-table td[b-9ekf97gqxr]{padding:12px;white-space:nowrap;color:#44556c;border-bottom:1px solid #edf0f4;background:#fff}.trips-table tbody tr:hover td[b-9ekf97gqxr]{background:#fbfcff}.trip-number[b-9ekf97gqxr]{color:#1564c6;font-size:13px}.margin-value[b-9ekf97gqxr]{color:#068b63}.trip-status[b-9ekf97gqxr],.yes-no[b-9ekf97gqxr]{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 10px;border-radius:8px;border:1px solid transparent;font-weight:700;font-size:11px}.status-new[b-9ekf97gqxr]{background:#eef5ff;color:#1665c8}.status-assigned[b-9ekf97gqxr]{background:#fff4de;color:#996000}.status-approved[b-9ekf97gqxr]{background:#eef1ff;color:#4d5ec4}.status-loaded[b-9ekf97gqxr]{background:#e8f8f5;color:#087a63}.status-delivered[b-9ekf97gqxr]{background:#e8f8ef;color:#137746}.status-invoiced[b-9ekf97gqxr]{background:#f4edff;color:#7142a5}.status-collected[b-9ekf97gqxr]{background:#e7f7ee;color:#0b7245}.status-cancelled[b-9ekf97gqxr]{background:#fff0f0;color:#c13e3e}.status-neutral[b-9ekf97gqxr]{background:#f3f5f8;color:#6e7988}.yes-no.yes[b-9ekf97gqxr]{background:#e8f8ef;color:#0d7846}.yes-no.no[b-9ekf97gqxr]{background:#f4f6f8;color:#737f8f}.actions-cell[b-9ekf97gqxr]{position:relative}.trip-row-actions[b-9ekf97gqxr]{position:relative}.trip-row-actions>button[b-9ekf97gqxr]{width:32px;height:32px;border:0;background:transparent;border-radius:8px;cursor:pointer;color:#66778d}.trip-actions-menu[b-9ekf97gqxr]{position:absolute;z-index:1500;inset-inline-end:28px;top:-6px;width:240px;padding:8px;background:#fff;border:1px solid #dfe5ee;border-radius:12px;box-shadow:0 16px 42px rgba(17,45,78,.16)}.trip-actions-menu button[b-9ekf97gqxr]{width:100%;min-height:38px;border:0;background:transparent;border-radius:8px;display:flex;align-items:center;gap:9px;text-align:start;color:#4c5d72;font:inherit;cursor:pointer;padding:7px 9px}.trip-actions-menu button:hover[b-9ekf97gqxr]{background:#f5f8fc}.trip-actions-menu button.danger[b-9ekf97gqxr]{color:#c33d3d}.trip-actions-menu hr[b-9ekf97gqxr]{border:0;border-top:1px solid #edf0f4;margin:5px 0}.trips-footer[b-9ekf97gqxr]{display:flex;align-items:center;justify-content:space-between;gap:14px;color:#7b8797;font-size:11px;padding:0 4px}.trips-loading[b-9ekf97gqxr],.trips-error[b-9ekf97gqxr]{min-height:180px;border:1px dashed #dce3ec;border-radius:14px;background:#fff;display:flex;align-items:center;justify-content:center;gap:10px;color:#758297}.trips-loading .material-symbols-rounded[b-9ekf97gqxr]{animation:trip-spin-b-9ekf97gqxr 1s linear infinite}@keyframes trip-spin-b-9ekf97gqxr{to{transform:rotate(360deg)}}.trips-error[b-9ekf97gqxr]{color:#b13c3c;flex-direction:column}.trip-modal-backdrop[b-9ekf97gqxr]{position:fixed;inset:0;z-index:3000;background:rgba(18,35,56,.55);display:grid;place-items:center;padding:26px}.trip-modal[b-9ekf97gqxr]{width:min(860px,96vw);max-height:90vh;overflow:auto;background:#fff;border-radius:18px;box-shadow:0 30px 90px rgba(0,0,0,.24)}.trip-modal>header[b-9ekf97gqxr]{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 26px;border-bottom:1px solid #e8ecf2}.trip-modal>header h2[b-9ekf97gqxr]{margin:5px 0;font-size:23px}.trip-modal>header p[b-9ekf97gqxr]{margin:0;color:#8792a2}.trip-modal>header>button[b-9ekf97gqxr]{border:0;background:transparent;font-size:28px;color:#67768a;cursor:pointer}.trip-modal-body[b-9ekf97gqxr]{padding:24px 26px}.trip-modal>footer[b-9ekf97gqxr]{display:flex;align-items:center;gap:10px;justify-content:flex-end;padding:16px 26px;border-top:1px solid #e8ecf2}.primary-button[b-9ekf97gqxr],.ghost-button[b-9ekf97gqxr],.danger-button[b-9ekf97gqxr]{min-height:42px;border-radius:9px;padding:0 17px;font:inherit;font-weight:700;cursor:pointer}.primary-button[b-9ekf97gqxr]{border:1px solid #ac893b;background:#f5c75b;color:#1e2937}.ghost-button[b-9ekf97gqxr]{border:1px solid #d8e0ea;background:#fff;color:#536277}.danger-button[b-9ekf97gqxr]{border:1px solid #e5b9b9;background:#c84343;color:#fff}.trip-form-grid[b-9ekf97gqxr],.trip-detail-grid[b-9ekf97gqxr]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.trip-form-grid .span-2[b-9ekf97gqxr]{grid-column:1/-1}.trip-detail-grid>div[b-9ekf97gqxr]{border:1px solid #e5eaf1;background:#fbfcfe;border-radius:11px;padding:12px 14px}.trip-detail-grid span[b-9ekf97gqxr]{display:block;color:#8390a0;font-size:10px;margin-bottom:5px}.trip-confirm-icon[b-9ekf97gqxr]{width:66px;height:66px;margin:0 auto 16px;border-radius:50%;display:grid;place-items:center;background:#edf8f1;color:#178050}.trip-confirm-icon.warn[b-9ekf97gqxr]{background:#fff3df;color:#d18413}.trip-confirm-title[b-9ekf97gqxr],.trip-confirm-copy[b-9ekf97gqxr]{text-align:center}.modal-error[b-9ekf97gqxr]{margin-top:14px;padding:10px 12px;border:1px solid #f0caca;border-radius:9px;background:#fff5f5;color:#b33d3d}.waybill-actions-no-print[b-9ekf97gqxr]{display:flex;gap:8px;justify-content:flex-end;margin-bottom:12px}.waybill-actions-no-print a[b-9ekf97gqxr]{text-decoration:none}.trip-waybill-sheet[b-9ekf97gqxr]{border:1px solid #dfe5ee;border-radius:14px;overflow:hidden}.trip-waybill-sheet>header[b-9ekf97gqxr]{background:#112d4e;color:#fff;padding:18px 22px;display:flex;justify-content:space-between}.trip-waybill-sheet .trip-detail-grid[b-9ekf97gqxr]{padding:18px}.trip-waybill-qr[b-9ekf97gqxr]{width:150px;height:150px;margin:0 auto 20px;padding:8px}.trip-waybill-qr svg[b-9ekf97gqxr]{width:100%;height:100%}@media(max-width:1100px){.trips-toolbar[b-9ekf97gqxr]{grid-template-columns:1fr 1fr}.trips-search[b-9ekf97gqxr]{grid-column:1/-1}}@media(max-width:760px){.trips-toolbar[b-9ekf97gqxr]{grid-template-columns:1fr}.trips-toolbar-actions[b-9ekf97gqxr]{flex-wrap:wrap}.trip-date-popover[b-9ekf97gqxr]{inset-inline-start:0;transform:none}.trip-filter-grid[b-9ekf97gqxr],.trip-form-grid[b-9ekf97gqxr],.trip-detail-grid[b-9ekf97gqxr]{grid-template-columns:1fr}.trip-form-grid .span-2[b-9ekf97gqxr]{grid-column:auto}.trips-footer[b-9ekf97gqxr]{align-items:flex-start;flex-direction:column}.trip-modal-backdrop[b-9ekf97gqxr]{padding:10px}}
/* SHAHEEN-R11.6-FILTER-CONTENT-BOUNDARY-START */
/*
   IMPORTANT:
   - This block changes ONLY the filter popup geometry.
   - It does NOT move, resize, reorder, restyle, or modify any toolbar button.
   - The filter button stays exactly where the existing toolbar layout puts it.

   Root-cause closure:
   The old popup was positioned against .trip-popover-host (the small button host).
   In RTL, right:0 made the 540px popup grow toward the left viewport edge.

   R11.6 makes the full .trips-toolbar the containing block.
   The popup is centered inside that content toolbar, so it cannot cross the
   content boundary or sit underneath the fixed right sidebar.
*/

.trips-toolbar[b-9ekf97gqxr]{
    position:relative!important;
    overflow:visible!important;
}

/*
   Only the FILTER host loses its positioning role.
   This does not alter its normal flex/grid position or the filter button itself.
   Date/columns/action popovers keep their existing hosts and behavior.
*/
.trip-filters-host[b-9ekf97gqxr]{
    position:static!important;
}

/*
   Position the filter card relative to .trips-toolbar.
   100% here means the toolbar/content width, not 100vw.
*/
.trips-workspace .trip-filters-host > .trip-filter-popover[b-9ekf97gqxr]{
    position:absolute!important;
    top:calc(100% + 8px)!important;

    inset-inline-start:auto!important;
    inset-inline-end:auto!important;
    left:0!important;
    right:auto!important;

    transform:none!important;

    width:min(540px,calc(100% - 32px))!important;
    max-width:calc(100% - 32px)!important;
    min-width:0!important;

    max-height:min(520px,55dvh)!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;

    box-sizing:border-box!important;
    z-index:1600!important;
}

/*
   Same geometry in Arabic and English.
   Direction does not decide where the popup opens anymore.
*/
.trips-workspace[dir="rtl"] .trip-filters-host > .trip-filter-popover[b-9ekf97gqxr],
.trips-workspace[dir="ltr"] .trip-filters-host > .trip-filter-popover[b-9ekf97gqxr]{
    inset-inline-start:auto!important;
    inset-inline-end:auto!important;
    left:0!important;
    right:auto!important;
    transform:none!important;
}

/*
   Narrow screens:
   keep a small internal margin while still using the content toolbar boundary.
*/
@media(max-width:760px){
    .trips-workspace .trip-filters-host > .trip-filter-popover[b-9ekf97gqxr]{
        width:calc(100% - 16px)!important;
        max-width:calc(100% - 16px)!important;
        max-height:min(520px,50dvh)!important;
    }
}
/* SHAHEEN-R11.6-FILTER-CONTENT-BOUNDARY-END */
.trip-document-button[b-9ekf97gqxr]{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:34px;min-height:34px;padding:3px 7px;border:1px solid #d4e1ef;border-radius:8px;background:#fff;color:#24557f;font:inherit;cursor:pointer}.trip-document-button:hover[b-9ekf97gqxr]{background:#f0f6ff}.trip-document-button .material-symbols-rounded[b-9ekf97gqxr]{font-size:22px}