/* NTC Express operations workspace, matching the client portal.
   Screen-only presentation keeps existing document/label print layouts intact. */
@import url('../vendor/manrope/manrope.css');
:root {
    --workspace-ink: #202124;
    --workspace-accent: #ffdd33;
    --workspace-accent-hover: #e8c72e;
    --workspace-canvas: #f3f5f7;
    --workspace-muted: #626d77;
    --workspace-line: #dce3e9;
    --workspace-sidebar-width: 220px;
    --status-couriers: #ffdd33;
    --status-delivered: #198754;
    --status-deferred: #6c757d;
    --status-cancelled: #dc3545;
    --status-pickups: #2563eb;
    --performance-positive: var(--status-delivered);
    --performance-warning: #d9480f;
    --performance-negative: var(--status-cancelled);
    --performance-neutral: var(--status-deferred);
}
@media screen {
    body.logicore-workspace, body.workspace-login {
        --bs-primary: #ffdd33;
        --bs-primary-rgb: 255, 221, 51;
        --bs-link-color: #202124;
        --bs-link-hover-color: #756300;
        --bs-border-radius: 0;
        --bs-border-radius-sm: 0;
        --bs-border-radius-lg: 0;
        --bs-border-radius-xl: 0;
        --bs-border-radius-xxl: 0;
        --bs-border-radius-pill: 0;
        --bs-body-font-family: 'Manrope', Arial, sans-serif;
        --card-border-radius: 0;
        --card-shadow-sm: none;
        --card-shadow-md: none;
        margin: 0;
        min-height: 100dvh;
        font-family: var(--bs-body-font-family);
        font-size: .9375rem;
        line-height: 1.55;
        color: var(--workspace-ink);
        background: var(--workspace-canvas);
    }
    .logicore-workspace .main-wrapper { min-width: 0; min-height: 100dvh; }
    .workspace-skip-link { position: fixed; top: 8px; left: -10000px; z-index: 2000; padding: .75rem 1rem; background: #ffdd33; color: #202124; }
    .workspace-skip-link:focus { left: 8px; }
    .workspace-sidebar.offcanvas-xl {
        --bs-offcanvas-width: var(--workspace-sidebar-width);
        display: flex;
        flex-direction: column;
        color: #fff;
        background: var(--workspace-ink) !important;
        border: 0;
    }
    .workspace-brand-row { display: flex; align-items: start; justify-content: space-between; gap: 12px; padding: 26px 28px 20px; }
    .workspace-brand { display: block; text-decoration: none; }
    .workspace-brand img { display: block; width: 152px; height: auto; max-width: 100%; }
    .workspace-brand-row .btn-close { flex-shrink: 0; padding: 8px; margin: -15px -16px 0 0; }
    .workspace-navigation { flex: 1 1 auto; min-height: 0; padding: 8px 12px 24px; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #55585c transparent; }
    .workspace-nav-link, .workspace-nav-group > summary { display: flex; gap: 12px; align-items: center; min-height: 46px; padding: 10px 13px; border-left: 3px solid transparent; color: #c1c4c7; font-size: .85rem; font-weight: 500; line-height: 1.45; text-decoration: none; cursor: pointer; transition: background-color .18s, color .18s; }
    .workspace-nav-link > i, .workspace-nav-group > summary > i:first-child { width: 18px; flex: 0 0 18px; text-align: center; font-size: .95rem; }
    .workspace-nav-link:hover, .workspace-nav-group > summary:hover { background: #2d3033; color: #fff; }
    .workspace-nav-link.active { border-left-color: #ffdd33; background: #2d3033; color: #fff; font-weight: 600; }
    .workspace-nav-link.active > i, .workspace-nav-group.active > summary > i:first-child { color: #ffdd33; }
    .workspace-nav-group > summary { list-style: none; }
    .workspace-nav-group > summary::-webkit-details-marker { display: none; }
    .workspace-nav-chevron { margin-left: auto; font-size: .6rem; transition: transform .18s; }
    .workspace-nav-group[open] .workspace-nav-chevron { transform: rotate(180deg); }
    .workspace-nav-group { margin-top: 4px; }
    .workspace-nav-group.active > summary { color: #fff; }
    .workspace-nav-children { margin: 3px 0 8px 13px; padding-left: 9px; border-left: 1px solid #424549; }
    .workspace-nav-children .workspace-nav-link { min-height: 38px; gap: 9px; padding: 8px 10px; font-size: .77rem; }
    .workspace-nav-children .workspace-nav-link > i { font-size: .8rem; width: 15px; flex-basis: 15px; }
    .workspace-account { flex-shrink: 0; margin: 0 22px; padding: 18px 0 22px; border-top: 1px solid #424549; }
    .workspace-user { display: flex; align-items: center; gap: 10px; min-width: 0; }
    .workspace-user strong { display: block; color: #fff; font-size: .8rem; font-weight: 600; overflow-wrap: anywhere; }
    .workspace-user small { display: block; color: #aeb3b8; font-size: .7rem; }
    .workspace-avatar { width: 34px; height: 34px; display: grid; place-items: center; background: #2d3033; color: #ffdd33; flex-shrink: 0; }
    .workspace-account > a { display: flex; align-items: center; gap: 12px; min-height: 40px; margin-top: 9px; color: #c1c4c7; font-size: .8rem; text-decoration: none; }
    .workspace-account > a:hover { color: #ffdd33; }
    .workspace-menu-toggle { position: fixed; right: max(16px, env(safe-area-inset-right)); bottom: calc(16px + env(safe-area-inset-bottom)); z-index: 1030; width: 46px; height: 46px; border: 1px solid #e8c72e; background: #ffdd33; color: #202124; }
    .workspace-menu-toggle:hover { background: #e8c72e; }
    .logicore-workspace .main-wrapper > :is(.container, .container-fluid) { padding: 28px !important; margin-top: 0 !important; }
    .logicore-workspace :is(h1, h2, h3, h4, h5, h6) { color: #202124; letter-spacing: -.025em; text-wrap: balance; }
    .logicore-workspace .main-wrapper > :is(.container, .container-fluid) > :is(h1, h2), .logicore-workspace .main-wrapper > :is(.container, .container-fluid) > .d-flex > :is(h1, h2) { font-size: 1.6rem; }
    .logicore-workspace p { text-wrap: pretty; }
    .logicore-workspace :is(td, dd, strong, .badge, input[type='number']) { font-variant-numeric: tabular-nums; }
    .logicore-workspace :is(.card, .dashboard-card, .filter-box) { border: 1px solid var(--workspace-line) !important; border-radius: 0 !important; box-shadow: none !important; background: #fff; transform: none !important; }
    .logicore-workspace .card-header { background: #fff !important; border-bottom: 1px solid var(--workspace-line); padding: 18px 22px; }
    .logicore-workspace .card-header :is(.text-white, .text-light) { color: #202124 !important; }
    .logicore-workspace .card-body { padding: 22px; }
    .logicore-workspace .card-footer { background: #f8f9fa; border-top: 1px solid var(--workspace-line); }
    .logicore-workspace :is(.rounded, .rounded-1, .rounded-2, .rounded-3, .rounded-4, .rounded-5, .rounded-pill) { border-radius: 0 !important; }
    .logicore-workspace :is(.shadow, .shadow-sm, .shadow-lg) { box-shadow: none !important; }
    .logicore-workspace .bg-gradient { background-image: none !important; }
    .logicore-workspace .card.stat-card { border-color: var(--workspace-line) !important; border-left: 1px solid var(--workspace-line) !important; border-top: 3px solid #ffdd33 !important; padding: 22px !important; }
    .logicore-workspace .stat-card:hover { transform: none; }
    .logicore-workspace .stat-card :is(h2, h3) { color: #202124 !important; font-size: 2.1rem; letter-spacing: -.045em; }
    .logicore-workspace .stat-card .rounded-circle { border-radius: 0 !important; background: #f3f5f7 !important; color: #202124 !important; }
    .logicore-workspace .btn { border-radius: 0 !important; font-family: inherit; font-size: .85rem; font-weight: 600; min-height: 42px; padding: .6rem 1rem; box-shadow: none !important; transition: background-color .18s, border-color .18s, color .18s; }
    .logicore-workspace .btn-sm { min-height: 34px; font-size: .77rem; padding: .35rem .65rem; }
    .logicore-workspace .btn-primary, .workspace-login .btn-primary {
        --bs-btn-color: #202124; --bs-btn-bg: #ffdd33; --bs-btn-border-color: #ffdd33;
        --bs-btn-hover-color: #202124; --bs-btn-hover-bg: #e8c72e; --bs-btn-hover-border-color: #e8c72e;
        --bs-btn-active-color: #202124; --bs-btn-active-bg: #e8c72e; --bs-btn-active-border-color: #e8c72e;
        --bs-btn-disabled-color: #202124; --bs-btn-disabled-bg: #ffdd33; --bs-btn-disabled-border-color: #ffdd33;
        color: #202124; background: #ffdd33; border-color: #ffdd33;
    }
    .logicore-workspace .btn-primary:hover, .workspace-login .btn-primary:hover { color: #202124; background: #e8c72e; border-color: #e8c72e; }
    .logicore-workspace .btn-outline-primary { --bs-btn-color: #202124; --bs-btn-border-color: #cbd3da; --bs-btn-hover-color: #202124; --bs-btn-hover-bg: #ffdd33; --bs-btn-hover-border-color: #ffdd33; --bs-btn-active-color: #202124; --bs-btn-active-bg: #ffdd33; --bs-btn-active-border-color: #ffdd33; }
    .logicore-workspace .btn-outline-secondary { --bs-btn-color: #202124; --bs-btn-border-color: #cbd3da; --bs-btn-hover-color: #202124; --bs-btn-hover-bg: #f3f5f7; --bs-btn-hover-border-color: #626d77; }
    .logicore-workspace .btn-secondary { --bs-btn-bg: #202124; --bs-btn-border-color: #202124; --bs-btn-hover-bg: #36393d; --bs-btn-hover-border-color: #36393d; }
    .logicore-workspace .text-primary { color: #202124 !important; }
    .logicore-workspace .bg-primary { background-color: #ffdd33 !important; color: #202124 !important; }
    .logicore-workspace .bg-primary-subtle { background: #fff8dc !important; }
    .logicore-workspace .border-primary { border-color: #d7bd3a !important; }
    .logicore-workspace :is(.form-control, .form-select) { border-radius: 0 !important; border-color: #cbd3da; min-height: 44px; padding: .65rem .8rem; font-size: .875rem; background-color: #fff; box-shadow: none; }
    .logicore-workspace :is(.form-control-sm, .form-select-sm) { min-height: 36px; padding: .4rem .65rem; font-size: .8rem; }
    .logicore-workspace :is(.form-control, .form-select):focus { border-color: #756300; box-shadow: 0 0 0 3px rgb(117 99 0 / 14%); }
    .logicore-workspace .form-control:disabled, .logicore-workspace .form-select:disabled { background: #edf0f2; color: #626d77; }
    .logicore-workspace .form-label { font-size: .8rem; font-weight: 600; color: #626d77; }
    .logicore-workspace .input-group-text { border-radius: 0; border-color: #cbd3da; background: #f8f9fa; color: #626d77; }
    .logicore-workspace .form-check-input { border-color: #89939c; }
    .logicore-workspace .form-check-input:checked { background-color: #202124; border-color: #202124; }
    .logicore-workspace .form-check-input:focus { border-color: #756300; box-shadow: 0 0 0 3px rgb(117 99 0 / 14%); }
    .logicore-workspace .table { --bs-table-bg: #fff; --bs-table-color: #202124; --bs-table-border-color: #e8edf1; --bs-table-hover-bg: #f8f9fa; --bs-table-hover-color: #202124; font-size: .84rem; }
    .logicore-workspace .table > thead > tr > th { color: #626d77; background: #f8f9fa !important; border-bottom: 1px solid #dce3e9; padding: 13px 14px; font-size: .69rem; font-weight: 600; text-transform: uppercase; letter-spacing: .035em; vertical-align: middle; }
    .logicore-workspace .table > tbody > tr > td { padding: 13px 14px; vertical-align: middle; }
    .logicore-workspace .table-responsive { scrollbar-width: thin; scrollbar-color: #cbd3da #f8f9fa; }
    .logicore-workspace .th-sort-link { border-radius: 0; background: transparent; border-color: transparent; box-shadow: none; }
    .logicore-workspace .th-sort-link.active { background: #ffdd33; color: #202124; border-color: #ffdd33; box-shadow: none; }
    .logicore-workspace .th-sort-link.active i { color: #202124 !important; }
    .logicore-workspace .badge { border-radius: 0 !important; font-weight: 600; padding: .4em .6em; }
    .logicore-workspace .region-badge { text-transform: none; letter-spacing: 0; }
    .logicore-workspace .alert { border-radius: 0; box-shadow: none; font-size: .875rem; }
    .logicore-workspace .modal-content { border: 1px solid #dce3e9; border-radius: 0; }
    .logicore-workspace .modal-header { background: #fff !important; border-bottom: 1px solid #dce3e9 !important; padding: 20px 24px; color: #202124; }
    .logicore-workspace .modal-header :is(.text-white, .text-light) { color: #202124 !important; }
    .logicore-workspace .modal-header .btn-close-white { filter: none; }
    .logicore-workspace .modal-body { padding: 24px; }
    .logicore-workspace .modal-footer { background: #f8f9fa; border-top: 1px solid #dce3e9; padding: 16px 24px; }
    .logicore-workspace .dropdown-menu { background: #fff !important; border: 1px solid #dce3e9 !important; border-radius: 0; }
    .logicore-workspace .dropdown-item { color: #202124 !important; border-radius: 0; }
    .logicore-workspace .dropdown-item:hover, .logicore-workspace .dropdown-item.active { background: #fff8dc !important; color: #202124 !important; }
    .logicore-workspace .page-link { color: #202124; border-color: #dce3e9; }
    .logicore-workspace .active > .page-link { background: #ffdd33; border-color: #ffdd33; color: #202124; }
    .logicore-workspace .nav-tabs { border-color: #dce3e9; }
    .logicore-workspace .nav-tabs .nav-link { color: #626d77; border-radius: 0; }
    .logicore-workspace .nav-tabs .nav-link.active { color: #202124; border-color: #dce3e9 #dce3e9 #fff; border-top: 3px solid #ffdd33; background: #fff; }
    .logicore-workspace :is(a, button, summary):focus-visible, .workspace-login :is(a, button):focus-visible { outline: 2px solid #756300; outline-offset: 3px; box-shadow: none; }
    .workspace-sidebar :is(a, button, summary):focus-visible { outline-color: #ffdd33; }
    .logicore-workspace #tabela-ucinka { border: 1px solid var(--workspace-line); }
    .logicore-workspace #tabela-ucinka > .d-flex { flex-wrap: wrap; gap: 12px; }
    .logicore-workspace :is(.control-panel, .client-picker-card, .client-overview-card, .client-locations-card, .performance-metric, .payroll-bonus-toggle) { border-radius: 0 !important; box-shadow: none !important; border-color: var(--workspace-line); }
    .logicore-workspace .client-card-icon { border-radius: 0; background: #fff8dc; color: #202124; }
    .logicore-workspace .payroll-bonus-toggle:has(.form-check-input:checked) { background: #fff8dc; border-color: #d7bd3a; color: #202124; }
    /* Page-specific controls on the left, primary commands on the right. */
    .logicore-workspace .workspace-action-topbar { position: sticky; top: 0; z-index: 1025; width: 100%; background: #fff; color: var(--workspace-ink); border-bottom: 1px solid var(--workspace-line); padding: 12px 28px; }
    .logicore-workspace .workspace-action-topbar :is(a, button):focus-visible { outline-color: #756300; }
    .workspace-action-topbar-main { display: flex; align-items: center; flex-wrap: wrap; gap: 12px 18px; min-height: 40px; }
    .workspace-topbar-actions { display: flex; gap: 8px; align-items: center; margin-left: auto; }
    .workspace-topbar-actions form { margin: 0; }
    .workspace-action-topbar :is(button, a) { transition: background-color .16s, color .16s, border-color .16s; }
    .dashboard-date-navigation { display: flex; align-items: center; flex: 0 0 auto; border: 1px solid var(--workspace-line); background: #fff; }
    .dashboard-current-date { display: flex; align-items: center; gap: 9px; min-height: 38px; padding: 0 10px; border: 0;  background: #fff; color: #202124; font: inherit; font-size: .8rem; font-weight: 600; font-variant-numeric: tabular-nums; white-space: nowrap; }
    .dashboard-current-date:is(:hover, [aria-expanded="true"]) { background: #fff8dc; }
    .dashboard-date-chevron { font-size: .55rem; color: var(--workspace-muted); transition: transform .16s; }
    .dashboard-current-date[aria-expanded="true"] .dashboard-date-chevron { transform: rotate(180deg); }
    .dashboard-sync-button { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 40px; padding: 8px 13px; border: 1px solid #ffdd33; background: #ffdd33; color: #202124; font: inherit; font-size: .8rem; font-weight: 700; white-space: nowrap; }
    .dashboard-sync-button:hover { background: #e8c72e; border-color: #e8c72e; }
    .dashboard-content .dashboard-kpi-grid { display: grid; grid-template-columns: repeat(5,minmax(170px,1fr)); gap: 16px; margin-bottom: 24px; overflow-x: auto; scroll-snap-type: x proximity; padding-bottom: 4px; scrollbar-width: thin; }
    .dashboard-kpi-grid > div { width: auto; min-width: 0; scroll-snap-align: start; }
    .kpi-accent-couriers { --kpi-accent: var(--status-couriers); --kpi-soft: #fff8dc; --kpi-icon-ink: #756300; }
    .kpi-accent-delivered { --kpi-accent: var(--status-delivered); --kpi-soft: #eaf5ee; --kpi-icon-ink: var(--status-delivered); }
    .kpi-accent-deferred { --kpi-accent: var(--status-deferred); --kpi-soft: #f0f2f4; --kpi-icon-ink: var(--status-deferred); }
    .kpi-accent-cancelled { --kpi-accent: var(--status-cancelled); --kpi-soft: #fcecef; --kpi-icon-ink: var(--status-cancelled); }
    .kpi-accent-pickups { --kpi-accent: var(--status-pickups); --kpi-soft: #edf3ff; --kpi-icon-ink: var(--status-pickups); }
    .logicore-workspace .dashboard-content .card.dashboard-kpi-card { min-height: 138px; padding: 20px !important; border: 1px solid var(--workspace-line) !important; border-left: 3px solid var(--kpi-accent) !important; }
    .dashboard-kpi-heading { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
    .dashboard-kpi-value { display: block; margin-top: 14px; color: var(--workspace-ink); font-size: 2.2rem; line-height: 1.15; font-weight: 650; letter-spacing: -.045em; font-variant-numeric: tabular-nums; }
    .dashboard-kpi-heading > i { display: grid; place-items: center; flex-shrink: 0; width: 36px; height: 36px; background: var(--kpi-soft); color: var(--kpi-icon-ink); font-size: 1.1rem; }
    .dashboard-kpi-label { display: block; margin-top: 0; color: var(--workspace-muted); font-size: .9rem; line-height: 1.5; font-weight: 600; }
    .dashboard-team-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 20px; }
    .logicore-workspace .dashboard-team-grid > .card { min-width: 0; min-height: 224px; padding: 24px; }
    .logicore-workspace .dashboard-section-title { display: flex; align-items: center; gap: 10px; margin: 0; font-family: inherit; font-size: 1rem; font-weight: 600; line-height: 1.4; letter-spacing: -.015em; }
    .dashboard-section-title > i { color: var(--workspace-ink); font-size: .9rem; }
    .dashboard-leader-list { list-style: none; margin: 16px 0 0; padding: 0; }
    .dashboard-leader-row { display: grid; grid-template-columns: 28px minmax(0,1fr) auto; align-items: center; gap: 12px; padding: 12px 0; }
    .dashboard-leader-row + .dashboard-leader-row { border-top: 1px solid var(--workspace-line); }
    .dashboard-leader-rank { display: grid; place-items: center; width: 28px; height: 28px; background: #f3f5f7; color: var(--workspace-muted); font-size: .7rem; font-weight: 600; }
    .dashboard-leader-row:first-child .dashboard-leader-rank { background: #fff8dc; color: #756300; }
    .dashboard-leader-name { font-size: 1rem; font-weight: 600; overflow-wrap: anywhere; }
    .dashboard-leader-metrics { display: flex; flex-direction: column; align-items: flex-end; gap: 2px; font-variant-numeric: tabular-nums; }
    .dashboard-leader-success { color: var(--performance-color); font-size: .85rem; font-weight: 600; }
    .performance-zone-excellent { --performance-color: var(--performance-positive); }
    .performance-zone-good { --performance-color: var(--performance-warning); }
    .performance-zone-critical { --performance-color: var(--performance-negative); }
    .performance-zone-empty { --performance-color: var(--performance-neutral); }
    .courier-performance-value { color: var(--performance-color); font-variant-numeric: tabular-nums; }
    .courier-performance-progress { flex: 0 0 55px; height: 6px; border-radius: 0; }
    .logicore-workspace .courier-performance-progress .progress-bar { background: var(--performance-color); }
    .dashboard-leader-count { font-size: 1.05rem; color: var(--workspace-ink); }
    .dashboard-leader-average { display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: 6px 16px; margin-top: auto; padding-top: 16px; border-top: 1px solid var(--workspace-line); color: var(--workspace-muted); font-size: .75rem; }
    .dashboard-leader-average strong { color: var(--workspace-ink); font-size: 1.05rem; margin-right: 4px; }
    .dashboard-average-couriers { font-size: .7rem; }
    .dashboard-success-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
    .dashboard-success-summary { display: flex; flex: 1; flex-direction: column; align-items: flex-start; justify-content: center; gap: 8px; margin: 22px 0; }
    .dashboard-team-value { color: var(--team-zone-ink); margin: 0; font-size: clamp(2.8rem, 5vw, 4rem); font-weight: 700; line-height: 1.1; letter-spacing: -.05em; font-variant-numeric: tabular-nums; }
    .dashboard-team-value > span { font-size: .55em; margin-left: 3px; }
    .dashboard-team-detail, .dashboard-team-empty { margin: 0; color: var(--workspace-muted); font-size: .72rem; line-height: 1.5; }
    .dashboard-team-empty { margin: auto 0; }
    .team-zone-excellent { --team-zone-bg: #eaf5ee; --team-zone-ink: var(--performance-positive); }
    .team-zone-good { --team-zone-bg: #fff0e5; --team-zone-ink: var(--performance-warning); }
    .team-zone-critical { --team-zone-bg: #fcecef; --team-zone-ink: var(--performance-negative); }
    .team-zone-empty { --team-zone-bg: #f0f2f4; --team-zone-ink: var(--performance-neutral); }
    .logicore-workspace .dashboard-team-grid .dashboard-team-success { background: #fff !important; border-color: var(--workspace-line) !important; }
    .dashboard-team-zone-label { background: var(--team-zone-bg); color: var(--team-zone-ink); padding: 4px 9px; font-size: .65rem; font-weight: 600; }
    .dashboard-outcome-bar { display: flex; height: 8px; overflow: hidden; background: #dce3e9; }
    .outcome-delivered { --outcome-color: var(--status-delivered); }
    .outcome-deferred { --outcome-color: var(--status-deferred); }
    .outcome-cancelled { --outcome-color: var(--status-cancelled); }
    .dashboard-outcome-segment { flex-shrink: 0; background: var(--outcome-color); }
    .dashboard-outcome-details { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin: 18px 0 0; }
    .dashboard-outcome-details dt { display: flex; align-items: center; gap: 6px; color: var(--workspace-muted); font-size: .72rem; font-weight: 500; }
    .dashboard-outcome-dot { width: 6px; height: 6px; flex-shrink: 0; background: var(--outcome-color); }
    .dashboard-outcome-details dd { display: flex; flex-direction: column; align-items: flex-start; gap: 5px; margin: 8px 0 0; font-variant-numeric: tabular-nums; }
    .dashboard-outcome-details dd > strong { color: var(--workspace-ink); font-size: clamp(1.15rem, 2vw, 1.55rem); font-weight: 700; line-height: 1.2; letter-spacing: -.035em; }
    .dashboard-target-note { margin: 16px 0 0; padding-top: 12px; border-top: 1px solid var(--workspace-line); color: var(--workspace-muted); font-size: .7rem; line-height: 1.6; }
    .dashboard-outcome-details dd > span { color: var(--workspace-muted); font-size: .68rem; font-weight: 500; }
    .logicore-workspace .dashboard-content .dashboard-trend-card { padding: 24px; margin-bottom: 20px; }
    .dashboard-trend-range { margin: 8px 0 0; color: var(--workspace-muted); font-size: .72rem; }
    .dashboard-trend-legend { display: flex; flex-wrap: wrap; gap: 12px 20px; margin: 16px 0 20px; }
    .dashboard-trend-legend > span { display: flex; align-items: center; gap: 6px; color: var(--workspace-muted); font-size: .75rem; }
    .dashboard-trend-legend i { width: 8px; height: 8px; background: var(--outcome-color); }
    .dashboard-trend-footer { margin-top: 16px; padding-top: 12px; border-top: 1px solid var(--workspace-line); color: var(--workspace-muted); font-size: .7rem; }
    .dashboard-trend-data { margin: 0; }
    .dashboard-trend-data summary { display: flex; align-items: center; gap: 8px; width: fit-content; padding: 6px 0; color: var(--workspace-ink); font-size: .8rem; font-weight: 600; cursor: pointer; list-style: none; }
    .dashboard-trend-data summary::-webkit-details-marker { display: none; }
    .dashboard-trend-data summary i { font-size: .6rem; transition: transform .15s; }
    .dashboard-trend-data[open] summary i { transform: rotate(180deg); }
    .dashboard-trend-data .table-responsive { margin-top: 12px; }

    .dashboard-trend-empty { display: grid; place-items: center; height: 100%; margin: 0; color: var(--workspace-muted); font-size: .85rem; }
    .dashboard-trend-empty[hidden] { display: none; }
    .dashboard-chart-heading { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; gap: 10px; margin-bottom: 12px; }
    .dashboard-chart-heading > span { font-size: .75rem; }
    .dashboard-chart-canvas { height: 290px; position: relative; }
    .dashboard-content #tabela-ucinka { scroll-margin-top: 100px; }
    .logicore-workspace .dashboard-content .dashboard-courier-card { padding: 24px; margin-bottom: 20px; }
    .dashboard-table-heading { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; margin-bottom: 20px; }
    .dashboard-courier-count { color: var(--workspace-muted); font-size: .75rem; font-weight: 500; white-space: nowrap; }
    .dashboard-content .dashboard-data-table { width: 100%; font-size: .85rem; font-variant-numeric: tabular-nums; }
    .logicore-workspace .dashboard-content .dashboard-data-table > thead > tr > th { padding: 14px 16px; color: var(--workspace-muted); font-size: .78rem; font-weight: 500; text-transform: none; letter-spacing: 0; white-space: nowrap; }
    .logicore-workspace .dashboard-content .dashboard-data-table > tbody > tr > :is(th, td) { padding: 16px; vertical-align: middle; border-bottom: 1px solid var(--workspace-line); color: var(--workspace-ink); background: #fff; white-space: nowrap; font-weight: 500; }
    .logicore-workspace .dashboard-content .dashboard-data-table > tbody > tr:last-child > :is(th, td) { border-bottom: 0; }
    .dashboard-content .dashboard-data-table .dashboard-number { text-align: right; }
    .dashboard-content .dashboard-trend-table { min-width: 480px; }
    .dashboard-content .dashboard-courier-table { min-width: 780px; }
    .logicore-workspace .dashboard-content .dashboard-data-table .dashboard-courier-name { font-size: .94rem; font-weight: 600; }
    .logicore-workspace .dashboard-content .dashboard-data-table .courier-performance-value { font-size: .9rem; font-weight: 600; }
    .logicore-workspace .dashboard-content .dashboard-data-table .th-sort-link { display: inline-flex; align-items: center; justify-content: flex-end; gap: 7px; padding: 0; border: 0; color: var(--workspace-muted); font: inherit; text-decoration: none; }
    .dashboard-content .dashboard-data-table .th-sort-link i { font-size: .65rem; opacity: .45; }
    .logicore-workspace .dashboard-content .dashboard-data-table .th-sort-link:is(.is-sorted, :hover) { color: var(--workspace-ink); background: transparent; }
    .dashboard-content .dashboard-data-table .th-sort-link.is-sorted i { opacity: 1; }
    .logicore-workspace .dashboard-content .dashboard-data-table .dashboard-table-empty { padding: 32px 16px; text-align: center; color: var(--workspace-muted); }
    /* Specialized workspaces share surfaces while keeping map and dispatch geometry. */
    .logicore-workspace :is(.planning-shell, .map-wrapper) { background: #f3f5f7; }
    .logicore-workspace .planning-shell { --planning-ink: #202124; --planning-muted: #626d77; --planning-border: #dce3e9; --planning-soft: #f8f9fa; --planning-primary: #756300; --planning-primary-dark: #5e5000; }
    .logicore-workspace :is(.planning-queue-section, .planning-toolbar, .planning-selection-bar, .planning-courier-panel, .planning-main-panel, .tour-panel, .tour-card, .map-search-container, .location-info-card, .search-box-minimal, .autocomplete-suggestions, .runsheet-page, .top-info-block, .analytics-chart-wrap, .analytics-summary-bar) { border-radius: 0 !important; box-shadow: none !important; background-image: none !important; }
    .logicore-workspace :is(.planning-queue-button, .planning-returns-panel-toggle, .planning-returns-panel-close, .planning-courier-card, .tour-activity-filter, .tour-search input, .parking-courier-chip, .gps-extra-task-action) { border-radius: 0 !important; box-shadow: none !important; background-image: none !important; }
    .logicore-workspace .planning-queue-section.is-planning > .planning-queue-section-heading { background: #f8f9fa; border-color: #dce3e9; }
    .logicore-workspace .planning-queue-section.is-planning::before { background: #ffdd33; }
    .logicore-workspace .planning-queue-section.is-planning .planning-queue-section-icon { background: #ffdd33; color: #202124; border: 0; border-radius: 0; box-shadow: none; }
    .logicore-workspace .planning-queue-button:hover { background: #fff8dc; border-color: #d7bd3a; color: #202124; }
    .logicore-workspace .map-wrapper { height: 100dvh; }
    .logicore-workspace.page-planning .main-wrapper { height: 100dvh; }
    .logicore-workspace :is(.planning-workspace .planning-card, .planning-sidebar, .planning-courier, .planning-filter-control, .planning-direction-filter, .planning-direction-filter button, .planning-target-mode, .planning-target-mode button, .planning-density-toggle, .planning-courier-panel-toggle, .planning-courier-panel-close, .planning-filter-chip, .planning-review-card, .planning-review-node, .planning-review-metric, .planning-review-city) { border-radius: 0 !important; box-shadow: none !important; background-image: none !important; }
    .logicore-workspace .planning-courier-panel-toggle { background: #ffdd33; color: #202124; border-color: #ffdd33; }
    .logicore-workspace .planning-courier-panel-toggle:hover, .logicore-workspace .planning-courier-panel-toggle[aria-expanded="true"] { background: #e8c72e; color: #202124; border-color: #e8c72e; }
    .logicore-workspace .planning-courier-panel-toggle .planning-header-action-count { background: rgb(32 33 36 / 10%); color: #202124; border-radius: 0; }
    .logicore-workspace .planning-queue-section .planning-queue-button.active:not(.is-return):not(.is-undelivered), .logicore-workspace .planning-queue-section .planning-queue-button.is-unassigned { background: #fff8dc; color: #202124; border-color: #d7bd3a; }
    .logicore-workspace .planning-direction-filter button.active { background: #ffdd33; color: #202124; }
    .logicore-workspace .planning-courier.active { border-color: #d7bd3a; background: #fff8dc; }
    .logicore-workspace :is(.page-shell, .page-header, .script-card, .script-icon-box, .calendar-page .calendar-hero, .calendar-page .period-icon) { border-radius: 0 !important; box-shadow: none !important; background-image: none !important; }
    .logicore-workspace .page-shell { background: #f3f5f7; }
    .logicore-workspace .script-card:hover { transform: none; }
    .logicore-workspace .script-icon-box { background: #fff8dc !important; color: #202124 !important; }
    .logicore-workspace .calendar-page .calendar-hero { background: #fff; color: #202124; border: 1px solid #dce3e9; border-top: 3px solid #ffdd33; }
    .logicore-workspace .calendar-page .calendar-hero :is(h3, .text-muted) { color: #202124 !important; }
    .logicore-workspace .calendar-page .period-icon { background: #fff8dc; color: #202124; }
    /* Login follows the client portal's centered graphite/yellow composition. */
    body.workspace-login { background: #202124; color: #fff; }
    .workspace-login-main { display: grid; place-items: center; min-height: 100dvh; padding: 28px 20px; }
    .workspace-login-card { width: 100%; max-width: 480px; padding: 40px; border: 1px solid #424549; border-top: 3px solid #ffdd33; background: #202124; }
    .workspace-login-brand { display: grid; justify-items: center; gap: 18px; margin-bottom: 32px; }
    .workspace-login-brand img { width: 176px; height: auto; }
    .workspace-login-brand p { color: #b5b8bc; font-size: .85rem; margin: 0; }
    .workspace-login h1 { font-size: 1.15rem; color: #fff; font-weight: 600; margin: 0 0 24px; }
    .workspace-login .form-label { font-size: .85rem; font-weight: 500; color: #c1c4c7; }
    .workspace-login .input-group { border: 1px solid #424549; }
    .workspace-login .input-group:focus-within { border-color: #ffdd33; box-shadow: 0 0 0 3px rgb(255 221 51 / 12%); }
    .workspace-login :is(.form-control, .input-group-text) { border: 0; border-radius: 0; background: transparent; color: #fff; min-height: 46px; box-shadow: none; font-size: .9rem; }
    .workspace-login .form-control:focus { color: #fff; background: transparent; box-shadow: none; }
    .workspace-login .input-group-text { color: #ffdd33; padding-inline: 14px; }
    .workspace-login .password-toggle { border: 0; border-radius: 0; background: transparent; color: #aeb3b8; padding: 0 16px; }
    .workspace-login .password-toggle:hover { color: #ffdd33; }
    .workspace-login .btn-primary { width: 100%; min-height: 46px; border-radius: 0; font-size: .875rem; font-weight: 700; margin-top: 8px; }
    .workspace-login .btn-primary > i { margin-left: 12px; }
    .workspace-login .alert { border: 1px solid #87464c; background: #3a2528; color: #ffc6ca; border-radius: 0; font-size: .85rem; }
    .workspace-login-footer { margin: 24px 0 0; padding-top: 20px; border-top: 1px solid #424549; text-align: center; color: #aeb3b8; font-size: .7rem; }
}
@media screen and (min-width: 1200px) {
    body.logicore-workspace { padding-left: var(--workspace-sidebar-width); }
    .workspace-sidebar.offcanvas-xl { position: fixed; inset: 0 auto 0 0; width: var(--workspace-sidebar-width); height: 100dvh; z-index: 1040; }
}
@media screen and (max-width: 1199.98px) {
    .workspace-sidebar.offcanvas-xl { --bs-offcanvas-width: 288px; }
    .logicore-workspace .main-wrapper { padding-bottom: 78px; }
    .workspace-brand-row { padding-inline: 28px; }
    .logicore-workspace .main-wrapper > :is(.container, .container-fluid) { padding: 24px !important; }
}
@media screen and (min-width: 768px) and (max-width: 991.98px) {
    .dashboard-team-grid { grid-template-columns: 1fr; }
}
@media screen and (min-width: 768px) and (max-width: 991.98px) {
    .dashboard-sync-label { display: none; }
    .dashboard-sync-button { width: 40px; padding-inline: 0; }
}
@media screen and (max-width: 767.98px) {
    .logicore-workspace .workspace-action-topbar { padding: 12px 16px; }
    .workspace-action-topbar-main { display: flex; flex-wrap: nowrap; gap: 8px; }
    .dashboard-date-navigation { flex: 1 1 auto; min-width: 0; max-width: 100%; }
    .dashboard-current-date { min-width: 0; white-space: normal; line-height: 1.4; font-size: .75rem; }
    .dashboard-current-date { flex: 1; padding: 6px; gap: 6px; }
    .dashboard-current-date > .fa-calendar { display: none; }
    .dashboard-current-date > span { text-align: left; }
    .dashboard-topbar-actions { grid-column: 2; grid-row: 1; gap: 6px; }
    .dashboard-sync-label { display: none; }
    .dashboard-sync-button { width: 40px; padding-inline: 0; }
    .dashboard-content .dashboard-kpi-grid { grid-template-columns: repeat(5,180px); gap: 12px; }
    .dashboard-team-grid { grid-template-columns: 1fr; gap: 12px; }
    .logicore-workspace .dashboard-team-grid > .card { min-height: 208px; padding: 18px; }
    .dashboard-team-value { font-size: 3rem; }
    .dashboard-outcome-details { gap: 8px; }
    .dashboard-outcome-details dt { gap: 4px; font-size: .68rem; }
    .logicore-workspace .dashboard-content :is(.dashboard-trend-card, .dashboard-courier-card) { padding: 18px; }
    .dashboard-trend-legend { gap: 12px; }
    .dashboard-chart-canvas { height: 250px; }
    .logicore-workspace .main-wrapper > :is(.container, .container-fluid) { padding: 20px 16px !important; }
    .logicore-workspace .card-body { padding: 16px; }
    .logicore-workspace .card-header { padding: 15px 16px; }
    .logicore-workspace .table > tbody > tr > td { padding: 10px; }
    .workspace-login-card { padding: 28px 24px; }
    .logicore-workspace .attendance-auto-submit { flex-wrap: wrap; max-width: 100%; }
    .logicore-workspace .attendance-card .card-header > .d-flex { min-width: 0; max-width: 100%; }
    .logicore-workspace.page-travel_orders .control-panel > .d-flex { flex-direction: column; align-items: start !important; gap: 14px; }
    .logicore-workspace.page-travel_orders .control-panel > .d-flex > .d-flex { flex-wrap: wrap; }
    .logicore-workspace.page-maps .map-wrapper { height: auto; min-height: 100dvh; }
    .logicore-workspace .modal-body { padding: 18px; }
    .logicore-workspace .modal-header, .logicore-workspace .modal-footer { padding: 16px 18px; }
}
@media (prefers-reduced-motion: reduce) {
    .logicore-workspace *, .workspace-login * { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}
@media print {
    .workspace-sidebar, .workspace-menu-toggle, .workspace-skip-link, .workspace-action-topbar { display: none !important; }
    body.logicore-workspace { padding-left: 0 !important; }
    .logicore-workspace .main-wrapper { height: auto !important; min-height: 0 !important; overflow: visible !important; }
}

.review-day-meta{display:flex;flex-wrap:wrap;gap:8px 24px;margin-bottom:16px;color:#667085;font-size:12px}.review-day-meta strong{font-weight:600;color:#344054}

/* Shared topbar tabs: approved on the registries and tariffs pages. */
@media screen {
    .workspace-topbar-tabs { display:inline-flex; gap:8px; }
    .workspace-topbar-tabs a { display:inline-flex; gap:9px; align-items:center; justify-content:center; min-height:42px; padding:8px 14px; border:1px solid transparent; color:var(--workspace-muted); font-size:13px; font-weight:600; text-decoration:none; white-space:nowrap; transition:background-color .16s, color .16s, border-color .16s; }
    .workspace-topbar-tabs a > i { width:16px; text-align:center; font-size:13px; color:#89939c; }
    .workspace-topbar-tabs a:hover { background:#f7f8fa; border-color:var(--workspace-line); color:var(--workspace-ink); }
    .workspace-topbar-tabs a[aria-current="page"] { background:#e9eef3; border-color:#aebbc8; color:#263441; font-weight:700; }
    .workspace-topbar-tabs a[aria-current="page"] > i { color:#3f5263; }
    .workspace-topbar-tabs span { display:inline-flex; align-items:center; justify-content:center; min-width:22px; height:20px; padding:0 5px; border:1px solid transparent; color:#89939c; font-size:11px; line-height:1; font-weight:500; font-variant-numeric:tabular-nums; }
    .workspace-topbar-tabs a[aria-current="page"] span { background:#fff; border-color:#c8d2dc; color:#3f5263; font-weight:600; }
}
@media screen and (max-width:575px) {
    .workspace-topbar-tabs { display:flex; gap:6px; }
    .workspace-topbar-tabs a { gap:6px; padding:8px; font-size:12px; }
    .workspace-topbar-tabs span { min-width:20px; padding:0 4px; }
}

@media screen {
    .logicore-workspace .btn.workspace-icon-action { display:inline-flex; align-items:center; justify-content:center; flex:0 0 34px; width:34px; height:34px; min-height:34px; padding:0; gap:0; font-size:12px; }
}