/**
 * Point Delivery — Admin Dashboard theme
 * Primary: var(--site-color) | Surface: #FAFAFC | Text: #000000
 */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&family=Outfit:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Noto+Sans+Myanmar:wght@400;500;600;700&display=swap');

:root {
    --site-color: #FE6F07;
    --primary: #FE6F07;
    --blue: #FE6F07;
    --info: #FE6F07;
    --admin-primary: #FE6F07;
    --pds-primary: #FE6F07;
    --pds-accent: #FE6F07;
    --brand-rgb: 254, 111, 7;
    --admin-font: 'Outfit', 'Noto Sans Myanmar', system-ui, sans-serif;
    --admin-surface: #F7F4F0;
    --admin-card: #FFFFFF;
    --admin-text: #14110F;
    --admin-primary-light: rgba(var(--brand-rgb), 0.12);
    --admin-primary-soft: rgba(var(--brand-rgb), 0.08);
    --admin-border: rgba(20, 17, 15, 0.08);
    --admin-muted: rgba(20, 17, 15, 0.55);
    --admin-shadow: 0 10px 32px rgba(20, 17, 15, 0.06);
    --admin-radius: 18px;
    --admin-radius-sm: 12px;
}

body.pds-admin,
body.pds-admin #app {
    font-family: var(--admin-font) !important;
    background:
        radial-gradient(ellipse 70% 40% at 100% 0%, rgba(var(--brand-rgb), 0.10), transparent 55%),
        radial-gradient(ellipse 50% 35% at 0% 100%, rgba(15, 118, 110, 0.06), transparent 50%),
        linear-gradient(180deg, #F7F4F0 0%, #F3F0EB 100%) !important;
    background-attachment: fixed !important;
    color: var(--admin-text) !important;
    -webkit-font-smoothing: antialiased;
}

body.pds-admin,
body.pds-admin #app {
    /* clip X only — overflow-y:auto on #app creates a scrollport and kills position:sticky */
    overflow-x: clip !important;
    overflow-y: visible !important;
    height: auto !important;
    min-height: 100vh;
}

html {
    overflow-x: clip;
    overflow-y: auto;
}

body.pds-admin .content-page {
    background-color: transparent !important;
    color: var(--admin-text) !important;
    overflow: visible !important;
    max-height: none !important;
    min-height: 0;
}

/* List pages: let cards grow with content instead of clipping */
body.pds-admin .content-page .card.card-block.card-height,
body.pds-admin .content-page .card.card-block.card-stretch {
    height: auto !important;
    min-height: 0 !important;
}

body.pds-admin .content-page .card.card-block.card-stretch > .card-body {
    overflow: visible;
    flex: 0 1 auto;
}

/* Keep list page title + Export / Add buttons visible while scrolling */
body.pds-admin .content-page .pds-list-toolbar {
    position: sticky;
    top: var(--pds-topbar-h, 73px);
    z-index: 25;
    background: var(--admin-card);
    padding: 0.75rem 0;
    margin: -0.25rem 0 0.5rem;
    box-shadow: 0 1px 0 var(--admin-border);
}

/* Typography */
body.pds-admin h1,
body.pds-admin h2,
body.pds-admin h3,
body.pds-admin h4,
body.pds-admin h5,
body.pds-admin h6,
body.pds-admin .card-title,
body.pds-admin label,
body.pds-admin .pds-section-title,
body.pds-admin .pds-dispatch-items-heading {
    font-family: 'Fraunces', 'Plus Jakarta Sans', 'Noto Sans Myanmar', Georgia, serif !important;
    letter-spacing: -0.02em;
}
body.pds-admin p,
body.pds-admin span,
body.pds-admin td,
body.pds-admin th {
    color: var(--admin-text);
}

body.pds-admin .text-muted,
body.pds-admin .gray-text {
    color: var(--admin-muted) !important;
}

body.pds-admin .text-primary,
body.pds-admin .mm-cart-image.text-primary,
body.pds-admin .mm-cart-image.text-primary svg {
    color: var(--admin-primary) !important;
}

/* Override compiled backend blue */
body.pds-admin .text-info,
body.pds-admin .text-success,
body.pds-admin .text-warning,
body.pds-admin .text-danger {
    color: var(--admin-primary) !important;
}

/* Buttons */
body.pds-admin .btn-primary,
body.pds-admin .btn-primary:focus,
body.pds-admin .btn-primary:active,
body.pds-admin .btn-primary:hover {
    background-color: var(--admin-primary) !important;
    border-color: var(--admin-primary) !important;
    color: #fff !important;
    border-radius: var(--admin-radius-sm) !important;
    font-weight: 600;
}

body.pds-admin .btn-outline-primary {
    color: var(--admin-primary) !important;
    border-color: var(--admin-primary) !important;
    background: transparent !important;
    border-radius: var(--admin-radius-sm) !important;
    font-weight: 600;
}

body.pds-admin .btn-outline-primary:hover {
    background-color: var(--admin-primary) !important;
    color: #fff !important;
}

body.pds-admin .btn-success,
body.pds-admin .btn-info,
body.pds-admin .btn-warning {
    background-color: var(--admin-primary) !important;
    border-color: var(--admin-primary) !important;
    color: #fff !important;
}

body.pds-admin .btn-danger {
    background-color: transparent !important;
    border: 1px solid var(--admin-border) !important;
    color: var(--admin-text) !important;
}

body.pds-admin .btn-danger:hover {
    border-color: var(--admin-primary) !important;
    color: var(--admin-primary) !important;
    background: var(--admin-primary-light) !important;
}

body.pds-admin .bg-primary,
body.pds-admin .badge-primary,
body.pds-admin .badge.bg-primary {
    background-color: var(--admin-primary) !important;
}

body.pds-admin .badge.bg-success,
body.pds-admin .badge.bg-info,
body.pds-admin .badge.bg-warning,
body.pds-admin .badge.bg-danger,
body.pds-admin .badge.bg-light {
    background-color: var(--admin-primary-light) !important;
    color: var(--admin-text) !important;
    border: 1px solid rgba(var(--brand-rgb), 0.2);
    font-weight: 600;
}

/* Cards */
body.pds-admin .card,
body.pds-admin .card-block,
body.pds-admin .card-stretch,
body.pds-admin .modal-content {
    background-color: var(--admin-card) !important;
    border: 1px solid var(--admin-border) !important;
    border-radius: var(--admin-radius) !important;
    box-shadow: var(--admin-shadow);
    color: var(--admin-text);
}

body.pds-admin .card-header {
    background: var(--admin-card) !important;
    border-bottom: 1px solid var(--admin-border) !important;
    border-radius: var(--admin-radius) var(--admin-radius) 0 0 !important;
}

body.pds-admin .content-page > .container-fluid > .row > .col-lg-12 > .card,
body.pds-admin .content-page .card .card {
    box-shadow: none;
}

body.pds-admin .content-page .card.card-block.card-stretch,
body.pds-admin .content-page .shadow-card {
    border-radius: 14px !important;
    transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;
}

body.pds-admin .content-page .card.card-block.card-stretch:hover,
body.pds-admin .content-page .shadow-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.07);
    border-color: rgba(var(--brand-rgb), 0.18) !important;
}

body.pds-admin .mm-cart-text h5 {
    font-size: 1.9rem;
    font-weight: 700;
    letter-spacing: 0.01em;
}

body.pds-admin .mm-cart-text p {
    color: var(--admin-muted);
    font-size: 0.9rem;
    font-weight: 500;
}

body.pds-admin .mm-cart-image svg {
    opacity: 0.92;
    transition: transform 0.3s ease;
}

body.pds-admin .card:hover .mm-cart-image svg {
    transform: scale(1.06);
}

/* Sidebar */
body.pds-admin .mm-sidebar,
body.pds-admin .iq-sidebar {
    background: var(--admin-card) !important;
    border-right: 1px solid var(--admin-border);
    box-shadow: 4px 0 24px rgba(0, 0, 0, 0.03);
}

body.pds-admin .mm-sidebar-menu .side-menu li a,
body.pds-admin .iq-sidebar-menu .side-menu li a {
    color: var(--admin-text) !important;
    border-radius: 10px;
    margin: 2px 10px;
    transition: color 0.25s ease, background 0.25s ease, padding-left 0.25s ease;
}

body.pds-admin .mm-sidebar:not(.pds-sidebar) .sidebar-default .mm-sidebar-menu svg,
body.pds-admin .mm-sidebar:not(.pds-sidebar) .mm-sidebar-menu .side-menu li a i {
    stroke: var(--admin-primary) !important;
    color: var(--admin-primary) !important;
}

body.pds-admin .pds-sidebar.sidebar-default .mm-sidebar-menu svg,
body.pds-admin .pds-sidebar .mm-sidebar-menu .side-menu li a i:not(.mm-arrow-right) {
    stroke: currentColor !important;
    color: #94a3b8 !important;
}

body.pds-admin .mm-sidebar:not(.pds-sidebar) .sidebar-default .mm-sidebar-menu .side-menu li.active-menu > a,
body.pds-admin .mm-sidebar:not(.pds-sidebar) .sidebar-default .mm-sidebar-menu .side-menu > li.active > a,
body.pds-admin .mm-sidebar:not(.pds-sidebar) .sidebar-default .mm-sidebar-menu .side-menu li a:hover,
body.pds-admin .mm-sidebar:not(.pds-sidebar) .sidebar-default .mm-sidebar-menu .side-menu li a[aria-expanded=true],
body.pds-admin .mm-sidebar:not(.pds-sidebar) .sidebar-default .mm-sidebar-menu .side-menu li.active .submenu li.active > a,
body.pds-admin .mm-sidebar:not(.pds-sidebar) .mm-sidebar-menu .side-menu li.active > a,
body.pds-admin .mm-sidebar:not(.pds-sidebar) .sidebar-layout.active > a {
    color: var(--admin-primary) !important;
    background: var(--admin-primary-light) !important;
}

body.pds-admin .sidebar-default:not(.pds-sidebar) .mm-sidebar-menu li.active > a:before,
body.pds-admin .sidebar-default:not(.pds-sidebar) .mm-sidebar-menu .side-menu > li.active {
    border-color: var(--admin-primary-light) !important;
}

body.pds-admin .sidebar-default:not(.pds-sidebar) .mm-sidebar-menu li.active > a:before {
    background: var(--admin-primary) !important;
}

body.pds-admin .mm-sidebar:not(.pds-sidebar) .sidebar-default .mm-sidebar-menu .side-menu li .submenu li a:hover,
body.pds-admin .mm-sidebar:not(.pds-sidebar) .sidebar-default .mm-sidebar-menu .side-menu li ul a:hover {
    color: var(--admin-primary) !important;
    background: var(--admin-primary-soft) !important;
}

/* Top navbar */
body.pds-admin .mm-top-navbar {
    background: rgba(255, 255, 255, 0.92) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid var(--admin-border);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
}

body.pds-admin .wrapper-menu,
body.pds-admin .mm-top-navbar .wrapper-menu {
    color: var(--admin-primary) !important;
    transition: transform 0.25s ease;
}

body.pds-admin .wrapper-menu:hover {
    transform: scale(1.05);
}

/* Forms */
body.pds-admin .form-control,
body.pds-admin .select2-container--default .select2-selection--single {
    background-color: var(--admin-card) !important;
    border-color: var(--admin-border) !important;
    color: var(--admin-text) !important;
    border-radius: var(--admin-radius-sm) !important;
}

body.pds-admin .form-control:focus,
body.pds-admin .select2-container--default.select2-container--focus .select2-selection--single {
    border-color: var(--admin-primary) !important;
    box-shadow: 0 0 0 3px rgba(var(--brand-rgb), 0.15) !important;
}

body.pds-admin .custom-control-input:checked ~ .custom-control-label::before {
    background-color: var(--admin-primary) !important;
    border-color: var(--admin-primary) !important;
}

/* Tables */
body.pds-admin .table {
    border-color: var(--admin-border) !important;
}

body.pds-admin .table thead th {
    background: var(--admin-surface) !important;
    color: var(--admin-text) !important;
    font-weight: 600;
    border-color: var(--admin-border) !important;
    white-space: nowrap;
    word-break: keep-all;
    min-width: 72px;
    vertical-align: middle;
    line-height: 1.4;
}

body.pds-admin table.dataTable thead th,
body.pds-admin table.dataTable thead td {
    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
    min-width: 72px;
    padding: 10px 12px !important;
}

body.pds-admin .dataTables_wrapper .dataTables_scroll {
    overflow-x: auto;
}

body.pds-admin .table-bordered td,
body.pds-admin .table-bordered th {
    border-color: var(--admin-border) !important;
}

body.pds-admin .dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background: var(--admin-primary) !important;
    border-color: var(--admin-primary) !important;
    color: #fff !important;
}

/* Nav pills / tabs */
body.pds-admin .nav-pills .nav-link.active,
body.pds-admin .tabslink .nav-link.active {
    background-color: var(--admin-primary) !important;
    color: #fff !important;
}

/* Progress & loader */
body.pds-admin .progress-bar,
body.pds-admin .spinner {
    background-color: var(--admin-primary) !important;
    border-top-color: var(--admin-primary) !important;
}

body.pds-admin #loader:not(.pds-splash) {
    background: rgba(250, 250, 252, 0.85) !important;
}

/* Section headings on dashboard */
body.pds-admin .font-weight-bold.ml-3,
body.pds-admin .font-weight-bold.ml-2 {
    font-size: 1.05rem;
    letter-spacing: -0.01em;
}

/* Animations */
@keyframes pdsAdminFadeUp {
    from {
        opacity: 0;
        transform: translateY(16px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes pdsAdminSlideIn {
    from {
        opacity: 0;
        transform: translateX(-10px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

body.pds-admin .pds-admin-enter {
    animation: pdsAdminFadeUp 0.45s cubic-bezier(0.4, 0, 0.2, 1) both;
}

body.pds-admin .pds-admin-reveal {
    opacity: 1;
    transform: none;
    transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1),
                transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

body.pds-admin.js-motion-ready .pds-admin-reveal:not(.pds-admin-visible) {
    opacity: 0;
    transform: translateY(18px);
}

body.pds-admin .pds-admin-reveal.pds-admin-visible {
    opacity: 1;
    transform: translateY(0);
}

body.pds-admin .btn,
body.pds-admin .page-link,
body.pds-admin .nav-link {
    transition: background-color 0.25s ease, color 0.25s ease, transform 0.2s ease, box-shadow 0.25s ease;
}

body.pds-admin .btn-primary:hover {
    transform: translateY(-1px);
    box-shadow: 0 8px 20px rgba(var(--brand-rgb), 0.28);
}

body.pds-admin .modal.fade .modal-dialog {
    transition: transform 0.32s cubic-bezier(0.4, 0, 0.2, 1);
}

@media (prefers-reduced-motion: reduce) {
    body.pds-admin .pds-admin-enter,
    body.pds-admin .pds-admin-reveal,
    body.pds-admin .pds-motion-enter,
    body.pds-admin .pds-dashboard-hero.pds-hero-animate,
    body.pds-admin .pds-dashboard-hero.pds-hero-animate .pds-dashboard-eyebrow,
    body.pds-admin .pds-dashboard-hero.pds-hero-animate .pds-dashboard-title,
    body.pds-admin .pds-dashboard-hero.pds-hero-animate .pds-dashboard-hero-glow,
    body.pds-admin .pds-dashboard-hero.pds-hero-animate::before,
    body.pds-admin .pds-dashboard-panel.pds-panel-animate,
    body.pds-admin .pds-stats-grid > [class*="col-"].pds-stat-animate,
    body.pds-admin .content-page .card:hover,
    body.pds-admin .btn-primary:hover {
        animation: none !important;
        transition: none !important;
        transform: none !important;
        opacity: 1 !important;
    }

    body.pds-admin .pds-admin-reveal,
    body.pds-admin .pds-dashboard-panel.pds-panel-animate,
    body.pds-admin .pds-stats-grid > [class*="col-"].pds-stat-animate {
        opacity: 1;
    }
}

@media (max-width: 991.98px) {
    body.pds-admin .content-page {
        padding: 5.5rem 1rem 1.5rem;
    }

    body.pds-admin .content-page .card.card-block.card-stretch:hover {
        transform: none;
    }
}

/* Dark mode — re-enable toggle (theme file overrides backend .dark with !important) */
body.pds-admin.dark {
    --admin-surface: #1a1a1a;
    --admin-card: #222222;
    --admin-text: #EFF0F1;
    --admin-border: rgba(255, 255, 255, 0.1);
    --admin-muted: rgba(255, 255, 255, 0.55);
    --admin-shadow: 0 8px 28px rgba(0, 0, 0, 0.35);
    --admin-primary-light: rgba(var(--brand-rgb), 0.22);
    --admin-primary-soft: rgba(var(--brand-rgb), 0.14);
}

body.pds-admin.dark,
body.pds-admin.dark #app {
    background-color: var(--admin-surface) !important;
    color: var(--admin-text) !important;
}

body.pds-admin.dark .content-page {
    background-color: var(--admin-surface) !important;
    color: var(--admin-text) !important;
}

body.pds-admin.dark .mm-top-navbar {
    background: rgba(34, 34, 34, 0.92) !important;
    border-bottom-color: var(--admin-border);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
}

body.pds-admin.dark .mm-sidebar,
body.pds-admin.dark .iq-sidebar {
    background: #181818 !important;
    border-right-color: var(--admin-border);
    box-shadow: 4px 0 24px rgba(0, 0, 0, 0.2);
}

body.pds-admin.dark #loader {
    background: rgba(26, 26, 26, 0.9) !important;
}

body.pds-admin.dark .content-page .card.card-block.card-stretch:hover,
body.pds-admin.dark .content-page .shadow-card:hover {
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.4);
    border-color: rgba(var(--brand-rgb), 0.28) !important;
}

body.pds-admin.dark .mode.light-img {
    display: none !important;
}

body.pds-admin.dark .mode.dark-img {
    display: block !important;
}

body.pds-admin:not(.dark) .mode.dark-img {
    display: none !important;
}

body.pds-admin:not(.dark) .mode.light-img {
    display: block !important;
}

body.pds-admin.dark .dataTables_wrapper .dataTables_length label,
body.pds-admin.dark .dataTables_wrapper .dataTables_filter label,
body.pds-admin.dark .dataTables_wrapper .dataTables_info {
    color: var(--admin-text) !important;
}

body.pds-admin.dark .select2-container--default .select2-selection--single .select2-selection__rendered,
body.pds-admin.dark .select2-dropdown:not(.pds-mm-nrc-select2-dropdown) {
    color: var(--admin-text) !important;
    background-color: var(--admin-card) !important;
}

body.pds-admin.dark .mm-sub-dropdown,
body.pds-admin.dark .dropdown-menu {
    background-color: var(--admin-card) !important;
    border-color: var(--admin-border) !important;
}

body.pds-admin.dark .dropdown-item,
body.pds-admin.dark .dropdown-item a {
    color: var(--admin-text) !important;
}

body.pds-admin.dark .dropdown-item:hover,
body.pds-admin.dark .dropdown-item:focus {
    background-color: var(--admin-primary-light) !important;
    color: var(--admin-primary) !important;
}

/* ==========================================================================
   PDS Admin UI v2 — Premium redesign (global)
   ========================================================================== */

body.pds-admin,
body.pds-admin #app {
    font-family: var(--admin-font) !important;
    background:
        radial-gradient(ellipse 70% 40% at 100% 0%, rgba(var(--brand-rgb), 0.09), transparent 55%),
        radial-gradient(ellipse 50% 35% at 0% 100%, rgba(15, 118, 110, 0.05), transparent 50%),
        linear-gradient(180deg, #F6F1EB 0%, #F3EEE7 100%) !important;
}

body.pds-admin {
    --pds-accent: var(--site-color);
    --pds-accent-2: var(--site-color);
    --pds-accent-dark: #D95A00;
    --pds-surface-0: #F6F1EB;
    --pds-surface-1: #FFFFFF;
    --pds-surface-2: rgba(var(--brand-rgb), 0.06);
    --pds-text: #14110F;
    --pds-muted: #7A7168;
    --pds-border: rgba(20, 17, 15, 0.08);
    --pds-shadow-sm: 0 2px 10px rgba(20, 17, 15, 0.04);
    --pds-shadow-md: 0 14px 40px rgba(20, 17, 15, 0.07);
    --pds-shadow-lg: 0 28px 64px rgba(var(--brand-rgb), 0.14);
    --pds-radius-xl: 24px;
    --pds-radius-lg: 18px;
    --pds-radius-md: 14px;
    --pds-sidebar-w: 286px;
    --pds-sidebar-w-collapsed: 80px;
}

/* Layout shell → see pds-layout.css (flex-based) */

/* Page shell — never use opacity + fill-mode:both (late CSS can leave screens stuck invisible). */
body.pds-admin .pds-page-wrap {
    opacity: 1;
    animation: pdsPageIn 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}

@keyframes pdsPageIn {
    from { transform: translateY(8px); }
    to { transform: translateY(0); }
}

body.pds-admin .pds-motion-enter {
    opacity: 1;
    animation: pdsPageIn 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}

body.pds-admin .pds-form-card.pds-admin-reveal.pds-admin-visible,
body.pds-admin .pds-page-card.pds-admin-reveal.pds-admin-visible {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

/* Top bar */
body.pds-admin .pds-topbar {
    background: rgba(255, 255, 255, 0.82) !important;
    backdrop-filter: blur(18px) saturate(1.4);
    -webkit-backdrop-filter: blur(18px) saturate(1.4);
    border-bottom: 1px solid var(--pds-border) !important;
    box-shadow: 0 8px 32px rgba(15, 23, 42, 0.04) !important;
}

body.pds-admin .pds-topbar .navbar-list > li > a.pds-topbar-profile {
    border-radius: 999px;
    transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

body.pds-admin .pds-topbar .navbar-list > li > a.pds-topbar-profile:hover {
    transform: none;
    box-shadow: none;
}

/* Sidebar */
body.pds-admin .pds-sidebar {
    background: #FFFFFF !important;
    border-right: 1px solid rgba(20, 17, 15, 0.06) !important;
    box-shadow: 4px 0 24px rgba(20, 17, 15, 0.03) !important;
    overflow: hidden !important;
}

body.pds-admin .pds-sidebar .pds-sidebar-scroll {
    height: calc(100vh - 76px);
    overflow-x: hidden !important;
    overflow-y: auto !important;
    scrollbar-gutter: stable;
    padding-bottom: 1.5rem;
    pointer-events: auto !important;
}
body.pds-admin .pds-sidebar .mm-sidebar-menu,
body.pds-admin .pds-sidebar .mm-sidebar-menu a {
    pointer-events: auto !important;
}

body.pds-admin .pds-sidebar .pds-sidebar-scroll::-webkit-scrollbar {
    width: 5px;
}

body.pds-admin .pds-sidebar .pds-sidebar-scroll::-webkit-scrollbar-track {
    background: transparent;
}

body.pds-admin .pds-sidebar .pds-sidebar-scroll::-webkit-scrollbar-thumb {
    background: rgba(var(--brand-rgb), 0.22);
    border-radius: 999px;
}

body.pds-admin .pds-sidebar .pds-sidebar-scroll::-webkit-scrollbar-thumb:hover {
    background: rgba(var(--brand-rgb), 0.38);
}

body.pds-admin .pds-sidebar .pds-sidebar-brand,
body.pds-admin .pds-sidebar .mm-sidebar-logo.pds-sidebar-brand {
    position: relative;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 76px;
    height: auto;
    padding: 0.85rem 0.85rem 0.85rem 1rem !important;
    margin: 0 !important;
    width: 100% !important;
    border-bottom: 1px solid rgba(var(--brand-rgb), 0.1);
    background:
        linear-gradient(135deg, rgba(var(--brand-rgb), 0.05) 0%, rgba(255, 255, 255, 0) 58%),
        #FFFFFF !important;
    gap: 0.5rem !important;
    overflow: hidden;
}

body.pds-admin .pds-sidebar .pds-sidebar-brand::after {
    display: none !important;
}

body.pds-admin .pds-sidebar .pds-brand-link,
body.pds-admin .pds-sidebar .mm-sidebar-logo a.pds-brand-link {
    flex: 1 1 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: auto !important;
    max-width: calc(100% - 44px);
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0.7rem !important;
    text-decoration: none !important;
}

body.pds-admin .pds-sidebar .pds-brand-mark,
body.pds-admin .pds-sidebar .pds-brand-glow {
    display: none !important;
}

body.pds-admin .pds-sidebar .pds-sidebar-toggle.wrapper-menu,
body.pds-admin .pds-sidebar button.pds-sidebar-toggle {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto !important;
    width: 36px !important;
    height: 36px !important;
    min-width: 36px;
    margin: 0 0 0 0.35rem !important;
    padding: 0 !important;
    border: 1px solid rgba(var(--brand-rgb), 0.28) !important;
    border-radius: 10px !important;
    background: #FFF8F3 !important;
    color: var(--site-color) !important;
    box-shadow: none !important;
    cursor: pointer;
    transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

body.pds-admin .pds-sidebar .pds-sidebar-toggle.wrapper-menu:hover,
body.pds-admin .pds-sidebar button.pds-sidebar-toggle:hover {
    background: var(--site-color) !important;
    border-color: var(--site-color) !important;
    color: #FFFFFF !important;
    transform: none;
}

body.pds-admin .pds-sidebar .pds-sidebar-toggle i {
    font-size: 0.95rem;
    line-height: 1;
}

body.pds-admin .pds-sidebar .pds-brand-logo,
body.pds-admin .pds-sidebar .mm-sidebar-logo img.pds-brand-logo {
    position: relative;
    z-index: 1;
    flex: 0 0 auto !important;
    height: 44px !important;
    width: 44px !important;
    max-width: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: cover;
    border-radius: 12px !important;
    filter: none;
    background: transparent !important;
    box-shadow: 0 3px 10px rgba(var(--brand-rgb), 0.2);
}

body.pds-admin .pds-sidebar .pds-brand-copy {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 0.08rem;
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    letter-spacing: normal !important;
    line-height: 1.15 !important;
}

body.pds-admin .pds-sidebar .pds-brand-copy__name {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: var(--admin-font) !important;
    font-size: 1.18rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.06em !important;
    line-height: 1.1 !important;
    color: #14110F !important;
    white-space: nowrap;
}

body.pds-admin .pds-sidebar .pds-brand-copy__tag {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: var(--admin-font) !important;
    font-size: 0.82rem !important;
    font-style: normal !important;
    font-weight: 600 !important;
    letter-spacing: 0.02em !important;
    line-height: 1.2 !important;
    color: var(--site-color) !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

body.pds-admin .pds-sidebar .mm-sidebar-menu {
    padding: 0.45rem 0 1.25rem;
}

body.pds-admin .pds-sidebar .mm-sidebar-menu .side-menu > li.pds-nav-section {
    list-style: none;
    margin: 0.85rem 12px 0.35rem;
    padding: 0;
    pointer-events: none;
}

body.pds-admin .pds-sidebar .mm-sidebar-menu .side-menu > li.pds-nav-section:first-child {
    margin-top: 0.35rem;
}

body.pds-admin .pds-sidebar .pds-nav-section__label,
body.pds-admin .pds-sidebar .pds-nav-section__label span {
    display: block !important;
    padding: 0.2rem 0.35rem 0.15rem !important;
    margin: 0 !important;
    font-family: var(--admin-font) !important;
    font-size: 0.8rem !important;
    font-weight: 750 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    color: #a8a29e !important;
    line-height: 1.3 !important;
    white-space: nowrap !important;
}

body.pds-admin .pds-sidebar .pds-nav-section__link {
    display: none !important;
}

body.pds-admin .pds-sidebar .mm-sidebar-menu .side-menu > li > a {
    border: 1px solid transparent;
}

body.pds-admin .pds-sidebar .mm-sidebar-menu .side-menu > li.active > a,
body.pds-admin .pds-sidebar .mm-sidebar-menu .side-menu > li.active-menu > a {
    border-color: rgba(var(--brand-rgb), 0.14) !important;
    box-shadow: 0 6px 16px rgba(var(--brand-rgb), 0.08);
}

body.pds-admin .pds-sidebar .mm-sidebar-menu .side-menu li a > i:not(.mm-arrow-right) {
    background: rgba(var(--brand-rgb), 0.08) !important;
    color: var(--site-color) !important;
    border: 1px solid rgba(var(--brand-rgb), 0.12);
}

body.pds-admin .pds-sidebar .mm-sidebar-menu .side-menu > li:not(.active):not(.active-menu) > a > i:not(.mm-arrow-right) {
    background: #fafaf9 !important;
    color: #78716c !important;
    border-color: rgba(20, 17, 15, 0.06);
}

body.pds-admin .pds-sidebar .mm-sidebar-menu .side-menu li.active > a i:not(.mm-arrow-right),
body.pds-admin .pds-sidebar .mm-sidebar-menu .side-menu li.active-menu > a i:not(.mm-arrow-right),
body.pds-admin .pds-sidebar .mm-sidebar-menu .side-menu li a:hover i:not(.mm-arrow-right),
body.pds-admin .pds-sidebar .submenu li.active > a i:not(.mm-arrow-right) {
    background: rgba(var(--brand-rgb), 0.14) !important;
    color: var(--site-color) !important;
    border-color: rgba(var(--brand-rgb), 0.2);
}

body.pds-admin .pds-sidebar .mm-sidebar-menu .side-menu li ul,
body.pds-admin .pds-sidebar .submenu {
    margin: 0.15rem 10px 0.55rem !important;
    padding: 0.4rem 0.2rem 0.45rem !important;
    border: 1px solid rgba(var(--brand-rgb), 0.08) !important;
    border-radius: 14px !important;
    background: linear-gradient(180deg, rgba(var(--brand-rgb), 0.04) 0%, #FFFFFF 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

body.pds-admin.sidebar-main-active .pds-sidebar .mm-sidebar-menu .side-menu > li.pds-nav-section,
body.pds-admin.sidebar-main .pds-sidebar .mm-sidebar-menu .side-menu > li.pds-nav-section,
body.pds-admin.sidebar-main-active .pds-sidebar .pds-nav-section__label,
body.pds-admin.sidebar-main .pds-sidebar .pds-nav-section__label,
body.pds-admin.sidebar-main-active .pds-sidebar .pds-nav-section__label span,
body.pds-admin.sidebar-main .pds-sidebar .pds-nav-section__label span {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    font-size: 0 !important;
    line-height: 0 !important;
    border: 0 !important;
}

body.pds-admin.sidebar-main-active .pds-sidebar .pds-nav-section__label::before,
body.pds-admin.sidebar-main .pds-sidebar .pds-nav-section__label::before {
    display: none !important;
    content: none !important;
}

body.pds-admin .pds-sidebar .mm-sidebar-menu .side-menu li,
body.pds-admin .pds-sidebar .mm-sidebar-menu .side-menu li a,
body.pds-admin .pds-sidebar .mm-sidebar-menu .side-menu li a span {
    white-space: normal !important;
    text-overflow: unset !important;
}

body.pds-admin .pds-sidebar .mm-sidebar-menu .side-menu > li > a,
body.pds-admin .pds-sidebar .mm-sidebar-menu .side-menu li .submenu li a {
    display: flex !important;
    align-items: flex-start !important;
    gap: 0.6rem;
    padding: 0.68rem 0.75rem 0.68rem 0.8rem !important;
    margin: 2px 8px !important;
    border-radius: 11px !important;
    font-weight: 600 !important;
    font-size: 0.95rem !important;
    line-height: 1.55 !important;
    position: relative;
    overflow: visible !important;
    white-space: normal !important;
    text-transform: none !important;
    min-height: 44px;
    word-break: normal !important;
}

body.pds-admin .pds-sidebar .mm-sidebar-menu .side-menu li a > i:not(.mm-arrow-right) {
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: transparent !important;
    box-shadow: none !important;
    margin: 0.12rem 0 0 !important;
    font-size: 0.88rem !important;
    flex-shrink: 0;
    align-self: flex-start;
    color: #94a3b8 !important;
    transition: color 0.2s ease;
}

body.pds-admin .pds-sidebar .mm-sidebar-menu .side-menu li a > span {
    flex: 1 1 auto;
    min-width: 0;
    white-space: normal !important;
    overflow: visible !important;
    display: block !important;
    line-height: 1.55 !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    padding: 0.12rem 0 0.08rem !important;
    text-overflow: unset !important;
}

body.pds-admin .pds-sidebar .mm-sidebar-menu .side-menu li a .badge {
    position: static !important;
    right: auto !important;
    top: auto !important;
    margin: 0 0 0 0.35rem !important;
    font-size: 0.6rem !important;
    min-width: 1.1rem;
    height: 1.1rem;
    padding: 0 0.3rem !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    flex-shrink: 0;
    transform: none !important;
}

body.pds-admin .pds-sidebar .mm-sidebar-menu .side-menu li a .mm-arrow-right {
    flex: 0 0 14px;
    margin: 0.35rem 0 0 0.25rem !important;
    margin-left: auto !important;
    align-self: flex-start;
    width: 14px !important;
    height: auto !important;
    background: none !important;
    padding: 0 !important;
    font-size: 0.75rem !important;
    color: var(--pds-muted) !important;
    opacity: 0.85;
    flex-shrink: 0;
}

body.pds-admin .pds-sidebar .mm-sidebar-menu .side-menu li a .mm-arrow-right.arrow-hover {
    margin-left: auto !important;
}

body.pds-admin .pds-sidebar .mm-sidebar-menu .side-menu li .submenu li a {
    padding: 0.55rem 0.65rem 0.55rem 0.7rem !important;
    font-size: 0.81rem !important;
    font-weight: 500 !important;
    margin: 2px 6px !important;
    min-height: 40px;
    gap: 0.5rem;
}

body.pds-admin .pds-sidebar .mm-sidebar-menu .side-menu li .submenu li a > i:not(.mm-arrow-right) {
    flex: 0 0 28px;
    width: 28px;
    height: 28px;
    font-size: 0.8rem !important;
    background: transparent !important;
    color: #94a3b8 !important;
}

body.pds-admin .pds-sidebar .mm-sidebar-menu .side-menu li .submenu li a > span {
    font-size: 0.81rem;
    line-height: 1.5 !important;
}

body.pds-admin .pds-sidebar.sidebar-default .mm-sidebar-menu .side-menu li.active-menu > a,
body.pds-admin .pds-sidebar.sidebar-default .mm-sidebar-menu .side-menu > li.active > a,
body.pds-admin .pds-sidebar.sidebar-default .mm-sidebar-menu .side-menu li.active .submenu li.active > a,
body.pds-admin .pds-sidebar .mm-sidebar-menu .side-menu li.active > a,
body.pds-admin .pds-sidebar .mm-sidebar-menu .side-menu li.active-menu > a,
body.pds-admin .pds-sidebar .sidebar-layout.active > a {
    background: rgba(var(--brand-rgb), 0.1) !important;
    color: var(--pds-accent) !important;
}

body.pds-admin .pds-sidebar.sidebar-default .mm-sidebar-menu .side-menu li a:hover,
body.pds-admin .pds-sidebar .mm-sidebar-menu .side-menu li a:hover {
    background: rgba(var(--brand-rgb), 0.06) !important;
    color: var(--pds-accent) !important;
}

body.pds-admin .pds-sidebar.sidebar-default .mm-sidebar-menu li.active > a:before,
body.pds-admin .pds-sidebar.sidebar-default .mm-sidebar-menu li.active-menu > a:before {
    background: var(--pds-accent) !important;
    width: 4px;
    height: 26px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 0 4px 4px 0;
}

body.pds-admin .pds-sidebar.sidebar-default .mm-sidebar-menu .side-menu > li.active {
    border: none !important;
    border-radius: 12px !important;
    background: transparent !important;
}

body.pds-admin .pds-sidebar .mm-sidebar-menu .side-menu li.active > a i:not(.mm-arrow-right),
body.pds-admin .pds-sidebar .mm-sidebar-menu .side-menu li.active-menu > a i:not(.mm-arrow-right),
body.pds-admin .pds-sidebar .mm-sidebar-menu .side-menu li a:hover i:not(.mm-arrow-right),
body.pds-admin .pds-sidebar .submenu li.active > a i:not(.mm-arrow-right) {
    background: rgba(var(--brand-rgb), 0.14) !important;
    color: var(--site-color) !important;
    border-color: rgba(var(--brand-rgb), 0.2);
}

body.pds-admin .pds-sidebar .mm-sidebar-menu .side-menu li a[aria-expanded="true"] .mm-arrow-right {
    color: var(--pds-accent) !important;
}

body.pds-admin .pds-sidebar .mm-sidebar-menu .side-menu > li:not(.active):not(.active-menu) > a {
    background: transparent !important;
    color: var(--pds-text) !important;
}

body.pds-admin .pds-sidebar .mm-sidebar-menu .side-menu > li:not(.active):not(.active-menu) > a > i:not(.mm-arrow-right) {
    background: #fafaf9 !important;
    box-shadow: none !important;
    color: #78716c !important;
    border: 1px solid rgba(20, 17, 15, 0.06);
}

body.pds-admin .pds-sidebar .badge-primary,
body.pds-admin .pds-sidebar .badge-pill {
    border-radius: 999px !important;
    font-size: 0.68rem !important;
    padding: 0.2rem 0.45rem !important;
    box-shadow: 0 2px 8px rgba(var(--brand-rgb), 0.28);
}

body.pds-admin .pds-sidebar .mm-sidebar-menu .side-menu li ul,
body.pds-admin .pds-sidebar .submenu {
    margin: 0.15rem 10px 0.55rem !important;
    padding: 0.4rem 0.2rem 0.45rem !important;
    border: 1px solid rgba(var(--brand-rgb), 0.08) !important;
    border-radius: 14px !important;
    background: linear-gradient(180deg, rgba(var(--brand-rgb), 0.04) 0%, #FFFFFF 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
    border-left: 3px solid rgba(var(--brand-rgb), 0.28) !important;
}

body.pds-admin .pds-sidebar .submenu li a i:not(.mm-arrow-right) {
    width: 30px;
    height: 30px;
    font-size: 0.82rem !important;
}

body.pds-admin .pds-sidebar .submenu li.active > a {
    background: rgba(var(--brand-rgb), 0.1) !important;
    color: var(--pds-accent) !important;
    font-weight: 600 !important;
}

body.pds-admin .pds-sidebar.sidebar-default .mm-sidebar-menu .side-menu .submenu li:before,
body.pds-admin .pds-sidebar.sidebar-default .mm-sidebar-menu .side-menu li.active ul.submenu .submenu li::before {
    display: none !important;
}

/* Collapsed sidebar */
@media (min-width: 1300px) {
    body.pds-admin.sidebar-main .pds-sidebar .pds-sidebar-brand {
        transform: none !important;
        flex-direction: row !important;
        justify-content: center !important;
        align-items: center !important;
        padding: 0.85rem 0.35rem !important;
        min-height: 76px;
        gap: 0 !important;
        overflow: hidden !important;
    }

    body.pds-admin.sidebar-main .pds-sidebar .pds-brand-link,
    body.pds-admin.sidebar-main .pds-sidebar .pds-brand-copy,
    body.pds-admin.sidebar-main .pds-sidebar .pds-brand-logo {
        display: none !important;
    }

    /* Collapsed: only the reopen toggle, centered — no logo+button stack */
    body.pds-admin.sidebar-main .pds-sidebar .pds-sidebar-toggle.wrapper-menu,
    body.pds-admin.sidebar-main .pds-sidebar button.pds-sidebar-toggle {
        display: inline-flex !important;
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        margin: 0 !important;
        flex: 0 0 auto !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        z-index: 5;
    }

    /* Desktop theme hides topbar hamburger — keep it available to reopen */
    body.pds-admin .mm-top-navbar .mm-navbar-custom .wrapper-menu,
    body.pds-admin .pds-topbar-menu-btn.wrapper-menu {
        display: inline-flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    body.pds-admin.sidebar-main .pds-sidebar .mm-sidebar-menu .side-menu > li.pds-nav-section,
    body.pds-admin.sidebar-main .pds-sidebar .pds-nav-section__label,
    body.pds-admin.sidebar-main .pds-sidebar .pds-nav-section__label span {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        max-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        font-size: 0 !important;
        border: 0 !important;
    }

    body.pds-admin.sidebar-main .pds-sidebar .mm-sidebar-menu .side-menu > li > a {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex-direction: row !important;
        margin: 4px 6px !important;
        padding: 0 !important;
        min-height: 44px !important;
        max-height: 44px !important;
        height: 44px !important;
        overflow: hidden !important;
    }

    body.pds-admin.sidebar-main .pds-sidebar .mm-sidebar-menu .side-menu li a > span {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
        overflow: hidden !important;
        flex: 0 0 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        opacity: 0 !important;
        visibility: hidden !important;
        position: absolute !important;
        pointer-events: none !important;
    }

    body.pds-admin.sidebar-main .pds-sidebar .mm-sidebar-menu .side-menu li a i:not(.mm-arrow-right) {
        margin: 0 !important;
        align-self: center !important;
        background: transparent !important;
        box-shadow: none !important;
        color: #94a3b8 !important;
    }

    body.pds-admin.sidebar-main .pds-sidebar .mm-sidebar-menu .side-menu > li:not(.active):not(.active-menu) > a {
        background: transparent !important;
    }

    body.pds-admin.sidebar-main .pds-sidebar .mm-sidebar-menu .side-menu > li:not(.active):not(.active-menu) > a i:not(.mm-arrow-right) {
        background: transparent !important;
        color: #94a3b8 !important;
    }

    body.pds-admin.sidebar-main .pds-sidebar .mm-sidebar-menu .side-menu li a .mm-arrow-right,
    body.pds-admin.sidebar-main .pds-sidebar .submenu,
    body.pds-admin.sidebar-main .pds-sidebar .mm-sidebar-menu .side-menu li a .badge {
        display: none !important;
    }

    body.pds-admin.sidebar-main .pds-sidebar .mm-sidebar-logo a {
        display: none !important;
        opacity: 0 !important;
    }

    body.pds-admin.sidebar-main .pds-sidebar .mm-sidebar-logo {
        transform: none !important;
    }

    body.pds-admin.sidebar-main .pds-sidebar .pds-sidebar-toggle.wrapper-menu,
    body.pds-admin.sidebar-main .pds-sidebar button.pds-sidebar-toggle {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        z-index: 5;
    }

    body.pds-admin.sidebar-main .pds-sidebar .mm-sidebar-menu .side-menu li.active > a,
    body.pds-admin.sidebar-main .pds-sidebar .mm-sidebar-menu .side-menu li.active-menu > a {
        min-height: 44px !important;
        max-height: 44px !important;
        height: 44px !important;
        background: rgba(var(--brand-rgb), 0.1) !important;
    }

    body.pds-admin.sidebar-main .pds-sidebar .mm-sidebar-menu .side-menu li.active > a i:not(.mm-arrow-right),
    body.pds-admin.sidebar-main .pds-sidebar .mm-sidebar-menu .side-menu li.active-menu > a i:not(.mm-arrow-right) {
        background: transparent !important;
        color: var(--pds-accent) !important;
    }

    body.pds-admin.sidebar-main .pds-sidebar .mm-sidebar-menu .side-menu > li > a:hover {
        background: rgba(var(--brand-rgb), 0.06) !important;
    }

    body.pds-admin.sidebar-main .pds-sidebar .mm-sidebar-menu .side-menu > li > a:hover i:not(.mm-arrow-right) {
        background: transparent !important;
        color: var(--pds-accent) !important;
    }

    body.pds-admin.sidebar-main .pds-sidebar.sidebar-default .mm-sidebar-menu li.active > a:before,
    body.pds-admin.sidebar-main .pds-sidebar.sidebar-default .mm-sidebar-menu li.active-menu > a:before {
        left: 3px;
        height: 22px;
        top: 50%;
        transform: translateY(-50%);
    }
}

/* Page cards */
body.pds-admin .pds-page-card,
body.pds-admin .pds-form-card {
    border: 1px solid var(--pds-border) !important;
    border-radius: var(--pds-radius-xl) !important;
    box-shadow: var(--pds-shadow-md) !important;
    overflow: hidden;
    background: var(--pds-surface-1) !important;
}

body.pds-admin .pds-dashboard-panel {
    border: 1px solid var(--pds-border) !important;
    border-radius: var(--pds-radius-xl) !important;
    box-shadow: var(--pds-shadow-md) !important;
    overflow: hidden;
    background: var(--pds-surface-1) !important;
}

body.pds-admin .pds-dashboard-panel > .card-body {
    padding: 1rem 1.5rem 1.5rem !important;
}

body.pds-admin .pds-dashboard-panel .pds-section-toolbar {
    padding: 1.25rem 1.5rem 0.5rem;
}

body.pds-admin .pds-page-header {
    padding: 1.35rem 1.75rem !important;
    border-bottom: 1px solid var(--pds-border) !important;
    background: linear-gradient(180deg, #FFFFFF 0%, #FAFBFD 100%) !important;
}

body.pds-admin .pds-page-title {
    font-size: 1.35rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.01em;
    color: var(--pds-text) !important;
}

body.pds-admin .pds-page-body,
body.pds-admin .pds-form-body {
    padding: 1.5rem 1.75rem 1.75rem !important;
}

body.pds-admin .pds-page-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
}

/* Dashboard hero */
body.pds-admin .pds-dashboard-hero {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.5rem 1.75rem;
    border-radius: var(--pds-radius-xl);
    background: linear-gradient(125deg, var(--site-color) 0%, var(--site-color) 38%, var(--site-color) 72%, var(--site-color) 100%);
    color: #fff;
    box-shadow: 0 16px 40px rgba(232, 93, 4, 0.28);
    overflow: hidden;
    isolation: isolate;
}

body.pds-admin .pds-dashboard-hero-content {
    position: relative;
    z-index: 2;
}

body.pds-admin .pds-dashboard-hero .pds-dashboard-title,
body.pds-admin .pds-dashboard-hero .pds-dashboard-eyebrow,
body.pds-admin .pds-dashboard-hero h2,
body.pds-admin .pds-dashboard-hero p {
    color: #fff !important;
}

body.pds-admin .pds-dashboard-eyebrow {
    font-size: 0.86rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    opacity: 0.88;
}

body.pds-admin .pds-dashboard-title {
    font-size: 2.15rem;
    font-weight: 800;
    letter-spacing: 0.01em;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.12);
}

body.pds-admin .pds-dashboard-hero::before {
    content: '';
    position: absolute;
    top: -45%;
    right: -4%;
    width: 260px;
    height: 260px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.22) 0%, rgba(255, 255, 255, 0) 70%);
    pointer-events: none;
    z-index: 0;
}

body.pds-admin .pds-dashboard-hero::after {
    content: '';
    position: absolute;
    bottom: -55%;
    left: 18%;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0) 70%);
    pointer-events: none;
    z-index: 0;
}

body.pds-admin .pds-dashboard-hero-glow {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        105deg,
        transparent 0%,
        rgba(255, 255, 255, 0.08) 45%,
        rgba(255, 255, 255, 0.22) 50%,
        rgba(255, 255, 255, 0.08) 55%,
        transparent 100%
    );
    transform: translateX(-120%) skewX(-12deg);
    pointer-events: none;
    z-index: 1;
}

@keyframes pdsHeroIn {
    from {
        opacity: 0;
        transform: translateY(20px) scale(0.985);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes pdsHeroTextIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes pdsHeroShine {
    0% { transform: translateX(-120%) skewX(-12deg); }
    100% { transform: translateX(220%) skewX(-12deg); }
}

@keyframes pdsHeroFloat {
    0%, 100% { transform: translate(0, 0); }
    50% { transform: translate(-8px, 6px); }
}

body.pds-admin .pds-dashboard-hero.pds-hero-animate {
    animation: pdsHeroIn 0.7s cubic-bezier(0.22, 1, 0.36, 1) both;
}

body.pds-admin .pds-dashboard-hero.pds-hero-animate .pds-dashboard-eyebrow {
    animation: pdsHeroTextIn 0.55s 0.12s cubic-bezier(0.22, 1, 0.36, 1) both;
}

body.pds-admin .pds-dashboard-hero.pds-hero-animate .pds-dashboard-title {
    animation: pdsHeroTextIn 0.6s 0.22s cubic-bezier(0.22, 1, 0.36, 1) both;
}

body.pds-admin .pds-dashboard-hero.pds-hero-animate .pds-dashboard-hero-glow {
    animation: pdsHeroShine 1.1s 0.45s cubic-bezier(0.4, 0, 0.2, 1) both;
}

body.pds-admin .pds-dashboard-hero.pds-hero-animate::before {
    animation: pdsHeroFloat 9s ease-in-out 0.8s infinite;
}

body.pds-admin .pds-dashboard-panel.pds-panel-animate {
    opacity: 1;
    transform: none;
    transition: opacity 0.55s cubic-bezier(0.22, 1, 0.36, 1),
                transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
}

body.pds-admin.js-motion-ready .pds-dashboard-panel.pds-panel-animate:not(.pds-panel-visible) {
    opacity: 0;
    transform: translateY(22px);
}

body.pds-admin .pds-dashboard-panel.pds-panel-animate.pds-panel-visible {
    opacity: 1;
    transform: translateY(0);
}

body.pds-admin .pds-stats-grid > [class*="col-"].pds-stat-animate {
    opacity: 1;
    transform: none;
    transition: opacity 0.45s cubic-bezier(0.22, 1, 0.36, 1),
                transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}

body.pds-admin.js-motion-ready .pds-stats-grid > [class*="col-"].pds-stat-animate:not(.pds-stat-visible) {
    opacity: 0;
    transform: translateY(14px) scale(0.98);
}

body.pds-admin .pds-stats-grid > [class*="col-"].pds-stat-animate.pds-stat-visible {
    opacity: 1;
    transform: translateY(0) scale(1);
}

body.pds-admin .pds-section-toolbar {
    padding: 1.25rem 1.5rem 0.5rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.75rem;
}

body.pds-admin .pds-section-title {
    font-size: 1.1rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.01em;
    color: var(--pds-text) !important;
}

body.pds-admin .pds-section-actions {
    gap: 0.5rem;
    padding-right: 1rem;
}

/* Stat cards */
body.pds-admin .card.card-block.card-stretch,
body.pds-admin .shadow-card {
    border-radius: var(--pds-radius-lg) !important;
    border: 1px solid var(--pds-border) !important;
    background: var(--pds-surface-1) !important;
    position: relative;
    overflow: hidden;
}

body.pds-admin .card.card-block.card-stretch::before,
body.pds-admin .shadow-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--pds-accent), var(--pds-accent-2));
    opacity: 0.85;
}

body.pds-admin .card.card-block.card-stretch .card-body,
body.pds-admin .shadow-card .card-body {
    padding: 1.15rem 1.25rem !important;
}

body.pds-admin .mm-cart-text p {
    font-size: 0.9rem !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--pds-muted) !important;
    margin-bottom: 0.35rem !important;
}

body.pds-admin .mm-cart-text h5 {
    font-size: 1.9rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.01em;
    color: var(--pds-text) !important;
    line-height: 1.1;
}

body.pds-admin .card.card-block.card-stretch .card-body > .d-flex,
body.pds-admin .shadow-card .card-body > .d-flex {
    gap: 0.75rem;
}

body.pds-admin .mm-cart-text {
    min-width: 0;
    flex: 1 1 auto;
    padding-right: 0.25rem;
}

body.pds-admin .mm-cart-image {
    width: 52px;
    height: 52px;
    border-radius: 14px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, rgba(var(--brand-rgb), 0.16), rgba(var(--brand-rgb), 0.06));
    flex-shrink: 0;
    margin-left: auto;
}

body.pds-admin .mm-cart-image svg {
    width: 26px !important;
    height: 26px !important;
}

body.pds-admin .row > [class*="col-"]:nth-child(5n+1) .mm-cart-image { background: linear-gradient(135deg, rgba(var(--brand-rgb),.18), rgba(var(--brand-rgb),.06)); }
body.pds-admin .row > [class*="col-"]:nth-child(5n+2) .mm-cart-image { background: linear-gradient(135deg, rgba(245,158,11,.18), rgba(245,158,11,.06)); }
body.pds-admin .row > [class*="col-"]:nth-child(5n+3) .mm-cart-image { background: linear-gradient(135deg, rgba(59,130,246,.16), rgba(59,130,246,.06)); }
body.pds-admin .row > [class*="col-"]:nth-child(5n+4) .mm-cart-image { background: linear-gradient(135deg, rgba(16,185,129,.16), rgba(16,185,129,.06)); }
body.pds-admin .row > [class*="col-"]:nth-child(5n+5) .mm-cart-image { background: linear-gradient(135deg, rgba(239,68,68,.16), rgba(239,68,68,.06)); }

body.pds-admin .pds-stats-grid > [class*="col-"]:nth-child(5n+1) .mm-cart-image { background: linear-gradient(135deg, rgba(var(--brand-rgb),.18), rgba(var(--brand-rgb),.06)); }
body.pds-admin .pds-stats-grid > [class*="col-"]:nth-child(5n+2) .mm-cart-image { background: linear-gradient(135deg, rgba(245,158,11,.18), rgba(245,158,11,.06)); }
body.pds-admin .pds-stats-grid > [class*="col-"]:nth-child(5n+3) .mm-cart-image { background: linear-gradient(135deg, rgba(59,130,246,.16), rgba(59,130,246,.06)); }
body.pds-admin .pds-stats-grid > [class*="col-"]:nth-child(5n+4) .mm-cart-image { background: linear-gradient(135deg, rgba(16,185,129,.16), rgba(16,185,129,.06)); }
body.pds-admin .pds-stats-grid > [class*="col-"]:nth-child(5n+5) .mm-cart-image { background: linear-gradient(135deg, rgba(239,68,68,.16), rgba(239,68,68,.06)); }

body.pds-admin .row > [class*="col-"]:nth-child(5n+2) .mm-cart-image svg { color: #D97706 !important; }
body.pds-admin .row > [class*="col-"]:nth-child(5n+3) .mm-cart-image svg { color: #2563EB !important; }
body.pds-admin .row > [class*="col-"]:nth-child(5n+4) .mm-cart-image svg { color: #059669 !important; }
body.pds-admin .row > [class*="col-"]:nth-child(5n+5) .mm-cart-image svg { color: #DC2626 !important; }

body.pds-admin .pds-stats-grid > [class*="col-"]:nth-child(5n+2) .mm-cart-image svg { color: #D97706 !important; }
body.pds-admin .pds-stats-grid > [class*="col-"]:nth-child(5n+3) .mm-cart-image svg { color: #2563EB !important; }
body.pds-admin .pds-stats-grid > [class*="col-"]:nth-child(5n+4) .mm-cart-image svg { color: #059669 !important; }
body.pds-admin .pds-stats-grid > [class*="col-"]:nth-child(5n+5) .mm-cart-image svg { color: #DC2626 !important; }

/* List page filters */
body.pds-admin .pds-list-filters {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 0.75rem 1rem;
    padding: 1rem 1.15rem;
    background: linear-gradient(180deg, #FAFBFD 0%, #F8FAFC 100%);
    border: 1px solid var(--pds-border);
    border-radius: var(--pds-radius-lg);
    margin-bottom: 1rem;
}

body.pds-admin .pds-list-filters__field {
    flex: 1 1 160px;
    min-width: 150px;
    max-width: 220px;
}

body.pds-admin .pds-list-filters__label {
    display: block;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--pds-muted);
    margin-bottom: 0.35rem;
}

body.pds-admin .pds-list-filters__field .select2-container {
    width: 100% !important;
}

body.pds-admin .pds-list-filters__field .select2-container .select2-selection--single {
    height: 40px !important;
    border: 1px solid var(--pds-border) !important;
    border-radius: 10px !important;
    background: #fff !important;
}

body.pds-admin .pds-list-filters__field .select2-container .select2-selection__rendered {
    line-height: 38px !important;
    padding-left: 0.75rem !important;
    font-size: 0.85rem;
}

body.pds-admin .pds-list-filters__field .select2-container .select2-selection__arrow {
    height: 38px !important;
}

body.pds-admin .pds-list-filters__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    margin-left: auto;
    padding-bottom: 1px;
}

body.pds-admin .pds-bulk-actions .btn {
    border-radius: 10px !important;
}

body.pds-admin .pds-table-user {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
    min-width: 0;
}

body.pds-admin .pds-table-user__avatar {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
    border: 2px solid #fff;
    box-shadow: 0 0 0 1px var(--pds-border);
    background: #F3F4F6;
}

body.pds-admin .pds-table-user__name {
    font-weight: 700 !important;
    color: var(--pds-text) !important;
    text-decoration: none !important;
    white-space: nowrap;
    word-break: normal;
}

body.pds-admin .pds-datatable td .pds-table-user {
    max-width: 100%;
}

body.pds-admin .pds-table-user__name:hover {
    color: var(--pds-accent) !important;
}

/* Stat cards → pds-stats-grid in pds-layout.css */

/* Tables */
body.pds-admin .pds-table-shell {
    border: 1px solid var(--pds-border);
    border-radius: var(--pds-radius-lg);
    overflow: hidden;
    background: var(--pds-surface-1);
    box-shadow: var(--pds-shadow-sm);
    width: 100%;
    max-width: 100%;
}

body.pds-admin .pds-table-shell .dataTables_wrapper {
    padding: 0;
    width: 100% !important;
    max-width: 100% !important;
}

body.pds-admin .pds-table-shell .dataTables_scroll,
body.pds-admin .pds-table-shell .dataTables_scrollHead,
body.pds-admin .pds-table-shell .dataTables_scrollBody {
    width: 100% !important;
    max-width: 100% !important;
}

body.pds-admin .pds-table-shell .dataTables_scrollHeadInner,
body.pds-admin .pds-table-shell .dataTables_scrollHeadInner table,
body.pds-admin .pds-table-shell .dataTables_scrollBody table,
body.pds-admin .pds-table-shell table.dataTable {
    width: 100% !important;
    min-width: 100% !important;
    max-width: none !important;
}

body.pds-admin .pds-table-shell .dataTables_scrollHeadInner {
    padding-right: 0 !important;
    box-sizing: content-box !important;
}

body.pds-admin .pds-table-shell .dataTables_wrapper > .row.align-items-center {
    margin: 0 !important;
    padding: 1rem 1.25rem 0.85rem;
    background: linear-gradient(180deg, var(--pds-surface-2) 0%, var(--pds-surface-1) 100%);
    border-bottom: 1px solid var(--pds-border);
    align-items: center !important;
}

body.pds-admin .pds-table-shell .dataTables_wrapper > .row.align-items-center .dt-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

body.pds-admin .pds-table-shell .dataTables_wrapper > .table-responsive {
    margin: 0 !important;
    padding: 0;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
}

body.pds-admin .pds-table-shell .dataTables_wrapper > .d-flex {
    margin: 0 !important;
    padding: 0.9rem 1.25rem;
    background: var(--pds-surface-2);
    border-top: 1px solid var(--pds-border);
    align-items: center;
    flex-wrap: wrap;
    gap: 0.75rem;
}

body.pds-admin table.dataTable,
body.pds-admin .pds-datatable {
    border-collapse: separate !important;
    border-spacing: 0;
    margin-top: 0 !important;
    width: 100% !important;
}

body.pds-admin table.dataTable thead th {
    background: #F1F5F9 !important;
    border-bottom: 1px solid var(--pds-border) !important;
    border-top: none !important;
    font-size: 0.74rem !important;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--pds-muted) !important;
    padding: 15px 16px !important;
    font-weight: 800 !important;
    white-space: nowrap;
}

body.pds-admin table.dataTable tbody td {
    padding: 14px 16px !important;
    border-color: var(--pds-border) !important;
    vertical-align: middle;
    font-size: 0.88rem;
    color: var(--pds-text);
    line-height: 1.45;
}

body.pds-admin table.dataTable tbody tr {
    transition: background 0.2s ease, box-shadow 0.2s ease;
}

body.pds-admin table.dataTable tbody tr:hover {
    background: rgba(var(--brand-rgb), 0.045) !important;
}

body.pds-admin table.dataTable tbody tr:nth-child(even) {
    background: rgba(248, 250, 253, 0.95);
}

body.pds-admin table.dataTable tbody tr:nth-child(even):hover {
    background: rgba(var(--brand-rgb), 0.045) !important;
}

body.pds-admin table.dataTable tbody td a:not(.btn) {
    color: var(--pds-accent) !important;
    font-weight: 700;
    text-decoration: none;
}

body.pds-admin table.dataTable tbody td a:not(.btn):hover {
    text-decoration: underline;
}

body.pds-admin table.dataTable tbody td .btn {
    white-space: nowrap !important;
    min-width: 78px;
    padding: 0.38rem 0.85rem !important;
    font-size: 0.78rem !important;
    line-height: 1.2 !important;
    border-radius: 999px !important;
}

body.pds-admin table.dataTable tbody td .btn-outline-primary {
    color: var(--pds-accent) !important;
    border-color: rgba(var(--brand-rgb), 0.35) !important;
    background: rgba(var(--brand-rgb), 0.06) !important;
}

body.pds-admin table.dataTable tbody td .btn-outline-primary:hover {
    background: var(--pds-accent) !important;
    color: #fff !important;
}

body.pds-admin table.dataTable .badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.38rem 0.8rem !important;
    border-radius: 999px !important;
    font-size: 0.74rem !important;
    font-weight: 700 !important;
    white-space: nowrap;
    border: 1px solid transparent;
    letter-spacing: 0.01em;
}

body.pds-admin table.dataTable .badge.bg-primary {
    background: rgba(var(--brand-rgb), 0.12) !important;
    color: var(--site-color) !important;
    border-color: rgba(var(--brand-rgb), 0.22) !important;
}

body.pds-admin table.dataTable .badge.bg-success {
    background: rgba(16, 185, 129, 0.12) !important;
    color: #047857 !important;
    border-color: rgba(16, 185, 129, 0.22) !important;
}

body.pds-admin table.dataTable .badge.bg-warning {
    background: rgba(245, 158, 11, 0.14) !important;
    color: #B45309 !important;
    border-color: rgba(245, 158, 11, 0.24) !important;
}

body.pds-admin table.dataTable .badge.bg-info {
    background: rgba(59, 130, 246, 0.12) !important;
    color: #1D4ED8 !important;
    border-color: rgba(59, 130, 246, 0.22) !important;
}

body.pds-admin table.dataTable .badge.bg-danger {
    background: rgba(239, 68, 68, 0.12) !important;
    color: #B91C1C !important;
    border-color: rgba(239, 68, 68, 0.22) !important;
}

body.pds-admin table.dataTable .badge.bg-light,
body.pds-admin table.dataTable .badge.bg-secondary {
    background: rgba(100, 116, 139, 0.12) !important;
    color: #475569 !important;
    border-color: rgba(100, 116, 139, 0.2) !important;
}

body.pds-admin table.dataTable tbody td a i.fa,
body.pds-admin table.dataTable tbody td a i.fas,
body.pds-admin table.dataTable tbody td a i.far {
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: var(--pds-surface-2);
    border: 1px solid var(--pds-border);
    font-size: 0.85rem !important;
    transition: all 0.2s ease;
}

body.pds-admin table.dataTable tbody td a:hover i.fa,
body.pds-admin table.dataTable tbody td a:hover i.fas,
body.pds-admin table.dataTable tbody td a:hover i.far {
    background: rgba(var(--brand-rgb), 0.1);
    border-color: rgba(var(--brand-rgb), 0.22);
    color: var(--pds-accent) !important;
}

body.pds-admin table.dataTable tbody td .text-danger i,
body.pds-admin table.dataTable tbody td i.text-danger {
    color: #DC2626 !important;
}

body.pds-admin .dataTables_wrapper .dataTables_scroll {
    width: 100% !important;
}

body.pds-admin .dataTables_wrapper .dataTables_scrollBody {
    border-bottom: none !important;
}

body.pds-admin .dataTables_wrapper .dataTables_scrollHead {
    border-bottom: 1px solid var(--pds-border);
    background: linear-gradient(180deg, rgba(var(--brand-rgb), 0.06) 0%, #F6F1EB 100%);
    width: 100% !important;
}

body.pds-admin .dataTables_wrapper .dataTables_scrollHeadInner {
    width: 100% !important;
    padding-right: 0 !important;
}

body.pds-admin .dataTables_wrapper .dataTables_filter input {
    border: 1px solid var(--pds-border) !important;
    border-radius: 999px !important;
    padding: 0.55rem 1rem 0.55rem 2.35rem !important;
    min-width: 260px;
    height: 42px;
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2364748B' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85zm-5.242 1.106a5 5 0 1 1 0-10 5 5 0 0 1 0 10z'/%3E%3C/svg%3E") no-repeat 0.95rem center !important;
    box-shadow: var(--pds-shadow-sm);
}

body.pds-admin .pds-table-shell .dataTables_wrapper .dataTables_filter {
    text-align: right;
}

body.pds-admin .pds-table-shell .dataTables_wrapper .dataTables_info {
    color: var(--pds-muted);
    font-weight: 600;
    font-size: 0.84rem;
}

body.pds-admin .dataTables_wrapper .dataTables_length select {
    border-radius: 10px !important;
    border: 1px solid var(--pds-border) !important;
    padding: 0.35rem 0.5rem;
}

body.pds-admin .dataTables_wrapper .dataTables_paginate .paginate_button {
    border-radius: 10px !important;
    margin: 0 2px;
    border: 1px solid var(--pds-border) !important;
}

body.pds-admin .dataTables_wrapper .dataTables_paginate .paginate_button.current {
    border-radius: 10px !important;
    box-shadow: 0 4px 12px rgba(var(--brand-rgb), 0.3);
}

/* Forms */
body.pds-admin .pds-mode-toggle {
    display: inline-flex;
    padding: 4px;
    border-radius: 14px;
    background: var(--pds-surface-2);
    border: 1px solid var(--pds-border);
    gap: 4px;
}

body.pds-admin .pds-mode-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.65rem 1.25rem;
    border-radius: 11px;
    font-weight: 700;
    font-size: 0.9rem;
    color: var(--pds-muted);
    text-decoration: none !important;
    transition: all 0.25s ease;
    cursor: pointer;
}

body.pds-admin .pds-mode-btn:hover {
    color: var(--pds-text);
    background: rgba(255, 255, 255, 0.7);
}

body.pds-admin .pds-mode-btn.active {
    background: linear-gradient(135deg, var(--pds-accent), var(--pds-accent-2));
    color: #fff !important;
    box-shadow: 0 8px 20px rgba(var(--brand-rgb), 0.35);
}

body.pds-admin .form-control,
body.pds-admin .select2-container--default .select2-selection--single {
    min-height: 46px !important;
    border-radius: var(--pds-radius-md) !important;
    border: 1px solid var(--pds-border) !important;
    background: var(--pds-surface-2) !important;
    font-weight: 500;
}

body.pds-admin label,
body.pds-admin .form-control-label {
    font-weight: 700 !important;
    font-size: 0.84rem !important;
    color: var(--pds-text) !important;
    margin-bottom: 0.4rem;
}

body.pds-admin .card .card.card-block {
    border-radius: var(--pds-radius-lg) !important;
    border: 1px solid var(--pds-border) !important;
    box-shadow: var(--pds-shadow-sm) !important;
}

body.pds-admin .pds-form-card .table {
    border-radius: var(--pds-radius-md);
    overflow: hidden;
}

body.pds-admin .pds-form-card .table td {
    padding: 0.85rem 1rem;
}

/* Buttons global refresh */
body.pds-admin .btn {
    border-radius: 11px !important;
    font-weight: 700 !important;
    letter-spacing: -0.01em;
    padding: 0.5rem 1rem;
}

body.pds-admin .btn-sm {
    padding: 0.42rem 0.9rem !important;
    font-size: 0.82rem !important;
}

body.pds-admin .btn-primary {
    background: linear-gradient(135deg, var(--pds-accent) 0%, var(--pds-accent-2) 100%) !important;
    border: none !important;
    box-shadow: 0 6px 18px rgba(var(--brand-rgb), 0.28);
}

body.pds-admin .btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(var(--brand-rgb), 0.38) !important;
}

/* Footer — blend with page wash (white slab at scroll-end looked like a bug) */
body.pds-admin .pds-footer,
body.pds-admin .mm-footer.pds-footer {
    background: transparent !important;
    border-top: 1px solid rgba(15, 23, 42, 0.06);
    padding: 0.85rem 0 1.1rem;
    color: #94a3b8;
    font-size: 0.78rem;
}

body.pds-admin .pds-footer a {
    color: var(--pds-accent) !important;
    font-weight: 700;
}

/* Map page — High Demanding Areas */
body.pds-admin .pds-demand-page .pds-demand-body {
    padding: 1.25rem 1.5rem 1.5rem !important;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

body.pds-admin .pds-demand-header {
    padding: 1.25rem 1.5rem !important;
}

body.pds-admin .pds-demand-subtitle {
    margin-top: 0.25rem;
    font-size: 0.8rem;
    color: var(--pds-muted);
    font-weight: 500;
}

body.pds-admin .pds-demand-controls {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem 1.25rem;
}

body.pds-admin .pds-demand-legend {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    flex: 1 1 320px;
    min-width: 0;
}

body.pds-admin .pds-demand-legend__item.filter-button {
    color: inherit !important;
    border: 1px solid var(--pds-border) !important;
    font-weight: inherit;
    transform: none;
}

body.pds-admin .pds-demand-legend__item.filter-button:hover {
    transform: none;
}

body.pds-admin .pds-demand-legend__item.filter-button .circle {
    display: none;
}

body.pds-admin .pds-demand-legend__item {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.5rem 0.75rem;
    border: 1px solid var(--pds-border);
    border-radius: 10px;
    background: #fff;
    cursor: pointer;
    transition: border-color 0.2s, box-shadow 0.2s, opacity 0.2s;
    text-align: left;
    color: inherit;
    font: inherit;
    line-height: 1.2;
}

body.pds-admin .pds-demand-legend__item:hover {
    border-color: #D1D5DB;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06);
}

body.pds-admin .pds-demand-legend__item.active {
    border-color: var(--pds-accent);
    box-shadow: 0 0 0 3px rgba(var(--brand-rgb), 0.12);
}

body.pds-admin .pds-demand-legend__item:not(.active) {
    opacity: 0.55;
}

body.pds-admin .pds-demand-legend__dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    flex-shrink: 0;
    background: var(--dot-color, #9CA3AF);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--dot-color, #9CA3AF) 18%, transparent);
}

body.pds-admin .pds-demand-legend__text {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    min-width: 0;
}

body.pds-admin .pds-demand-legend__text strong {
    font-size: 0.78rem;
    font-weight: 700;
    color: var(--pds-text);
    line-height: 1.2;
}

body.pds-admin .pds-demand-legend__text small {
    font-size: 0.68rem;
    color: var(--pds-muted);
    line-height: 1.25;
}

body.pds-admin .pds-demand-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    flex: 0 1 auto;
}

body.pds-admin .pds-demand-filter {
    min-width: 180px;
    flex: 1 1 180px;
    max-width: 220px;
}

body.pds-admin .pds-demand-filter__label {
    display: block;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--pds-muted);
    margin-bottom: 0.35rem;
}

body.pds-admin .pds-demand-filter .select2-container {
    width: 100% !important;
}

body.pds-admin .pds-demand-filter .select2-container .select2-selection--single {
    height: 40px !important;
    border: 1px solid var(--pds-border) !important;
    border-radius: 10px !important;
    background: #fff !important;
}

body.pds-admin .pds-demand-filter .select2-container .select2-selection__rendered {
    line-height: 38px !important;
    padding-left: 0.75rem !important;
    font-size: 0.85rem;
    color: var(--pds-text);
}

body.pds-admin .pds-demand-filter .select2-container .select2-selection__arrow {
    height: 38px !important;
}

body.pds-admin .pds-demand-map-wrap {
    position: relative;
    width: 100%;
    height: min(68vh, 620px);
    min-height: 420px;
    border-radius: var(--pds-radius-xl);
    overflow: hidden;
    border: 1px solid var(--pds-border);
    box-shadow: var(--pds-shadow-sm);
    background: #E8EDF2;
}

body.pds-admin .pds-demand-map {
    width: 100%;
    height: 100%;
}

@media (max-width: 767px) {
    body.pds-admin .pds-demand-controls {
        flex-direction: column;
        align-items: stretch;
    }

    body.pds-admin .pds-demand-filters {
        width: 100%;
    }

    body.pds-admin .pds-demand-filter {
        max-width: none;
    }

    body.pds-admin .pds-demand-map-wrap {
        min-height: 360px;
        height: 55vh;
    }
}

/* Empty table state */
body.pds-admin table.dataTable tbody td.dataTables_empty {
    padding: 3rem 1rem !important;
    color: var(--pds-muted) !important;
    font-weight: 600;
}

/* Auto-enhanced legacy pages */
body.pds-admin .pds-legacy-page .card.card-block.card-stretch {
    border-radius: var(--pds-radius-xl) !important;
}

body.pds-admin .pds-legacy-page .card-header .card-title {
    font-weight: 800 !important;
    letter-spacing: 0.01em;
}

/* Dark mode v2 */
body.pds-admin.dark {
    --pds-surface-0: #0B0F17;
    --pds-surface-1: #121826;
    --pds-surface-2: #1A2234;
    --pds-text: #F1F5F9;
    --pds-muted: #94A3B8;
    --pds-border: rgba(255, 255, 255, 0.08);
    --pds-shadow-md: 0 12px 40px rgba(0, 0, 0, 0.35);
}

body.pds-admin.dark .pds-topbar {
    background: rgba(18, 24, 38, 0.88) !important;
}

body.pds-admin.dark .pds-sidebar {
    background: linear-gradient(180deg, #121826 0%, #0F1522 100%) !important;
}

body.pds-admin.dark .pds-sidebar .pds-sidebar-brand {
    background: linear-gradient(135deg, rgba(var(--brand-rgb), 0.14) 0%, rgba(18, 24, 38, 0) 100%) !important;
    border-bottom-color: rgba(var(--brand-rgb), 0.18);
}

body.pds-admin.dark .pds-sidebar .pds-brand-copy__name {
    color: #FFFFFF !important;
}

body.pds-admin.dark .pds-sidebar .pds-brand-copy__tag {
    color: var(--site-color) !important;
}

body.pds-admin.dark .pds-sidebar .pds-sidebar-toggle.wrapper-menu,
body.pds-admin.dark .pds-sidebar button.pds-sidebar-toggle {
    background: rgba(var(--brand-rgb), 0.12) !important;
    border-color: rgba(var(--brand-rgb), 0.35) !important;
    color: var(--site-color) !important;
}

body.pds-admin.dark .pds-sidebar .mm-sidebar-menu .side-menu li ul,
body.pds-admin.dark .pds-sidebar .submenu {
    background: rgba(255, 255, 255, 0.03);
    border-left-color: rgba(var(--brand-rgb), 0.28) !important;
}

body.pds-admin.dark table.dataTable thead th {
    background: #1A2234 !important;
}

body.pds-admin.dark .pds-table-shell .dataTables_wrapper > .row.align-items-center,
body.pds-admin.dark .pds-table-shell .dataTables_wrapper > .d-flex {
    background: #1A2234;
}

body.pds-admin.dark .dataTables_wrapper .dataTables_filter input {
    background-color: var(--pds-surface-1) !important;
}

body.pds-admin.dark table.dataTable tbody tr:nth-child(even) {
    background: rgba(255, 255, 255, 0.02);
}

body.pds-admin.dark table.dataTable tbody tr:hover {
    background: rgba(var(--brand-rgb), 0.08) !important;
}

body.pds-admin.dark .pds-dashboard-hero {
    background: linear-gradient(125deg, var(--site-color) 0%, var(--site-color) 40%, var(--site-color) 100%);
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.35);
}

@media (max-width: 1199.98px) {
    body.pds-admin .pds-dashboard-hero {
        padding: 1.25rem 1.35rem;
    }
}

@media (max-width: 767.98px) {
    body.pds-admin .pds-dashboard-hero {
        padding: 1.15rem 1.25rem;
    }

    body.pds-admin .pds-dashboard-title {
        font-size: 1.35rem;
    }

    body.pds-admin .pds-page-header {
        flex-direction: column;
        align-items: flex-start !important;
        gap: 0.75rem;
    }

    body.pds-admin .pds-mode-toggle {
        display: flex;
        width: 100%;
    }

    body.pds-admin .pds-mode-btn {
        flex: 1;
        justify-content: center;
    }
}

/* ── Order detail page ─────────────────────────────────── */
body.pds-admin .pds-order-detail {
    padding-bottom: 1rem;
}

body.pds-admin .pds-order-header-card {
    margin-bottom: 1.25rem;
}

body.pds-admin .pds-order-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    padding: 1.25rem 1.5rem !important;
}

body.pds-admin .pds-order-header-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    margin-left: auto;
}

body.pds-admin .pds-order-eyebrow {
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: var(--pds-muted);
}

body.pds-admin .pds-section-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

body.pds-admin .pds-section-title {
    font-size: 1.15rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.01em;
    color: var(--pds-text) !important;
}

body.pds-admin .pds-badge {
    display: inline-flex;
    align-items: center;
    padding: 0.35rem 0.75rem;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 700;
    white-space: nowrap;
}

body.pds-admin .pds-badge--info {
    background: rgba(var(--brand-rgb), 0.12);
    color: var(--site-color);
    border: 1px solid rgba(var(--brand-rgb), 0.2);
}

body.pds-admin .pds-badge--user {
    background: rgba(59, 130, 246, 0.1);
    color: #1D4ED8;
    border: 1px solid rgba(59, 130, 246, 0.18);
}

body.pds-admin .pds-order-layout {
    align-items: flex-start;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
}

body.pds-admin .pds-order-main-card,
body.pds-admin .pds-order-aside .card {
    border: 1px solid var(--pds-border) !important;
    border-radius: var(--pds-radius-xl) !important;
    box-shadow: var(--pds-shadow-sm) !important;
    background: var(--pds-surface-1) !important;
    margin-bottom: 1rem;
}

body.pds-admin .pds-order-main-card > .card-body {
    padding: 1.25rem 1.5rem 1.5rem !important;
}

body.pds-admin .pds-order-detail h4.card-title {
    font-size: 1rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.01em;
    color: var(--pds-text) !important;
    margin-bottom: 0.75rem !important;
}

body.pds-admin .pds-order-detail .card.card-block {
    border: 1px solid var(--pds-border) !important;
    border-radius: var(--pds-radius-md) !important;
    background: var(--pds-surface-2) !important;
    box-shadow: none !important;
    margin-bottom: 0.75rem;
    overflow: hidden;
}

body.pds-admin .pds-order-detail .card.card-block > .col-md-12 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.7rem 1rem;
    border-bottom: 1px solid var(--pds-border);
}

body.pds-admin .pds-order-detail .card.card-block > .col-md-12:last-child {
    border-bottom: none;
}

body.pds-admin .pds-order-detail .card.card-block h6.card-title {
    font-size: 0.82rem !important;
    font-weight: 600 !important;
    color: var(--pds-muted) !important;
    margin: 0 !important;
    float: none !important;
}

body.pds-admin .pds-order-detail .card.card-block p {
    margin: 0 !important;
    float: none !important;
    font-weight: 700;
    color: var(--pds-text);
    text-align: right;
}

body.pds-admin .pds-order-detail .pds-order-address-card .col-md-12 {
    display: block !important;
    padding: 1rem 1.1rem;
    border-bottom: 1px solid var(--pds-border);
}

body.pds-admin .pds-order-detail .pds-order-address-card .col-md-12:last-child {
    border-bottom: none;
}

body.pds-admin .pds-order-detail .pds-order-address-card p,
body.pds-admin .pds-order-detail .pds-order-address-card h6 {
    float: none !important;
    margin-bottom: 0.65rem !important;
    text-align: left !important;
    line-height: 1.5;
}

body.pds-admin .pds-order-detail .bg-dark-success,
body.pds-admin .pds-order-detail .bg-dark-danger,
body.pds-admin .pds-order-detail .bg-dark-primary {
    border-radius: var(--pds-radius-md) !important;
    padding: 0.9rem 1.15rem !important;
    margin-bottom: 1rem !important;
    border: 1px solid transparent;
}

body.pds-admin .pds-order-detail .bg-dark-success {
    background: rgba(16, 185, 129, 0.1) !important;
    border-color: rgba(16, 185, 129, 0.22) !important;
}

body.pds-admin .pds-order-detail .bg-dark-success h4,
body.pds-admin .pds-order-detail .bg-dark-success h5 {
    color: #047857 !important;
    margin: 0 !important;
    font-weight: 700 !important;
}

body.pds-admin .pds-order-detail .bg-dark-danger {
    background: rgba(239, 68, 68, 0.08) !important;
    border-color: rgba(239, 68, 68, 0.2) !important;
}

body.pds-admin .pds-order-detail .bg-dark-danger h4,
body.pds-admin .pds-order-detail .bg-dark-danger h5 {
    color: #B91C1C !important;
    margin: 0 !important;
}

body.pds-admin .pds-order-detail .bg-dark-primary {
    background: rgba(var(--brand-rgb), 0.1) !important;
    border-color: rgba(var(--brand-rgb), 0.22) !important;
}

body.pds-admin .pds-order-detail .bg-dark-primary h5 {
    color: var(--site-color) !important;
    margin: 0 !important;
}

body.pds-admin .pds-order-detail .table {
    border-radius: var(--pds-radius-md);
    overflow: hidden;
    margin-bottom: 0;
}

body.pds-admin .pds-order-detail .table thead th {
    background: var(--pds-surface-2) !important;
    border-bottom: 1px solid var(--pds-border) !important;
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--pds-muted) !important;
    font-weight: 700 !important;
}

body.pds-admin .pds-order-detail .table td,
body.pds-admin .pds-order-detail .table th {
    padding: 0.85rem 1rem !important;
    vertical-align: middle;
    border-color: var(--pds-border) !important;
}

body.pds-admin .pds-order-detail .table tbody tr:last-child td {
    font-size: 1.05rem;
    background: rgba(var(--brand-rgb), 0.05);
}

body.pds-admin .pds-order-user-card .card-body {
    padding: 1.25rem !important;
}

body.pds-admin .pds-order-user-card .row {
    align-items: center;
}

body.pds-admin .pds-order-user-card img {
    width: 72px !important;
    height: 72px !important;
    object-fit: cover;
    border: 3px solid rgba(var(--brand-rgb), 0.15);
}

body.pds-admin .pds-order-user-card a {
    font-weight: 800;
    font-size: 1rem;
    color: var(--pds-text) !important;
    word-break: break-word;
}

body.pds-admin .pds-order-user-card h6 {
    font-size: 0.85rem;
    color: var(--pds-muted) !important;
    margin-bottom: 0.35rem !important;
    word-break: break-all;
}

/* Order history timeline */
body.pds-admin .pds-order-history-card .pds-order-timeline {
    padding: 0.25rem 0;
}

body.pds-admin .pds-order-timeline-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

body.pds-admin .pds-order-timeline-item {
    display: flex;
    align-items: flex-start;
    gap: 0.85rem;
    position: relative;
    padding: 0 0 1.35rem 0;
}

body.pds-admin .pds-order-timeline-item:not(:last-child)::after {
    content: '';
    position: absolute;
    left: 16px;
    top: 36px;
    bottom: 0;
    width: 2px;
    background: linear-gradient(180deg, rgba(var(--brand-rgb), 0.28) 0%, rgba(var(--brand-rgb), 0.08) 100%);
    border-radius: 2px;
}

body.pds-admin .pds-order-timeline-dot {
    flex-shrink: 0;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 2px solid rgba(71, 136, 255, 0.35);
    background: linear-gradient(135deg, rgba(var(--brand-rgb), 0.16), rgba(var(--brand-rgb), 0.05));
    display: inline-flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

body.pds-admin .pds-order-timeline-dot i {
    color: var(--pds-accent);
    font-size: 0.82rem;
}

body.pds-admin .pds-order-timeline-content {
    flex: 1;
    min-width: 0;
    padding-top: 0.1rem;
}

body.pds-admin .pds-order-timeline-head {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.25rem 1rem;
    margin-bottom: 0.35rem;
}

body.pds-admin .pds-order-timeline-title {
    margin: 0;
    font-size: 0.92rem;
    font-weight: 800;
    color: var(--pds-text);
    text-transform: capitalize;
}

body.pds-admin .pds-order-timeline-time {
    font-size: 0.75rem;
    color: var(--pds-muted);
    white-space: nowrap;
}

body.pds-admin .pds-order-timeline-message {
    margin: 0;
    font-size: 0.88rem;
    font-weight: 500;
    color: var(--pds-text);
    line-height: 1.55;
    word-break: break-word;
}

body.pds-admin .pds-order-timeline-link {
    color: #16A34A;
    font-weight: 600;
    margin-left: 0.25rem;
}

body.pds-admin .pds-order-timeline-link:hover {
    color: #15803D;
    text-decoration: underline;
}

body.pds-admin .pds-order-detail .mm-timeline0 ul {
    padding-left: 0;
}

body.pds-admin .pds-order-detail .mm-timeline0 li {
    list-style: none;
    position: relative;
    padding: 0 0 1.35rem 2.75rem;
    border-left: 2px solid rgba(var(--brand-rgb), 0.15);
    margin-left: 0.85rem;
}

body.pds-admin .pds-order-detail .mm-timeline0 li:last-child {
    padding-bottom: 0;
    border-left-color: transparent;
}

body.pds-admin .pds-order-detail .timeline-dots1 {
    position: absolute;
    left: -0.85rem;
    top: 0;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: linear-gradient(135deg, rgba(var(--brand-rgb), 0.18), rgba(var(--brand-rgb), 0.06));
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    float: none !important;
}

body.pds-admin .pds-order-detail .timeline-dots1 i {
    color: var(--pds-accent) !important;
    font-size: 0.85rem;
}

body.pds-admin .pds-order-detail .mm-timeline0 h6 {
    float: none !important;
    font-weight: 800 !important;
    margin-bottom: 0.15rem !important;
}

body.pds-admin .pds-order-detail .mm-timeline0 small {
    float: none !important;
    display: block;
    color: var(--pds-muted);
    margin-bottom: 0.35rem;
}

body.pds-admin .pds-order-detail .mm-timeline0 p {
    margin: 0;
    color: var(--pds-text);
    line-height: 1.5;
}

/* Messenger-style order chat */
body.pds-admin .pds-order-chat-card .card-body.pds-messenger-chat {
    padding: 0;
    display: flex;
    flex-direction: column;
    min-height: 420px;
    overflow: hidden;
}

body.pds-admin .pds-messenger-header {
    padding: 1rem 1.15rem;
    border-bottom: 1px solid var(--pds-border);
    background: #fff;
}

body.pds-admin .pds-messenger-user {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

body.pds-admin .pds-messenger-avatar {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid rgba(var(--brand-rgb), 0.25);
    flex-shrink: 0;
}

body.pds-admin .pds-messenger-name {
    font-size: 1rem;
    font-weight: 700;
    color: var(--pds-text);
}

body.pds-admin .pds-messenger-status {
    font-size: 0.75rem;
    color: var(--pds-muted);
}

body.pds-admin .pds-messenger-panel {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}

body.pds-admin .pds-messenger-body {
    flex: 1;
    min-height: 280px;
    max-height: 420px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 1rem 1.15rem;
    background: linear-gradient(180deg, #F0F4F8 0%, #E8EDF3 100%);
    scroll-behavior: smooth;
}

body.pds-admin .pds-messenger-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 200px;
    color: var(--pds-muted);
    text-align: center;
    gap: 0.5rem;
}

body.pds-admin .pds-messenger-empty i {
    font-size: 2.25rem;
    opacity: 0.45;
}

body.pds-admin .pds-messenger-empty p {
    margin: 0;
    font-size: 0.9rem;
}

body.pds-admin .pds-messenger-msg {
    display: flex;
    align-items: flex-end;
    gap: 0.5rem;
    margin-bottom: 0.35rem;
}

body.pds-admin .pds-messenger-msg--new {
    animation: pdsMsgIn 0.28s ease-out both;
}

body.pds-admin .pds-messenger-msg--group-start {
    margin-top: 0.65rem;
}

body.pds-admin .pds-messenger-msg--sent {
    flex-direction: row-reverse;
}

body.pds-admin .pds-messenger-msg-avatar {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
    border: 1px solid rgba(0, 0, 0, 0.06);
}

body.pds-admin .pds-messenger-msg-avatar-spacer {
    width: 28px;
    flex-shrink: 0;
}

body.pds-admin .pds-messenger-msg-content {
    max-width: 72%;
    display: flex;
    flex-direction: column;
}

body.pds-admin .pds-messenger-msg--sent .pds-messenger-msg-content {
    align-items: flex-end;
}

body.pds-admin .pds-messenger-msg-meta {
    font-size: 0.68rem;
    color: var(--pds-muted);
    margin-bottom: 0.2rem;
    padding: 0 0.35rem;
}

body.pds-admin .pds-messenger-bubble {
    padding: 0.55rem 0.85rem;
    border-radius: 18px;
    line-height: 1.75;
    word-break: normal;
    overflow-wrap: anywhere;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
    transition: transform 0.15s ease;
}

body.pds-admin .pds-messenger-msg--received .pds-messenger-bubble {
    background: #fff;
    color: var(--pds-text);
    border-bottom-left-radius: 6px;
}

body.pds-admin .pds-messenger-msg--sent .pds-messenger-bubble {
    background: linear-gradient(135deg, var(--pds-accent), var(--pds-accent-2));
    color: #fff;
    border-bottom-right-radius: 6px;
}

body.pds-admin .pds-messenger-msg--ai .pds-messenger-bubble,
body.pds-admin .pds-messenger-bubble--ai {
    background: linear-gradient(135deg, var(--pds-accent), var(--pds-accent-2, #D95A00));
    color: #fff;
    border-bottom-right-radius: 6px;
}

body.pds-admin .pds-messenger-msg--grouped.pds-messenger-msg--received .pds-messenger-bubble {
    border-bottom-left-radius: 18px;
    border-top-left-radius: 6px;
}

body.pds-admin .pds-messenger-msg--grouped.pds-messenger-msg--sent .pds-messenger-bubble {
    border-bottom-right-radius: 18px;
    border-top-right-radius: 6px;
}

body.pds-admin .pds-messenger-bubble-text {
    font-family: 'Noto Sans Myanmar', 'Myanmar Text', 'Padauk', 'Pyidaungsu', var(--admin-font);
    font-size: 0.95rem;
    line-height: 1.8;
    letter-spacing: 0;
    word-break: keep-all;
    overflow-wrap: anywhere;
    white-space: normal;
    text-align: left;
    text-wrap: pretty;
}

body.pds-admin .pds-messenger-msg--sent .pds-messenger-bubble-text,
body.pds-admin .pds-messenger-msg--ai .pds-messenger-bubble-text {
    color: #fff;
}

/* Image messages — no orange bubble background */
body.pds-admin .pds-messenger-bubble--media {
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 14px !important;
    overflow: hidden;
}

body.pds-admin .pds-messenger-msg--sent .pds-messenger-bubble--media,
body.pds-admin .pds-messenger-msg--received .pds-messenger-bubble--media {
    background: transparent !important;
}

body.pds-admin .pds-messenger-msg--media .pds-messenger-msg-content {
    max-width: min(72%, 260px);
}

body.pds-admin .pds-messenger-msg-time {
    font-size: 0.62rem;
    color: var(--pds-muted);
    margin-top: 0.15rem;
    padding: 0 0.35rem;
    opacity: 0;
    transition: opacity 0.2s ease;
}

body.pds-admin .pds-messenger-msg:hover .pds-messenger-msg-time {
    opacity: 1;
}

body.pds-admin .pds-messenger-msg-image {
    display: block;
    width: auto;
    height: auto;
    max-width: 240px;
    max-height: 280px;
    border-radius: 14px;
    object-fit: cover;
    background: #E2E8F0;
    border: 1px solid rgba(15, 23, 42, 0.08);
}

body.pds-admin .pds-messenger-image-link {
    display: block;
    line-height: 0;
    max-width: 240px;
    padding: 0;
    margin: 0;
    border: none;
    background: transparent;
    cursor: zoom-in;
    border-radius: 14px;
    overflow: hidden;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

body.pds-admin .pds-messenger-image-link:hover {
    transform: translateY(-1px);
    box-shadow: 0 8px 18px rgba(28, 25, 23, 0.14);
}

body.pds-admin .pds-messenger-image-link:focus-visible {
    outline: 2px solid rgba(249, 115, 22, 0.55);
    outline-offset: 2px;
}

/* Chat image lightbox */
body.pds-admin .pds-chat-lightbox {
    position: fixed;
    inset: 0;
    z-index: 21000;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background: rgba(15, 23, 42, 0.78);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

body.pds-admin .pds-chat-lightbox.is-open {
    display: flex;
    animation: pdsChatLbFade 0.18s ease;
}

@keyframes pdsChatLbFade {
    from { opacity: 0; }
    to { opacity: 1; }
}

body.pds-admin .pds-chat-lightbox__shell {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
    width: min(920px, 100%);
    max-height: min(90vh, 900px);
}

body.pds-admin .pds-chat-lightbox__stage {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-height: calc(90vh - 4rem);
    padding: 0.5rem;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.04);
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.35);
    overflow: auto;
}

body.pds-admin .pds-chat-lightbox__img {
    display: block;
    max-width: 100%;
    max-height: calc(90vh - 5rem);
    width: auto;
    height: auto;
    object-fit: contain;
    border-radius: 12px;
    opacity: 0;
    transform: scale(0.98);
    transition: opacity 0.2s ease, transform 0.2s ease;
}

body.pds-admin .pds-chat-lightbox__img.is-ready {
    opacity: 1;
    transform: none;
}

body.pds-admin .pds-chat-lightbox__close {
    position: absolute;
    top: -0.35rem;
    right: -0.15rem;
    z-index: 2;
    width: 40px;
    height: 40px;
    border: none;
    border-radius: 50%;
    background: #0F172A;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.35);
    transition: transform 0.15s ease, background 0.15s ease;
}

body.pds-admin .pds-chat-lightbox__close:hover {
    background: #EA580C;
    transform: scale(1.05);
}

body.pds-admin .pds-chat-lightbox__open {
    color: rgba(255, 255, 255, 0.85);
    font-size: 0.82rem;
    font-weight: 600;
    text-decoration: none;
}

body.pds-admin .pds-chat-lightbox__open:hover {
    color: #fff;
    text-decoration: underline;
}

body.pds-chat-lightbox-open {
    overflow: hidden;
}

body.pds-admin .pds-messenger-image-preview {
    position: relative;
    margin: 0 1rem;
    padding: 0;
    background: transparent;
    border: none;
    animation: pdsMsgIn 0.25s ease-out both;
}

body.pds-admin .pds-messenger-image-preview-card {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.85rem;
    padding: 0.55rem 0.65rem 0.55rem 0.55rem;
    background: linear-gradient(135deg, #FFF7ED 0%, #FFFFFF 48%, #FFF1E8 100%);
    border: 1px solid rgba(249, 115, 22, 0.22);
    border-radius: 16px;
    box-shadow: 0 8px 22px rgba(249, 115, 22, 0.1);
    overflow: hidden;
}

body.pds-admin .pds-messenger-image-preview-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background: linear-gradient(180deg, #F97316, #EA580C);
}

body.pds-admin .pds-messenger-image-preview-thumb {
    flex: 0 0 auto;
    width: 64px;
    height: 64px;
    border-radius: 12px;
    overflow: hidden;
    background: #F5F5F4;
    box-shadow: 0 2px 8px rgba(28, 25, 23, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.8);
}

body.pds-admin .pds-messenger-image-preview img,
body.pds-admin .pds-messenger-image-preview-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

body.pds-admin .pds-messenger-image-preview-meta {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    padding-right: 0.25rem;
}

body.pds-admin .pds-messenger-image-preview-label {
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #EA580C;
}

body.pds-admin .pds-messenger-image-name {
    font-size: 0.84rem;
    font-weight: 600;
    color: #292524;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.pds-admin .pds-messenger-image-remove {
    position: relative;
    top: auto;
    right: auto;
    flex: 0 0 auto;
    width: 32px;
    height: 32px;
    border: none;
    border-radius: 50%;
    background: #FEE2E2;
    color: #DC2626;
    font-size: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: none;
    transition: background 0.15s ease, color 0.15s ease, transform 0.15s ease;
}

body.pds-admin .pds-messenger-image-remove:hover {
    background: #EF4444;
    color: #fff;
    transform: scale(1.06);
}

body.pds-admin .pds-messenger-composer {
    padding: 0.75rem 1rem 1rem;
    background: #fff;
    border-top: 1px solid var(--pds-border);
}

body.pds-admin .pds-messenger-composer-inner {
    display: flex;
    align-items: flex-end;
    gap: 0.35rem;
    padding: 0.4rem 0.5rem 0.4rem 0.65rem;
    background: #F1F5F9;
    border: 1px solid var(--pds-border);
    border-radius: 24px;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

body.pds-admin .pds-messenger-composer-inner:focus-within {
    border-color: rgba(var(--brand-rgb), 0.45);
    box-shadow: 0 0 0 3px rgba(var(--brand-rgb), 0.1);
    background: #fff;
}

body.pds-admin .pds-messenger-icon-btn {
    width: 34px;
    height: 34px;
    border: none;
    border-radius: 50%;
    background: transparent;
    color: var(--pds-muted);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex-shrink: 0;
    transition: color 0.15s ease, background 0.15s ease, transform 0.15s ease;
}

body.pds-admin .pds-messenger-icon-btn:hover {
    color: var(--pds-accent);
    background: rgba(var(--brand-rgb), 0.1);
}

body.pds-admin .pds-messenger-input {
    flex: 1;
    border: none;
    background: transparent;
    resize: none;
    outline: none;
    font-size: 0.9rem;
    line-height: 1.45;
    max-height: 120px;
    padding: 0.45rem 0.25rem;
    color: var(--pds-text);
}

body.pds-admin .pds-messenger-input::placeholder {
    color: #94A3B8;
}

body.pds-admin .pds-messenger-send-btn {
    width: 38px;
    height: 38px;
    border: none;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--pds-accent), var(--pds-accent-2));
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex-shrink: 0;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
    box-shadow: 0 2px 8px rgba(var(--brand-rgb), 0.35);
}

body.pds-admin .pds-messenger-send-btn:hover:not(:disabled) {
    transform: scale(1.06);
    box-shadow: 0 4px 12px rgba(var(--brand-rgb), 0.45);
}

body.pds-admin .pds-messenger-send-btn:disabled {
    opacity: 0.55;
    cursor: not-allowed;
}

body.pds-admin .pds-messenger-emoji-wrap {
    position: relative;
}

body.pds-admin .pds-messenger-emoji-menu {
    padding: 0 !important;
    border: 1px solid var(--pds-border) !important;
    border-radius: 14px !important;
    box-shadow: var(--pds-shadow-md) !important;
    overflow: hidden;
    margin-bottom: 0.5rem !important;
}

body.pds-admin .pds-messenger-emoji-menu emoji-picker,
body.pds-admin .pds-item-chat-emoji-menu emoji-picker,
body.pds-admin emoji-picker {
    color-scheme: light;
    --num-columns: 8;
    --border-radius: 12px;
    --border-color: #f0ebe6;
    --background: rgba(var(--brand-rgb), 0.04);
    --button-active-background: rgba(var(--brand-rgb), 0.16);
    --button-hover-background: rgba(var(--brand-rgb), 0.08);
    --category-font-color: #44403c;
    --category-emoji-size: 1.35rem;
    --emoji-size: 1.35rem;
    --indicator-color: var(--site-color);
    --indicator-height: 3px;
    --input-border-color: #e7e5e4;
    --input-border-radius: 10px;
    --input-font-color: #1c1917;
    --input-placeholder-color: #a8a29e;
    --outline-color: var(--site-color);
}

body.pds-admin .pds-messenger-emoji-menu emoji-picker {
    --border-radius: 0;
    --border-color: transparent;
    width: 320px;
    height: 340px;
}

@keyframes pdsMsgIn {
    from {
        opacity: 0;
        transform: translateY(8px) scale(0.97);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

body.pds-admin .pds-order-detail hr {
    border-color: var(--pds-border);
}

/* Order detail — layout & animations */
body.pds-admin .pds-order-detail.pds-page-wrap {
    max-width: 100%;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    overflow-x: hidden;
}

body.pds-admin .pds-order-blocks {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

body.pds-admin .pds-order-animate {
    opacity: 1;
    transform: none;
    animation: pdsOrderReveal 0.65s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

body.pds-admin.js-motion-ready .pds-order-animate:not(.pds-order-visible) {
    opacity: 0;
    transform: translateY(18px);
}

body.pds-admin .pds-order-animate--delay-1 { animation-delay: 0.08s; }
body.pds-admin .pds-order-animate--delay-2 { animation-delay: 0.16s; }
body.pds-admin .pds-order-animate--delay-3 { animation-delay: 0.24s; }

@keyframes pdsOrderReveal {
    from { opacity: 0; transform: translateY(18px); }
    to { opacity: 1; transform: translateY(0); }
}

body.pds-admin .pds-order-detail .pds-page-card {
    transition: box-shadow 0.3s ease, transform 0.3s ease, border-color 0.3s ease;
}

body.pds-admin .pds-order-detail .pds-page-card:hover {
    box-shadow: var(--pds-shadow-md) !important;
}

body.pds-admin .pds-panel-label {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.82rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--pds-accent);
    margin-bottom: 1rem;
}

body.pds-admin .pds-panel-label i {
    width: 28px;
    height: 28px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(var(--brand-rgb), 0.12);
    font-size: 0.75rem;
}

/* Photo order — 2 columns: images | fields */
body.pds-admin .pds-photo-order-card .card-body {
    padding: 1.15rem 1.2rem !important;
}

body.pds-admin .pds-photo-order-split {
    width: 100%;
    min-width: 0;
}

body.pds-admin .pds-badge--photo-hint {
    background: #fef2f2;
    border: 1px solid #fecaca;
    color: #dc2626;
    border-radius: 999px;
    padding: 0.35rem 0.85rem;
    font-size: 0.72rem;
    font-weight: 600;
    white-space: nowrap;
}

body.pds-admin .pds-photo-gallery-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    min-height: 180px;
    border: 1px dashed var(--pds-border);
    border-radius: 12px;
    background: #f8fafc;
    color: var(--pds-muted);
    text-align: center;
    padding: 1rem;
}

body.pds-admin .pds-photo-gallery-empty i {
    font-size: 1.75rem;
    opacity: 0.5;
}

body.pds-admin .pds-photo-order-total-parcel {
    margin-bottom: 1rem;
    padding: 1rem 1.1rem;
    border-radius: 14px;
    border: 2px solid rgba(var(--brand-rgb), 0.35);
    background: linear-gradient(135deg, rgba(var(--brand-rgb), 0.08) 0%, #fff 100%);
    box-shadow: 0 4px 14px rgba(var(--brand-rgb), 0.1);
}

body.pds-admin .pds-photo-order-total-parcel-label {
    display: block;
    font-size: 0.95rem;
    font-weight: 800;
    color: var(--site-color);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 0.55rem;
}

body.pds-admin .pds-photo-order-total-parcel-input {
    font-size: 1.75rem !important;
    font-weight: 800 !important;
    text-align: center;
    min-height: 58px;
    border-radius: 12px !important;
    border: 2px solid rgba(var(--brand-rgb), 0.25) !important;
    color: #0f172a !important;
    background: #fff !important;
}

body.pds-admin .pds-photo-order-total-parcel-input:focus {
    border-color: var(--site-color) !important;
    box-shadow: 0 0 0 4px rgba(var(--brand-rgb), 0.15) !important;
}

body.pds-admin .pds-photo-order-total-parcel--readonly {
    pointer-events: none;
}

body.pds-admin .pds-photo-order-total-parcel-value {
    font-size: 1.75rem;
    font-weight: 800;
    text-align: center;
    min-height: 58px;
    line-height: 58px;
    border-radius: 12px;
    border: 2px solid rgba(var(--brand-rgb), 0.25);
    color: #0f172a;
    background: #fff;
}

body.pds-admin .pds-photo-order-tabs-wrap {
    margin-bottom: 0.75rem;
}

body.pds-admin .pds-photo-order-segment {
    width: 100%;
    max-width: 100%;
}

body.pds-admin .pds-photo-order-segment .pds-dispatch-segment-btn {
    flex: 1;
    justify-content: center;
}

body.pds-admin .pds-photo-order-tab-panel {
    display: none;
}

body.pds-admin .pds-photo-order-tab-panel.is-active {
    display: block;
}

body.pds-admin .pds-photo-order-tab-panel .pds-form-section {
    margin-bottom: 0.75rem;
}

body.pds-admin .pds-photo-gallery-empty p {
    margin: 0;
    font-size: 0.78rem;
}

body.pds-admin .pds-photo-order-body {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

body.pds-admin .pds-photo-order-carousel-col {
    align-self: start;
    height: fit-content;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

body.pds-admin .pds-photo-carousel {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 0.45rem;
    align-items: center;
}

body.pds-admin .pds-photo-carousel-viewport {
    overflow: hidden;
    border-radius: 14px;
    border: 1px solid var(--pds-border);
    background: #0f172a;
    min-height: 480px;
    max-height: min(78vh, 640px);
    touch-action: none;
    cursor: grab;
}

body.pds-admin .pds-photo-carousel-viewport.is-zoomed {
    cursor: grab;
}

body.pds-admin .pds-photo-carousel-viewport.is-zoomed:active {
    cursor: grabbing;
}

body.pds-admin .pds-photo-carousel-track {
    display: flex;
    transition: transform 0.28s ease;
    height: 100%;
}

body.pds-admin .pds-photo-carousel-slide {
    flex: 0 0 100%;
    width: 100%;
    min-height: 480px;
    max-height: min(78vh, 640px);
}

body.pds-admin .pds-photo-carousel-stage {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 480px;
    max-height: min(78vh, 640px);
    overflow: hidden;
}

body.pds-admin .pds-photo-carousel-img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    display: block;
    transform: translate(-50%, -50%);
    transform-origin: center center;
    user-select: none;
    pointer-events: none;
    will-change: transform;
}

body.pds-admin .pds-photo-carousel-zoom-bar {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    padding: 0.35rem 0.25rem 0;
}

body.pds-admin .pds-photo-carousel-zoom-btn {
    width: 34px;
    height: 34px;
    border: 1px solid var(--pds-border);
    border-radius: 999px;
    background: #fff;
    color: var(--site-color);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.2s ease, transform 0.15s ease;
}

body.pds-admin .pds-photo-carousel-zoom-btn--reset {
    width: auto;
    padding: 0 0.75rem;
    font-size: 0.72rem;
    font-weight: 700;
}

body.pds-admin .pds-photo-carousel-zoom-btn:hover {
    background: rgba(var(--brand-rgb), 0.08);
    transform: scale(1.04);
}

body.pds-admin .pds-photo-carousel-zoom-level {
    min-width: 52px;
    text-align: center;
    font-size: 0.78rem;
    font-weight: 700;
    color: var(--site-color);
}

body.pds-admin .pds-photo-carousel-zoom-hint {
    margin: 0.15rem 0 0;
    text-align: center;
    color: var(--pds-muted);
    font-size: 0.68rem;
    line-height: 1.35;
}

body.pds-admin .pds-photo-carousel-nav {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: none;
    background: #fff;
    color: var(--site-color);
    box-shadow: 0 2px 10px rgba(15, 23, 42, 0.14);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex-shrink: 0;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

body.pds-admin .pds-photo-carousel-nav:hover:not(:disabled) {
    transform: scale(1.05);
    box-shadow: 0 4px 14px rgba(var(--brand-rgb), 0.25);
}

body.pds-admin .pds-photo-carousel-nav:disabled {
    opacity: 0.35;
    cursor: not-allowed;
}

body.pds-admin .pds-photo-carousel-meta {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    padding: 0 0.25rem;
}

body.pds-admin .pds-photo-carousel-counter {
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--site-color);
}

body.pds-admin .pds-photo-carousel-caption {
    color: var(--pds-muted);
    font-size: 0.68rem;
    line-height: 1.3;
    word-break: break-all;
}

body.pds-admin .pds-photo-zoom-hint {
    display: none;
}

body.pds-admin .pds-photo-carousel-link:hover .pds-photo-zoom-hint,
body.pds-admin .pds-photo-carousel-link:focus .pds-photo-zoom-hint {
    display: none;
}

body.pds-admin .pds-photo-order-split--two-col {
    display: grid;
    grid-template-columns: minmax(300px, 42%) minmax(0, 1fr);
    gap: 0.75rem;
    align-items: start;
}

body.pds-admin .pds-photo-order-split--two-col > .pds-photo-order-carousel-col {
    align-self: start;
}

body.pds-admin .pds-photo-order-split--fields-only {
    display: block;
}

body.pds-admin .pds-photo-order-col {
    min-width: 0;
}

body.pds-admin .pds-photo-order-col--images {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    align-self: start;
}

body.pds-admin .pds-photo-order-col--fields {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

body.pds-admin .pds-photo-gallery {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    max-height: calc(100vh - 200px);
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0;
    margin: 0;
    background: transparent;
    border: none;
    border-radius: 0;
    scrollbar-width: thin;
}

body.pds-admin .pds-photo-gallery-item {
    flex-shrink: 0;
    border: 1px solid var(--pds-border);
    border-radius: 12px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06);
}

body.pds-admin .pds-photo-gallery-link {
    display: block;
    line-height: 0;
}

body.pds-admin .pds-photo-gallery-item .pds-photo-img {
    width: 100%;
    height: auto;
    max-height: none;
    min-height: 0;
    object-fit: cover;
    object-position: top center;
    border: none;
    border-radius: 0;
    background: #0f172a;
    display: block;
    vertical-align: top;
}

body.pds-admin .pds-photo-caption {
    display: block;
    margin: 0;
    padding: 0.3rem 0.45rem;
    color: var(--pds-muted);
    font-size: 0.65rem;
    line-height: 1.25;
    word-break: break-all;
    background: #fff;
    border-top: 1px solid var(--pds-border);
}

body.pds-admin .pds-photo-order-col--fields .pds-form-section {
    margin-bottom: 0;
    padding: 0.9rem 1rem;
}

body.pds-admin .pds-form-section {
    background: var(--pds-surface-2);
    border: 1px solid var(--pds-border);
    border-radius: var(--pds-radius-lg);
    padding: 1.1rem 1.15rem;
    transition: border-color 0.25s ease, box-shadow 0.25s ease;
}

body.pds-admin .pds-form-section:focus-within {
    border-color: rgba(var(--brand-rgb), 0.35);
    box-shadow: 0 0 0 3px rgba(var(--brand-rgb), 0.08);
}

body.pds-admin .pds-form-section--parcel {
    background: #fff;
    margin-bottom: 0;
}

body.pds-admin .pds-order-detail .pds-form-section .form-control,
body.pds-admin .pds-order-detail .pds-parcel-fields .form-control {
    border-radius: 10px !important;
    border: 1px solid var(--pds-border) !important;
    padding: 0.55rem 0.85rem !important;
    font-size: 0.9rem;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

body.pds-admin .pds-order-detail .pds-form-section .form-control:focus,
body.pds-admin .pds-order-detail .pds-parcel-fields .form-control:focus {
    border-color: rgba(var(--brand-rgb), 0.45) !important;
    box-shadow: 0 0 0 3px rgba(var(--brand-rgb), 0.12) !important;
}

body.pds-admin .pds-order-detail .form-control-label {
    font-size: 0.78rem !important;
    font-weight: 700 !important;
    color: var(--pds-muted) !important;
    margin-bottom: 0.35rem !important;
    letter-spacing: 0.02em;
}

body.pds-admin .pds-photo-order-col--fields .pds-form-actions {
    margin-top: 0;
    padding-top: 0.75rem;
}

body.pds-admin .pds-form-actions {
    display: flex;
    justify-content: flex-end;
    margin-top: 1.25rem;
    padding-top: 1rem;
    border-top: 1px solid var(--pds-border);
}

body.pds-admin .pds-photo-save-btn {
    float: none !important;
    min-width: 200px;
    padding: 0.65rem 1.35rem !important;
    transition: transform 0.2s ease, box-shadow 0.25s ease !important;
}

body.pds-admin .pds-photo-save-btn:hover {
    transform: translateY(-2px);
}

body.pds-admin .pds-order-main,
body.pds-admin .pds-order-aside {
    min-width: 0;
}

@media (max-width: 991.98px) {
    body.pds-admin .pds-photo-order-split--two-col {
        grid-template-columns: 1fr;
    }

    body.pds-admin .pds-photo-carousel-viewport,
    body.pds-admin .pds-photo-carousel-slide,
    body.pds-admin .pds-photo-carousel-stage {
        min-height: 300px;
        max-height: 50vh;
    }

    body.pds-admin .pds-photo-carousel-img {
        max-height: 50vh;
    }

    body.pds-admin .pds-order-header {
        flex-direction: column;
        align-items: flex-start;
    }

    body.pds-admin .pds-order-header-actions {
        margin-left: 0;
        width: 100%;
    }

    body.pds-admin .pds-order-aside {
        margin-top: 0.5rem;
    }

    body.pds-admin .pds-form-actions {
        justify-content: stretch;
    }

    body.pds-admin .pds-photo-save-btn {
        width: 100%;
    }
}

@media (max-width: 575.98px) {
    body.pds-admin .pds-photo-order-card .card-body {
        padding: 1rem !important;
    }

    body.pds-admin .pds-form-section {
        padding: 0.9rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.pds-admin .pds-order-animate,
    body.pds-admin .pds-photo-item {
        animation: none !important;
        opacity: 1 !important;
        transform: none !important;
    }
}

/* Print preview pages — barcode & label */
body.pds-admin .pds-print-page {
    max-width: 720px;
    margin: 0 auto;
    padding: 0.5rem 0 2rem;
}

body.pds-admin .pds-print-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 1.25rem;
    padding: 1rem 1.15rem;
    background: #fff;
    border: 1px solid var(--pds-border);
    border-radius: var(--pds-radius-lg);
    box-shadow: var(--pds-shadow-sm);
}

body.pds-admin .pds-print-eyebrow {
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--pds-muted);
}

body.pds-admin .pds-print-title {
    font-size: 1.15rem;
    font-weight: 800;
    color: var(--pds-text);
}

body.pds-admin .pds-print-action-btn {
    border-radius: 10px !important;
    padding: 0.55rem 1.15rem !important;
    font-weight: 700;
    box-shadow: 0 4px 14px rgba(var(--brand-rgb), 0.28);
}

body.pds-admin .pds-print-preview-area {
    display: flex;
    justify-content: center;
    padding: 0.5rem 0;
}

/* Shipping label */
body.pds-admin .pds-slip {
    width: 100%;
    max-width: 440px;
    background: #fff;
    border-radius: 14px;
    overflow: hidden;
    border: 1px solid #E8EAED;
    box-shadow:
        0 1px 2px rgba(15, 23, 42, 0.04),
        0 8px 32px rgba(15, 23, 42, 0.08);
}

body.pds-admin .pds-slip--barcode {
    max-width: 340px;
}

body.pds-admin .pds-slip-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    margin: 0;
    text-align: left;
}

body.pds-admin .pds-slip-table th,
body.pds-admin .pds-slip-table td {
    border-bottom: 1px solid #F1F3F5;
    vertical-align: top;
    padding: 0;
    text-align: left !important;
}

body.pds-admin .pds-slip-table tr:last-child th,
body.pds-admin .pds-slip-table tr:last-child td {
    border-bottom: none;
}

/* Header band */
body.pds-admin .pds-slip-table__header {
    padding: 0 !important;
    border-bottom: none !important;
    background: linear-gradient(135deg, var(--pds-accent) 0%, var(--pds-accent-2) 100%);
}

body.pds-admin .pds-slip-header {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    padding: 1.1rem 1.15rem;
}

body.pds-admin .pds-slip-logo {
    width: 72px;
    height: 72px;
    flex-shrink: 0;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.95);
    border: 2px solid rgba(255, 255, 255, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

body.pds-admin .pds-slip-logo--filled {
    padding: 6px;
}

body.pds-admin .pds-slip-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

body.pds-admin .pds-slip-logo__ph {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.25rem;
    color: #D1D5DB;
}

body.pds-admin .pds-slip-logo__ph i {
    font-size: 1.2rem;
    color: var(--pds-accent);
    opacity: 0.5;
}

body.pds-admin .pds-slip-logo__ph em {
    font-size: 0.58rem;
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #9CA3AF;
}

body.pds-admin .pds-slip-header__info {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

body.pds-admin .pds-slip-header__info > strong {
    font-size: 1.05rem;
    font-weight: 800;
    color: #fff;
    line-height: 1.25;
    letter-spacing: -0.01em;
}

body.pds-admin .pds-slip-header__info > span {
    font-size: 0.72rem;
    color: rgba(255, 255, 255, 0.88);
    line-height: 1.45;
    word-break: break-word;
}

body.pds-admin .pds-slip-header__phone i,
body.pds-admin .pds-slip-header__ship i {
    margin-right: 0.25rem;
    opacity: 0.9;
}

body.pds-admin .pds-slip-header__ship {
    margin-top: 0.15rem;
    padding-top: 0.35rem;
    border-top: 1px solid rgba(255, 255, 255, 0.25);
    font-size: 0.68rem !important;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.95) !important;
}

/* Address blocks */
body.pds-admin .pds-slip-table__addresses {
    padding: 0 !important;
    border-bottom: none !important;
}

body.pds-admin .pds-slip-addr {
    padding: 0.85rem 1rem;
    text-align: left !important;
    border-bottom: 1px solid #F1F3F5;
}

body.pds-admin .pds-slip-addr:last-child {
    border-bottom: none;
}

body.pds-admin .pds-slip-addr--from {
    background: rgba(var(--brand-rgb), 0.05);
    border-left: 3px solid var(--pds-accent);
}

body.pds-admin .pds-slip-addr--to {
    background: #F8FAFF;
    border-left: 3px solid #3B82F6;
}

body.pds-admin .pds-slip-addr__head {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin-bottom: 0.35rem;
}

body.pds-admin .pds-slip-addr__head strong {
    font-size: 0.92rem;
    font-weight: 700;
    color: #111827;
    line-height: 1.3;
}

body.pds-admin .pds-slip-addr__text {
    margin: 0 0 0.35rem;
    font-size: 0.78rem;
    line-height: 1.5;
    color: #4B5563;
    word-break: break-word;
    text-align: left !important;
}

body.pds-admin .pds-slip-badge {
    display: inline-block;
    flex-shrink: 0;
    font-size: 0.58rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    padding: 0.22rem 0.4rem;
    border-radius: 4px;
    line-height: 1.2;
    color: #6B7280;
    background: #F3F4F6;
}

body.pds-admin .pds-slip-badge--from {
    color: var(--site-color);
    background: rgba(var(--brand-rgb), 0.08);
    box-shadow: inset 0 0 0 1px rgba(var(--brand-rgb), 0.28);
}

body.pds-admin .pds-slip-badge--to {
    color: #1D4ED8;
    background: #EFF6FF;
    box-shadow: inset 0 0 0 1px #BFDBFE;
}

body.pds-admin .pds-slip-phone {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.72rem;
    font-weight: 500;
    color: #6B7280;
    text-align: left !important;
}

body.pds-admin .pds-slip-phone i {
    color: var(--pds-accent);
    font-size: 0.58rem;
}

body.pds-admin .pds-slip-table__extra {
    padding: 0.75rem 1rem !important;
    text-align: left !important;
    font-size: 0.78rem;
    color: #4B5563;
    line-height: 1.45;
}

body.pds-admin .pds-slip-table__extra .pds-slip-badge {
    margin-bottom: 0.35rem;
}

body.pds-admin .pds-slip-table__extra p {
    margin: 0;
    word-break: break-word;
}

/* Barcode */
body.pds-admin .pds-slip-table__barcode {
    padding: 1rem 1.1rem 1.15rem !important;
    background: #F8F9FA;
    vertical-align: middle !important;
}

body.pds-admin .pds-slip-barcode-box {
    background: #fff;
    border: 1px solid #E5E7EB;
    border-radius: 10px;
    padding: 0.85rem 0.75rem;
    text-align: center;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04);
}

body.pds-admin .pds-slip-barcode__label {
    display: block;
    font-size: 0.6rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: #9CA3AF;
    margin-bottom: 0.55rem;
}

body.pds-admin .pds-slip-barcode__img {
    display: inline-block;
    max-width: 100%;
    height: auto;
    min-height: 48px;
}

body.pds-admin .pds-slip-barcode__no {
    margin-top: 0.5rem;
    font-size: 0.95rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    color: #111827;
    font-variant-numeric: tabular-nums;
}

body.pds-admin .pds-slip-symbols {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

body.pds-admin .pds-slip-symbols img {
    width: 28px;
    height: 28px;
    object-fit: contain;
    padding: 2px;
    background: #F9FAFB;
    border-radius: 6px;
    border: 1px solid #E5E7EB;
}

@media print {
    body.pds-admin .pds-print-toolbar,
    body.pds-admin .mm-sidebar,
    body.pds-admin .mm-top-navbar,
    body.pds-admin .mm-footer {
        display: none !important;
    }

    body.pds-admin .content-page {
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
    }

    body.pds-admin .pds-print-page {
        max-width: none;
        padding: 0;
    }

    body.pds-admin .pds-print-preview-area {
        padding: 0;
    }

    body.pds-admin .pds-slip {
        max-width: none;
        box-shadow: none;
        border-radius: 0;
        border: none;
    }

    body.pds-admin .pds-slip-table__header {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    body.pds-admin .pds-slip-badge--from,
    body.pds-admin .pds-slip-badge--to {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
}

/* Profile upload — user & delivery man forms */
body.pds-admin .pds-profile-upload {
    text-align: center;
}

body.pds-admin .pds-profile-upload__ring {
    position: relative;
    width: 110px;
    height: 110px;
    margin: 0 auto;
}

body.pds-admin .pds-profile-upload__img {
    width: 110px;
    height: 110px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid #fff;
    box-shadow: 0 0 0 2px var(--pds-border), 0 4px 16px rgba(15, 23, 42, 0.08);
    background: #F3F4F6;
}

body.pds-admin .pds-profile-upload__camera {
    position: absolute;
    right: 2px;
    bottom: 2px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--pds-accent);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 2px 8px rgba(var(--brand-rgb), 0.35);
    margin: 0;
    transition: transform 0.15s ease;
}

body.pds-admin .pds-profile-upload__camera:hover {
    transform: scale(1.05);
}

body.pds-admin .pds-profile-upload__camera i {
    font-size: 0.8rem;
}

body.pds-admin .pds-profile-upload__input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

body.pds-admin .pds-profile-upload__title {
    margin: 0.75rem 0 0.15rem;
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--pds-text);
}

body.pds-admin .pds-profile-upload__hint {
    margin: 0;
    font-size: 0.7rem;
    color: var(--pds-muted);
    line-height: 1.35;
}

body.pds-admin .pds-profile-upload__formats {
    margin: 0.5rem 0 0;
    font-size: 0.65rem;
    color: var(--pds-muted);
    line-height: 1.5;
}

body.pds-admin .pds-profile-upload__formats span {
    color: var(--pds-accent);
    font-weight: 600;
}

/* Vehicle image upload */
body.pds-admin .pds-vehicle-upload {
    text-align: center;
}

body.pds-admin .pds-vehicle-upload__frame {
    position: relative;
    width: 100%;
    max-width: 140px;
    margin: 0 auto;
    aspect-ratio: 1;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid var(--pds-border);
    background: #F8FAFC;
    box-shadow: var(--pds-shadow-sm);
}

body.pds-admin .pds-vehicle-upload__frame--banner {
    max-width: 100%;
    aspect-ratio: 16 / 10;
}

body.pds-admin .pds-vehicle-upload__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

body.pds-admin .pds-vehicle-upload__camera {
    position: absolute;
    right: 6px;
    bottom: 6px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--pds-accent);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 2px 8px rgba(var(--brand-rgb), 0.35);
    margin: 0;
}

body.pds-admin .pds-vehicle-upload__camera i {
    font-size: 0.8rem;
}

body.pds-admin .pds-vehicle-upload__input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

body.pds-admin .pds-vehicle-upload__title {
    margin: 0.75rem 0 0.15rem;
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--pds-text);
}

body.pds-admin .pds-vehicle-upload__hint {
    margin: 0;
    font-size: 0.68rem;
    color: var(--pds-muted);
    line-height: 1.35;
}

/* Form sections */
body.pds-admin .pds-form-section {
    margin-bottom: 1.25rem;
    padding-bottom: 0.25rem;
}

body.pds-admin .pds-form-section--last {
    margin-bottom: 0;
}

body.pds-admin .pds-form-section__title {
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--pds-muted);
    margin: 0 0 0.85rem;
    padding-bottom: 0.45rem;
    border-bottom: 1px solid var(--pds-border);
}

body.pds-admin .pds-form-hint {
    display: block;
    margin-top: 0.35rem;
    font-size: 0.78rem;
    color: var(--pds-muted);
    line-height: 1.45;
}

body.pds-admin .pds-form-footer {
    display: flex;
    justify-content: flex-end;
    padding-top: 1.15rem;
    margin-top: 0.5rem;
    border-top: 1px solid var(--pds-border);
}

body.pds-admin .pds-form-check {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    min-height: 40px;
    padding: 0.35rem 0;
}

body.pds-admin .pds-form-check__label {
    margin: 0;
    font-size: 0.84rem;
    font-weight: 600;
    color: var(--pds-text);
    cursor: pointer;
    user-select: none;
}

body.pds-admin .pds-form-check .custom-control-input {
    position: static;
    margin: 0;
    width: 1rem;
    height: 1rem;
    cursor: pointer;
}

/* Report toolbar — filter + search one row */
body.pds-admin .pds-report-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 0.65rem 0.85rem;
    padding: 1rem 1.1rem;
    margin-bottom: 1rem;
    background: linear-gradient(180deg, #FAFBFD 0%, #F8FAFC 100%);
    border: 1px solid var(--pds-border);
    border-radius: var(--pds-radius-lg);
}

body.pds-admin .pds-report-toolbar__form {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 0.65rem 0.85rem;
    flex: 1 1 auto;
    margin: 0;
}

body.pds-admin .pds-report-toolbar__field {
    flex: 0 1 auto;
    min-width: 130px;
}

body.pds-admin .pds-report-toolbar__field--select {
    min-width: 170px;
    max-width: 220px;
}

body.pds-admin .pds-report-toolbar__field--select .select2-container {
    width: 100% !important;
}

body.pds-admin .pds-report-toolbar__field--select .select2-container .select2-selection--single {
    height: 40px !important;
    border: 1px solid var(--pds-border) !important;
    border-radius: 10px !important;
    background: #fff !important;
}

body.pds-admin .pds-report-toolbar__field--select .select2-container .select2-selection__rendered {
    line-height: 38px !important;
    padding-left: 0.75rem !important;
    font-size: 0.85rem;
}

body.pds-admin .pds-report-toolbar__field--select .select2-container .select2-selection__arrow {
    height: 38px !important;
}

body.pds-admin .pds-report-toolbar__label {
    display: block;
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--pds-muted);
    margin-bottom: 0.3rem;
}

body.pds-admin .pds-report-toolbar__input {
    height: 40px;
    border-radius: 10px !important;
    border: 1px solid var(--pds-border) !important;
    font-size: 0.85rem;
    min-width: 140px;
}

body.pds-admin .pds-report-toolbar__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.45rem;
}

body.pds-admin .pds-report-toolbar__search {
    flex: 1 1 200px;
    min-width: 180px;
    margin-left: auto;
}

body.pds-admin .pds-report-toolbar__search-input {
    height: 40px;
    border-radius: 999px !important;
    border: 1px solid var(--pds-border) !important;
    padding-left: 2.35rem !important;
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2364748B' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85zm-5.242 1.106a5 5 0 1 1 0-10 5 5 0 0 1 0 10z'/%3E%3C/svg%3E") no-repeat 0.95rem center !important;
    box-shadow: var(--pds-shadow-sm);
}

body.pds-admin .pds-report-table-shell .dataTables_wrapper .dataTables_filter {
    display: none !important;
}

body.pds-admin .pds-report-table tfoot .pds-report-total-row td {
    background: rgba(var(--brand-rgb), 0.05) !important;
    border-top: 2px solid rgba(var(--brand-rgb), 0.2) !important;
    font-weight: 700;
    color: var(--pds-text);
}

body.pds-admin .pds-report-empty {
    padding: 2.5rem 1rem !important;
    color: var(--pds-muted);
    font-weight: 600;
}

body.pds-admin .pds-dt-footer {
    padding: 0 0.25rem;
}

body.pds-admin .pds-dt-footer .dataTables_length select {
    border-radius: 10px !important;
    border: 1px solid var(--pds-border) !important;
}

body.pds-admin .pds-dt-footer .dataTables_info {
    color: var(--pds-muted);
    font-weight: 600;
    font-size: 0.84rem;
}

body.pds-admin .pds-dt-footer .paginate_button {
    border-radius: 10px !important;
}

/* Customer Support */
body.pds-admin .pds-support-page-subtitle {
    color: var(--pds-muted);
    font-size: 0.86rem;
    font-weight: 600;
}

/* Support / Order Message show: fill viewport above footer; body scrolls; composer stays visible */
body.pds-admin .content-page.pds-content-shell:has(.pds-support-page) {
    --pds-support-footer-h: 3.6rem;
    --pds-support-shell-h: calc(100dvh - var(--pds-support-footer-h));
    display: flex !important;
    flex-direction: column !important;
    min-height: 0 !important;
    height: var(--pds-support-shell-h) !important;
    max-height: var(--pds-support-shell-h) !important;
    padding-top: calc(var(--pds-topbar-h, 60px) + 0.85rem) !important;
    padding-bottom: 0.45rem !important;
    padding-left: 1.35rem !important;
    padding-right: 1.35rem !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

body.pds-admin .pds-support-page {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    min-height: 0 !important;
    height: 100%;
    max-height: 100%;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    box-sizing: border-box;
    overflow: hidden;
}

body.pds-admin .pds-support-page-head {
    flex-shrink: 0;
    margin-bottom: 0.55rem;
}

body.pds-admin .pds-support-page-actions {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.55rem;
}

body.pds-admin .pds-support-page-actions .pds-support-page-action {
    margin: 0 !important;
}

body.pds-admin .pds-support-page-actions .pds-support-page-action:not(.pds-support-page-action--back) {
    width: 2.15rem;
    height: 2.15rem;
    padding: 0 !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.55rem;
}

body.pds-admin .pds-support-page-actions .pds-support-page-action--back {
    margin-left: 0.15rem !important;
    padding-left: 0.85rem !important;
    padding-right: 0.85rem !important;
}

body.pds-admin .pds-support-layout {
    flex: 1 1 auto;
    align-items: stretch;
    min-height: 0;
    max-height: 100%;
    margin-left: -12px;
    margin-right: -12px;
    margin-bottom: 0 !important;
    overflow: hidden;
}

body.pds-admin .pds-support-layout > [class*="col-"] {
    display: flex;
    flex-direction: column;
    margin-bottom: 0 !important;
    padding-left: 12px;
    padding-right: 12px;
    min-height: 0;
    max-height: 100%;
    overflow: hidden;
}

body.pds-admin .pds-support-chat-card,
body.pds-admin .pds-support-detail-card {
    width: 100%;
    flex: 1 1 auto;
    height: auto !important;
    min-height: 0 !important;
    max-height: 100% !important;
    overflow: hidden;
}

body.pds-admin .pds-support-chat-card {
    display: flex;
    flex-direction: column;
}

body.pds-admin .pds-support-chat-card .card-body.pds-messenger-chat,
body.pds-admin .pds-support-chat-card .pds-messenger-chat {
    flex: 1 1 auto;
    min-height: 0;
    height: auto;
    max-height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding: 0 !important;
}

body.pds-admin .pds-support-chat-header {
    border-bottom: 1px solid var(--pds-border);
    padding: 0.75rem 1rem;
    background: #fff;
    flex: 0 0 auto;
}

body.pds-admin .pds-support-chat-card .pds-messenger-panel {
    flex: 1 1 auto;
    min-height: 0;
    max-height: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

body.pds-admin .pds-support-chat-card .pds-messenger-body {
    flex: 1 1 auto;
    min-height: 0 !important;
    max-height: none !important;
    height: 0; /* force flex child to respect parent bound so overflow-y works */
    overflow-y: auto !important;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    display: flex;
    flex-direction: column;
    background:
        radial-gradient(circle at 12% 18%, rgba(var(--brand-rgb), 0.07), transparent 42%),
        radial-gradient(circle at 88% 8%, rgba(251, 146, 60, 0.08), transparent 36%),
        linear-gradient(180deg, #FFF8F2 0%, #F3EBE4 100%);
}

/* Short threads: keep bubbles above the composer (no dead gap under last message). */
body.pds-admin .pds-support-chat-card .pds-messenger-body:not(:has(.pds-messenger-empty))::before {
    content: '';
    flex: 1 1 auto;
    min-height: 0;
    pointer-events: none;
}

body.pds-admin .pds-support-chat-card .pds-messenger-body > .pds-messenger-msg {
    flex: 0 0 auto;
    width: 100%;
}

body.pds-admin .pds-support-chat-card .pds-messenger-empty {
    flex: 1 1 auto;
    min-height: 140px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/* Composer stays in the flex flow; attach/gif/preview stay absolute overlays. */
body.pds-admin .pds-support-chat-card .pds-messenger-panel > .pds-messenger-composer,
body.pds-admin .pds-support-chat-card .pds-messenger-panel > .pds-support-composer,
body.pds-admin .pds-support-chat-card .pds-messenger-panel > form.pds-messenger-composer,
body.pds-admin .pds-support-chat-card .pds-messenger-panel > form.pds-support-composer {
    flex: 0 0 auto !important;
    margin-top: 0 !important;
    position: relative;
    z-index: 3;
}

body.pds-admin .pds-support-chat-card .pds-messenger-panel > .pds-support-attach-menu {
    position: absolute !important;
    left: 0.7rem !important;
    right: auto !important;
    bottom: 3.6rem !important;
    flex: none !important;
    z-index: 20;
}

body.pds-admin .pds-support-chat-card .pds-messenger-panel > .pds-support-gif-panel {
    position: absolute !important;
    left: 0.7rem !important;
    right: 0.7rem !important;
    bottom: 3.6rem !important;
    margin: 0 !important;
    max-height: min(280px, 42vh);
    overflow: auto;
    flex: none !important;
    z-index: 20;
}

body.pds-admin .pds-support-chat-card .pds-messenger-panel > .pds-messenger-image-preview {
    flex: 0 0 auto !important;
    position: relative;
    z-index: 3;
}

body.pds-admin .pds-support-chat-card .pds-messenger-msg-image {
    max-width: 200px;
    max-height: 160px;
    width: auto;
    height: auto;
    object-fit: contain;
    background: #F5F5F4;
}

body.pds-admin .pds-messenger-bubble--video {
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

body.pds-admin .pds-messenger-video-wrap {
    display: block;
    border-radius: 14px;
    overflow: hidden;
    background: #111;
    max-width: 260px;
}

body.pds-admin .pds-messenger-msg-video {
    display: block;
    width: 100%;
    max-width: 260px;
    max-height: 220px;
    background: #111;
}

body.pds-admin .pds-support-chat-card .pds-messenger-body.is-drag-over {
    outline: 2px dashed rgba(249, 115, 22, 0.55);
    outline-offset: -6px;
    background: rgba(249, 115, 22, 0.06);
}

body.pds-admin .pds-support-chat-card .pds-messenger-msg--media .pds-messenger-msg-content {
    max-width: min(72%, 220px);
}

body.pds-admin .pds-support-chat-card .pds-messenger-msg--video .pds-messenger-msg-content {
    max-width: min(78%, 280px);
}

body.pds-admin .pds-support-online-dot {
    display: inline-block;
    width: 7px;
    height: 7px;
    margin-right: 4px;
    border-radius: 50%;
    background: #22C55E;
    box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.18);
    vertical-align: middle;
}

body.pds-admin .pds-messenger-bubble-text--emoji {
    font-size: 1.75rem;
    line-height: 1.2;
}

body.pds-admin .pds-messenger-msg-image--sticker {
    max-width: 140px;
    max-height: 140px;
    background: transparent;
    border: none;
    object-fit: contain;
}

body.pds-admin .pds-messenger-bubble--audio {
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
}

body.pds-admin .pds-messenger-msg--audio .pds-messenger-msg-content {
    max-width: min(82%, 280px);
}

body.pds-admin .pds-support-audio {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    width: 252px;
    padding: 0.7rem 0.85rem 0.7rem 0.75rem;
    border-radius: 22px;
    box-shadow: 0 6px 16px rgba(28, 25, 23, 0.1);
}

body.pds-admin .pds-support-audio--sent {
    background: linear-gradient(135deg, var(--pds-accent), var(--pds-accent-2, #C2410C));
    color: #fff;
}

body.pds-admin .pds-messenger-msg--ai .pds-support-audio--sent {
    background: linear-gradient(135deg, var(--pds-accent), var(--pds-accent-2, #D95A00));
}

body.pds-admin .pds-support-audio--received {
    background: #fff;
    border: 1px solid #E7E5E4;
    color: #44403C;
}

body.pds-admin .pds-support-audio-play {
    width: 42px;
    height: 42px;
    border: none;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    cursor: pointer;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
    transition: transform 0.15s ease;
}

body.pds-admin .pds-support-audio-play:hover {
    transform: scale(1.05);
}

body.pds-admin .pds-support-audio--sent .pds-support-audio-play {
    background: #fff;
    color: var(--pds-accent);
}

body.pds-admin .pds-support-audio--received .pds-support-audio-play {
    background: var(--pds-accent);
    color: #fff;
}

body.pds-admin .pds-support-audio-meta {
    flex: 1;
    min-width: 0;
}

body.pds-admin .pds-support-audio-bars {
    --progress: 0%;
    display: flex;
    align-items: center;
    gap: 2px;
    height: 28px;
    position: relative;
}

body.pds-admin .pds-support-audio-bars span {
    flex: 1;
    height: var(--h, 40%);
    border-radius: 99px;
    background: currentColor;
    opacity: 0.32;
    transition: opacity 0.15s ease, transform 0.2s ease;
}

body.pds-admin .pds-support-audio--sent .pds-support-audio-bars span {
    background: #fff;
}

body.pds-admin .pds-support-audio--received .pds-support-audio-bars span {
    background: var(--pds-accent);
}

body.pds-admin .pds-support-audio-bars::before {
    content: '';
    position: absolute;
    inset: 0 auto 0 0;
    width: var(--progress);
    background: transparent;
    pointer-events: none;
    box-shadow: 28px 0 0 0 transparent;
}

body.pds-admin .pds-support-audio.is-playing .pds-support-audio-bars span {
    animation: pdsAudioBar 0.85s ease-in-out infinite alternate;
}

body.pds-admin .pds-support-audio.is-playing .pds-support-audio-bars span:nth-child(odd) {
    animation-delay: 0.12s;
}

body.pds-admin .pds-support-audio.is-playing .pds-support-audio-bars span:nth-child(3n) {
    animation-delay: 0.24s;
}

@keyframes pdsAudioBar {
    from { transform: scaleY(0.55); }
    to { transform: scaleY(1.15); }
}

body.pds-admin .pds-support-audio-times {
    display: flex;
    justify-content: space-between;
    margin-top: 0.35rem;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    opacity: 0.92;
}

body.pds-admin .pds-support-audio--sent .pds-support-audio-times,
body.pds-admin .pds-support-audio--sent .pds-support-audio-pos,
body.pds-admin .pds-support-audio--sent .pds-support-audio-dur {
    color: #fff !important;
}

body.pds-admin .pds-support-audio--received .pds-support-audio-times,
body.pds-admin .pds-support-audio--received .pds-support-audio-pos,
body.pds-admin .pds-support-audio--received .pds-support-audio-dur {
    color: #57534E;
}

body.pds-admin .pds-support-attach-menu {
    position: absolute;
    left: 0.7rem;
    bottom: 3.6rem;
    z-index: 20;
    width: min(280px, calc(100% - 2rem));
    padding: 0.55rem;
    border-radius: 18px;
    background: #fff;
    border: 1px solid var(--pds-border);
    box-shadow: 0 16px 40px rgba(28, 25, 23, 0.14);
    animation: pdsMsgIn 0.2s ease-out both;
}

body.pds-admin .pds-support-attach-item {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    border: none;
    background: transparent;
    text-align: left;
    padding: 0.65rem 0.7rem;
    border-radius: 14px;
    cursor: pointer;
    transition: background 0.15s ease;
}

body.pds-admin .pds-support-attach-item:hover {
    background: rgba(var(--brand-rgb), 0.06);
}

body.pds-admin .pds-support-attach-item strong {
    display: block;
    font-size: 0.88rem;
    color: var(--pds-text);
}

body.pds-admin .pds-support-attach-item small {
    display: block;
    font-size: 0.72rem;
    color: var(--pds-muted);
}

body.pds-admin .pds-support-attach-icon {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: var(--attach-color, var(--pds-accent));
    flex-shrink: 0;
}

body.pds-admin .pds-support-gif-panel {
    margin: 0 1rem;
    padding: 0.65rem 0.75rem 0.8rem;
    border: 1px solid var(--pds-border);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(28, 25, 23, 0.08);
    animation: pdsMsgIn 0.22s ease-out both;
}

body.pds-admin .pds-support-gif-panel-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.55rem;
}

body.pds-admin .pds-support-gif-tabs {
    display: inline-flex;
    gap: 0.35rem;
    padding: 0.2rem;
    border-radius: 999px;
    background: #F5F5F4;
}

body.pds-admin .pds-support-gif-tab {
    border: none;
    background: transparent;
    border-radius: 999px;
    padding: 0.35rem 0.85rem;
    font-size: 0.78rem;
    font-weight: 700;
    color: var(--pds-muted);
    cursor: pointer;
}

body.pds-admin .pds-support-gif-tab.is-active {
    background: #fff;
    color: var(--pds-accent);
    box-shadow: 0 1px 4px rgba(28, 25, 23, 0.08);
}

body.pds-admin .pds-support-gif-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.45rem;
    max-height: 220px;
    overflow-y: auto;
}

body.pds-admin .pds-support-gif-item {
    border: none;
    padding: 0;
    border-radius: 12px;
    overflow: hidden;
    background: #F5F5F4;
    aspect-ratio: 1;
    cursor: pointer;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

body.pds-admin .pds-support-gif-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(28, 25, 23, 0.12);
}

body.pds-admin .pds-support-gif-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

body.pds-admin .pds-support-composer {
    flex-shrink: 0;
    margin-top: auto;
    margin-bottom: 0 !important;
    display: block !important;
    padding: 0.45rem 0.7rem 0.55rem !important;
    background: #fff !important;
    border-top: 1px solid rgba(231, 229, 228, 0.9);
    opacity: 1 !important;
    visibility: visible !important;
}

body.pds-admin .content-page.pds-content-shell:has(.pds-support-page) + .mm-footer.pds-footer,
body.pds-admin .content-page.pds-content-shell:has(.pds-support-page) ~ .mm-footer.pds-footer {
    padding-top: 0.55rem !important;
    padding-bottom: 0.65rem !important;
}

body.pds-admin .pds-support-composer.is-recording {
    padding: 0.45rem 0.7rem 0.55rem !important;
}

body.pds-admin .pds-support-composer.is-recording .pds-messenger-composer-inner {
    display: none !important;
}

body.pds-admin .pds-support-voice-bar {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin: 0;
    padding: 0.35rem 0.4rem 0.35rem 0.45rem;
    border-radius: 999px;
    background: linear-gradient(135deg, #FFF7F0 0%, #FFE8D6 48%, #FFF3E8 100%);
    border: 1px solid rgba(var(--brand-rgb), 0.22);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.85),
        0 4px 14px rgba(194, 65, 12, 0.08);
    animation: pdsMsgIn 0.18s ease-out both;
    min-height: 50px;
}

body.pds-admin .pds-support-voice-cancel,
body.pds-admin .pds-support-voice-send {
    width: 38px;
    height: 38px;
    border: none;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex-shrink: 0;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

body.pds-admin .pds-support-voice-cancel:hover,
body.pds-admin .pds-support-voice-send:hover {
    transform: scale(1.06);
}

body.pds-admin .pds-support-voice-cancel {
    background: #fff;
    color: #DC2626;
    border: 1px solid #FECACA;
    box-shadow: 0 2px 6px rgba(220, 38, 38, 0.12);
}

body.pds-admin .pds-support-voice-cancel:hover {
    background: #FEF2F2;
}

body.pds-admin .pds-support-voice-send {
    background: linear-gradient(145deg, var(--pds-accent), var(--pds-accent-2, #C2410C));
    color: #fff;
    box-shadow: 0 4px 12px rgba(var(--brand-rgb), 0.38);
}

body.pds-admin .pds-support-voice-send:hover {
    box-shadow: 0 6px 16px rgba(var(--brand-rgb), 0.45);
}

body.pds-admin .pds-support-voice-live {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    flex-shrink: 0;
    padding: 0.2rem 0.55rem 0.2rem 0.35rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid rgba(var(--brand-rgb), 0.14);
}

body.pds-admin .pds-support-voice-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #EF4444;
    box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.45);
    animation: pdsVoicePulse 1.2s ease-out infinite;
}

body.pds-admin .pds-support-voice-label {
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.02em;
    color: #9A3412;
}

body.pds-admin .pds-support-voice-wave {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    height: 26px;
    min-width: 0;
    padding: 0 0.15rem;
}

body.pds-admin .pds-support-voice-wave span {
    width: 3px;
    flex: 0 0 3px;
    height: 35%;
    border-radius: 99px;
    background: linear-gradient(180deg, var(--pds-accent), #FB923C);
    opacity: 0.75;
    transform-origin: center;
    animation: pdsAudioBar 0.65s ease-in-out infinite alternate;
}

body.pds-admin .pds-support-voice-wave span:nth-child(odd) { animation-delay: 0.08s; height: 62%; }
body.pds-admin .pds-support-voice-wave span:nth-child(3n) { animation-delay: 0.16s; height: 48%; }
body.pds-admin .pds-support-voice-wave span:nth-child(4n) { animation-delay: 0.24s; height: 78%; }
body.pds-admin .pds-support-voice-wave span:nth-child(5n) { animation-delay: 0.12s; height: 40%; }

body.pds-admin .pds-support-voice-timer {
    font-size: 0.84rem;
    font-weight: 800;
    color: #C2410C;
    min-width: 3rem;
    text-align: right;
    font-variant-numeric: tabular-nums;
    letter-spacing: 0.02em;
}

@keyframes pdsVoicePulse {
    0% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.45); }
    70% { box-shadow: 0 0 0 8px rgba(239, 68, 68, 0); }
    100% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0); }
}

body.pds-admin .pds-support-mic-btn {
    color: var(--pds-accent) !important;
}

body.pds-admin .pds-support-chat-card .pds-messenger-composer-inner {
    background: #FAFAF9;
    border: 1px solid rgba(var(--brand-rgb), 0.16);
    border-radius: 999px;
    padding: 0.2rem 0.3rem 0.2rem 0.4rem;
    min-height: 44px;
    align-items: center;
}

body.pds-admin .pds-support-chat-card .pds-messenger-input {
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
    line-height: 1.3;
    min-height: 0;
}

body.pds-admin .pds-support-chat-card .pds-messenger-input::placeholder {
    color: #A8A29E;
}

body.pds-admin .pds-support-chat-card .pds-messenger-image-preview {
    margin: 0.45rem 0.75rem 0.15rem;
}

body.pds-admin .pds-support-gif-panel {
    margin: 0.35rem 0.7rem 0;
}

body.pds-admin .pds-support-detail-card {
    display: flex !important;
    flex-direction: column;
    height: auto !important;
    min-height: 0 !important;
    max-height: 100% !important;
    border: 1px solid rgba(var(--brand-rgb), 0.16) !important;
    overflow: hidden;
    background: #fff !important;
    box-shadow: 0 8px 22px rgba(28, 25, 23, 0.06);
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
}

body.pds-admin .pds-support-detail-card > .pds-support-detail-body,
body.pds-admin .pds-support-detail-card > .card-body.pds-support-detail-body {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

body.pds-admin .pds-support-detail-hero {
    flex-shrink: 0;
    padding: 0.95rem 1rem 0.9rem;
    background: linear-gradient(145deg, #FFF3E8 0%, #FFE7D4 55%, #FFF7F0 100%);
    border-bottom: 1px solid rgba(var(--brand-rgb), 0.12);
}

body.pds-admin .pds-support-detail-hero-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

body.pds-admin .pds-support-detail-kicker {
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.02em;
    color: #9A3412;
}

body.pds-admin .pds-support-id-chip {
    display: inline-flex;
    align-items: center;
    padding: 0.22rem 0.6rem;
    border-radius: 999px;
    background: #fff;
    border: 1px solid rgba(var(--brand-rgb), 0.2);
    color: var(--pds-accent);
    font-size: 0.74rem;
    font-weight: 800;
}

body.pds-admin .pds-support-detail-profile {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

body.pds-admin .pds-support-detail-avatar-wrap {
    position: relative;
    flex-shrink: 0;
}

body.pds-admin .pds-support-detail-avatar-wrap::after {
    content: '';
    position: absolute;
    right: 1px;
    bottom: 1px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #22C55E;
    border: 2px solid #fff;
}

body.pds-admin .pds-support-detail-avatar {
    width: 52px;
    height: 52px;
    border-radius: 16px;
    object-fit: cover;
    border: 2px solid #fff;
    box-shadow: 0 6px 14px rgba(194, 65, 12, 0.16);
    background: #fff;
}

body.pds-admin .pds-support-detail-profile-copy {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.35rem;
    min-width: 0;
}

body.pds-admin .pds-support-detail-name {
    font-size: 1rem;
    font-weight: 800;
    color: #1C1917;
    text-decoration: none;
    line-height: 1.2;
}

body.pds-admin a.pds-support-detail-name:hover {
    color: var(--pds-accent);
}

body.pds-admin .pds-support-detail-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

body.pds-admin .pds-support-detail-body {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    padding: 0.7rem 0.8rem 0.8rem;
    background: #fff;
    color: #1C1917;
    min-height: 0;
    overflow-y: auto;
}

body.pds-admin .pds-support-detail-meta {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    padding: 0.35rem 0.15rem;
    border-radius: 14px;
    background: #fff;
    border: 1px solid #F0EDEA;
}

body.pds-admin .pds-support-detail-meta-row {
    display: flex;
    align-items: flex-start;
    gap: 0.7rem;
    padding: 0.65rem 0.7rem;
}

body.pds-admin .pds-support-detail-meta-row + .pds-support-detail-meta-row {
    border-top: 1px solid #F5F5F4;
}

body.pds-admin .pds-support-detail-meta-icon {
    width: 30px;
    height: 30px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background: rgba(var(--brand-rgb), 0.1);
    color: var(--pds-accent);
    font-size: 0.78rem;
}

body.pds-admin .pds-support-detail-meta-icon--sm {
    width: 26px;
    height: 26px;
    border-radius: 8px;
    font-size: 0.72rem;
}

body.pds-admin .pds-support-detail-meta-copy {
    min-width: 0;
}

body.pds-admin .pds-support-detail-grid {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

body.pds-admin .pds-support-detail-tile {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.8rem 0.85rem;
    border-radius: 16px;
    background: #fff;
    border: 1px solid rgba(231, 229, 228, 0.95);
}

body.pds-admin .pds-support-detail-tile-icon {
    width: 34px;
    height: 34px;
    border-radius: 11px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background: rgba(var(--brand-rgb), 0.1);
    color: var(--pds-accent);
    font-size: 0.85rem;
}

body.pds-admin .pds-support-detail-tile-icon--sm {
    width: 28px;
    height: 28px;
    border-radius: 9px;
    font-size: 0.75rem;
}

body.pds-admin .pds-support-detail-item {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px dashed rgba(148, 163, 184, 0.35);
}

body.pds-admin .pds-support-detail-item:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

body.pds-admin .pds-support-detail-label {
    display: block;
    font-size: 0.64rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--pds-muted);
    margin-bottom: 0.12rem;
}

body.pds-admin .pds-support-detail-value {
    display: block;
    font-size: 0.88rem;
    font-weight: 700;
    color: var(--pds-text);
    line-height: 1.35;
}

body.pds-admin .pds-support-detail-note {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0.75rem 0.85rem;
    border-radius: 14px;
    background: linear-gradient(165deg, rgba(var(--brand-rgb), 0.07) 0%, rgba(251, 146, 60, 0.06) 100%);
    border: 1px solid rgba(var(--brand-rgb), 0.14);
}

body.pds-admin .pds-support-detail-note-head {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    margin-bottom: 0.4rem;
}

body.pds-admin .pds-support-detail-message {
    color: #44403C;
    font-size: 0.88rem;
    line-height: 1.5;
    font-weight: 600;
}

body.pds-admin .pds-support-detail-footer {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    margin-top: auto;
    padding-top: 0.35rem;
}

body.pds-admin .pds-support-detail-tips {
    padding: 0.8rem 0.85rem;
    border-radius: 14px;
    background: #fff;
    border: 1px dashed rgba(var(--brand-rgb), 0.28);
}

body.pds-admin .pds-support-detail-tips strong {
    display: block;
    font-size: 0.78rem;
    font-weight: 800;
    color: #9A3412;
    margin-bottom: 0.4rem;
}

body.pds-admin .pds-support-detail-tips ul {
    margin: 0;
    padding-left: 1.05rem;
    color: #57534E;
    font-size: 0.78rem;
    line-height: 1.55;
}

body.pds-admin .pds-support-detail-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    width: 100%;
    padding: 0.7rem 0.9rem;
    border-radius: 12px;
    background: linear-gradient(135deg, var(--pds-accent), var(--pds-accent-2));
    color: #fff !important;
    font-size: 0.84rem;
    font-weight: 700;
    text-decoration: none !important;
    box-shadow: 0 4px 12px rgba(var(--brand-rgb), 0.28);
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

body.pds-admin .pds-support-detail-cta:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(var(--brand-rgb), 0.36);
    color: #fff !important;
}

body.pds-admin .pds-support-type-badge {
    display: inline-flex;
    align-items: center;
    padding: 0.22rem 0.55rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(var(--brand-rgb), 0.2);
    color: var(--pds-primary);
    font-size: 0.7rem;
    font-weight: 800;
}

body.pds-admin .pds-support-status-badge {
    display: inline-flex;
    align-items: center;
    padding: 0.22rem 0.55rem;
    border-radius: 999px;
    font-size: 0.7rem;
    font-weight: 800;
    background: #ECFDF5;
    color: #047857;
    border: 1px solid #A7F3D0;
}

body.pds-admin .pds-support-status-badge--closed,
body.pds-admin .pds-support-status-badge--resolved {
    background: #F5F5F4;
    color: #57534E;
    border-color: #E7E5E4;
}

body.pds-admin .pds-support-status-badge--pending {
    background: #FFF7ED;
    color: #C2410C;
    border-color: #FED7AA;
}

body.pds-admin .pds-support-id-link,
body.pds-admin .pds-support-order-link,
body.pds-admin .pds-support-user-link {
    color: var(--pds-primary);
    font-weight: 700;
    text-decoration: none;
}

body.pds-admin .pds-support-id-link:hover,
body.pds-admin .pds-support-order-link:hover,
body.pds-admin .pds-support-user-link:hover {
    text-decoration: underline;
}

body.pds-admin .pds-support-message-preview {
    display: inline-block;
    max-width: 220px;
    color: var(--pds-muted);
    font-size: 0.84rem;
}

body.pds-admin .pds-support-media-thumb img,
body.pds-admin .pds-support-media-thumb video {
    border-radius: 10px;
    object-fit: cover;
    border: 1px solid var(--pds-border);
}

body.pds-admin .pds-support-actions {
    gap: 0.45rem;
}

body.pds-admin .pds-support-action-btn {
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    border: 1px solid var(--pds-border);
    background: #fff;
    color: var(--pds-primary);
    transition: all 0.2s ease;
    text-decoration: none;
}

body.pds-admin .pds-support-action-btn:hover {
    background: rgba(var(--brand-rgb), 0.08);
    border-color: rgba(var(--brand-rgb), 0.25);
    color: var(--pds-primary);
}

body.pds-admin .pds-support-action-btn--delete {
    color: #dc3545;
}

body.pds-admin .pds-support-action-btn--delete:hover {
    background: rgba(220, 53, 69, 0.08);
    border-color: rgba(220, 53, 69, 0.25);
    color: #dc3545;
}

/* Splash / page loader — brand-first cinematic */
body.pds-admin #loading {
    background: #1A120E !important;
    transition: opacity 0.45s ease, visibility 0.45s ease;
    isolation: isolate;
    pointer-events: none !important;
}

body.pds-admin.dark #loading {
    background: #0c0a09 !important;
}

body.pds-admin #loader.pds-splash {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background:
        radial-gradient(ellipse 70% 55% at 50% 42%, rgba(var(--brand-rgb), 0.38) 0%, transparent 62%),
        radial-gradient(ellipse 45% 40% at 85% 85%, rgba(var(--brand-rgb), 0.16) 0%, transparent 55%),
        linear-gradient(160deg, #2A1810 0%, #1A120E 42%, #120E0C 100%) !important;
}

body.pds-admin .pds-splash__canvas {
    position: absolute;
    inset: 0;
    pointer-events: none;
    overflow: hidden;
}

body.pds-admin .pds-splash__beam {
    position: absolute;
    left: 50%;
    top: -10%;
    width: 2px;
    height: 55%;
    transform: translateX(-50%);
    background: linear-gradient(180deg, transparent 0%, rgba(var(--brand-rgb), 0.55) 45%, transparent 100%);
    opacity: 0.55;
    animation: pdsSplashBeam 2.8s ease-in-out infinite;
}

body.pds-admin .pds-splash__orb {
    position: absolute;
    border-radius: 50%;
    filter: blur(60px);
}

body.pds-admin .pds-splash__orb--1 {
    width: min(58vw, 460px);
    height: min(58vw, 460px);
    left: 50%;
    top: 44%;
    transform: translate(-50%, -50%);
    background: rgba(var(--brand-rgb), 0.42);
    animation: pdsSplashPulse 3.6s ease-in-out infinite;
}

body.pds-admin .pds-splash__orb--2 {
    width: min(30vw, 240px);
    height: min(30vw, 240px);
    right: 6%;
    bottom: 8%;
    background: rgba(var(--brand-rgb), 0.18);
    animation: pdsSplashFloat 7s ease-in-out infinite alternate;
}

body.pds-admin .pds-splash__grid {
    position: absolute;
    inset: 0;
    opacity: 0.07;
    background-image:
        linear-gradient(rgba(255,255,255,0.35) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,0.35) 1px, transparent 1px);
    background-size: 48px 48px;
    mask-image: radial-gradient(ellipse 70% 60% at 50% 45%, #000 20%, transparent 75%);
    -webkit-mask-image: radial-gradient(ellipse 70% 60% at 50% 45%, #000 20%, transparent 75%);
}

/* Legacy selectors kept harmless */
body.pds-admin .pds-splash__ambient,
body.pds-admin .pds-splash__softlight,
body.pds-admin .pds-splash__stage,
body.pds-admin .pds-splash__content,
body.pds-admin .pds-splash__glow,
body.pds-admin .pds-splash__grain,
body.pds-admin .pds-splash__meter,
body.pds-admin .pds-splash__dots,
body.pds-admin .pds-splash__track,
body.pds-admin .pds-splash__eyebrow {
    display: none !important;
}

body.pds-admin .pds-splash__hero {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.75rem;
    width: min(360px, 90vw);
    text-align: center;
    animation: pdsSplashIn 0.75s cubic-bezier(0.22, 1, 0.36, 1) both;
}

body.pds-admin .pds-splash__mark {
    position: relative;
    width: 148px;
    height: 148px;
    display: grid;
    place-items: center;
}

body.pds-admin .pds-splash__ring {
    position: absolute;
    border-radius: 50%;
    border-style: solid;
    pointer-events: none;
}

body.pds-admin .pds-splash__ring--a {
    inset: 0;
    border-width: 2px;
    border-color: rgba(255, 255, 255, 0.08);
    border-top-color: var(--site-color);
    border-right-color: rgba(var(--brand-rgb), 0.55);
    animation: pdsSplashSpin 1.05s linear infinite;
}

body.pds-admin .pds-splash__ring--b {
    inset: 12px;
    border-width: 1.5px;
    border-color: transparent;
    border-bottom-color: rgba(255, 255, 255, 0.35);
    border-left-color: rgba(var(--brand-rgb), 0.4);
    animation: pdsSplashSpin 1.65s linear infinite reverse;
}

body.pds-admin .pds-splash__logo-wrap {
    width: 108px;
    height: 108px;
    display: grid;
    place-items: center;
    overflow: hidden;
    border-radius: 50%;
    background: #fff;
    box-shadow:
        0 0 0 6px rgba(255, 255, 255, 0.08),
        0 0 0 7px rgba(var(--brand-rgb), 0.55),
        0 18px 40px rgba(0, 0, 0, 0.35),
        0 0 48px rgba(var(--brand-rgb), 0.35);
    animation: pdsSplashBreath 2.8s ease-in-out infinite;
}

body.pds-admin .pds-splash__logo {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    display: block;
}

body.pds-admin .pds-splash__brand {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.45rem;
}

body.pds-admin .pds-splash__title {
    margin: 0;
    font-family: var(--admin-font) !important;
    font-size: calc(1.85rem * var(--admin-font-scale, 1));
    font-weight: 800;
    letter-spacing: -0.035em;
    line-height: 1.1;
    color: #FFF8F2 !important;
    text-shadow: 0 2px 24px rgba(0, 0, 0, 0.35);
}

body.pds-admin .pds-splash__subtitle {
    margin: 0;
    font-family: var(--admin-font) !important;
    font-size: calc(0.95rem * var(--admin-font-scale, 1));
    font-weight: 500;
    letter-spacing: 0.02em;
    color: rgba(255, 243, 232, 0.72) !important;
}

body.pds-admin .pds-splash__progress {
    width: min(180px, 70%);
    height: 3px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.12);
    overflow: hidden;
    margin-top: 0.25rem;
}

body.pds-admin .pds-splash__progress-bar {
    display: block;
    width: 40%;
    height: 100%;
    border-radius: inherit;
    background: var(--site-color);
    box-shadow: 0 0 16px rgba(var(--brand-rgb), 0.75);
    animation: pdsSplashProgress 1.15s ease-in-out infinite;
}

/* legacy track-bar alias */
body.pds-admin .pds-splash__track-bar {
    background: var(--site-color) !important;
}

@keyframes pdsSplashSpin {
    to { transform: rotate(360deg); }
}

@keyframes pdsSplashBreath {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.04); }
}

@keyframes pdsSplashIn {
    from { opacity: 0; transform: translateY(18px) scale(0.96); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes pdsSplashProgress {
    0% { transform: translateX(-140%); }
    100% { transform: translateX(340%); }
}

@keyframes pdsSplashPulse {
    0%, 100% { opacity: 0.55; transform: translate(-50%, -50%) scale(1); }
    50% { opacity: 0.85; transform: translate(-50%, -50%) scale(1.08); }
}

@keyframes pdsSplashFloat {
    from { transform: translate(0, 0); }
    to { transform: translate(-18px, -22px); }
}

@keyframes pdsSplashBeam {
    0%, 100% { opacity: 0.25; transform: translateX(-50%) scaleY(0.85); }
    50% { opacity: 0.7; transform: translateX(-50%) scaleY(1); }
}

/* Topbar refinements */
body.pds-admin .pds-topbar-brand {
    gap: 0.75rem;
    min-width: 0;
}

body.pds-admin .pds-topbar-menu-btn {
    width: 38px;
    height: 38px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--pds-border);
    border-radius: 10px;
    background: #fff;
    color: #64748B !important;
    padding: 0;
    transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

/* Override backend.css desktop rule that hides the topbar hamburger */
@media (min-width: 1300px) {
    body.pds-admin .mm-top-navbar .mm-navbar-custom .wrapper-menu,
    body.pds-admin .pds-topbar-menu-btn.wrapper-menu {
        display: inline-flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}

body.pds-admin .pds-topbar-menu-btn:hover {
    background: #F8FAFC;
    border-color: #CBD5E1;
    color: var(--pds-accent) !important;
}

body.pds-admin .pds-topbar-logo {
    height: 48px !important;
    width: auto !important;
    max-width: 150px;
    object-fit: contain;
    border-radius: 10px;
}

body.pds-admin .pds-topbar-actions {
    gap: 0.65rem;
    margin-left: auto;
}

body.pds-admin .pds-topbar-cluster {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.35rem 0.5rem;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.88);
    border: 1px solid rgba(15, 23, 42, 0.07);
    box-shadow: 0 4px 20px rgba(15, 23, 42, 0.05);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

body.pds-admin.dark .pds-topbar-cluster {
    background: rgba(18, 24, 38, 0.72);
    border-color: rgba(255, 255, 255, 0.08);
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.22);
}

/* Do NOT force display:flex here — it breaks Bootstrap .collapse on mobile
   and floats notification/lang/profile as a truncated absolute panel. */
body.pds-admin .pds-topbar-group {
    align-items: center;
}

@media (min-width: 992px) {
    body.pds-admin .pds-topbar-group.navbar-collapse,
    body.pds-admin .pds-topbar-group {
        display: flex !important;
    }
}

/* Mobile: keep tools inline in the topbar (no absolute dropdown chrome). */
@media (max-width: 991.98px) {
    body.pds-admin .pds-topbar-mobile-toggle {
        display: none !important;
    }

    body.pds-admin .pds-topbar .navbar-collapse.pds-topbar-group,
    body.pds-admin .pds-topbar #navbarSupportedContent {
        display: flex !important;
        flex-basis: auto !important;
        flex-grow: 0 !important;
        position: static !important;
        top: auto !important;
        left: auto !important;
        width: auto !important;
        max-width: none !important;
        height: auto !important;
        padding: 0 !important;
        margin: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        border-radius: 0 !important;
        overflow: visible !important;
    }

    body.pds-admin .pds-topbar-tools.navbar-nav {
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
    }

    body.pds-admin .pds-topbar-profile-name,
    body.pds-admin .pds-topbar-lang-code,
    body.pds-admin .pds-topbar-lang-chevron {
        display: none !important;
    }

    body.pds-admin .pds-topbar-cluster {
        padding: 0.25rem 0.35rem;
        gap: 0.35rem;
    }
}

body.pds-admin .pds-topbar-divider {
    width: 1px;
    height: 26px;
    background: rgba(15, 23, 42, 0.1);
    flex-shrink: 0;
}

body.pds-admin.dark .pds-topbar-divider {
    background: rgba(255, 255, 255, 0.1);
}

/* Theme toggle — modern pill switch */
body.pds-admin .pds-topbar-theme.change-mode {
    margin-right: 0;
    display: flex;
    align-items: center;
}

body.pds-admin .pds-topbar-theme .custom-switch-inner {
    background: transparent;
    border: none;
    padding: 0;
    box-shadow: none;
}

body.pds-admin .pds-topbar-theme.change-mode .custom-switch.custom-switch-icon label.custom-control-label {
    width: 68px !important;
    height: 34px !important;
    cursor: pointer;
}

body.pds-admin .pds-topbar-theme.change-mode .custom-switch.custom-switch-icon label.custom-control-label::before {
    width: 68px !important;
    height: 34px !important;
    top: 0 !important;
    left: 0 !important;
    background: #EEF2F6 !important;
    border: none !important;
    border-radius: 999px !important;
    box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.06);
    transition: background 0.25s ease;
}

body.pds-admin .pds-topbar-theme.change-mode .custom-switch.custom-switch-icon label.custom-control-label::after {
    width: 28px !important;
    height: 28px !important;
    top: 3px !important;
    left: 3px !important;
    border-radius: 50% !important;
    background: #fff !important;
    border: none !important;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.14);
    transform: translateX(0) !important;
    transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), background 0.25s ease;
}

body.pds-admin .pds-topbar-theme.change-mode .custom-switch.custom-switch-icon .custom-control-input:checked ~ .custom-control-label::after {
    transform: translateX(34px) !important;
}

body.pds-admin .pds-topbar-theme.change-mode .custom-switch.custom-switch-icon .custom-control-input:checked ~ .custom-control-label::before {
    background: #1E293B !important;
}

body.pds-admin .pds-topbar-theme.change-mode .custom-switch.custom-switch-icon label.custom-control-label .switch-icon-left,
body.pds-admin .pds-topbar-theme.change-mode .custom-switch.custom-switch-icon label.custom-control-label .switch-icon-right {
    top: 50% !important;
    transform: translateY(-50%);
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    pointer-events: none;
}

body.pds-admin .pds-topbar-theme.change-mode .custom-switch.custom-switch-icon label.custom-control-label .switch-icon-left {
    left: 10px !important;
    right: auto !important;
}

body.pds-admin .pds-topbar-theme.change-mode .custom-switch.custom-switch-icon label.custom-control-label .switch-icon-right {
    right: 10px !important;
    left: auto !important;
}

body.pds-admin .pds-topbar-theme.change-mode .switch-icon-left svg,
body.pds-admin .pds-topbar-theme.change-mode .switch-icon-right svg {
    width: 15px;
    height: 15px;
    display: block;
}

body.pds-admin .pds-topbar-theme.change-mode .custom-control-input:not(:checked) ~ .custom-control-label .switch-icon-left svg {
    color: #94A3B8;
}

body.pds-admin .pds-topbar-theme.change-mode .custom-control-input:not(:checked) ~ .custom-control-label .switch-icon-right svg {
    color: var(--pds-accent);
}

body.pds-admin .pds-topbar-theme.change-mode .custom-control-input:checked ~ .custom-control-label .switch-icon-left svg {
    color: #F8FAFC;
}

body.pds-admin .pds-topbar-theme.change-mode .custom-control-input:checked ~ .custom-control-label .switch-icon-right svg {
    color: #64748B;
}

body.pds-admin.dark .pds-topbar-theme.change-mode .custom-switch.custom-switch-icon label.custom-control-label::before {
    background: rgba(255, 255, 255, 0.08) !important;
}

/* Toolbar tools */
body.pds-admin .pds-topbar-tools {
    display: flex;
    align-items: center;
    gap: 0.15rem;
    margin-left: 0;
}

body.pds-admin .pds-topbar-tools.navbar-nav {
    flex-direction: row;
}

body.pds-admin .pds-topbar-tools > li {
    margin: 0;
}

body.pds-admin .pds-topbar .navbar-list li > a.pds-topbar-tool > img,
body.pds-admin .pds-topbar .navbar-list li > a.pds-topbar-profile > img,
body.pds-admin .pds-topbar .navbar-list li > a.pds-topbar-lang-btn > img {
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
}

body.pds-admin .pds-topbar-tool {
    position: relative;
    height: 36px;
    min-width: 36px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 11px;
    background: transparent;
    border: 1px solid transparent;
    color: #475569 !important;
    transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
    text-decoration: none !important;
    padding: 0 0.45rem !important;
    line-height: 1 !important;
}

body.pds-admin .pds-topbar-tool:hover,
body.pds-admin .pds-topbar-tool[aria-expanded="true"] {
    background: #F8FAFC;
    border-color: #E2E8F0;
    color: var(--pds-accent) !important;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04);
}

body.pds-admin .pds-topbar-tool-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
}

body.pds-admin .pds-topbar-tool-icon svg {
    display: block;
    width: 18px;
    height: 18px;
    color: currentColor !important;
    stroke: currentColor;
}

body.pds-admin .pds-topbar-tool .max,
body.pds-admin .pds-topbar-tool .min {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Language button */
body.pds-admin .pds-topbar-lang-btn {
    padding: 0 0.55rem !important;
    gap: 0.35rem;
}

body.pds-admin .pds-topbar-lang-inner {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}

body.pds-admin .pds-topbar-flag-wrap {
    display: block;
    width: 22px;
    height: 16px;
    border-radius: 3px;
    overflow: hidden;
    border: 1px solid rgba(15, 23, 42, 0.12);
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
    flex-shrink: 0;
}

body.pds-admin .pds-topbar-flag {
    display: block;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    object-fit: cover;
}

body.pds-admin .pds-topbar-lang-code {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: #334155;
}

body.pds-admin .pds-topbar-lang-chevron {
    font-size: 0.55rem;
    color: #94A3B8;
    margin-left: -0.1rem;
}

body.pds-admin .pds-topbar-lang-btn:hover .pds-topbar-lang-code,
body.pds-admin .pds-topbar-lang-btn[aria-expanded="true"] .pds-topbar-lang-code {
    color: var(--pds-accent);
}

/* Message (Messenger-style) — icon only, no background card */
body.pds-admin .pds-topbar-message,
body.pds-admin .pds-topbar-message:hover,
body.pds-admin .pds-topbar-message.is-active,
body.pds-admin .pds-topbar-message:focus {
    width: 36px;
    height: 36px;
    padding: 0 !important;
    overflow: visible;
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
    color: inherit !important;
}

body.pds-admin .pds-topbar-message__icon {
    width: 22px;
    height: 22px;
}

/* Same Font Awesome Messenger icon used on Order Detail List row actions */
body.pds-admin .pds-topbar-message__icon .fa-facebook-messenger {
    font-size: 1.35rem;
    line-height: 1;
    color: var(--site-color, #FE6F07);
    transition: transform 0.15s ease, opacity 0.15s ease;
}

body.pds-admin .pds-topbar-message:hover .pds-topbar-message__icon .fa-facebook-messenger,
body.pds-admin .pds-topbar-message.is-active .pds-topbar-message__icon .fa-facebook-messenger {
    transform: scale(1.08);
    opacity: 0.92;
}

/* Inquiry chat header icon — distinct teal vs Messenger orange */
body.pds-admin .pds-topbar-inquiry,
body.pds-admin .pds-topbar-inquiry:hover,
body.pds-admin .pds-topbar-inquiry.is-active,
body.pds-admin .pds-topbar-inquiry:focus {
    position: relative;
    width: 36px;
    padding: 0 !important;
    overflow: visible;
}
body.pds-admin .pds-topbar-inquiry__icon {
    width: 22px;
    height: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
body.pds-admin .pds-topbar-inquiry__icon .fa-comments {
    font-size: 1.2rem;
    line-height: 1;
    color: #0EA5E9;
    transition: transform 0.15s ease, opacity 0.15s ease;
}
body.pds-admin .pds-topbar-inquiry:hover .pds-topbar-inquiry__icon .fa-comments,
body.pds-admin .pds-topbar-inquiry.is-active .pds-topbar-inquiry__icon .fa-comments {
    transform: scale(1.08);
    opacity: 0.92;
    color: #0284C7;
}

/* Notification badge — keep tiny, top-right; never cover the bell icon */
body.pds-admin .pds-topbar-notify {
    width: 36px;
    padding: 0 !important;
    overflow: visible;
}

body.pds-admin .pds-topbar-tool .pds-topbar-badge,
body.pds-admin .pds-topbar-tool .notify_count.count-mail {
    position: absolute !important;
    top: -2px !important;
    right: -2px !important;
    left: auto !important;
    bottom: auto !important;
    min-width: 16px !important;
    width: auto !important;
    height: 16px !important;
    padding: 0 4px !important;
    margin: 0 !important;
    border-radius: 999px !important;
    background: #EF4444 !important;
    color: #fff !important;
    font-size: 0.6rem !important;
    font-weight: 800 !important;
    line-height: 16px !important;
    box-shadow: 0 0 0 2px #fff;
    animation: none !important;
    -webkit-animation: none !important;
    align-items: center;
    justify-content: center;
    z-index: 3;
    pointer-events: none;
    white-space: nowrap;
    box-sizing: border-box !important;
}

/* Visible only when not hidden — do not fight Bootstrap .d-none */
body.pds-admin .pds-topbar-tool .pds-topbar-badge:not(.d-none),
body.pds-admin .pds-topbar-tool .notify_count.count-mail:not(.d-none) {
    display: inline-flex !important;
}

body.pds-admin .pds-topbar-tool .pds-topbar-badge.d-none,
body.pds-admin .pds-topbar-tool .notify_count.count-mail.d-none {
    display: none !important;
}

/* Profile button */
body.pds-admin .pds-topbar-profile {
    display: inline-flex !important;
    align-items: center;
    gap: 0.55rem;
    padding: 0.2rem 0.45rem 0.2rem 0.2rem !important;
    border-radius: 999px !important;
    border: 1px solid transparent;
    background: transparent;
    text-decoration: none !important;
    transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
    max-width: 200px;
}

body.pds-admin .pds-topbar-profile:hover,
body.pds-admin .pds-topbar-profile[aria-expanded="true"] {
    background: #F8FAFC;
    border-color: #E2E8F0;
    box-shadow: 0 2px 10px rgba(15, 23, 42, 0.05);
}

body.pds-admin .pds-topbar-profile-ring {
    display: inline-flex;
    padding: 2px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--pds-accent), var(--pds-accent-2));
    flex-shrink: 0;
}

body.pds-admin .pds-topbar-avatar {
    width: 32px !important;
    height: 32px !important;
    object-fit: cover;
    border: 2px solid #fff !important;
    border-radius: 50% !important;
    display: block;
}

body.pds-admin .pds-topbar-profile-meta {
    align-items: center;
    gap: 0.35rem;
    min-width: 0;
}

body.pds-admin .pds-topbar-profile-name {
    font-size: 0.8rem;
    font-weight: 700;
    color: #1E293B;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 110px;
    line-height: 1.3;
}

body.pds-admin .pds-topbar-profile-chevron {
    font-size: 0.55rem;
    color: #94A3B8;
    flex-shrink: 0;
}

body.pds-admin .pds-topbar-profile--mobile {
    width: 36px;
    height: 36px;
    padding: 0 !important;
    border-radius: 50% !important;
    justify-content: center;
}

body.pds-admin .pds-topbar-emergency {
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 11px;
    background: rgba(239, 68, 68, 0.08);
    border: 1px solid rgba(239, 68, 68, 0.18);
}

body.pds-admin .pds-topbar-mobile-toggle {
    border: 1px solid var(--pds-border);
    border-radius: 11px;
    width: 36px;
    height: 36px;
    display: none;
    align-items: center;
    justify-content: center;
    color: #64748B;
    background: #fff;
}

body.pds-admin.dark .pds-topbar-tool:hover,
body.pds-admin.dark .pds-topbar-tool[aria-expanded="true"] {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.1);
}

body.pds-admin.dark .pds-topbar-profile:hover,
body.pds-admin.dark .pds-topbar-profile[aria-expanded="true"] {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.1);
}

body.pds-admin.dark .pds-topbar-profile-name {
    color: #F1F5F9;
}

body.pds-admin.dark .pds-topbar-lang-code {
    color: #E2E8F0;
}

body.pds-admin.dark .pds-topbar-menu-btn,
body.pds-admin.dark .pds-topbar-mobile-toggle {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.08);
    color: #CBD5E1 !important;
}

body.pds-admin.dark .pds-topbar-tool .pds-topbar-badge,
body.pds-admin.dark .pds-topbar-tool .notify_count.count-mail {
    box-shadow: 0 0 0 2px rgba(18, 24, 38, 0.95);
}

/* Footer refinements */
body.pds-admin .pds-footer,
body.pds-admin .mm-footer.pds-footer {
    padding: 0.65rem 0 0.85rem !important;
    background: transparent !important;
    border-top: 1px solid rgba(15, 23, 42, 0.06) !important;
    box-shadow: none !important;
}

body.pds-admin.dark .pds-footer,
body.pds-admin.dark .mm-footer.pds-footer {
    background: transparent !important;
    border-top-color: rgba(255, 255, 255, 0.06) !important;
}

body.pds-admin .pds-footer__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    min-height: 40px;
}

body.pds-admin .pds-footer__brand {
    display: inline-flex;
    align-items: center;
    gap: 0.7rem;
}

body.pds-admin .pds-footer__logo {
    height: 32px;
    width: 32px;
    object-fit: cover;
    border-radius: 50%;
    display: block;
    flex-shrink: 0;
    box-shadow:
        0 0 0 2px #fff,
        0 0 0 3px rgba(var(--brand-rgb), 0.18);
}

body.pds-admin.dark .pds-footer__logo {
    box-shadow:
        0 0 0 2px #121826,
        0 0 0 3px rgba(var(--brand-rgb), 0.28);
}

body.pds-admin .pds-footer__name {
    font-family: var(--admin-font);
    font-size: 0.92rem;
    font-weight: 700;
    color: #111827;
    letter-spacing: -0.02em;
    line-height: 1.2;
}

body.pds-admin.dark .pds-footer__name {
    color: #f8fafc;
}

body.pds-admin .pds-footer__copy {
    font-family: var(--admin-font);
    font-size: 0.78rem;
    font-weight: 500;
    color: #94a3b8;
    letter-spacing: 0.01em;
}

body.pds-admin .pds-footer__dot {
    margin: 0 0.35rem;
    opacity: 0.45;
}

@media (max-width: 767.98px) {
    body.pds-admin .pds-footer__inner {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 0.55rem;
    }

    body.pds-admin .pds-topbar-mobile-toggle {
        display: inline-flex;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.pds-admin .pds-splash__ring,
    body.pds-admin .pds-splash__progress-bar,
    body.pds-admin .pds-splash__logo-wrap,
    body.pds-admin .pds-splash__hero,
    body.pds-admin .pds-splash__orb,
    body.pds-admin .pds-splash__beam {
        animation: none !important;
    }
}

/* Topbar dropdown menus */
body.pds-admin .pds-topbar .dropdown-menu {
    border: 1px solid var(--pds-border) !important;
    border-radius: 16px !important;
    box-shadow: 0 18px 48px rgba(15, 23, 42, 0.12) !important;
    padding: 0 !important;
    margin-top: 0.55rem !important;
    min-width: 0;
}

body.pds-admin .pds-topbar .dropdown-menu.pds-lang-menu,
body.pds-admin .pds-topbar .dropdown-menu.pds-lang-menu.mm-sub-dropdown {
    overflow: hidden !important;
    width: 248px !important;
    min-width: 248px !important;
    max-width: calc(100vw - 1.5rem);
    padding: 0 !important;
    margin-top: 0.45rem !important;
    float: none !important;
    right: 0 !important;
    left: auto !important;
    z-index: 2200 !important;
    background: #fff !important;
    border: 1px solid rgba(15, 23, 42, 0.08) !important;
    box-shadow: 0 18px 44px rgba(15, 23, 42, 0.12) !important;
    border-radius: 14px !important;
}

body.pds-admin .pds-lang-menu__header {
    padding: 0.7rem 0.95rem;
    margin: 0;
    width: 100%;
    box-sizing: border-box;
    font-size: 0.62rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #94a3b8;
    border-bottom: 1px solid rgba(15, 23, 42, 0.06);
    background: #fff;
}

body.pds-admin.dark .pds-lang-menu__header,
body.pds-admin.dark .pds-notify-menu__header {
    background: rgba(18, 24, 38, 0.96);
    border-bottom-color: rgba(255, 255, 255, 0.08);
    color: #94a3b8 !important;
}

body.pds-admin.dark .pds-notify-menu {
    background: rgba(18, 24, 38, 0.98) !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

body.pds-admin.dark .pds-notify-menu__tabs,
body.pds-admin.dark .pds-notify-menu__body {
    background: transparent;
}

body.pds-admin.dark .pds-notify-menu__meta {
    background: rgba(255, 255, 255, 0.03);
    border-bottom-color: rgba(255, 255, 255, 0.06);
    color: #94a3b8;
}

body.pds-admin .pds-lang-menu__list {
    list-style: none;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-height: 280px;
    overflow-y: auto;
    overflow-x: hidden;
    display: block !important;
}

body.pds-admin .pds-lang-menu__row {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.pds-admin .pds-topbar .pds-lang-menu__item {
    position: relative;
    display: flex !important;
    align-items: center;
    gap: 0.75rem;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0.72rem 1rem !important;
    margin: 0 !important;
    border-radius: 0 !important;
    border: none !important;
    border-bottom: 1px solid rgba(15, 23, 42, 0.06) !important;
    text-decoration: none !important;
    color: var(--pds-text) !important;
    background: #fff;
    transition: background 0.15s ease;
    overflow: hidden !important;
    height: auto !important;
    min-height: 48px !important;
    line-height: 1.45 !important;
    white-space: nowrap !important;
    text-transform: none !important;
    box-sizing: border-box !important;
}

body.pds-admin.dark .pds-topbar .pds-lang-menu__item {
    background: transparent;
    border-bottom-color: rgba(255, 255, 255, 0.06) !important;
}

body.pds-admin .pds-lang-menu__row:last-child .pds-lang-menu__item {
    border-bottom: none !important;
}

body.pds-admin .pds-topbar .pds-lang-menu__item:hover {
    background: #F8FAFC;
}

body.pds-admin.dark .pds-topbar .pds-lang-menu__item:hover {
    background: rgba(255, 255, 255, 0.04);
}

body.pds-admin .pds-topbar .pds-lang-menu__item.is-active {
    background: rgba(var(--brand-rgb), 0.08) !important;
    box-shadow: none !important;
}

body.pds-admin .pds-topbar .pds-lang-menu__item.is-active::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background: var(--pds-accent);
}

body.pds-admin .pds-topbar .pds-lang-menu__flag {
    flex: 0 0 30px;
    width: 30px;
    height: 21px;
    border-radius: 4px;
    overflow: hidden;
    display: block;
    background: #fff;
    border: 1px solid rgba(15, 23, 42, 0.1);
    margin: 0 !important;
}

body.pds-admin .pds-topbar .pds-lang-menu__flag img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

body.pds-admin .pds-topbar .pds-lang-menu__label {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 0.55rem;
    overflow: hidden;
    padding: 0.05rem 0;
}

body.pds-admin .pds-topbar .pds-lang-menu__name {
    font-family: var(--admin-font);
    font-size: 0.875rem !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;
    padding: 0.05rem 0 !important;
    margin: 0 !important;
    overflow: visible;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex-shrink: 0;
    max-width: 100%;
}

body.pds-admin .pds-topbar .pds-lang-menu__name:lang(my),
body.pds-admin .pds-topbar .pds-lang-menu__name[lang="my"] {
    font-family: var(--admin-font), 'Noto Sans Myanmar', 'Myanmar Text', 'Padauk', system-ui, sans-serif !important;
    line-height: 1.65 !important;
    padding: 0.1rem 0 0.05rem !important;
}

body.pds-admin .pds-topbar .pds-lang-menu__meta {
    font-family: var(--admin-font);
    font-size: 0.74rem;
    font-weight: 500;
    color: var(--pds-muted);
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1 1 auto;
    min-width: 0;
    padding: 0;
    margin: 0;
}

body.pds-admin .pds-topbar .pds-lang-menu__meta::before {
    content: '·';
    margin: 0 0.5rem 0 0.15rem;
    color: #CBD5E1;
    font-weight: 400;
}

body.pds-admin .pds-topbar .pds-lang-menu__status {
    flex: 0 0 16px;
    width: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--pds-accent);
    font-size: 0.7rem;
    margin-left: 0.15rem;
}

body.pds-admin .pds-topbar .pds-lang-menu__check--hidden {
    visibility: hidden;
}

body.pds-admin .pds-lang-menu__empty {
    padding: 0.85rem;
    text-align: center;
    color: var(--pds-muted);
    font-size: 0.82rem;
    font-weight: 600;
}

body.pds-admin .pds-topbar .dropdown-menu.pds-notify-menu.mm-sub-dropdown,
body.pds-admin .pds-topbar .dropdown-menu.pds-notify-menu.show {
    transform: none !important;
}

body.pds-admin .pds-notify-menu {
    width: min(380px, calc(100vw - 1.5rem));
    padding: 0;
    overflow: hidden;
    display: none;
    flex-direction: column;
    border: 1px solid rgba(15, 23, 42, 0.08) !important;
    background: #fff !important;
    box-shadow: 0 20px 48px rgba(15, 23, 42, 0.14) !important;
    border-radius: 16px !important;
    z-index: 2200 !important;
}

body.pds-admin .pds-notify-menu.show {
    display: flex !important;
}

body.pds-admin .pds-notify-menu__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0.85rem 1rem !important;
    font-size: 0.72rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #334155 !important;
    background: #fff !important;
    border-bottom: 1px solid rgba(15, 23, 42, 0.07) !important;
    flex-shrink: 0;
}

body.pds-admin .pds-notify-menu__header-actions {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}

body.pds-admin .pds-notify-header-count.d-none {
    display: none !important;
}

body.pds-admin .pds-notify-header-count {
    min-width: 1.55rem;
    height: 1.55rem;
    padding: 0 0.4rem !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--site-color) 0%, var(--site-color) 100%) !important;
    color: #fff !important;
    font-size: 0.72rem !important;
    font-weight: 800 !important;
    border: 0 !important;
    box-shadow: 0 4px 10px rgba(var(--brand-rgb), 0.28);
}

body.pds-admin .pds-notify-close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: rgba(28, 25, 23, 0.04);
    color: #78716c;
    cursor: pointer;
    line-height: 1;
    transition: background 0.2s ease, color 0.2s ease;
}

body.pds-admin .pds-notify-close:hover {
    background: rgba(var(--brand-rgb), 0.12);
    color: var(--site-color);
}

body.pds-admin.dark .pds-notify-close:hover {
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
}

body.pds-admin .pds-notify-close i {
    font-size: 1rem;
    line-height: 1;
}

body.pds-admin .pds-notify-menu__tabs {
    padding: 0.65rem 0.75rem 0.55rem;
    border-bottom: 1px solid rgba(var(--brand-rgb), 0.1);
    flex-shrink: 0;
    position: relative;
    z-index: 5;
    background: #fff;
}

body.pds-admin .pds-notify-menu__meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0.55rem 0.85rem;
    font-size: 0.76rem;
    color: #78716c;
    border-bottom: 1px solid rgba(var(--brand-rgb), 0.08);
    flex-shrink: 0;
    position: relative;
    z-index: 4;
    background: #fff;
}

body.pds-admin .pds-notify-mark-read {
    font-weight: 700;
    color: var(--site-color);
    white-space: nowrap;
    text-decoration: none;
}
body.pds-admin .pds-notify-mark-read:hover {
    color: var(--site-color);
    text-decoration: underline;
}

body.pds-admin .pds-notify-menu__body {
    max-height: 320px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0.45rem 0.4rem 0.55rem;
    flex: 1 1 auto;
    min-height: 0;
    position: relative;
    z-index: 1;
    background: #fff;
}

body.pds-admin .pds-notify-menu__body .notification-height,
body.pds-admin .pds-notify-menu__body .pds-notify-empty {
    max-height: none;
    overflow: visible;
}

body.pds-admin .pds-notify-card {
    position: relative;
    display: block;
    margin: 0.3rem 0.3rem !important;
    padding: 0.8rem 0.85rem 0.75rem;
    border-radius: 14px !important;
    border: 1px solid rgba(var(--brand-rgb), 0.1) !important;
    background: #fff !important;
    text-decoration: none !important;
    color: inherit;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.12s ease;
}
body.pds-admin .pds-notify-card:hover {
    border-color: rgba(var(--brand-rgb), 0.28) !important;
    box-shadow: 0 8px 18px rgba(var(--brand-rgb), 0.1);
    transform: translateY(-1px);
}
body.pds-admin .pds-notify-card.is-unread {
    background: linear-gradient(135deg, rgba(var(--brand-rgb), 0.06) 0%, #fff 55%) !important;
    border-color: rgba(var(--brand-rgb), 0.2) !important;
}
body.pds-admin .pds-notify-card__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    margin-bottom: 0.4rem;
}
body.pds-admin .pds-notify-card__time {
    flex-shrink: 0;
    color: #a8a29e;
    font-size: 0.68rem;
    font-weight: 600;
    white-space: nowrap;
}
body.pds-admin .pds-notify-card__title {
    margin: 0 0 0.25rem;
    color: #1c1917;
    font-size: 0.88rem;
    font-weight: 800;
    letter-spacing: -0.01em;
    line-height: 1.3;
}
body.pds-admin .pds-notify-card__message {
    margin: 0;
    color: #57534e;
    font-size: 0.76rem;
    line-height: 1.45;
    padding-right: 0.5rem;
}
body.pds-admin .pds-notify-card__dot {
    position: absolute;
    top: 0.85rem;
    right: 0.75rem;
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: var(--site-color);
    box-shadow: 0 0 0 3px rgba(var(--brand-rgb), 0.18);
}
body.pds-admin .pds-notify-card.is-unread .pds-notify-card__time {
    margin-right: 0.85rem;
}

body.pds-admin .pds-notify-view-all {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0.35rem 0.3rem 0.15rem;
    padding: 0.7rem 0.85rem;
    border-radius: 12px;
    background: rgba(var(--brand-rgb), 0.08);
    border: 1px solid rgba(var(--brand-rgb), 0.16);
    color: var(--site-color) !important;
    font-size: 0.78rem;
    font-weight: 800;
    text-decoration: none !important;
}
body.pds-admin .pds-notify-view-all:hover {
    background: var(--site-color);
    border-color: var(--site-color);
    color: #fff !important;
}

body.pds-admin .pds-notify-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    margin: 0.5rem;
    padding: 1.6rem 1rem;
    border-radius: 14px;
    background: #fff;
    border: 1px dashed rgba(var(--brand-rgb), 0.2);
    text-align: center;
}
body.pds-admin .pds-notify-empty__icon {
    width: 42px;
    height: 42px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    background: rgba(var(--brand-rgb), 0.08);
    color: var(--site-color);
    font-size: 1.05rem;
}
body.pds-admin .pds-notify-empty p {
    margin: 0;
    color: #78716c;
    font-size: 0.82rem;
    font-weight: 600;
}

/* Keep legacy card selectors from breaking if old HTML is cached */
body.pds-admin .pds-notify-menu__body .sub-card,
body.pds-admin .pds-notify-menu__body .notify-list-bg {
    border-radius: 14px !important;
    margin: 0.3rem 0.3rem !important;
    border: 1px solid rgba(var(--brand-rgb), 0.1) !important;
    background: #fff !important;
}

body.pds-admin.dark .pds-notify-menu__body .sub-card,
body.pds-admin.dark .pds-notify-menu__body .notify-list-bg {
    background: rgba(255, 255, 255, 0.03) !important;
}

body.pds-admin .pds-notification-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    position: relative;
    z-index: 6;
    pointer-events: auto !important;
    user-select: none;
    -webkit-user-select: none;
}

body.pds-admin .pds-notification-tabs--page {
    margin-bottom: 0.25rem;
}

body.pds-admin .pds-notification-tab {
    border: 1px solid #e2e8f0;
    background: #fff;
    color: #64748b;
    border-radius: 999px;
    padding: 0.3rem 0.62rem;
    font-size: 0.66rem;
    font-weight: 700;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.2s ease;
    position: relative;
    z-index: 7;
    pointer-events: auto !important;
    user-select: none;
    -webkit-user-select: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1.2;
}
body.pds-admin .pds-notification-tab:hover {
    border-color: rgba(var(--brand-rgb), 0.45);
    color: var(--site-color);
    background: rgba(var(--brand-rgb), 0.08);
}
body.pds-admin .pds-notification-tab.is-active {
    background: linear-gradient(135deg, var(--site-color) 0%, var(--site-color) 100%);
    border-color: var(--site-color);
    color: #fff;
    box-shadow: 0 4px 12px rgba(var(--brand-rgb), 0.25);
}

body.pds-admin .pds-notification-category-badge {
    display: inline-block;
    border-radius: 999px;
    padding: 0.14rem 0.5rem;
    font-size: 0.62rem;
    font-weight: 700;
    line-height: 1.3;
}

body.pds-admin .pds-notification-category-badge--user_messages {
    background: #eff6ff;
    color: #2563eb;
}

body.pds-admin .pds-notification-category-badge--user_orders {
    background: #ecfdf5;
    color: #059669;
}

body.pds-admin .pds-notification-category-badge--admin_changes {
    background: rgba(var(--brand-rgb), 0.08);
    color: var(--site-color);
}

body.pds-admin .pds-topbar-profile-menu {
    min-width: 240px;
    padding: 0 !important;
    border-radius: 16px !important;
    overflow: hidden;
}

body.pds-admin .pds-profile-menu__head {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem 1rem 0.85rem;
    background: linear-gradient(135deg, rgba(var(--brand-rgb), 0.08) 0%, rgba(255, 255, 255, 0) 80%);
    list-style: none;
}

body.pds-admin.dark .pds-profile-menu__head {
    background: linear-gradient(135deg, rgba(var(--brand-rgb), 0.12) 0%, rgba(255, 255, 255, 0) 80%);
}

body.pds-admin .pds-profile-menu__avatar-wrap {
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    padding: 2px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--pds-accent), var(--pds-accent-2));
}

body.pds-admin .pds-profile-menu__avatar {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #fff;
    display: block;
}

body.pds-admin .pds-profile-menu__info {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

body.pds-admin .pds-profile-menu__name {
    font-size: 0.9rem;
    font-weight: 700;
    color: var(--pds-text);
    line-height: 1.35;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.pds-admin .pds-profile-menu__email {
    font-size: 0.74rem;
    color: var(--pds-muted);
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.pds-admin .pds-profile-menu__divider {
    height: 1px;
    background: var(--pds-border);
    margin: 0;
    list-style: none;
}

body.pds-admin .pds-topbar-profile-menu .dropdown-item {
    border-radius: 0;
    padding: 0.7rem 1rem;
    font-weight: 600;
    font-size: 0.86rem;
    margin: 0;
    align-items: center;
    gap: 0.65rem;
}

body.pds-admin .pds-topbar-profile-menu .dropdown-item svg {
    flex-shrink: 0;
    color: var(--pds-accent) !important;
}

body.pds-admin .pds-topbar-profile-menu .dropdown-item:hover {
    background: rgba(var(--brand-rgb), 0.07);
}

body.pds-admin .pds-topbar-profile-menu .dropdown-item a {
    color: var(--pds-text) !important;
    text-decoration: none !important;
    font-weight: 600;
}

body.pds-admin .pds-topbar-profile-menu .dropdown-item form {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    width: 100%;
    margin: 0;
}

body.pds-admin .pds-profile-menu__logout {
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
    background: transparent !important;
}

body.pds-admin .pds-profile-menu__logout-form {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

body.pds-admin .pds-profile-menu__logout-btn,
body.pds-admin button.pds-profile-menu__logout-btn,
body.pds-admin .pds-topbar-profile-menu button.pds-profile-menu__logout-btn {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    display: flex !important;
    align-items: center !important;
    gap: 0.65rem !important;
    width: 100% !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    background-image: none !important;
    padding: 0.7rem 1rem !important;
    margin: 0 !important;
    font-family: inherit !important;
    font-weight: 600 !important;
    font-size: 0.86rem !important;
    line-height: 1.3 !important;
    color: var(--site-color) !important;
    cursor: pointer !important;
    text-align: left !important;
}

body.pds-admin .pds-profile-menu__logout-btn svg {
    flex-shrink: 0 !important;
    width: 20px !important;
    height: 20px !important;
    color: var(--site-color) !important;
    stroke: currentColor !important;
}

body.pds-admin .pds-profile-menu__logout-btn:hover,
body.pds-admin .pds-profile-menu__logout-btn:focus {
    background: rgba(var(--brand-rgb), 0.08) !important;
    color: var(--site-color) !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

body.pds-admin .pds-topbar .dropdown-menu.pds-notify-menu {
    overflow: hidden;
}

body.pds-admin .pds-topbar .language-menu ul,
body.pds-admin .pds-topbar .pds-lang-menu__list {
    border: 0 !important;
    background: transparent !important;
    padding: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

body.pds-admin .pds-topbar .language-menu .list-group-item {
    border: 0 !important;
    background: transparent !important;
    padding: 0 !important;
}

body.pds-admin .pds-topbar .language-menu .pds-lang-menu__item,
body.pds-admin .pds-topbar .language-menu a.pds-lang-menu__item {
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;
    white-space: nowrap !important;
    text-transform: none !important;
    line-height: 1.45 !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}

body.pds-admin .pds-price-input::-webkit-outer-spin-button,
body.pds-admin .pds-price-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

body.pds-admin .pds-price-input[type=number] {
    -moz-appearance: textfield;
}

body.pds-admin input[type="number"] {
    -moz-appearance: textfield;
    appearance: textfield;
}

body.pds-admin input[type="number"]::-webkit-outer-spin-button,
body.pds-admin input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Shop Product form */
body.pds-admin .pds-shop-product-page .pds-shop-product-card__sub {
    margin-top: 0.25rem;
    font-size: 0.8rem;
    color: var(--pds-muted);
}

body.pds-admin .pds-shop-product-layout {
    display: grid;
    grid-template-columns: 240px minmax(0, 1fr);
    gap: 1.25rem;
    margin-bottom: 1.25rem;
}

body.pds-admin .pds-shop-product-cover {
    position: relative;
    padding: 1.1rem 1rem;
    border-radius: 16px;
    border: 1px solid var(--pds-border);
    background: linear-gradient(180deg, #fff 0%, var(--pds-surface-2) 100%);
    box-shadow: var(--pds-shadow-sm);
    text-align: center;
}

body.pds-admin .pds-shop-product-cover__badge {
    position: absolute;
    top: 12px;
    left: 12px;
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    font-size: 0.65rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #fff;
    background: var(--pds-primary);
}

body.pds-admin .pds-shop-product-cover .pds-vehicle-upload__frame {
    max-width: 168px;
    margin-top: 0.35rem;
    border-radius: 14px;
}

body.pds-admin .pds-shop-product-cover__hint {
    margin: 0.75rem 0 0;
    font-size: 0.75rem;
    color: var(--pds-muted);
    line-height: 1.4;
}

body.pds-admin .pds-shop-product-panel {
    padding: 1.15rem 1.2rem 1rem;
    border-radius: 16px;
    border: 1px solid var(--pds-border);
    background: #fff;
    box-shadow: var(--pds-shadow-sm);
}

body.pds-admin .pds-shop-product-panel--wide {
    margin-bottom: 0.25rem;
}

body.pds-admin .pds-shop-product-panel__head {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1rem;
    padding-bottom: 0.85rem;
    border-bottom: 1px solid var(--pds-border);
}

body.pds-admin .pds-shop-product-panel__icon {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--pds-primary);
    background: rgba(var(--brand-rgb), 0.1);
    flex-shrink: 0;
}

body.pds-admin .pds-shop-product-panel__title {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 800;
    color: var(--pds-text);
}

body.pds-admin .pds-shop-product-panel__desc {
    font-size: 0.76rem;
    color: var(--pds-muted);
}

body.pds-admin .pds-shop-product-input,
body.pds-admin .pds-shop-product-page .select2-container--default .select2-selection--single {
    min-height: 44px !important;
    border-radius: 12px !important;
    border-color: var(--pds-border) !important;
    background: var(--pds-surface-2) !important;
}

body.pds-admin .pds-shop-product-input:focus,
body.pds-admin .pds-shop-product-page .select2-container--default.select2-container--open .select2-selection--single,
body.pds-admin .pds-shop-product-page .select2-container--default.select2-container--focus .select2-selection--single {
    border-color: rgba(var(--brand-rgb), 0.55) !important;
    box-shadow: 0 0 0 3px rgba(var(--brand-rgb), 0.12) !important;
    background: #fff !important;
}

body.pds-admin .pds-shop-gallery-upload {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    min-height: 128px;
    margin: 0;
    padding: 1.25rem 1rem;
    border: 2px dashed rgba(var(--brand-rgb), 0.35);
    border-radius: 14px;
    background: rgba(var(--brand-rgb), 0.04);
    cursor: pointer;
    text-align: center;
    transition: border-color 0.2s ease, background 0.2s ease;
}

body.pds-admin .pds-shop-gallery-upload:hover {
    border-color: rgba(var(--brand-rgb), 0.6);
    background: rgba(var(--brand-rgb), 0.07);
}

body.pds-admin .pds-shop-gallery-upload i {
    font-size: 1.65rem;
    color: var(--pds-primary);
}

body.pds-admin .pds-shop-gallery-upload__text {
    font-size: 0.86rem;
    font-weight: 700;
    color: var(--pds-text);
}

body.pds-admin .pds-shop-gallery-upload__sub {
    font-size: 0.74rem;
    color: var(--pds-muted);
}

body.pds-admin .pds-shop-gallery-upload input[type="file"] {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

body.pds-admin .pds-shop-product-footer {
    display: flex;
    justify-content: flex-end;
    padding-top: 1.15rem;
    margin-top: 1rem;
    border-top: 1px solid var(--pds-border);
}

body.pds-admin .pds-shop-product-save {
    min-width: 140px;
    border-radius: 12px;
    font-weight: 700;
    padding: 0.55rem 1.35rem;
    box-shadow: 0 8px 20px rgba(var(--brand-rgb), 0.28);
}

@media (max-width: 767.98px) {
    body.pds-admin .pds-shop-product-layout {
        grid-template-columns: 1fr;
    }
}

body.pds-admin.dark .pds-shop-product-cover,
body.pds-admin.dark .pds-shop-product-panel {
    background: var(--pds-surface-1);
}

body.pds-admin.dark .pds-shop-product-input,
body.pds-admin.dark .pds-shop-product-page .select2-container--default .select2-selection--single {
    background: var(--pds-surface-2) !important;
}

/* ── Dispatch Order (clean v2) ── */
body.pds-admin .pds-dispatch-page {
    padding: 0.5rem 0 2rem;
    background: transparent;
}

body.pds-admin .pds-dispatch-layout {
    max-width: 920px;
    margin: 0 auto;
}

body.pds-admin .pds-dispatch-form-card {
    background: #fff;
    border: 1px solid #e8ecf1;
    border-radius: 20px;
    box-shadow: 0 8px 32px rgba(15, 23, 42, 0.06);
    overflow: hidden;
}

body.pds-admin .pds-dispatch-form-header {
    padding: 1.5rem 1.75rem 1.25rem;
    border-bottom: 1px solid #f1f5f9;
    background: linear-gradient(180deg, rgba(var(--brand-rgb), 0.04) 0%, #fff 100%);
}

body.pds-admin .pds-dispatch-form-title {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 700;
    color: #0f172a;
    letter-spacing: 0.01em;
}

body.pds-admin .pds-dispatch-form-subtitle {
    margin: 0.35rem 0 0;
    font-size: 0.875rem;
    color: #64748b;
    line-height: 1.45;
}

body.pds-admin .pds-dispatch-card-top {
    padding: 1.25rem 1.5rem 0;
}

body.pds-admin .pds-dispatch-segment {
    display: inline-flex;
    padding: 4px;
    background: #f1f5f9;
    border-radius: 12px;
    gap: 4px;
}

body.pds-admin .pds-dispatch-pickup-tabs .pds-dispatch-pickup-segment {
    flex-wrap: wrap;
    width: 100%;
    max-width: 100%;
}

body.pds-admin .pds-dispatch-segment-btn {
    border: none;
    background: transparent;
    color: #64748b;
    border-radius: 9px;
    padding: 0.55rem 1rem;
    font-weight: 600;
    font-size: 0.84rem;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    transition: all 0.18s ease;
    text-decoration: none;
}

body.pds-admin .pds-dispatch-segment-btn:hover {
    color: var(--site-color);
    text-decoration: none;
}

body.pds-admin .pds-dispatch-segment-btn.is-active {
    background: #fff;
    color: var(--site-color);
    box-shadow: 0 1px 4px rgba(15, 23, 42, 0.08);
}

body.pds-admin .pds-dispatch-tab-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.35rem;
    height: 1.35rem;
    padding: 0 0.4rem;
    border-radius: 999px;
    background: #e2e8f0;
    color: #475569;
    font-size: 0.72rem;
    font-weight: 750;
    line-height: 1;
}

body.pds-admin .pds-dispatch-segment-btn.is-active .pds-dispatch-tab-count {
    background: rgba(var(--brand-rgb), 0.16);
    color: var(--site-color);
}

body.pds-admin .pds-dispatch-segment-single .pds-dispatch-segment-btn {
    cursor: default;
    user-select: none;
}

body.pds-admin .pds-dispatch-form-body {
    padding: 1.35rem 1.75rem 0.75rem;
}

body.pds-admin .pds-dispatch-section {
    background: #fff;
    border: 1px solid #eef2f6;
    border-radius: 16px;
    padding: 1.1rem 1.2rem 0.15rem;
    margin-bottom: 1rem;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.03);
}

body.pds-admin .pds-dispatch-section-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.85rem;
}

body.pds-admin .pds-dispatch-section-title {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    margin: 0 0 0.85rem;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #64748b;
}

body.pds-admin .pds-dispatch-section-head .pds-dispatch-section-title {
    margin-bottom: 0;
}

body.pds-admin .pds-dispatch-section-title i {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: rgba(var(--brand-rgb), 0.1);
    color: var(--pds-accent);
    font-size: 0.8rem;
}

body.pds-admin .pds-dispatch-field--full {
    margin-bottom: 0.85rem;
}

body.pds-admin .pds-dispatch-panel {
    background: #f8fafc;
    border: 1px solid #eef2f6;
    border-radius: 14px;
    padding: 1rem 1.1rem 0.35rem;
    margin-bottom: 0.85rem;
}

body.pds-admin .pds-dispatch-panel-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.85rem;
}

body.pds-admin .pds-dispatch-panel-title {
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #64748b;
    margin-bottom: 0.85rem;
}

body.pds-admin .pds-dispatch-panel-head .pds-dispatch-panel-title {
    margin-bottom: 0;
}

body.pds-admin .pds-dispatch-panel-actions {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

body.pds-admin .pds-dispatch-link-btn {
    border: none;
    background: #fff;
    color: #475569;
    border-radius: 8px;
    padding: 0.35rem 0.7rem;
    font-size: 0.8rem;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
    text-decoration: none !important;
}

body.pds-admin .pds-dispatch-link-btn-accent {
    color: var(--site-color);
}

body.pds-admin .pds-dispatch-grid {
    display: grid;
    gap: 0.85rem 1rem;
}

body.pds-admin .pds-dispatch-grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
body.pds-admin .pds-dispatch-field--full { grid-column: 1 / -1; }

/* User registration form */
body.pds-admin .pds-user-reg-card .pds-page-header {
    border-bottom: 1px solid var(--pds-border);
    padding-bottom: 1rem;
}

body.pds-admin .pds-user-reg-subtitle {
    margin-top: 0.2rem;
    font-size: 0.84rem;
    color: #64748b;
}

body.pds-admin .pds-user-reg-body {
    padding: 1.25rem 1.35rem 1.35rem;
}

body.pds-admin .pds-user-reg-layout {
    display: grid;
    grid-template-columns: 220px minmax(0, 1fr);
    gap: 1.5rem;
    align-items: start;
}

body.pds-admin .pds-user-reg-aside {
    position: sticky;
    top: 1rem;
    background: linear-gradient(180deg, rgba(var(--brand-rgb), 0.06) 0%, #fff 72%);
    border: 1px solid #eef2f6;
    border-radius: 16px;
    padding: 1.25rem 1rem;
}

body.pds-admin .pds-user-reg-aside .pds-profile-upload {
    margin: 0 auto;
}

body.pds-admin .pds-user-reg-main {
    min-width: 0;
}

body.pds-admin .pds-user-reg-section {
    background: #fff;
    border: 1px solid #eef2f6;
    border-radius: 14px;
    padding: 1rem 1.1rem 0.35rem;
    margin-bottom: 0.9rem;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.03);
}

body.pds-admin .pds-user-reg-section--nrc {
    padding-bottom: 0.85rem;
}

body.pds-admin .pds-user-reg-section--nrc .pds-mm-nrc-box {
    border: none;
    box-shadow: none;
    padding: 0;
    background: transparent;
}

body.pds-admin .pds-mm-nrc-stack {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 0.85rem;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: #fff;
}

body.pds-admin .pds-mm-nrc-stack-item {
    width: 100%;
    min-width: 0;
}

body.pds-admin .pds-mm-nrc-stack-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
    width: 100%;
}

body.pds-admin .pds-mm-nrc-field-label {
    display: block;
    margin: 0 0 0.35rem;
    font-size: 0.78rem;
    font-weight: 700;
    color: #475569;
    letter-spacing: 0.01em;
}

body.pds-admin .pds-mm-nrc-strip-field {
    position: relative;
    min-width: 0;
    width: 100%;
    min-height: 42px;
}

body.pds-admin .pds-mm-nrc-box .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #64748b !important;
    font-weight: 600 !important;
    opacity: 1 !important;
}

body.pds-admin .pds-mm-nrc-box .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100% !important;
    top: 0 !important;
    right: 6px !important;
}

body.pds-admin .pds-mm-nrc-box .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #64748b transparent transparent transparent;
}

@media (max-width: 575.98px) {
    body.pds-admin .pds-mm-nrc-stack-row {
        grid-template-columns: 1fr;
    }
}

body.pds-admin .pds-mm-nrc-stack .select2-container--default .select2-selection--single {
    height: 42px !important;
    min-height: 42px !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    background: #fff !important;
}

body.pds-admin .pds-mm-nrc-stack .select2-container--default .select2-selection--single .select2-selection__rendered {
    display: flex !important;
    align-items: center !important;
    min-height: 40px !important;
    line-height: 1.35 !important;
    padding: 0.2rem 1.65rem 0.2rem 0.55rem !important;
    font-family: var(--admin-font), 'Noto Sans Myanmar', 'Myanmar Text', 'Padauk', sans-serif !important;
}

body.pds-admin .pds-mm-nrc-stack .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #64748b !important;
    font-weight: 600 !important;
    opacity: 1 !important;
}

body.pds-admin .pds-user-reg-section__title {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0 0 0.85rem;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #64748b;
}

body.pds-admin .pds-user-reg-section__title i {
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: rgba(var(--brand-rgb), 0.1);
    color: var(--pds-accent);
    font-size: 0.78rem;
}

body.pds-admin .pds-user-reg-password-change__title {
    margin: 0 0 0.25rem;
    font-size: 0.82rem;
    font-weight: 700;
    color: #334155;
}

body.pds-admin .pds-user-reg-password-change__hint {
    margin: 0;
    font-size: 0.76rem;
    color: #64748b;
    line-height: 1.45;
}

body.pds-admin .pds-user-reg-form .pds-dispatch-input {
    width: 100%;
}

body.pds-admin .pds-field-hint {
    display: block;
    margin-top: 0.35rem;
    font-size: 0.75rem;
    color: #94a3b8;
}

body.pds-admin .pds-phone-field .iti {
    width: 100%;
    display: block;
}

body.pds-admin .pds-phone-field .iti__flag-container {
    border-right: 1px solid #e2e8f0;
}

body.pds-admin .pds-phone-field .iti--separate-dial-code .iti__selected-flag {
    background: #f8fafc;
    border-radius: 10px 0 0 10px;
    padding-left: 0.65rem;
    padding-right: 0.45rem;
}

body.pds-admin .pds-phone-field .iti--separate-dial-code .iti__selected-dial-code {
    font-weight: 600;
    color: #0f172a;
    margin-left: 0.35rem;
}

body.pds-admin .pds-phone-field .pds-dispatch-input,
body.pds-admin .pds-phone-field input[type="tel"] {
    padding-left: 0.85rem !important;
    min-height: 42px;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    width: 100%;
}

body.pds-admin .pds-phone-field .iti--allow-dropdown input:focus {
    border-color: var(--pds-accent);
    box-shadow: 0 0 0 3px rgba(var(--brand-rgb), 0.12);
    outline: none;
}

body.pds-admin .pds-phone-field--readonly .iti__flag-container,
body.pds-admin .pds-phone-field--readonly .iti__selected-flag {
    pointer-events: none;
    cursor: default;
}

body.pds-admin .pds-phone-field--readonly input[type="tel"] {
    background: #f8fafc !important;
    color: #334155 !important;
    cursor: default;
}

body.pds-admin .pds-phone-field--readonly .iti--separate-dial-code .iti__selected-flag {
    background: #f1f5f9;
}

body.pds-admin .pds-user-reg-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 0.35rem;
    padding-top: 0.85rem;
    border-top: 1px solid #eef2f6;
}

body.pds-admin .pds-user-reg-save {
    min-width: 140px;
    border-radius: 10px;
    font-weight: 600;
    padding: 0.55rem 1.35rem;
    box-shadow: 0 6px 18px rgba(var(--brand-rgb), 0.22);
}

@media (max-width: 991px) {
    body.pds-admin .pds-user-reg-layout {
        grid-template-columns: 1fr;
    }

    body.pds-admin .pds-user-reg-aside {
        position: static;
    }
}

body.pds-admin .pds-user-reg-nrc { margin-top: 0.5rem; }
body.pds-admin .pds-dispatch-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
body.pds-admin .pds-dispatch-grid-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
body.pds-admin .pds-dispatch-grid-span-2 { grid-column: 1 / -1; }
body.pds-admin .pds-dispatch-grid-span-3 { grid-column: 1 / -1; }

body.pds-admin .pds-dispatch-field {
    margin-bottom: 0.85rem;
}

body.pds-admin .pds-dispatch-field label {
    position: static;
    display: block;
    padding: 0;
    background: transparent;
    font-size: 0.8rem;
    font-weight: 600;
    color: #475569;
    margin: 0 0 0.35rem;
    z-index: auto;
}

body.pds-admin .pds-dispatch-field-label-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    margin-bottom: 0.35rem;
}

body.pds-admin .pds-dispatch-field-label-row label {
    margin: 0;
}

body.pds-admin .pds-dispatch-field-add {
    border: none;
    background: transparent;
    padding: 0;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--site-color);
    cursor: pointer;
    line-height: 1.2;
    white-space: nowrap;
}

body.pds-admin .pds-dispatch-field-add:hover,
body.pds-admin .pds-dispatch-field-add:focus {
    color: var(--site-color);
    text-decoration: underline;
    outline: none;
}

body.pds-admin .pds-dispatch-field.is-invalid .pds-dispatch-input,
body.pds-admin .pds-dispatch-field.is-invalid .select2-container--default .select2-selection--single {
    border-color: #ef4444 !important;
}

body.pds-admin .pds-dispatch-input {
    width: 100%;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #fff;
    min-height: 42px;
    padding: 0.55rem 0.8rem;
    font-size: 0.9rem;
    color: #0f172a;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

body.pds-admin .pds-dispatch-input.is-readonly,
body.pds-admin .pds-dispatch-input[readonly] {
    background: #f8fafc;
    color: #64748b;
}

body.pds-admin .pds-dispatch-input:focus {
    outline: none;
    border-color: rgba(var(--brand-rgb), 0.45);
    box-shadow: 0 0 0 3px rgba(var(--brand-rgb), 0.1);
}

body.pds-admin .pds-dispatch-textarea {
    min-height: 88px;
    resize: vertical;
}

body.pds-admin .pds-dispatch-field .select2-container--default .select2-selection--single {
    min-height: 42px;
    border: 1px solid #e2e8f0 !important;
    border-radius: 10px !important;
    background: #fff !important;
    display: flex;
    align-items: center;
}

body.pds-admin .snackbar-container .action {
    display: none !important;
}

body.pds-admin .snackbar-container {
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.18);
}

body.pds-admin .pds-dispatch-form-actions {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 0.6rem;
    padding: 1rem 1.5rem 1.35rem;
    border-top: 1px solid #f1f5f9;
}

body.pds-admin .pds-dispatch-form-actions-group {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 0.55rem;
}

body.pds-admin .pds-dispatch-post-save-actions {
    display: flex;
    align-items: center;
    gap: 0.45rem;
}

body.pds-admin .pds-dispatch-post-save-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 10px;
    color: #16a34a;
    font-size: 1.55rem;
    text-decoration: none;
    transition: background-color 0.15s ease, color 0.15s ease, transform 0.15s ease;
}

body.pds-admin .pds-dispatch-post-save-icon:hover {
    background: #ecfdf3;
    color: #15803d;
    transform: translateY(-1px);
}

body.pds-admin .pds-dispatch-btn {
    min-width: 108px;
    border-radius: 10px;
    font-weight: 600;
    font-size: 0.86rem;
    padding: 0.55rem 1.15rem;
    border: 1px solid transparent;
    transition: all 0.15s ease;
}

body.pds-admin .pds-dispatch-btn-ghost {
    background: #fff;
    color: #475569;
    border-color: #e2e8f0;
}

body.pds-admin .pds-dispatch-btn-primary {
    background: var(--pds-accent);
    color: #fff;
    border-color: var(--pds-accent);
    box-shadow: 0 4px 14px rgba(var(--brand-rgb), 0.22);
}

body.pds-admin .pds-dispatch-btn-primary:hover {
    filter: brightness(0.97);
}

body.pds-admin .pds-dispatch-btn-primary.is-saving {
    opacity: 0.92;
    pointer-events: none;
}

body.pds-admin .pds-dispatch-btn-spinner {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
}

body.pds-admin .pds-dispatch-form-card.is-save-success {
    box-shadow: 0 0 0 2px rgba(22, 163, 74, 0.35), 0 10px 30px rgba(22, 163, 74, 0.12);
    animation: pdsDispatchSavePulse 0.9s ease;
}

@keyframes pdsDispatchSavePulse {
    0% { box-shadow: 0 0 0 0 rgba(22, 163, 74, 0.45); }
    70% { box-shadow: 0 0 0 10px rgba(22, 163, 74, 0); }
    100% { box-shadow: 0 0 0 0 rgba(22, 163, 74, 0); }
}

body.pds-admin .pds-dispatch-save-alert {
    display: flex;
    align-items: flex-start;
    gap: 0.85rem;
    margin: 0 1.5rem 1rem;
    padding: 0.95rem 1rem;
    border-radius: 12px;
    border: 1px solid transparent;
    opacity: 0;
    transform: translateY(-8px);
    transition: opacity 0.25s ease, transform 0.25s ease;
}

body.pds-admin .pds-dispatch-save-alert.is-visible {
    opacity: 1;
    transform: translateY(0);
}

body.pds-admin .pds-dispatch-save-alert.is-success {
    background: #ecfdf3;
    border-color: #86efac;
    color: #14532d;
}

body.pds-admin .pds-dispatch-save-alert.is-error {
    background: #fef2f2;
    border-color: #fca5a5;
    color: #7f1d1d;
}

body.pds-admin .pds-dispatch-save-alert-icon {
    font-size: 1.35rem;
    line-height: 1;
    margin-top: 0.1rem;
}

body.pds-admin .pds-dispatch-save-alert-body {
    flex: 1;
    min-width: 0;
}

body.pds-admin .pds-dispatch-save-alert-title {
    display: block;
    font-size: 0.95rem;
    font-weight: 700;
    margin-bottom: 0.15rem;
}

body.pds-admin .pds-dispatch-save-alert-text {
    display: block;
    font-size: 0.86rem;
    line-height: 1.45;
}

body.pds-admin .pds-dispatch-save-alert-close {
    border: 0;
    background: transparent;
    color: inherit;
    opacity: 0.65;
    padding: 0.15rem;
    line-height: 1;
}

body.pds-admin .pds-dispatch-save-alert-close:hover {
    opacity: 1;
}

body.pds-admin .pds-dispatch-btn-accent {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.65rem 1.1rem;
    border-radius: 8px;
    border: 1px solid var(--site-color);
    background: rgba(var(--brand-rgb), 0.08);
    color: var(--site-color);
    font-weight: 600;
    text-decoration: none;
}

body.pds-admin .pds-dispatch-btn-accent:hover {
    background: rgba(var(--brand-rgb), 0.16);
    color: var(--site-color);
}

body.pds-admin .pds-dispatch-error {
    display: block;
    color: #ef4444;
    font-size: 0.75rem;
    margin-top: 0.25rem;
}

/* OS search modal */
body.pds-admin .pds-dispatch-modal-header {
    background: #fff;
    color: #0f172a;
    border-bottom: 1px solid #f1f5f9;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.1rem;
}

body.pds-admin .pds-dispatch-modal-title {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
}

body.pds-admin .pds-dispatch-modal-close {
    background: #f8fafc;
    border: none;
    color: #64748b;
    width: 32px;
    height: 32px;
    border-radius: 8px;
}

body.pds-admin .pds-dispatch-modal-body { padding: 1rem 1.1rem; }

body.pds-admin .pds-dispatch-table-wrap {
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    max-height: 340px;
    overflow: auto;
}

body.pds-admin .pds-dispatch-table { width: 100%; border-collapse: collapse; margin: 0; }

body.pds-admin .pds-dispatch-table thead th {
    background: rgba(var(--brand-rgb), 0.08);
    color: var(--site-color);
    font-weight: 700;
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding: 0.65rem 0.8rem;
    border-bottom: 1px solid rgba(var(--brand-rgb), 0.28);
    position: sticky;
    top: 0;
}

body.pds-admin .pds-dispatch-table tbody td {
    padding: 0.65rem 0.8rem;
    border-bottom: 1px solid #f1f5f9;
    font-size: 0.88rem;
}

body.pds-admin .pds-dispatch-table-row { cursor: pointer; }
body.pds-admin .pds-dispatch-table-row:hover { background: rgba(var(--brand-rgb), 0.08); }
body.pds-admin .pds-dispatch-empty-row td { text-align: center; color: #94a3b8; padding: 1.5rem; }

/* Order list dispatch styles */
body.pds-admin .pds-dispatch-filter-bar {
    margin-bottom: 1.15rem;
    padding: 1rem 1.15rem;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    border: 1px solid rgba(226, 232, 240, 0.95);
    border-radius: 16px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 8px 24px rgba(15, 23, 42, 0.03);
}

body.pds-admin .pds-dispatch-filter-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 0.85rem 1rem;
}

body.pds-admin .pds-dispatch-filter-group {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    min-width: 0;
}

body.pds-admin .pds-dispatch-filter-group-dates {
    flex: 0 1 auto;
}

body.pds-admin .pds-dispatch-filter-group-search {
    flex: 1 1 220px;
    min-width: 200px;
    max-width: 320px;
}

body.pds-admin .pds-dispatch-filter-group-label {
    display: block;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #94a3b8;
    margin: 0;
    line-height: 1.2;
}

body.pds-admin .pds-dispatch-filter-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

body.pds-admin .pds-dispatch-filter-date-range {
    display: flex;
    align-items: center;
    gap: 0.45rem;
}

body.pds-admin .pds-dispatch-filter-date-sep {
    color: #cbd5e1;
    font-size: 0.9rem;
    line-height: 1;
    padding-bottom: 0.1rem;
}

body.pds-admin .pds-dispatch-filter-control {
    position: relative;
    display: flex;
    align-items: center;
    min-width: 0;
}

body.pds-admin .pds-dispatch-filter-icon {
    position: absolute;
    left: 0.8rem;
    top: 50%;
    transform: translateY(-50%);
    color: #94a3b8;
    font-size: 0.82rem;
    pointer-events: none;
    z-index: 1;
}

body.pds-admin .pds-dispatch-filter-input {
    width: 100%;
    min-height: 42px;
    border: 1px solid #e2e8f0;
    border-radius: 11px;
    background: #fff;
    padding: 0.55rem 0.85rem 0.55rem 2.2rem;
    font-size: 0.86rem;
    color: #0f172a;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease;
}

body.pds-admin .pds-dispatch-filter-date-range .pds-dispatch-filter-control {
    width: 142px;
}

body.pds-admin .pds-dispatch-filter-date-range .pds-dispatch-filter-icon {
    pointer-events: auto;
    cursor: pointer;
}

body.pds-admin .pds-dispatch-filter-date-range .pds-dispatch-filter-input[readonly] {
    cursor: pointer;
    background: #fff;
}

body.pds-admin .pds-dispatch-list-page .pds-dispatch-filter-toolbar {
    display: grid;
    grid-template-columns: auto minmax(220px, 1fr) auto;
    align-items: end;
    width: 100%;
    column-gap: 1.1rem;
    row-gap: 0.75rem;
}

body.pds-admin .pds-dispatch-list-page .pds-dispatch-filter-group-status,
body.pds-admin .pds-dispatch-list-page .pds-dispatch-filter-group-search {
    min-width: 0;
}

body.pds-admin .pds-dispatch-list-page .pds-dispatch-filter-group-status .pds-dispatch-filter-control,
body.pds-admin .pds-dispatch-list-page .pds-dispatch-filter-group-search .pds-dispatch-filter-control {
    min-width: 0;
    width: 100%;
}

body.pds-admin .pds-dispatch-list-page .pds-dispatch-filter-group-search {
    flex: none;
    max-width: none;
    width: 100%;
}

body.pds-admin .pds-dispatch-list-page .pds-dispatch-filter-group-dates {
    width: auto;
}

body.pds-admin .pds-dispatch-list-page .pds-dispatch-filter-actions {
    margin-left: 0;
    flex-shrink: 0;
    white-space: nowrap;
    justify-self: end;
}

body.pds-admin .pds-dispatch-filter-group:not(.pds-dispatch-filter-group-dates):not(.pds-dispatch-filter-group-search) .pds-dispatch-filter-control {
    min-width: 210px;
}

body.pds-admin .pds-dispatch-filter-select {
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394a3b8' d='M2.2 4.3 6 8.1l3.8-3.8'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.85rem center;
    padding-right: 2rem;
    cursor: pointer;
}

body.pds-admin .pds-dispatch-filter-input::placeholder {
    color: #94a3b8;
}

body.pds-admin .pds-dispatch-filter-input:hover {
    border-color: #cbd5e1;
}

body.pds-admin .pds-dispatch-filter-input:focus {
    outline: none;
    border-color: rgba(var(--brand-rgb), 0.45);
    box-shadow: 0 0 0 3px rgba(var(--brand-rgb), 0.1);
    background: #fff;
}

body.pds-admin .pds-dispatch-filter-actions {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-left: auto;
    padding-bottom: 1px;
}

body.pds-admin .pds-dispatch-filter-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    min-height: 42px;
    padding: 0.55rem 0.95rem;
    border-radius: 11px;
    border: 1px solid transparent;
    font-size: 0.82rem;
    font-weight: 600;
    line-height: 1;
    text-decoration: none !important;
    white-space: nowrap;
    transition: background-color 0.15s ease, border-color 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease;
}

body.pds-admin .pds-dispatch-filter-action-primary {
    background: linear-gradient(180deg, var(--site-color) 0%, var(--site-color) 100%);
    color: #fff !important;
    box-shadow: 0 1px 2px rgba(var(--brand-rgb), 0.25);
}

body.pds-admin .pds-dispatch-filter-action-primary:hover {
    background: linear-gradient(180deg, var(--site-color) 0%, var(--site-color) 100%);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(var(--brand-rgb), 0.22);
}

body.pds-admin .pds-dispatch-filter-action-reset {
    background: #fff;
    border-color: #e2e8f0;
    color: #64748b !important;
}

body.pds-admin .pds-dispatch-filter-action-reset:hover {
    background: #f8fafc;
    border-color: #cbd5e1;
    color: #334155 !important;
}

body.pds-admin .pds-dispatch-field-sm { margin-bottom: 0; }

body.pds-admin .pds-dispatch-filter-btn {
    width: 38px;
    height: 38px;
    border: none;
    border-radius: 10px;
    background: var(--pds-accent);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

body.pds-admin .pds-dispatch-filter-btn-reset { background: #64748b; }

body.pds-admin .pds-dispatch-table-shell .dataTables_wrapper table.dataTable thead th {
    background: rgba(var(--brand-rgb), 0.08) !important;
    color: var(--site-color) !important;
    border-color: rgba(var(--brand-rgb), 0.28) !important;
    font-weight: 700;
    font-size: 0.78rem;
    white-space: nowrap;
}

body.pds-admin .pds-dispatch-status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    border: 1px solid transparent;
    border-radius: 999px;
    padding: 0.18rem 0.55rem;
    font-size: 0.64rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    line-height: 1.2;
    white-space: nowrap;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
    max-width: 100%;
    box-sizing: border-box;
}

body.pds-admin .pds-dispatch-item-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 30px;
    height: 30px;
    border-radius: 50%;
    color: #64748b;
    font-weight: 700;
    font-size: 0.84rem;
    line-height: 1;
}

body.pds-admin .pds-dispatch-item-count.is-link {
    min-width: 34px;
    height: 34px;
    border: 2px solid var(--site-color);
    background: #fff;
    color: var(--site-color);
    text-decoration: none;
    cursor: pointer;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

body.pds-admin .pds-dispatch-item-count.is-link:hover {
    background: rgba(var(--brand-rgb), 0.08);
    border-color: var(--site-color);
    color: var(--site-color);
    box-shadow: 0 2px 8px rgba(var(--brand-rgb), 0.2);
    transform: translateY(-1px);
}

body.pds-admin .pds-dispatch-row-actions {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.35rem;
    padding: 0.28rem;
    background: linear-gradient(180deg, #ffffff 0%, rgba(var(--brand-rgb), 0.05) 100%);
    border: 1px solid rgba(var(--brand-rgb), 0.16);
    border-radius: 12px;
    box-shadow: 0 1px 2px rgba(var(--brand-rgb), 0.05);
    position: relative;
    z-index: 2;
    white-space: nowrap;
}

body.pds-admin .pds-dispatch-row-actions a {
    pointer-events: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    border: 1px solid transparent;
    background: #fff;
    color: var(--site-color);
    font-size: 0.82rem;
    line-height: 1;
    text-decoration: none !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

body.pds-admin .pds-dispatch-row-actions a:hover {
    background: rgba(var(--brand-rgb), 0.08);
    border-color: rgba(var(--brand-rgb), 0.45);
    color: var(--site-color);
    box-shadow: 0 4px 10px rgba(var(--brand-rgb), 0.14);
    transform: translateY(-1px);
}

body.pds-admin .pds-dispatch-action-edit { color: var(--site-color); }
body.pds-admin .pds-dispatch-action-edit:hover { color: var(--site-color); background: rgba(var(--brand-rgb), 0.16); border-color: rgba(var(--brand-rgb), 0.45); }

body.pds-admin .pds-dispatch-action-print { color: var(--site-color); }
body.pds-admin .pds-dispatch-action-gate { color: #111827; }

/* Update Gate modal */
body.pds-admin #dispatchItemGateModal .modal-dialog {
    max-width: 440px;
}
body.pds-admin .pds-gate-modal {
    border: 0;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.18);
}
body.pds-admin .pds-gate-modal__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 1.1rem 1.2rem 1rem;
    background: linear-gradient(135deg, var(--site-color) 0%, var(--site-color) 100%);
    border-bottom: 0;
}
body.pds-admin .pds-gate-modal__brand {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    min-width: 0;
}
body.pds-admin .pds-gate-modal__icon {
    width: 42px;
    height: 42px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    background: rgba(255, 255, 255, 0.22);
    color: #fff;
    font-size: 1.05rem;
    flex-shrink: 0;
}
body.pds-admin .pds-gate-modal__title {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 800;
    color: #fff;
    letter-spacing: 0.01em;
}
body.pds-admin .pds-gate-modal__customer {
    margin: 0.2rem 0 0;
    font-size: 0.82rem;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.92);
}
body.pds-admin .pds-gate-modal__close {
    width: 34px;
    height: 34px;
    border: 0;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.2);
    color: #fff;
    display: grid;
    place-items: center;
    cursor: pointer;
    flex-shrink: 0;
}
body.pds-admin .pds-gate-modal__close:hover {
    background: rgba(255, 255, 255, 0.32);
}
body.pds-admin .pds-gate-modal__body {
    padding: 1.1rem 1.2rem 0.4rem;
    background: #fff;
}
body.pds-admin .pds-gate-modal__field {
    margin-bottom: 0.85rem;
}
body.pds-admin .pds-gate-modal__field label {
    display: block;
    margin-bottom: 0.35rem;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #78716c;
}
body.pds-admin .pds-gate-modal__input {
    width: 100%;
    height: 44px;
    padding: 0 0.9rem;
    border: 1px solid #e7e5e4;
    border-radius: 12px;
    background: rgba(var(--brand-rgb), 0.04);
    color: #1c1917;
    font-size: 0.92rem;
    font-weight: 700;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}
body.pds-admin .pds-gate-modal__input:focus {
    outline: none;
    border-color: var(--site-color);
    background: #fff;
    box-shadow: 0 0 0 3px rgba(var(--brand-rgb), 0.15);
}
body.pds-admin .pds-gate-modal__hint {
    margin: 0 0 0.95rem;
    padding: 0.7rem 0.8rem;
    border-radius: 12px;
    background: rgba(var(--brand-rgb), 0.08);
    border: 1px solid rgba(var(--brand-rgb), 0.14);
    color: var(--site-color);
    font-size: 0.74rem;
    line-height: 1.45;
}
body.pds-admin .pds-gate-modal__foot {
    display: flex;
    justify-content: flex-end;
    gap: 0.55rem;
    padding: 0.85rem 1.2rem 1.15rem;
    background: #fff;
}
body.pds-admin .pds-gate-modal__btn {
    min-height: 40px;
    padding: 0 1.05rem;
    border: 0;
    border-radius: 11px;
    font-size: 0.84rem;
    font-weight: 700;
    cursor: pointer;
    transition: transform 0.12s ease, box-shadow 0.15s ease, background 0.15s ease;
}
body.pds-admin .pds-gate-modal__btn--ghost {
    background: #f5f5f4;
    color: #44403c;
}
body.pds-admin .pds-gate-modal__btn--ghost:hover {
    background: #e7e5e4;
}
body.pds-admin .pds-gate-modal__btn--primary {
    background: linear-gradient(135deg, var(--site-color) 0%, var(--site-color) 100%);
    color: #fff;
    box-shadow: 0 8px 18px rgba(var(--brand-rgb), 0.28);
}
body.pds-admin .pds-gate-modal__btn--primary:hover {
    transform: translateY(-1px);
    box-shadow: 0 10px 22px rgba(var(--brand-rgb), 0.34);
}
body.pds-admin .pds-gate-modal__btn:disabled {
    opacity: 0.65;
    cursor: wait;
    transform: none;
}

/* legacy header selector kept for safety */
body.pds-admin .pds-gate-modal__header {
    background: linear-gradient(135deg, var(--site-color) 0%, var(--site-color) 100%);
    color: #fff;
    border-bottom: 0;
}
body.pds-admin .pds-gate-modal__header .close {
    text-shadow: none;
    opacity: 1;
}
body.pds-admin .pds-dispatch-row-actions a.pds-dispatch-action-restore {
    width: 34px;
    min-width: 34px;
    height: 34px;
    padding: 0;
    flex-shrink: 0;
    box-sizing: border-box;
    color: var(--site-color);
    background: transparent;
    border-color: transparent;
    font-size: 0.82rem;
    font-weight: 400;
    line-height: 1;
    white-space: nowrap;
    text-decoration: none !important;
    box-shadow: none;
}
body.pds-admin .pds-dispatch-row-actions a.pds-dispatch-action-restore i {
    font-size: 0.82rem;
    line-height: 1;
}
body.pds-admin .pds-dispatch-row-actions a.pds-dispatch-action-restore:hover,
body.pds-admin .pds-dispatch-row-actions a.pds-dispatch-action-restore:focus,
body.pds-admin .pds-dispatch-row-actions a.pds-dispatch-action-restore:focus-visible,
body.pds-admin .pds-dispatch-row-actions a.pds-dispatch-action-restore:active {
    background: rgba(var(--brand-rgb), 0.08);
    border-color: rgba(var(--brand-rgb), 0.45);
    color: var(--site-color);
    outline: none;
    box-shadow: 0 4px 10px rgba(var(--brand-rgb), 0.14);
}
body.pds-admin .pds-dispatch-row-actions a.pds-dispatch-action-move-order-list {
    width: auto;
    min-width: auto;
    height: 34px;
    padding: 0 0.85rem;
    flex-shrink: 0;
    box-sizing: border-box;
    color: #0f766e;
    background: #f0fdfa;
    border-color: #99f6e4;
    font-size: 0.74rem;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    text-decoration: none;
}
body.pds-admin .pds-dispatch-row-actions a.pds-dispatch-action-move-order-list:hover {
    background: #ccfbf1;
    border-color: #5eead4;
    color: #0f766e;
}
body.pds-admin .pds-dispatch-row-actions a.pds-dispatch-action-rider-done {
    width: auto;
    min-width: auto;
    height: 34px;
    padding: 0 0.9rem;
    flex-shrink: 0;
    box-sizing: border-box;
    color: var(--site-color);
    background: linear-gradient(180deg, rgba(var(--brand-rgb), 0.08) 0%, rgba(var(--brand-rgb), 0.16) 100%);
    border-color: rgba(var(--brand-rgb), 0.45);
    font-size: 0.74rem;
    font-weight: 750;
    letter-spacing: 0.01em;
    line-height: 1;
    white-space: nowrap;
    text-decoration: none;
}
body.pds-admin .pds-dispatch-row-actions a.pds-dispatch-action-rider-done:hover {
    background: linear-gradient(180deg, rgba(var(--brand-rgb), 0.16) 0%, rgba(var(--brand-rgb), 0.28) 100%);
    border-color: var(--site-color);
    color: var(--site-color);
}
body.pds-admin #remoteModelData .pds-admin-rider-done-wrap {
    max-width: 640px;
    margin: 0.75rem auto;
    max-height: calc(100vh - 1.5rem);
}
body.pds-admin .pds-admin-rider-done-modal {
    border: 0;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 24px 64px rgba(28, 25, 23, 0.18);
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 1.5rem);
}
body.pds-admin .pds-admin-rider-done-modal > .pds-ard-form,
body.pds-admin .pds-admin-rider-done-modal > form {
    display: flex;
    flex-direction: column;
    min-height: 0;
    flex: 1 1 auto;
    max-height: inherit;
}
body.pds-admin .pds-ard-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.15rem 1.35rem 1rem;
    background:
        radial-gradient(120% 140% at 0% 0%, rgba(var(--brand-rgb), 0.12) 0%, transparent 55%),
        #fff;
    border-bottom: 1px solid #f0ebe6;
    flex-shrink: 0;
}
body.pds-admin .pds-ard-header__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin-bottom: 0.55rem;
}
body.pds-admin .pds-ard-chip {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 0 0.65rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.01em;
}
body.pds-admin .pds-ard-chip--order {
    background: var(--site-color);
    color: #fff;
}
body.pds-admin .pds-ard-chip--muted {
    background: #f5f5f4;
    color: #57534e;
}
body.pds-admin .pds-ard-header__title {
    margin: 0;
    color: #1c1917;
    font-size: 1.28rem;
    font-weight: 800;
    letter-spacing: 0.01em;
    line-height: 1.2;
}
body.pds-admin .pds-ard-header__rider {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    margin-top: 0.55rem;
    padding: 0.35rem 0.7rem 0.35rem 0.4rem;
    border-radius: 999px;
    background: rgba(var(--brand-rgb), 0.08);
    border: 1px solid rgba(var(--brand-rgb), 0.16);
    color: var(--site-color);
    font-size: 0.8rem;
}
body.pds-admin .pds-ard-header__rider-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 999px;
    background: var(--site-color);
    color: #fff;
    font-size: 0.65rem;
}
body.pds-admin .pds-ard-header__rider-label {
    color: #a8a29e;
    font-weight: 600;
}
body.pds-admin .pds-ard-header__rider strong {
    color: var(--site-color);
    font-weight: 700;
}
body.pds-admin .pds-ard-close {
    flex-shrink: 0;
    width: 34px;
    height: 34px;
    border: 0;
    border-radius: 10px;
    background: #f5f5f4;
    color: #57534e;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background 0.15s ease, color 0.15s ease;
}
body.pds-admin .pds-ard-close:hover {
    background: #e7e5e4;
    color: #1c1917;
}
body.pds-admin .pds-ard-body {
    padding: 1rem 1.2rem 1.15rem;
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    background: #f7f6f4;
}
body.pds-admin .pds-ard-search {
    position: sticky;
    top: 0;
    z-index: 6;
    margin: 0 0 0.85rem;
    padding: 0 0 0.55rem;
    background: linear-gradient(180deg, #f7f6f4 78%, rgba(247, 246, 244, 0));
}
body.pds-admin .pds-ard-search__input {
    width: 100%;
    height: 42px;
    padding: 0 0.9rem 0 2.35rem;
    border: 1px solid #e7e5e4;
    border-radius: 12px;
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23a8a29e' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85zm-5.242 1.106a5 5 0 1 1 0-10 5 5 0 0 1 0 10z'/%3E%3C/svg%3E") no-repeat 0.85rem center;
    color: #1c1917;
    font-size: 0.88rem;
}
body.pds-admin .pds-ard-search__icon {
    display: none;
}
body.pds-admin .pds-ard-search__input:focus {
    outline: none;
    border-color: var(--site-color);
    box-shadow: 0 0 0 3px rgba(var(--brand-rgb), 0.16);
}
body.pds-admin .pds-ard-search-empty {
    margin: 0 0 0.85rem;
    padding: 0.85rem 1rem;
    border-radius: 12px;
    background: #fff7ed;
    color: #9a3412;
    font-size: 0.84rem;
    font-weight: 600;
}
body.pds-admin .pds-ard-card.is-search-hidden {
    display: none !important;
}
body.pds-admin .pds-ard-empty {
    margin: 0;
    padding: 1.25rem;
    border-radius: 14px;
    background: #fff;
    border: 1px solid #e7e5e4;
    color: #44403c;
    text-align: center;
}
body.pds-admin .pds-ard-card {
    background: #fff;
    border: 1px solid #e8e4df;
    border-radius: 16px;
    padding: 1rem 1.05rem 1.1rem;
    margin-bottom: 0.85rem;
    box-shadow: 0 1px 2px rgba(28, 25, 23, 0.04);
}
body.pds-admin .pds-ard-card:last-child {
    margin-bottom: 0;
}
body.pds-admin .pds-ard-card__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.9rem;
}
body.pds-admin .pds-ard-card__title-wrap {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    min-width: 0;
}
body.pds-admin .pds-ard-card__index {
    flex-shrink: 0;
    width: 30px;
    height: 30px;
    border-radius: 10px;
    background: rgba(var(--brand-rgb), 0.08);
    color: var(--site-color);
    font-size: 0.82rem;
    font-weight: 800;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
body.pds-admin .pds-ard-card__title {
    margin: 0;
    color: #1c1917;
    font-size: 0.95rem;
    font-weight: 800;
    line-height: 1.2;
}
body.pds-admin .pds-ard-card__extra {
    margin-left: 0.3rem;
    font-style: normal;
    font-size: 0.72rem;
    font-weight: 700;
    color: var(--site-color);
}
body.pds-admin .pds-ard-card__subtitle {
    margin: 0.15rem 0 0;
    color: #78716c;
    font-size: 0.75rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 240px;
}
body.pds-admin .pds-ard-card__size {
    flex-shrink: 0;
    min-height: 28px;
    padding: 0.2rem 0.75rem;
    border-radius: 999px;
    background: linear-gradient(135deg, var(--site-color) 0%, var(--site-color) 100%);
    color: #fff;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    display: inline-flex;
    align-items: center;
    box-shadow: 0 4px 12px rgba(var(--brand-rgb), 0.28);
}
body.pds-admin .pds-ard-info {
    display: grid;
    gap: 0.75rem;
    margin-bottom: 1rem;
    padding: 0.9rem 0.95rem;
    border-radius: 14px;
    background:
        linear-gradient(135deg, rgba(var(--brand-rgb), 0.06) 0%, rgba(255, 255, 255, 0) 55%),
        rgba(var(--brand-rgb), 0.04);
    border: 1px solid rgba(var(--brand-rgb), 0.16);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85);
}
body.pds-admin .pds-ard-info.has-photo {
    grid-template-columns: 88px 1fr;
    align-items: start;
}
body.pds-admin .pds-ard-info__photo {
    width: 88px;
    height: 88px;
    border-radius: 12px;
    overflow: hidden;
    background: rgba(var(--brand-rgb), 0.08);
    border: 1px solid rgba(var(--brand-rgb), 0.2);
    box-shadow: 0 4px 12px rgba(var(--brand-rgb), 0.12);
}
body.pds-admin .pds-ard-info__photo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
body.pds-admin .pds-ard-info__list {
    margin: 0;
    display: grid;
    gap: 0.5rem;
}
body.pds-admin .pds-ard-info__list > div {
    display: grid;
    grid-template-columns: 98px minmax(0, 1fr);
    gap: 0.55rem;
    align-items: start;
    padding: 0.35rem 0;
    border-bottom: 1px solid rgba(var(--brand-rgb), 0.08);
}
body.pds-admin .pds-ard-info__list > div:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}
body.pds-admin .pds-ard-info__list > div:first-child {
    padding-top: 0;
}
body.pds-admin .pds-ard-info__list dt {
    margin: 0;
    color: var(--site-color);
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    line-height: 1.45;
}
body.pds-admin .pds-ard-info__list dd {
    margin: 0;
    color: #1c1917;
    font-size: 0.84rem;
    font-weight: 700;
    line-height: 1.45;
    word-break: break-word;
}
body.pds-admin .pds-ard-section {
    margin-top: 0.95rem;
}
body.pds-admin .pds-ard-section:first-of-type {
    margin-top: 0;
}
body.pds-admin .pds-ard-section__label {
    margin-bottom: 0.5rem;
    color: #57534e;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}
body.pds-admin .pds-ard-section__label i {
    color: #ef4444;
    font-style: normal;
    font-weight: 800;
}
body.pds-admin .pds-ard-amounts {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.65rem;
    margin-bottom: 0.65rem;
}
body.pds-admin .pds-ard-field {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    margin: 0;
}
body.pds-admin .pds-ard-field > span {
    color: #78716c;
    font-size: 0.75rem;
    font-weight: 600;
}
body.pds-admin .pds-ard-field > span i {
    color: #ef4444;
    font-style: normal;
}
body.pds-admin .pds-ard-field input {
    width: 100%;
    height: 42px;
    padding: 0 0.85rem;
    border: 1px solid #e7e5e4;
    border-radius: 11px;
    background: #fff;
    color: #1c1917;
    font-size: 0.92rem;
    font-weight: 600;
    outline: none;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
body.pds-admin .pds-ard-field input:focus {
    border-color: var(--site-color);
    box-shadow: 0 0 0 3px rgba(var(--brand-rgb), 0.14);
}
body.pds-admin .pds-ard-pay {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.45rem;
}
body.pds-admin .pds-ard-pay__opt {
    position: relative;
    margin: 0;
    cursor: pointer;
}
body.pds-admin .pds-ard-pay__opt input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
body.pds-admin .pds-ard-pay__opt span {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    border-radius: 11px;
    border: 1px solid #e7e5e4;
    background: #fafaf9;
    color: #57534e;
    font-size: 0.78rem;
    font-weight: 700;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
body.pds-admin .pds-ard-pay__opt.is-selected span,
body.pds-admin .pds-ard-pay__opt:hover span {
    border-color: rgba(var(--brand-rgb), 0.45);
    color: var(--site-color);
    background: rgba(var(--brand-rgb), 0.08);
}
body.pds-admin .pds-ard-pay__opt.is-selected span {
    background: var(--site-color);
    border-color: var(--site-color);
    color: #fff;
}
body.pds-admin .pds-ard-sizes {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.4rem;
}
body.pds-admin .pds-ard-size {
    height: 40px;
    border-radius: 11px;
    border: 1px solid #e7e5e4;
    background: #fafaf9;
    color: #44403c;
    font-size: 0.88rem;
    font-weight: 700;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, transform 0.12s ease, box-shadow 0.15s ease;
}
body.pds-admin .pds-ard-size:hover {
    border-color: rgba(var(--brand-rgb), 0.45);
    color: var(--site-color);
    background: rgba(var(--brand-rgb), 0.08);
}
body.pds-admin .pds-ard-size.is-selected {
    background: linear-gradient(135deg, var(--site-color) 0%, var(--site-color) 100%);
    border-color: var(--site-color);
    color: #fff;
    transform: translateY(-1px);
    box-shadow: 0 6px 14px rgba(var(--brand-rgb), 0.28);
}
body.pds-admin .pds-ard-hint {
    margin: 0.45rem 0 0;
    color: #b45309;
    font-size: 0.74rem;
}
body.pds-admin .pds-ard-upload-wrap {
    position: relative;
}
body.pds-admin .pds-ard-upload {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.8rem;
    margin: 0;
    padding: 1rem 0.95rem;
    min-height: 96px;
    border-radius: 14px;
    border: 1.5px dashed rgba(var(--brand-rgb), 0.45);
    background: rgba(var(--brand-rgb), 0.05);
    cursor: pointer;
    transition: border-color 0.15s ease, background 0.15s ease;
}
body.pds-admin .pds-ard-upload:hover,
body.pds-admin .pds-ard-upload.has-file {
    border-color: var(--site-color);
    background: rgba(var(--brand-rgb), 0.08);
}
body.pds-admin .pds-ard-upload.has-file {
    justify-content: center;
    padding: 0;
    min-height: 168px;
    overflow: hidden;
    border-style: solid;
    border-color: var(--site-color);
    background: #1c1917;
}
body.pds-admin .pds-ard-upload input {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 2;
}
body.pds-admin .pds-ard-upload__preview {
    position: relative;
    flex-shrink: 0;
    width: 64px;
    height: 64px;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid rgba(var(--brand-rgb), 0.45);
    background: #fff;
    box-shadow: 0 2px 8px rgba(154, 52, 18, 0.12);
}
body.pds-admin .pds-ard-upload.has-file .pds-ard-upload__preview,
body.pds-admin .pds-ard-upload.has-file .pds-ard-upload__preview[hidden] {
    display: block !important;
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
    border-radius: inherit;
    box-shadow: none;
    z-index: 1;
}
body.pds-admin .pds-ard-upload__preview img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
body.pds-admin .pds-ard-upload__ready {
    position: absolute;
    left: 0.7rem;
    bottom: 0.7rem;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.28rem 0.6rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.94);
    color: #166534;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.01em;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.18);
}
body.pds-admin .pds-ard-upload.has-file .pds-ard-upload__icon,
body.pds-admin .pds-ard-upload.has-file .pds-ard-upload__text {
    display: none !important;
}
body.pds-admin .pds-ard-upload__remove {
    position: absolute;
    top: 0.45rem;
    right: 0.45rem;
    z-index: 5;
    width: 30px;
    height: 30px;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: var(--site-color);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 12px rgba(var(--brand-rgb), 0.35);
    cursor: pointer;
    transition: background 0.15s ease, transform 0.15s ease;
}
body.pds-admin .pds-ard-upload__remove[hidden] {
    display: none !important;
}
body.pds-admin .pds-ard-upload__remove:hover {
    background: #e45f00;
    transform: scale(1.05);
}
body.pds-admin .pds-ard-upload__remove i {
    font-size: 0.78rem;
    line-height: 1;
}
body.pds-admin .pds-ard-upload__icon {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    border-radius: 12px;
    background: var(--site-color);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
body.pds-admin .pds-ard-upload__text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.15rem;
    min-width: 0;
    text-align: left;
}
body.pds-admin .pds-ard-upload__text strong {
    color: var(--site-color);
    font-size: 0.84rem;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
body.pds-admin .pds-ard-upload__text small {
    color: #a8a29e;
    font-size: 0.72rem;
}
body.pds-admin .pds-ard-footer {
    display: flex;
    justify-content: flex-end;
    gap: 0.55rem;
    padding: 0.9rem 1.2rem;
    border-top: 1px solid #f0ebe6;
    background: #fff;
    flex-shrink: 0;
    position: sticky;
    bottom: 0;
    z-index: 8;
    box-shadow: 0 -8px 24px rgba(28, 25, 23, 0.06);
}
body.pds-admin .pds-ard-btn {
    min-height: 42px;
    padding: 0 1.05rem;
    border-radius: 11px;
    border: 1px solid transparent;
    font-size: 0.88rem;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, transform 0.12s ease;
}
body.pds-admin .pds-ard-btn--ghost {
    background: #fff;
    border-color: #e7e5e4;
    color: #57534e;
}
body.pds-admin .pds-ard-btn--ghost:hover {
    background: #f5f5f4;
    color: #1c1917;
}
body.pds-admin .pds-ard-btn--primary {
    background: var(--site-color);
    color: #fff;
    box-shadow: 0 8px 18px rgba(var(--brand-rgb), 0.28);
}
body.pds-admin .pds-ard-btn--primary:hover {
    background: var(--site-color);
    color: #fff;
    transform: translateY(-1px);
}
body.pds-admin .pds-ard-btn:disabled {
    opacity: 0.65;
    cursor: not-allowed;
    transform: none;
}
@media (max-width: 640px) {
    body.pds-admin .pds-ard-amounts,
    body.pds-admin .pds-ard-info.has-photo {
        grid-template-columns: 1fr;
    }
    body.pds-admin .pds-ard-pay {
        grid-template-columns: 1fr;
    }
    body.pds-admin .pds-ard-sizes {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}
body.pds-admin .pds-dispatch-action-delete { color: #ef4444; }
body.pds-admin .pds-dispatch-action-cancel { color: var(--site-color); }

body.pds-admin .pds-dispatch-row-actions a.pds-dispatch-action-cancel:hover {
    color: var(--site-color);
    background: rgba(var(--brand-rgb), 0.16);
    border-color: rgba(var(--brand-rgb), 0.45);
}

body.pds-admin .pds-dispatch-row-actions a.pds-dispatch-action-delete:hover {
    color: #dc2626;
    background: #fee2e2;
    border-color: #fca5a5;
    box-shadow: 0 4px 10px rgba(239, 68, 68, 0.16);
}

body.pds-admin .pds-dispatch-status-select {
    min-width: 128px;
    max-width: 170px;
    border-radius: 999px;
    border: 1.5px solid rgba(var(--brand-rgb), 0.28);
    color: var(--site-color);
    font-size: 0.76rem;
    font-weight: 700;
    padding: 0.35rem 2rem 0.35rem 0.85rem;
    height: auto;
    background-color: rgba(var(--brand-rgb), 0.08);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23c2410c' d='M1.1 1.2L6 6.1l4.9-4.9 1.1 1.1L6 8.3.0 2.3z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.7rem center;
    background-size: 10px 7px;
    appearance: none;
    -webkit-appearance: none;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
}
body.pds-admin .pds-dispatch-status-select:focus {
    outline: none;
    border-color: var(--site-color);
    box-shadow: 0 0 0 3px rgba(var(--brand-rgb), 0.16);
}

body.pds-admin .pds-rider-bulk-actions .pds-dispatch-select,
body.pds-admin #riderItemsBulkAction.pds-dispatch-select {
    min-width: 156px;
    height: 42px;
    padding: 0 2.1rem 0 0.9rem;
    border-radius: 12px;
    border: 1.5px solid rgba(var(--brand-rgb), 0.22);
    background-color: rgba(var(--brand-rgb), 0.04);
    color: #1c1917;
    font-size: 0.84rem;
    font-weight: 700;
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23FE6F07' d='M1.1 1.2L6 6.1l4.9-4.9 1.1 1.1L6 8.3.0 2.3z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.8rem center;
    background-size: 10px 7px;
    box-shadow: 0 1px 2px rgba(28, 25, 23, 0.04);
    transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}
body.pds-admin .pds-rider-bulk-actions .pds-dispatch-select:hover,
body.pds-admin #riderItemsBulkAction.pds-dispatch-select:hover {
    border-color: rgba(var(--brand-rgb), 0.45);
    background-color: rgba(var(--brand-rgb), 0.08);
}
body.pds-admin .pds-rider-bulk-actions .pds-dispatch-select:focus,
body.pds-admin #riderItemsBulkAction.pds-dispatch-select:focus {
    outline: none;
    border-color: var(--site-color);
    background-color: #fff;
    box-shadow: 0 0 0 3px rgba(var(--brand-rgb), 0.16);
}

/* Bootstrap modals must sit above the elevated backdrop (and fixed topbar).
   Raising only #remoteModelData left Assign / Select Delivery Man under the
   blurred backdrop, so the whole screen including the dialog looked soft. */
body.pds-admin.modal-open .mm-top-navbar.pds-topbar {
    z-index: 1030 !important;
}

body.pds-admin .modal {
    z-index: 10650 !important;
}

/* #remoteModelData is earlier in DOM than page modals (e.g. Follow-Up Details).
   When Cancel / Edit opens on top of Details, keep remote modal + its backdrop above. */
body.pds-admin #remoteModelData.modal.show,
body.pds-admin #remoteModelData.modal.show.pds-nested-on-top {
    z-index: 10850 !important;
}

body.pds-admin #remoteModelData.modal {
    overflow-y: auto !important;
    padding-top: calc(var(--pds-topbar-h, 73px) + 0.75rem) !important;
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
    padding-bottom: 1rem !important;
}

body.pds-admin.modal-open .modal-backdrop {
    z-index: 10640 !important;
}

/* Nested Cancel popup backdrop (2nd+ backdrop) sits between Details and Cancel. */
body.pds-admin.modal-open .modal-backdrop.show ~ .modal-backdrop.show,
body.pds-admin.modal-open .modal-backdrop.pds-nested-modal-backdrop {
    z-index: 10840 !important;
}

body.pds-admin #remoteModelData .modal-dialog,
body.pds-admin #remoteModelData .pds-dispatch-item-modal-wrap,
body.pds-admin #remoteModelData .pds-os-account-modal-wrap {
    margin-top: 0 !important;
    margin-bottom: 0.75rem !important;
}

body.pds-admin #remoteModelData .pds-dispatch-item-modal-wrap.is-photo-item-modal {
    margin-top: 0 !important;
}

body.pds-admin #remoteModelData.modal.has-photo-item-modal .pds-dispatch-item-modal.is-photo-item-modal form {
    max-height: calc(100vh - var(--pds-topbar-h, 73px) - 2.5rem);
}

/* Read-only Item Details (opened from Details Audit Log) */
body.pds-admin .pds-dispatch-item-modal.is-view-only .pds-dispatch-input,
body.pds-admin .pds-dispatch-item-modal.is-view-only .pds-dispatch-textarea,
body.pds-admin .pds-dispatch-item-modal.is-view-only .select2-container--default .select2-selection--single {
    background: #f8fafc !important;
    color: #0f172a !important;
    cursor: default !important;
    opacity: 1 !important;
}

body.pds-admin .pds-dispatch-item-modal.is-view-only .pds-dispatch-field-add,
body.pds-admin .pds-dispatch-item-modal.is-view-only [data-dispatch-field-add] {
    display: none !important;
}

body.pds-admin .pds-dispatch-item-modal.is-view-only .pds-dispatch-item-credit-pill.is-disabled,
body.pds-admin .pds-dispatch-item-modal.is-view-only .pds-dispatch-item-size-btn.is-disabled {
    opacity: 1;
}

body.pds-admin #remoteModelData .pds-os-account-modal-wrap {
    max-width: 1080px;
    margin: 1rem auto;
    max-height: none;
    height: auto;
    pointer-events: auto;
}

body.pds-admin .pds-os-account-modal--reg .pds-user-reg-layout {
    display: grid;
    grid-template-columns: 220px minmax(0, 1fr);
    gap: 1.25rem;
    align-items: start;
    padding: 0.75rem 0.15rem 0.5rem;
}

body.pds-admin .pds-os-account-modal--reg .pds-user-reg-aside {
    position: sticky;
    top: 0;
}

body.pds-admin .pds-os-account-modal--reg .pds-user-reg-section {
    margin-bottom: 0.85rem;
}

@media (max-width: 900px) {
    body.pds-admin .pds-os-account-modal--reg .pds-user-reg-layout {
        grid-template-columns: 1fr;
    }
    body.pds-admin .pds-os-account-modal--reg .pds-user-reg-aside {
        position: static;
    }
}

body.pds-admin .pds-os-account-modal {
    border: none;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 20px 50px rgba(15, 23, 42, 0.15);
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 2rem);
}

body.pds-admin .pds-os-account-modal form {
    display: flex;
    flex-direction: column;
    min-height: 0;
    flex: 1 1 auto;
    overflow: hidden;
}

body.pds-admin .pds-os-account-modal-header {
    background: #fff;
    color: #0f172a;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1.1rem 1.25rem;
    border-bottom: 1px solid #f1f5f9;
    flex-shrink: 0;
}

body.pds-admin .pds-os-account-modal-title {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 700;
}

body.pds-admin .pds-os-account-modal-subtitle {
    margin: 0.2rem 0 0;
    font-size: 0.82rem;
    color: #64748b;
}

body.pds-admin .pds-os-account-modal-close {
    background: #f8fafc;
    border: none;
    color: #64748b;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    flex-shrink: 0;
}

body.pds-admin .pds-os-account-modal-body {
    padding: 0.5rem 1.25rem 0.25rem;
    flex: 1 1 auto;
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 0;
    max-height: none;
    background: #fafbfc;
    -webkit-overflow-scrolling: touch;
}

body.pds-admin .pds-os-section {
    background: #fff;
    border: 1px solid #eef2f6;
    border-radius: 12px;
    padding: 0.85rem 1rem 0.15rem;
    margin-bottom: 0.75rem;
}

body.pds-admin .pds-os-section-title {
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #94a3b8;
    margin-bottom: 0.75rem;
}

body.pds-admin .pds-os-section-optional {
    font-weight: 600;
    text-transform: none;
    letter-spacing: 0;
    color: #cbd5e1;
    margin-left: 0.25rem;
}

/* Myanmar NRC feature box */
body.pds-admin .pds-mm-nrc-box {
    border: 1px solid #e8edf3;
    border-radius: 14px;
    background: #fff;
    padding: 0.95rem 1rem 1rem;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04);
}

body.pds-admin .pds-mm-nrc-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

body.pds-admin .pds-mm-nrc-head-left {
    display: flex;
    align-items: flex-start;
    gap: 0.55rem;
    min-width: 0;
}

body.pds-admin .pds-mm-nrc-icon {
    width: 30px;
    height: 30px;
    border-radius: 9px;
    background: rgba(var(--brand-rgb), 0.1);
    color: var(--site-color);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8rem;
    flex-shrink: 0;
    margin-top: 0.05rem;
}

body.pds-admin .pds-mm-nrc-label {
    display: block;
    font-size: 0.84rem;
    font-weight: 700;
    color: #1e293b;
    line-height: 1.25;
}

body.pds-admin .pds-mm-nrc-hint {
    display: block;
    margin-top: 0.12rem;
    font-size: 0.72rem;
    font-weight: 500;
    color: #94a3b8;
    letter-spacing: 0.02em;
}

body.pds-admin .pds-mm-nrc-preview-chip {
    display: inline-flex;
    align-items: center;
    max-width: min(100%, 220px);
    min-height: 28px;
    padding: 0.25rem 0.65rem;
    border-radius: 999px;
    font-size: 0.74rem;
    font-weight: 600;
    line-height: 1.25;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background: #f8fafc;
    color: #94a3b8;
    border: 1px solid #edf2f7;
    flex-shrink: 0;
}

body.pds-admin .pds-mm-nrc-preview-chip.is-filled {
    background: rgba(var(--brand-rgb), 0.08);
    color: var(--site-color);
    border-color: rgba(var(--brand-rgb), 0.22);
}

body.pds-admin .pds-mm-nrc-strip {
    display: grid;
    width: 100%;
    grid-template-columns: minmax(110px, 1.15fr) 12px minmax(120px, 1.5fr) 10px minmax(96px, 1fr) 10px minmax(108px, 1.1fr);
    align-items: center;
    column-gap: 0.25rem;
    padding: 0.55rem 0.65rem;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: #fff;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

body.pds-admin .pds-mm-nrc-strip-field {
    position: relative;
    min-width: 0;
    width: 100%;
    min-height: 38px;
}

body.pds-admin .pds-mm-nrc-strip-field .select2-container {
    display: block !important;
    width: 100% !important;
    pointer-events: auto !important;
}

body.pds-admin .pds-mm-nrc-strip-state,
body.pds-admin .pds-mm-nrc-strip-town,
body.pds-admin .pds-mm-nrc-strip-type,
body.pds-admin .pds-mm-nrc-strip-number {
    width: 100%;
}

body.pds-admin .pds-mm-nrc-strip-sep {
    color: #94a3b8;
    font-size: 0.88rem;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    user-select: none;
    align-self: center;
}

body.pds-admin .pds-mm-nrc-number-row {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    width: 100%;
    min-width: 0;
}

body.pds-admin .pds-mm-nrc-number-row .pds-mm-nrc-number {
    flex: 1 1 auto;
    min-width: 0;
}

body.pds-admin .pds-mm-nrc-select {
    width: 100%;
    height: 38px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #fff;
    color: #0f172a;
    font-size: 0.86rem;
    font-weight: 700;
    padding: 0 1.4rem 0 0.5rem;
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
}

body.pds-admin .pds-mm-nrc-number {
    width: 100%;
    height: 38px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 0 0.55rem;
    font-size: 0.88rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    color: #0f172a;
    background: #fff;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

body.pds-admin .pds-mm-nrc-number::placeholder {
    color: #cbd5e1;
    font-weight: 500;
    letter-spacing: 0.06em;
}

body.pds-admin .pds-mm-nrc-number:focus,
body.pds-admin .pds-mm-nrc-select:focus {
    outline: none;
    border-color: var(--site-color);
    box-shadow: 0 0 0 3px rgba(var(--brand-rgb), 0.12);
}

body.pds-admin .pds-mm-nrc-counter {
    flex: 0 0 auto;
    color: #94a3b8;
    font-size: 0.65rem;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
    pointer-events: none;
}

body.pds-admin .pds-mm-nrc-box.is-town-locked .pds-mm-nrc-strip-town .select2-container--default .select2-selection--single {
    background: #f8fafc !important;
    border-color: #e8edf3 !important;
    cursor: pointer;
}

body.pds-admin .pds-mm-nrc-box.is-town-locked .pds-mm-nrc-strip-town .select2-selection__rendered {
    color: #64748b !important;
    font-weight: 600 !important;
    opacity: 1 !important;
}

body.pds-admin .pds-mm-nrc-box.is-town-locked .pds-mm-nrc-strip-town .select2-selection__placeholder,
body.pds-admin .pds-mm-nrc-box .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #64748b !important;
    font-weight: 600 !important;
    opacity: 1 !important;
}

body.pds-admin .pds-mm-nrc-box .select2-container--open {
    z-index: 30 !important;
    position: relative;
}

body.pds-admin .pds-mm-nrc-box.is-town-disabled .pds-mm-nrc-strip-town .pds-mm-nrc-select,
body.pds-admin .pds-mm-nrc-box.is-town-disabled .pds-mm-nrc-strip-town .select2-container--default .select2-selection--single {
    background: #f1f5f9 !important;
    border-color: #e8edf3 !important;
    color: #94a3b8;
    cursor: not-allowed;
}

body.pds-admin .pds-mm-nrc-box .select2-container {
    display: block;
    width: 100% !important;
    pointer-events: auto;
}

body.pds-admin .pds-mm-nrc-box .select2-container--default .select2-selection--single {
    height: 38px !important;
    min-height: 38px !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    background: #fff !important;
}

body.pds-admin.dark .select2-dropdown.pds-mm-nrc-select2-dropdown,
body.pds-admin.dark .select2-dropdown.pds-mm-nrc-select2-dropdown .select2-results,
body.pds-admin.dark .select2-dropdown.pds-mm-nrc-select2-dropdown .select2-results__options,
body.pds-admin.dark .select2-dropdown.pds-mm-nrc-select2-dropdown .select2-results__option,
body.pds-admin.dark .select2-dropdown.pds-mm-nrc-select2-dropdown .select2-search--dropdown .select2-search__field {
    background: #ffffff !important;
    color: #0f172a !important;
}

body.pds-admin .pds-mm-nrc-box .select2-container--default .select2-selection--single .select2-selection__rendered {
    display: flex !important;
    align-items: center !important;
    min-height: 36px !important;
    line-height: 1.5 !important;
    padding: 0.35rem 1.65rem 0.35rem 0.55rem !important;
    color: #0f172a !important;
    font-weight: 700 !important;
    font-size: 0.86rem !important;
    font-family: var(--admin-font), 'Noto Sans Myanmar', 'Myanmar Text', 'Padauk', sans-serif !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.pds-admin .pds-mm-nrc-box .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #64748b !important;
    font-weight: 600 !important;
}

body.pds-admin .pds-mm-nrc-box .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 36px !important;
    right: 3px !important;
}

body.pds-admin .pds-mm-nrc-box .select2-container--default.select2-container--focus .select2-selection--single,
body.pds-admin .pds-mm-nrc-box .select2-container--default.select2-container--open .select2-selection--single {
    border-color: var(--site-color) !important;
    box-shadow: 0 0 0 3px rgba(var(--brand-rgb), 0.12) !important;
}

body.pds-admin .pds-mm-nrc-select2-dropdown,
body.pds-admin.dark .pds-mm-nrc-select2-dropdown,
body.pds-admin .pds-os-account-modal .select2-dropdown {
    z-index: 10060 !important;
    min-width: 300px !important;
    width: auto !important;
    max-width: calc(100vw - 24px) !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 10px !important;
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.12) !important;
    overflow: visible !important;
    padding: 0.25rem 0 0.45rem !important;
    background: #fff !important;
    color: #0f172a !important;
}

body.pds-admin .pds-os-account-modal .select2-container--open {
    z-index: 40 !important;
    position: relative;
}

body.pds-admin .pds-os-account-modal .select2-results__option {
    padding: 0.5rem 0.75rem !important;
    font-size: 0.84rem !important;
    line-height: 1.5 !important;
    min-height: 2.2rem;
    color: #0f172a !important;
}

body.pds-admin .pds-os-account-modal .select2-results__option--highlighted[aria-selected] {
    background: rgba(var(--brand-rgb), 0.12) !important;
    color: #0f172a !important;
}

body.pds-admin.dark .pds-os-account-modal .select2-dropdown,
body.pds-admin.dark .pds-os-account-modal .select2-results__option {
    background: #fff !important;
    color: #0f172a !important;
}

/* Online Shop Select2 — name + phone in results */
body.pds-admin .pds-os-select-option {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    line-height: 1.25;
}

body.pds-admin .pds-os-select-option__name {
    font-weight: 600;
}

body.pds-admin .pds-os-select-option__phone {
    font-size: 0.78em;
    font-weight: 500;
    opacity: 0.78;
    font-variant-numeric: tabular-nums;
}

body.pds-admin .select2-results__option--highlighted .pds-os-select-option__phone {
    opacity: 0.92;
}

body.pds-admin.dark .pds-mm-nrc-select2-dropdown,
body.pds-admin.dark .pds-mm-nrc-select2-dropdown .select2-results__option,
body.pds-admin.dark .pds-mm-nrc-select2-dropdown .select2-search--dropdown .select2-search__field {
    background: #fff !important;
    color: #0f172a !important;
}

body.pds-admin .pds-mm-nrc-select2-dropdown--state {
    min-width: 340px !important;
    width: 340px !important;
}

body.pds-admin .pds-mm-nrc-select2-dropdown--town {
    min-width: 360px !important;
    width: 360px !important;
}

body.pds-admin .pds-mm-nrc-select2-dropdown--type {
    min-width: 220px !important;
    width: 220px !important;
}

body.pds-admin .pds-mm-nrc-select2-dropdown .select2-results {
    width: 100% !important;
}

body.pds-admin .pds-mm-nrc-select2-dropdown .select2-results__option {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box;
    padding: 0.65rem 0.9rem !important;
    font-size: 0.9rem !important;
    line-height: 1.55 !important;
    min-height: 2.75rem !important;
    height: auto !important;
    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow: visible !important;
    font-family: var(--admin-font), 'Noto Sans Myanmar', 'Myanmar Text', 'Padauk', sans-serif !important;
    background: #fff !important;
    color: #0f172a !important;
}

body.pds-admin .pds-mm-nrc-select2-dropdown .pds-mm-nrc-option-text {
    display: block;
    width: 100%;
    line-height: 1.55;
    white-space: nowrap;
    overflow: visible;
}

body.pds-admin.dark .select2-dropdown.pds-mm-nrc-select2-dropdown,
body.pds-admin.dark .select2-dropdown.pds-mm-nrc-select2-dropdown .select2-results,
body.pds-admin.dark .select2-dropdown.pds-mm-nrc-select2-dropdown .select2-results__options,
body.pds-admin.dark .select2-dropdown.pds-mm-nrc-select2-dropdown .select2-results__option {
    background: #fff !important;
    color: #0f172a !important;
}

body.pds-admin .pds-mm-nrc-select2-dropdown .select2-results__options {
    max-height: 300px;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding-bottom: 0.5rem;
}

body.pds-admin .pds-mm-nrc-select2-dropdown .select2-results > .select2-results__options {
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

body.pds-admin .pds-mm-nrc-select2-dropdown .select2-results__option--highlighted[aria-selected] {
    background: rgba(var(--brand-rgb), 0.1) !important;
    color: #0f172a !important;
}

body.pds-admin .pds-mm-nrc-select2-dropdown .select2-search--dropdown {
    padding: 0.45rem 0.55rem 0.35rem;
}

body.pds-admin .pds-mm-nrc-select2-dropdown .select2-search--dropdown .select2-search__field {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 0.38rem 0.55rem;
    font-size: 0.82rem;
    outline: none;
}

body.pds-admin .pds-mm-nrc-select2-dropdown .select2-search--dropdown .select2-search__field:focus {
    border-color: var(--site-color);
    box-shadow: 0 0 0 2px rgba(var(--brand-rgb), 0.12);
}

body.pds-admin .pds-os-account-modal .select2-dropdown:not(.pds-mm-nrc-select2-dropdown) {
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.1);
    overflow: hidden;
    padding: 0.25rem 0;
}

body.pds-admin .pds-os-account-modal .select2-results__option {
    padding: 0.45rem 0.75rem;
    font-size: 0.84rem;
}

body.pds-admin .pds-os-account-modal .select2-results__option--highlighted[aria-selected] {
    background: rgba(var(--brand-rgb), 0.1) !important;
    color: var(--site-color) !important;
}

body.pds-admin .pds-os-account-modal .select2-search--dropdown .select2-search__field {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 0.4rem 0.6rem;
    font-size: 0.84rem;
}

body.pds-admin .pds-os-nrc-row {
    display: grid;
    grid-template-columns: repeat(5, minmax(72px, 1fr));
    gap: 0.75rem;
}

body.pds-admin .pds-os-native-select {
    appearance: auto;
    -webkit-appearance: menulist;
    cursor: pointer;
}

body.pds-admin .pds-os-nrc-counter {
    display: block;
    margin-top: 0.2rem;
    color: #94a3b8;
    font-size: 0.72rem;
}

body.pds-admin .pds-os-password-wrap { position: relative; }

body.pds-admin .pds-os-password-wrap .pds-dispatch-input {
    padding-right: 2.4rem;
}

body.pds-admin .pds-os-password-toggle {
    position: absolute;
    right: 0.6rem;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    background: transparent;
    color: #94a3b8;
    cursor: pointer;
    z-index: 1;
    padding: 0.25rem;
    line-height: 1;
}

/* Keep password eye toggle glued to the field; validation errors wrap below. */
body.pds-admin .input-group {
    flex-wrap: wrap;
    align-items: stretch;
}

body.pds-admin .input-group > .form-control {
    flex: 1 1 auto;
    min-width: 0;
    width: 1%;
}

body.pds-admin .input-group > .input-group-append,
body.pds-admin .input-group > .input-group-prepend {
    flex: 0 0 auto;
}

body.pds-admin .input-group > label.error,
body.pds-admin .input-group > .help-block.error,
body.pds-admin .pds-os-password-wrap > label.error,
body.pds-admin .pds-os-password-wrap > .help-block.error {
    flex: 0 0 100%;
    width: 100%;
    order: 5;
    margin: 0.35rem 0 0;
    position: static;
}

body.pds-admin .form-group > .input-group + label.error,
body.pds-admin .form-group > .input-group + .help-block.error,
body.pds-admin .pds-dispatch-field > .pds-os-password-wrap + label.error,
body.pds-admin .pds-dispatch-field > .pds-os-password-wrap + .help-block.error {
    display: block;
    width: 100%;
    margin-top: 0.35rem;
    color: #dc2626;
    font-size: 0.82rem;
    font-weight: 600;
}

body.pds-admin .pds-os-account-modal-footer {
    padding: 0.75rem 1.25rem 1.1rem;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0.65rem;
    border-top: 1px solid #f1f5f9;
    background: #fff;
    flex-shrink: 0;
    position: relative;
    z-index: 10200;
    box-shadow: 0 -6px 16px rgba(15, 23, 42, 0.06);
    pointer-events: auto;
}

body.pds-admin .pds-os-account-modal-footer-actions {
    display: flex;
    justify-content: flex-end;
    gap: 0.6rem;
}

body.pds-admin .pds-os-account-form-error {
    margin: 0;
    padding: 0.55rem 0.75rem;
    border-radius: 10px;
    background: #fef2f2;
    border: 1px solid #fecaca;
    color: #b91c1c;
    font-size: 0.82rem;
    line-height: 1.4;
}

body.pds-admin .pds-os-account-modal-footer .pds-dispatch-btn {
    position: relative;
    z-index: 10201;
    pointer-events: auto;
    cursor: pointer;
}

body.pds-admin .pds-os-account-modal-footer .pds-dispatch-btn.is-saving {
    opacity: 0.75;
}

@media (max-width: 991.98px) {
    body.pds-admin .pds-dispatch-grid-3,
    body.pds-admin .pds-dispatch-grid-4,
    body.pds-admin .pds-os-nrc-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 1199.98px) {
    body.pds-admin .pds-dispatch-list-page .pds-dispatch-filter-toolbar {
        grid-template-columns: auto minmax(180px, 1fr) auto;
        column-gap: 0.9rem;
    }

    body.pds-admin .pds-dispatch-list-page .pds-dispatch-filter-date-range .pds-dispatch-filter-control {
        width: 128px;
    }

    body.pds-admin .pds-dispatch-list-page .pds-dispatch-filter-action {
        padding-left: 0.7rem;
        padding-right: 0.7rem;
    }

    body.pds-admin .pds-dispatch-list-page .pds-dispatch-filter-action span {
        display: none;
    }
}

@media (max-width: 991.98px) {
    body.pds-admin .pds-dispatch-list-page .pds-dispatch-pickup-segment {
        flex-wrap: wrap;
    }

    body.pds-admin .pds-dispatch-list-page .pds-dispatch-segment-btn {
        flex: 1 1 calc(33.333% - 5px);
    }
}

@media (max-width: 767.98px) {
    body.pds-admin .pds-dispatch-list-page .pds-dispatch-segment-btn {
        flex: 1 1 calc(50% - 5px);
    }

    body.pds-admin .pds-dispatch-list-page .pds-dispatch-filter-toolbar {
        display: flex;
        flex-direction: column;
        align-items: stretch;
    }

    body.pds-admin .pds-dispatch-list-page .pds-dispatch-filter-action span {
        display: inline;
    }

    body.pds-admin .pds-dispatch-filter-toolbar {
        flex-direction: column;
        align-items: stretch;
    }

    body.pds-admin .pds-dispatch-filter-group-search {
        max-width: none;
    }

    body.pds-admin .pds-dispatch-filter-date-range {
        flex-wrap: wrap;
    }

    body.pds-admin .pds-dispatch-filter-date-range .pds-dispatch-filter-control {
        flex: 1 1 120px;
        width: auto;
    }

    body.pds-admin .pds-dispatch-filter-group:not(.pds-dispatch-filter-group-dates):not(.pds-dispatch-filter-group-search) .pds-dispatch-filter-control {
        min-width: 0;
    }

    body.pds-admin .pds-dispatch-filter-actions {
        margin-left: 0;
        width: 100%;
    }

    body.pds-admin .pds-dispatch-filter-action {
        flex: 1 1 0;
    }

    body.pds-admin .pds-dispatch-filter-grid,
    body.pds-admin .pds-dispatch-grid-2,
    body.pds-admin .pds-dispatch-grid-3,
    body.pds-admin .pds-dispatch-grid-4,
    body.pds-admin .pds-os-nrc-row {
        grid-template-columns: 1fr;
    }

    body.pds-admin .pds-mm-nrc-head {
        flex-direction: column;
        align-items: stretch;
    }

    body.pds-admin .pds-mm-nrc-preview-chip {
        max-width: 100%;
        align-self: flex-start;
    }

    body.pds-admin .pds-mm-nrc-strip {
        grid-template-columns: 1fr;
        row-gap: 0.55rem;
        padding: 0.65rem 0.7rem;
    }

    body.pds-admin .pds-mm-nrc-strip-field {
        min-height: 42px;
    }

    body.pds-admin .pds-mm-nrc-box .select2-container--default .select2-selection--single {
        height: 42px !important;
        min-height: 42px !important;
    }

    body.pds-admin .pds-mm-nrc-select2-dropdown--state,
    body.pds-admin .pds-mm-nrc-select2-dropdown--town,
    body.pds-admin .pds-mm-nrc-select2-dropdown--type {
        min-width: calc(100vw - 32px) !important;
        width: calc(100vw - 32px) !important;
        max-width: calc(100vw - 32px) !important;
    }

    body.pds-admin .pds-mm-nrc-strip-sep {
        display: none;
    }

    body.pds-admin .pds-mm-nrc-number-row {
        gap: 0.5rem;
    }

    body.pds-admin .pds-dispatch-form-body,
    body.pds-admin .pds-dispatch-form-header,
    body.pds-admin .pds-dispatch-form-actions {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

/* Dispatch order items list + item modal */
body.pds-admin .pds-dispatch-items-page {
    padding-top: 0.25rem;
}

body.pds-admin .pds-dispatch-items-screen {
    background: #fff;
    border: 1px solid #e8ecf1;
    border-radius: 18px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    min-height: 0 !important;
    box-shadow: 0 8px 30px rgba(15, 23, 42, 0.04);
}

body.pds-admin .pds-dispatch-items-topbar,
body.pds-admin .pds-dispatch-item-modal-topbar {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    padding: 1.15rem 1.35rem;
    background: #fff;
    border-bottom: 1px solid #eef2f6;
}

body.pds-admin .pds-dispatch-items-topbar-main {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    flex-wrap: wrap;
    flex: 1;
    min-width: 0;
}

body.pds-admin .pds-dispatch-items-badge {
    display: inline-flex;
    align-items: center;
    padding: 0.28rem 0.65rem;
    border-radius: 999px;
    background: rgba(var(--brand-rgb), 0.08);
    border: 1px solid rgba(var(--brand-rgb), 0.28);
    color: var(--site-color);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    margin-bottom: 0.45rem;
}

body.pds-admin .pds-dispatch-items-heading {
    margin: 0;
    font-size: 1.28rem;
    font-weight: 700;
    color: #0f172a;
    line-height: 1.2;
}

body.pds-admin .pds-dispatch-items-subtitle {
    margin: 0.35rem 0 0;
    font-size: 0.86rem;
    color: #64748b;
}

body.pds-admin .pds-dispatch-items-subtitle strong {
    color: #334155;
    font-weight: 600;
}

body.pds-admin .pds-dispatch-items-check {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    margin: 0;
    padding: 0.45rem 0.75rem;
    border-radius: 10px;
    background: #f8fafc;
    border: 1px solid #e8ecf1;
    font-size: 0.82rem;
    font-weight: 600;
    color: #475569;
    cursor: pointer;
    user-select: none;
    white-space: nowrap;
}

body.pds-admin .pds-dispatch-items-check input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

body.pds-admin .pds-dispatch-items-check-box {
    width: 18px;
    height: 18px;
    border-radius: 5px;
    border: 1.5px solid #cbd5e1;
    background: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.15s ease;
}

body.pds-admin .pds-dispatch-items-check-box i {
    font-size: 0.58rem;
    color: #fff;
    opacity: 0;
    transform: scale(0.6);
    transition: all 0.15s ease;
}

body.pds-admin .pds-dispatch-items-check input:checked + .pds-dispatch-items-check-box {
    background: var(--site-color);
    border-color: var(--site-color);
}

body.pds-admin .pds-dispatch-items-check input:checked + .pds-dispatch-items-check-box i {
    opacity: 1;
    transform: scale(1);
}

body.pds-admin .pds-dispatch-items-topbar-actions,
body.pds-admin .pds-dispatch-item-footer-actions {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

body.pds-admin .pds-dispatch-items-icon-btn,
body.pds-admin .pds-dispatch-items-btn-close {
    width: 38px;
    height: 38px;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #fff;
    color: #64748b;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: all 0.15s ease;
}

body.pds-admin .pds-dispatch-items-icon-btn:hover,
body.pds-admin .pds-dispatch-items-btn-close:hover {
    background: #f8fafc;
    color: #334155;
    border-color: #cbd5e1;
}

body.pds-admin #printAssign100LabelsBtn {
    width: auto;
    min-width: 38px;
    padding: 0 0.55rem;
    gap: 0.35rem;
}

body.pds-admin #printAssign100LabelsBtn:disabled {
    opacity: 0.45;
    cursor: not-allowed;
}

body.pds-admin #assign100PrintCount {
    min-width: 1.1rem;
    font-size: 0.72rem;
    font-weight: 800;
    color: var(--site-color);
}

body.pds-admin .pds-dispatch-items-audit-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    min-height: 38px;
    padding: 0 0.85rem;
    border-radius: 10px;
    border: 1px solid #e8e0d4;
    background: #fff;
    color: #334155;
    font-size: 0.82rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.15s ease;
}

body.pds-admin .pds-dispatch-items-audit-btn:hover {
    border-color: rgba(var(--brand-rgb), 0.45);
    color: var(--site-color);
    background: rgba(var(--brand-rgb), 0.08);
}

body.pds-admin .pds-dispatch-audit-actions {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
}

/* Details Audit Log — polished checklist cards */
body.pds-admin .pds-details-audit .pds-rider-remit-audit__body {
    background: #f8fafc;
}

body.pds-admin .pds-details-audit .pds-details-audit__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

body.pds-admin .pds-details-audit .pds-details-audit__item {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
}

body.pds-admin .pds-details-audit .pds-details-audit__index {
    flex-shrink: 0;
    width: 30px;
    height: 30px;
    margin-top: 1.05rem;
    border-radius: 999px;
    background: var(--site-color);
    color: #fff;
    font-size: 0.75rem;
    font-weight: 800;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 12px rgba(var(--brand-rgb), 0.28);
}

body.pds-admin .pds-details-audit .pds-details-audit__card {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
    padding: 1rem 1.05rem 0.85rem;
    border-radius: 18px;
    border: 1px solid #e2e8f0;
    background: #ffffff;
    box-shadow:
        0 1px 2px rgba(15, 23, 42, 0.04),
        0 10px 28px rgba(15, 23, 42, 0.06);
}

body.pds-admin .pds-details-audit .pds-details-audit__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
}

body.pds-admin .pds-details-audit .pds-details-audit__eyebrow {
    display: block;
    margin-bottom: 0.12rem;
    color: #94a3b8;
    font-size: 0.62rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

body.pds-admin .pds-details-audit .pds-details-audit__title {
    margin: 0;
    color: #0f172a;
    font-size: 0.98rem;
    font-weight: 800;
    letter-spacing: -0.01em;
    line-height: 1.25;
}

body.pds-admin .pds-details-audit .pds-details-audit__time {
    flex-shrink: 0;
    padding: 0.28rem 0.55rem;
    border-radius: 999px;
    background: #f1f5f9;
    color: #64748b;
    font-size: 0.7rem;
    font-weight: 700;
    white-space: nowrap;
}

body.pds-admin .pds-details-audit .pds-details-audit__summary {
    margin: 0;
    color: #475569;
    font-size: 0.8rem;
    line-height: 1.5;
    font-weight: 500;
}

body.pds-admin .pds-details-audit .pds-details-audit__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

body.pds-admin .pds-details-audit .pds-details-audit__tag {
    display: inline-flex;
    align-items: center;
    padding: 0.22rem 0.58rem;
    border-radius: 999px;
    border: 1px solid rgba(var(--brand-rgb), 0.35);
    background: #fff7ed;
    color: var(--site-color);
    font-size: 0.68rem;
    font-weight: 800;
}

body.pds-admin .pds-details-audit .pds-details-audit__tag.is-muted {
    border-color: #e2e8f0;
    background: #f8fafc;
    color: #64748b;
}

body.pds-admin .pds-details-audit .pds-details-audit__tag.is-accent {
    border-color: transparent;
    background: var(--site-color);
    color: #fff;
}

body.pds-admin .pds-details-audit .pds-details-audit__body {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    padding: 0.75rem;
    border-radius: 14px;
    background: linear-gradient(180deg, #fffaf5 0%, #f8fafc 100%);
    border: 1px solid #edf2f7;
}

body.pds-admin .pds-details-audit .pds-details-audit__person {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.75rem;
    align-items: start;
}

body.pds-admin .pds-details-audit .pds-details-audit__person.has-photo {
    grid-template-columns: 96px 1fr;
}

body.pds-admin .pds-details-audit .pds-details-audit__photo {
    position: relative;
    width: 100%;
    aspect-ratio: 1;
    border-radius: 14px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: inherit;
}

body.pds-admin .pds-details-audit .pds-details-audit__person.has-photo .pds-details-audit__photo {
    width: 96px;
    height: 96px;
}

body.pds-admin .pds-details-audit a.pds-details-audit__photo.is-openable {
    cursor: zoom-in;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

body.pds-admin .pds-details-audit a.pds-details-audit__photo.is-openable:hover,
body.pds-admin .pds-details-audit a.pds-details-audit__photo.is-openable:focus-visible {
    border-color: rgba(var(--brand-rgb), 0.55);
    box-shadow: 0 6px 18px rgba(var(--brand-rgb), 0.22);
    transform: translateY(-1px);
    outline: none;
}

body.pds-admin .pds-details-audit .pds-details-audit__photo-zoom {
    position: absolute;
    right: 6px;
    bottom: 6px;
    width: 26px;
    height: 26px;
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.72);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.68rem;
    opacity: 0.92;
    pointer-events: none;
}

body.pds-admin .pds-details-audit a.pds-details-audit__photo.is-openable:hover .pds-details-audit__photo-zoom {
    background: var(--site-color);
}

body.pds-admin .pds-details-audit .pds-details-audit__photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

body.pds-admin .pds-details-audit .pds-details-audit__photo-empty {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.3rem;
    width: 100%;
    height: 100%;
    min-height: 88px;
    color: #94a3b8;
    text-align: center;
}

body.pds-admin .pds-details-audit .pds-details-audit__photo-empty i {
    font-size: 1.25rem;
    color: rgba(var(--brand-rgb), 0.5);
}

body.pds-admin .pds-details-audit .pds-details-audit__photo-empty em {
    font-style: normal;
    font-size: 0.66rem;
    font-weight: 700;
}

body.pds-admin .pds-details-audit .pds-details-audit__fields {
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    min-width: 0;
}

body.pds-admin .pds-details-audit .pds-details-audit__fields > div {
    display: grid;
    grid-template-columns: 88px 1fr;
    gap: 0.45rem;
    align-items: start;
}

body.pds-admin .pds-details-audit .pds-details-audit__fields dt {
    margin: 0;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: #64748b;
    font-size: 0.68rem;
    font-weight: 700;
}

body.pds-admin .pds-details-audit .pds-details-audit__fields dt i {
    width: 12px;
    color: var(--site-color);
    font-size: 0.65rem;
    opacity: 0.9;
}

body.pds-admin .pds-details-audit .pds-details-audit__fields dd {
    margin: 0;
    color: #0f172a;
    font-size: 0.84rem;
    font-weight: 650;
    line-height: 1.35;
    word-break: break-word;
}

body.pds-admin .pds-details-audit .pds-details-audit__money {
    padding: 0.7rem 0.8rem;
    border-radius: 12px;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

body.pds-admin .pds-details-audit .pds-details-audit__money-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    margin-bottom: 0.55rem;
}

body.pds-admin .pds-details-audit .pds-details-audit__money-label {
    color: #0f172a;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.02em;
}

body.pds-admin .pds-details-audit .pds-details-audit__pay-pill {
    display: inline-flex;
    align-items: center;
    padding: 0.22rem 0.62rem;
    border-radius: 999px;
    background: rgba(var(--brand-rgb), 0.12);
    color: var(--site-color);
    border: 1px solid rgba(var(--brand-rgb), 0.28);
    font-size: 0.68rem;
    font-weight: 800;
}

body.pds-admin .pds-details-audit .pds-details-audit__money-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.55rem;
}

body.pds-admin .pds-details-audit .pds-details-audit__amt {
    display: flex;
    flex-direction: column;
    gap: 0.18rem;
    min-width: 0;
    padding: 0.55rem 0.65rem;
    border-radius: 10px;
    background: #f8fafc;
    border: 1px solid #eef2f7;
}

body.pds-admin .pds-details-audit .pds-details-audit__amt.is-deli {
    background: #fff7ed;
    border-color: rgba(var(--brand-rgb), 0.22);
}

body.pds-admin .pds-details-audit .pds-details-audit__amt span {
    color: #64748b;
    font-size: 0.64rem;
    font-weight: 700;
}

body.pds-admin .pds-details-audit .pds-details-audit__amt strong {
    color: #0f172a;
    font-size: 1.05rem;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
    letter-spacing: -0.02em;
}

body.pds-admin .pds-details-audit .pds-details-audit__amt.is-deli strong {
    color: var(--site-color);
}

body.pds-admin .pds-details-audit .pds-details-audit__foot {
    display: flex;
    justify-content: flex-end;
    padding-top: 0.15rem;
    border-top: 1px dashed #e2e8f0;
}

body.pds-admin .pds-details-audit .pds-details-audit__open {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: var(--site-color);
    font-size: 0.78rem;
    font-weight: 800;
    text-decoration: none;
    transition: gap 0.15s ease, opacity 0.15s ease;
}

body.pds-admin .pds-details-audit .pds-details-audit__open i {
    font-size: 0.68rem;
}

body.pds-admin .pds-details-audit .pds-details-audit__open:hover {
    gap: 0.55rem;
    opacity: 0.88;
    text-decoration: none;
}

@media (max-width: 520px) {
    body.pds-admin .pds-details-audit .pds-details-audit__person.has-photo {
        grid-template-columns: 1fr;
    }

    body.pds-admin .pds-details-audit .pds-details-audit__person.has-photo .pds-details-audit__photo {
        width: 100%;
        height: 160px;
        aspect-ratio: auto;
    }

    body.pds-admin .pds-details-audit .pds-details-audit__fields > div {
        grid-template-columns: 1fr;
        gap: 0.15rem;
    }
}

/* DeliAmount Audit Log — clean cards + Item Details photo open */
body.pds-admin .pds-deli-audit:not(.pds-details-audit) .pds-rider-remit-audit__body {
    background: #f8fafc;
}

body.pds-admin .pds-deli-audit .pds-deli-audit__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

body.pds-admin .pds-deli-audit .pds-deli-audit__item {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
}

body.pds-admin .pds-deli-audit .pds-deli-audit__index {
    flex-shrink: 0;
    width: 30px;
    height: 30px;
    margin-top: 1.05rem;
    border-radius: 999px;
    background: var(--site-color);
    color: #fff;
    font-size: 0.75rem;
    font-weight: 800;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 12px rgba(var(--brand-rgb), 0.28);
}

body.pds-admin .pds-deli-audit .pds-deli-audit__card {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 1rem 1.05rem 0.85rem;
    border-radius: 18px;
    border: 1px solid #e2e8f0;
    background: #ffffff;
    box-shadow:
        0 1px 2px rgba(15, 23, 42, 0.04),
        0 10px 28px rgba(15, 23, 42, 0.06);
}

body.pds-admin .pds-deli-audit .pds-deli-audit__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
}

body.pds-admin .pds-deli-audit .pds-deli-audit__eyebrow {
    display: block;
    margin-bottom: 0.12rem;
    color: #94a3b8;
    font-size: 0.62rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

body.pds-admin .pds-deli-audit .pds-deli-audit__title {
    margin: 0;
    color: #0f172a;
    font-size: 0.98rem;
    font-weight: 800;
    letter-spacing: -0.01em;
    line-height: 1.25;
}

body.pds-admin .pds-deli-audit .pds-deli-audit__time {
    flex-shrink: 0;
    padding: 0.28rem 0.55rem;
    border-radius: 999px;
    background: #f1f5f9;
    color: #64748b;
    font-size: 0.7rem;
    font-weight: 700;
    white-space: nowrap;
}

body.pds-admin .pds-deli-audit .pds-deli-audit__body {
    padding: 0.75rem;
    border-radius: 14px;
    background: linear-gradient(180deg, #fffaf5 0%, #f8fafc 100%);
    border: 1px solid #edf2f7;
}

body.pds-admin .pds-deli-audit .pds-deli-audit__person {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.75rem;
    align-items: start;
}

body.pds-admin .pds-deli-audit .pds-deli-audit__person.has-photo {
    grid-template-columns: 96px 1fr;
}

body.pds-admin .pds-deli-audit .pds-deli-audit__photo {
    position: relative;
    width: 100%;
    aspect-ratio: 1;
    border-radius: 14px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: inherit;
}

body.pds-admin .pds-deli-audit .pds-deli-audit__person.has-photo .pds-deli-audit__photo {
    width: 96px;
    height: 96px;
}

body.pds-admin .pds-deli-audit a.pds-deli-audit__photo.is-openable {
    cursor: zoom-in;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

body.pds-admin .pds-deli-audit a.pds-deli-audit__photo.is-openable:hover,
body.pds-admin .pds-deli-audit a.pds-deli-audit__photo.is-openable:focus-visible {
    border-color: rgba(var(--brand-rgb), 0.55);
    box-shadow: 0 6px 18px rgba(var(--brand-rgb), 0.22);
    transform: translateY(-1px);
    outline: none;
}

body.pds-admin .pds-deli-audit .pds-deli-audit__photo-zoom {
    position: absolute;
    right: 6px;
    bottom: 6px;
    width: 26px;
    height: 26px;
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.72);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.68rem;
    opacity: 0.92;
    pointer-events: none;
}

body.pds-admin .pds-deli-audit a.pds-deli-audit__photo.is-openable:hover .pds-deli-audit__photo-zoom {
    background: var(--site-color);
}

body.pds-admin .pds-deli-audit .pds-deli-audit__photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

body.pds-admin .pds-deli-audit .pds-deli-audit__photo-empty {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.3rem;
    width: 100%;
    height: 100%;
    min-height: 88px;
    color: #94a3b8;
    text-align: center;
}

body.pds-admin .pds-deli-audit .pds-deli-audit__photo-empty i {
    font-size: 1.25rem;
    color: rgba(var(--brand-rgb), 0.5);
}

body.pds-admin .pds-deli-audit .pds-deli-audit__photo-empty em {
    font-style: normal;
    font-size: 0.66rem;
    font-weight: 700;
}

body.pds-admin .pds-deli-audit .pds-deli-audit__main {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    min-width: 0;
}

body.pds-admin .pds-deli-audit .pds-deli-audit__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

body.pds-admin .pds-deli-audit .pds-deli-audit__tag {
    display: inline-flex;
    align-items: center;
    padding: 0.22rem 0.58rem;
    border-radius: 999px;
    border: 1px solid rgba(var(--brand-rgb), 0.35);
    background: #fff7ed;
    color: var(--site-color);
    font-size: 0.68rem;
    font-weight: 800;
}

body.pds-admin .pds-deli-audit .pds-deli-audit__tag.is-muted {
    border-color: #e2e8f0;
    background: #f8fafc;
    color: #64748b;
}

body.pds-admin .pds-deli-audit .pds-deli-audit__tag.is-accent {
    border-color: transparent;
    background: var(--site-color);
    color: #fff;
}

body.pds-admin .pds-deli-audit .pds-deli-audit__change {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 0.45rem;
    align-items: center;
}

body.pds-admin .pds-deli-audit .pds-deli-audit__amt {
    display: flex;
    flex-direction: column;
    gap: 0.18rem;
    min-width: 0;
    padding: 0.55rem 0.65rem;
    border-radius: 12px;
    background: #f8fafc;
    border: 1px solid #eef2f7;
}

body.pds-admin .pds-deli-audit .pds-deli-audit__amt.is-from {
    background: #fffbeb;
    border-color: rgba(245, 158, 11, 0.35);
}

body.pds-admin .pds-deli-audit .pds-deli-audit__amt.is-to {
    background: #fff7ed;
    border-color: rgba(var(--brand-rgb), 0.22);
}

body.pds-admin .pds-deli-audit .pds-deli-audit__amt span {
    color: #64748b;
    font-size: 0.64rem;
    font-weight: 700;
}

body.pds-admin .pds-deli-audit .pds-deli-audit__amt.is-from span {
    color: #b45309;
}

body.pds-admin .pds-deli-audit .pds-deli-audit__amt.is-to span {
    color: var(--site-color);
}

body.pds-admin .pds-deli-audit .pds-deli-audit__amt strong {
    color: #0f172a;
    font-size: 1.08rem;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
    letter-spacing: -0.02em;
    line-height: 1.15;
}

body.pds-admin .pds-deli-audit .pds-deli-audit__amt.is-from strong {
    color: #b45309;
}

body.pds-admin .pds-deli-audit .pds-deli-audit__amt.is-to strong {
    color: var(--site-color);
}

body.pds-admin .pds-deli-audit .pds-deli-audit__arrow {
    width: 28px;
    height: 28px;
    border-radius: 999px;
    background: #fff;
    border: 1px solid #e2e8f0;
    color: var(--site-color);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.7rem;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06);
}

body.pds-admin .pds-deli-audit .pds-deli-audit__foot {
    display: flex;
    justify-content: flex-end;
    padding-top: 0.15rem;
    border-top: 1px dashed #e2e8f0;
}

body.pds-admin .pds-deli-audit .pds-deli-audit__open {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: var(--site-color);
    font-size: 0.78rem;
    font-weight: 800;
    text-decoration: none;
    transition: gap 0.15s ease, opacity 0.15s ease;
}

body.pds-admin .pds-deli-audit .pds-deli-audit__open i {
    font-size: 0.68rem;
}

body.pds-admin .pds-deli-audit .pds-deli-audit__open:hover {
    gap: 0.55rem;
    opacity: 0.88;
    text-decoration: none;
}

@media (max-width: 520px) {
    body.pds-admin .pds-deli-audit .pds-deli-audit__person.has-photo {
        grid-template-columns: 1fr;
    }

    body.pds-admin .pds-deli-audit .pds-deli-audit__person.has-photo .pds-deli-audit__photo {
        width: 100%;
        height: 160px;
        aspect-ratio: auto;
    }

    body.pds-admin .pds-deli-audit .pds-deli-audit__change {
        grid-template-columns: 1fr;
        justify-items: stretch;
    }

    body.pds-admin .pds-deli-audit .pds-deli-audit__arrow {
        justify-self: center;
        transform: rotate(90deg);
    }
}

body.pds-admin .pds-dispatch-items-btn-back {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    min-height: 38px;
    padding: 0 0.95rem;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #fff;
    color: #334155;
    font-weight: 600;
    font-size: 0.84rem;
    text-decoration: none;
    transition: all 0.15s ease;
}

body.pds-admin .pds-dispatch-items-btn-back:hover {
    background: rgba(var(--brand-rgb), 0.08);
    color: var(--site-color);
    border-color: rgba(var(--brand-rgb), 0.45);
}

body.pds-admin .pds-dispatch-items-btn-add {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    min-height: 38px;
    padding: 0 1rem;
    border-radius: 10px;
    background: var(--site-color);
    color: #fff;
    font-size: 0.84rem;
    font-weight: 700;
    text-decoration: none;
    box-shadow: 0 4px 14px rgba(var(--brand-rgb), 0.22);
    transition: all 0.15s ease;
}

body.pds-admin .pds-dispatch-items-btn-add:hover {
    color: #fff;
    filter: brightness(0.97);
    transform: translateY(-1px);
}

body.pds-admin .pds-dispatch-items-body {
    padding: 1rem 1.25rem 1.2rem;
    background: #f8fafc;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

body.pds-admin .pds-dispatch-items-table-shell {
    background: #fff;
    border: 1px solid #e8ecf1;
    border-bottom: 0;
    border-radius: 14px 14px 0 0;
    overflow-x: auto !important;
    overflow-y: auto !important;
    flex: 1 1 auto;
    min-height: 0 !important;
}

body.pds-admin .pds-dispatch-items-table-shell .dataTables_scroll,
body.pds-admin .pds-dispatch-items-table-shell .dataTables_scrollBody,
body.pds-admin .pds-dispatch-items-table-shell .dataTables_scrollHead,
body.pds-admin .pds-dispatch-items-table-shell .dataTables_scrollFoot {
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    overflow: visible !important;
}

body.pds-admin .pds-dispatch-items-table-shell .dataTables_scrollFoot {
    display: none !important;
    height: 0 !important;
}

body.pds-admin .pds-dispatch-items-table-shell .pds-dispatch-items-datatable thead th {
    position: sticky !important;
    top: 0 !important;
    z-index: 6 !important;
    background: var(--site-color, #FE6F07) !important;
    color: #fff !important;
}

body.pds-admin .pds-dispatch-items-table-shell .dataTables_wrapper {
    padding: 0;
}

body.pds-admin .pds-dispatch-items-table-shell table.dataTable thead th,
body.pds-admin .pds-dispatch-items-table-shell .pds-dispatch-items-datatable thead th {
    background: var(--site-color, #FE6F07) !important;
    color: #fff !important;
    border-color: #e07a28 !important;
    border-bottom: 0 !important;
    font-weight: 700 !important;
    font-size: 0.7rem !important;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    white-space: nowrap;
    padding: 0.78rem 0.7rem !important;
}

body.pds-admin .pds-dispatch-items-table-shell table.dataTable tbody td {
    font-size: 0.82rem;
    white-space: nowrap;
    vertical-align: middle;
    padding: 0.68rem 0.7rem !important;
    border-color: #f1f5f9 !important;
    color: #334155;
}

body.pds-admin .pds-dispatch-items-table-shell table.dataTable tbody tr:nth-child(even) td {
    background: #fcfdff;
}

body.pds-admin .pds-dispatch-items-table-shell table.dataTable tbody tr:hover td {
    background: rgba(var(--brand-rgb), 0.08) !important;
}

body.pds-admin .pds-dispatch-items-table-shell.is-empty .dataTables_empty {
    padding: 3rem 1rem !important;
    color: #94a3b8 !important;
    font-size: 0.9rem;
    font-weight: 600;
    background: #fff;
}

body.pds-admin .pds-dispatch-items-table-shell.is-empty .pds-dispatch-items-dt-info {
    display: none;
}

body.pds-admin .pds-dispatch-items-dt-footer {
    display: none !important;
}

body.pds-admin .pds-dispatch-items-dt-length select {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 0.22rem 0.45rem;
    margin-left: 0.35rem;
    background: #fff;
}

body.pds-admin .pds-dispatch-item-status {
    display: inline-flex;
    align-items: center;
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    background: #ecfdf5;
    border: 1px solid #86efac;
    color: #15803d;
    font-weight: 700;
    font-size: 0.68rem;
    letter-spacing: 0.03em;
}

body.pds-admin .pds-dispatch-item-status--success {
    background: #ecfdf5;
    border-color: #86efac;
    color: #15803d;
}

body.pds-admin .pds-dispatch-item-status--danger {
    background: #fef2f2;
    border-color: #fecaca;
    color: #dc2626;
}

body.pds-admin .pds-dispatch-item-status--info {
    background: #eff6ff;
    border-color: #93c5fd;
    color: #1d4ed8;
}

body.pds-admin .pds-dispatch-item-status--neutral {
    background: #f8fafc;
    border-color: #e2e8f0;
    color: #475569;
}

body.pds-admin .pds-dispatch-item-remark--done {
    display: inline-flex;
    align-items: center;
    padding: 0.18rem 0.55rem;
    border-radius: 999px;
    background: #ecfdf5;
    border: 1px solid #86efac;
    color: #15803d;
    font-weight: 700;
    font-size: 0.72rem;
    letter-spacing: 0.02em;
}

body.pds-admin .pds-dispatch-action-items {
    color: var(--site-color);
}

/* Item modal */
body.pds-admin .pds-dispatch-item-modal-wrap {
    max-width: 1140px;
    margin: 0 auto 0.75rem;
}

body.pds-admin .pds-dispatch-item-modal {
    border: none;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 24px 64px rgba(15, 23, 42, 0.16);
}

body.pds-admin .pds-dispatch-item-modal-heading {
    flex: 1;
    min-width: 0;
}

body.pds-admin .pds-dispatch-item-modal-body {
    padding: 1rem 1.2rem;
    background: #f8fafc;
    max-height: calc(100vh - 210px);
    overflow-y: auto;
}

body.pds-admin .pds-dispatch-item-layout {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem;
    align-items: start;
}

body.pds-admin .pds-dispatch-item-modal-wrap.is-photo-item-modal {
    max-width: 1180px;
    width: calc(100% - 1.5rem);
    margin: 0 auto 0.75rem;
}

body.pds-admin #remoteModelData.modal.has-photo-item-modal {
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

body.pds-admin .pds-dispatch-item-modal.is-photo-item-modal form {
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - var(--pds-topbar-h, 73px) - 2.5rem);
    overflow: hidden;
}

body.pds-admin .pds-dispatch-item-modal-body.is-photo-item-body {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
    max-height: calc(100vh - 210px);
    padding: 0.85rem 1rem;
    display: flex;
    flex-direction: column;
}

body.pds-admin .pds-dispatch-item-layout.is-photo-item-layout {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem;
    align-items: stretch;
    flex: 1 1 auto;
    height: auto;
    min-height: 0;
    max-height: none;
}

body.pds-admin .pds-dispatch-item-col--photo {
    min-width: 0;
    overflow: hidden;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

body.pds-admin .pds-dispatch-item-col--photo .pds-dispatch-item-section--photo {
    height: 100%;
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

body.pds-admin .pds-dispatch-item-col--photo .pds-dispatch-item-section--photo .pds-dispatch-item-section-body,
body.pds-admin .pds-dispatch-item-photo-panel {
    padding: 0;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

body.pds-admin .pds-dispatch-item-col--photo .pds-dispatch-item-photo-viewport {
    flex: 1 1 auto;
    width: 100%;
    min-height: 0;
    height: auto;
    max-height: none;
}

body.pds-admin .pds-dispatch-item-col--details {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    min-width: 0;
    max-height: calc(100vh - 220px);
    overflow-x: hidden;
    overflow-y: scroll;
    overscroll-behavior: contain;
    padding-right: 0.35rem;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-y;
}

body.pds-admin .pds-dispatch-item-col--details .pds-dispatch-item-section {
    height: auto;
    flex-shrink: 0;
}

body.pds-admin .pds-dispatch-item-modal.is-photo-item-modal .pds-dispatch-item-modal-footer {
    flex-shrink: 0;
}

body.pds-admin .pds-dispatch-item-section {
    background: #fff;
    border: 1px solid #e8ecf1;
    border-radius: 14px;
    overflow: hidden;
    height: 100%;
}

body.pds-admin .pds-dispatch-item-section-head {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.8rem 1rem;
    background: #fafbfc;
    border-bottom: 1px solid #eef2f6;
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #64748b;
}

body.pds-admin .pds-dispatch-item-section-head i {
    color: var(--site-color);
    font-size: 0.82rem;
}

body.pds-admin .pds-dispatch-item-section-body {
    padding: 0.95rem 1rem 0.35rem;
}

body.pds-admin .pds-dispatch-item-grid .pds-dispatch-field {
    margin-bottom: 0.75rem;
}

body.pds-admin .pds-dispatch-item-textarea {
    min-height: 108px;
}

body.pds-admin .pds-dispatch-item-section--photo .pds-dispatch-item-section-body {
    padding-bottom: 0;
}

body.pds-admin .pds-dispatch-item-photo-zoom-bar {
    flex: 0 0 auto;
    padding: 0.65rem 0.85rem;
    border-top: 1px solid #eef2f6;
    background: #fafbfc;
}

body.pds-admin .pds-dispatch-item-photo-viewport {
    position: relative;
    display: block;
    background: #0f172a;
    overflow: hidden;
    touch-action: none;
    cursor: grab;
}

body.pds-admin .pds-dispatch-item-photo-viewport.is-zoomed {
    cursor: grabbing;
}

body.pds-admin .pds-dispatch-item-col--photo .pds-dispatch-item-photo-img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    min-height: 0;
    object-fit: contain;
    transform: translate(-50%, -50%);
    transform-origin: center center;
    user-select: none;
    pointer-events: none;
    will-change: transform;
}

body.pds-admin .pds-dispatch-item-photo-zoom-hint {
    margin: 0;
    padding: 0 0.85rem 0.55rem;
    font-size: 0.72rem;
    color: #64748b;
    line-height: 1.4;
}

body.pds-admin .pds-dispatch-item-photo-meta {
    padding: 0.75rem 0.85rem 0.85rem;
    display: grid;
    gap: 0.35rem;
}

body.pds-admin .pds-dispatch-item-photo-name {
    font-size: 0.82rem;
    font-weight: 700;
    color: #334155;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.pds-admin .pds-dispatch-item-photo-hint {
    font-size: 0.74rem;
    color: #64748b;
    line-height: 1.45;
}

body.pds-admin .pds-dispatch-item-photo-remark {
    margin-top: 0.85rem;
}

body.pds-admin .pds-dispatch-item-photo-remark .pds-dispatch-item-textarea {
    min-height: 84px;
}

body.pds-admin .pds-dispatch-item-photo-lightbox .mfp-image-holder .mfp-close,
body.pds-admin .pds-dispatch-item-photo-lightbox.mfp-wrap .mfp-close {
    display: none !important;
}

body.pds-admin .pds-dispatch-item-subhead {
    margin: 0.15rem 0 0.65rem;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #94a3b8;
}

body.pds-admin .pds-dispatch-item-credit {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
    margin-bottom: 0.95rem;
    padding-bottom: 0.85rem;
    border-bottom: 1px solid #eef2f6;
}

body.pds-admin .pds-dispatch-item-credit-label {
    font-size: 0.84rem;
    font-weight: 600;
    color: #334155;
}

body.pds-admin .pds-dispatch-item-credit-group {
    display: inline-flex;
    padding: 3px;
    background: #f1f5f9;
    border-radius: 10px;
    gap: 3px;
}

body.pds-admin .pds-dispatch-item-credit-pill {
    margin: 0;
    cursor: pointer;
}

body.pds-admin .pds-dispatch-item-credit-pill input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

body.pds-admin .pds-dispatch-item-credit-pill span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 84px;
    min-height: 34px;
    padding: 0 0.8rem;
    border-radius: 8px;
    font-size: 0.82rem;
    font-weight: 700;
    color: #64748b;
    transition: all 0.15s ease;
}

body.pds-admin .pds-dispatch-item-credit-pill input:checked + span {
    background: #fff;
    color: var(--site-color);
    box-shadow: 0 1px 4px rgba(15, 23, 42, 0.08);
}

body.pds-admin .pds-dispatch-item-credit-pill.is-disabled {
    cursor: not-allowed;
    opacity: 0.45;
}

body.pds-admin .pds-dispatch-item-credit-pill.is-disabled span {
    pointer-events: none;
}

body.pds-admin .pds-dispatch-item-size-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 6px;
}

body.pds-admin .pds-dispatch-item-size-pill {
    min-height: 34px;
    padding: 6px 4px;
    border: 1px solid #d8dee8;
    border-radius: 8px;
    background: #fff;
    color: #334155;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.1;
    cursor: pointer;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

body.pds-admin .pds-dispatch-item-size-pill:hover {
    border-color: var(--site-color);
    color: var(--site-color);
}

body.pds-admin .pds-dispatch-item-size-pill.is-selected {
    border-color: var(--site-color);
    background: var(--site-color);
    color: #fff;
    box-shadow: 0 2px 8px rgba(var(--brand-rgb), 0.28);
}

body.pds-admin .pds-dispatch-item-size-pill.is-disabled,
body.pds-admin .pds-dispatch-item-size-pill:disabled {
    cursor: not-allowed;
    opacity: 0.45;
    pointer-events: none;
    box-shadow: none;
}

body.pds-admin .pds-dispatch-item-size-pill.is-disabled:hover,
body.pds-admin .pds-dispatch-item-size-pill:disabled:hover {
    border-color: #d8dee8;
    color: #334155;
}

body.pds-admin .pds-dispatch-item-size-pill.is-selected.is-disabled,
body.pds-admin .pds-dispatch-item-size-pill.is-selected:disabled {
    border-color: var(--site-color);
    background: var(--site-color);
    color: #fff;
}

body.pds-admin .pds-dispatch-item-modal-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    padding: 0.85rem 1.2rem;
    background: #fff;
    border-top: 1px solid #eef2f6;
}

body.pds-admin .pds-dispatch-item-footer-summary {
    display: flex;
    flex-direction: column;
    gap: 0.18rem;
    min-width: 0;
    flex: 1;
}

body.pds-admin .pds-dispatch-item-summary-line {
    margin: 0;
    font-size: 0.8rem;
    font-weight: 600;
    line-height: 1.45;
}

body.pds-admin .pds-dispatch-item-summary-line span {
    font-weight: 800;
    font-variant-numeric: tabular-nums;
}

body.pds-admin .pds-dispatch-item-summary-line.is-os {
    color: #dc2626;
}

body.pds-admin .pds-dispatch-item-summary-line.is-cust {
    color: #2563eb;
}

body.pds-admin .pds-dispatch-item-summary-line.is-count {
    color: #0f172a;
}

body.pds-admin .pds-dispatch-item-footer-actions .pds-dispatch-btn-primary {
    min-width: 120px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
}

body.pds-admin #remoteModelData .pds-dispatch-item-modal .select2-container--default .select2-selection--single {
    min-height: 42px;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #fff;
}

body.pds-admin #remoteModelData .pds-dispatch-item-modal .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 40px;
    padding-left: 0.8rem;
    color: #0f172a;
}

body.pds-admin #remoteModelData .pds-dispatch-item-modal .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px;
}

body.pds-admin #remoteModelData .modal-content.pds-dispatch-item-modal {
    border: none;
}

@media (max-width: 991.98px) {
    body.pds-admin .pds-dispatch-item-layout,
    body.pds-admin .pds-dispatch-item-layout.is-photo-item-layout {
        grid-template-columns: 1fr;
        height: auto;
    }

    body.pds-admin .pds-dispatch-item-modal.is-photo-item-modal form {
        max-height: none;
    }

    body.pds-admin .pds-dispatch-item-modal-body.is-photo-item-body {
        overflow-y: auto;
        max-height: calc(100vh - 210px);
    }

    body.pds-admin .pds-dispatch-item-col--photo {
        overflow: visible;
    }

    body.pds-admin .pds-dispatch-item-col--photo .pds-dispatch-item-section--photo {
        height: auto;
    }

    body.pds-admin .pds-dispatch-item-col--photo .pds-dispatch-item-photo-viewport {
        min-height: 240px;
    }

    body.pds-admin .pds-dispatch-item-col--details {
        max-height: none;
        overflow: visible;
        padding-right: 0;
    }

    body.pds-admin .pds-dispatch-item-modal-footer {
        flex-direction: column;
        align-items: stretch;
    }

    body.pds-admin .pds-dispatch-item-footer-actions {
        justify-content: flex-end;
    }
}

@media (max-width: 767.98px) {
    body.pds-admin .pds-dispatch-items-topbar,
    body.pds-admin .pds-dispatch-items-body,
    body.pds-admin .pds-dispatch-item-modal-topbar,
    body.pds-admin .pds-dispatch-item-modal-body,
    body.pds-admin .pds-dispatch-item-modal-footer {
        padding-left: 0.9rem;
        padding-right: 0.9rem;
    }

    body.pds-admin .pds-dispatch-items-btn-add span {
        display: none;
    }

    body.pds-admin .pds-dispatch-items-topbar-main {
        flex-direction: column;
        align-items: flex-start;
    }
}

/* Dispatch To Assign / Follow Up */
body.pds-admin .pds-dispatch-to-assign-page {
    padding-bottom: 1.5rem;
}

body.pds-admin .pds-dispatch-to-assign-screen {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    overflow: hidden;
}

/* Follow Up page head (title/filters) scrolls normally — orange thead sticks instead */
body.pds-admin .pds-follow-up-page .pds-follow-up-page-head,
body.pds-admin .pds-follow-up-page .pds-follow-up-sticky-head {
    position: static !important;
    top: auto !important;
    box-shadow: none !important;
}

body.pds-admin .pds-dispatch-to-assign-topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.15rem 1.4rem 1rem;
    border-bottom: 1px solid #f1f5f9;
}

body.pds-admin .pds-dispatch-to-assign-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    margin-bottom: 0.28rem;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--site-color);
}

body.pds-admin .pds-dispatch-to-assign-eyebrow i {
    font-size: 0.78rem;
    opacity: 0.9;
}

body.pds-admin .pds-dispatch-to-assign-heading {
    margin: 0;
    font-size: 1.28rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    color: #0f172a;
}

body.pds-admin .pds-dispatch-to-assign-subtitle {
    margin: 0.45rem 0 0;
    font-size: 0.85rem;
    color: #64748b;
}

body.pds-admin .pds-dispatch-to-assign-count-pill {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.28rem 0.7rem;
    border-radius: 999px;
    background: rgba(var(--brand-rgb), 0.08);
    border: 1px solid rgba(var(--brand-rgb), 0.28);
    color: var(--site-color);
    font-size: 0.78rem;
    font-weight: 600;
}

body.pds-admin .pds-dispatch-to-assign-count-pill strong {
    color: var(--site-color);
    font-variant-numeric: tabular-nums;
}

body.pds-admin .pds-dispatch-to-assign-filter {
    padding: 1rem 1.4rem 0.15rem;
}

body.pds-admin .pds-dispatch-to-assign-filter-grid {
    display: grid;
    grid-template-columns: minmax(130px, 0.85fr) minmax(180px, 1.2fr) minmax(150px, 1fr) minmax(180px, 1.25fr);
    align-items: end;
    gap: 0.85rem 1rem;
    width: 100%;
}

body.pds-admin .pds-dispatch-to-assign-filter-grid > .pds-dispatch-field,
body.pds-admin .pds-dispatch-to-assign-filter-grid > .pds-dispatch-to-assign-os-filter {
    min-width: 0;
    margin-bottom: 0;
}

body.pds-admin .pds-dispatch-to-assign-filter-grid .pds-dispatch-input,
body.pds-admin .pds-dispatch-to-assign-filter-grid .pds-dispatch-select {
    width: 100%;
    min-width: 0;
    height: 42px;
}

body.pds-admin .pds-dispatch-to-assign-filter-grid .pds-dispatch-field label {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.pds-admin .pds-dispatch-to-assign-os-filter .pds-dispatch-field {
    margin-bottom: 0;
}

body.pds-admin .pds-follow-up-os-input-wrap {
    position: relative;
    display: flex;
    align-items: stretch;
    width: 100%;
}

body.pds-admin .pds-follow-up-os-input-wrap .pds-dispatch-input {
    padding-right: 2.75rem;
}

body.pds-admin .pds-dispatch-to-assign-os-search-btn {
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translateY(-50%);
    width: 32px;
    height: 32px;
    border: none;
    border-radius: 8px;
    background: linear-gradient(135deg, var(--site-color) 0%, var(--site-color) 100%);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    cursor: pointer;
    box-shadow: 0 2px 8px rgba(var(--brand-rgb), 0.28);
    transition: filter 0.15s ease, box-shadow 0.15s ease;
}

body.pds-admin .pds-dispatch-to-assign-os-search-btn:hover {
    filter: brightness(1.05);
    box-shadow: 0 4px 12px rgba(var(--brand-rgb), 0.36);
}

@media (max-width: 1100px) {
    body.pds-admin .pds-dispatch-to-assign-filter-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    body.pds-admin .pds-dispatch-to-assign-filter-grid {
        grid-template-columns: minmax(0, 1fr);
    }
}

body.pds-admin .pds-dispatch-to-assign-topbar-actions {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    flex-shrink: 0;
}

body.pds-admin .pds-assign-action-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
    min-height: 40px;
    padding: 0.5rem 1rem 0.5rem 0.55rem;
    border: none;
    border-radius: 12px;
    background: linear-gradient(135deg, var(--pds-accent) 0%, var(--pds-accent-2) 100%);
    color: #fff !important;
    font-size: 0.84rem;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0.01em;
    box-shadow: 0 4px 14px rgba(var(--brand-rgb), 0.24);
    cursor: pointer;
    transition: transform 0.15s ease, box-shadow 0.15s ease, opacity 0.15s ease, filter 0.15s ease;
}

body.pds-admin .pds-assign-action-btn__icon,
body.pds-admin .pds-assign-action-btn__label {
    color: #fff !important;
}

body.pds-admin .pds-assign-action-btn__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.18);
    flex-shrink: 0;
    font-size: 0.78rem;
}

body.pds-admin .pds-assign-action-btn__label {
    white-space: nowrap;
}

body.pds-admin .pds-assign-action-btn:hover:not(:disabled) {
    transform: translateY(-1px);
    box-shadow: 0 8px 20px rgba(var(--brand-rgb), 0.34);
    filter: brightness(1.02);
}

body.pds-admin .pds-assign-action-btn:active:not(:disabled) {
    transform: translateY(0);
    box-shadow: 0 4px 12px rgba(var(--brand-rgb), 0.22);
}

body.pds-admin .pds-assign-action-btn:disabled {
    opacity: 0.5;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
    filter: none;
}

body.pds-admin .pds-assign-action-btn--rider {
    background: linear-gradient(135deg, #2563eb 0%, #3b82f6 100%);
    box-shadow: 0 4px 14px rgba(37, 99, 235, 0.22);
}

body.pds-admin .pds-assign-action-btn--rider:hover:not(:disabled) {
    box-shadow: 0 8px 20px rgba(37, 99, 235, 0.3);
}

body.pds-admin .pds-assign-action-btn--restore {
    background: linear-gradient(135deg, #15803d 0%, #22c55e 100%);
    box-shadow: 0 4px 14px rgba(21, 128, 61, 0.22);
    color: #fff;
}

body.pds-admin .pds-assign-action-btn--restore:hover:not(:disabled) {
    box-shadow: 0 8px 20px rgba(21, 128, 61, 0.3);
    color: #fff;
}

body.pds-admin .pds-dispatch-action-restore {
    color: var(--site-color);
    background: transparent;
}

body.pds-admin .pds-assign-action-btn--point {
    background: linear-gradient(135deg, var(--site-color) 0%, var(--site-color) 100%);
    box-shadow: 0 4px 14px rgba(var(--brand-rgb), 0.28);
    color: #fff;
}

body.pds-admin .pds-assign-action-btn--point:hover:not(:disabled) {
    box-shadow: 0 8px 20px rgba(var(--brand-rgb), 0.36);
    color: #fff;
}

body.pds-admin .pds-dispatch-to-assign-table .pds-dispatch-item-status-assigned {
    color: #2563eb;
}

body.pds-admin .pds-dispatch-to-assign-body {
    padding: 1rem 1.35rem 1.35rem;
}

body.pds-admin .pds-dispatch-to-assign-group + .pds-dispatch-to-assign-group {
    margin-top: 1.5rem;
}

body.pds-admin .pds-dispatch-to-assign-group-head {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    margin-bottom: 0.75rem;
    padding: 0.65rem 0.9rem;
    border-radius: 10px;
    background: rgba(var(--brand-rgb), 0.08);
    border: 1px solid rgba(var(--brand-rgb), 0.28);
}

body.pds-admin .pds-dispatch-to-assign-group-label {
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--site-color);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

body.pds-admin .pds-dispatch-to-assign-group-head strong {
    font-size: 0.95rem;
    color: #0f172a;
}

body.pds-admin .pds-dispatch-to-assign-group-count {
    margin-left: auto;
    font-size: 0.78rem;
    font-weight: 600;
    color: #64748b;
}

body.pds-admin .pds-dispatch-to-assign-table-shell {
    overflow: auto;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    /* Do NOT use transform/contain here — both break thead position:sticky */
    max-height: min(68vh, calc(100vh - var(--pds-topbar-h, 73px) - 220px));
}

/* Follow Up: cheap row paint while scrolling the table shell */
body.pds-admin .pds-follow-up-page .pds-dispatch-to-assign-table tbody tr {
    content-visibility: auto;
    contain-intrinsic-size: auto 52px;
}

body.pds-admin .pds-dispatch-to-assign-table {
    margin: 0;
    min-width: 2480px;
    width: max-content;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 0.8rem;
}

/* Orange column header sticks to the top of the table shell while rows scroll */
body.pds-admin .pds-dispatch-to-assign-table thead th,
body.pds-admin .pds-follow-up-page .pds-dispatch-to-assign-table thead th {
    position: sticky !important;
    top: 0 !important;
    z-index: 6 !important;
    background: var(--site-color, #FE6F07) !important;
    color: #fff !important;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    white-space: nowrap;
    border: 1px solid #e07a28;
    border-bottom: 0;
    padding: 8px 10px;
    vertical-align: middle;
}

body.pds-admin .pds-dispatch-to-assign-table tbody td {
    padding: 0.72rem 0.75rem;
    border-color: #f1f5f9;
    color: #0f172a;
    vertical-align: middle;
    white-space: normal;
    overflow: hidden;
}

/* Status / pill badges must never clip */
body.pds-admin .pds-dispatch-to-assign-table tbody td:has(.pds-dispatch-status),
body.pds-admin .pds-dispatch-to-assign-table tbody td:has(.pds-dispatch-item-status),
body.pds-admin table.table tbody td:has(.pds-dispatch-status),
body.pds-admin table.dataTable tbody td:has(.pds-dispatch-status),
body.pds-admin table tbody td:has(.pds-rider-status-chip),
body.pds-admin table tbody td:has(.pds-rider-meta-pill--status) {
    overflow: visible !important;
    max-width: none !important;
    white-space: nowrap !important;
}

body.pds-admin .pds-dispatch-to-assign-table tbody tr:nth-child(even) td {
    background: #fafbfd;
}

body.pds-admin .pds-dispatch-to-assign-table tbody tr:hover td {
    background: rgba(var(--brand-rgb), 0.08);
}

/* Column widths — class-based so checkbox column never shifts nth-child mapping */
body.pds-admin .pds-dispatch-to-assign-table .pds-fu-col--check { width: 44px; min-width: 44px; text-align: center; }
body.pds-admin .pds-dispatch-to-assign-table .pds-fu-col--no { width: 48px; min-width: 48px; text-align: center; color: #64748b; font-weight: 600; }
body.pds-admin .pds-dispatch-to-assign-table .pds-fu-col--date { width: 108px; min-width: 108px; white-space: nowrap; }
body.pds-admin .pds-dispatch-to-assign-table .pds-fu-col--voucher { width: 150px; min-width: 150px; white-space: nowrap; }
body.pds-admin .pds-dispatch-to-assign-table .pds-fu-col--status { width: 132px; min-width: 132px; overflow: visible; }
body.pds-admin .pds-dispatch-to-assign-table .pds-fu-col--fromto { width: 160px; min-width: 160px; }
body.pds-admin .pds-dispatch-to-assign-table .pds-fu-col--os { width: 140px; min-width: 140px; }
body.pds-admin .pds-dispatch-to-assign-table .pds-fu-col--os-addr { width: 180px; min-width: 180px; }
body.pds-admin .pds-dispatch-to-assign-table .pds-fu-col--pickup { width: 130px; min-width: 130px; }
body.pds-admin .pds-dispatch-to-assign-table .pds-fu-col--customer { width: 130px; min-width: 130px; }
body.pds-admin .pds-dispatch-to-assign-table .pds-fu-col--phone { width: 140px; min-width: 140px; white-space: nowrap; }
body.pds-admin .pds-dispatch-to-assign-table .pds-fu-col--addr { width: 180px; min-width: 180px; }
body.pds-admin .pds-dispatch-to-assign-table .pds-fu-col--township { width: 120px; min-width: 120px; }
body.pds-admin .pds-dispatch-to-assign-table .pds-fu-col--rider { width: 150px; min-width: 150px; overflow: visible; }
body.pds-admin .pds-dispatch-to-assign-table .pds-fu-col--money { width: 110px; min-width: 110px; white-space: nowrap; text-align: right; }
body.pds-admin .pds-dispatch-to-assign-table .pds-fu-col--deli { width: 120px; min-width: 120px; overflow: visible; }
body.pds-admin .pds-dispatch-to-assign-table .pds-fu-col--remark { width: 140px; min-width: 140px; }
body.pds-admin .pds-dispatch-to-assign-table .pds-fu-col--action { width: 120px; min-width: 120px; overflow: visible; }

body.pds-admin .pds-dispatch-to-assign-empty {
    text-align: center;
    padding: 3rem 1rem;
    color: #94a3b8;
}

body.pds-admin .pds-dispatch-to-assign-empty i {
    font-size: 2rem;
    margin-bottom: 0.75rem;
}

body.pds-admin .pds-dispatch-to-assign-empty p {
    margin: 0;
    font-size: 0.95rem;
}

body.pds-admin .pds-follow-up-cell {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.35;
}

body.pds-admin .pds-follow-up-cell--address {
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #334155;
    font-size: 0.78rem;
}

body.pds-admin .pds-follow-up-cell--phone {
    font-variant-numeric: tabular-nums;
    color: #475569;
}

body.pds-admin .pds-follow-up-cell--name {
    font-weight: 600;
    color: #0f172a;
}

body.pds-admin .pds-follow-up-cell--rider {
    color: #334155;
}

body.pds-admin .pds-follow-up-check-col {
    width: 42px;
    text-align: center;
    vertical-align: middle !important;
}

body.pds-admin .pds-follow-up-check-col input[type="checkbox"] {
    width: 16px;
    height: 16px;
    margin: 0;
    cursor: pointer;
    accent-color: var(--site-color, #FE6F07);
}

body.pds-admin .pds-follow-up-rider-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
    padding: 0.28rem 0.55rem;
    border: 1px solid rgba(var(--brand-rgb), 0.35);
    border-radius: 999px;
    background: rgba(var(--brand-rgb), 0.08);
    color: var(--site-color, #FE6F07);
    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1.2;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

body.pds-admin .pds-follow-up-rider-btn span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.pds-admin .pds-follow-up-rider-btn i {
    flex-shrink: 0;
    font-size: 0.7rem;
}

body.pds-admin .pds-follow-up-rider-btn:hover {
    background: var(--site-color, #FE6F07);
    border-color: var(--site-color, #FE6F07);
    color: #fff;
}

body.pds-admin .pds-follow-up-address-cell {
    max-width: none;
    white-space: normal;
    line-height: 1.35;
}

body.pds-admin .pds-dispatch-to-assign-table tbody td.pds-follow-up-status-cell,
body.pds-admin .pds-dispatch-to-assign-table tbody td.pds-follow-up-num-cell,
body.pds-admin .pds-dispatch-to-assign-table tbody td.pds-follow-up-actions-cell,
body.pds-admin .pds-dispatch-to-assign-table tbody td:has(.pds-deli-amount-cell) {
    overflow: visible;
    max-width: none;
    min-width: 5.5rem;
}

/* Assign 100 / From MDY: price and (Cust Pay) must not share one squeezed line. */
body.pds-admin .pds-dispatch-to-assign-table .pds-deli-amount-cell {
    display: inline-flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: flex-end !important;
    justify-content: center !important;
    gap: 0.1rem !important;
    width: auto !important;
    max-width: 100% !important;
    white-space: nowrap !important;
}

body.pds-admin .pds-dispatch-to-assign-table .pds-deli-amount-price {
    flex: 0 0 auto !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: none !important;
    text-align: right !important;
    overflow: visible !important;
}

body.pds-admin .pds-dispatch-to-assign-table .pds-deli-amount-type,
body.pds-admin .pds-dispatch-to-assign-table .pds-deli-amount-type--empty {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    text-align: right !important;
    font-size: 0.68rem !important;
    font-weight: 500 !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
}

body.pds-admin .pds-follow-up-status-cell {
    overflow: visible;
    max-width: none;
    text-align: center;
}

body.pds-admin .pds-follow-up-status-cell .pds-dispatch-status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    min-width: 0;
    width: auto;
    height: auto;
    padding: 0.28rem 0.55rem;
    font-size: 0.6rem;
    letter-spacing: 0.02em;
    line-height: 1.25;
    white-space: normal;
    text-align: center;
    overflow: visible;
    text-overflow: clip;
    word-break: break-word;
    hyphens: auto;
    box-sizing: border-box;
}

body.pds-admin .pds-follow-up-num-cell {
    font-variant-numeric: tabular-nums;
    font-weight: 600;
    white-space: normal;
    overflow: visible;
    max-width: none;
}

/* Stack price + pay type so they never overlap in this dense table */
body.pds-admin .pds-follow-up-num-cell .pds-deli-amount-cell {
    display: inline-flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: flex-end !important;
    justify-content: center !important;
    gap: 0.12rem !important;
    width: 100% !important;
    max-width: 100% !important;
    white-space: normal !important;
}

body.pds-admin .pds-follow-up-num-cell .pds-deli-amount-price {
    flex: 0 0 auto !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: 100% !important;
    text-align: right !important;
    overflow: visible !important;
}

body.pds-admin .pds-follow-up-num-cell .pds-deli-amount-type,
body.pds-admin .pds-follow-up-num-cell .pds-deli-amount-type--empty {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: 100% !important;
    text-align: right !important;
    font-size: 0.68rem !important;
    font-weight: 500 !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
}

body.pds-admin .pds-follow-up-actions-cell {
    overflow: visible;
    max-width: none;
    text-align: center;
}

body.pds-admin .pds-follow-up-details-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    min-width: 0;
    padding: 0.38rem 0.7rem;
    border: 1px solid rgba(var(--brand-rgb), 0.45);
    border-radius: 999px;
    background: rgba(var(--brand-rgb), 0.08);
    color: var(--site-color);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

body.pds-admin .pds-follow-up-details-btn i {
    font-size: 0.7rem;
}

body.pds-admin .pds-follow-up-details-btn:hover {
    background: rgba(var(--brand-rgb), 0.16);
    border-color: var(--site-color);
    color: var(--site-color);
    box-shadow: 0 2px 8px rgba(var(--brand-rgb), 0.12);
}

body.pds-admin #followUpDetailsModal .pds-follow-up-details-dialog {
    max-width: min(720px, calc(100vw - 24px));
    width: min(720px, calc(100vw - 24px));
    margin: 1.25rem auto;
    pointer-events: none;
}

body.pds-admin #followUpDetailsModal.has-photo-preview .pds-follow-up-details-dialog {
    max-width: min(1140px, calc(100vw - 24px));
    width: min(1140px, calc(100vw - 24px));
}

body.pds-admin #followUpDetailsModal .pds-follow-up-details-stage {
    display: flex;
    align-items: stretch;
    justify-content: center;
    gap: 16px;
    width: 100%;
    max-height: min(90vh, 820px);
    pointer-events: none;
}

body.pds-admin #followUpDetailsModal .pds-follow-up-details-modal,
body.pds-admin #followUpDetailsModal .pds-follow-up-details-photo-preview {
    pointer-events: auto;
}

body.pds-admin .pds-follow-up-details-modal {
    flex: 1 1 560px;
    min-width: 0;
    max-width: 720px;
    max-height: 100%;
    display: flex;
    flex-direction: column;
    border: 0;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 24px 64px rgba(15, 23, 42, 0.18);
}

body.pds-admin #followUpDetailsModal.has-photo-preview .pds-follow-up-details-modal {
    max-width: min(700px, calc(100% - 336px));
}

body.pds-admin .pds-follow-up-details-photo-preview {
    flex: 0 0 min(400px, 38vw);
    width: min(400px, 38vw);
    min-width: 280px;
    max-height: 100%;
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.28);
    padding: 16px 14px 12px;
    overflow: hidden;
    animation: pdsFollowUpPhotoBeside 0.24s cubic-bezier(0.22, 1, 0.36, 1);
}

body.pds-admin .pds-follow-up-details-photo-preview[hidden] {
    display: none !important;
}

@keyframes pdsFollowUpPhotoBeside {
    from { opacity: 0; transform: translateX(18px); }
    to { opacity: 1; transform: none; }
}

body.pds-admin .pds-follow-up-details-photo-preview__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 10px;
    flex-shrink: 0;
}

body.pds-admin .pds-follow-up-details-photo-preview__title {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
    color: #0f172a;
    font-size: 0.98rem;
    font-weight: 750;
}

body.pds-admin .pds-follow-up-details-photo-preview__title span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.pds-admin .pds-follow-up-details-photo-preview__title i {
    color: var(--site-color);
}

body.pds-admin .pds-follow-up-details-photo-preview__close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #fff;
    color: #64748b;
    cursor: pointer;
}

body.pds-admin .pds-follow-up-details-photo-preview__close:hover {
    background: #fff1f2;
    border-color: #fecdd3;
    color: #e11d48;
}

body.pds-admin .pds-follow-up-details-photo-preview .pds-expense-image-viewport {
    flex: 1 1 auto;
    min-height: 280px;
    height: auto;
    max-height: none;
}

body.pds-admin .pds-follow-up-details-photo-preview .pds-photo-carousel-zoom-hint {
    margin: 0.2rem 0 0.1rem;
    text-align: center;
    color: #64748b;
    font-size: 0.68rem;
    line-height: 1.35;
}

@media (max-width: 860px) {
    body.pds-admin #followUpDetailsModal .pds-follow-up-details-stage {
        flex-direction: column;
        max-height: min(94vh, 900px);
        overflow: auto;
    }

    body.pds-admin #followUpDetailsModal.has-photo-preview .pds-follow-up-details-dialog,
    body.pds-admin #followUpDetailsModal.has-photo-preview .pds-follow-up-details-modal,
    body.pds-admin .pds-follow-up-details-photo-preview {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        flex: 0 0 auto;
    }

    body.pds-admin .pds-follow-up-details-photo-preview {
        min-height: 320px;
    }
}

body.pds-admin .pds-follow-up-details-modal .modal-header,
body.pds-admin .pds-follow-up-details-modal__header {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    border-bottom: 1px solid rgba(var(--brand-rgb), 0.18);
    background: linear-gradient(180deg, #fff7ed 0%, #ffffff 100%);
    padding: 0.85rem 1.1rem;
    position: sticky;
    top: 0;
    z-index: 5;
}

body.pds-admin .pds-follow-up-details-modal .modal-title {
    flex: 1 1 auto;
    min-width: 0;
    margin: 0;
    color: var(--site-color);
    font-weight: 800;
    letter-spacing: -0.01em;
}

body.pds-admin .pds-follow-up-details-header-actions {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

body.pds-admin .pds-follow-up-details-header-actions .pds-dispatch-row-actions {
    margin: 0;
    background: #fff;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06);
}

body.pds-admin .pds-follow-up-details-modal .modal-header .close {
    margin: 0;
    padding: 0.35rem;
    flex-shrink: 0;
}

body.pds-admin .pds-follow-up-details-modal .modal-body {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    padding: 1.15rem 1.25rem 1.25rem;
    background: #f8fafc;
}

body.pds-admin .pds-follow-up-details-modal .pds-follow-up-details-actions {
    display: none;
}

body.pds-admin .pds-follow-up-details-panel {
    padding: 1rem 1.05rem 1.05rem;
    border-radius: 16px;
    border: 1px solid #e2e8f0;
    background: #ffffff;
    box-shadow:
        0 1px 2px rgba(15, 23, 42, 0.04),
        0 10px 28px rgba(15, 23, 42, 0.05);
}

body.pds-admin .pds-follow-up-details-panel__head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.45rem;
    margin-bottom: 0.95rem;
    padding-bottom: 0.85rem;
    border-bottom: 1px dashed #e2e8f0;
}

body.pds-admin .pds-follow-up-details-panel__badge {
    display: inline-flex;
    align-items: center;
    padding: 0.28rem 0.7rem;
    border-radius: 999px;
    background: #fff7ed;
    border: 1px solid rgba(var(--brand-rgb), 0.35);
    color: var(--site-color);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.02em;
}

body.pds-admin .pds-follow-up-details-panel__code {
    display: inline-flex;
    align-items: center;
    padding: 0.28rem 0.7rem;
    border-radius: 999px;
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    color: #334155;
    font-size: 0.72rem;
    font-weight: 750;
    font-variant-numeric: tabular-nums;
}

body.pds-admin .pds-follow-up-details-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.7rem;
}

body.pds-admin .pds-follow-up-details-item {
    display: flex;
    flex-direction: column;
    gap: 0.28rem;
    min-width: 0;
    padding: 0.65rem 0.75rem;
    border-radius: 12px;
    background: linear-gradient(180deg, #fffaf5 0%, #f8fafc 100%);
    border: 1px solid #edf2f7;
}

body.pds-admin .pds-follow-up-details-item-wide {
    grid-column: 1 / -1;
}

body.pds-admin .pds-follow-up-details-label {
    font-size: 0.66rem;
    font-weight: 750;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #94a3b8;
}

body.pds-admin .pds-follow-up-details-value {
    font-size: 0.9rem;
    font-weight: 650;
    color: #0f172a;
    line-height: 1.45;
    word-break: break-word;
}

body.pds-admin .pds-follow-up-details-value.is-empty {
    color: #cbd5e1;
    font-weight: 600;
}

body.pds-admin .pds-follow-up-details-note {
    display: inline-block;
    margin-bottom: 0.45rem;
    color: #475569;
    font-size: 0.82rem;
    font-weight: 600;
}

body.pds-admin .pds-follow-up-details-delivered {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0.55rem;
    width: 100%;
}

body.pds-admin .pds-follow-up-details-type-pill {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    max-width: 100%;
    padding: 0.28rem 0.7rem;
    border-radius: 999px;
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    color: #334155;
    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1.25;
    white-space: nowrap;
}

body.pds-admin .pds-follow-up-details-type-pill.is-city {
    background: #eff6ff;
    border-color: #bfdbfe;
    color: #1d4ed8;
}

body.pds-admin .pds-follow-up-details-type-pill.is-gate {
    background: #fff7ed;
    border-color: #fed7aa;
    color: #c2410c;
}

body.pds-admin .pds-follow-up-details-deliver-photo {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: zoom-in;
    text-align: left;
}

body.pds-admin .pds-follow-up-details-deliver-photo img {
    display: block;
    width: 100%;
    max-width: none;
    max-height: 280px;
    height: auto;
    aspect-ratio: 16 / 10;
    object-fit: contain;
    object-position: center;
    border-radius: 14px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.08);
}

body.pds-admin .pds-follow-up-details-actions {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #e2e8f0;
}

/* Cancelled Order modal — larger, clean */
body.pds-admin #remoteModelData.modal .pds-cancel-order-dialog {
    width: calc(100% - 2rem);
    max-width: 560px;
    margin: 1.25rem auto;
}

body.pds-admin .pds-cancel-order-modal {
    position: relative;
    border: 0;
    border-radius: 24px;
    overflow: visible;
    background: #fff;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.85) inset,
        0 4px 6px rgba(15, 23, 42, 0.04),
        0 32px 80px rgba(15, 23, 42, 0.2);
}

body.pds-admin .pds-cancel-order-modal__accent {
    height: 5px;
    border-radius: 24px 24px 0 0;
    background: linear-gradient(90deg, #f43f5e 0%, var(--site-color) 48%, #fb923c 100%);
}

body.pds-admin .pds-cancel-order-modal__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.35rem 1.5rem 1.1rem;
    border-bottom: 0;
    background:
        radial-gradient(90% 120% at 0% 0%, rgba(244, 63, 94, 0.09), transparent 52%),
        radial-gradient(70% 90% at 100% 0%, rgba(var(--brand-rgb), 0.07), transparent 48%),
        linear-gradient(180deg, #fffaf8 0%, #ffffff 100%);
}

body.pds-admin .pds-cancel-order-modal__title-wrap {
    display: flex;
    align-items: center;
    gap: 0.95rem;
    min-width: 0;
}

body.pds-admin .pds-cancel-order-modal__icon {
    width: 52px;
    height: 52px;
    border-radius: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background: linear-gradient(160deg, #fff1f2 0%, #ffe4e6 100%);
    color: #e11d48;
    border: 1px solid rgba(225, 29, 72, 0.16);
    font-size: 1.15rem;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.9) inset,
        0 10px 22px rgba(225, 29, 72, 0.12);
}

body.pds-admin .pds-cancel-order-modal__copy {
    min-width: 0;
}

body.pds-admin .pds-cancel-order-modal__title {
    margin: 0;
    color: #0f172a;
    font-size: 1.22rem;
    font-weight: 800;
    letter-spacing: -0.025em;
    line-height: 1.25;
}

body.pds-admin .pds-cancel-order-modal__subtitle {
    margin: 0.4rem 0 0;
}

body.pds-admin .pds-cancel-order-modal__chip {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.32rem 0.72rem;
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.045);
    border: 1px solid rgba(15, 23, 42, 0.08);
    color: #475569;
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.01em;
}

body.pds-admin .pds-cancel-order-modal__chip i {
    font-size: 0.65rem;
    opacity: 0.7;
}

body.pds-admin .pds-cancel-order-modal__close {
    width: 40px;
    height: 40px;
    margin: 0;
    padding: 0;
    border-radius: 12px;
    opacity: 1;
    color: #64748b;
    background: rgba(15, 23, 42, 0.04);
    border: 1px solid rgba(15, 23, 42, 0.06);
    line-height: 1;
    font-size: 1.35rem;
    transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

body.pds-admin .pds-cancel-order-modal__close:hover {
    color: #0f172a;
    background: rgba(15, 23, 42, 0.08);
    border-color: rgba(15, 23, 42, 0.1);
}

body.pds-admin .pds-cancel-order-modal__body {
    padding: 0.35rem 1.5rem 1.15rem;
    overflow: visible;
}

body.pds-admin #remoteModelData.modal.show {
    overflow-x: hidden;
    overflow-y: auto;
}

body.pds-admin .pds-cancel-order-modal__hint {
    display: block;
    margin: 0 0 1.15rem;
    padding: 0.75rem 0.95rem;
    border-radius: 14px;
    background: #f8fafc;
    border: 1px solid #eef2f7;
    color: #64748b;
    font-size: 0.88rem;
    font-weight: 550;
    line-height: 1.45;
}

body.pds-admin .pds-cancel-order-field {
    margin-bottom: 1.15rem;
}

body.pds-admin .pds-cancel-reason-list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.55rem;
    max-height: min(52vh, 360px);
    overflow-y: auto;
    padding: 0.15rem 0.2rem 0.15rem 0.05rem;
    margin: 0 -0.05rem;
    scrollbar-width: thin;
    scrollbar-color: rgba(148, 163, 184, 0.55) transparent;
}

body.pds-admin .pds-cancel-reason-list::-webkit-scrollbar {
    width: 6px;
}

body.pds-admin .pds-cancel-reason-list::-webkit-scrollbar-thumb {
    background: rgba(148, 163, 184, 0.55);
    border-radius: 999px;
}

body.pds-admin .pds-cancel-reason-chip {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    width: 100%;
    margin: 0;
    padding: 0.92rem 1.05rem;
    border-radius: 16px;
    border: 1.5px solid #e8edf3;
    background: #fff;
    color: #0f172a;
    text-align: left;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03);
    transition:
        border-color 0.15s ease,
        background 0.15s ease,
        box-shadow 0.15s ease,
        transform 0.12s ease;
}

body.pds-admin .pds-cancel-reason-chip:hover {
    border-color: rgba(var(--brand-rgb), 0.42);
    background: linear-gradient(180deg, #fffaf5 0%, #ffffff 100%);
    transform: translateY(-1px);
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.06);
}

body.pds-admin .pds-cancel-reason-chip:focus {
    outline: none;
}

body.pds-admin .pds-cancel-reason-chip:focus-visible {
    border-color: rgba(var(--brand-rgb), 0.55);
    box-shadow: 0 0 0 4px rgba(var(--brand-rgb), 0.14);
}

body.pds-admin .pds-cancel-reason-chip.is-active {
    border-color: rgba(var(--brand-rgb), 0.72);
    background: linear-gradient(180deg, #fff7ed 0%, #ffffff 100%);
    box-shadow:
        0 0 0 3px rgba(var(--brand-rgb), 0.12),
        0 10px 22px rgba(var(--brand-rgb), 0.1);
}

body.pds-admin .pds-cancel-reason-chip__check {
    width: 26px;
    height: 26px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border: 1.5px solid #cbd5e1;
    color: transparent;
    font-size: 0.7rem;
    background: #fff;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

body.pds-admin .pds-cancel-reason-chip.is-active .pds-cancel-reason-chip__check {
    background: linear-gradient(180deg, #ff8a2b 0%, var(--site-color) 100%);
    border-color: var(--site-color);
    color: #fff;
    box-shadow: 0 6px 12px rgba(var(--brand-rgb), 0.28);
}

body.pds-admin .pds-cancel-reason-chip__text {
    font-size: 0.98rem;
    font-weight: 650;
    line-height: 1.4;
    color: #0f172a;
}

body.pds-admin .pds-cancel-reason-chip.is-active .pds-cancel-reason-chip__text {
    color: #9a3412;
    font-weight: 750;
}

body.pds-admin .pds-cancel-order-field--other.is-collapsed {
    display: none !important;
}

body.pds-admin .pds-cancel-order-field--other:not(.is-collapsed) {
    display: block;
    animation: pdsCancelOtherIn 0.22s ease-out;
}

@keyframes pdsCancelOtherIn {
    from { opacity: 0; transform: translateY(-8px); }
    to { opacity: 1; transform: translateY(0); }
}

body.pds-admin .pds-cancel-order-other-card {
    padding: 1.05rem 1.1rem 1.15rem;
    border-radius: 18px;
    background: linear-gradient(180deg, #fff8f1 0%, #ffffff 72%);
    border: 1px solid rgba(var(--brand-rgb), 0.2);
    box-shadow: 0 12px 32px rgba(var(--brand-rgb), 0.07);
}

body.pds-admin .pds-cancel-order-other-card__head {
    display: flex;
    align-items: flex-start;
    gap: 0.8rem;
    margin-bottom: 0.85rem;
}

body.pds-admin .pds-cancel-order-other-card__badge {
    width: 36px;
    height: 36px;
    border-radius: 11px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background: rgba(var(--brand-rgb), 0.12);
    color: var(--site-color);
    font-size: 0.85rem;
}

body.pds-admin .pds-cancel-order-other-card .pds-cancel-order-label {
    margin-bottom: 0.15rem;
    text-transform: none;
    letter-spacing: -0.01em;
    font-size: 0.95rem;
    color: #0f172a;
}

body.pds-admin .pds-cancel-order-other-card__help {
    margin: 0;
    color: #94a3b8;
    font-size: 0.8rem;
    font-weight: 550;
    line-height: 1.4;
}

body.pds-admin .pds-cancel-order-label {
    display: block;
    margin-bottom: 0.55rem;
    color: #334155;
    font-size: 0.8rem;
    font-weight: 750;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

body.pds-admin .pds-cancel-order-textarea {
    min-height: 110px;
    resize: vertical;
    padding: 0.9rem 1rem 1.05rem;
    border-radius: 14px !important;
    border: 1.5px solid rgba(var(--brand-rgb), 0.28) !important;
    background: #fff !important;
    color: #0f172a !important;
    box-shadow: none !important;
    /* Myanmar descenders need extra leading + bottom padding */
    line-height: 1.85 !important;
    font-size: 0.98rem;
    overflow: visible;
}

body.pds-admin .pds-cancel-order-textarea:focus {
    border-color: rgba(var(--brand-rgb), 0.65) !important;
    box-shadow: 0 0 0 4px rgba(var(--brand-rgb), 0.14) !important;
    outline: none;
}

/* Custom cancel reason dropdown — avoids native/select2 Myanmar clipping */
body.pds-admin .pds-cancel-dd {
    position: relative;
    z-index: 5;
}

body.pds-admin .pds-cancel-dd__toggle {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    width: 100%;
    min-height: 58px;
    margin: 0;
    padding: 0.85rem 1rem 1rem;
    border-radius: 14px;
    border: 1.5px solid #e2e8f0;
    background: #fff;
    color: #0f172a;
    text-align: left;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    box-shadow: none;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

body.pds-admin .pds-cancel-dd.is-open .pds-cancel-dd__toggle,
body.pds-admin .pds-cancel-dd__toggle:focus {
    border-color: rgba(var(--brand-rgb), 0.7);
    box-shadow: 0 0 0 4px rgba(var(--brand-rgb), 0.14);
    outline: none;
}

body.pds-admin .pds-cancel-dd__value {
    flex: 1;
    min-width: 0;
    font-size: 1rem;
    font-weight: 650;
    line-height: 1.9 !important;
    white-space: normal;
    word-break: break-word;
    overflow: visible;
    padding-bottom: 0.15rem;
}

body.pds-admin .pds-cancel-dd__chevron {
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #94a3b8;
    font-size: 0.75rem;
    transition: transform 0.18s ease, color 0.15s ease, background 0.15s ease;
}

body.pds-admin .pds-cancel-dd.is-open .pds-cancel-dd__chevron {
    transform: rotate(180deg);
    color: var(--site-color);
    background: rgba(var(--brand-rgb), 0.1);
}

body.pds-admin .pds-cancel-dd__panel {
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100% + 8px);
    z-index: 40;
    padding: 0.55rem 0.55rem 0.7rem;
    border-radius: 16px;
    border: 1.5px solid rgba(var(--brand-rgb), 0.22);
    background: #fff;
    box-shadow: 0 22px 52px rgba(15, 23, 42, 0.18);
    max-height: min(42vh, 300px);
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: rgba(148, 163, 184, 0.55) transparent;
}

/* Open upward when there is more room above the field */
body.pds-admin .pds-cancel-dd.is-drop-up .pds-cancel-dd__panel {
    top: auto;
    bottom: calc(100% + 8px);
    box-shadow: 0 -18px 44px rgba(15, 23, 42, 0.16);
}

body.pds-admin .pds-cancel-dd__panel[hidden] {
    display: none !important;
}

body.pds-admin .pds-cancel-dd__option {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    width: 100%;
    margin: 0.12rem 0;
    padding: 0.85rem 0.95rem 1rem;
    border: 0;
    border-radius: 12px;
    background: transparent;
    color: #0f172a;
    text-align: left;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    transition: background 0.12s ease, color 0.12s ease;
}

body.pds-admin .pds-cancel-dd__option:hover,
body.pds-admin .pds-cancel-dd__option:focus {
    background: rgba(var(--brand-rgb), 0.1);
    color: var(--site-color);
    outline: none;
}

body.pds-admin .pds-cancel-dd__option.is-active {
    background: rgba(var(--brand-rgb), 0.14);
    color: var(--site-color);
}

body.pds-admin .pds-cancel-dd__check {
    width: 22px;
    height: 22px;
    margin-top: 0.28rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border: 1.5px solid #cbd5e1;
    background: #fff;
    color: transparent;
    font-size: 0.65rem;
}

body.pds-admin .pds-cancel-dd__option.is-active .pds-cancel-dd__check,
body.pds-admin .pds-cancel-dd__option:hover .pds-cancel-dd__check,
body.pds-admin .pds-cancel-dd__option:focus .pds-cancel-dd__check {
    background: linear-gradient(180deg, #ff8a2b 0%, var(--site-color) 100%);
    border-color: var(--site-color);
    color: #fff;
}

body.pds-admin .pds-cancel-dd__text {
    flex: 1;
    min-width: 0;
    font-size: 0.98rem;
    font-weight: 650;
    /* Extra leading so Myanmar subscript glyphs are not clipped */
    line-height: 1.9 !important;
    white-space: normal;
    word-break: break-word;
    overflow: visible;
    padding-bottom: 0.2rem;
}

body.pds-admin .pds-cancel-order-modal__footer {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 1fr 1.4fr;
    gap: 0.8rem;
    padding: 1.15rem 1.5rem 1.45rem;
    border-top: 1px solid #f1f5f9;
    background: linear-gradient(180deg, #ffffff 0%, #fafafa 100%);
}

body.pds-admin .pds-cancel-order-btn {
    min-height: 52px;
    padding: 0.7rem 1.2rem;
    border-radius: 14px;
    font-size: 0.98rem;
    font-weight: 750;
    border: 1px solid transparent;
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, filter 0.15s ease, box-shadow 0.15s ease;
}

body.pds-admin .pds-cancel-order-btn--ghost {
    background: #fff;
    border-color: #e2e8f0;
    color: #475569;
}

body.pds-admin .pds-cancel-order-btn--ghost:hover {
    background: #f8fafc;
    border-color: #cbd5e1;
    color: #0f172a;
}

body.pds-admin .pds-cancel-order-btn--primary {
    background: linear-gradient(180deg, #ff7a1a 0%, var(--site-color) 100%);
    border-color: var(--site-color);
    color: #fff;
    box-shadow: 0 12px 26px rgba(var(--brand-rgb), 0.3);
}

body.pds-admin .pds-cancel-order-btn--primary:hover {
    filter: brightness(1.04);
    color: #fff;
}

body.pds-admin .pds-cancel-order-btn--primary i {
    font-size: 0.85rem;
    opacity: 0.95;
}

@media (max-width: 575.98px) {
    body.pds-admin #remoteModelData.modal .pds-cancel-order-dialog {
        max-width: calc(100% - 1.25rem);
    }

    body.pds-admin .pds-cancel-order-modal__header,
    body.pds-admin .pds-cancel-order-modal__body,
    body.pds-admin .pds-cancel-order-modal__footer {
        padding-left: 1.15rem;
        padding-right: 1.15rem;
    }

    body.pds-admin .pds-cancel-order-modal__footer {
        grid-template-columns: 1fr;
    }

    body.pds-admin .pds-cancel-order-modal__icon {
        width: 46px;
        height: 46px;
        font-size: 1.05rem;
    }

    body.pds-admin .pds-cancel-order-modal__title {
        font-size: 1.1rem;
    }
}

body.pds-admin .pds-follow-up-audit {
    margin-top: 1rem;
    padding: 1.1rem 1.05rem 1rem;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #ffffff;
    box-shadow:
        0 1px 2px rgba(15, 23, 42, 0.04),
        0 10px 28px rgba(15, 23, 42, 0.05);
}

body.pds-admin .pds-follow-up-audit-header {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    margin-bottom: 1rem;
    padding-bottom: 0.85rem;
    border-bottom: 1px dashed #e2e8f0;
}

body.pds-admin .pds-follow-up-audit-header-icon {
    width: 36px;
    height: 36px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #fff7ed;
    color: var(--site-color);
    border: 1px solid rgba(var(--brand-rgb), 0.28);
    font-size: 0.88rem;
    flex-shrink: 0;
    box-shadow: 0 2px 8px rgba(var(--brand-rgb), 0.12);
}

body.pds-admin .pds-follow-up-audit-header-text {
    display: flex;
    flex-direction: column;
    gap: 0.12rem;
    min-width: 0;
}

body.pds-admin .pds-follow-up-audit-title {
    margin: 0;
    font-size: 0.98rem;
    font-weight: 800;
    letter-spacing: -0.01em;
    color: #0f172a;
}

body.pds-admin .pds-follow-up-audit-count {
    font-size: 0.72rem;
    font-weight: 700;
    color: #94a3b8;
    letter-spacing: 0.02em;
}

body.pds-admin .pds-follow-up-audit-empty {
    margin: 0;
    color: #94a3b8;
    font-size: 0.85rem;
    padding: 0.55rem 0.15rem 0.35rem;
}

body.pds-admin .pds-follow-up-audit-list {
    list-style: none;
    margin: 0;
    padding: 0.1rem 0 0;
    display: flex;
    flex-direction: column;
    gap: 0;
}

body.pds-admin .pds-follow-up-audit-item {
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr);
    gap: 0.8rem;
    position: relative;
    padding-bottom: 1rem;
}

body.pds-admin .pds-follow-up-audit-item:not(:last-child)::before {
    content: '';
    position: absolute;
    left: 17px;
    top: 36px;
    bottom: 0;
    width: 2px;
    background: linear-gradient(180deg, #cbd5e1 0%, #e2e8f0 100%);
}

body.pds-admin .pds-follow-up-audit-item:last-child {
    padding-bottom: 0.1rem;
}

body.pds-admin .pds-follow-up-audit-dot {
    width: 36px;
    height: 36px;
    border-radius: 999px;
    background: rgba(var(--brand-rgb), 0.08);
    border: 1.5px solid rgba(var(--brand-rgb), 0.4);
    color: var(--site-color);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.78rem;
    z-index: 1;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06);
}

body.pds-admin .pds-follow-up-audit-item.is-info .pds-follow-up-audit-dot {
    background: #eff6ff;
    border-color: #93c5fd;
    color: #2563eb;
}
body.pds-admin .pds-follow-up-audit-item.is-assign .pds-follow-up-audit-dot {
    background: #f5f3ff;
    border-color: #c4b5fd;
    color: #7c3aed;
}
body.pds-admin .pds-follow-up-audit-item.is-edit .pds-follow-up-audit-dot {
    background: rgba(var(--brand-rgb), 0.08);
    border-color: rgba(var(--brand-rgb), 0.45);
    color: var(--site-color);
}
body.pds-admin .pds-follow-up-audit-item.is-success .pds-follow-up-audit-dot {
    background: #ecfdf5;
    border-color: #6ee7b7;
    color: #059669;
}
/* Completed — amber (distinct from Delivered teal/green) */
body.pds-admin .pds-follow-up-audit-item.is-completed .pds-follow-up-audit-dot {
    background: #fff7ed;
    border-color: #fdba74;
    color: #c2410c;
}
/* Finished — indigo (distinct from Completed amber) */
body.pds-admin .pds-follow-up-audit-item.is-finished .pds-follow-up-audit-dot {
    background: #eef2ff;
    border-color: #a5b4fc;
    color: #4338ca;
}
body.pds-admin .pds-follow-up-audit-item.is-restore .pds-follow-up-audit-dot {
    background: #eef2ff;
    border-color: #a5b4fc;
    color: #4f46e5;
}
body.pds-admin .pds-follow-up-audit-item.is-transit .pds-follow-up-audit-dot {
    background: #ecfeff;
    border-color: #67e8f9;
    color: #0891b2;
}
body.pds-admin .pds-follow-up-audit-item.is-danger .pds-follow-up-audit-dot {
    background: #fef2f2;
    border-color: #fca5a5;
    color: #dc2626;
}
body.pds-admin .pds-follow-up-audit-item.is-neutral .pds-follow-up-audit-dot {
    background: #f8fafc;
    border-color: #cbd5e1;
    color: #64748b;
}

body.pds-admin .pds-follow-up-audit-card {
    min-width: 0;
    padding: 0.8rem 0.9rem 0.85rem;
    border: 1px solid #e8edf3;
    border-radius: 14px;
    background: #fff;
    box-shadow:
        0 1px 2px rgba(15, 23, 42, 0.03),
        0 6px 16px rgba(15, 23, 42, 0.04);
    border-left: 3px solid #cbd5e1;
}

body.pds-admin .pds-follow-up-audit-item.is-info .pds-follow-up-audit-card {
    border-left-color: #3b82f6;
}
body.pds-admin .pds-follow-up-audit-item.is-assign .pds-follow-up-audit-card {
    border-left-color: #8b5cf6;
}
body.pds-admin .pds-follow-up-audit-item.is-edit .pds-follow-up-audit-card {
    border-left-color: var(--site-color);
}
body.pds-admin .pds-follow-up-audit-item.is-success .pds-follow-up-audit-card {
    border-left-color: #10b981;
}
body.pds-admin .pds-follow-up-audit-item.is-completed .pds-follow-up-audit-card {
    border-left-color: #f97316;
    background: linear-gradient(180deg, #fffaf5 0%, #fff 55%);
}
body.pds-admin .pds-follow-up-audit-item.is-finished .pds-follow-up-audit-card {
    border-left-color: #4f46e5;
    background: linear-gradient(180deg, #f8f9ff 0%, #fff 55%);
}
body.pds-admin .pds-follow-up-audit-item.is-restore .pds-follow-up-audit-card {
    border-left-color: #6366f1;
}
body.pds-admin .pds-follow-up-audit-item.is-transit .pds-follow-up-audit-card {
    border-left-color: #06b6d4;
}
body.pds-admin .pds-follow-up-audit-item.is-danger .pds-follow-up-audit-card {
    border-left-color: #ef4444;
}

body.pds-admin .pds-follow-up-audit-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.4rem;
}

body.pds-admin .pds-follow-up-audit-label {
    font-size: 0.88rem;
    font-weight: 800;
    color: #0f172a;
    line-height: 1.3;
    letter-spacing: -0.01em;
}

body.pds-admin .pds-follow-up-audit-time {
    flex-shrink: 0;
    font-size: 0.68rem;
    font-weight: 700;
    color: #64748b;
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    border-radius: 999px;
    padding: 0.22rem 0.58rem;
    line-height: 1.3;
    white-space: nowrap;
}

body.pds-admin .pds-follow-up-audit-message {
    margin: 0;
    font-size: 0.8rem;
    line-height: 1.55;
    color: #475569;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
}

body.pds-admin .pds-follow-up-audit-meta {
    margin-top: 0.7rem;
    padding-top: 0.7rem;
    border-top: 1px dashed #e2e8f0;
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
}

body.pds-admin .pds-follow-up-audit-meta-label {
    display: block;
    font-size: 0.66rem;
    font-weight: 750;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #94a3b8;
    margin-bottom: 0.4rem;
}

body.pds-admin .pds-follow-up-audit-action {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

body.pds-admin .pds-follow-up-audit-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    max-width: 100%;
}

body.pds-admin .pds-follow-up-audit-details {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

body.pds-admin .pds-follow-up-audit-details li {
    display: inline-flex;
    align-items: baseline;
    gap: 0.35rem;
    max-width: 100%;
    padding: 0.38rem 0.7rem;
    border-radius: 999px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
}

body.pds-admin .pds-follow-up-audit-details li.has-label {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.45rem;
    align-items: start;
    width: 100%;
    border-radius: 10px;
    padding: 0.45rem 0.65rem;
}

body.pds-admin .pds-follow-up-audit-details li.is-plain {
    background: rgba(var(--brand-rgb), 0.08);
    border-color: rgba(var(--brand-rgb), 0.22);
}

body.pds-admin .pds-follow-up-audit-details .is-label {
    color: #64748b;
    font-size: 0.7rem;
    font-weight: 750;
    line-height: 1.35;
}

body.pds-admin .pds-follow-up-audit-details .is-value {
    color: #0f172a;
    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1.4;
    word-break: break-word;
}

body.pds-admin .pds-follow-up-audit-details li.is-plain .is-value {
    color: var(--site-color);
}

body.pds-admin .pds-follow-up-audit-item.is-success .pds-follow-up-audit-details li {
    background: #f0fdf4;
    border-color: #bbf7d0;
}

body.pds-admin .pds-follow-up-audit-item.is-success .pds-follow-up-audit-details li.is-plain .is-value {
    color: #047857;
}

body.pds-admin .pds-follow-up-audit-item.is-edit .pds-follow-up-audit-details li {
    background: rgba(var(--brand-rgb), 0.08);
    border-color: rgba(var(--brand-rgb), 0.28);
}

@media (max-width: 640px) {
    body.pds-admin .pds-follow-up-details-grid {
        grid-template-columns: 1fr;
    }
}

body.pds-admin .pds-follow-up-audit-photos {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0.45rem;
    width: 100%;
}

body.pds-admin .pds-follow-up-audit-photo-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.75rem;
    width: 100%;
}

body.pds-admin .pds-follow-up-audit-photo {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0.45rem;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    text-align: left;
    cursor: zoom-in;
    text-decoration: none;
    color: inherit;
    transition: transform 0.18s ease;
}

body.pds-admin .pds-follow-up-audit-photo:hover {
    transform: translateY(-1px);
}

body.pds-admin .pds-follow-up-audit-photo-frame {
    position: relative;
    display: block;
    width: 100%;
    min-height: 180px;
    max-height: 320px;
    aspect-ratio: 16 / 10;
    border-radius: 14px;
    overflow: hidden;
    background: linear-gradient(160deg, #f8fafc 0%, #eef2f7 100%);
    border: 1px solid rgba(15, 23, 42, 0.08);
    box-shadow:
        0 1px 2px rgba(15, 23, 42, 0.04),
        0 8px 20px rgba(15, 23, 42, 0.06);
}

body.pds-admin .pds-follow-up-audit-photo-frame img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    display: block;
    background: #f8fafc;
}

body.pds-admin .pds-follow-up-audit-photo-zoom {
    position: absolute;
    inset: auto 8px 8px auto;
    width: 28px;
    height: 28px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(15, 23, 42, 0.72);
    color: #fff;
    font-size: 0.65rem;
    opacity: 0;
    transform: translateY(4px);
    transition: opacity 0.18s ease, transform 0.18s ease;
    pointer-events: none;
}

body.pds-admin .pds-follow-up-audit-photo:hover .pds-follow-up-audit-photo-zoom,
body.pds-admin .pds-follow-up-audit-photo:focus-visible .pds-follow-up-audit-photo-zoom {
    opacity: 1;
    transform: translateY(0);
}

body.pds-admin .pds-follow-up-audit-photo-caption {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    padding: 0.22rem 0.55rem;
    border-radius: 999px;
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    color: #334155;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.pds-admin .pds-follow-up-audit-item.is-success .pds-follow-up-audit-photo-frame {
    border-color: rgba(16, 185, 129, 0.22);
    box-shadow:
        0 1px 2px rgba(16, 185, 129, 0.06),
        0 8px 20px rgba(16, 185, 129, 0.1);
}

body.pds-admin .pds-follow-up-audit-item.is-success .pds-follow-up-audit-photo-caption {
    background: #ecfdf5;
    border-color: #a7f3d0;
    color: #047857;
}

@media (max-width: 640px) {
    body.pds-admin .pds-follow-up-audit-photo-frame {
        min-height: 150px;
        max-height: 240px;
    }

    body.pds-admin .pds-follow-up-details-deliver-photo img {
        max-height: 220px;
    }
}

body.pds-admin .pds-follow-up-audit-pill {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    padding: 0.28rem 0.65rem;
    border-radius: 999px;
    background: rgba(var(--brand-rgb), 0.08);
    border: 1px solid rgba(var(--brand-rgb), 0.28);
    color: var(--site-color);
    font-size: 0.74rem;
    font-weight: 700;
    line-height: 1.35;
    white-space: normal;
    word-break: break-word;
}

body.pds-admin .pds-follow-up-audit-item.is-success .pds-follow-up-audit-pill {
    background: #ecfdf5;
    border-color: #a7f3d0;
    color: #047857;
}
body.pds-admin .pds-follow-up-audit-item.is-danger .pds-follow-up-audit-pill {
    background: #fef2f2;
    border-color: #fecaca;
    color: #b91c1c;
}
body.pds-admin .pds-follow-up-audit-item.is-assign .pds-follow-up-audit-pill {
    background: #f5f3ff;
    border-color: #ddd6fe;
    color: #6d28d9;
}

body.pds-admin .pds-follow-up-audit-reason-text {
    margin: 0;
    padding: 0.55rem 0.7rem;
    border-radius: 10px;
    background: #fff1f2;
    border: 1px solid #fecdd3;
    color: #9f1239;
    font-size: 0.78rem;
    font-weight: 600;
    line-height: 1.45;
}

body.pds-admin .pds-follow-up-audit-change-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 0.45rem;
}

body.pds-admin .pds-follow-up-audit-change {
    padding: 0.45rem 0.55rem;
    border-radius: 10px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    min-width: 0;
}

body.pds-admin .pds-follow-up-audit-change-label {
    display: block;
    font-size: 0.66rem;
    font-weight: 700;
    color: #94a3b8;
    margin-bottom: 0.2rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

body.pds-admin .pds-follow-up-audit-change-value {
    font-size: 0.8rem;
    font-weight: 700;
    color: #0f172a;
}

body.pds-admin .pds-follow-up-audit-change-flow {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.78rem;
    font-weight: 650;
    min-width: 0;
    flex-wrap: wrap;
}

body.pds-admin .pds-follow-up-audit-change-flow .is-from {
    color: #94a3b8;
    text-decoration: line-through;
    text-decoration-color: #cbd5e1;
}

body.pds-admin .pds-follow-up-audit-change-flow .is-to {
    color: #0f172a;
}

body.pds-admin .pds-follow-up-audit-change-flow i {
    font-size: 0.62rem;
    color: #94a3b8;
}

body.pds-admin .pds-follow-up-audit-item-cards {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

body.pds-admin .pds-follow-up-audit-item-card {
    padding: 0.55rem 0.65rem;
    border-radius: 10px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
}

body.pds-admin .pds-follow-up-audit-item-code {
    font-size: 0.74rem;
    font-weight: 750;
    color: #334155;
    margin-bottom: 0.4rem;
}

body.pds-admin .pds-follow-up-audit-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

body.pds-admin .pds-follow-up-audit-chip {
    display: inline-flex;
    align-items: baseline;
    gap: 0.28rem;
    padding: 0.22rem 0.5rem;
    border-radius: 8px;
    background: #fff;
    border: 1px solid #e2e8f0;
    line-height: 1.25;
}

body.pds-admin .pds-follow-up-audit-chip em {
    font-style: normal;
    font-size: 0.64rem;
    font-weight: 700;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

body.pds-admin .pds-follow-up-audit-chip strong {
    font-size: 0.76rem;
    font-weight: 750;
    color: #0f172a;
}

@media (max-width: 640px) {
    body.pds-admin .pds-follow-up-audit-head {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.35rem;
    }

    body.pds-admin .pds-follow-up-audit-change-grid {
        grid-template-columns: 1fr;
    }
}

body.pds-admin .pds-dispatch-photo-thumb-wrap {
    position: relative;
    display: inline-flex;
    width: 52px;
    height: 52px;
    min-width: 52px;
    min-height: 52px;
    vertical-align: middle;
    margin-top: 6px;
    flex-shrink: 0;
}

body.pds-admin .pds-dispatch-items-table-shell .dataTables_scrollBody td:has(.pds-dispatch-photo-thumb-wrap),
body.pds-admin .pds-dispatch-items-datatable td:has(.pds-dispatch-photo-thumb-wrap) {
    overflow: visible !important;
    padding-top: 0.85rem !important;
    padding-bottom: 0.7rem !important;
    vertical-align: middle !important;
}

body.pds-admin .pds-dispatch-photo-edit-btn {
    position: absolute;
    top: -7px;
    right: -7px;
    z-index: 3;
    width: 22px;
    height: 22px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: var(--site-color, #FE6F07) !important;
    color: #fff !important;
    line-height: 0;
    box-shadow: 0 4px 10px rgba(var(--brand-rgb), 0.35);
    border: 2px solid #fff !important;
    transition: transform 0.15s ease, background 0.15s ease;
    overflow: visible;
    text-decoration: none !important;
}

body.pds-admin table.dataTable tbody td a.pds-dispatch-photo-edit-btn,
body.pds-admin table.dataTable tbody td a.pds-dispatch-photo-edit-btn:hover {
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    padding: 0 !important;
    background: var(--site-color, #FE6F07) !important;
    border: 2px solid #fff !important;
    border-radius: 999px !important;
    color: #fff !important;
}

body.pds-admin .pds-dispatch-photo-edit-btn svg {
    display: block;
    width: 11px;
    height: 11px;
    fill: currentColor;
    color: #fff;
    flex: 0 0 auto;
}

/* Kill global DataTable “action chip” styles that were swallowing the pen glyph. */
body.pds-admin table.dataTable tbody td a.pds-dispatch-photo-edit-btn i,
body.pds-admin table.dataTable tbody td a.pds-dispatch-photo-edit-btn svg {
    width: 11px !important;
    height: 11px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #fff !important;
    font-size: 0 !important;
    line-height: 0 !important;
}

body.pds-admin .pds-dispatch-photo-edit-btn:hover {
    background: var(--site-color, #FE6F07) !important;
    color: #fff !important;
    transform: scale(1.08);
    text-decoration: none !important;
}

body.pds-admin .pds-dispatch-photo-thumb-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    min-width: 52px;
    min-height: 52px;
    padding: 0;
    border: 1px solid var(--pds-border, #e2e8f0);
    border-radius: 10px;
    background: #fff;
    overflow: hidden;
    cursor: zoom-in;
    flex-shrink: 0;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

body.pds-admin .pds-dispatch-photo-thumb-btn:disabled {
    cursor: default;
}

body.pds-admin .pds-dispatch-photo-thumb-btn:hover:not(:disabled) {
    transform: scale(1.04);
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.12);
}

body.pds-admin .pds-dispatch-photo-thumb {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

body.pds-admin .pds-dispatch-photo-thumb-wrap.is-missing .pds-dispatch-photo-thumb-btn,
body.pds-admin .pds-dispatch-photo-thumb-wrap.is-broken .pds-dispatch-photo-thumb-btn,
body.pds-admin .pds-dispatch-photo-thumb-btn:empty {
    background: linear-gradient(145deg, #fff7ed 0%, #ffedd5 100%);
}

body.pds-admin .pds-dispatch-photo-thumb-wrap.is-missing .pds-dispatch-photo-thumb-btn::after,
body.pds-admin .pds-dispatch-photo-thumb-wrap.is-broken .pds-dispatch-photo-thumb-btn::after,
body.pds-admin .pds-dispatch-photo-thumb-btn:empty::after {
    content: "";
    width: 22px;
    height: 18px;
    display: block;
    border: 2px solid #fb923c;
    border-radius: 4px;
    box-shadow: inset 0 -8px 0 -6px #fdba74;
    background:
        radial-gradient(circle at 30% 35%, #fb923c 0 2px, transparent 2.5px),
        linear-gradient(135deg, transparent 40%, #fb923c 40% 58%, transparent 58%);
    opacity: 0.9;
}

body.pds-admin .pds-dispatch-items-datatable .pds-dispatch-item-status,
body.pds-admin .pds-dispatch-items-page .pds-dispatch-item-status {
    font-weight: 700;
    font-size: 0.75rem;
}

body.pds-admin .pds-dispatch-items-datatable .pds-dispatch-item-status:not([class*="--"]),
body.pds-admin .pds-dispatch-items-page .pds-dispatch-item-status:not([class*="--"]) {
    color: #047857;
}

body.pds-admin .pds-dispatch-photo-modal-content {
    border: none;
    border-radius: 16px;
    overflow: hidden;
}

body.pds-admin .pds-dispatch-photo-modal-body {
    padding: 1rem 1.25rem 1.25rem;
}

body.pds-admin .pds-dispatch-photo-viewport {
    overflow: hidden;
    border-radius: 14px;
    border: 1px solid var(--pds-border);
    background: #0f172a;
    min-height: 420px;
    max-height: min(72vh, 560px);
    touch-action: none;
    cursor: grab;
}

body.pds-admin .pds-dispatch-photo-viewport.is-zoomed {
    cursor: grab;
}

body.pds-admin .pds-dispatch-photo-viewport.is-zoomed:active {
    cursor: grabbing;
}

body.pds-admin .pds-dispatch-photo-stage {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 420px;
    max-height: min(72vh, 560px);
    overflow: hidden;
}

body.pds-admin .pds-dispatch-photo-img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    display: block;
    transform: translate(-50%, -50%);
    transform-origin: center center;
    user-select: none;
    pointer-events: none;
    will-change: transform;
}

body.pds-admin .pds-dispatch-pickup-rider-cell {
    min-width: 175px;
    max-width: 195px;
}

body.pds-admin .pds-dispatch-pickup-rider-cell select.dispatch-pickup-rider-select2 {
    width: 100%;
    min-height: 36px;
    border-radius: 10px;
    font-size: 0.82rem;
}

body.pds-admin .pds-dispatch-pickup-rider-cell .select2-container {
    width: 100% !important;
}

body.pds-admin .pds-dispatch-pickup-rider-cell .select2-selection--single {
    min-height: 36px;
    height: 36px;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #fff;
    box-shadow: none;
}

body.pds-admin .pds-dispatch-pickup-rider-cell.is-unassigned .select2-selection--single {
    border-color: #fca5a5;
    background: #fffafa;
}

body.pds-admin .pds-dispatch-pickup-rider-cell.is-assigned .select2-selection--single {
    border-color: #93c5fd;
    background: #f8fbff;
}

body.pds-admin .pds-dispatch-pickup-rider-cell .select2-selection__rendered {
    padding-left: 0.75rem;
    padding-right: 1.75rem;
    line-height: 34px;
    font-size: 0.8rem;
    font-weight: 600;
    color: #0f172a;
}

body.pds-admin .pds-dispatch-pickup-rider-cell.is-unassigned .select2-selection__rendered,
body.pds-admin .pds-dispatch-pickup-rider-cell.is-unassigned .select2-selection__placeholder {
    color: #b91c1c;
}

body.pds-admin .pds-dispatch-pickup-rider-cell.is-assigned .select2-selection__rendered {
    color: #1d4ed8;
}

body.pds-admin .pds-dispatch-pickup-rider-cell .select2-selection__arrow {
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    width: 12px;
    height: 12px;
}

body.pds-admin .pds-dispatch-pickup-rider-cell .select2-container--focus .select2-selection--single,
body.pds-admin .pds-dispatch-pickup-rider-cell .select2-container--open .select2-selection--single {
    border-color: var(--site-color);
    box-shadow: 0 0 0 3px rgba(251, 146, 60, 0.16);
}

body.pds-admin .pds-dispatch-datatable td:has(.pds-dispatch-pickup-rider-cell) {
    min-width: 195px;
    overflow: visible;
}

body.pds-admin .pds-dispatch-datatable .pds-table-shell,
body.pds-admin .pds-dispatch-table-shell {
    overflow: hidden;
}

body.pds-admin .pds-dispatch-datatable .dataTables_wrapper {
    overflow: visible;
}

/* Order List: DataTables scrollHead / scrollBody / scrollFoot freeze titles + totals */
body.pds-admin .pds-dispatch-list-page .pds-dispatch-table-shell .dataTables_scroll {
    width: 100% !important;
}

/* Let columns size naturally; horizontal scroll instead of crushing/overlapping */
body.pds-admin .pds-dispatch-list-page .pds-dispatch-table-shell .dataTables_scrollHeadInner > table,
body.pds-admin .pds-dispatch-list-page .pds-dispatch-table-shell .dataTables_scrollBody > table,
body.pds-admin .pds-dispatch-list-page .pds-dispatch-table-shell .dataTables_scrollFootInner > table {
    table-layout: auto !important;
    width: max-content !important;
    min-width: 100% !important;
    margin: 0 !important;
}

body.pds-admin .pds-dispatch-list-page .pds-dispatch-table-shell table.dataTable thead th {
    white-space: nowrap !important;
    vertical-align: middle !important;
    line-height: 1.25 !important;
    padding: 0.7rem 0.85rem !important;
}

body.pds-admin .pds-dispatch-list-page .pds-dispatch-table-shell table.dataTable tbody td {
    white-space: nowrap !important;
    vertical-align: middle !important;
    padding: 0.65rem 0.85rem !important;
}

body.pds-admin .pds-dispatch-list-page .pds-dispatch-table-shell table.dataTable td .pds-dispatch-pickup-rider-cell {
    min-width: 180px;
    max-width: 220px;
}

body.pds-admin .pds-dispatch-list-page .pds-dispatch-table-shell table.dataTable td .pds-dispatch-pickup-rider-cell .select2-container {
    width: 100% !important;
    max-width: 220px;
}

body.pds-admin .pds-dispatch-list-page .pds-dispatch-table-shell .dataTables_scrollBody {
    overflow-x: auto !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
}

body.pds-admin .pds-dispatch-list-page .pds-dispatch-table-shell .dataTables_scrollHead,
body.pds-admin .pds-dispatch-list-page .pds-dispatch-table-shell .dataTables_scrollFoot {
    overflow: hidden !important;
}

body.pds-admin .pds-dispatch-list-page .pds-dispatch-table-shell .dataTables_scrollFoot {
    display: block !important;
    height: auto !important;
    background: #fff7ed;
    border-top: 2px solid var(--site-color, #FE6F07);
}

body.pds-admin .pds-dispatch-list-page .pds-dispatch-table-shell .dataTables_scrollFootInner {
    display: block !important;
    height: auto !important;
}

body.pds-admin .pds-dispatch-list-page .pds-dispatch-table-shell .dataTables_scrollFoot table.dataTable tfoot th,
body.pds-admin .pds-dispatch-list-page .pds-dispatch-table-shell .dataTables_scrollFoot table.dataTable tfoot td {
    position: static !important;
    background: #fff7ed !important;
    color: var(--site-color, #FE6F07) !important;
    font-weight: 800 !important;
    box-shadow: none !important;
    padding-top: 0.78rem !important;
    padding-bottom: 0.78rem !important;
    height: auto !important;
    border-top-width: 0 !important;
    border-bottom-width: 0 !important;
}

body.pds-admin .pds-required-mark {
    color: #dc2626;
    font-weight: 700;
}

body.pds-admin .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background: rgba(var(--brand-rgb), 0.08);
    color: var(--site-color);
}

body.pds-admin .select2-dropdown.pds-dispatch-pickup-rider-dropdown {
    border: 1px solid rgba(var(--brand-rgb), 0.28);
    border-radius: 12px;
    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.14);
    overflow: hidden;
    z-index: 10060 !important;
    min-width: 180px !important;
}

body.pds-admin .select2-dropdown.pds-dispatch-pickup-rider-dropdown .select2-results {
    max-height: 240px;
}

body.pds-admin .select2-dropdown.pds-dispatch-pickup-rider-dropdown .select2-results__options {
    max-height: 220px;
}

body.pds-admin .select2-dropdown.pds-dispatch-pickup-rider-dropdown .select2-results__option {
    font-size: 0.82rem;
    padding: 0.55rem 0.75rem;
    color: #0f172a;
    background: #fff;
}

body.pds-admin.dark .select2-dropdown.pds-dispatch-pickup-rider-dropdown,
body.pds-admin.dark .select2-dropdown.pds-dispatch-pickup-rider-dropdown .select2-results__option {
    background: var(--admin-card) !important;
    color: var(--admin-text) !important;
}

body.pds-admin .pds-dispatch-pickup-rider-cell .select2-hidden-accessible {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

body.pds-admin .pds-dispatch-datatable .pds-dispatch-status {
    white-space: nowrap;
}

/* Dispatch status color variants */
body.pds-admin .pds-dispatch-status-neutral {
    background: #f1f5f9;
    border-color: #cbd5e1;
    color: #64748b;
}

body.pds-admin .pds-dispatch-status-admin-completed {
    background: #ecfdf5;
    border-color: #6ee7b7;
    color: #047857;
}

body.pds-admin .pds-dispatch-status-admin-uncompleted {
    background: rgba(var(--brand-rgb), 0.08);
    border-color: rgba(var(--brand-rgb), 0.45);
    color: var(--site-color);
}

body.pds-admin .pds-dispatch-status-rider-done {
    background: #eff6ff;
    border-color: #93c5fd;
    color: #1d4ed8;
}

body.pds-admin .pds-dispatch-status-rider-assigned {
    background: #fef3c7;
    border-color: #fde68a;
    color: #b45309;
}

body.pds-admin .pds-dispatch-status-rider-error {
    background: #fef2f2;
    border-color: #fca5a5;
    color: #b91c1c;
}

body.pds-admin .pds-dispatch-status-rider-cancelled {
    background: #f3f4f6;
    border-color: #d1d5db;
    color: #4b5563;
}

/* Pick Up Cancelled — User chose Express */
body.pds-admin .pds-dispatch-status-rider-cancelled-express {
    background: rgba(var(--brand-rgb), 0.08);
    border-color: rgba(var(--brand-rgb), 0.45);
    color: var(--site-color);
    font-weight: 700;
}

/* Pick Up Cancelled — User Cancel */
body.pds-admin .pds-dispatch-status-rider-cancelled-user {
    background: #fef2f2;
    border-color: #fca5a5;
    color: #b91c1c;
    font-weight: 700;
}

/* Compact, clean Pick Up Error + User Choice cell */
body.pds-admin .pds-rider-error-chip {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.35rem;
    min-width: 118px;
    max-width: 168px;
    padding: 0.45rem 0.65rem;
    border-radius: 12px;
    background: linear-gradient(180deg, #fff5f5 0%, #fef2f2 100%);
    border: 1px solid #fecaca;
    box-shadow: 0 1px 0 rgba(185, 28, 28, 0.04);
}

body.pds-admin .pds-rider-error-chip__status {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    line-height: 1.15;
}

body.pds-admin .pds-rider-error-chip__dot {
    width: 7px;
    height: 7px;
    border-radius: 999px;
    background: #ef4444;
    box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.18);
    flex-shrink: 0;
}

body.pds-admin .pds-rider-error-chip__label {
    color: #b91c1c;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    white-space: nowrap;
}

body.pds-admin .pds-rider-error-chip__choice {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    padding: 0.2rem 0.5rem;
    border-radius: 999px;
    background: #ffffff;
    border: 1px solid rgba(var(--brand-rgb), 0.28);
    color: var(--site-color);
    font-size: 0.68rem;
    font-weight: 600;
    line-height: 1.25;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.pds-admin .pds-dispatch-pickup-choice-banner {
    margin-top: 8px;
    padding: 10px 12px;
    border-radius: 10px;
    background: linear-gradient(180deg, rgba(var(--brand-rgb), 0.08) 0%, rgba(var(--brand-rgb), 0.16) 100%);
    border: 1px solid rgba(var(--brand-rgb), 0.45);
    color: var(--site-color);
    font-size: 13px;
    font-weight: 600;
}

body.pds-admin .pds-dispatch-pickup-error-banner {
    background: #fef2f2;
    border: 1px solid #fca5a5;
    color: #991b1b;
    border-radius: 12px;
    padding: 12px 14px;
}

body.pds-admin .pds-dispatch-status-rider-unassigned {
    background: #fef2f2;
    border-color: #fca5a5;
    color: #b91c1c;
}

body.pds-admin .pds-dispatch-status-follow-pick-up {
    background: rgba(var(--brand-rgb), 0.08);
    border-color: rgba(var(--brand-rgb), 0.45);
    color: var(--site-color);
}

body.pds-admin .pds-dispatch-status-follow-assigned-100 {
    background: #f5f3ff;
    border-color: #c4b5fd;
    color: #6d28d9;
}

body.pds-admin .pds-dispatch-status-follow-assigned {
    background: #eff6ff;
    border-color: #93c5fd;
    color: #1d4ed8;
}

body.pds-admin .pds-dispatch-status-assign-100-unassigned {
    background: #fef2f2;
    border-color: #fca5a5;
    color: #b91c1c;
}

body.pds-admin .pds-dispatch-status-follow-on-way {
    background: #ecfeff;
    border-color: #67e8f9;
    color: #0e7490;
}

body.pds-admin .pds-dispatch-status-follow-pending {
    background: rgba(var(--brand-rgb), 0.07);
    border-color: #fcd34d;
    color: #b45309;
}

body.pds-admin .pds-dispatch-status-follow-delivered {
    background: #ecfdf5;
    border-color: #6ee7b7;
    color: #047857;
}

body.pds-admin .pds-dispatch-status-follow-completed {
    background: #f0fdf4;
    border-color: #86efac;
    color: #166534;
}

body.pds-admin .pds-dispatch-status-follow-finished {
    background: #eff6ff;
    border-color: #93c5fd;
    color: #1d4ed8;
}

body.pds-admin .pds-dispatch-status-follow-cancelled {
    background: #fef2f2;
    border-color: #fca5a5;
    color: #b91c1c;
}

/* Order list table polish */
body.pds-admin .pds-dispatch-list-page .pds-page-card {
    border: 1px solid rgba(254, 215, 170, 0.55);
    border-radius: 20px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 18px 40px rgba(var(--brand-rgb), 0.06);
    overflow: hidden;
}

body.pds-admin .pds-dispatch-list-page .pds-page-header {
    background: linear-gradient(180deg, #ffffff 0%, rgba(var(--brand-rgb), 0.06) 100%) !important;
    border-bottom-color: rgba(var(--brand-rgb), 0.16) !important;
}

body.pds-admin .pds-dispatch-list-page .pds-page-title {
    letter-spacing: -0.04em;
}

body.pds-admin .pds-dispatch-list-page .pds-dispatch-pickup-tabs {
    margin-bottom: 1rem;
    width: 100%;
}

body.pds-admin .pds-dispatch-list-page .pds-dispatch-pickup-segment {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
    border: 1px solid #e8edf5;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
    padding: 5px;
    gap: 5px;
    border-radius: 14px;
}

body.pds-admin .pds-dispatch-list-page .pds-dispatch-segment-btn {
    flex: 1 1 0;
    min-width: 0;
    justify-content: center;
    border-radius: 10px;
    padding: 0.58rem 0.6rem;
}

body.pds-admin .pds-dispatch-list-page .pds-dispatch-segment-btn.is-active {
    box-shadow: 0 1px 2px rgba(var(--brand-rgb), 0.12), 0 6px 16px rgba(var(--brand-rgb), 0.1);
    color: var(--site-color);
}

body.pds-admin .pds-dispatch-list-page .pds-dispatch-segment-btn.is-active .pds-dispatch-tab-count {
    background: var(--site-color);
    color: #fff;
    box-shadow: 0 0 0 3px rgba(var(--brand-rgb), 0.16);
}

body.pds-admin .pds-dispatch-list-page .pds-dispatch-filter-bar {
    background: linear-gradient(180deg, #ffffff 0%, rgba(var(--brand-rgb), 0.05) 100%);
    border: 1px solid rgba(var(--brand-rgb), 0.16);
    border-radius: 16px;
    box-shadow: 0 1px 2px rgba(var(--brand-rgb), 0.04), 0 10px 28px rgba(15, 23, 42, 0.04);
}

body.pds-admin .pds-dispatch-list-page .pds-dispatch-table-shell {
    border: 1px solid rgba(var(--brand-rgb), 0.16);
    border-radius: 14px;
    overflow: hidden;
    max-height: none;
    background: #fff;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03);
}

/* Order list Delete Selected — top-right header (next to audit actions) */
body.pds-admin .pds-dispatch-list-page .pds-dispatch-bulk,
body.pds-admin .pds-dispatch-list-page .pds-dispatch-bulk--header {
    display: inline-flex !important;
    justify-content: flex-end;
    align-items: center;
    margin: 0;
    padding: 0;
    min-height: 0;
}
body.pds-admin .pds-dispatch-list-page .pds-page-header .pds-dispatch-bulk--header {
    margin-left: 0.35rem;
}
body.pds-admin .pds-dispatch-list-page .pds-dispatch-bulk #deleteSelectedBtn,
body.pds-admin .pds-dispatch-list-page .pds-dispatch-bulk--header #deleteSelectedBtn,
body.pds-admin .pds-dispatch-list-page #deleteSelectedBtn.pds-dispatch-delete-btn,
body.pds-admin .pds-dispatch-list-page #deleteSelectedBtn.pds-dispatch-delete-btn:not(.is-visible),
body.pds-admin .pds-dispatch-list-page #deleteSelectedBtn.pds-dispatch-delete-btn[hidden] {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    float: none !important;
    margin: 0;
    min-height: 2.35rem;
    padding: 0.55rem 1.15rem;
    border: 0;
    border-radius: 999px;
    background: #fde8e8;
    color: #b42318;
    font-weight: 700;
    font-size: 0.875rem;
    line-height: 1.2;
    box-shadow: none;
    white-space: nowrap;
}
body.pds-admin .pds-dispatch-list-page .pds-dispatch-bulk #deleteSelectedBtn:hover,
body.pds-admin .pds-dispatch-list-page .pds-dispatch-bulk--header #deleteSelectedBtn:hover,
body.pds-admin .pds-dispatch-list-page #deleteSelectedBtn.pds-dispatch-delete-btn:hover {
    background: #fbd0d0;
    color: #912018;
}
body.pds-admin .pds-dispatch-list-page .pds-dispatch-bulk #deleteSelectedBtn.bg-danger,
body.pds-admin .pds-dispatch-list-page .pds-dispatch-bulk--header #deleteSelectedBtn.bg-danger,
body.pds-admin .pds-dispatch-list-page #deleteSelectedBtn.pds-dispatch-delete-btn.bg-danger {
    background: #dc2626;
    color: #fff;
}

body.pds-admin .pds-dispatch-list-page .pds-dispatch-table-shell .dataTables_wrapper table.dataTable thead th {
    background: linear-gradient(180deg, rgba(var(--brand-rgb), 0.08) 0%, rgba(var(--brand-rgb), 0.16) 100%) !important;
    color: var(--site-color) !important;
    border-color: rgba(var(--brand-rgb), 0.45) !important;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    font-size: 0.74rem !important;
    padding-top: 0.85rem !important;
    padding-bottom: 0.85rem !important;
}

body.pds-admin .pds-dispatch-datatable tbody td {
    padding-top: 0.82rem;
    padding-bottom: 0.82rem;
    vertical-align: middle;
    font-size: 0.84rem;
    color: #0f172a;
    border-color: #f1f5f9;
}

body.pds-admin .pds-dispatch-datatable tbody tr:nth-child(even) td {
    background: rgba(var(--brand-rgb), 0.05);
}

body.pds-admin .pds-dispatch-datatable tbody tr:hover td {
    background: rgba(var(--brand-rgb), 0.08);
}

body.pds-admin .pds-dispatch-datatable tbody td a {
    color: var(--site-color);
    font-weight: 700;
    text-decoration: none;
}

body.pds-admin .pds-dispatch-datatable tbody td a:hover {
    color: var(--site-color);
    text-decoration: underline;
}

body.pds-admin .pds-dispatch-datatable tbody td.dataTables_empty {
    padding: 3.25rem 1.5rem !important;
    text-align: center;
    color: #94a3b8;
    font-size: 0.92rem;
    font-weight: 500;
    background:
        radial-gradient(ellipse at top, rgba(255, 237, 213, 0.55), transparent 65%),
        #fff !important;
}

body.pds-admin .pds-dispatch-datatable tfoot th,
body.pds-admin .pds-dispatch-datatable tfoot td,
body.pds-admin .pds-dispatch-datatable tfoot .pds-dispatch-total-row th,
body.pds-admin .pds-dispatch-datatable tfoot .pds-dispatch-total-row td {
    background: #fff7ed !important;
    font-weight: 750;
    font-variant-numeric: tabular-nums;
    border-top: 2px solid rgba(var(--brand-rgb), 0.45) !important;
    padding-top: 0.78rem !important;
    padding-bottom: 0.78rem !important;
    color: var(--site-color);
}

body.pds-admin .pds-dispatch-datatable tfoot th:first-child,
body.pds-admin .pds-dispatch-datatable tfoot .pds-dispatch-total-row th:first-child {
    text-align: right;
}

body.pds-admin .pds-dispatch-list-page .pds-dispatch-items-audit-btn {
    border-radius: 11px;
    border-color: rgba(var(--brand-rgb), 0.28);
    background: #fff;
    color: var(--site-color);
    box-shadow: 0 1px 2px rgba(var(--brand-rgb), 0.06);
}

body.pds-admin .pds-dispatch-list-page .pds-dispatch-items-audit-btn:hover {
    background: rgba(var(--brand-rgb), 0.08);
    border-color: rgba(var(--brand-rgb), 0.45);
    color: var(--site-color);
}

body.pds-admin .pds-dispatch-list-page .pds-dispatch-action-cell {
    text-align: right !important;
    white-space: nowrap;
    min-width: 11.5rem;
    overflow: visible;
}
body.pds-admin .pds-dispatch-list-page .pds-dispatch-action-cell .pds-dispatch-row-actions {
    max-width: none;
    overflow: visible;
}
body.pds-admin .pds-dispatch-list-page td[data-dt-column="1"],
body.pds-admin .pds-dispatch-list-page .pds-dispatch-datatable tbody td:nth-child(2) {
    white-space: nowrap;
    min-width: 6.5rem;
}

body.pds-admin .pds-dispatch-list-page .pds-dispatch-row-actions form {
    display: inline-flex;
    margin: 0;
}

body.pds-admin .pds-dispatch-to-assign-screen {
    box-shadow: 0 4px 18px rgba(15, 23, 42, 0.05);
}

body.pds-admin .pds-dispatch-to-assign-topbar {
    background: linear-gradient(180deg, #fff 0%, #fafbfd 100%);
}

body.pds-admin .pds-dispatch-to-assign-filter {
    padding-bottom: 0.35rem;
}

body.pds-admin .pds-dispatch-to-assign-body {
    padding: 0.85rem 1.35rem 1.35rem;
}

body.pds-admin .pds-dispatch-to-assign-table-shell {
    box-shadow: inset 0 1px 0 #f8fafc;
}

body.pds-admin .pds-dispatch-to-assign-table .pds-dispatch-status,
body.pds-admin .pds-follow-up-status-cell .pds-dispatch-status {
    min-width: 0;
}

body.pds-admin .pds-dispatch-datatable .pds-dispatch-status {
    min-width: 92px;
}

body.pds-admin .pds-order-type-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.28rem 0.65rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    white-space: nowrap;
}

body.pds-admin .pds-order-type-shop {
    background: rgba(59, 130, 246, 0.12);
    color: #1d4ed8;
}

body.pds-admin .pds-order-type-gate {
    background: rgba(168, 85, 247, 0.12);
    color: #7e22ce;
}

body.pds-admin .pds-order-type-photo {
    background: rgba(var(--brand-rgb), 0.12);
    color: var(--site-color);
}

body.pds-admin .pds-order-type-text {
    background: rgba(16, 185, 129, 0.12);
    color: #047857;
}

body.pds-admin .pds-order-type-standard {
    background: rgba(100, 116, 139, 0.12);
    color: #475569;
}

body.pds-admin .pds-dispatch-user-detail-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 0.85rem;
}

body.pds-admin .pds-dispatch-user-detail-grid-single {
    grid-template-columns: minmax(0, 1fr);
}

body.pds-admin .pds-pickup-contact-card {
    padding: 1.1rem 1.15rem;
    border-radius: 16px;
    border: 1px solid #e8edf5;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
}

body.pds-admin .pds-pickup-contact-head {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    margin-bottom: 1rem;
    padding-bottom: 0.95rem;
    border-bottom: 1px solid #eef2f7;
}

body.pds-admin .pds-pickup-contact-head-icon {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #2563eb;
    background: rgba(37, 99, 235, 0.12);
    font-size: 1rem;
    flex-shrink: 0;
}

body.pds-admin .pds-pickup-contact-title {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 700;
    color: #0f172a;
    line-height: 1.3;
}

body.pds-admin .pds-pickup-contact-subtitle {
    margin: 0.2rem 0 0;
    font-size: 0.76rem;
    color: #64748b;
    line-height: 1.4;
}

body.pds-admin .pds-pickup-contact-body {
    display: grid;
    gap: 0.65rem;
}

body.pds-admin .pds-pickup-contact-item {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.75rem 0.85rem;
    border-radius: 12px;
    background: #fff;
    border: 1px solid #eef2f7;
    transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

body.pds-admin .pds-pickup-contact-item:hover {
    border-color: #dbeafe;
    box-shadow: 0 4px 14px rgba(37, 99, 235, 0.08);
}

body.pds-admin .pds-pickup-contact-item-icon {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #475569;
    background: #f1f5f9;
    font-size: 0.82rem;
    flex-shrink: 0;
}

body.pds-admin .pds-pickup-contact-item-content {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    min-width: 0;
}

body.pds-admin .pds-pickup-contact-item-label {
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #94a3b8;
}

body.pds-admin .pds-pickup-contact-item-value {
    font-size: 0.9rem;
    font-weight: 600;
    color: #0f172a;
    line-height: 1.45;
    word-break: break-word;
}

body.pds-admin .pds-pickup-contact-phone {
    color: #2563eb;
    text-decoration: none;
}

body.pds-admin .pds-pickup-contact-phone:hover {
    color: #1d4ed8;
    text-decoration: underline;
}

body.pds-admin .pds-dispatch-user-detail-card {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    padding: 1rem 1.05rem;
}

body.pds-admin .pds-dispatch-user-detail-title {
    margin: 0 0 0.85rem;
    font-size: 0.82rem;
    font-weight: 700;
    color: #0f172a;
}

body.pds-admin .pds-dispatch-user-detail-row {
    display: grid;
    grid-template-columns: 110px 1fr;
    gap: 0.65rem;
    padding: 0.45rem 0;
    border-top: 1px solid #e8edf3;
}

body.pds-admin .pds-dispatch-user-detail-row:first-of-type {
    border-top: 0;
    padding-top: 0;
}

body.pds-admin .pds-dispatch-user-detail-label {
    font-size: 0.76rem;
    font-weight: 600;
    color: #64748b;
}

body.pds-admin .pds-dispatch-user-detail-value {
    font-size: 0.84rem;
    color: #0f172a;
    word-break: break-word;
}

body.pds-admin .pds-dispatch-gate-photo-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    gap: 0.75rem;
}

body.pds-admin .pds-dispatch-gate-photo-single {
    grid-template-columns: minmax(180px, 280px);
}

body.pds-admin .pds-dispatch-gate-photo-single .pds-dispatch-gate-photo-item img {
    height: 200px;
}

body.pds-admin .pds-dispatch-gate-photo-item {
    display: block;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid #e2e8f0;
    background: #fff;
    cursor: zoom-in;
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

body.pds-admin .pds-dispatch-gate-photo-item:hover {
    transform: translateY(-1px);
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.12);
}

body.pds-admin .pds-dispatch-gate-photo-item img {
    display: block;
    width: 100%;
    height: 120px;
    object-fit: cover;
}

body.pds-admin .pds-gate-pass-showcase {
    display: grid;
    gap: 1rem;
}

body.pds-admin .pds-gate-pass-card {
    padding: 1rem;
    border-radius: 16px;
    border: 1px solid #e8edf5;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
}

body.pds-admin .pds-gate-pass-card-head {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.9rem;
}

body.pds-admin .pds-gate-pass-card-icon {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--site-color);
    background: rgba(var(--brand-rgb), 0.12);
    font-size: 1rem;
}

body.pds-admin .pds-gate-pass-card-label {
    margin: 0;
    font-size: 0.92rem;
    font-weight: 700;
    color: #0f172a;
}

body.pds-admin .pds-gate-pass-card-hint {
    margin: 0.15rem 0 0;
    font-size: 0.76rem;
    color: #64748b;
}

body.pds-admin .pds-gate-pass-frame {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 14px;
    border: 1px solid #dbe3ef;
    background: #fff;
    cursor: zoom-in;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

body.pds-admin .pds-gate-pass-frame:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 28px rgba(15, 23, 42, 0.14);
}

body.pds-admin .pds-gate-pass-frame img {
    display: block;
    width: 100%;
    max-height: 360px;
    object-fit: contain;
    background: #f1f5f9;
}

body.pds-admin .pds-gate-pass-zoom {
    position: absolute;
    right: 0.75rem;
    bottom: 0.75rem;
    width: 34px;
    height: 34px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: rgba(15, 23, 42, 0.72);
    font-size: 0.85rem;
    opacity: 0;
    transform: translateY(4px);
    transition: opacity 0.2s ease, transform 0.2s ease;
}

body.pds-admin .pds-gate-pass-frame:hover .pds-gate-pass-zoom {
    opacity: 1;
    transform: translateY(0);
}

body.pds-admin .pds-gate-pass-filename {
    margin: 0.65rem 0 0;
    font-size: 0.76rem;
    color: #64748b;
    word-break: break-all;
}

body.pds-admin .pds-gate-pass-empty {
    padding: 2rem 1.25rem;
    border-radius: 16px;
    border: 1px dashed rgba(var(--brand-rgb), 0.45);
    background: linear-gradient(180deg, rgba(var(--brand-rgb), 0.08) 0%, rgba(var(--brand-rgb), 0.07) 100%);
    text-align: center;
}

body.pds-admin .pds-gate-pass-empty-icon {
    width: 52px;
    height: 52px;
    margin: 0 auto 0.75rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--site-color);
    background: rgba(var(--brand-rgb), 0.12);
    font-size: 1.15rem;
}

body.pds-admin .pds-gate-pass-empty-title {
    margin: 0;
    font-size: 0.92rem;
    font-weight: 700;
    color: var(--site-color);
}

body.pds-admin .pds-gate-pass-empty-text {
    margin: 0.35rem 0 0;
    font-size: 0.8rem;
    color: var(--site-color);
}

body.pds-admin .pds-dispatch-user-detail-empty {
    padding: 1rem;
    border-radius: 12px;
    background: rgba(var(--brand-rgb), 0.08);
    color: var(--site-color);
    font-size: 0.84rem;
    margin-bottom: 1rem;
}

@media (max-width: 991px) {
    body.pds-admin .pds-dispatch-user-detail-grid {
        grid-template-columns: 1fr;
    }
}


/* Pre Pick Up → Order List confirm modal */
body.pds-admin .pds-swal-popup {
    border-radius: 18px !important;
    padding: 1.5rem 1.35rem 1.25rem !important;
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.18) !important;
    border: 1px solid #e8edf3;
    width: min(420px, calc(100vw - 2rem)) !important;
}

body.pds-admin .pds-swal-title {
    font-size: 1.15rem !important;
    font-weight: 750 !important;
    color: #0f172a !important;
    padding: 0 !important;
    margin: 0 0 0.35rem !important;
}

body.pds-admin .pds-swal-html {
    margin: 0 !important;
    padding: 0 !important;
}

body.pds-admin .pds-swal-confirm-text {
    margin: 0;
    font-size: 0.95rem;
    line-height: 1.55;
    color: #475569;
}

body.pds-admin .pds-swal-icon {
    margin: 0.25rem auto 0.85rem !important;
    border-color: rgba(var(--brand-rgb), 0.45) !important;
    color: var(--site-color) !important;
}

body.pds-admin .pds-swal-confirm {
    border-radius: 10px !important;
    font-weight: 700 !important;
    padding: 0.55rem 1.25rem !important;
    box-shadow: none !important;
}

body.pds-admin .pds-swal-cancel {
    border-radius: 10px !important;
    font-weight: 650 !important;
    padding: 0.55rem 1.25rem !important;
    box-shadow: none !important;
}

/* Rider List + Item Details */
body.pds-admin .pds-dispatch-rider-list-page .pds-rider-screen,
body.pds-admin .pds-dispatch-rider-items-page .pds-rider-screen {
    border: 1px solid #e8edf3;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.04);
    overflow: hidden;
    background: #fff;
}

body.pds-admin .pds-rider-hero {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.35rem 1.5rem 1.15rem;
    background:
        radial-gradient(circle at top right, rgba(251, 146, 60, 0.16), transparent 42%),
        linear-gradient(180deg, rgba(var(--brand-rgb), 0.05) 0%, #ffffff 100%);
    border-bottom: 1px solid #f1e7dc;
}

body.pds-admin .pds-rider-hero__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    margin-bottom: 0.45rem;
    color: var(--site-color);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

body.pds-admin .pds-rider-hero__title {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 800;
    color: #0f172a;
    letter-spacing: 0.01em;
}

body.pds-admin .pds-rider-hero__subtitle {
    margin: 0.35rem 0 0;
    max-width: 42rem;
    font-size: 0.88rem;
    line-height: 1.45;
    color: #64748b;
}

body.pds-admin .pds-rider-hero__stat {
    min-width: 88px;
    padding: 0.75rem 0.9rem;
    border-radius: 14px;
    background: #fff;
    border: 1px solid rgba(var(--brand-rgb), 0.28);
    box-shadow: 0 4px 14px rgba(var(--brand-rgb), 0.08);
    text-align: center;
}

body.pds-admin .pds-rider-hero__stat-value {
    display: block;
    font-size: 1.45rem;
    font-weight: 800;
    color: var(--site-color);
    line-height: 1;
}

body.pds-admin .pds-rider-hero__stat-label {
    display: block;
    margin-top: 0.3rem;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--site-color);
}

body.pds-admin .pds-rider-meta-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin-top: 0.7rem;
}

body.pds-admin .pds-rider-meta-pill {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.35rem 0.7rem;
    border-radius: 999px;
    background: #fff;
    border: 1px solid #e2e8f0;
    color: #334155;
    font-size: 0.78rem;
    font-weight: 600;
}

body.pds-admin .pds-rider-meta-pill--status {
    background: #ecfdf5;
    border-color: #a7f3d0;
    color: #047857;
}

body.pds-admin .pds-rider-meta-pill--count {
    background: rgba(var(--brand-rgb), 0.08);
    border-color: rgba(var(--brand-rgb), 0.45);
    color: var(--site-color);
}

body.pds-admin .pds-rider-meta-pill--count strong {
    margin-left: 0.2rem;
    color: var(--site-color);
}

body.pds-admin .pds-rider-close-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    background: #fff;
    color: #64748b;
    text-decoration: none;
    transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

body.pds-admin .pds-rider-close-btn:hover {
    background: rgba(var(--brand-rgb), 0.08);
    border-color: rgba(var(--brand-rgb), 0.45);
    color: var(--site-color);
}

body.pds-admin .pds-rider-toolbar {
    display: flex;
    align-items: flex-end;
    gap: 0.85rem;
    padding: 1rem 1.5rem;
    background: #f8fafc;
    border-bottom: 1px solid #eef2f7;
}

/* Rider List toolbar sits above the scroll shell (thead sticks inside the shell). */
body.pds-admin .pds-dispatch-rider-list-page .pds-rider-list-toolbar {
    position: relative;
    z-index: 5;
    background: #f8fafc;
}

body.pds-admin .pds-rider-toolbar__fields {
    display: grid;
    grid-template-columns: minmax(110px, 140px) minmax(160px, 1.4fr) minmax(120px, 150px) minmax(120px, 150px);
    gap: 0.75rem;
    flex: 1 1 auto;
    min-width: 0;
}

body.pds-admin .pds-dispatch-rider-list-page .pds-rider-list-toolbar__fields {
    grid-template-columns: minmax(240px, 1fr);
}

/* Money Transfer / settlement date fields: show calendar affordance */
body.pds-admin .pds-money-transfer-page .dispatch-datepicker,
body.pds-admin .pds-daily-check-page .dispatch-datepicker {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23FE6F07' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 16px;
    padding-right: 2.25rem;
    cursor: pointer;
}

body.pds-admin .pds-dispatch-rider-items-page .pds-rider-toolbar__fields {
    grid-template-columns: minmax(120px, 148px) minmax(120px, 148px) minmax(180px, 1fr);
}

body.pds-admin .pds-rider-toolbar .pds-dispatch-field {
    margin-bottom: 0;
}

body.pds-admin .pds-rider-toolbar .pds-dispatch-field label {
    margin-bottom: 0.35rem;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #64748b;
}

body.pds-admin .pds-rider-toolbar .pds-dispatch-input,
body.pds-admin .pds-rider-toolbar .pds-dispatch-select {
    height: 40px;
    border-radius: 10px;
    border-color: #e2e8f0;
    background: #fff;
}

body.pds-admin .pds-rider-toolbar__aside {
    display: flex;
    align-items: flex-end;
    gap: 0.75rem;
    flex: 0 0 auto;
}

body.pds-admin .pds-rider-bulk-actions {
    display: flex;
    align-items: flex-end;
    gap: 0.5rem;
    flex: 0 0 auto;
    flex-wrap: wrap;
}

body.pds-admin .pds-rider-bulk-actions .pds-dispatch-field {
    min-width: 140px;
}

body.pds-admin .pds-rider-toolbar--bulk {
    margin-top: -0.35rem;
    border-top: 1px dashed rgba(var(--brand-rgb), 0.28);
    padding-top: 0.85rem;
}

body.pds-admin .pds-rider-toolbar--bulk .pds-rider-check-btn:disabled {
    opacity: 0.65;
    cursor: wait;
}

body.pds-admin .pds-dispatch-rider-items-total-wrap {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    min-width: 120px;
}

body.pds-admin .pds-dispatch-rider-items-total-label {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #64748b;
}

body.pds-admin .pds-dispatch-rider-items-total {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.35rem 0.85rem;
    border-radius: 10px;
    background: rgba(var(--brand-rgb), 0.08);
    border: 1px solid rgba(var(--brand-rgb), 0.45);
    color: var(--site-color);
    font-weight: 800;
    font-size: 1rem;
}

body.pds-admin .pds-rider-toolbar__actions {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    flex-shrink: 0;
}

body.pds-admin .pds-rider-date-wrap {
    position: relative;
    display: block;
}

body.pds-admin .pds-rider-date-wrap .pds-dispatch-input {
    padding-right: 2.1rem;
}

body.pds-admin .pds-rider-date-clear {
    position: absolute;
    top: 50%;
    right: 0.45rem;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    border: none;
    border-radius: 999px;
    background: transparent;
    color: #94a3b8;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    cursor: pointer;
}

body.pds-admin .pds-rider-date-clear:hover {
    color: #ef4444;
    background: rgba(239, 68, 68, 0.08);
}

body.pds-admin .pds-rider-reset-btn,
body.pds-admin .pds-rider-check-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    min-width: 112px;
    height: 40px;
    padding: 0 1rem;
    border-radius: 10px;
    font-size: 0.82rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    text-decoration: none;
    transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease, color 0.15s ease;
}

body.pds-admin .pds-rider-reset-btn {
    border: 1px solid #e2e8f0;
    background: #fff;
    color: #64748b;
    box-shadow: none;
}

body.pds-admin .pds-rider-reset-btn:hover {
    color: #0f172a;
    background: #f8fafc;
    border-color: #cbd5e1;
    transform: translateY(-1px);
}

body.pds-admin .pds-rider-check-btn {
    border: none;
    background: linear-gradient(135deg, var(--site-color) 0%, var(--site-color) 100%);
    color: #fff;
    box-shadow: 0 6px 16px rgba(var(--brand-rgb), 0.24);
}

body.pds-admin .pds-rider-check-btn:hover {
    color: #fff;
    transform: translateY(-1px);
    box-shadow: 0 10px 20px rgba(var(--brand-rgb), 0.3);
}

body.pds-admin .pds-rider-body {
    padding: 1.15rem 1.5rem 1.4rem;
}

body.pds-admin .pds-rider-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    min-height: 220px;
    border: 1px dashed #e2e8f0;
    border-radius: 16px;
    background: #f8fafc;
    color: #64748b;
}

body.pds-admin .pds-rider-empty__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: 16px;
    background: rgba(var(--brand-rgb), 0.08);
    color: var(--site-color);
    font-size: 1.25rem;
}

body.pds-admin .pds-rider-table-shell {
    overflow: hidden;
    border: 1px solid #e8edf3;
    border-radius: 14px;
    background: #fff;
}

body.pds-admin .pds-rider-table-shell--scroll {
    overflow: auto !important;
    max-height: calc(100vh - var(--pds-topbar-h, 60px) - 12.5rem);
    min-height: 0;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
}

body.pds-admin .pds-daily-check-page .pds-rider-table-shell--scroll,
body.pds-admin .pds-money-transfer-page .pds-rider-table-shell--scroll {
    max-height: calc(100vh - var(--pds-topbar-h, 60px) - 12.5rem);
    min-height: 0;
}

body.pds-admin .pds-daily-check-page .pds-rider-table-shell--scroll:has(.pds-money-transfer-empty),
body.pds-admin .pds-money-transfer-page .pds-rider-table-shell--scroll:has(.pds-money-transfer-empty),
body.pds-admin .pds-os-settlement-shell.pds-rider-table-shell--scroll:has(.pds-os-settlement-section__empty) {
    min-height: 0;
}

body.pds-admin .pds-rider-list-table,
body.pds-admin .pds-rider-items-table {
    margin: 0;
    width: 100%;
    min-width: 0;
    font-size: 0.84rem;
    border-collapse: separate;
    border-spacing: 0;
}

body.pds-admin .pds-rider-items-table {
    min-width: 1680px;
}

/* Header-nav layout: prefer fitting the viewport before forcing scroll */
body.pds-admin.pds-header-nav .pds-rider-items-table {
    min-width: 0;
    width: 100%;
}

@media (max-width: 1399.98px) {
    body.pds-admin.pds-header-nav .pds-rider-items-table {
        min-width: 1180px;
    }
}

body.pds-admin .pds-rider-table-shell--scroll thead th {
    position: sticky;
    top: 0;
    z-index: 8;
}

body.pds-admin .pds-rider-list-table thead th,
body.pds-admin .pds-rider-items-table thead th {
    position: sticky;
    top: 0;
    z-index: 8;
    background: linear-gradient(180deg, rgba(var(--brand-rgb), 0.06) 0%, rgba(var(--brand-rgb), 0.16) 100%);
    color: var(--site-color);
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    white-space: nowrap;
    border: none;
    border-bottom: 1px solid rgba(var(--brand-rgb), 0.45);
    padding: 0.85rem 0.75rem;
    vertical-align: middle;
}

body.pds-admin .pds-rider-list-table tbody td,
body.pds-admin .pds-rider-items-table tbody td {
    padding: 0.85rem 0.75rem;
    border-top: 1px solid #f1f5f9;
    vertical-align: middle;
    color: #334155;
}

body.pds-admin .pds-rider-list-table tbody tr:hover,
body.pds-admin .pds-rider-items-table tbody tr:hover {
    background: rgba(var(--brand-rgb), 0.05);
}

body.pds-admin .pds-rider-col-no {
    width: 56px;
    text-align: center;
    color: #94a3b8;
    font-weight: 700;
}

body.pds-admin .pds-rider-col-count {
    width: 120px;
    text-align: center;
}

body.pds-admin .pds-dispatch-rider-list-page .pds-rider-table-shell {
    overflow: auto;
}

body.pds-admin .pds-dispatch-rider-list-page .pds-rider-list-table {
    width: 100%;
    max-width: none;
    table-layout: auto;
}

body.pds-admin .pds-dispatch-rider-list-page .pds-rider-col-no {
    width: 48px;
    padding-left: 0.65rem;
    padding-right: 0.65rem;
}

body.pds-admin .pds-dispatch-rider-list-page .pds-rider-col-rider {
    width: auto;
    white-space: nowrap;
    padding-right: 1.25rem;
}

body.pds-admin .pds-dispatch-rider-list-page .pds-rider-col-count {
    width: 1%;
    min-width: 80px;
    white-space: nowrap;
    padding-left: 0.45rem;
    padding-right: 0.45rem;
}

body.pds-admin .pds-dispatch-rider-list-page .pds-rider-col-gate {
    width: 1%;
    min-width: 72px;
    white-space: nowrap;
    padding-left: 0.65rem;
    padding-right: 1rem;
}

body.pds-admin .pds-rider-col-gate {
    min-width: 88px;
    white-space: nowrap;
    vertical-align: middle;
}

body.pds-admin .pds-rider-gate-total {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    min-width: 100%;
    font-size: 0.86rem;
    font-weight: 700;
    color: var(--site-color);
}

body.pds-admin .pds-rider-gate-empty {
    color: #94a3b8;
}

body.pds-admin .pds-rider-person {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
}

body.pds-admin .pds-rider-avatar {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 12px;
    background: linear-gradient(135deg, var(--site-color) 0%, var(--site-color) 100%);
    color: #fff;
    font-size: 0.92rem;
    font-weight: 800;
    box-shadow: 0 4px 10px rgba(var(--brand-rgb), 0.22);
}

body.pds-admin .pds-dispatch-rider-list-name {
    font-weight: 700;
    color: #0f172a;
    line-height: 1.25;
}

body.pds-admin .pds-dispatch-rider-list-phone {
    margin-top: 0.15rem;
    font-size: 0.78rem;
    color: #64748b;
}

body.pds-admin .pds-dispatch-rider-list-page .pds-rider-hero__actions {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

body.pds-admin .pds-rider-of-month-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 0;
    border-radius: 12px;
    padding: 10px 14px;
    background: linear-gradient(135deg, var(--site-color), var(--site-color));
    color: #fff;
    font-weight: 700;
    cursor: pointer;
    box-shadow: 0 8px 20px rgba(var(--brand-rgb), 0.25);
}

body.pds-admin .pds-rider-of-month-btn:hover {
    filter: brightness(1.05);
}

body.pds-admin .pds-rider-col-rating {
    min-width: 118px;
    vertical-align: middle;
}

body.pds-admin .pds-rider-rating-chip {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    padding: 8px 10px;
    border-radius: 12px;
    background: linear-gradient(180deg, rgba(var(--brand-rgb), 0.07) 0%, #fef3c7 100%);
    border: 1px solid rgba(245, 158, 11, 0.28);
    box-shadow: 0 4px 12px rgba(245, 158, 11, 0.12);
    min-width: 96px;
    cursor: pointer;
    text-align: left;
    font: inherit;
    color: inherit;
    transition: transform 0.12s ease, box-shadow 0.12s ease;
}

body.pds-admin .pds-rider-rating-chip:hover {
    transform: translateY(-1px);
    box-shadow: 0 8px 18px rgba(245, 158, 11, 0.2);
}

body.pds-admin .pds-rider-rating-chip__score {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 1.05rem;
    font-weight: 800;
    color: #92400e;
    line-height: 1;
}

body.pds-admin .pds-rider-rating-chip__score > i {
    color: var(--site-color);
    font-size: 0.85rem;
}

body.pds-admin .pds-rider-rating-chip__stars {
    display: inline-flex;
    gap: 2px;
    color: var(--site-color);
    font-size: 0.72rem;
    line-height: 1;
}

body.pds-admin .pds-rider-rating-chip__stars .far {
    color: rgba(146, 64, 14, 0.28);
}

body.pds-admin .pds-rider-rating-chip__count {
    font-size: 0.7rem;
    font-weight: 700;
    color: #a16207;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 999px;
    padding: 1px 7px;
}

body.pds-admin .pds-rider-rating-empty {
    color: #94a3b8;
    font-weight: 600;
}

/* Rider of the Month modal */
body.pds-admin .pds-rotm-dialog {
    width: min(440px, 100%);
    padding: 0;
    overflow: hidden;
}

body.pds-admin .pds-rotm-header {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 18px 20px 14px;
    background: linear-gradient(135deg, rgba(var(--brand-rgb), 0.08) 0%, rgba(var(--brand-rgb), 0.16) 55%, #fef3c7 100%);
    border-bottom: 1px solid rgba(var(--brand-rgb), 0.12);
}

body.pds-admin .pds-rotm-header__badge {
    width: 48px;
    height: 48px;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--site-color), var(--site-color));
    color: #fff;
    font-size: 1.25rem;
    box-shadow: 0 8px 18px rgba(var(--brand-rgb), 0.3);
    flex-shrink: 0;
}

body.pds-admin .pds-rotm-header__eyebrow {
    margin: 0 0 2px;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--site-color);
}

body.pds-admin .pds-rotm-header h5 {
    margin: 0;
    font-size: 1.08rem;
    font-weight: 800;
    color: #0f172a;
}

body.pds-admin .pds-rotm-body {
    padding: 18px 20px 8px;
    text-align: center;
}

body.pds-admin .pds-rotm-loading,
body.pds-admin .pds-rotm-empty {
    padding: 28px 12px;
    color: #64748b;
    margin: 0;
}

body.pds-admin .pds-rotm-winner {
    margin-bottom: 16px;
}

body.pds-admin .pds-rotm-avatar {
    width: 84px;
    height: 84px;
    border-radius: 50%;
    object-fit: cover;
    margin: 0 auto 12px;
    display: block;
    border: 3px solid #fde68a;
    box-shadow: 0 10px 24px rgba(245, 158, 11, 0.25);
}

body.pds-admin .pds-rotm-avatar--fallback {
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(var(--brand-rgb), 0.08);
    color: var(--site-color);
    font-size: 1.8rem;
}

body.pds-admin .pds-rotm-name {
    margin: 0 0 8px;
    font-size: 1.25rem;
    font-weight: 800;
    color: #0f172a;
}

body.pds-admin .pds-rotm-stars {
    display: inline-flex;
    gap: 3px;
    color: var(--site-color);
    font-size: 1rem;
}

body.pds-admin .pds-rotm-stars .far {
    color: rgba(148, 163, 184, 0.55);
}

body.pds-admin .pds-rotm-metrics {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

body.pds-admin .pds-rotm-metric {
    display: flex;
    align-items: center;
    gap: 10px;
    text-align: left;
    padding: 12px;
    border-radius: 14px;
    border: 1px solid rgba(15, 23, 42, 0.06);
    background: #fff;
    box-shadow: 0 6px 16px rgba(15, 23, 42, 0.05);
}

body.pds-admin .pds-rotm-metric__icon {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 1rem;
}

body.pds-admin .pds-rotm-metric--rating .pds-rotm-metric__icon {
    background: #fef3c7;
    color: #d97706;
}

body.pds-admin .pds-rotm-metric--ways .pds-rotm-metric__icon {
    background: rgba(var(--brand-rgb), 0.16);
    color: var(--site-color);
}

body.pds-admin .pds-rotm-metric__copy {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

body.pds-admin .pds-rotm-metric__copy span {
    font-size: 0.7rem;
    font-weight: 700;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    line-height: 1.2;
}

body.pds-admin .pds-rotm-metric__copy strong {
    font-size: 1.2rem;
    font-weight: 800;
    color: #0f172a;
    line-height: 1.15;
}

body.pds-admin .pds-rotm-modal .pds-os-receive-modal__footer {
    padding: 12px 20px 16px;
    margin: 0;
}

body.pds-admin .pds-rider-reviews-dialog {
    width: min(520px, 100%);
    max-height: min(88vh, 760px);
    display: flex;
    flex-direction: column;
}

body.pds-admin .pds-rider-reviews-summary {
    padding: 12px 20px 0;
}

body.pds-admin .pds-rider-reviews-summary__score {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    padding: 12px;
    border-radius: 14px;
    background: linear-gradient(180deg, rgba(var(--brand-rgb), 0.07), #fef3c7);
    border: 1px solid rgba(245, 158, 11, 0.25);
}

body.pds-admin .pds-rider-reviews-summary__score strong {
    font-size: 1.6rem;
    font-weight: 800;
    color: #92400e;
    line-height: 1;
}

body.pds-admin .pds-rider-reviews-summary__score > span {
    font-size: 0.78rem;
    font-weight: 700;
    color: #a16207;
}

body.pds-admin .pds-rider-reviews-body {
    padding: 12px 20px;
    overflow-y: auto;
    max-height: 46vh;
    flex: 1 1 auto;
}

body.pds-admin .pds-rider-reviews-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

body.pds-admin .pds-rider-review-card {
    text-align: left;
    padding: 12px 14px;
    border-radius: 14px;
    background: #fff;
    border: 1px solid rgba(15, 23, 42, 0.08);
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.04);
}

body.pds-admin .pds-rider-review-card__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 8px;
}

body.pds-admin .pds-rider-review-card__head strong {
    display: block;
    color: #0f172a;
    font-size: 0.92rem;
}

body.pds-admin .pds-rider-review-card__meta {
    display: block;
    margin-top: 2px;
    font-size: 0.72rem;
    font-weight: 600;
    color: #64748b;
}

body.pds-admin .pds-rider-review-card__stars {
    color: var(--site-color);
    font-size: 0.78rem;
    white-space: nowrap;
}

body.pds-admin .pds-rider-review-card__comment {
    margin: 0;
    color: #334155;
    font-size: 0.9rem;
    line-height: 1.45;
    white-space: pre-wrap;
}

body.pds-admin .pds-rider-review-card__comment.is-muted {
    color: #94a3b8;
}

body.pds-admin .pds-rider-review-card__foot {
    margin-top: 8px;
    font-size: 0.72rem;
    color: #94a3b8;
    font-weight: 600;
}

body.pds-admin .pds-rider-status-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 72px;
    padding: 0.28rem 0.55rem;
    border-radius: 999px;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.03em;
}

body.pds-admin .pds-rider-list-table thead th .pds-rider-status-chip {
    text-transform: none;
    letter-spacing: 0.03em;
    font-size: 0.68rem;
}

body.pds-admin .pds-rider-status-chip--assigned {
    background: #eff6ff;
    color: #1d4ed8;
}

body.pds-admin .pds-rider-status-chip--onway {
    background: #ecfeff;
    color: #0e7490;
}

body.pds-admin .pds-rider-status-chip--delivered {
    background: #ecfdf5;
    color: #047857;
}

body.pds-admin .pds-rider-status-chip--completed {
    background: #f0fdf4;
    color: #166534;
}

body.pds-admin .pds-rider-status-chip--pending {
    background: #fff7ed !important;
    color: #9a3412 !important;
    border: 1px solid #fdba74;
}

body.pds-admin .pds-rider-status-chip--return {
    background: #fff1f2;
    color: #be123c;
}

body.pds-admin .pds-rider-status-chip--os-return {
    background: #fdf4ff;
    color: #a21caf;
}

body.pds-admin .pds-rider-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    height: 36px;
    padding: 0 0.55rem;
    border-radius: 999px;
    font-weight: 800;
    font-size: 0.88rem;
    line-height: 1;
    text-decoration: none;
}

body.pds-admin .pds-rider-count--muted {
    color: #94a3b8;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
}

body.pds-admin .pds-rider-count.is-link {
    border: 2px solid transparent;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

body.pds-admin .pds-rider-count--assigned.is-link {
    background: #eff6ff;
    border-color: #93c5fd;
    color: #1d4ed8;
}

body.pds-admin .pds-rider-count--onway.is-link {
    background: #ecfeff;
    border-color: #67e8f9;
    color: #0e7490;
}

body.pds-admin .pds-rider-count--delivered.is-link {
    background: #ecfdf5;
    border-color: #6ee7b7;
    color: #047857;
}

body.pds-admin .pds-rider-count--completed.is-link {
    background: #f0fdf4;
    border-color: #86efac;
    color: #166534;
}

body.pds-admin .pds-rider-count--pending.is-link {
    background: rgba(var(--brand-rgb), 0.08);
    border-color: rgba(var(--brand-rgb), 0.45);
    color: var(--site-color);
}

body.pds-admin .pds-rider-count--return.is-link {
    background: #fff1f2;
    border-color: #fda4af;
    color: #be123c;
}

body.pds-admin .pds-rider-count--os-return.is-link {
    background: #fdf4ff;
    border-color: #e879f9;
    color: #a21caf;
}

body.pds-admin .pds-rider-count--finished.is-link {
    background: #fefce8;
    border-color: #fde047;
    color: #a16207;
}

body.pds-admin .pds-rider-status-chip--collected {
    background: #f5f3ff;
    color: #6d28d9;
}

body.pds-admin .pds-rider-status-chip--finished {
    background: #fefce8;
    color: #a16207;
}

body.pds-admin .pds-os-hide-zero {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    align-self: flex-end;
    min-height: 40px;
    margin: 0;
    font-size: 0.78rem;
    font-weight: 700;
    color: #475569;
    white-space: nowrap;
    cursor: pointer;
}

body.pds-admin .pds-rider-day-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #fff;
    color: #475569;
    transition: background 0.15s ease, border-color 0.15s ease;
}

body.pds-admin .pds-rider-day-btn:hover {
    background: rgba(var(--brand-rgb), 0.08);
    border-color: rgba(var(--brand-rgb), 0.45);
    color: var(--site-color);
}

body.pds-admin .pds-os-list-table .pds-os-col-os {
    min-width: 180px;
}

body.pds-admin .pds-os-list-table .pds-os-col-status {
    min-width: 110px;
    text-align: center;
    vertical-align: middle;
}

body.pds-admin .pds-os-cell {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 0.25rem;
    text-decoration: none;
    color: inherit;
}

body.pds-admin .pds-os-cell.is-link:hover .pds-rider-count {
    transform: translateY(-1px);
    box-shadow: 0 6px 14px rgba(15, 23, 42, 0.08);
}

body.pds-admin .pds-os-cell__amount {
    font-size: 0.72rem;
    font-weight: 700;
    color: #334155;
    white-space: nowrap;
}

body.pds-admin .pds-os-cell__amount.is-negative {
    color: #dc2626;
}

body.pds-admin .pds-os-cell .pds-rider-count--collected,
body.pds-admin .pds-rider-count--collected.is-link {
    background: #f5f3ff;
    border: 2px solid #c4b5fd;
    color: #6d28d9;
}

body.pds-admin .pds-os-cell .pds-rider-count--assigned {
    background: #eff6ff;
    border: 2px solid #93c5fd;
    color: #1d4ed8;
}

body.pds-admin .pds-os-cell .pds-rider-count--onway {
    background: #ecfeff;
    border: 2px solid #67e8f9;
    color: #0e7490;
}

body.pds-admin .pds-os-cell .pds-rider-count--delivered {
    background: #ecfdf5;
    border: 2px solid #6ee7b7;
    color: #047857;
}

body.pds-admin .pds-os-cell .pds-rider-count--completed {
    background: #f0fdf4;
    border: 2px solid #86efac;
    color: #166534;
}

body.pds-admin .pds-os-cell .pds-rider-count--pending {
    background: rgba(var(--brand-rgb), 0.08);
    border: 2px solid rgba(var(--brand-rgb), 0.45);
    color: var(--site-color);
}

body.pds-admin .pds-os-cell .pds-rider-count--return {
    background: #fff1f2;
    border: 2px solid #fda4af;
    color: #be123c;
}

body.pds-admin .pds-os-cell .pds-rider-count--finished,
body.pds-admin .pds-rider-count--finished.is-link {
    background: #fefce8;
    border: 2px solid #fde047;
    color: #a16207;
}

body.pds-admin .pds-rider-count.is-link:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 14px rgba(15, 23, 42, 0.08);
}

body.pds-admin .pds-rider-sticky-col {
    position: sticky;
    z-index: 3;
    background: #fff;
}

/* Corner sticky cells must sit ABOVE other sticky thead th (z-index 8),
   otherwise the ID column steals Select All clicks. */
body.pds-admin .pds-rider-items-table thead .pds-rider-sticky-col {
    z-index: 12 !important;
    background: var(--site-color, #FE6F07) !important;
}

body.pds-admin .pds-rider-items-table thead .pds-rider-sticky-col--check {
    z-index: 13 !important;
}

body.pds-admin .pds-rider-sticky-col--no {
    left: 0;
    min-width: 48px;
    text-align: center;
}

body.pds-admin .pds-rider-sticky-col--check {
    left: 48px;
    min-width: 48px;
    text-align: center;
    box-shadow: 4px 0 10px rgba(15, 23, 42, 0.04);
}

body.pds-admin .pds-rider-select-all-label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    margin: 0;
    cursor: pointer;
}

body.pds-admin #riderItemsSelectAll,
body.pds-admin .pds-rider-items-table .pds-rider-item-check {
    width: 18px;
    height: 18px;
    margin: 0;
    cursor: pointer;
    accent-color: #fff;
    position: relative;
    z-index: 2;
    pointer-events: auto;
}

body.pds-admin .pds-rider-items-table tbody .pds-rider-item-check {
    accent-color: var(--site-color, #FE6F07);
}

body.pds-admin .pds-rider-items-table tbody tr:hover .pds-rider-sticky-col {
    background: rgba(var(--brand-rgb), 0.05);
}

body.pds-admin .pds-rider-code {
    display: inline-block;
    padding: 0.18rem 0.45rem;
    border-radius: 6px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    font-weight: 700;
    color: #0f172a;
}

body.pds-admin .pds-rider-money {
    font-variant-numeric: tabular-nums;
    font-weight: 650;
    white-space: nowrap;
}

body.pds-admin .pds-rider-money-suffix {
    margin-left: 0.15rem;
    color: #94a3b8;
    font-weight: 600;
    font-size: 0.75rem;
}

body.pds-admin .pds-os-to-pay-negative {
    color: #dc2626;
    font-weight: 800;
}

body.pds-admin .pds-rider-items-table tfoot td {
    position: sticky;
    bottom: 0;
    z-index: 7;
    background: #fff7ed;
    border-top: 2px solid rgba(var(--brand-rgb), 0.45);
    padding: 0.85rem 0.75rem;
    vertical-align: middle;
    font-weight: 800;
    color: var(--site-color);
    box-shadow: 0 -4px 12px rgba(154, 52, 18, 0.06);
}

body.pds-admin .pds-rider-items-table tfoot .pds-rider-items-total-label-cell {
    text-align: right;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-size: 0.72rem;
    white-space: nowrap;
}

body.pds-admin .pds-rider-items-table tfoot .pds-rider-money {
    font-weight: 800;
    color: #0f172a;
}

body.pds-admin .pds-rider-items-table tfoot .pds-os-to-pay-negative {
    color: #dc2626;
}

@media (max-width: 991.98px) {
    body.pds-admin .pds-rider-toolbar {
        flex-direction: column;
        align-items: stretch;
    }

    body.pds-admin .pds-rider-toolbar__fields,
    body.pds-admin .pds-dispatch-rider-items-page .pds-rider-toolbar__fields {
        grid-template-columns: 1fr 1fr;
    }

    body.pds-admin .pds-rider-toolbar__aside,
    body.pds-admin .pds-rider-toolbar__actions {
        width: 100%;
        justify-content: stretch;
    }

    body.pds-admin .pds-rider-reset-btn,
    body.pds-admin .pds-rider-check-btn {
        width: 100%;
        flex: 1;
    }
}

@media (max-width: 575.98px) {
    body.pds-admin .pds-rider-toolbar__fields,
    body.pds-admin .pds-dispatch-rider-items-page .pds-rider-toolbar__fields {
        grid-template-columns: 1fr;
    }

    body.pds-admin .pds-rider-hero {
        flex-direction: column;
    }
}

/* OS List — Slip Completed */
body.pds-admin .pds-rider-eye-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #fff;
    color: #0f766e;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

body.pds-admin .pds-rider-eye-btn:hover {
    background: #ecfeff;
    border-color: #67e8f9;
    color: #0e7490;
}

body.pds-admin .pds-dispatch-action-eye {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 8px;
    border: 1px solid #e5e7eb;
    background: #fff;
    color: #0f766e;
    cursor: pointer;
    padding: 0;
}

body.pds-admin .pds-dispatch-action-eye:hover {
    background: #ecfeff;
    border-color: #67e8f9;
}

body.pds-admin .pds-os-slip-modal__header {
    background: linear-gradient(135deg, var(--site-color) 0%, var(--site-color) 100%);
    color: #fff;
    border-bottom: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

body.pds-admin .pds-os-slip-modal__header .modal-title {
    font-weight: 800;
    letter-spacing: 0.02em;
}

body.pds-admin .pds-os-slip-modal__header-actions {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
    position: relative;
    z-index: 2;
}

body.pds-admin .pds-os-slip-modal__header .close,
body.pds-admin .pds-os-slip-modal__close {
    float: none;
    margin: 0;
    padding: 0.25rem 0.45rem;
    font-size: 1.65rem;
    line-height: 1;
    font-weight: 700;
    color: #fff !important;
    text-shadow: none;
    opacity: 1;
    cursor: pointer;
    position: relative;
    z-index: 3;
    pointer-events: auto !important;
}

body.pds-admin .pds-os-slip-modal__header .close:hover,
body.pds-admin .pds-os-slip-modal__close:hover,
body.pds-admin .pds-os-slip-modal__header .close:focus,
body.pds-admin .pds-os-slip-modal__close:focus {
    color: #fff !important;
    opacity: 0.85;
}

body.pds-admin .pds-os-slip-screenshot-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    height: 34px;
    padding: 0 0.85rem;
    border: 1px solid rgba(255, 255, 255, 0.45);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.16);
    color: #fff;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

body.pds-admin .pds-os-slip-screenshot-btn:hover {
    background: rgba(255, 255, 255, 0.28);
    color: #fff;
}

body.pds-admin .pds-os-slip-modal__body {
    background: linear-gradient(180deg, #fff7ed 0%, #ffedd5 100%);
    padding: 1.1rem 1.15rem 1.35rem;
}

body.pds-admin .pds-os-slip {
    background: #fff;
    border-radius: 14px;
    padding: 1.25rem 1.35rem 1.45rem;
    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.08);
    border: 1px solid rgba(15, 23, 42, 0.04);
}

body.pds-admin .pds-os-slip__top {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
    margin-bottom: 1rem;
}

body.pds-admin .pds-os-slip__brand {
    display: flex;
    gap: 0.85rem;
    align-items: flex-start;
}

body.pds-admin .pds-os-slip__logo {
    width: 64px;
    height: 64px;
    object-fit: contain;
    border-radius: 50%;
    background: #1c1917;
}

body.pds-admin .pds-os-slip__logo-fallback {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #1c1917;
    color: #fbbf24;
    font-weight: 800;
    font-size: 0.85rem;
}

body.pds-admin .pds-os-slip__company {
    font-size: 1.35rem;
    font-weight: 800;
    color: #0f172a;
    line-height: 1.2;
}

body.pds-admin .pds-os-slip__meta {
    font-size: 0.86rem;
    color: #334155;
    line-height: 1.45;
}

body.pds-admin .pds-os-slip__invoice {
    text-align: right;
}

body.pds-admin .pds-os-slip__invoice-label {
    font-size: 0.78rem;
    font-weight: 700;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

body.pds-admin .pds-os-slip__invoice-value {
    font-size: 1rem;
    font-weight: 800;
    color: #0f172a;
}

body.pds-admin .pds-os-slip__sender {
    margin: 0 0 1rem;
    font-size: 0.9rem;
    color: #1e293b;
    line-height: 1.55;
}

body.pds-admin .pds-os-slip__table-wrap {
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    border-radius: 14px;
    border: 1px solid rgba(var(--brand-rgb), 0.22);
    background: #fff;
    box-shadow: 0 1px 0 rgba(15, 23, 42, 0.03);
}

body.pds-admin .pds-os-slip__table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
    min-width: 0;
    margin: 0;
}

body.pds-admin .pds-os-slip__table col.pds-os-slip__col--no { width: 3.2%; }
body.pds-admin .pds-os-slip__table col.pds-os-slip__col--created { width: 9%; }
body.pds-admin .pds-os-slip__table col.pds-os-slip__col--date { width: 9%; }
body.pds-admin .pds-os-slip__table col.pds-os-slip__col--customer { width: 12%; }
body.pds-admin .pds-os-slip__table col.pds-os-slip__col--phone { width: 10%; }
body.pds-admin .pds-os-slip__table col.pds-os-slip__col--address { width: 16%; }
body.pds-admin .pds-os-slip__table col.pds-os-slip__col--item { width: 9%; }
body.pds-admin .pds-os-slip__table col.pds-os-slip__col--deli { width: 13%; }
body.pds-admin .pds-os-slip__table col.pds-os-slip__col--gate { width: 8%; }
body.pds-admin .pds-os-slip__table col.pds-os-slip__col--os { width: 10.8%; }

body.pds-admin .pds-os-slip__table thead th {
    background: var(--site-color);
    color: #fff;
    font-size: 0.6rem;
    font-weight: 800;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    padding: 0.55rem 0.35rem;
    border: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    white-space: nowrap;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    text-align: left;
    box-sizing: border-box;
}

body.pds-admin .pds-os-slip__table thead th:first-child {
    border-top-left-radius: 13px;
    padding-left: 0.45rem;
}

body.pds-admin .pds-os-slip__table thead th:last-child {
    border-top-right-radius: 13px;
    padding-right: 0.45rem;
}

body.pds-admin .pds-os-slip__table thead th.text-right {
    text-align: right;
}

body.pds-admin .pds-os-slip__table thead th.text-center,
body.pds-admin .pds-os-slip__table tbody td.text-center {
    text-align: center;
}

body.pds-admin .pds-os-slip__table tbody td {
    padding: 0.5rem 0.35rem;
    border: 0;
    border-bottom: 1px solid #f1f5f9;
    font-size: 0.72rem;
    color: #1e293b;
    vertical-align: middle;
    background: #fff;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.3;
}

body.pds-admin .pds-os-slip__table tbody td:first-child {
    padding-left: 0.45rem;
}

body.pds-admin .pds-os-slip__table tbody td:last-child {
    padding-right: 0.45rem;
}

body.pds-admin .pds-os-slip__table thead th.pds-os-slip__th--date,
body.pds-admin .pds-os-slip__table thead th.pds-os-slip__th--created,
body.pds-admin .pds-os-slip__table tbody td.pds-os-slip__cell--date,
body.pds-admin .pds-os-slip__table tbody td.pds-os-slip__cell--created,
body.pds-admin .pds-os-slip__table tbody td.pds-os-slip__cell--phone {
    min-width: 0;
    max-width: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
    font-feature-settings: "tnum";
    letter-spacing: 0;
}

body.pds-admin .pds-os-slip__table tbody td.pds-os-slip__cell--address {
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.35;
    color: #334155;
}

body.pds-admin .pds-os-slip__table tbody td.pds-os-slip__cell--customer {
    font-weight: 600;
    color: #0f172a;
}

body.pds-admin .pds-os-slip__table tbody tr:nth-child(even) td {
    background: rgba(var(--brand-rgb), 0.04);
}

body.pds-admin .pds-os-slip__table tbody tr:hover td {
    background: rgba(var(--brand-rgb), 0.09);
}

body.pds-admin .pds-os-slip__table tbody tr:last-child td {
    border-bottom: 0;
}

body.pds-admin .pds-os-slip__table tfoot td {
    background: var(--site-color);
    color: #fff !important;
    font-weight: 800;
    padding: 0.55rem 0.35rem;
    border: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.18);
    font-size: 0.72rem;
    vertical-align: middle;
}

body.pds-admin .pds-os-slip__table tfoot td:first-child {
    border-bottom-left-radius: 13px;
    padding-left: 0.75rem;
}

body.pds-admin .pds-os-slip__table tfoot td:last-child {
    border-bottom-right-radius: 13px;
    padding-right: 0.75rem;
}

body.pds-admin .pds-os-slip__table td.is-negative,
body.pds-admin .pds-os-slip__table .is-negative {
    color: #dc2626 !important;
    font-weight: 800;
}

body.pds-admin .pds-os-slip__table td.text-right {
    text-align: right;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
    overflow: visible;
}

body.pds-admin .pds-os-slip__table tbody td.text-right:not(.is-negative) {
    color: #111827;
    font-weight: 700;
}

body.pds-admin .pds-os-slip__table tfoot td.text-right:not(.is-negative) {
    color: #fff !important;
}

body.pds-admin .pds-os-slip__table tfoot td.is-negative {
    color: #fee2e2 !important;
}

body.pds-admin .pds-os-slip__total-label {
    text-align: right;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    padding-right: 1rem !important;
    color: #fff !important;
    font-size: 0.72rem;
    opacity: 0.95;
}

body.pds-admin .pds-os-slip__table th.pds-os-slip__col-deli,
body.pds-admin .pds-os-slip__table td.pds-os-slip__col-deli {
    min-width: 10.5rem;
}

body.pds-admin .pds-os-slip__table thead th .pds-deli-amount-price {
    color: #fff;
    font-size: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    text-transform: uppercase;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.pds-admin .pds-os-slip__table thead th .pds-deli-amount-type--empty {
    visibility: hidden;
}

/*
 * DeliAmount + pay type: one horizontal line, never stacked/overlapped.
 * Unprefixed rules cover DataTables / partials; !important beats stale caches.
 */
.pds-deli-amount-cell,
body.pds-admin .pds-deli-amount-cell {
    display: inline-flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: baseline !important;
    justify-content: flex-end !important;
    gap: 0.35rem !important;
    width: 100%;
    max-width: 100%;
    white-space: nowrap !important;
    line-height: 1.35 !important;
    vertical-align: middle;
    box-sizing: border-box;
    position: static !important;
}

.pds-deli-amount-price,
body.pds-admin .pds-deli-amount-price,
.pds-deli-amount-type,
body.pds-admin .pds-deli-amount-type {
    display: inline-block !important;
    position: static !important;
    float: none !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    margin: 0 !important;
    transform: none !important;
    line-height: 1.35 !important;
    vertical-align: baseline;
}

.pds-deli-amount-price,
body.pds-admin .pds-deli-amount-price {
    flex: 1 1 auto !important;
    min-width: 0;
    font-variant-numeric: tabular-nums;
    font-weight: 800;
    text-align: right;
    color: inherit;
    letter-spacing: 0.01em;
}

.pds-deli-amount-type,
body.pds-admin .pds-deli-amount-type {
    flex: 0 0 4.75rem !important;
    width: 4.75rem !important;
    max-width: 4.75rem !important;
    text-align: left !important;
    color: #64748b;
    font-weight: 600;
    font-size: 0.78em;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pds-deli-amount-type--empty,
body.pds-admin .pds-deli-amount-type--empty {
    visibility: hidden;
}

body.pds-admin .pds-os-slip__table tfoot .pds-deli-amount-price,
body.pds-admin .pds-os-slip__table tfoot .pds-deli-amount-type {
    color: inherit;
}

body.pds-admin table.dataTable td .pds-deli-amount-cell {
    min-width: 8.5rem;
}

body.pds-admin .pds-os-slip__table tbody td,
body.pds-admin .pds-os-slip__table tfoot td,
body.pds-admin .pds-check-detail-table tbody td,
body.pds-admin .pds-rider-list-table tbody td {
    vertical-align: middle;
}

@media (max-width: 767.98px) {
    body.pds-admin .pds-os-slip__top {
        flex-direction: column;
    }

    body.pds-admin .pds-os-slip__invoice {
        text-align: left;
    }
}

/* OS List settlement table */
body.pds-admin .pds-os-settlement-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin: 0 0 1rem;
}

body.pds-admin .pds-os-settlement-tab {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.6rem 1rem;
    border-radius: 999px;
    border: 1px solid #e2e8f0;
    background: #fff;
    color: #334155;
    font-weight: 700;
    font-size: 0.84rem;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

body.pds-admin .pds-os-settlement-tab i {
    color: var(--site-color);
}

body.pds-admin .pds-os-settlement-tab[data-tab="receive"] i {
    color: #059669;
}

body.pds-admin .pds-os-settlement-tab[data-tab="kyo_shin"] i {
    color: #7c3aed;
}

body.pds-admin .pds-os-settlement-tab:hover {
    border-color: rgba(var(--brand-rgb), 0.45);
    color: var(--site-color);
}

body.pds-admin .pds-os-settlement-tab em {
    font-style: normal;
    min-width: 1.4rem;
    height: 1.4rem;
    border-radius: 999px;
    background: #f1f5f9;
    color: #475569;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.72rem;
    font-weight: 800;
    padding: 0 0.35rem;
}

body.pds-admin .pds-os-settlement-tab.is-active {
    background: var(--site-color);
    border-color: var(--site-color);
    color: #fff !important;
    box-shadow: 0 8px 18px rgba(var(--brand-rgb), 0.28);
}

body.pds-admin .pds-os-settlement-tab.is-active > span,
body.pds-admin .pds-os-settlement-tab.is-active span {
    color: #fff !important;
}

body.pds-admin .pds-os-settlement-tab.is-active i,
body.pds-admin .pds-os-settlement-tab[data-tab="receive"].is-active i,
body.pds-admin .pds-os-settlement-tab[data-tab="kyo_shin"].is-active i {
    color: #fff !important;
}

body.pds-admin .pds-os-settlement-tab.is-active em {
    background: #fff !important;
    color: var(--site-color) !important;
    font-weight: 800;
}

body.pds-admin .pds-os-settlement-tab[data-tab="receive"].is-active {
    background: #059669;
    border-color: #059669;
    box-shadow: 0 8px 18px rgba(5, 150, 105, 0.28);
}

body.pds-admin .pds-os-settlement-tab[data-tab="kyo_shin"].is-active {
    background: #7c3aed;
    border-color: #7c3aed;
    color: #fff;
    box-shadow: 0 8px 18px rgba(124, 58, 237, 0.28);
}

body.pds-admin .pds-os-settlement-tab[data-tab="kyo_shin"].is-active span {
    color: #fff !important;
}

body.pds-admin .pds-os-settlement-tab[data-tab="kyo_shin"].is-active em {
    background: #fff;
    color: #7c3aed;
}

body.pds-admin .pds-os-settlement-tab[data-tab="receive"].is-active em {
    background: #fff;
    color: #059669;
}

body.pds-admin .pds-os-settlement-panel {
    display: none;
}

body.pds-admin .pds-os-settlement-panel.is-active {
    display: block;
}

body.pds-admin .pds-os-receive-bulk-upload {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.85rem 1rem;
    margin: 0 0 0.85rem;
    padding: 0.95rem 1.1rem;
    border-radius: 16px;
    border: 1px dashed #6ee7b7;
    background: linear-gradient(135deg, #ecfdf5 0%, #f0fdf4 55%, #fff 100%);
}

body.pds-admin .pds-os-receive-bulk-upload.is-uploading {
    opacity: 0.85;
    pointer-events: none;
}

body.pds-admin .pds-os-receive-bulk-upload__preview {
    width: 56px;
    height: 56px;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid #a7f3d0;
    background: #fff;
    flex: 0 0 auto;
}

body.pds-admin .pds-os-receive-bulk-upload__preview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

body.pds-admin .pds-os-receive-bulk-upload__copy {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    min-width: 180px;
    flex: 1 1 220px;
}

body.pds-admin .pds-os-receive-bulk-upload__copy strong {
    color: #065f46;
    font-size: 0.92rem;
}

body.pds-admin .pds-os-receive-bulk-upload__copy span {
    color: #047857;
    font-size: 0.8rem;
    font-weight: 600;
    line-height: 1.35;
}

body.pds-admin .pds-os-receive-bulk-upload__btn {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    margin: 0;
    padding: 0.65rem 1rem;
    border-radius: 999px;
    border: 1px solid #059669;
    background: #059669;
    color: #fff;
    font-weight: 700;
    font-size: 0.82rem;
    cursor: pointer;
    flex: 0 0 auto;
}

body.pds-admin .pds-os-receive-bulk-upload__btn:hover {
    background: #047857;
    border-color: #047857;
}

body.pds-admin .pds-os-receive-bulk-upload__status {
    flex: 1 1 100%;
    margin: 0;
    color: #065f46;
    font-size: 0.8rem;
    font-weight: 700;
}

body.pds-admin .pds-os-settlement-bulk-bar--receive {
    border-color: #a7f3d0;
    background: #ecfdf5;
}

body.pds-admin .pds-os-settlement-empty-cell {
    text-align: center !important;
    padding: 1.35rem 1rem !important;
    color: #047857;
    font-weight: 600;
    font-size: 0.9rem;
    background: #ecfdf5;
}

body.pds-admin #osSettlementPayTable .pds-os-settlement-empty-cell {
    color: var(--site-color);
    background: rgba(var(--brand-rgb), 0.08);
}

body.pds-admin .pds-os-settlement-section {
    margin-bottom: 1.5rem;
}

body.pds-admin .pds-os-settlement-section__empty {
    margin: 0;
    padding: 1.1rem 1.15rem;
    border-radius: 14px;
    border: 1px dashed rgba(var(--brand-rgb), 0.45);
    background: rgba(var(--brand-rgb), 0.08);
    color: var(--site-color);
    font-size: 0.9rem;
    font-weight: 600;
}

body.pds-admin .pds-os-settlement-section__empty p {
    margin: 0;
}

body.pds-admin .pds-os-settlement-section__empty--receive {
    border-color: #6ee7b7;
    background: #ecfdf5;
    color: #065f46;
}

body.pds-admin .pds-os-settlement-section__empty--kyo-shin {
    border-color: #c4b5fd;
    background: #f5f3ff;
    color: #5b21b6;
}

body.pds-admin .pds-dispatch-os-list-page .pds-os-settlement-section__empty--kyo-shin {
    border-color: #c4b5fd;
    background: linear-gradient(135deg, #f5f3ff 0%, #ede9fe 55%, #fff 100%);
    color: #5b21b6;
}

body.pds-admin .pds-os-settlement-section__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 0 0 0.75rem;
    padding: 0.35rem 0.15rem;
}

body.pds-admin .pds-os-settlement-section__title {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    color: #0f172a;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

body.pds-admin .pds-os-settlement-section__title i {
    color: var(--site-color);
}

body.pds-admin .pds-os-settlement-section__head--receive .pds-os-settlement-section__title i {
    color: #059669;
}

body.pds-admin .pds-os-settlement-section__actions {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
}

body.pds-admin .pds-os-settlement-section__count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    height: 28px;
    padding: 0 0.55rem;
    border-radius: 999px;
    background: rgba(var(--brand-rgb), 0.08);
    color: var(--site-color);
    font-size: 0.8rem;
    font-weight: 700;
}

body.pds-admin .pds-os-settlement-section__head--receive .pds-os-settlement-section__count {
    background: #ecfdf5;
    color: #047857;
}

body.pds-admin .pds-os-settlement-shell {
    border-radius: 16px;
    box-shadow: 0 4px 24px rgba(15, 23, 42, 0.06);
}

body.pds-admin .pds-os-settlement-table {
    min-width: 1080px;
}

body.pds-admin .pds-os-settlement-table .pds-rider-col-no {
    width: 56px;
    min-width: 56px;
    max-width: 64px;
    padding-left: 0.45rem;
    padding-right: 0.45rem;
}

body.pds-admin .pds-os-settlement-table:has(.pds-os-settlement-empty-row) {
    min-width: 0 !important;
    width: 100% !important;
}

body.pds-admin .pds-frozen-table .pds-os-settlement-table {
    min-width: 0;
}

body.pds-admin #osSettlementReceiveTable {
    min-width: 780px;
}

body.pds-admin .pds-os-settlement-table thead th {
    font-size: 0.68rem;
    padding: 0.9rem 0.85rem;
}

body.pds-admin .pds-os-settlement-table tbody td {
    padding: 1rem 0.85rem;
}

body.pds-admin .pds-os-settlement-table tfoot td {
    padding: 0.85rem;
    background: #fff7ed;
    border-top: 2px solid #fdba74;
    vertical-align: middle;
}

body.pds-admin .pds-os-settlement-total-row .pds-os-settlement-total-items {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.82rem;
    font-weight: 600;
    color: #9a3412;
}

body.pds-admin .pds-os-settlement-total-row .pds-os-settlement-total-items strong {
    font-size: 0.95rem;
    font-weight: 700;
    color: #c2410c;
}

body.pds-admin .pds-os-settlement-col-os {
    min-width: 220px;
}

body.pds-admin .pds-os-settlement-col-amount {
    min-width: 110px;
    text-align: right;
}

body.pds-admin .pds-os-settlement-col-kpay {
    min-width: 120px;
    max-width: 160px;
}

body.pds-admin .pds-os-settlement-col-slip,
body.pds-admin .pds-os-kpay-upload-cell {
    /* 3×48px thumbs + gaps + padding — room so right edge never clips. */
    width: 176px;
    min-width: 176px;
    max-width: 176px;
    padding-left: 8px !important;
    padding-right: 8px !important;
    vertical-align: middle;
    text-align: left !important;
    white-space: normal;
    overflow: visible;
}

body.pds-admin .pds-os-settlement-col-preview {
    min-width: 150px;
}

body.pds-admin .pds-os-settlement-col-method {
    min-width: 148px;
    text-align: center;
}

body.pds-admin .pds-os-settlement-col-action {
    min-width: 120px;
    text-align: center;
}

body.pds-admin .pds-os-pay-method {
    display: inline-flex;
    align-items: stretch;
    padding: 3px;
    border-radius: 10px;
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    gap: 2px;
}

body.pds-admin .pds-os-pay-method__btn {
    appearance: none;
    border: none;
    background: transparent;
    color: #64748b;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    padding: 0.45rem 0.7rem;
    border-radius: 8px;
    cursor: pointer;
    line-height: 1;
    transition: background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

body.pds-admin .pds-os-pay-method__btn.is-active[data-method="kpay"] {
    background: linear-gradient(135deg, var(--site-color) 0%, var(--site-color) 100%);
    color: #fff;
    box-shadow: 0 2px 8px rgba(var(--brand-rgb), 0.28);
}

body.pds-admin .pds-os-pay-method__btn.is-active[data-method="cash"] {
    background: linear-gradient(135deg, #0ea5e9 0%, #0284c7 100%);
    color: #fff;
    box-shadow: 0 2px 8px rgba(2, 132, 199, 0.28);
}

body.pds-admin .pds-os-pay-method__btn:disabled {
    opacity: 0.55;
    cursor: not-allowed;
}

body.pds-admin .pds-os-pay-method--bulk {
    margin-right: 0.15rem;
}

body.pds-admin .pds-os-settlement-row {
    transition: background 0.15s ease;
}

body.pds-admin .pds-os-settlement-row.is-finished {
    background: linear-gradient(90deg, rgba(22, 163, 74, 0.04) 0%, #fff 40%);
}

body.pds-admin .pds-os-settlement-avatar {
    background: linear-gradient(135deg, var(--site-color) 0%, var(--site-color) 100%);
    color: #fff;
    font-weight: 800;
    box-shadow: 0 4px 12px rgba(var(--brand-rgb), 0.25);
}

body.pds-admin .pds-os-settlement-badge {
    display: inline-flex;
    align-items: center;
    margin-top: 0.35rem;
    padding: 0.15rem 0.55rem;
    border-radius: 999px;
    background: #f1f5f9;
    color: #64748b;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.02em;
}

body.pds-admin .pds-os-settlement-badge--link {
    border: 0;
    cursor: pointer;
    font: inherit;
    background: rgba(var(--brand-rgb), 0.12);
    color: var(--site-color);
}

body.pds-admin .pds-os-settlement-badge--link:hover {
    background: rgba(var(--brand-rgb), 0.2);
}

body.pds-admin .pds-os-bonus-card {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    margin-top: 0.55rem;
    max-width: 17.5rem;
    padding: 0.55rem 0.65rem 0.6rem;
    border-radius: 14px;
    background:
        linear-gradient(180deg, #fffaf5 0%, #fff7ed 100%);
    border: 1px solid #fed7aa;
    box-shadow: 0 6px 14px rgba(194, 65, 12, 0.06);
}

body.pds-admin .pds-os-bonus-card__head {
    display: flex;
    align-items: center;
    gap: 0.55rem;
}

body.pds-admin .pds-os-bonus-card__icon {
    width: 30px;
    height: 30px;
    border-radius: 10px;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(145deg, #fff7ed, #ffedd5);
    border: 1px solid #fdba74;
    color: #ea580c;
    font-size: 0.78rem;
}

body.pds-admin .pds-os-bonus-card__copy {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.05rem;
}

body.pds-admin .pds-os-bonus-card__label {
    font-size: 0.64rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #9a3412;
    opacity: 0.78;
}

body.pds-admin .pds-os-bonus-card__copy strong {
    font-size: 0.92rem;
    font-weight: 800;
    color: #c2410c;
    line-height: 1.15;
}

body.pds-admin .pds-os-bonus-card__copy strong small {
    font-size: 0.68rem;
    font-weight: 700;
    opacity: 0.75;
}

body.pds-admin .pds-os-bonus-card__stats {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem 0.7rem;
    padding: 0.2rem 0 0.05rem;
    font-size: 0.68rem;
    font-weight: 600;
    color: #9a3412;
}

body.pds-admin .pds-os-bonus-card__stats b {
    font-weight: 800;
    color: #c2410c;
}

body.pds-admin .pds-os-settle-points-btn,
body.pds-admin .pds-os-settle-points-btn:focus,
body.pds-admin .pds-os-settle-points-btn:active,
body.pds-admin .pds-os-settle-points-btn:hover {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.45rem;
    width: 100%;
    margin: 0;
    padding: 0.48rem 0.65rem;
    border-radius: 11px;
    border: 0;
    background: linear-gradient(135deg, #ea580c 0%, #f97316 100%);
    color: #ffffff !important;
    font-size: 0.72rem;
    font-weight: 800;
    cursor: pointer;
    line-height: 1.2;
    box-shadow: 0 8px 16px rgba(234, 88, 12, 0.22);
    transition: transform .12s ease, box-shadow .12s ease, filter .12s ease;
    -webkit-text-fill-color: #ffffff;
}

body.pds-admin .pds-os-settle-points-btn:hover {
    filter: brightness(1.04);
    box-shadow: 0 10px 18px rgba(234, 88, 12, 0.28);
    transform: translateY(-1px);
}

body.pds-admin .pds-os-settle-points-btn:disabled {
    opacity: 0.55;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

body.pds-admin .pds-os-settle-points-btn i,
body.pds-admin .pds-os-settle-points-btn > span,
body.pds-admin .pds-os-settle-points-btn em,
body.pds-admin .pds-os-settle-points-btn em * {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

body.pds-admin .pds-os-settle-points-btn > span {
    flex: 1 1 auto;
    text-align: left;
}

body.pds-admin .pds-os-settle-points-btn em {
    font-style: normal;
    font-weight: 800;
    padding: 0.18rem 0.45rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.22);
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

body.pds-admin .pds-os-settle-points-metrics {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.5rem;
    margin: 1rem auto 0.15rem;
    max-width: 100%;
}

body.pds-admin .pds-os-settle-points-metric {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    padding: 0.7rem 0.55rem;
    border-radius: 14px;
    background: #fff;
    border: 1px solid #f0e6db;
    text-align: center;
}

body.pds-admin .pds-os-settle-points-metric span {
    font-size: 0.68rem;
    font-weight: 700;
    color: #78716c;
    letter-spacing: 0.01em;
}

body.pds-admin .pds-os-settle-points-metric b {
    font-size: 0.95rem;
    font-weight: 800;
    color: #1c1917;
}

body.pds-admin .pds-os-settle-points-metric.is-os-pay {
    background: #fff7ed;
    border-color: #fed7aa;
}

body.pds-admin .pds-os-settle-points-metric.is-os-pay b {
    color: #ea580c;
}

body.pds-admin .pds-os-settle-points-metric.is-remain {
    background: #ecfdf5;
    border-color: #a7f3d0;
}

body.pds-admin .pds-os-settle-points-metric.is-remain b {
    color: #047857;
}

body.pds-admin .pds-os-settle-points-warn {
    margin: 0.85rem 0 0;
    padding: 0.7rem 0.85rem;
    border-radius: 12px;
    border: 1px solid #fecaca;
    background: #fef2f2;
    color: #b91c1c;
    font-size: 0.82rem;
    font-weight: 650;
    line-height: 1.4;
}

body.pds-admin #osSettlePointsConfirmBtn.is-reject {
    background: #dc2626;
    border-color: #dc2626;
    box-shadow: 0 8px 16px rgba(220, 38, 38, 0.28);
}

body.pds-admin #osSettlePointsConfirmBtn.is-reject:hover {
    background: #b91c1c;
    border-color: #b91c1c;
}

@media (max-width: 520px) {
    body.pds-admin .pds-os-settle-points-metrics {
        grid-template-columns: 1fr;
    }
}

body.pds-admin .pds-dispatch-rider-list-city {
    margin-top: 0.1rem;
    font-size: 0.78rem;
    font-weight: 600;
    color: #64748b;
}

body.pds-admin .pds-rider-count--kyo-shin,
body.pds-admin .pds-rider-count--kyo-shin.is-link {
    border-color: #c4b5fd;
    color: #7c3aed;
    background: #f5f3ff;
}

body.pds-admin button.pds-rider-count--kyo-shin {
    cursor: pointer;
    font: inherit;
}

body.pds-admin .pds-return-type-radios {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    margin-left: 0.5rem;
    flex-wrap: wrap;
}

body.pds-admin .pds-return-type-radio {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    margin: 0;
    padding: 0.35rem 0.7rem;
    border: 1px solid rgba(var(--brand-rgb), 0.45);
    border-radius: 999px;
    background: rgba(var(--brand-rgb), 0.08);
    color: var(--site-color);
    font-size: 0.78rem;
    font-weight: 700;
    cursor: pointer;
}

body.pds-admin .pds-return-type-radio input {
    margin: 0;
}

body.pds-admin .pds-return-deli-hint {
    margin: 0 0 0.35rem;
    color: #b91c1c !important;
    font-size: 0.82rem;
    font-weight: 700;
    white-space: nowrap;
    display: block;
    line-height: 1.2;
}

body.pds-admin .pds-rider-remit-return-cell {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

body.pds-admin .pds-rider-remit-return-count {
    font-style: normal;
    font-size: 0.72rem;
    font-weight: 700;
    color: #64748b;
}

body.pds-admin .pds-rider-remit-info-btn {
    border: 0;
    background: transparent;
    color: #0ea5e9;
    padding: 0;
    cursor: pointer;
    line-height: 1;
}

body.pds-admin .pds-rider-remit-return-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 0.55rem;
}

body.pds-admin .pds-rider-remit-return-list li {
    display: grid;
    grid-template-columns: minmax(70px, auto) 1fr auto auto;
    gap: 0.55rem;
    align-items: center;
    padding: 0.55rem 0.7rem;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #fff;
}

body.pds-admin .pds-rider-remit-return-list em {
    font-style: normal;
    font-size: 0.72rem;
    font-weight: 700;
    padding: 0.15rem 0.45rem;
    border-radius: 999px;
}

body.pds-admin .pds-rider-remit-return-list em.is-collected {
    background: #ecfdf5;
    color: #047857;
}

body.pds-admin .pds-rider-remit-return-list em.is-none {
    background: #fef2f2;
    color: #b91c1c;
}

body.pds-admin .pds-os-amount-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 88px;
    padding: 0.4rem 0.75rem;
    border-radius: 10px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    color: #0f172a;
    font-size: 0.88rem;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
}

body.pds-admin .pds-os-amount-pill.is-negative {
    background: #fef2f2;
    border-color: #fecaca;
    color: #dc2626;
}

body.pds-admin .pds-os-amount-pill.is-receive {
    background: #ecfdf5;
    border-color: #a7f3d0;
    color: #047857;
}

body.pds-admin .pds-os-kpay-value {
    display: block;
    font-size: 0.82rem;
    font-weight: 600;
    color: #334155;
    line-height: 1.35;
    word-break: break-word;
}

body.pds-admin .pds-os-kpay-value--mono {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: 0.8rem;
    color: #475569;
}

body.pds-admin .pds-os-kpay-empty {
    color: #cbd5e1;
    font-weight: 600;
}

body.pds-admin .pds-os-kpay-upload-card {
    --pds-proof-size: 48px;
    --pds-proof-gap: 8px;
    --pds-proof-cols: 3;
    position: relative;
    display: grid;
    grid-template-columns: repeat(var(--pds-proof-cols), minmax(0, var(--pds-proof-size)));
    gap: var(--pds-proof-gap);
    margin: 0;
    padding: 2px 2px 4px;
    width: max-content;
    max-width: 100%;
    box-sizing: border-box;
    border: none;
    border-radius: 0;
    background: transparent;
    cursor: pointer;
    outline: none;
    overflow: visible;
    transition: background 0.15s ease, box-shadow 0.15s ease;
}

/* Empty: + fills the cell so no empty white gap on the right. */
body.pds-admin .pds-os-kpay-upload-card:not(.has-images) {
    width: 100%;
    grid-template-columns: 1fr;
}

body.pds-admin .pds-os-kpay-gallery {
    display: contents;
}

body.pds-admin .pds-os-kpay-upload-card .pds-os-kpay-file-input {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 2;
}

body.pds-admin .pds-os-kpay-upload-card .pds-os-kpay-preview {
    position: relative;
    z-index: 3;
    display: block;
    width: var(--pds-proof-size);
    height: var(--pds-proof-size);
    max-width: 100%;
    border-radius: 10px;
    overflow: hidden;
    line-height: 0;
    background: #f1f5f9;
    box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.06);
}

body.pds-admin .pds-os-kpay-thumb-link {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 0;
}

body.pds-admin .pds-os-kpay-upload-card.is-dragover,
body.pds-admin .pds-os-kpay-upload-card.is-uploading {
    border-radius: 10px;
    background: rgba(var(--brand-rgb), 0.06);
    box-shadow: 0 0 0 2px rgba(var(--brand-rgb), 0.2);
}

body.pds-admin .pds-os-kpay-upload-card--qr.is-dragover,
body.pds-admin .pds-os-kpay-upload-card--qr.is-uploading {
    background: rgba(16, 185, 129, 0.08);
    box-shadow: 0 0 0 2px rgba(16, 185, 129, 0.28);
}

body.pds-admin .pds-os-kpay-thumb {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
    display: block;
    transition: filter 0.12s ease, opacity 0.15s ease;
}

body.pds-admin .pds-os-kpay-thumb.is-loading {
    opacity: 0;
}

body.pds-admin .pds-os-kpay-thumb.is-ready {
    opacity: 1;
}

body.pds-admin .pds-os-kpay-preview--local {
    background: rgba(var(--brand-rgb), 0.08);
}

body.pds-admin .pds-os-kpay-preview:hover .pds-os-kpay-thumb {
    filter: brightness(0.92);
}

/* Delete: soft overlay, only on hover. */
body.pds-admin .pds-os-kpay-remove {
    position: absolute;
    top: 3px;
    right: 3px;
    z-index: 5;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    padding: 0;
    border: none;
    border-radius: 50%;
    background: rgba(15, 23, 42, 0.72);
    color: #fff;
    font-size: 0.5rem;
    line-height: 1;
    cursor: pointer;
    opacity: 0;
    transform: scale(0.9);
    transition: opacity 0.12s ease, transform 0.12s ease, background 0.12s ease;
}

body.pds-admin .pds-os-kpay-preview:hover .pds-os-kpay-remove,
body.pds-admin .pds-os-kpay-remove:focus {
    opacity: 1;
    transform: scale(1);
    outline: none;
}

body.pds-admin .pds-os-kpay-remove:hover,
body.pds-admin .pds-os-kpay-remove:focus-visible {
    background: #ef4444;
}

body.pds-admin .pds-os-kpay-placeholder {
    display: none;
}

/* Same + tile language; empty state stretches to fill the column. */
body.pds-admin .pds-os-kpay-upload-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--pds-proof-size);
    height: var(--pds-proof-size);
    border-radius: 8px;
    border: 1.5px dashed #cbd5e1;
    color: #94a3b8;
    background: #f8fafc;
    font-size: 0.78rem;
    pointer-events: none;
    z-index: 1;
    transition: color 0.12s ease, background 0.12s ease, border-color 0.12s ease;
}

body.pds-admin .pds-os-kpay-upload-card:not(.has-images) .pds-os-kpay-upload-btn {
    width: 100%;
    min-height: 48px;
    height: 48px;
    border-radius: 10px;
    font-size: 0.95rem;
}

body.pds-admin .pds-os-kpay-upload-card.has-images .pds-os-kpay-upload-btn {
    width: var(--pds-proof-size);
    height: var(--pds-proof-size);
    border-radius: 10px;
}

body.pds-admin .pds-os-settlement-row:hover .pds-os-kpay-upload-btn,
body.pds-admin .pds-os-kpay-upload-card:focus .pds-os-kpay-upload-btn,
body.pds-admin .pds-os-kpay-upload-card:not(.has-images):hover .pds-os-kpay-upload-btn {
    color: var(--site-color);
    border-color: rgba(var(--brand-rgb), 0.45);
    background: rgba(var(--brand-rgb), 0.06);
}

body.pds-admin .pds-os-kpay-upload-card--qr .pds-os-kpay-upload-btn {
    border-color: #a7f3d0;
    color: #34d399;
    background: #f0fdf4;
}

body.pds-admin .pds-os-settlement-row:hover .pds-os-kpay-upload-card--qr .pds-os-kpay-upload-btn,
body.pds-admin .pds-os-kpay-upload-card--qr:focus .pds-os-kpay-upload-btn,
body.pds-admin .pds-os-kpay-upload-card--qr:not(.has-images):hover .pds-os-kpay-upload-btn {
    color: #059669;
    border-color: #34d399;
    background: #ecfdf5;
}

/* Proof image lightbox — polished viewer shell */
body.pds-admin .pds-os-proof-lightbox {
    position: fixed;
    inset: 0;
    z-index: 20050;
    display: none;
    align-items: center;
    justify-content: center;
    padding: clamp(0.75rem, 2.5vw, 1.75rem);
    background: rgba(15, 23, 42, 0.58);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

body.pds-admin .pds-os-proof-lightbox.is-open {
    display: flex;
    animation: pdsOsProofFade 0.2s ease;
}

@keyframes pdsOsProofFade {
    from { opacity: 0; }
    to { opacity: 1; }
}

body.pds-admin .pds-os-proof-lightbox__shell {
    display: flex;
    flex-direction: column;
    width: min(760px, 100%);
    max-height: min(88vh, 820px);
    border-radius: 22px;
    background: #fff;
    box-shadow:
        0 0 0 1px rgba(15, 23, 42, 0.05),
        0 18px 50px rgba(15, 23, 42, 0.22),
        0 40px 100px rgba(15, 23, 42, 0.16);
    overflow: hidden;
    animation: pdsOsProofPop 0.24s cubic-bezier(0.22, 1, 0.36, 1);
}

@keyframes pdsOsProofPop {
    from { opacity: 0; transform: translateY(12px) scale(0.97); }
    to { opacity: 1; transform: none; }
}

body.pds-admin .pds-os-proof-lightbox__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.95rem 1.1rem 0.95rem 1.25rem;
    border-bottom: 1px solid rgba(226, 232, 240, 0.9);
    background: linear-gradient(180deg, #ffffff 0%, #fafbfc 100%);
}

body.pds-admin .pds-os-proof-lightbox__title {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
    color: #0f172a;
    font-size: 1rem;
    font-weight: 750;
    letter-spacing: -0.01em;
}

body.pds-admin .pds-os-proof-lightbox__title i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 11px;
    background: linear-gradient(145deg, rgba(var(--brand-rgb), 0.16), rgba(var(--brand-rgb), 0.08));
    color: var(--site-color);
    font-size: 0.88rem;
    box-shadow: inset 0 0 0 1px rgba(var(--brand-rgb), 0.12);
}

body.pds-admin .pds-os-proof-lightbox__close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: #fff;
    color: #64748b;
    font-size: 1rem;
    cursor: pointer;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
    transition: background 0.14s ease, color 0.14s ease, border-color 0.14s ease, transform 0.14s ease;
}

body.pds-admin .pds-os-proof-lightbox__close:hover {
    background: #fff1f2;
    border-color: #fecdd3;
    color: #e11d48;
    transform: scale(1.03);
}

body.pds-admin .pds-os-proof-lightbox__body {
    /* Flex (not grid): hidden navs must not trap the stage in a tiny first column. */
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.65rem;
    padding: 1.1rem 1rem 0.85rem;
    min-height: 280px;
    background:
        radial-gradient(ellipse at 50% 0%, rgba(var(--brand-rgb), 0.07), transparent 58%),
        linear-gradient(180deg, #f7f8fb 0%, #eef1f6 100%);
}

body.pds-admin .pds-os-proof-lightbox__stage {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
    min-height: 240px;
    max-height: min(52vh, 480px);
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    line-height: 0;
}

body.pds-admin .pds-os-proof-lightbox__img {
    display: block;
    max-width: min(100%, 640px);
    max-height: min(50vh, 460px);
    width: auto;
    height: auto;
    margin: 0 auto;
    object-fit: contain;
    border-radius: 14px;
    background: transparent;
    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.16);
    opacity: 0;
    transform: scale(0.985);
    transition: opacity 0.2s ease, transform 0.2s ease;
}

body.pds-admin .pds-os-proof-lightbox__img.is-ready {
    opacity: 1;
    transform: none;
}

body.pds-admin .pds-os-proof-lightbox__nav {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 1px solid rgba(226, 232, 240, 0.95);
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.96);
    color: #334155;
    font-size: 0.95rem;
    cursor: pointer;
    box-shadow: 0 6px 16px rgba(15, 23, 42, 0.1);
    transition: background 0.14s ease, color 0.14s ease, border-color 0.14s ease, transform 0.14s ease, box-shadow 0.14s ease;
}

body.pds-admin .pds-os-proof-lightbox__nav:hover {
    background: var(--site-color);
    border-color: var(--site-color);
    color: #fff;
    transform: scale(1.06);
    box-shadow: 0 8px 20px rgba(var(--brand-rgb), 0.28);
}

body.pds-admin .pds-os-proof-lightbox__nav[hidden] {
    display: none !important;
}

body.pds-admin .pds-os-proof-lightbox__foot {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.65rem;
    padding: 0.7rem 1rem 1rem;
    border-top: 1px solid #eef2f7;
    background: linear-gradient(180deg, #ffffff 0%, #fbfcfe 100%);
}

body.pds-admin .pds-os-proof-lightbox__meta {
    display: inline-flex;
    align-items: baseline;
    gap: 0.28rem;
    padding: 0.28rem 0.7rem;
    border-radius: 999px;
    background: #f1f5f9;
    color: #64748b;
    font-size: 0.78rem;
    font-weight: 650;
}

body.pds-admin .pds-os-proof-lightbox__count {
    color: var(--site-color);
    font-size: 0.92rem;
    font-weight: 800;
}

body.pds-admin .pds-os-proof-lightbox__sep {
    color: #94a3b8;
    font-weight: 600;
}

body.pds-admin .pds-os-proof-lightbox__meta:empty {
    display: none;
}

body.pds-admin .pds-os-proof-lightbox__thumbs {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.5rem;
    max-width: 100%;
    padding: 0.15rem;
}

body.pds-admin .pds-os-proof-lightbox__thumbs:empty {
    display: none;
}

body.pds-admin .pds-os-proof-lightbox__thumb {
    position: relative;
    width: 56px;
    height: 56px;
    padding: 0;
    border: 2px solid #e2e8f0;
    border-radius: 12px;
    background: #f8fafc;
    overflow: hidden;
    cursor: pointer;
    opacity: 0.78;
    transition: opacity 0.14s ease, border-color 0.14s ease, transform 0.14s ease, box-shadow 0.14s ease;
}

body.pds-admin .pds-os-proof-lightbox__thumb img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

body.pds-admin .pds-os-proof-lightbox__thumb:hover {
    opacity: 1;
    transform: translateY(-2px);
    border-color: #cbd5e1;
    box-shadow: 0 6px 14px rgba(15, 23, 42, 0.1);
}

body.pds-admin .pds-os-proof-lightbox__thumb.is-active {
    opacity: 1;
    border-color: var(--site-color);
    box-shadow:
        0 0 0 3px rgba(var(--brand-rgb), 0.18),
        0 8px 16px rgba(var(--brand-rgb), 0.16);
    transform: translateY(-1px);
}

@media (max-width: 640px) {
    body.pds-admin .pds-os-proof-lightbox__shell {
        border-radius: 18px;
        max-height: 94vh;
        width: min(100%, 100%);
    }
    body.pds-admin .pds-os-proof-lightbox__body {
        gap: 0.35rem;
        padding: 0.75rem 0.55rem 0.65rem;
        min-height: 220px;
    }
    body.pds-admin .pds-os-proof-lightbox__nav {
        width: 38px;
        height: 38px;
        font-size: 0.85rem;
    }
    body.pds-admin .pds-os-proof-lightbox__thumb {
        width: 46px;
        height: 46px;
        border-radius: 10px;
    }
    body.pds-admin .pds-os-proof-lightbox__stage {
        min-height: 200px;
        max-height: min(46vh, 380px);
    }
    body.pds-admin .pds-os-proof-lightbox__img {
        max-height: min(44vh, 360px);
    }
}

body.pds-admin .pds-os-receive-bulk-upload.is-dragover {
    border-color: #059669 !important;
    background: #d1fae5 !important;
    box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.22);
}

body.pds-admin .pds-os-qr-preview-card {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    min-width: 168px;
    min-height: 56px;
    padding: 0.5rem 0.7rem;
    border-radius: 12px;
    border: 1px dashed #a7f3d0;
    background: #f0fdf4;
}

body.pds-admin .pds-os-qr-preview-card.has-qr {
    border-style: solid;
    border-color: #6ee7b7;
    background: #ecfdf5;
}

body.pds-admin .pds-os-qr-preview-card__empty {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    color: #047857;
    font-size: 0.75rem;
    font-weight: 700;
}

body.pds-admin .pds-os-qr-preview-card__empty i {
    font-size: 1.1rem;
    color: #059669;
}

body.pds-admin .pds-os-qr-preview-card__label {
    color: #047857;
    font-size: 0.78rem;
    font-weight: 700;
}

body.pds-admin #osSettlementReceiveTable .pds-os-settlement-col-slip,
body.pds-admin #osSettlementReceiveTable .pds-os-kpay-upload-cell {
    width: 176px;
    min-width: 176px;
    max-width: 176px;
    padding-left: 8px !important;
    padding-right: 8px !important;
    overflow: visible;
    text-align: left !important;
}

body.pds-admin .pds-os-slip-preview-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    padding: 0.5rem 0.85rem;
    border: 1px solid rgba(var(--brand-rgb), 0.35);
    border-radius: 10px;
    background: #fff;
    color: var(--site-color);
    font-size: 0.72rem;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
    transition: all 0.15s ease;
}

body.pds-admin .pds-os-slip-preview-btn i {
    font-size: 0.85rem;
    color: inherit;
}

body.pds-admin .pds-os-slip-preview-btn:hover {
    border-color: var(--site-color);
    background: rgba(var(--brand-rgb), 0.1);
    color: var(--site-color);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(var(--brand-rgb), 0.16);
}

body.pds-admin .pds-os-finish-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    min-width: 108px;
    padding: 0.55rem 1rem;
    border: none;
    border-radius: 10px;
    background: linear-gradient(135deg, var(--site-color) 0%, var(--site-color) 100%);
    color: #fff;
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    cursor: pointer;
    box-shadow: 0 4px 14px rgba(var(--brand-rgb), 0.28);
    transition: transform 0.15s ease, box-shadow 0.15s ease, opacity 0.15s ease;
}

/* Global `body.pds-admin span` sets dark text — force white label/icon on finish buttons */
body.pds-admin .pds-os-finish-btn:not(:disabled):not(.is-disabled) > span,
body.pds-admin .pds-os-finish-btn:not(:disabled):not(.is-disabled) > i,
body.pds-admin .pds-os-finish-all-btn:not(:disabled) > span,
body.pds-admin .pds-os-finish-all-btn:not(:disabled) > i {
    color: #fff !important;
}

body.pds-admin .pds-os-finish-btn.is-disabled > span,
body.pds-admin .pds-os-finish-btn:disabled > span,
body.pds-admin .pds-os-finish-btn.is-disabled > i,
body.pds-admin .pds-os-finish-btn:disabled > i {
    color: #94a3b8 !important;
}

body.pds-admin .pds-os-finish-btn:hover:not(:disabled) {
    transform: translateY(-1px);
    box-shadow: 0 8px 18px rgba(var(--brand-rgb), 0.32);
}

body.pds-admin .pds-os-finish-btn.is-disabled,
body.pds-admin .pds-os-finish-btn:disabled {
    background: #e2e8f0;
    color: #94a3b8;
    cursor: not-allowed;
    box-shadow: none;
    transform: none;
}

body.pds-admin .pds-os-finish-btn.is-done {
    background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
    color: #fff;
    box-shadow: 0 4px 14px rgba(22, 163, 74, 0.28);
}

body.pds-admin .pds-os-kyo-shin-item-table tfoot td {
    border-top: 1px solid #e2e8f0;
    font-weight: 700;
    color: #0f172a;
    padding-top: 0.85rem;
    padding-bottom: 0.85rem;
}

body.pds-admin .pds-kyo-shin-send-os-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    padding: 0.45rem 0.8rem;
    border: none;
    border-radius: 999px;
    background: linear-gradient(135deg, var(--site-color), var(--site-color));
    color: #fff !important;
    font-size: 0.74rem;
    font-weight: 800;
    white-space: nowrap;
    box-shadow: 0 6px 14px rgba(var(--brand-rgb), 0.28);
}

body.pds-admin .pds-kyo-shin-send-os-btn:hover {
    filter: brightness(1.04);
    color: #fff !important;
}

body.pds-admin .pds-os-settlement-bulk-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin: 0 1.5rem 0.75rem;
    padding: 0.85rem 1.15rem;
    border-radius: 14px;
    border: 1px solid rgba(var(--brand-rgb), 0.16);
    background: linear-gradient(135deg, rgba(var(--brand-rgb), 0.07) 0%, rgba(var(--brand-rgb), 0.08) 100%);
}

body.pds-admin .pds-os-settlement-bulk-bar__hint {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--site-color);
    font-size: 0.78rem;
    font-weight: 600;
    line-height: 1.4;
}

body.pds-admin .pds-os-settlement-bulk-bar__hint i {
    color: var(--site-color);
    font-size: 0.9rem;
}

body.pds-admin .pds-os-settlement-bulk-bar__actions {
    display: flex;
    align-items: flex-end;
    gap: 0.75rem;
    flex-shrink: 0;
}

body.pds-admin .pds-os-settlement-format-field {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 140px;
}

body.pds-admin .pds-os-settlement-format-field label {
    font-size: 0.72rem;
    font-weight: 700;
    color: var(--site-color);
    letter-spacing: 0.02em;
}

body.pds-admin .pds-os-settlement-format-field .pds-dispatch-select {
    min-height: 38px;
    font-size: 0.82rem;
}

body.pds-admin .pds-os-format-choices {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

body.pds-admin .pds-os-format-choice {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    margin: 0;
    padding: 0.85rem 1rem;
    border: 1px solid rgba(var(--brand-rgb), 0.28);
    border-radius: 12px;
    background: rgba(var(--brand-rgb), 0.08);
    cursor: pointer;
}

body.pds-admin .pds-os-format-choice:has(input:checked) {
    border-color: var(--site-color);
    background: rgba(var(--brand-rgb), 0.16);
    box-shadow: 0 0 0 2px rgba(var(--brand-rgb), 0.18);
}

body.pds-admin .pds-os-format-choice input {
    margin-top: 0.2rem;
}

body.pds-admin .pds-os-format-choice strong {
    display: block;
    color: var(--site-color);
    font-size: 0.92rem;
}

body.pds-admin .pds-os-format-choice small {
    display: block;
    margin-top: 0.15rem;
    color: #78716c;
    font-size: 0.78rem;
    line-height: 1.35;
}

body.pds-admin .pds-os-finish-all-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.6rem 1.15rem;
    border: none;
    border-radius: 10px;
    background: linear-gradient(135deg, var(--site-color) 0%, var(--site-color) 100%);
    color: #fff;
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    cursor: pointer;
    box-shadow: 0 6px 16px rgba(var(--brand-rgb), 0.28);
    transition: transform 0.15s ease, box-shadow 0.15s ease, opacity 0.15s ease;
}

body.pds-admin .pds-os-finish-all-btn:hover:not(:disabled) {
    transform: translateY(-1px);
    box-shadow: 0 10px 22px rgba(var(--brand-rgb), 0.32);
}

body.pds-admin .pds-os-finish-all-btn:disabled {
    opacity: 0.45;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

@media (max-width: 991.98px) {
    body.pds-admin .pds-os-settlement-bulk-bar {
        flex-direction: column;
        align-items: stretch;
        margin: 0 1rem 0.75rem;
    }

    body.pds-admin .pds-os-finish-all-btn {
        justify-content: center;
    }

    body.pds-admin .pds-os-slip-preview-btn span {
        display: none;
    }

    body.pds-admin .pds-os-slip-preview-btn {
        width: 40px;
        height: 40px;
        padding: 0;
    }
}

/* Daily Check List */
body.pds-admin .pds-daily-check-toolbar {
    margin: 0 1.5rem 1rem;
    padding: 1rem 1.15rem;
    border-radius: 16px;
    border: 1px solid rgba(var(--brand-rgb), 0.16);
    background: linear-gradient(180deg, #fffdf9 0%, #ffffff 100%);
    box-shadow: 0 8px 24px rgba(var(--brand-rgb), 0.06);
}

body.pds-admin .pds-daily-check-toolbar__grid {
    display: grid;
    grid-template-columns:
        132px
        132px
        minmax(220px, auto)
        minmax(260px, 1.1fr)
        minmax(180px, 1fr)
        auto;
    gap: 0.75rem 0.85rem;
    align-items: end;
}

body.pds-admin .pds-daily-check-toolbar.is-mode-all .pds-daily-check-toolbar__grid {
    grid-template-columns:
        132px
        132px
        minmax(220px, auto)
        minmax(280px, 1.2fr)
        auto;
}

body.pds-admin .pds-daily-check-field {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    min-width: 0;
}

body.pds-admin .pds-daily-check-field label {
    margin: 0;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #64748b;
}

body.pds-admin .pds-daily-check-field .pds-dispatch-input,
body.pds-admin .pds-daily-check-field .pds-dispatch-select {
    width: 100%;
    height: 42px;
    border-radius: 11px;
    border: 1px solid #e2e8f0;
    background: #fff;
    box-shadow: none;
}

body.pds-admin .pds-daily-check-field .pds-dispatch-input:focus,
body.pds-admin .pds-daily-check-field .pds-dispatch-select:focus {
    border-color: var(--site-color);
    box-shadow: 0 0 0 3px rgba(var(--brand-rgb), 0.12);
}

body.pds-admin .pds-daily-check-field--mode {
    min-width: 220px;
}

body.pds-admin .pds-daily-check-seg {
    display: grid;
    grid-template-columns: max-content max-content max-content;
    justify-content: start;
    gap: 4px;
    height: 42px;
    padding: 4px;
    border-radius: 12px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
}

body.pds-admin .pds-daily-check-seg__item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0 0.7rem;
    border-radius: 8px;
    cursor: pointer;
    color: #64748b;
    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1.1;
    text-align: center;
    transition: background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

body.pds-admin .pds-daily-check-seg__item input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

body.pds-admin .pds-daily-check-seg__item span {
    display: block;
    white-space: nowrap;
    overflow: visible;
    text-overflow: clip;
    max-width: none;
}

body.pds-admin .pds-daily-check-seg__item.is-active {
    background: #fff;
    color: var(--site-color);
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.08);
}

body.pds-admin .pds-daily-check-toolbar__actions {
    display: flex;
    align-items: end;
    justify-content: flex-end;
    gap: 0.5rem;
    min-height: 42px;
}

body.pds-admin .pds-daily-check-search-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    height: 42px;
    padding: 0 1.05rem;
    border: 0;
    border-radius: 11px;
    background: linear-gradient(135deg, var(--site-color) 0%, var(--site-color) 100%);
    color: #fff;
    font-size: 0.88rem;
    font-weight: 700;
    box-shadow: 0 8px 18px rgba(var(--brand-rgb), 0.28);
    cursor: pointer;
}

body.pds-admin .pds-daily-check-search-btn:hover {
    filter: brightness(1.03);
}

body.pds-admin .pds-daily-check-icon-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 11px;
    border: 1px solid #e2e8f0;
    background: #fff;
    color: #334155;
    text-decoration: none;
    transition: border-color 0.15s ease, color 0.15s ease, background 0.15s ease;
}

body.pds-admin .pds-daily-check-icon-btn:hover {
    border-color: rgba(var(--brand-rgb), 0.45);
    color: var(--site-color);
    background: rgba(var(--brand-rgb), 0.08);
}

body.pds-admin .pds-daily-check-shell {
    overflow: visible;
}

body.pds-admin .pds-frozen-table.pds-daily-check-shell {
    overflow: hidden !important;
}

/* Daily Check / Money Transfer: tall scrollport so rows are readable;
   title + footer stay pinned while only the body scrolls. */
body.pds-admin .pds-daily-check-page .pds-dispatch-to-assign-screen {
    display: flex;
    flex-direction: column;
    max-height: none;
    overflow: visible;
}

body.pds-admin .pds-daily-check-page .pds-rider-hero,
body.pds-admin .pds-daily-check-page .pds-daily-check-toolbar,
body.pds-admin .pds-daily-check-page .pds-settle-tabs,
body.pds-admin .pds-daily-check-page .pds-dm-branch-tabs,
body.pds-admin .pds-daily-check-page .pds-mt-method-tabs,
body.pds-admin .pds-daily-check-page .pds-money-transfer-summary {
    flex: 0 0 auto;
}

body.pds-admin .pds-daily-check-page .pds-rider-body {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: visible;
}

body.pds-admin .pds-frozen-table {
    display: flex !important;
    flex-direction: column;
    overflow: hidden !important;
}

body.pds-admin .pds-daily-check-page .pds-frozen-table {
    flex: 0 0 auto;
    width: 100%;
    height: calc(100vh - var(--pds-topbar-h, 73px) - 13.5rem);
    min-height: 520px;
    max-height: calc(100vh - var(--pds-topbar-h, 73px) - 8rem);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #e8edf3;
    border-radius: 14px;
    background: #fff;
}

body.pds-admin .pds-money-transfer-page .pds-frozen-table {
    height: calc(100vh - var(--pds-topbar-h, 73px) - 20rem);
    min-height: 480px;
    max-height: calc(100vh - var(--pds-topbar-h, 73px) - 12rem);
}

body.pds-admin .pds-frozen-table__head {
    flex: 0 0 auto;
    overflow: hidden;
    background: #f3f4f6;
    border-bottom: 1px solid #e5e7eb;
}

body.pds-admin .pds-frozen-table__head table,
body.pds-admin .pds-frozen-table__body table {
    margin: 0;
}

body.pds-admin .pds-daily-check-page .pds-frozen-table__head table.pds-daily-check-table:not(.pds-money-transfer-table),
body.pds-admin .pds-daily-check-page .pds-frozen-table__body table.pds-daily-check-table:not(.pds-money-transfer-table),
body.pds-admin .pds-daily-check-page .pds-frozen-table__foot table.pds-daily-check-table:not(.pds-money-transfer-table) {
    table-layout: fixed;
    width: 1900px;
    min-width: 1900px;
    max-width: none;
}

body.pds-admin .pds-frozen-table__head th {
    position: static !important;
    top: auto !important;
    background: #f3f4f6 !important;
    color: #111827 !important;
    box-shadow: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.pds-admin .pds-frozen-table__body {
    flex: 1 1 auto;
    min-height: 280px;
    overflow: auto;
}

body.pds-admin .pds-daily-check-page .pds-frozen-table__body {
    min-height: 320px;
}

body.pds-admin .pds-frozen-table__body thead {
    display: none;
}

body.pds-admin .pds-daily-check-total-row td {
    background: #cfe8f3 !important;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    border-top: 2px solid #93c5d8 !important;
    padding-top: 0.7rem !important;
    padding-bottom: 0.7rem !important;
}

body.pds-admin .pds-daily-check-total-label {
    text-align: right;
    color: #0f172a;
}

body.pds-admin .pds-daily-check-total-row .pds-os-to-pay-negative {
    color: #dc2626 !important;
}

body.pds-admin .pds-daily-check-table {
    min-width: 1280px;
    width: 100%;
    table-layout: auto;
    border-collapse: separate;
    border-spacing: 0;
}

body.pds-admin .pds-daily-check-table thead th,
body.pds-admin .pds-daily-check-table tbody td,
body.pds-admin .pds-daily-check-table tfoot td {
    vertical-align: middle;
    box-sizing: border-box;
}

body.pds-admin .pds-daily-check-table thead th.text-right,
body.pds-admin .pds-daily-check-table tbody td.text-right,
body.pds-admin .pds-daily-check-table tfoot td.text-right {
    text-align: right !important;
}

body.pds-admin .pds-daily-check-ostopay,
body.pds-admin .pds-daily-check-table td.pds-daily-check-ostopay {
    white-space: nowrap;
}

body.pds-admin .pds-daily-check-table .pds-deli-amount-cell {
    width: auto !important;
    max-width: none !important;
    justify-content: flex-end !important;
}

body.pds-admin .pds-daily-check-table .pds-deli-amount-price {
    flex: 0 0 auto !important;
}

body.pds-admin .pds-daily-check-table .pds-deli-amount-type,
body.pds-admin .pds-daily-check-table .pds-deli-amount-type--empty {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
}

body.pds-admin .pds-daily-check-amount-stack {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.2rem;
    width: auto;
}

body.pds-admin .pds-daily-check-invoice-no {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: 0.82rem;
}

body.pds-admin .pds-daily-check-count-btn {
    min-width: 36px;
    height: 36px;
    border: 0;
    border-radius: 999px;
    background: #2563eb;
    color: #fff;
    font-weight: 700;
    cursor: pointer;
    box-shadow: 0 6px 14px rgba(37, 99, 235, 0.28);
    transition: transform 0.12s ease, filter 0.12s ease;
}

body.pds-admin .pds-daily-check-count-btn:hover {
    filter: brightness(1.06);
    transform: translateY(-1px);
}

/* Check Detail: portal to <body>, vertically centered, height follows content. */
body.pds-admin #dailyCheckDetailModal.modal {
    padding: 1.5rem !important;
    overflow: hidden !important;
    z-index: 10600 !important;
}

body.pds-admin #dailyCheckDetailModal.modal.show {
    display: flex !important;
    align-items: center;
    justify-content: center;
}

body.pds-admin.modal-open .modal-backdrop.pds-check-detail-backdrop {
    z-index: 10590 !important;
}

body.pds-admin #dailyCheckDetailModal .modal-dialog.pds-check-detail-dialog {
    width: min(96vw, 1680px);
    max-width: min(96vw, 1680px);
    height: auto !important;
    max-height: calc(100vh - 3rem);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

body.pds-admin #dailyCheckDetailModal.show .modal-dialog.pds-check-detail-dialog {
    transform: none;
}

body.pds-admin .pds-check-detail-modal {
    border: 0;
    border-radius: 16px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    flex: 0 0 auto;
    min-height: 0;
    height: auto !important;
    max-height: calc(100vh - 3rem);
    width: 100%;
}

body.pds-admin .pds-check-detail {
    display: flex;
    flex-direction: column;
    min-height: 0;
    height: auto !important;
    max-height: calc(100vh - 3rem);
    flex: 0 0 auto;
    overflow: hidden;
}

body.pds-admin .pds-check-detail__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex: 0 0 auto;
    padding: 0.85rem 1.15rem;
    background: linear-gradient(135deg, var(--site-color) 0%, var(--site-color) 100%);
    color: #fff;
    position: relative;
    z-index: 3;
}

body.pds-admin .pds-check-detail__eyebrow {
    font-size: 0.7rem;
    letter-spacing: 0.08em;
    font-weight: 700;
    opacity: 0.9;
}

body.pds-admin .pds-check-detail__title {
    margin: 0.15rem 0 0.35rem;
    font-size: 1.15rem;
    font-weight: 700;
    color: #fff;
}

body.pds-admin .pds-check-detail__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem 0.9rem;
    font-size: 0.82rem;
    opacity: 0.95;
}

body.pds-admin .pds-check-detail__close {
    width: 34px;
    height: 34px;
    border: 0;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.2);
    color: #fff;
    cursor: pointer;
}

body.pds-admin .pds-check-detail__body {
    padding: 0.5rem 0.65rem 0.85rem;
    background: #fff;
    flex: 0 1 auto;
    min-height: 0;
    max-height: min(70vh, calc(100vh - 9rem));
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

body.pds-admin .pds-check-detail__body > .table-responsive {
    max-height: none;
    overflow: visible;
    margin: 0;
    border-radius: 10px;
    border: 1px solid #e8edf3;
}

body.pds-admin #dailyCheckDetailModal .modal-body {
    padding: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    flex: 0 0 auto;
    min-height: 0;
    height: auto !important;
    max-height: calc(100vh - 3rem);
}

body.pds-admin .pds-check-detail-table {
    min-width: 1500px;
    width: 100%;
    margin-bottom: 0;
}

body.pds-admin .pds-check-detail-table thead th {
    position: sticky;
    top: 0;
    z-index: 2;
    background: var(--site-color);
    color: #fff;
    border: 0;
    white-space: nowrap;
    font-size: 0.72rem;
    font-weight: 700;
}

body.pds-admin .pds-check-detail-table tbody tr:nth-child(even) {
    background: #eff6ff;
}

body.pds-admin .pds-check-detail-table tfoot td {
    background: rgba(var(--brand-rgb), 0.08);
    border-top: 2px solid rgba(var(--brand-rgb), 0.45);
}

body.pds-admin .pds-check-detail-status {
    color: #dc2626;
    font-weight: 600;
    white-space: nowrap;
}

body.pds-admin .pds-check-detail-address {
    max-width: 160px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.pds-admin .pds-check-detail-actions {
    min-width: 88px;
    vertical-align: middle;
}

body.pds-admin .pds-check-detail-actions__grid {
    display: inline-grid;
    grid-template-columns: repeat(2, 28px);
    grid-template-rows: repeat(2, 28px);
    gap: 4px;
    justify-items: center;
    align-items: center;
}

body.pds-admin .pds-check-detail-actions__grid .pds-check-detail-action-btn--sign {
    grid-column: 1 / -1;
}

body.pds-admin .pds-check-detail-action-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    padding: 0;
    border: 0;
    border-radius: 4px;
    background: transparent;
    cursor: pointer;
    line-height: 1;
    font-size: 1.05rem;
}

body.pds-admin .pds-check-detail-action-btn--photo,
body.pds-admin .pds-check-detail-action-btn--camera {
    color: #2563eb;
}

body.pds-admin .pds-check-detail-action-btn--sign {
    color: #eab308;
}

body.pds-admin .pds-check-detail-action-btn:hover {
    opacity: 0.8;
}

body.pds-admin .pds-check-detail-action-btn.has-media {
    position: relative;
}

body.pds-admin .pds-check-detail-action-btn.has-media::after {
    content: '';
    position: absolute;
    right: 2px;
    bottom: 2px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #16a34a;
    border: 1px solid #fff;
}

body.pds-admin .pds-daily-check-actions {
    white-space: nowrap;
}

body.pds-admin .pds-daily-check-payment-cell {
    white-space: nowrap;
}

body.pds-admin .pds-daily-check-pay-ok {
    color: #16a34a;
    font-weight: 700;
}

body.pds-admin .pds-daily-check-pay-miss {
    color: #dc2626;
    font-weight: 700;
}

body.pds-admin .pds-daily-check-amount-stack {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.2rem;
}

body.pds-admin .pds-daily-check-ostopay .pds-deli-amount-cell {
    min-width: 0;
}

body.pds-admin .pds-daily-check-bank-modal .modal-header .close {
    text-shadow: none;
    opacity: 1;
}

body.pds-admin .pds-daily-check-bank-lines {
    white-space: pre-line;
    font-size: 1rem;
    line-height: 1.5;
}

body.pds-admin .pds-user-photo-modal__header {
    background: var(--site-color);
    color: #fff;
    border-bottom: 0;
}

body.pds-admin .pds-user-photo-modal__header .close {
    text-shadow: none;
    opacity: 1;
}

body.pds-admin .pds-user-photo-empty {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-height: 48px;
    color: #9ca3af;
    font-size: 1.5rem;
}

body.pds-admin .pds-user-photo-modal__footer {
    border-top: 0;
    padding-top: 0;
}

body.pds-admin .pds-user-photo-btn {
    min-width: 96px;
    margin-right: 0.5rem;
    padding: 0.45rem 1rem;
    border-radius: 4px;
    background: #fff;
    font-weight: 700;
    letter-spacing: 0.02em;
    cursor: pointer;
}

body.pds-admin .pds-user-photo-btn--cancel {
    border: 1px solid var(--site-color);
    color: var(--site-color);
}

body.pds-admin .pds-user-photo-btn--save {
    border: 1px solid var(--site-color);
    color: var(--site-color);
    background: rgba(var(--brand-rgb), 0.08);
}

body.pds-admin .pds-daily-check-slip-modal__header {
    background: var(--site-color);
    color: #fff;
    border-bottom: 0;
}

body.pds-admin .pds-daily-check-slip-table thead th {
    background: var(--site-color);
    color: #fff;
    white-space: nowrap;
    font-size: 0.75rem;
}

body.pds-admin .pds-daily-check-action-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    margin: 0 2px;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #fff;
    color: #111827;
    text-decoration: none;
    cursor: pointer;
}

body.pds-admin .pds-daily-check-action-btn:hover {
    border-color: rgba(var(--brand-rgb), 0.45);
    color: var(--site-color);
}

body.pds-admin .pds-daily-check-detail__head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1rem;
}

body.pds-admin .pds-daily-check-detail__eyebrow {
    font-size: 0.72rem;
    letter-spacing: 0.08em;
    color: var(--site-color);
    font-weight: 700;
}

body.pds-admin .pds-daily-check-photo-preview img {
    max-width: 100%;
    max-height: 320px;
    border-radius: 10px;
    border: 1px solid #e5e7eb;
}

@media (max-width: 1199.98px) {
    body.pds-admin .pds-daily-check-toolbar__grid {
        grid-template-columns: 1fr 1fr 1fr;
    }

    body.pds-admin .pds-daily-check-field--mode,
    body.pds-admin .pds-daily-check-field--party,
    body.pds-admin .pds-daily-check-toolbar__actions {
        grid-column: 1 / -1;
    }

    body.pds-admin .pds-daily-check-toolbar__actions {
        justify-content: flex-start;
    }
}

@media (max-width: 767.98px) {
    body.pds-admin .pds-daily-check-toolbar {
        margin: 0 1rem 1rem;
        padding: 0.9rem;
    }

    body.pds-admin .pds-daily-check-toolbar__grid {
        grid-template-columns: 1fr 1fr;
    }

    body.pds-admin .pds-daily-check-field--branch,
    body.pds-admin .pds-daily-check-field--mode,
    body.pds-admin .pds-daily-check-field--party,
    body.pds-admin .pds-daily-check-toolbar__actions {
        grid-column: 1 / -1;
    }

    body.pds-admin .pds-daily-check-search-btn {
        flex: 1;
    }
}

/* Settlement tabs + Money Transfer (ငွေလွှဲရန်) */
body.pds-admin .pds-settle-tabs {
    display: flex;
    gap: 0.45rem;
    margin: 0 1.25rem 0.85rem;
    padding: 0.35rem;
    border-radius: 16px;
    background: #fff;
    border: 1px solid rgba(20, 17, 15, 0.06);
    box-shadow: 0 4px 14px rgba(20, 17, 15, 0.03);
}

body.pds-admin .pds-settle-tabs__item {
    flex: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    min-height: 44px;
    padding: 0.55rem 0.9rem;
    border-radius: 12px;
    color: #57534e;
    font-family: var(--admin-font);
    font-weight: 700;
    font-size: 0.9rem;
    text-decoration: none;
    transition: background 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
}

body.pds-admin .pds-settle-tabs__item:hover {
    background: rgba(var(--brand-rgb), 0.06);
    color: var(--site-color);
    text-decoration: none;
}

body.pds-admin .pds-settle-tabs__item.is-active {
    background: linear-gradient(135deg, var(--site-color) 0%, var(--site-color) 100%);
    color: #fff;
    box-shadow: 0 8px 18px rgba(var(--brand-rgb), 0.28);
}

body.pds-admin .pds-money-transfer-toolbar__grid {
    grid-template-columns: 140px 140px minmax(140px, 1fr) minmax(160px, 1.2fr) auto;
}

body.pds-admin .pds-os-receive-toolbar__grid {
    grid-template-columns: 140px 140px auto;
}

body.pds-admin .pds-os-receive-date-group > td {
    padding: 0.85rem 1rem !important;
    background: linear-gradient(90deg, rgba(var(--brand-rgb), 0.08) 0%, #ffffff 70%);
    border-top: 1px solid rgba(var(--brand-rgb), 0.28) !important;
    border-bottom: 1px solid rgba(var(--brand-rgb), 0.16) !important;
}

body.pds-admin .pds-os-receive-date-group__label {
    display: inline-flex !important;
    align-items: center;
    flex-wrap: nowrap;
    gap: 0.65rem !important;
    font-weight: 700;
    font-size: 0.95rem;
    color: var(--site-color);
    letter-spacing: 0;
    white-space: nowrap;
}

body.pds-admin .pds-os-receive-date-group__label i {
    color: var(--site-color);
    margin: 0 0.35rem 0 0 !important;
    flex-shrink: 0;
}

body.pds-admin .pds-os-receive-date-group__label span {
    margin: 0;
    padding: 0 0.15rem 0 0;
}

body.pds-admin .pds-os-receive-date-group__label em {
    font-style: normal;
    font-size: 0.75rem;
    font-weight: 700;
    min-width: 1.5rem;
    height: 1.5rem;
    margin-left: 0.45rem !important;
    padding: 0 0.45rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(var(--brand-rgb), 0.16);
    color: var(--site-color);
    flex-shrink: 0;
}

body.pds-admin .pds-money-transfer-fill-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    min-height: 40px;
    padding: 0.45rem 0.9rem;
    border: 1px solid rgba(15, 118, 110, 0.35);
    border-radius: 10px;
    background: #fff;
    color: #0f766e;
    font-weight: 600;
    font-size: 0.86rem;
    cursor: pointer;
}

body.pds-admin .pds-money-transfer-fill-btn:hover {
    background: rgba(15, 118, 110, 0.08);
}

body.pds-admin .pds-money-transfer-guide {
    margin: 0 1.25rem 0.85rem;
    padding: 0.95rem 1.1rem;
    border-radius: 14px;
    background: linear-gradient(135deg, #ecfdf5, #f0f9ff);
    border: 1px solid rgba(15, 118, 110, 0.18);
}

body.pds-admin .pds-money-transfer-guide__head strong {
    display: block;
    color: #0f766e;
    font-size: 0.98rem;
    margin-bottom: 0.25rem;
}

body.pds-admin .pds-money-transfer-guide__head p {
    margin: 0 0 0.55rem;
    color: #334155;
    font-size: 0.88rem;
    line-height: 1.45;
}

body.pds-admin .pds-money-transfer-guide__steps {
    margin: 0;
    padding-left: 1.2rem;
    color: #0f172a;
    font-size: 0.88rem;
    line-height: 1.55;
}

body.pds-admin .pds-money-transfer-guide__steps li {
    margin-bottom: 0.2rem;
}

body.pds-admin .pds-money-transfer-save-hint {
    margin: 0 1.25rem 0.65rem;
    color: #64748b;
    font-size: 0.86rem;
}

body.pds-admin .pds-money-transfer-empty {
    margin: 0 1.25rem 1.5rem;
    padding: 1.6rem 1.2rem;
    text-align: center;
    border-radius: 16px;
    background: #fff;
    border: 1px dashed #cbd5e1;
}

body.pds-admin .pds-money-transfer-empty__icon {
    width: 56px;
    height: 56px;
    margin: 0 auto 0.75rem;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: rgba(var(--brand-rgb), 0.12);
    color: var(--site-color);
    font-size: 1.3rem;
}

body.pds-admin .pds-money-transfer-empty h5 {
    margin: 0 0 0.35rem;
    color: #0f172a;
}

body.pds-admin .pds-money-transfer-empty > p {
    margin: 0 0 0.85rem;
    color: #64748b;
}

body.pds-admin .pds-money-transfer-empty__steps {
    max-width: 420px;
    margin: 0 auto 1.1rem;
    text-align: left;
    color: #334155;
    font-size: 0.9rem;
    line-height: 1.55;
}

body.pds-admin .pds-money-transfer-empty__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    justify-content: center;
}

body.pds-admin .pds-money-transfer-secondary-btn {
    display: inline-flex;
    align-items: center;
    min-height: 40px;
    padding: 0.45rem 0.95rem;
    border-radius: 10px;
    border: 1px solid #cbd5e1;
    background: #fff;
    color: #0f766e;
    font-weight: 600;
    text-decoration: none;
}

body.pds-admin .pds-money-transfer-secondary-btn:hover {
    background: #f8fafc;
    text-decoration: none;
    color: #0f766e;
}

body.pds-admin .pds-money-transfer-summary {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 0.7rem;
    margin: 0 1.25rem 1rem;
}

body.pds-admin .pds-money-transfer-summary__card {
    padding: 0.85rem 1rem;
    border-radius: 14px;
    background: #fff;
    border: 1px solid #e2e8f0;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    animation: pdsMtCardIn 0.35s ease both;
}

body.pds-admin .pds-money-transfer-summary__card:nth-child(2) { animation-delay: 0.04s; }
body.pds-admin .pds-money-transfer-summary__card:nth-child(3) { animation-delay: 0.08s; }
body.pds-admin .pds-money-transfer-summary__card:nth-child(4) { animation-delay: 0.12s; }
body.pds-admin .pds-money-transfer-summary__card:nth-child(5) { animation-delay: 0.16s; }

@keyframes pdsMtCardIn {
    from { opacity: 0; transform: translateY(6px); }
    to { opacity: 1; transform: translateY(0); }
}

body.pds-admin .pds-money-transfer-summary__card.is-ok {
    border-color: rgba(22, 163, 74, 0.35);
    background: linear-gradient(180deg, #f0fdf4, #fff);
}

body.pds-admin .pds-money-transfer-summary__card.is-warn {
    border-color: rgba(217, 119, 6, 0.35);
    background: linear-gradient(180deg, rgba(var(--brand-rgb), 0.07), #fff);
}

body.pds-admin .pds-money-transfer-summary__card.is-combined {
    background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%);
    border-color: #6ee7b7;
}

body.pds-admin .pds-money-transfer-summary__card.is-combined .pds-money-transfer-summary__value {
    color: #047857;
}

body.pds-admin .pds-money-transfer-summary__card.is-kpay {
    border-color: rgba(var(--brand-rgb), 0.35);
    background: linear-gradient(180deg, rgba(var(--brand-rgb), 0.08), #fff);
}

body.pds-admin .pds-money-transfer-summary__card.is-cash {
    border-color: rgba(14, 165, 233, 0.35);
    background: linear-gradient(180deg, #f0f9ff, #fff);
}

body.pds-admin .pds-money-transfer-summary__card.is-ostopay {
    border-color: rgba(var(--brand-rgb), 0.35);
    background: linear-gradient(180deg, rgba(var(--brand-rgb), 0.08), #fff);
}

body.pds-admin .pds-money-transfer-summary__card.is-ostopay .pds-money-transfer-summary__value {
    color: var(--site-color);
}

body.pds-admin .pds-money-transfer-summary__hint {
    margin: 0;
    font-style: normal;
    font-size: 0.68rem;
    font-weight: 650;
    color: #a8a29e;
    letter-spacing: 0.01em;
}

body.pds-admin .pds-mt-method-tabs {
    display: inline-flex;
    align-items: stretch;
    padding: 4px;
    border-radius: 12px;
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    gap: 4px;
    margin: 0 1.25rem 0.9rem;
}

body.pds-admin .pds-mt-method-tabs__btn {
    appearance: none;
    border: none;
    background: transparent;
    color: #64748b;
    font-size: 0.82rem;
    font-weight: 800;
    letter-spacing: 0.02em;
    padding: 0.5rem 1.05rem;
    border-radius: 9px;
    cursor: pointer;
    line-height: 1.2;
    text-decoration: none;
    transition: background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

body.pds-admin .pds-mt-method-tabs__btn:hover {
    color: #0f172a;
    text-decoration: none;
}

body.pds-admin .pds-mt-method-tabs__btn.is-active {
    background: linear-gradient(135deg, var(--site-color) 0%, var(--site-color) 100%);
    color: #fff;
    box-shadow: 0 2px 8px rgba(var(--brand-rgb), 0.28);
    text-decoration: none;
}

body.pds-admin .pds-mt-method-badge {
    display: inline-block;
    padding: 0.22rem 0.6rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

body.pds-admin .pds-mt-method-badge.is-kpay {
    background: rgba(var(--brand-rgb), 0.08);
    color: var(--site-color);
}

body.pds-admin .pds-mt-method-badge.is-cash {
    background: #e0f2fe;
    color: #0369a1;
}

body.pds-admin .pds-mt-switch-kpay-meta {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.7rem;
    margin: 0 0 1rem;
}

body.pds-admin .pds-mt-switch-kpay-meta__item {
    padding: 0.75rem 0.9rem;
    border-radius: 12px;
    background: rgba(var(--brand-rgb), 0.08);
    border: 1px solid rgba(var(--brand-rgb), 0.28);
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

body.pds-admin .pds-mt-switch-kpay-meta__item span {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: var(--site-color);
}

body.pds-admin .pds-mt-switch-kpay-meta__item strong {
    font-size: 0.98rem;
    color: #0f172a;
    word-break: break-word;
}

body.pds-admin .pds-money-transfer-summary__label {
    font-size: 0.78rem;
    color: #64748b;
    font-weight: 600;
}

body.pds-admin .pds-money-transfer-summary__value {
    font-size: 1.15rem;
    color: #0f172a;
    font-variant-numeric: tabular-nums;
}

body.pds-admin .pds-money-transfer-summary__muted {
    color: #94a3b8;
    font-size: 0.95rem;
    font-weight: 600;
}

body.pds-admin .pds-money-transfer-table .pds-money-transfer-no {
    background: #fef9c3;
    font-weight: 700;
    text-align: center;
    width: 56px;
}

/* Fill page width — remove empty strip on the right (esp. Kpay 4-col view) */
body.pds-admin .pds-money-transfer-page table.pds-money-transfer-table {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100%;
}

body.pds-admin .pds-money-transfer-page table.pds-money-transfer-table.is-kpay-compact {
    table-layout: fixed;
}

body.pds-admin .pds-money-transfer-page table.pds-money-transfer-table.is-kpay-compact th,
body.pds-admin .pds-money-transfer-page table.pds-money-transfer-table.is-kpay-compact td {
    overflow: hidden;
    text-overflow: ellipsis;
}

body.pds-admin .pds-money-transfer-page table.pds-money-transfer-table.is-kpay-compact th:nth-child(1),
body.pds-admin .pds-money-transfer-page table.pds-money-transfer-table.is-kpay-compact td:nth-child(1) {
    width: 56px;
}

body.pds-admin .pds-money-transfer-page table.pds-money-transfer-table.is-kpay-compact th:nth-child(2),
body.pds-admin .pds-money-transfer-page table.pds-money-transfer-table.is-kpay-compact td:nth-child(2) {
    width: auto;
}

body.pds-admin .pds-money-transfer-page table.pds-money-transfer-table.is-kpay-compact th:nth-child(3),
body.pds-admin .pds-money-transfer-page table.pds-money-transfer-table.is-kpay-compact td:nth-child(3) {
    width: 140px;
}

body.pds-admin .pds-money-transfer-page table.pds-money-transfer-table.is-kpay-compact th:nth-child(4),
body.pds-admin .pds-money-transfer-page table.pds-money-transfer-table.is-kpay-compact td:nth-child(4) {
    width: 120px;
    text-align: center;
}

body.pds-admin .pds-money-transfer-page table.pds-money-transfer-table.is-kpay-compact th:nth-child(5),
body.pds-admin .pds-money-transfer-page table.pds-money-transfer-table.is-kpay-compact td:nth-child(5) {
    width: 168px;
    text-align: center;
    overflow: visible;
    text-overflow: clip;
    white-space: nowrap;
}

body.pds-admin .pds-money-transfer-page table.pds-money-transfer-table.is-kpay-compact col.mt-col-action {
    width: 168px;
}

body.pds-admin .pds-money-transfer-page table.pds-money-transfer-table.is-cash-cols col.mt-col-action {
    width: 168px;
}

body.pds-admin .pds-money-transfer-page table.pds-money-transfer-table.is-cash-cols {
    min-width: 1180px !important;
    table-layout: fixed !important;
}

/* Keep head / body / foot column widths identical (All / Cash tabs). */
body.pds-admin .pds-money-transfer-page table.pds-money-transfer-table.is-cash-cols col.mt-col-no { width: 56px; }
body.pds-admin .pds-money-transfer-page table.pds-money-transfer-table.is-cash-cols col.mt-col-os { width: 220px; }
body.pds-admin .pds-money-transfer-page table.pds-money-transfer-table.is-cash-cols col.mt-col-method { width: 110px; }
body.pds-admin .pds-money-transfer-page table.pds-money-transfer-table.is-cash-cols col.mt-col-due { width: 120px; }
body.pds-admin .pds-money-transfer-page table.pds-money-transfer-table.is-cash-cols col.mt-col-rider { width: 140px; }
body.pds-admin .pds-money-transfer-page table.pds-money-transfer-table.is-cash-cols col.mt-col-status { width: 110px; }
body.pds-admin .pds-money-transfer-page table.pds-money-transfer-table.is-cash-cols col.mt-col-remark { width: 160px; }
body.pds-admin .pds-money-transfer-page table.pds-money-transfer-table.is-cash-cols col.mt-col-photo { width: 88px; }
body.pds-admin .pds-money-transfer-page table.pds-money-transfer-table.is-cash-cols col.mt-col-action { width: 140px; }

body.pds-admin .pds-money-transfer-page .pds-frozen-table__body {
    scrollbar-gutter: stable;
}

body.pds-admin .pds-money-transfer-os {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

body.pds-admin .pds-money-transfer-os__name {
    color: #0f172a;
}

body.pds-admin .pds-money-transfer-os__kpay {
    font-size: 0.75rem;
    color: #64748b;
}

body.pds-admin .pds-money-transfer-inv-meta {
    color: #94a3b8;
    font-size: 0.78rem;
}

body.pds-admin .pds-money-transfer-due {
    font-weight: 700;
    color: #0f766e;
    font-variant-numeric: tabular-nums;
}

body.pds-admin .pds-mt-photo-col,
body.pds-admin .pds-mt-photo-cell {
    min-width: 88px;
    text-align: center;
    vertical-align: middle;
}

body.pds-admin .pds-mt-photo-gallery {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 6px;
    max-width: 240px;
}

body.pds-admin .pds-mt-photo-gallery--large {
    max-width: 320px;
}

body.pds-admin .pds-mt-photo {
    display: inline-block;
    width: 56px;
    height: 56px;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid #e2e8f0;
    background: #fff;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06);
    vertical-align: middle;
    flex: 0 0 auto;
}

body.pds-admin .pds-mt-photo--large {
    width: 72px;
    height: 72px;
}

body.pds-admin .pds-mt-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

body.pds-admin .pds-money-transfer-page .pds-money-transfer-table {
    table-layout: fixed;
    width: 100%;
}

body.pds-admin .pds-money-transfer-page .pds-frozen-table__head table,
body.pds-admin .pds-money-transfer-page .pds-frozen-table__body table,
body.pds-admin .pds-money-transfer-page .pds-frozen-table__foot table {
    table-layout: fixed;
    width: 100%;
}

body.pds-admin .pds-money-transfer-page .pds-money-transfer-total-row td.pds-daily-check-total-label {
    text-align: left;
    font-weight: 800;
}

body.pds-admin .pds-money-transfer-page .pds-money-transfer-total-row td.pds-money-transfer-due {
    text-align: right !important;
    font-weight: 800;
    color: #0f766e;
}

body.pds-admin .pds-mt-photo-empty {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: 12px;
    border: 1px dashed #e2e8f0;
    background: #f8fafc;
    color: #cbd5e1;
    font-size: 1.05rem;
}

body.pds-admin .pds-money-transfer-input {
    width: 110px;
    max-width: 100%;
    min-height: 36px;
    padding: 0.35rem 0.5rem;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    text-align: right;
    font-variant-numeric: tabular-nums;
    background: #fff;
}

body.pds-admin .pds-money-transfer-input:focus {
    outline: none;
    border-color: #0f766e;
    box-shadow: 0 0 0 3px rgba(15, 118, 110, 0.15);
}

body.pds-admin .pds-money-transfer-remaining {
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

body.pds-admin .pds-money-transfer-row.is-matched .pds-money-transfer-remaining {
    color: #15803d;
}

body.pds-admin .pds-money-transfer-row.is-partial .pds-money-transfer-remaining,
body.pds-admin .pds-money-transfer-row.is-pending .pds-money-transfer-remaining {
    color: #b45309;
}

body.pds-admin .pds-money-transfer-row.is-over .pds-money-transfer-remaining {
    color: #b91c1c;
}

body.pds-admin .pds-money-transfer-row.is-saving {
    opacity: 0.7;
}

body.pds-admin .pds-money-transfer-row.is-saved {
    background: rgba(22, 163, 74, 0.08);
    transition: background 0.3s ease;
}

body.pds-admin .pds-money-transfer-badge {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 0.15rem 0.55rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 700;
    white-space: nowrap;
}

body.pds-admin .pds-money-transfer-badge.is-matched {
    background: #dcfce7;
    color: #166534;
}

body.pds-admin .pds-money-transfer-badge.is-partial {
    background: rgba(var(--brand-rgb), 0.16);
    color: var(--site-color);
}

body.pds-admin .pds-money-transfer-badge.is-pending {
    background: #f1f5f9;
    color: #475569;
}

body.pds-admin .pds-money-transfer-badge.is-over {
    background: #fee2e2;
    color: #991b1b;
}

body.pds-admin .pds-money-transfer-remit-dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-left: 0.35rem;
    border-radius: 50%;
    background: #16a34a;
    vertical-align: middle;
}

body.pds-admin .pds-money-transfer-actions {
    white-space: nowrap;
    vertical-align: middle;
}

body.pds-admin .pds-mt-switch-empty {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2rem;
    color: #cbd5e1;
    font-weight: 700;
}

body.pds-admin .pds-mt-switch-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    height: 34px;
    padding: 0 0.85rem 0 0.4rem;
    border-radius: 999px;
    border: 1px solid transparent;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.01em;
    line-height: 1;
    cursor: pointer;
    transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease, border-color 0.15s ease;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
    white-space: nowrap;
}

body.pds-admin .pds-mt-switch-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 14px rgba(15, 23, 42, 0.12);
}

body.pds-admin .pds-mt-switch-btn:active {
    transform: translateY(0);
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
}

body.pds-admin .pds-mt-switch-btn:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(var(--brand-rgb), 0.22);
}

body.pds-admin .pds-mt-switch-btn__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 999px;
    font-size: 0.7rem;
    flex: 0 0 auto;
}

body.pds-admin .pds-mt-switch-btn__label {
    position: relative;
    top: 0.5px;
}

body.pds-admin .pds-mt-switch-btn--cash {
    background: linear-gradient(180deg, #ecfdf5 0%, #d1fae5 100%);
    border-color: #6ee7b7;
    color: #047857;
}

body.pds-admin .pds-mt-switch-btn--cash .pds-mt-switch-btn__icon {
    background: #059669;
    color: #fff;
}

body.pds-admin .pds-mt-switch-btn--cash:hover {
    background: linear-gradient(180deg, #d1fae5 0%, #a7f3d0 100%);
    border-color: #34d399;
    color: #065f46;
}

body.pds-admin .pds-mt-switch-btn--kpay {
    background: linear-gradient(180deg, #fff7ed 0%, #ffedd5 100%);
    border-color: rgba(var(--brand-rgb), 0.45);
    color: var(--site-color);
}

body.pds-admin .pds-mt-switch-btn--kpay .pds-mt-switch-btn__icon {
    background: var(--site-color);
    color: #fff;
}

body.pds-admin .pds-mt-switch-btn--kpay:hover {
    background: linear-gradient(180deg, #ffedd5 0%, #fed7aa 100%);
    border-color: var(--site-color);
}

body.pds-admin .pds-mt-switch-btn--lg {
    height: 40px;
    padding: 0 1.1rem 0 0.45rem;
    font-size: 0.82rem;
}

body.pds-admin .pds-mt-switch-btn--lg .pds-mt-switch-btn__icon {
    width: 28px;
    height: 28px;
    font-size: 0.78rem;
}

body.pds-admin .pds-mt-switch-modal__header--cash {
    background: linear-gradient(135deg, #059669 0%, #047857 100%);
    color: #fff;
    border-bottom: none;
}

body.pds-admin .pds-mt-switch-modal__header--cash .modal-title {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 800;
    color: #fff;
}

body.pds-admin .pds-mt-switch-modal__header--cash .close {
    color: #fff !important;
    opacity: 1;
    text-shadow: none;
}

body.pds-admin .pds-mt-switch-kpay-meta__item--cash {
    background: #ecfdf5;
    border-color: #a7f3d0;
}

body.pds-admin .pds-mt-switch-kpay-meta__item--cash span {
    color: #047857;
}

body.pds-admin .pds-money-transfer-page table.pds-money-transfer-table.is-kpay-compact td.pds-money-transfer-actions {
    overflow: visible;
    text-overflow: clip;
}

@media (max-width: 1199.98px) {
    body.pds-admin .pds-money-transfer-summary {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    body.pds-admin .pds-money-transfer-toolbar__grid {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media (max-width: 767.98px) {
    body.pds-admin .pds-settle-tabs {
        margin: 0 1rem 0.75rem;
        flex-direction: column;
    }

    body.pds-admin .pds-money-transfer-guide,
    body.pds-admin .pds-money-transfer-empty,
    body.pds-admin .pds-money-transfer-save-hint {
        margin-left: 1rem;
        margin-right: 1rem;
    }

    body.pds-admin .pds-money-transfer-summary {
        margin: 0 1rem 0.85rem;
        grid-template-columns: 1fr 1fr;
    }

    body.pds-admin .pds-money-transfer-input {
        width: 92px;
    }
}

/* Cash Payout */
body.pds-admin .pds-cash-payout-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin: 0 0 1rem;
}

body.pds-admin .pds-cash-payout-tab {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.55rem 0.95rem;
    border-radius: 999px;
    border: 1px solid #e2e8f0;
    background: #fff;
    color: #334155;
    font-weight: 700;
    font-size: 0.82rem;
    text-decoration: none !important;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

body.pds-admin .pds-cash-payout-tab:hover {
    border-color: rgba(var(--brand-rgb), 0.45);
    color: var(--site-color);
}

body.pds-admin .pds-cash-payout-tab em {
    font-style: normal;
    min-width: 1.4rem;
    height: 1.4rem;
    border-radius: 999px;
    background: #f1f5f9;
    color: #475569;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.72rem;
    font-weight: 800;
    padding: 0 0.35rem;
}

body.pds-admin .pds-cash-payout-tab.is-active {
    background: var(--site-color);
    border-color: var(--site-color);
    color: #fff;
    box-shadow: 0 6px 16px rgba(var(--brand-rgb), 0.22);
}

body.pds-admin .pds-cash-payout-tab.is-active em {
    background: rgba(255, 255, 255, 0.22);
    color: #fff;
}

body.pds-admin .pds-cash-payout-shell {
    border-radius: 16px;
    overflow: auto !important;
    max-height: calc(100vh - 260px);
    -webkit-overflow-scrolling: touch;
    box-shadow: 0 8px 28px rgba(15, 23, 42, 0.06);
    border: 1px solid #f1f5f9;
}

body.pds-admin .pds-cash-payout-page .pds-dispatch-to-assign-screen {
    overflow: visible;
}

body.pds-admin .pds-cash-payout-table {
    min-width: 1080px;
}

body.pds-admin .pds-cash-payout-table thead th {
    padding: 0.95rem 1rem;
}

body.pds-admin .pds-cash-payout-table tbody td {
    padding: 0.78rem 1rem;
    vertical-align: middle;
    border-top: 1px solid #f1f5f9;
}

body.pds-admin .pds-cash-payout-table tbody tr:nth-child(even) {
    background: rgba(var(--brand-rgb), 0.04);
}

body.pds-admin .pds-cash-payout-table tbody tr:hover {
    background: rgba(var(--brand-rgb), 0.08);
}

body.pds-admin .pds-cash-payout-col-no,
body.pds-admin .pds-cash-payout-no {
    width: 52px;
    text-align: center;
    color: #94a3b8;
    font-weight: 700;
}

body.pds-admin .pds-cash-payout-col-photo {
    width: 128px;
    text-align: center;
}

body.pds-admin .pds-cash-payout-col-action {
    width: 280px;
}

body.pds-admin .pds-cash-payout-os__name {
    font-weight: 800;
    font-size: 0.95rem;
    color: #0f172a;
    letter-spacing: -0.01em;
    white-space: nowrap;
}

body.pds-admin .pds-cash-payout-due {
    white-space: nowrap;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
    color: #0f172a;
}

body.pds-admin .pds-cash-payout-photo-cell {
    text-align: center;
    vertical-align: top;
}

body.pds-admin .pds-cash-payout-photo-stack {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 0.4rem;
    max-width: 120px;
}

body.pds-admin .pds-cash-payout-photos {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
}

body.pds-admin .pds-cash-payout-photo {
    display: block;
    width: 56px;
    height: 56px;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid #e2e8f0;
    background: #fff;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06);
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

body.pds-admin .pds-cash-payout-photo:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(15, 23, 42, 0.12);
}

body.pds-admin .pds-cash-payout-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

body.pds-admin .pds-cash-payout-photo-empty {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: 12px;
    border: 1px dashed #e2e8f0;
    background: #f8fafc;
    color: #cbd5e1;
    font-size: 1.05rem;
}

body.pds-admin .pds-cash-payout-rider {
    display: flex;
    flex-direction: column;
    gap: 0.28rem;
    min-width: 120px;
}

body.pds-admin .pds-cash-payout-rider__name {
    font-weight: 700;
    color: #0f172a;
}

body.pds-admin .pds-cash-payout-empty {
    color: #cbd5e1;
    font-weight: 600;
}

body.pds-admin .pds-cash-payout-status {
    display: inline-flex;
    align-items: center;
    padding: 0.32rem 0.75rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.01em;
    background: #f1f5f9;
    color: #475569;
}

body.pds-admin .pds-cash-payout-status.is-unassigned {
    background: #f1f5f9;
    color: #475569;
}

body.pds-admin .pds-cash-payout-status.is-pending {
    background: rgba(var(--brand-rgb), 0.16);
    color: var(--site-color);
}

body.pds-admin .pds-cash-payout-status.is-done {
    background: #dcfce7;
    color: #15803d;
}

body.pds-admin .pds-cash-payout-status.is-assigned {
    background: #e0e7ff;
    color: #3730a3;
}

body.pds-admin .pds-cash-payout-remark {
    max-width: 180px;
}

body.pds-admin .pds-cash-payout-remark__text,
body.pds-admin .pds-cash-payout-photo-caption {
    font-size: 0.75rem;
    line-height: 1.35;
    color: #475569;
    word-break: break-word;
}

body.pds-admin .pds-cash-payout-photo-caption {
    text-align: center;
    max-width: 120px;
}

body.pds-admin .pds-cash-payout-actions {
    min-width: 180px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0.4rem;
}

body.pds-admin .pds-cash-payout-assign {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 160px;
}

body.pds-admin .pds-cash-payout-select {
    flex: 1 1 150px;
    min-width: 0;
    min-height: 38px;
    padding: 0.4rem 0.65rem;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #fff;
    color: #0f172a;
    font-size: 0.8rem;
    font-weight: 600;
}

body.pds-admin .pds-cash-payout-select:focus {
    outline: none;
    border-color: var(--site-color);
    box-shadow: 0 0 0 3px rgba(var(--brand-rgb), 0.12);
}

body.pds-admin .pds-cash-payout-btn {
    border: 0;
    border-radius: 10px;
    padding: 0.48rem 0.95rem;
    font-size: 0.78rem;
    font-weight: 800;
    cursor: pointer;
    white-space: nowrap;
    line-height: 1.2;
    transition: transform 0.12s ease, box-shadow 0.12s ease, filter 0.12s ease;
}

body.pds-admin .pds-cash-payout-btn:hover {
    transform: translateY(-1px);
}

body.pds-admin .pds-cash-payout-btn--primary {
    background: var(--site-color);
    color: #fff;
    box-shadow: 0 4px 12px rgba(var(--brand-rgb), 0.22);
}

body.pds-admin .pds-cash-payout-btn--warn {
    background: rgba(var(--brand-rgb), 0.08);
    color: var(--site-color);
    border: 1px solid rgba(var(--brand-rgb), 0.45);
}

body.pds-admin .pds-cash-payout-btn--ok {
    background: #16a34a;
    color: #fff;
}

body.pds-admin .pds-cash-payout-modal .modal-header {
    border-bottom: 1px solid #f1f5f9;
}

@media (max-width: 1100px) {
    body.pds-admin .pds-cash-payout-assign {
        flex-direction: column;
        align-items: stretch;
    }

    body.pds-admin .pds-cash-payout-select,
    body.pds-admin .pds-cash-payout-btn {
        width: 100%;
    }
}

/* Rider Remit — soft cream sheet */
body.pds-admin .pds-rider-remit-toolbar {
    grid-template-columns: 160px minmax(140px, 1fr) minmax(150px, 180px) auto;
}

body.pds-admin .pds-rr-default-fuel-wrap {
    display: flex;
    align-items: stretch;
    gap: 0.35rem;
}

body.pds-admin .pds-rr-default-fuel-wrap .pds-dispatch-input {
    flex: 1 1 auto;
    min-width: 0;
}

body.pds-admin .pds-rr-default-fuel-save {
    flex: 0 0 auto;
    width: 2.35rem;
    border-radius: 10px;
    border: 1px solid #e4d9c8;
    background: #fff8ef;
    color: #8b6914;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

body.pds-admin .pds-rr-default-fuel-save:hover:not(:disabled) {
    background: #f3e6d0;
    border-color: #d4c4a8;
    color: #6b4f0e;
}

body.pds-admin .pds-rr-default-fuel-save:disabled {
    opacity: 0.55;
    cursor: wait;
}

body.pds-admin .pds-rider-remit-summary {
    margin-bottom: 0.85rem;
}

/* Motion/transform on ancestors breaks position:sticky and ghosts the label column. */
body.pds-admin .pds-rider-remit-page,
body.pds-admin .pds-rider-remit-page.pds-motion-enter,
body.pds-admin .pds-rider-remit-page .pds-rider-screen,
body.pds-admin .pds-rider-remit-page .pds-dispatch-to-assign-screen {
    animation: none !important;
    transform: none !important;
    filter: none !important;
    perspective: none !important;
    will-change: auto !important;
}

body.pds-admin .pds-rider-remit-shell {
    margin: 0 1.25rem 0.5rem;
    width: auto;
    max-width: calc(100% - 2.5rem);
    overflow: auto;
    border-radius: 16px;
    border: 1px solid #eee4d6;
    background: #fff;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.05);
    max-height: calc(100vh - 280px);
    -webkit-overflow-scrolling: touch;
    transform: none !important;
    filter: none !important;
    /* Do NOT use contain:layout — it ghosts sticky label cells in WebKit. */
}

body.pds-admin .pds-rider-remit-grid {
    width: max-content;
    min-width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    margin: 0;
    transform: none !important;
}

body.pds-admin .pds-rider-remit-grid th,
body.pds-admin .pds-rider-remit-grid td {
    border-bottom: 1px solid #f0ebe4;
    border-right: 1px solid #f3eee7;
    padding: 0.45rem 0.55rem;
    font-size: 0.8125rem;
    vertical-align: middle;
    background: #fff;
    background-clip: padding-box;
}

body.pds-admin .pds-rider-remit-stub,
body.pds-admin .pds-rider-remit-label,
body.pds-admin .pds-rider-remit-grid tbody th {
    position: sticky !important;
    left: 0 !important;
    z-index: 6;
    width: 168px;
    min-width: 168px;
    max-width: 168px;
    text-align: left;
    font-weight: 600;
    color: #1a202c;
    background-color: #fffaf3 !important;
    background-image: none !important;
    background-clip: border-box !important;
    /* Solid strip so rider cells cannot paint through / duplicate labels. */
    box-shadow: 1px 0 0 #f0ebe4, 12px 0 16px -12px rgba(15, 23, 42, 0.18);
}

body.pds-admin .pds-rider-remit-grid input[type="text"].js-rr-field,
body.pds-admin .pds-rider-remit-grid input[type="text"].js-rr-denom {
    /* match prior number-pill look; block scroll-wheel value mutation */
    -moz-appearance: textfield;
}

body.pds-admin .pds-rider-remit-stub {
    z-index: 9;
    top: 0;
    background: #fff3e4 !important;
    color: #1a202c;
    font-size: 0.78rem;
    letter-spacing: 0;
}

body.pds-admin .pds-rider-remit-grid thead th {
    position: sticky;
    top: 0;
    z-index: 4;
    background: #fff6eb;
    color: #1a202c;
    border-bottom: 1px solid #f0e2d0;
    border-right-color: #f3e8da;
}

body.pds-admin .pds-rider-remit-grid thead th.pds-rider-remit-stub {
    z-index: 10;
    left: 0;
    top: 0;
    background: #fff3e4 !important;
    color: #1a202c;
}

body.pds-admin .pds-rider-remit-col {
    min-width: 118px;
    text-align: center;
    font-weight: 600;
    background: #fff6eb;
}

body.pds-admin .pds-rider-remit-col.is-balanced {
    box-shadow: inset 0 -2px 0 #f4b183;
}

body.pds-admin .pds-rider-remit-col strong {
    display: block;
    color: #1a202c;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.35;
    white-space: nowrap;
}

body.pds-admin .pds-rider-remit-col em {
    display: none;
}

body.pds-admin .pds-rider-remit-col small {
    display: block;
    margin-top: 0.1rem;
    color: #94a3b8;
    font-size: 0.64rem;
}

body.pds-admin .pds-rider-remit-col__ways {
    display: block !important;
    min-width: 0;
    height: auto;
    margin-top: 0.12rem;
    padding: 0;
    border-radius: 0;
    background: transparent;
    border: 0;
    color: #94a3b8;
    font-size: 0.72rem;
    font-weight: 600;
    box-shadow: none;
}

body.pds-admin .pds-rider-remit-col__ways b {
    color: #94a3b8;
    font-size: 0.72rem;
    font-weight: 600;
}

body.pds-admin .pds-rider-remit-col.is-balanced .pds-rider-remit-col__ways,
body.pds-admin .pds-rider-remit-col.is-balanced .pds-rider-remit-col__ways b {
    color: var(--site-color);
}

body.pds-admin .pds-rider-remit-total-col,
body.pds-admin .pds-rider-remit-total-cell {
    position: sticky !important;
    right: 0 !important;
    z-index: 5;
    min-width: 104px;
    width: 104px;
    text-align: center !important;
    font-weight: 700;
    background: #fff6eb !important;
    box-shadow: -4px 0 10px -8px rgba(15, 23, 42, 0.08);
    color: #1a202c;
}

body.pds-admin .pds-rider-remit-grid thead th.pds-rider-remit-total-col {
    z-index: 8;
    top: 0;
    right: 0;
    background: #fff3e4 !important;
    color: #1a202c;
    font-size: 0.78rem;
}

body.pds-admin .pds-rider-remit-grid thead th.pds-rider-remit-total-col strong {
    color: #1a202c;
}

body.pds-admin .pds-rider-remit-total-cell.is-blank {
    background: #fff6eb !important;
}

body.pds-admin .pds-rider-remit-total-cell .pds-rider-remit-read {
    color: #1a202c;
}

body.pds-admin .pds-rider-remit-grid tbody td {
    text-align: center;
}

body.pds-admin .pds-rider-remit-row.is-prepaid td,
body.pds-admin .pds-rider-remit-row.is-kpay td,
body.pds-admin .pds-rider-remit-row.is-note td {
    background: #fff;
}

body.pds-admin .pds-rider-remit-row.is-prepaid .pds-rider-remit-label,
body.pds-admin .pds-rider-remit-row.is-kpay .pds-rider-remit-label {
    background: #fffaf3 !important;
    color: #1a202c;
}

body.pds-admin .pds-rider-remit-row.is-fuel td,
body.pds-admin .pds-rider-remit-row.is-fee td,
body.pds-admin .pds-rider-remit-row.is-half-deli td {
    background: #fecaca;
}

body.pds-admin .pds-rider-remit-row.is-fuel .pds-rider-remit-label,
body.pds-admin .pds-rider-remit-row.is-fee .pds-rider-remit-label,
body.pds-admin .pds-rider-remit-row.is-half-deli .pds-rider-remit-label {
    background: #f87171 !important;
    color: #7f1d1d;
    font-weight: 700;
}

body.pds-admin .pds-rider-remit-row.is-fuel .pds-rider-remit-read,
body.pds-admin .pds-rider-remit-row.is-fee .pds-rider-remit-read,
body.pds-admin .pds-rider-remit-row.is-half-deli .pds-rider-remit-read {
    font-weight: 700;
    color: #7f1d1d;
}

body.pds-admin .pds-rider-remit-row.is-fuel .pds-rider-remit-total-cell,
body.pds-admin .pds-rider-remit-row.is-fee .pds-rider-remit-total-cell,
body.pds-admin .pds-rider-remit-row.is-half-deli .pds-rider-remit-total-cell {
    background: #f87171 !important;
}

body.pds-admin .pds-rider-remit-row.is-fuel .pds-rider-remit-total-cell .pds-rider-remit-read,
body.pds-admin .pds-rider-remit-row.is-fee .pds-rider-remit-total-cell .pds-rider-remit-read,
body.pds-admin .pds-rider-remit-row.is-half-deli .pds-rider-remit-total-cell .pds-rider-remit-read {
    color: #7f1d1d;
}

body.pds-admin .pds-rider-remit-row.is-due td {
    background: #fff8d6;
}

body.pds-admin .pds-rider-remit-row.is-due .pds-rider-remit-label {
    background: #fff3c4 !important;
    color: #7a5a00;
}

body.pds-admin .pds-rider-remit-row.is-due .pds-rider-remit-read,
body.pds-admin .pds-rider-remit-row.is-due .pds-rider-remit-total-cell .pds-rider-remit-read {
    color: #1a202c;
}

body.pds-admin .pds-rider-remit-row.is-due .pds-rider-remit-total-cell {
    background: #fff3c4 !important;
}

body.pds-admin .pds-rider-remit-row.is-remain td {
    background: #ffe8d2;
    font-weight: 700;
}

body.pds-admin .pds-rider-remit-row.is-remain .pds-rider-remit-label {
    background: #ffd9b8 !important;
    color: #9a4a12;
    font-weight: 700;
}

body.pds-admin .pds-rider-remit-row.is-remain .pds-rider-remit-read {
    color: #9a4a12;
}

body.pds-admin .pds-rider-remit-row.is-remain .pds-rider-remit-total-cell {
    background: #ffd9b8 !important;
}

body.pds-admin .pds-rider-remit-row.is-money td {
    background: #fff6eb;
}

body.pds-admin .pds-rider-remit-row.is-money .pds-rider-remit-label {
    background: #fff3e4 !important;
    color: #1a202c;
}

body.pds-admin .pds-rider-remit-row.is-money .pds-rider-remit-read,
body.pds-admin .pds-rider-remit-row.is-money .pds-rider-remit-total-cell .pds-rider-remit-read {
    color: #1a202c;
}

body.pds-admin .pds-rider-remit-row.is-money .pds-rider-remit-total-cell {
    background: #fff3e4 !important;
}

body.pds-admin .pds-rider-remit-row.is-kpay .pds-rider-remit-total-cell {
    background: #fff6eb !important;
}

body.pds-admin .pds-rider-remit-row.is-note .pds-rider-remit-label {
    background: #fffaf3 !important;
    color: #64748b;
    font-weight: 600;
}

body.pds-admin .pds-rider-remit-row.is-note .pds-rider-remit-total-cell {
    background: #fffaf3 !important;
}

body.pds-admin .pds-rider-remit-section-span {
    background: #fffaf3 !important;
    color: #94a3b8;
    font-size: 0.68rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    text-align: right !important;
    padding-right: 0.85rem !important;
}

body.pds-admin .pds-rider-remit-section th {
    background: #fffaf3 !important;
    color: #64748b;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    position: sticky;
    left: 0;
    z-index: 7;
}

body.pds-admin .pds-rider-remit-section .pds-rider-remit-total-cell.is-blank {
    background: #fffaf3 !important;
}

body.pds-admin .pds-rider-remit-grid input[type="number"],
body.pds-admin .pds-rider-remit-grid input[type="text"].js-rr-field,
body.pds-admin .pds-rider-remit-grid input[type="text"].js-rr-denom,
body.pds-admin .pds-rider-remit-grid input[data-pds-number] {
    width: 100%;
    min-width: 68px;
    max-width: 92px;
    margin: 0 auto;
    border: 1px solid #e8e0d4;
    border-radius: 999px;
    padding: 0.38rem 0.7rem;
    text-align: center;
    font-weight: 600;
    font-size: 0.8125rem;
    color: #1a202c;
    background: #fff;
    box-shadow: none;
    -moz-appearance: textfield;
    appearance: textfield;
}

body.pds-admin .pds-rider-remit-grid input[type="number"]::-webkit-outer-spin-button,
body.pds-admin .pds-rider-remit-grid input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

body.pds-admin .pds-rider-remit-grid input[type="number"]:focus,
body.pds-admin .pds-rider-remit-grid input[type="text"].js-rr-field:focus,
body.pds-admin .pds-rider-remit-grid input[type="text"].js-rr-denom:focus,
body.pds-admin .pds-rider-remit-grid input[data-pds-number]:focus {
    outline: none;
    border-color: #f4b183;
    box-shadow: 0 0 0 3px rgba(244, 177, 131, 0.22);
    background: #fff;
}

body.pds-admin .pds-rider-remit-read {
    display: block;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    color: #1a202c;
}

body.pds-admin .pds-rider-remit-row.is-total td {
    background: #fffaf3;
}

body.pds-admin .pds-rider-remit-row.is-total .pds-rider-remit-label {
    background: #fff3e4 !important;
    color: #1a202c;
}

body.pds-admin .pds-rider-remit-row.is-total .pds-rider-remit-total-cell {
    background: #fff3e4 !important;
}

body.pds-admin .pds-rider-remit-row.is-total .pds-rider-remit-total-cell .pds-rider-remit-read {
    color: #1a202c;
}

body.pds-admin .pds-rider-remit-row.is-total td.is-ok {
    background: #eef6ea;
}

body.pds-admin .pds-rider-remit-row.is-total td.is-off,
body.pds-admin .pds-rider-remit-row.is-total td.is-short {
    background: #fdf4f4;
}

body.pds-admin .pds-rider-remit-row.is-total td.is-over {
    background: #eef5f9;
}

body.pds-admin .pds-rider-remit-row.is-total td.is-ok .pds-rider-remit-read {
    color: #38761d;
}

body.pds-admin .pds-rider-remit-row.is-total td.is-off .pds-rider-remit-read,
body.pds-admin .pds-rider-remit-row.is-total td.is-short .pds-rider-remit-read {
    color: #990000;
}

body.pds-admin .pds-rider-remit-row.is-total td.is-over .pds-rider-remit-read {
    color: #0b5394;
}

body.pds-admin .pds-rider-remit-hint {
    margin: 0;
    color: #64748b;
    font-size: 0.82rem;
}

body.pds-admin .pds-rider-remit-col.is-rider-off {
    background: #fff1f1;
    box-shadow: none;
}

body.pds-admin .pds-rider-remit-col.is-rider-off.is-balanced {
    background: #fff1f1;
}

body.pds-admin .pds-rider-remit-col-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.35rem;
    padding: 0.1rem 0;
}

body.pds-admin .pds-rider-remit-col.is-rider-off strong {
    color: #990000;
}

body.pds-admin .pds-rider-remit-off-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.2rem;
    padding: 0.08rem 0.4rem;
    border-radius: 2px;
    background: #fee2e2;
    color: #b91c1c;
    border: 0;
    border-radius: 999px;
    font-size: 0.62rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    line-height: 1.2;
    text-transform: uppercase;
    box-shadow: none;
}

body.pds-admin .pds-rider-remit-col.is-rider-off .pds-rider-remit-col__ways {
    display: none !important;
}

body.pds-admin .pds-rider-remit-grid tbody td.is-rider-off-cell {
    background: #fff7f7 !important;
    box-shadow: none;
}

body.pds-admin .pds-rider-remit-row.is-total td.is-off-rider {
    background: #fff7f7;
    box-shadow: none;
}

body.pds-admin .pds-rider-remit-row.is-total td.is-off-rider .pds-rider-remit-read {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.2rem;
    padding: 0.08rem 0.4rem;
    border-radius: 2px;
    background: #fee2e2;
    color: #b91c1c;
    border: 0;
    border-radius: 999px;
    font-size: 0.62rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    box-shadow: none;
}

body.pds-admin .pds-rider-remit-grid td.is-rider-off-cell input:disabled,
body.pds-admin .pds-rider-remit-grid td.is-rider-off-cell input[disabled] {
    background: #fff;
    border-color: #f4d6d6;
    color: #cbd5e1;
    cursor: not-allowed;
    opacity: 1;
}

body.pds-admin .pds-rider-remit-grid td.is-rider-no-ways-cell input:disabled,
body.pds-admin .pds-rider-remit-grid td.is-rider-no-ways-cell input[disabled] {
    background: #fff;
    border-color: #eee6dc;
    color: #cbd5e1;
    cursor: not-allowed;
    opacity: 1;
}

body.pds-admin .pds-rider-remit-col.is-rider-no-ways {
    background: #fff6eb;
}

body.pds-admin .pds-rider-remit-col.is-rider-no-ways .pds-rider-remit-col__ways {
    opacity: 0.55;
}

body.pds-admin .pds-rider-remit-grid input:disabled,
body.pds-admin .pds-rider-remit-grid input[disabled] {
    background: #fff;
    color: #cbd5e1;
    cursor: not-allowed;
}

body.pds-admin .pds-rider-remit-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    margin: 0 1.25rem 1.4rem;
}

body.pds-admin .pds-rider-remit-submit-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    min-width: 132px;
    padding: 0.62rem 1.15rem;
    border: 0;
    border-radius: 999px;
    background: linear-gradient(135deg, var(--site-color) 0%, var(--site-color) 100%);
    color: #fff;
    font-size: 0.86rem;
    font-weight: 800;
    letter-spacing: 0.02em;
    box-shadow: 0 8px 18px rgba(var(--brand-rgb), 0.28);
    transition: transform 0.15s ease, box-shadow 0.15s ease, opacity 0.15s ease;
}

body.pds-admin .pds-rider-remit-submit-btn:hover:not(:disabled) {
    transform: translateY(-1px);
    box-shadow: 0 10px 22px rgba(var(--brand-rgb), 0.34);
}

body.pds-admin .pds-rider-remit-submit-btn:disabled,
body.pds-admin .pds-rider-remit-submit-btn.is-saving {
    opacity: 0.72;
    cursor: wait;
}

body.pds-admin .pds-rider-remit-submit-btn.is-done {
    background: linear-gradient(135deg, #16a34a 0%, #22c55e 100%);
    box-shadow: 0 8px 18px rgba(34, 197, 94, 0.28);
}

@media (max-width: 900px) {
    body.pds-admin .pds-rider-remit-toolbar {
        grid-template-columns: 1fr;
    }

    body.pds-admin .pds-rider-remit-shell {
        margin: 0 0.75rem 0.5rem;
        max-height: calc(100vh - 220px);
    }
}


body.pds-admin .pds-rider-remit-page .pds-rider-body {
    overflow: visible;
    max-width: 100%;
}

body.pds-admin .pds-rider-remit-page .pds-dispatch-to-assign-screen {
    overflow: visible;
    max-width: 100%;
}

body.pds-admin .pds-rider-remit-audit-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    height: 42px;
    padding: 0 0.95rem;
    border-radius: 11px;
    border: 1px solid #e8e0d4;
    background: #fff;
    color: #334155;
    font-size: 0.86rem;
    font-weight: 700;
    cursor: pointer;
}

body.pds-admin .pds-rider-remit-audit-btn:hover {
    border-color: rgba(var(--brand-rgb), 0.45);
    color: var(--site-color);
    background: rgba(var(--brand-rgb), 0.08);
}

body.pds-admin .pds-rider-remit-audit[hidden] {
    display: none !important;
}

body.pds-admin .pds-rider-remit-audit {
    position: fixed;
    inset: 0;
    z-index: 1200;
}

body.pds-admin .pds-rider-remit-audit__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(15, 23, 42, 0.38);
}

body.pds-admin .pds-rider-remit-audit__panel {
    position: absolute;
    top: 0;
    right: 0;
    width: min(560px, 100%);
    height: 100%;
    background: linear-gradient(180deg, rgba(var(--brand-rgb), 0.05) 0%, rgba(var(--brand-rgb), 0.06) 100%);
    box-shadow: -16px 0 48px rgba(15, 23, 42, 0.16);
    display: flex;
    flex-direction: column;
}

/* DeliAmount Audit Log — solid, high-contrast (not washed brand tint) */
body.pds-admin .pds-deli-audit .pds-rider-remit-audit__backdrop {
    background: rgba(15, 23, 42, 0.52);
}

body.pds-admin .pds-deli-audit .pds-rider-remit-audit__panel {
    width: min(620px, 100%);
    background: #ffffff;
    box-shadow: -20px 0 56px rgba(15, 23, 42, 0.22);
}

body.pds-admin .pds-deli-audit .pds-rider-remit-audit__head {
    border-bottom: 1px solid rgba(var(--brand-rgb), 0.28);
    background: linear-gradient(180deg, #fff7ed 0%, #ffffff 100%);
}

body.pds-admin .pds-deli-audit .pds-rider-remit-audit__head h5 {
    color: var(--site-color);
    font-weight: 900;
    font-size: 1.12rem;
}

body.pds-admin .pds-deli-audit .pds-rider-remit-audit__head p {
    color: var(--site-color);
    opacity: 1;
    font-weight: 700;
}

body.pds-admin .pds-deli-audit .pds-rider-remit-audit__body {
    background: #f8fafc;
}

body.pds-admin .pds-deli-audit .pds-rider-remit-audit__close {
    border: 1.5px solid var(--site-color);
    color: var(--site-color);
    background: #ffffff;
}

body.pds-admin .pds-deli-audit .pds-rider-remit-audit__close:hover {
    background: var(--site-color);
    border-color: var(--site-color);
    color: #ffffff;
}

body.pds-admin .pds-rider-remit-audit__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.2rem 1.25rem 1rem;
    border-bottom: 1px solid rgba(var(--brand-rgb), 0.16);
    background:
        radial-gradient(120% 140% at 0% 0%, rgba(var(--brand-rgb), 0.12) 0%, transparent 55%),
        linear-gradient(180deg, rgba(var(--brand-rgb), 0.08) 0%, rgba(var(--brand-rgb), 0.05) 100%);
}

body.pds-admin .pds-rider-remit-audit__head h5 {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 800;
    letter-spacing: 0.01em;
    color: var(--site-color);
}

body.pds-admin .pds-rider-remit-audit__head p {
    margin: 0.3rem 0 0;
    color: var(--site-color);
    font-size: 0.78rem;
    font-weight: 600;
}

body.pds-admin .pds-rider-remit-audit__close {
    width: 36px;
    height: 36px;
    border-radius: 999px;
    border: 1px solid rgba(var(--brand-rgb), 0.28);
    background: #fff;
    color: var(--site-color);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 1px 2px rgba(var(--brand-rgb), 0.08);
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease, transform 0.15s ease;
}

body.pds-admin .pds-rider-remit-audit__close:hover {
    background: rgba(var(--brand-rgb), 0.16);
    border-color: rgba(var(--brand-rgb), 0.45);
    color: var(--site-color);
    transform: translateY(-1px);
}

body.pds-admin .pds-rider-remit-audit__body {
    flex: 1;
    overflow: auto;
    padding: 1rem 1.15rem 1.35rem;
}

body.pds-admin .pds-rider-remit-audit__empty,
body.pds-admin .pds-rider-remit-audit__loading {
    margin: 2.5rem 0.5rem;
    padding: 1.5rem 1rem;
    text-align: center;
    color: #94a3b8;
    font-size: 0.9rem;
    font-weight: 500;
    border-radius: 14px;
    background: radial-gradient(ellipse at top, rgba(255, 237, 213, 0.55), transparent 70%);
}

body.pds-admin .pds-rider-remit-audit__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

body.pds-admin .pds-rider-remit-audit__item {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
}

body.pds-admin .pds-rider-remit-audit__index {
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    margin-top: 0.35rem;
    border-radius: 999px;
    background: var(--site-color);
    color: #fff;
    font-size: 0.72rem;
    font-weight: 800;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 0 3px rgba(var(--brand-rgb), 0.16);
}

body.pds-admin .pds-rider-remit-audit__item.is-submit .pds-rider-remit-audit__index {
    background: #16a34a;
    box-shadow: 0 0 0 3px rgba(22, 163, 74, 0.16);
}

body.pds-admin .pds-rider-remit-audit__card {
    flex: 1;
    min-width: 0;
    padding: 0.9rem 1rem;
    border-radius: 14px;
    border: 1px solid rgba(var(--brand-rgb), 0.16);
    background: #fff;
    box-shadow: 0 1px 2px rgba(var(--brand-rgb), 0.04), 0 8px 20px rgba(15, 23, 42, 0.04);
}

body.pds-admin .pds-deli-audit a.pds-rider-remit-audit__card,
body.pds-admin .pds-deli-audit a.pds-deli-audit__link {
    display: block;
    color: inherit;
    text-decoration: none;
    cursor: pointer;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

body.pds-admin .pds-deli-audit a.pds-rider-remit-audit__card:hover,
body.pds-admin .pds-deli-audit a.pds-deli-audit__link:hover {
    border-color: rgba(var(--brand-rgb), 0.45);
    box-shadow: 0 2px 8px rgba(var(--brand-rgb), 0.12);
}

body.pds-admin .pds-rider-remit-audit__meta {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.4rem;
}

body.pds-admin .pds-rider-remit-audit__meta strong {
    color: var(--site-color);
    font-size: 0.88rem;
    font-weight: 800;
}

body.pds-admin .pds-rider-remit-audit__meta time {
    color: var(--site-color);
    font-size: 0.72rem;
    font-weight: 700;
    white-space: nowrap;
}

body.pds-admin .pds-rider-remit-audit__card p {
    margin: 0 0 0.55rem;
    color: #475569;
    font-size: 0.82rem;
    line-height: 1.45;
}

body.pds-admin .pds-rider-remit-audit__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

body.pds-admin .pds-rider-remit-audit__chip {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    padding: 0.28rem 0.6rem;
    border-radius: 999px;
    background: rgba(var(--brand-rgb), 0.08);
    border: 1px solid rgba(var(--brand-rgb), 0.28);
    color: var(--site-color);
    font-size: 0.7rem;
    font-weight: 700;
    line-height: 1.2;
}

body.pds-admin .pds-rider-remit-audit__change {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-top: 0.35rem;
    font-size: 0.78rem;
    color: #64748b;
}

body.pds-admin .pds-rider-remit-audit__change b {
    color: var(--site-color);
}

body.pds-admin .pds-rider-remit-audit__change i {
    color: var(--site-color);
    font-style: normal;
    font-weight: 800;
}

/* Legal pages — Privacy Policy / Terms */
body.pds-admin .pds-legal-page {
    padding-bottom: 1.5rem;
}

body.pds-admin .pds-legal-hero {
    display: flex;
    align-items: center;
    gap: 1rem;
    background: linear-gradient(135deg, rgba(var(--brand-rgb), 0.08) 0%, #ffffff 62%);
    border: 1px solid var(--admin-border);
    border-radius: 18px;
    padding: 1.15rem 1.25rem;
    box-shadow: var(--admin-shadow);
    margin-bottom: 1.1rem;
}

body.pds-admin .pds-legal-hero__icon {
    width: 52px;
    height: 52px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--admin-primary);
    color: #fff;
    font-size: 1.2rem;
    flex-shrink: 0;
    box-shadow: 0 10px 22px rgba(var(--brand-rgb), 0.28);
}

body.pds-admin .pds-legal-hero__title {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 700;
    color: #111827;
}

body.pds-admin .pds-legal-hero__subtitle {
    margin: 0.25rem 0 0;
    color: #6b7280;
    font-size: 0.9rem;
}

body.pds-admin .pds-legal-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.85fr);
    gap: 1.1rem;
    align-items: start;
}

body.pds-admin .pds-legal-apps-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.1rem;
    align-items: start;
    margin-top: 1rem;
}

body.pds-admin .pds-legal-panel {
    background: #fff;
    border: 1px solid var(--admin-border);
    border-radius: 18px;
    box-shadow: var(--admin-shadow);
    overflow: hidden;
}

body.pds-admin .pds-legal-panel__head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.9rem 1.1rem;
    border-bottom: 1px solid #f1f5f9;
    font-weight: 700;
    color: #111827;
}

body.pds-admin .pds-legal-panel__head small {
    color: #9ca3af;
    font-weight: 500;
    font-size: 0.75rem;
}

body.pds-admin .pds-legal-panel__body {
    padding: 0.85rem;
}

body.pds-admin .pds-legal-panel .tox-tinymce {
    border: 1px solid #e5e7eb !important;
    border-radius: 12px !important;
}

body.pds-admin .pds-legal-preview {
    padding: 1rem 1.1rem 1.2rem;
    background: #f8fafc;
}

body.pds-admin .pds-legal-preview__phone {
    max-width: 390px;
    margin: 0 auto;
    background: #fff;
    border-radius: 28px;
    border: 1px solid #e5e7eb;
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
    overflow: hidden;
}

body.pds-admin .pds-legal-preview__notch {
    width: 92px;
    height: 8px;
    border-radius: 999px;
    background: #e5e7eb;
    margin: 10px auto 0;
}

body.pds-admin .pds-legal-preview__bar {
    background: var(--admin-primary);
    color: #fff;
    font-weight: 700;
    text-align: center;
    padding: 0.8rem 1rem 0.95rem;
    font-size: 0.95rem;
}

body.pds-admin .pds-legal-article {
    padding: 1.05rem 1.1rem 1.4rem;
    max-height: 520px;
    overflow: auto;
    font-family: var(--admin-font);
    font-size: 0.92rem;
    line-height: 1.75;
    color: #1f2937;
}

body.pds-admin .pds-legal-article h2 {
    font-size: 1.12rem;
    font-weight: 800;
    margin: 0 0 0.7rem;
    color: #111827;
}

body.pds-admin .pds-legal-article h3 {
    font-size: 0.98rem;
    font-weight: 700;
    margin: 1.15rem 0 0.4rem;
    padding-left: 0.65rem;
    border-left: 3px solid var(--admin-primary);
    color: #111827;
}

body.pds-admin .pds-legal-article p {
    margin: 0 0 0.7rem;
}

body.pds-admin .pds-legal-article ul {
    margin: 0 0 0.8rem;
    padding-left: 1.1rem;
}

body.pds-admin .pds-legal-article li {
    margin: 0 0 0.35rem;
}

body.pds-admin .pds-legal-article em {
    color: #6b7280;
}

body.pds-admin .pds-legal-footer {
    display: flex;
    justify-content: flex-end;
    margin-top: 1rem;
}

body.pds-admin .pds-legal-save {
    min-width: 140px;
    border-radius: 12px !important;
    padding: 0.65rem 1.4rem !important;
    font-weight: 700;
}

@media (max-width: 1100px) {
    body.pds-admin .pds-legal-grid {
        grid-template-columns: 1fr;
    }

    body.pds-admin .pds-legal-apps-grid {
        grid-template-columns: 1fr;
    }
}

/* ——— Expenses (month cards) ——— */
body.pds-admin .pds-expenses-page .pds-dm-branch-tabs {
    margin: 1rem 1.35rem 0;
    width: auto !important;
    box-sizing: border-box;
}

body.pds-admin .pds-expenses-page .pds-expense-summary-split {
    padding: 0 1.35rem;
    margin: 1rem 0 28px;
    box-sizing: border-box;
}

body.pds-admin .pds-expenses-page .pds-expenses-toolbar {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    margin: 1rem 1.35rem 16px;
}

body.pds-admin .pds-expenses-page .pds-expense-summary-split .pds-expenses-toolbar {
    margin-left: 0;
    margin-right: 0;
}

body.pds-admin .pds-expenses-page .pds-expenses-board {
    padding-left: 1.35rem;
    padding-right: 1.35rem;
    box-sizing: border-box;
}

body.pds-admin .pds-expenses-toolbar--panel {
    background: #fff;
    border: 1px solid #e8edf5;
    border-radius: 18px;
    padding: 14px 16px;
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.04);
    margin-bottom: 18px;
}

body.pds-admin .pds-expenses-toolbar__row {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 12px 16px;
}

body.pds-admin .pds-expenses-toolbar__month {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-left: auto;
}

body.pds-admin .pds-expenses-filter {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 10px 12px;
    flex: 1 1 auto;
    min-width: 0;
}

body.pds-admin .pds-expenses-filter__field {
    display: flex;
    flex-direction: column;
    gap: 6px;
    width: 168px;
    flex: 0 0 auto;
}

body.pds-admin .pds-expenses-filter__field--subject {
    width: auto;
    flex: 1 1 220px;
    min-width: 180px;
    max-width: 360px;
}

body.pds-admin .pds-expenses-filter__field label {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #94a3b8;
    font-family: var(--admin-font) !important;
}

body.pds-admin .pds-expenses-filter__input-wrap {
    position: relative;
    display: flex;
    align-items: center;
}

body.pds-admin .pds-expenses-filter__input-wrap > i {
    position: absolute;
    left: 12px;
    color: #94a3b8;
    font-size: 13px;
    pointer-events: none;
    z-index: 1;
}

body.pds-admin .pds-expenses-filter__input-wrap .pds-dispatch-input {
    padding-left: 36px;
}

body.pds-admin .pds-expenses-filter__field .pds-dispatch-input {
    min-height: 44px;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    background: #f8fafc;
    transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
}

body.pds-admin .pds-expenses-filter__field .pds-dispatch-input:focus {
    background: #fff;
    border-color: rgba(var(--brand-rgb), 0.45);
    box-shadow: 0 0 0 3px rgba(var(--brand-rgb), 0.12);
    outline: 0;
}

body.pds-admin .pds-expenses-filter__actions {
    display: flex;
    align-items: flex-end;
    flex: 0 0 auto;
}

body.pds-admin .pds-expenses-filter__actions .pds-daily-check-search-btn {
    min-height: 44px;
    border-radius: 12px;
    padding: 0 1.15rem;
    font-weight: 700;
    box-shadow: 0 8px 18px rgba(var(--brand-rgb), 0.22);
}

body.pds-admin .pds-expenses-month-nav {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    height: 44px;
    max-height: 44px;
    width: max-content;
    max-width: 100%;
    padding: 0 10px;
    border-radius: 999px;
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    white-space: nowrap;
    box-sizing: border-box;
}

@media (max-width: 720px) {
    body.pds-admin .pds-expenses-toolbar__month {
        justify-content: flex-start;
        margin-left: 0;
        width: 100%;
    }

    body.pds-admin .pds-expenses-filter__field,
    body.pds-admin .pds-expenses-filter__field--subject {
        width: calc(50% - 6px);
        flex: 1 1 calc(50% - 6px);
        max-width: none;
    }

    body.pds-admin .pds-expenses-filter__actions {
        width: 100%;
    }

    body.pds-admin .pds-expenses-filter__actions .pds-daily-check-search-btn {
        width: 100%;
    }
}

body.pds-admin .pds-expenses-month-nav__btn {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #0f172a;
    background: #fff;
    border: 1px solid rgba(15, 23, 42, 0.1);
    text-decoration: none;
}

body.pds-admin .pds-expenses-month-nav__btn:hover {
    background: #0f172a;
    color: #fff;
}

body.pds-admin .pds-expenses-month-nav__btn.is-disabled {
    opacity: 0.35;
    pointer-events: none;
    cursor: not-allowed;
}

body.pds-admin .pds-expenses-month-nav__label {
    min-width: 88px;
    text-align: center;
    font-weight: 700;
    font-size: 0.95rem;
    color: #0f172a;
}

body.pds-admin .pds-expenses-board {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
    gap: 16px;
    align-items: stretch;
    padding: 4px 0 36px;
}

body.pds-admin .pds-expenses-board > .pds-money-transfer-empty {
    grid-column: 1 / -1;
}

/* Few day cards: stretch to fill the row (no thin orphan on the left) */
body.pds-admin .pds-expenses-board.is-few {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr));
}

body.pds-admin .pds-expenses-board.is-few > .pds-expense-card {
    width: 100%;
    max-width: 100%;
    height: auto;
    min-height: 360px;
}

body.pds-admin .pds-expense-card {
    width: auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    height: 440px;
    border-radius: 18px;
    background: #fff;
    border: 1px solid #e8edf5;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.05);
    overflow: hidden;
    transition: box-shadow .18s ease, transform .18s ease;
}

body.pds-admin .pds-expense-card:hover {
    box-shadow: 0 16px 36px rgba(15, 23, 42, 0.08);
    transform: translateY(-2px);
}

body.pds-admin .pds-expense-card__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    flex: 0 0 auto;
    padding: 14px 16px;
    background: linear-gradient(180deg, #f8fafc 0%, #fff 100%);
    border-bottom: 1px solid #f1f5f9;
}

body.pds-admin .pds-expense-card__header strong {
    font-size: 1rem;
    font-weight: 800;
    color: #0f172a;
    letter-spacing: -0.01em;
}

body.pds-admin .pds-expense-card__header em {
    font-style: normal;
    font-size: 0.72rem;
    font-weight: 700;
    color: var(--site-color);
    background: rgba(var(--brand-rgb), 0.08);
    border-radius: 999px;
    padding: 4px 9px;
    min-width: 1.6rem;
    text-align: center;
}

body.pds-admin .pds-expense-card__body {
    flex: 1 1 auto;
    padding: 6px 12px;
    overflow-y: auto;
    min-height: 0;
    scrollbar-width: thin;
    scrollbar-color: rgba(100, 116, 139, 0.45) transparent;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

body.pds-admin .pds-expense-card__rider-fuel {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 8px 10px;
    border-radius: 10px;
    background: rgba(var(--brand-rgb), 0.08);
    border: 1px solid rgba(var(--brand-rgb), 0.45);
    flex: 0 0 auto;
}

body.pds-admin .pds-expense-card__rider-fuel span {
    font-size: 12px;
    font-weight: 700;
    color: var(--site-color);
    flex: 1 1 auto;
    min-width: 0;
}

body.pds-admin .pds-expense-card__rider-fuel em {
    font-style: normal;
    font-size: 13px;
    font-weight: 800;
    color: var(--site-color);
}

body.pds-admin .pds-expense-card__agent-photos {
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    border: 0;
    border-radius: 8px;
    background: var(--site-color);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.15s ease, transform 0.12s ease;
}

body.pds-admin .pds-expense-card__agent-photos:hover {
    background: var(--site-color);
    transform: translateY(-1px);
}

body.pds-admin .pds-expense-agent-photos-dialog {
    width: min(480px, 100%);
    max-width: 480px;
    max-height: min(80vh, 720px);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding: 0;
}

body.pds-admin .pds-expense-agent-photos-dialog .pds-expense-modal__header {
    padding: 16px 18px 10px;
}

body.pds-admin .pds-expense-agent-photos-stage {
    width: min(980px, calc(100vw - 32px));
}

body.pds-admin #expense-agent-photos-modal.has-preview .pds-expense-agent-photos-dialog {
    max-width: min(480px, calc(100% - 336px));
}

body.pds-admin .pds-expense-agent-photos__body {
    padding: 0.85rem 1rem 1.1rem;
    overflow: auto;
    display: grid;
    gap: 0.75rem;
    flex: 1 1 auto;
}

body.pds-admin .pds-expense-agent-photos__empty {
    margin: 0;
    padding: 1.5rem 1rem;
    text-align: center;
    color: #78716c;
    font-size: 0.9rem;
}

body.pds-admin .pds-expense-agent-photos__card {
    display: grid;
    grid-template-columns: 96px 1fr;
    gap: 0.75rem;
    align-items: center;
    padding: 0.65rem;
    border-radius: 14px;
    border: 1px solid #e7e5e4;
    background: #fafaf9;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

body.pds-admin .pds-expense-agent-photos__card.is-active {
    border-color: var(--site-color);
    background: rgba(var(--brand-rgb), 0.08);
    box-shadow: 0 0 0 2px rgba(var(--brand-rgb), 0.18);
}

body.pds-admin .pds-expense-agent-photos__thumb {
    width: 96px;
    height: 96px;
    padding: 0;
    border: 0;
    border-radius: 12px;
    overflow: hidden;
    background: #e7e5e4;
    cursor: zoom-in;
}

body.pds-admin .pds-expense-agent-photos__thumb img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

body.pds-admin .pds-expense-agent-photos__meta {
    display: grid;
    gap: 0.28rem;
    min-width: 0;
}

body.pds-admin .pds-expense-agent-photos__meta span {
    color: #a8a29e;
    font-size: 0.75rem;
    font-weight: 600;
}

body.pds-admin .pds-expense-agent-photos__meta strong {
    color: #1c1917;
    font-size: 0.86rem;
    font-weight: 700;
}

body.pds-admin .pds-expense-agent-photos__original-deli {
    color: var(--site-color, #FE6F07) !important;
    font-size: 0.82rem;
    font-weight: 800;
    letter-spacing: 0.01em;
}

@media (max-width: 860px) {
    body.pds-admin .pds-expense-agent-photos-stage {
        flex-direction: column;
        width: min(560px, calc(100vw - 24px));
        max-height: min(92vh, 860px);
        overflow: auto;
    }
    body.pds-admin #expense-agent-photos-modal.has-preview .pds-expense-agent-photos-dialog {
        max-width: 100%;
    }
    body.pds-admin #expense-agent-photos-modal .pds-expense-modal__preview {
        width: 100%;
        min-width: 0;
        flex: 0 0 auto;
        min-height: 280px;
    }
}

body.pds-admin .pds-expense-card__body::-webkit-scrollbar {
    width: 6px;
}

body.pds-admin .pds-expense-card__body::-webkit-scrollbar-thumb {
    background: rgba(100, 116, 139, 0.4);
    border-radius: 999px;
}

body.pds-admin .pds-expense-card__body::-webkit-scrollbar-track {
    background: transparent;
}

body.pds-admin .pds-expense-card__list {
    list-style: none;
    margin: 0;
    padding: 0;
}

body.pds-admin .pds-expense-card__list li {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto 36px;
    gap: 8px;
    align-items: center;
    padding: 7px 2px;
    border-bottom: 1px dashed rgba(15, 23, 42, 0.08);
    font-size: 0.84rem;
    line-height: 1.35;
}

body.pds-admin .pds-expense-card__list li:last-child {
    border-bottom: 0;
}

body.pds-admin .pds-expense-card__list li span {
    color: #334155;
    word-break: break-word;
}

body.pds-admin .pds-expense-card__list li em {
    font-style: normal;
    font-weight: 700;
    color: #b91c1c;
    white-space: nowrap;
}

body.pds-admin .pds-expense-card__list li.is-empty {
    color: #94a3b8;
    justify-content: center;
    grid-template-columns: 1fr;
}

body.pds-admin .pds-expense-card__thumb {
    width: 36px;
    height: 28px;
    padding: 0;
    border: 0;
    border-radius: 7px;
    overflow: hidden;
    background: #f1f5f9;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

body.pds-admin .pds-expense-card__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

body.pds-admin .pds-expense-card__thumb.is-empty {
    border: 1px dashed #cbd5e1;
    background: #fff;
    color: #94a3b8;
    font-size: 0.7rem;
    cursor: default;
}

body.pds-admin .pds-expense-card__actions {
    display: flex;
    gap: 8px;
    flex: 0 0 auto;
    padding: 10px 12px;
    background: #fff;
    border-top: 1px solid #f1f5f9;
}

body.pds-admin .pds-expense-card__btn {
    flex: 1;
    border: 0;
    border-radius: 11px;
    padding: 10px 8px;
    font-size: 0.8rem;
    font-weight: 700;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    transition: background .15s ease, color .15s ease, transform .12s ease;
}

body.pds-admin .pds-expense-card__btn:hover:not(:disabled) {
    transform: translateY(-1px);
}

body.pds-admin .pds-expense-card__btn.is-edit,
body.pds-admin .pds-expense-card__btn.is-view {
    background: rgba(var(--brand-rgb), 0.08);
    color: var(--site-color);
}

body.pds-admin .pds-expense-card__btn.is-edit:hover,
body.pds-admin .pds-expense-card__btn.is-view:hover {
    background: rgba(var(--brand-rgb), 0.28);
}

body.pds-admin .pds-expense-card__btn.is-generate {
    background: #ecfdf5;
    color: #047857;
}

body.pds-admin .pds-expense-card__btn.is-generate.is-wait:disabled,
body.pds-admin .pds-expense-card__btn.is-generate:disabled:not(.is-done) {
    background: #f3f4f6;
    color: #9ca3af;
    cursor: not-allowed;
    opacity: 0.75;
}

body.pds-admin .pds-expense-card__btn.is-generate.is-done {
    background: #d1fae5;
    color: #065f46;
}

body.pds-admin .pds-expense-card__btn.is-del {
    background: #fee2e2;
    color: #b91c1c;
}

body.pds-admin .pds-expense-card__actions {
    flex-wrap: wrap;
}

body.pds-admin .pds-expense-card__btn {
    flex: 1 1 calc(50% - 4px);
    min-width: 0;
}

body.pds-admin .pds-expense-card__btn.is-generate {
    flex: 1 1 100%;
}

body.pds-admin .pds-expense-card.is-generated .pds-expense-card__header,
body.pds-admin .pds-expense-card.is-generated .pds-expense-card__body {
    cursor: pointer;
}

body.pds-admin .pds-expense-card.is-generated .pds-expense-card__btn.is-del,
body.pds-admin .pds-expense-card__btn.is-del:disabled {
    opacity: 0.38;
    cursor: not-allowed;
    filter: grayscale(0.35);
    pointer-events: none;
}

body.pds-admin .pds-expense-card.is-generated .pds-expense-card__btn.is-generate.is-done:disabled {
    cursor: default;
    opacity: 1;
}

body.pds-admin .pds-expense-summary-table-wrap {
    margin: 0 0 28px;
    overflow-x: auto;
    border: 1px solid #e8edf5;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.04);
}

body.pds-admin .pds-expense-summary-metrics {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin: 0 0 18px;
}

body.pds-admin .pds-expense-summary-metric {
    background: #fff;
    border: 1px solid #e8edf5;
    border-radius: 16px;
    padding: 18px 22px;
    display: grid;
    gap: 8px;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.03);
    box-sizing: border-box;
    min-width: 0;
}

body.pds-admin .pds-expense-summary-metric__label {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #94a3b8;
    font-family: var(--admin-font) !important;
}

body.pds-admin .pds-expense-summary-metric__value {
    font-size: 1.35rem;
    font-weight: 800;
    color: #0f172a;
    letter-spacing: -0.02em;
    font-variant-numeric: tabular-nums;
}

body.pds-admin .pds-expense-summary-metric.is-income {
    background: linear-gradient(180deg, rgba(var(--brand-rgb), 0.08) 0%, #fff 70%);
    border-color: rgba(var(--brand-rgb), 0.28);
}
body.pds-admin .pds-expense-summary-metric.is-income .pds-expense-summary-metric__value { color: var(--site-color); }

body.pds-admin .pds-expense-summary-metric.is-expense {
    background: linear-gradient(180deg, rgba(var(--brand-rgb), 0.08) 0%, #fff 70%);
    border-color: rgba(var(--brand-rgb), 0.28);
}
body.pds-admin .pds-expense-summary-metric.is-expense .pds-expense-summary-metric__value { color: var(--site-color); }

body.pds-admin .pds-expense-summary-metric.is-ako {
    background: linear-gradient(180deg, #ecfdf5 0%, #fff 70%);
    border-color: #a7f3d0;
}
body.pds-admin .pds-expense-summary-metric.is-ako .pds-expense-summary-metric__value { color: #047857; }
body.pds-admin .pds-expense-summary-metric.is-ako.is-neg {
    background: linear-gradient(180deg, #fef2f2 0%, #fff 70%);
    border-color: #fecaca;
}
body.pds-admin .pds-expense-summary-metric.is-ako.is-neg .pds-expense-summary-metric__value { color: #b91c1c; }

@media (max-width: 720px) {
    body.pds-admin .pds-expense-summary-metrics {
        grid-template-columns: 1fr;
    }
}

body.pds-admin .pds-expense-summary-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    min-width: 640px;
}

body.pds-admin .pds-expense-summary-table th,
body.pds-admin .pds-expense-summary-table td {
    padding: 14px 20px;
    border-bottom: 1px solid #f1f5f9;
    text-align: left;
    font-size: 0.94rem;
    vertical-align: middle;
}

body.pds-admin .pds-expense-summary-table th {
    background: rgba(var(--brand-rgb), 0.06);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--site-color);
    font-family: var(--admin-font) !important;
}

body.pds-admin .pds-expense-summary-table thead th:first-child {
    border-top-left-radius: 18px;
    padding-left: 22px;
}

body.pds-admin .pds-expense-summary-table thead th:last-child {
    border-top-right-radius: 18px;
    padding-right: 22px;
}

body.pds-admin .pds-expense-summary-table tbody tr {
    transition: background .12s ease;
}

body.pds-admin .pds-expense-summary-table tbody tr:hover {
    background: rgba(var(--brand-rgb), 0.05);
}

body.pds-admin .pds-expense-summary-table tbody tr:last-child td {
    border-bottom: 0;
}

body.pds-admin .pds-expense-summary-table td.is-no {
    color: #94a3b8;
    font-weight: 700;
    width: 56px;
    padding-left: 22px;
}

body.pds-admin .pds-expense-summary-table td.is-date {
    font-weight: 700;
    color: #0f172a;
}

body.pds-admin .pds-expense-summary-table td.is-income {
    color: var(--site-color);
    font-weight: 700;
}

body.pds-admin .pds-expense-summary-table td.is-expense {
    color: var(--site-color);
    font-weight: 700;
}

body.pds-admin .pds-expense-summary-amt-cell,
body.pds-admin .pds-expense-summary-expense-cell {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
    flex-wrap: nowrap;
}

body.pds-admin .pds-expense-summary-amt,
body.pds-admin .pds-expense-summary-expense-amt {
    min-width: 0;
    font-variant-numeric: tabular-nums;
}

body.pds-admin .pds-expense-summary-table td.is-income .pds-expense-summary-view,
body.pds-admin .pds-expense-summary-table td.is-expense .pds-expense-summary-view {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    flex-shrink: 0;
}

body.pds-admin .pds-expense-summary-table td.is-ako {
    color: #047857;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
}

body.pds-admin .pds-expense-summary-table td.is-ako.is-neg {
    color: #b91c1c;
}

body.pds-admin .pds-expense-summary-table td.is-empty {
    text-align: center;
    color: #94a3b8;
    padding: 40px 16px;
}

/* Sticky .pds-plain-freeze tfoot uses cream #fff7ed — keep dark/orange text so Total stays readable. */
body.pds-admin .pds-expense-summary-table tfoot td {
    background: #fff7ed !important;
    color: #1c1917 !important;
    font-weight: 800;
    border-top: 2px solid var(--site-color, #FE6F07);
    border-bottom: 0;
    padding: 16px 20px;
}

body.pds-admin .pds-expense-summary-table tfoot tr:last-child td:first-child {
    border-bottom-left-radius: 17px;
    padding-left: 22px;
}

body.pds-admin .pds-expense-summary-table tfoot tr:last-child td:last-child {
    border-bottom-right-radius: 17px;
    padding-right: 22px;
}

body.pds-admin .pds-expense-summary-table tfoot td.is-income,
body.pds-admin .pds-expense-summary-table tfoot td.is-expense,
body.pds-admin .pds-expense-summary-table tfoot td.is-ako {
    color: var(--site-color, #FE6F07) !important;
}

body.pds-admin .pds-expense-summary-table tfoot td.is-ako.is-neg {
    color: #b91c1c !important;
}

body.pds-admin .pds-expense-summary-view {
    width: 38px;
    height: 38px;
    border: 0;
    border-radius: 10px;
    background: rgba(var(--brand-rgb), 0.08);
    color: var(--site-color);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background .15s ease, color .15s ease, transform .12s ease;
}

body.pds-admin .pds-expense-summary-view:hover {
    background: rgba(var(--brand-rgb), 0.28);
    color: var(--site-color);
    transform: translateY(-1px);
}

body.pds-admin .pds-expense-summary-view:disabled {
    opacity: 0.4;
    cursor: not-allowed;
}

body.pds-admin .pds-expense-summary-split {
    display: grid;
    grid-template-columns: minmax(280px, 360px) minmax(0, 1fr);
    gap: 18px;
    align-items: start;
    margin: 0 0 28px;
}

body.pds-admin .pds-expense-summary-split.is-no-calendar {
    grid-template-columns: 1fr;
}

@media (max-width: 980px) {
    body.pds-admin .pds-expense-summary-split {
        grid-template-columns: 1fr;
    }
}

.pds-summary-cal {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 18px;
    padding: 16px 16px 18px;
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.05);
}

.pds-summary-cal__head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 12px;
}

.pds-summary-cal__eyebrow {
    margin: 0 0 2px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--site-color);
}

.pds-summary-cal__title {
    margin: 0;
    font-size: 1.15rem;
    font-weight: 800;
    color: #0f172a;
}

.pds-summary-cal__nav {
    display: inline-flex;
    gap: 6px;
}

.pds-summary-cal__nav-btn {
    width: 32px;
    height: 32px;
    border-radius: 10px;
    border: 1px solid #e2e8f0;
    background: #f8fafc;
    color: #334155;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.pds-summary-cal__nav-btn:hover {
    background: rgba(var(--brand-rgb), 0.08);
    border-color: rgba(var(--brand-rgb), 0.45);
    color: var(--site-color);
}

.pds-summary-cal__nav-btn.is-disabled {
    opacity: 0.35;
    pointer-events: none;
    cursor: not-allowed;
}

.pds-summary-cal__weekdays,
.pds-summary-cal__grid {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 6px;
}

.pds-summary-cal__weekdays {
    margin-bottom: 6px;
}

.pds-summary-cal__weekdays span {
    text-align: center;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #94a3b8;
}

.pds-summary-cal__day {
    position: relative;
    min-height: 58px;
    border-radius: 12px;
    border: 1px solid transparent;
    background: #f8fafc;
    color: #0f172a;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: 6px 2px 5px;
    transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

.pds-summary-cal__day:hover {
    border-color: rgba(var(--brand-rgb), 0.45);
    background: rgba(var(--brand-rgb), 0.08);
}

.pds-summary-cal__day.is-out {
    opacity: 0.38;
}

.pds-summary-cal__day.is-disabled {
    opacity: 0.34;
    pointer-events: none;
    cursor: not-allowed;
    background: #f1f5f9;
    color: #94a3b8;
    filter: grayscale(0.35);
}

.pds-summary-cal__day.is-disabled:hover {
    border-color: transparent;
    background: #f1f5f9;
}

.pds-summary-cal__day.is-selected {
    background: rgba(var(--brand-rgb), 0.08);
    border-color: var(--site-color);
    box-shadow: inset 0 0 0 1px rgba(var(--brand-rgb), 0.18);
}

.pds-summary-cal__day.is-today .pds-summary-cal__num {
    background: #0f172a;
    color: #fff;
}

.pds-summary-cal__day.is-checked {
    background: #ecfdf5;
    border-color: #6ee7b7;
}

.pds-summary-cal__day.is-checked .pds-summary-cal__num,
.pds-summary-cal__day.is-checked.is-today .pds-summary-cal__num {
    background: #059669;
    color: #fff;
}

.pds-summary-cal__day.is-checked.is-selected {
    box-shadow: inset 0 0 0 1px rgba(16, 185, 129, 0.2);
}

.pds-summary-cal__num {
    width: 22px;
    height: 22px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 800;
}

.pds-summary-cal__done {
    position: absolute;
    top: 4px;
    right: 4px;
    width: 14px;
    height: 14px;
    border-radius: 999px;
    background: #059669;
    color: #fff;
    font-size: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.pds-summary-cal__dots {
    display: flex;
    gap: 4px;
    margin-top: auto;
    padding-top: 4px;
}

.pds-summary-cal__dot {
    width: 9px;
    height: 9px;
    border-radius: 999px;
    border: 2px solid currentColor;
    background: transparent;
    display: inline-block;
}

.pds-summary-cal__dot.is-super_admin { color: var(--site-color); }
.pds-summary-cal__dot.is-ma_noe_noe { color: #dc2626; }
.pds-summary-cal__dot.is-ma_phyu_sin { color: #7c3aed; }
.pds-summary-cal__dot.is-on {
    background: currentColor;
    box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.12);
}

.pds-summary-cal__legend {
    list-style: none;
    margin: 14px 0 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 8px 12px;
}

.pds-summary-cal__legend li {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    font-weight: 700;
    color: #475569;
}

.pds-summary-cal__done-mark {
    width: 14px;
    height: 14px;
    border-radius: 999px;
    background: #059669;
}

.pds-summary-cal__confirm {
    width: 100%;
    margin-top: 14px;
    border: 0;
    border-radius: 12px;
    min-height: 42px;
    background: var(--site-color);
    color: #fff;
    font-weight: 800;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
}

.pds-summary-cal__confirm:hover {
    background: var(--site-color);
}

.pds-summary-cal__confirm:disabled {
    background: #d1fae5;
    color: #065f46;
    cursor: default;
}

body.pds-summary-pop-open { overflow: hidden; }

.pds-summary-pop {
    position: fixed;
    inset: 0;
    z-index: 1080;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.pds-summary-pop[hidden] { display: none !important; }

.pds-summary-pop__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(28, 25, 23, 0.42);
    backdrop-filter: blur(6px);
}

.pds-summary-pop__card {
    position: relative;
    width: min(420px, 100%);
    padding: 28px 24px 20px;
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 24px 60px rgba(28, 25, 23, 0.22);
    text-align: center;
}

.pds-summary-pop__icon {
    width: 56px;
    height: 56px;
    margin: 0 auto 14px;
    border-radius: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(var(--brand-rgb), 0.08);
    color: var(--site-color);
    font-size: 22px;
}

.pds-summary-pop.is-success .pds-summary-pop__icon {
    background: #ecfdf5;
    color: #059669;
}

.pds-summary-pop.is-error .pds-summary-pop__icon {
    background: #fef2f2;
    color: #dc2626;
}

.pds-summary-pop__title {
    margin: 0 0 6px;
    font-size: 1.2rem;
    font-weight: 800;
    color: #1c1917;
}

.pds-summary-pop__text {
    margin: 0 0 20px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
    color: #78716c;
}

.pds-summary-pop__actions {
    display: flex;
    gap: 10px;
}

.pds-summary-pop__btn {
    flex: 1;
    min-height: 44px;
    border: 0;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 800;
    cursor: pointer;
}

.pds-summary-pop__btn.is-ghost {
    background: #f5f5f4;
    color: #44403c;
}

.pds-summary-pop__btn.is-ghost:hover { background: #e7e5e4; }

.pds-summary-pop__btn.is-primary {
    background: var(--site-color);
    color: #fff;
}

.pds-summary-pop__btn.is-primary:hover { background: var(--site-color); }

.pds-summary-pop.is-error .pds-summary-pop__btn.is-primary {
    background: #dc2626;
}

.pds-summary-pop.is-error .pds-summary-pop__btn.is-primary:hover {
    background: #b91c1c;
}

body.pds-admin .pds-expense-card__total {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex: 0 0 auto;
    margin: 0;
    padding: 12px 16px;
    border-radius: 0;
    background: linear-gradient(135deg, var(--site-color) 0%, var(--site-color) 45%, var(--site-color) 100%);
    color: #fff;
}

body.pds-admin .pds-expense-card__total span {
    font-size: 0.8rem;
    opacity: 0.85;
}

body.pds-admin .pds-expense-card__total strong {
    font-size: 1rem;
}

body.pds-admin .pds-expense-card--add {
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 440px;
    height: 440px;
    border: 2px dashed rgba(15, 23, 42, 0.22);
    background: #fff;
    box-shadow: none;
    cursor: pointer;
    color: #0f172a;
}

body.pds-admin .pds-expense-card--add:hover {
    border-color: var(--site-color);
    background: rgba(var(--brand-rgb), 0.08);
    color: var(--site-color);
}

body.pds-admin .pds-expense-card--add__plus {
    font-size: 3rem;
    font-weight: 300;
    line-height: 1;
}

body.pds-admin .pds-expense-card--add__label {
    font-size: 0.85rem;
    font-weight: 600;
}

body.pds-admin .pds-expense-modal[hidden] {
    display: none !important;
}

body.pds-admin .pds-expense-modal {
    position: fixed;
    inset: 0;
    z-index: 1080;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

body.pds-admin .pds-expense-modal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(15, 23, 42, 0.45);
}

body.pds-admin .pds-expense-modal__stage {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: stretch;
    justify-content: center;
    gap: 16px;
    width: min(1180px, calc(100vw - 32px));
    max-height: min(92vh, 780px);
}

body.pds-admin .pds-expense-modal__dialog {
    position: relative;
    width: min(700px, calc(100vw - 40px));
    max-height: min(90vh, 720px);
    overflow: auto;
    background: #fff;
    border-radius: 18px;
    box-shadow: 0 24px 60px rgba(var(--brand-rgb), 0.18);
    padding: 22px 24px 18px;
    border-top: 3px solid var(--site-color);
}

body.pds-admin .pds-expense-modal__stage .pds-expense-modal__dialog {
    flex: 1 1 560px;
    width: min(700px, 100%);
    max-width: 700px;
    max-height: 100%;
}

body.pds-admin .pds-expense-modal.has-preview .pds-expense-modal__stage .pds-expense-modal__dialog {
    max-width: min(700px, calc(100% - 336px));
}

body.pds-admin .pds-expense-modal__dialog--confirm {
    width: min(400px, 100%);
}

body.pds-admin .pds-expense-modal__preview {
    flex: 0 0 min(400px, 38vw);
    width: min(400px, 38vw);
    min-width: 260px;
    max-height: 100%;
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 18px;
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.28);
    padding: 16px 14px 12px;
    overflow: hidden;
}

body.pds-admin .pds-expense-modal__preview[hidden] {
    display: none !important;
}

body.pds-admin .pds-expense-modal__preview .pds-expense-modal__header {
    align-items: center;
    margin-bottom: 10px;
}

body.pds-admin .pds-expense-modal__preview .pds-expense-modal__header h5 {
    font-size: 1rem;
}

body.pds-admin .pds-expense-modal__preview-close {
    width: 34px;
    height: 34px;
    border: 0;
    border-radius: 10px;
    background: #e2e8f0;
    color: #334155;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

body.pds-admin .pds-expense-modal__preview .pds-expense-modal__footer {
    margin-top: 10px;
    padding-top: 10px;
}

body.pds-admin .pds-expense-image-view {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1 1 auto;
    min-height: 220px;
    overflow: auto;
    background: #0f172a;
    border-radius: 12px;
    padding: 12px;
}

body.pds-admin .pds-expense-image-view img {
    display: block;
    max-width: 100%;
    max-height: min(58vh, 520px);
    width: auto;
    height: auto;
    object-fit: contain;
    border-radius: 8px;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35);
}

/* Zoomable expense / delivered-photo preview (Summary + Expenses) */
body.pds-admin .pds-expense-image-viewport {
    position: relative;
    display: block;
    flex: 1 1 auto;
    min-height: 280px;
    height: min(58vh, 520px);
    max-height: min(58vh, 520px);
    overflow: hidden;
    background: #0f172a;
    border-radius: 12px;
    padding: 0;
    touch-action: none;
    cursor: grab;
    user-select: none;
}

body.pds-admin .pds-expense-image-viewport.is-zoomed {
    cursor: grab;
}

body.pds-admin .pds-expense-image-viewport.is-zoomed:active {
    cursor: grabbing;
}

body.pds-admin .pds-expense-image-viewport img,
body.pds-admin .pds-expense-image-viewport .pds-expense-image-view__img {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    border-radius: 8px;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35);
    transform: translate(-50%, -50%);
    transform-origin: center center;
    pointer-events: none;
    user-select: none;
    will-change: transform;
}

body.pds-admin .pds-expense-photo-zoom-bar {
    flex-shrink: 0;
    padding: 0.45rem 0.15rem 0;
}

body.pds-admin .pds-expense-modal__preview .pds-photo-carousel-zoom-hint {
    padding: 0 0.25rem 0.35rem;
}

body.pds-admin .pds-expense-modal__row.is-previewing .pds-expense-modal__image-btn {
    outline: 2px solid #0ea5e9;
    outline-offset: 2px;
}

@media (max-width: 860px) {
    body.pds-admin .pds-expense-modal__stage {
        flex-direction: column;
        overflow: auto;
        width: min(700px, calc(100vw - 24px));
    }

    body.pds-admin .pds-expense-modal.has-preview .pds-expense-modal__dialog,
    body.pds-admin .pds-expense-modal__preview {
        width: 100%;
        max-width: 100%;
        flex: none;
        min-width: 0;
    }
}

body.pds-admin .pds-expense-modal__header {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
}

body.pds-admin .pds-expense-modal__header h5 {
    margin: 0;
    font-size: 1.15rem;
    font-weight: 700;
    font-family: var(--admin-font) !important;
    color: #0f172a;
}

body.pds-admin .pds-expense-modal__date {
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-size: 0.8rem;
    color: #94a3b8;
    font-family: var(--admin-font) !important;
}

body.pds-admin .pds-expense-modal__date input {
    min-width: 150px;
    border-color: rgba(var(--brand-rgb), 0.28);
    border-radius: 10px;
}

body.pds-admin .pds-expense-modal__date input:focus {
    border-color: var(--site-color);
    box-shadow: 0 0 0 3px rgba(var(--brand-rgb), 0.15);
}

body.pds-admin .pds-expense-modal__cols {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 88px 64px 36px;
    gap: 8px;
    padding: 0 2px 6px;
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #64748b;
    align-items: end;
}

body.pds-admin .pds-expense-modal.is-income-card .pds-expense-modal__cols,
body.pds-admin .pds-expense-modal.is-income-card .pds-expense-modal__row {
    grid-template-columns: minmax(0, 1fr) 110px 36px;
}

body.pds-admin .pds-expense-modal.is-income-card .pds-expense-modal__cols > span[data-col="image"] {
    display: none;
}

body.pds-admin .pds-expense-modal.is-income-card .pds-expense-modal__row > .pds-expense-modal__row-lock {
    grid-column: 3;
}

body.pds-admin .pds-expense-modal__cols > span:nth-child(1) { grid-column: 1; }
body.pds-admin .pds-expense-modal__cols > span:nth-child(2) { grid-column: 2; }
body.pds-admin .pds-expense-modal__cols > span:nth-child(3) { grid-column: 3; }
body.pds-admin .pds-expense-modal__cols > span:nth-child(4) { grid-column: 4; }

body.pds-admin .pds-expense-modal__rows {
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-height: 420px;
    overflow-y: auto;
    padding-right: 2px;
}

body.pds-admin .pds-expense-modal__row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 88px 64px 36px;
    gap: 8px;
    align-items: center;
}

body.pds-admin .pds-expense-modal__row > .js-subject {
    grid-column: 1;
    min-width: 0;
    width: 100%;
}

body.pds-admin .pds-expense-modal__row > .js-amount {
    grid-column: 2;
    min-width: 0;
    width: 100%;
}

body.pds-admin .pds-expense-modal__row > .pds-expense-modal__image-wrap,
body.pds-admin .pds-expense-modal__row > .pds-expense-modal__image-spacer {
    grid-column: 3;
    justify-self: center;
    min-width: 0;
    max-width: 64px;
    overflow: hidden;
}

body.pds-admin .pds-expense-modal__row > .pds-expense-modal__row-del,
body.pds-admin .pds-expense-modal__row > .pds-expense-modal__row-lock {
    grid-column: 4;
    justify-self: center;
}

body.pds-admin .pds-expense-modal__row.is-locked {
    background: rgba(var(--brand-rgb), 0.08);
    border-radius: 10px;
    padding: 4px 2px;
}

body.pds-admin .pds-expense-modal__image-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 64px;
    height: 48px;
    min-width: 0;
    max-width: 64px;
    flex-shrink: 0;
    overflow: hidden;
}

body.pds-admin .pds-expense-modal__image-btn {
    position: relative;
    box-sizing: border-box;
    width: 64px;
    height: 48px;
    min-width: 64px;
    min-height: 48px;
    max-width: 64px;
    max-height: 48px;
    padding: 0;
    border: 1px dashed #cbd5e1;
    border-radius: 10px;
    background: #f8fafc;
    cursor: pointer;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

body.pds-admin .pds-expense-modal__image-btn.is-empty {
    color: #94a3b8;
    font-size: 1rem;
}

body.pds-admin .pds-expense-modal__image-btn.has-image {
    cursor: zoom-in;
    border-style: solid;
    border-color: #cbd5e1;
}

body.pds-admin .pds-expense-modal__image-btn.has-image::after {
    content: '\f00e';
    font-family: 'Font Awesome 6 Free', 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    right: 3px;
    bottom: 3px;
    width: 18px;
    height: 18px;
    border-radius: 6px;
    background: rgba(15, 23, 42, 0.72);
    color: #fff;
    font-size: 0.58rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

body.pds-admin .pds-expense-modal__image-thumb {
    display: block;
    width: 64px;
    height: 48px;
    overflow: hidden;
    border-radius: 8px;
    flex-shrink: 0;
}

body.pds-admin .pds-expense-modal__image-btn img,
body.pds-admin .pds-expense-modal__image-btn .js-image-preview {
    width: 64px;
    height: 48px;
    max-width: 64px;
    max-height: 48px;
    object-fit: cover;
    border-radius: 8px;
    display: block;
    flex-shrink: 0;
}

body.pds-admin .pds-expense-modal__image-spacer {
    width: 64px;
    height: 48px;
}

body.pds-admin .pds-expense-modal__row-lock {
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    line-height: 1;
}

body.pds-admin .pds-expense-modal__row-del {
    width: 36px;
    height: 36px;
    min-width: 36px;
    min-height: 36px;
    padding: 0;
    border: 0;
    border-radius: 10px;
    background: #fee2e2;
    color: #b91c1c;
    font-size: 1.25rem;
    line-height: 1;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

body.pds-admin .pds-expense-modal__add-row {
    display: flex;
    justify-content: flex-end;
    margin-top: 10px;
}

body.pds-admin .pds-expense-modal__total {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 12px;
    padding: 12px 18px;
    border-radius: 12px;
    background: linear-gradient(135deg, var(--site-color) 0%, var(--site-color) 45%, var(--site-color) 100%);
    color: #fff;
}

body.pds-admin .pds-expense-modal__total span,
body.pds-admin .pds-expense-modal__total strong {
    color: #fff !important;
}

body.pds-admin .pds-expense-modal__total span {
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    opacity: 1;
}

body.pds-admin .pds-expense-modal__total strong {
    font-size: 1.05rem;
    font-weight: 800;
    white-space: nowrap;
}

body.pds-admin .pds-expense-modal__plus {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    border: 1px solid rgba(15, 23, 42, 0.15);
    background: #f8fafc;
    font-size: 1.4rem;
    font-weight: 600;
    cursor: pointer;
}

body.pds-admin .pds-expense-modal__footer {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 16px;
    padding-top: 14px;
    border-top: 1px solid rgba(15, 23, 42, 0.08);
}

body.pds-admin .pds-expense-modal__cancel,
body.pds-admin .pds-expense-modal__save {
    min-width: 52px;
    height: 44px;
    padding: 0 16px;
    border: 0;
    border-radius: 12px;
    font-weight: 700;
    cursor: pointer;
}

body.pds-admin .pds-expense-modal__cancel {
    background: #e2e8f0;
    color: #334155;
}

body.pds-admin .pds-expense-modal__save {
    background: #16a34a;
    color: #fff;
}

body.pds-admin .pds-expense-modal__save.is-danger {
    background: #dc2626;
}

body.pds-admin .pds-expense-modal.is-view .pds-expense-modal__add-row,
body.pds-admin .pds-expense-modal.is-view #expense-form-save,
body.pds-admin .pds-expense-modal.is-view .pds-expense-modal__preview .pds-expense-modal__footer {
    display: none;
}

body.pds-admin .pds-expense-modal.is-view .pds-expense-modal__row input {
    background: #f8fafc;
    color: #0f172a;
    cursor: default;
}

body.pds-admin .pds-expense-modal__confirm-text {
    margin: 8px 0 4px;
    color: #334155;
    font-size: 0.98rem;
    line-height: 1.45;
}

@media (max-width: 900px) {
    body.pds-admin .pds-expenses-board {
        grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
    }
}

@media (max-width: 640px) {
    body.pds-admin .pds-expenses-board {
        grid-template-columns: 1fr;
    }

    body.pds-admin .pds-expense-card,
    body.pds-admin .pds-expense-card--add {
        height: auto;
        min-height: 360px;
    }

    body.pds-admin .pds-expense-modal__cols,
    body.pds-admin .pds-expense-modal__row {
        grid-template-columns: minmax(0, 1fr) 72px 56px 32px;
    }

    body.pds-admin .pds-expense-modal.is-income-card .pds-expense-modal__cols,
    body.pds-admin .pds-expense-modal.is-income-card .pds-expense-modal__row {
        grid-template-columns: minmax(0, 1fr) 88px 32px;
    }
}

/* OS Receive — approve / reject modals */
body.pds-admin .pds-os-receive-modal[hidden] {
    display: none !important;
}

body.pds-admin .pds-os-receive-modal {
    position: fixed;
    inset: 0;
    z-index: 1080;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

body.pds-admin .pds-os-receive-modal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(15, 23, 42, 0.45);
}

body.pds-admin .pds-os-receive-modal__dialog {
    position: relative;
    width: min(420px, 100%);
    background: #fff;
    border-radius: 18px;
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.28);
    padding: 20px 20px 16px;
}

body.pds-admin .pds-os-receive-modal__header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 10px;
}

body.pds-admin .pds-os-receive-modal__header h5 {
    margin: 0;
    font-size: 1.12rem;
    font-weight: 700;
    color: #0f172a;
}

body.pds-admin .pds-os-receive-modal__icon {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.15rem;
    flex-shrink: 0;
}

body.pds-admin .pds-os-receive-modal__icon.is-ok {
    background: #dcfce7;
    color: #16a34a;
}

body.pds-admin .pds-os-receive-modal__icon.is-warn {
    background: #fee2e2;
    color: #dc2626;
}

body.pds-admin .pds-os-receive-modal__text {
    margin: 0 0 12px;
    color: #475569;
    font-size: 0.95rem;
    line-height: 1.45;
}

body.pds-admin .pds-os-receive-modal__label {
    display: block;
    margin-bottom: 6px;
    font-size: 0.8rem;
    font-weight: 700;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

body.pds-admin .pds-os-receive-modal__textarea {
    width: 100%;
    resize: vertical;
    min-height: 96px;
    padding: 10px 12px;
    border: 1px solid rgba(15, 23, 42, 0.14);
    border-radius: 12px;
    font-size: 0.95rem;
    color: #0f172a;
    background: #f8fafc;
    outline: none;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

body.pds-admin .pds-os-receive-modal__textarea:focus {
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2);
    background: #fff;
}

body.pds-admin .pds-os-receive-modal__error {
    margin-top: 8px;
    padding: 8px 10px;
    border-radius: 10px;
    background: #fef2f2;
    color: #b91c1c;
    font-size: 0.85rem;
    font-weight: 600;
}

body.pds-admin .pds-os-receive-modal__footer {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 16px;
    padding-top: 14px;
    border-top: 1px solid rgba(15, 23, 42, 0.08);
}

body.pds-admin .pds-os-receive-modal__btn {
    min-width: 88px;
    height: 42px;
    padding: 0 16px;
    border: 0;
    border-radius: 12px;
    font-weight: 700;
    cursor: pointer;
}

body.pds-admin .pds-os-receive-modal__btn.is-ghost {
    background: #e2e8f0;
    color: #334155;
}

body.pds-admin .pds-os-receive-modal__btn.is-ok {
    background: #16a34a;
    color: #fff;
}

body.pds-admin .pds-os-receive-modal__btn.is-danger {
    background: #dc2626;
    color: #fff;
}

/* Delivered type modal — clean Gate / Other picker */
body.pds-admin #riderDeliveredTypeModal .modal-dialog {
    max-width: 440px;
}
body.pds-admin .pds-delivered-modal {
    border: 0;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.18);
}
body.pds-admin .pds-delivered-modal__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 1.15rem 1.2rem 1rem;
    background: linear-gradient(135deg, rgba(var(--brand-rgb), 0.08) 0%, rgba(var(--brand-rgb), 0.16) 55%, #fff 100%);
    border-bottom: 1px solid rgba(var(--brand-rgb), 0.12);
}
body.pds-admin .pds-delivered-modal__brand {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    min-width: 0;
}
body.pds-admin .pds-delivered-modal__icon {
    width: 42px;
    height: 42px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    background: linear-gradient(135deg, var(--site-color), var(--site-color));
    color: #fff;
    font-size: 1.05rem;
    flex-shrink: 0;
    box-shadow: 0 8px 18px rgba(var(--brand-rgb), 0.28);
}
body.pds-admin .pds-delivered-modal__title {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 800;
    color: #0f172a;
    letter-spacing: 0.01em;
}
body.pds-admin .pds-delivered-modal__sub {
    margin: 0.2rem 0 0;
    font-size: 0.78rem;
    line-height: 1.4;
    color: var(--site-color);
    opacity: 0.85;
}
body.pds-admin .pds-delivered-modal__close {
    width: 34px;
    height: 34px;
    border: 0;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.8);
    color: #64748b;
    display: grid;
    place-items: center;
    cursor: pointer;
    flex-shrink: 0;
}
body.pds-admin .pds-delivered-modal__close:hover {
    background: #fff;
    color: #0f172a;
}
body.pds-admin .pds-delivered-modal__body {
    padding: 1.05rem 1.2rem 0.35rem;
}
body.pds-admin .pds-delivered-modal__section-label {
    margin: 0 0 0.45rem;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #94a3b8;
}
body.pds-admin .pds-delivered-modal__choices {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.55rem;
    margin-bottom: 1rem;
}
body.pds-admin .pds-delivered-choice {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin: 0;
    padding: 0.85rem 0.9rem;
    border: 1.5px solid #e2e8f0;
    border-radius: 14px;
    background: #fff;
    cursor: pointer;
    transition: border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}
body.pds-admin .pds-delivered-choice input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
body.pds-admin .pds-delivered-choice__icon {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    display: grid;
    place-items: center;
    background: #f1f5f9;
    color: #475569;
    font-size: 0.95rem;
    flex-shrink: 0;
}
body.pds-admin .pds-delivered-choice__icon.is-gate {
    background: rgba(var(--brand-rgb), 0.08);
    color: var(--site-color);
}
body.pds-admin .pds-delivered-choice__copy {
    flex: 1;
    min-width: 0;
}
body.pds-admin .pds-delivered-choice__copy strong {
    display: block;
    font-size: 0.95rem;
    font-weight: 800;
    color: #0f172a;
    line-height: 1.25;
}
body.pds-admin .pds-delivered-choice__copy em {
    display: block;
    margin-top: 0.15rem;
    font-style: normal;
    font-size: 0.76rem;
    color: #64748b;
    line-height: 1.35;
}
body.pds-admin .pds-delivered-choice__check {
    width: 22px;
    height: 22px;
    border-radius: 999px;
    border: 1.5px solid #cbd5e1;
    display: grid;
    place-items: center;
    color: transparent;
    font-size: 0.65rem;
    flex-shrink: 0;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
body.pds-admin .pds-delivered-choice.is-active {
    border-color: var(--site-color);
    background: linear-gradient(180deg, rgba(var(--brand-rgb), 0.05) 0%, rgba(var(--brand-rgb), 0.08) 100%);
    box-shadow: 0 0 0 3px rgba(var(--brand-rgb), 0.12);
}
body.pds-admin .pds-delivered-choice.is-active .pds-delivered-choice__check {
    border-color: var(--site-color);
    background: var(--site-color);
    color: #fff;
}
body.pds-admin .pds-delivered-choice:hover {
    border-color: rgba(var(--brand-rgb), 0.45);
}
body.pds-admin .pds-delivered-modal__gate {
    margin: 0 0 1rem;
    padding: 0.85rem 0.9rem;
    border-radius: 14px;
    background: rgba(var(--brand-rgb), 0.08);
    border: 1px solid rgba(var(--brand-rgb), 0.18);
}
body.pds-admin .pds-delivered-modal__gate label {
    display: block;
    margin: 0 0 0.4rem;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--site-color);
}
body.pds-admin .pds-delivered-modal__gate-input {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    background: #fff;
    border: 1px solid rgba(var(--brand-rgb), 0.45);
    border-radius: 12px;
    padding: 0.15rem 0.75rem;
    min-height: 44px;
}
body.pds-admin .pds-delivered-modal__gate-input span {
    font-size: 0.8rem;
    font-weight: 800;
    color: var(--site-color);
}
body.pds-admin .pds-delivered-modal__gate-input input {
    flex: 1;
    border: 0;
    outline: 0;
    background: transparent;
    font-size: 1rem;
    font-weight: 700;
    color: #0f172a;
    min-width: 0;
    padding: 0.45rem 0;
}
body.pds-admin .pds-delivered-modal__gate.is-readonly label,
body.pds-admin .pds-delivered-modal__gate.is-rider-name label {
    text-transform: none;
    letter-spacing: 0;
    font-size: 0.92rem;
    font-weight: 800;
    color: #1e293b;
}
body.pds-admin .pds-delivered-modal__gate-input.is-readonly {
    background: rgba(var(--brand-rgb), 0.07);
    pointer-events: none;
}
body.pds-admin .pds-delivered-modal__gate-input.is-readonly strong {
    flex: 1;
    font-size: 1rem;
    font-weight: 800;
    color: #0f172a;
}
body.pds-admin .pds-delivered-upload {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    margin: 0 0 0.85rem;
    padding: 1.15rem 1rem;
    border: 1.5px dashed #cbd5e1;
    border-radius: 14px;
    background: #f8fafc;
    cursor: pointer;
    text-align: center;
    position: relative;
    overflow: hidden;
    transition: border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
}
body.pds-admin .pds-delivered-upload:hover,
body.pds-admin .pds-delivered-upload.has-file,
body.pds-admin .pds-delivered-upload.is-dragover,
body.pds-admin .pds-delivered-upload.is-paste-ready {
    border-color: var(--site-color);
    background: rgba(var(--brand-rgb), 0.08);
}
body.pds-admin .pds-delivered-upload.is-dragover,
body.pds-admin .pds-delivered-upload.is-paste-ready {
    box-shadow: 0 0 0 3px rgba(var(--brand-rgb), 0.16);
    cursor: copy;
}
body.pds-admin .pds-delivered-upload__preview {
    display: block;
    width: min(100%, 220px);
    max-height: 180px;
    object-fit: contain;
    border-radius: 12px;
    border: 1px solid rgba(var(--brand-rgb), 0.28);
    background: #fff;
    margin: 0 auto 0.15rem;
}
body.pds-admin .pds-delivered-upload__preview[hidden] {
    display: none !important;
}
body.pds-admin .pds-delivered-upload__preview.is-pending {
    margin-top: 10px;
    width: min(100%, 180px);
    max-height: 140px;
}
body.pds-admin .pds-delivered-upload__icon {
    width: 44px;
    height: 44px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    margin-bottom: 0.25rem;
    background: #fff;
    color: var(--site-color);
    font-size: 1.1rem;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06);
}
body.pds-admin .pds-delivered-upload__title {
    font-size: 0.88rem;
    font-weight: 700;
    color: #0f172a;
    word-break: break-all;
}
body.pds-admin .pds-delivered-upload__hint {
    font-size: 0.74rem;
    color: #94a3b8;
}
body.pds-admin .pds-delivered-modal__foot {
    display: flex;
    justify-content: flex-end;
    gap: 0.55rem;
    padding: 0.85rem 1.2rem 1.15rem;
    background: #fff;
}
body.pds-admin .pds-delivered-modal__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    min-height: 42px;
    padding: 0.55rem 1.05rem;
    border: 0;
    border-radius: 12px;
    font-size: 0.86rem;
    font-weight: 700;
    cursor: pointer;
    transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}
body.pds-admin .pds-delivered-modal__btn--ghost {
    background: #f1f5f9;
    color: #475569;
}
body.pds-admin .pds-delivered-modal__btn--ghost:hover {
    background: #e2e8f0;
    color: #0f172a;
}
body.pds-admin .pds-delivered-modal__btn--primary {
    background: linear-gradient(135deg, var(--site-color), var(--site-color));
    color: #fff;
    box-shadow: 0 8px 18px rgba(var(--brand-rgb), 0.28);
}
body.pds-admin .pds-delivered-modal__btn--primary:hover {
    transform: translateY(-1px);
    box-shadow: 0 10px 22px rgba(var(--brand-rgb), 0.34);
    color: #fff;
}

/* Pending Remark modal */
body.pds-admin #riderPendingRemarkModal .modal-dialog {
    max-width: 400px;
}
body.pds-admin .pds-pending-modal,
body.pds-admin .pds-pending-modal h5,
body.pds-admin .pds-pending-modal label,
body.pds-admin .pds-pending-modal span,
body.pds-admin .pds-pending-modal button,
body.pds-admin .pds-pending-modal textarea {
    font-family: var(--admin-font) !important;
}
body.pds-admin .pds-pending-modal {
    border: 1px solid rgba(var(--brand-rgb), 0.12);
    border-radius: 18px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 24px 56px rgba(28, 25, 23, 0.16);
}
body.pds-admin .pds-pending-modal__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 1.05rem 1.15rem;
    background: linear-gradient(180deg, rgba(var(--brand-rgb), 0.06) 0%, #FFFFFF 100%);
    border-bottom: 1px solid rgba(var(--brand-rgb), 0.1);
}
body.pds-admin .pds-pending-modal__heading {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    min-width: 0;
}
body.pds-admin .pds-pending-modal__chip {
    display: inline-flex;
    align-items: center;
    height: 24px;
    padding: 0 0.6rem;
    border-radius: 999px;
    background: var(--site-color);
    color: #fff !important;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.02em;
}
body.pds-admin .pds-pending-modal__title {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 700;
    color: #1c1917 !important;
    letter-spacing: 0.01em;
}
body.pds-admin .pds-pending-modal__close {
    width: 30px;
    height: 30px;
    border: 0;
    border-radius: 999px;
    background: rgba(28, 25, 23, 0.05);
    color: #78716c;
    display: grid;
    place-items: center;
    cursor: pointer;
    flex-shrink: 0;
    transition: background 0.15s ease, color 0.15s ease;
}
body.pds-admin .pds-pending-modal__close:hover {
    background: rgba(var(--brand-rgb), 0.12);
    color: var(--site-color);
}
body.pds-admin .pds-pending-modal__body {
    padding: 1.15rem 1.15rem 0.25rem;
}
body.pds-admin .pds-pending-modal__field {
    margin-bottom: 1.05rem;
}
body.pds-admin .pds-pending-modal__field.is-last {
    margin-bottom: 0.35rem;
}
body.pds-admin .pds-pending-modal__label {
    display: block;
    margin-bottom: 0.45rem;
    font-size: 0.78rem;
    font-weight: 650;
    color: #57534e !important;
    letter-spacing: 0;
    text-transform: none;
}
body.pds-admin .pds-pending-modal__textarea {
    width: 100%;
    min-height: 112px;
    padding: 0.85rem 0.95rem;
    border: 1px solid #e7e5e4;
    border-radius: 12px;
    background: rgba(var(--brand-rgb), 0.04);
    color: #1c1917;
    font-size: 0.9rem;
    font-weight: 500;
    line-height: 1.5;
    resize: none;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}
body.pds-admin .pds-pending-modal__textarea::placeholder {
    color: #a8a29e;
    font-weight: 500;
}
body.pds-admin .pds-pending-modal__textarea:focus {
    outline: none;
    border-color: var(--site-color);
    background: #fff;
    box-shadow: 0 0 0 3px rgba(var(--brand-rgb), 0.12);
}
body.pds-admin .pds-pending-upload-wrap {
    position: relative;
}
body.pds-admin .pds-pending-upload {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    margin: 0;
    padding: 1.35rem 1rem;
    min-height: 168px;
    width: 100%;
    border: 1.5px dashed #cbd5e1;
    border-radius: 16px;
    background: #f8fafc;
    cursor: pointer;
    text-align: center;
    transition: border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
}
body.pds-admin .pds-pending-upload:hover {
    border-color: var(--site-color);
    background: rgba(var(--brand-rgb), 0.06);
}
body.pds-admin .pds-pending-upload.has-file {
    border-style: solid;
    border-color: #e7e5e4;
    background: transparent;
    padding: 0.65rem;
    box-shadow: none;
}
body.pds-admin .pds-pending-upload.has-file:hover {
    border-color: var(--site-color);
    background: transparent;
}
body.pds-admin .pds-pending-upload__empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
}
body.pds-admin .pds-pending-upload__empty[hidden] {
    display: none !important;
}
body.pds-admin .pds-pending-upload__icon {
    width: 48px;
    height: 48px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    background: #fff;
    border: 0;
    color: var(--site-color);
    font-size: 1.15rem;
    box-shadow: 0 6px 16px rgba(15, 23, 42, 0.08);
}
body.pds-admin .pds-pending-upload__title {
    color: #0f172a !important;
    font-size: 0.92rem;
    font-weight: 700;
    line-height: 1.3;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
}
body.pds-admin .pds-pending-upload__hint {
    color: #94a3b8 !important;
    font-size: 0.74rem;
    font-weight: 500;
}
body.pds-admin .pds-pending-upload__filled {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
body.pds-admin .pds-pending-upload__filled[hidden] {
    display: none !important;
}
body.pds-admin .pds-pending-upload__preview {
    display: block;
    width: min(100%, 240px);
    max-height: 200px;
    object-fit: contain;
    border-radius: 12px;
    border: 0;
    background: transparent;
    margin: 0 auto;
    box-shadow: none;
}
body.pds-admin .pds-pending-upload__preview[hidden] {
    display: none !important;
}
body.pds-admin .pds-pending-upload__remove {
    position: absolute;
    top: 0.55rem;
    right: 0.55rem;
    z-index: 2;
    width: 30px;
    height: 30px;
    border: 0;
    border-radius: 999px;
    background: var(--site-color);
    color: #fff;
    display: grid;
    place-items: center;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(var(--brand-rgb), 0.35);
    transition: background 0.15s ease, transform 0.12s ease;
}
body.pds-admin .pds-pending-upload__remove:hover {
    background: #e86306;
    transform: scale(1.05);
}
body.pds-admin .pds-pending-upload__remove[hidden] {
    display: none !important;
}
body.pds-admin .pds-pending-upload__remove i {
    font-size: 0.8rem;
    line-height: 1;
}
body.pds-admin .pds-pending-modal__foot {
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    gap: 0.55rem;
    padding: 1rem 1.15rem 1.15rem;
    background: #fff;
}
body.pds-admin .pds-pending-modal__btn {
    min-height: 42px;
    padding: 0 1rem;
    border: 0;
    border-radius: 12px;
    font-size: 0.88rem;
    font-weight: 700;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease, transform 0.12s ease;
}
body.pds-admin .pds-pending-modal__btn--ghost {
    background: #f5f5f4;
    color: #44403c;
}
body.pds-admin .pds-pending-modal__btn--ghost:hover {
    background: #e7e5e4;
    color: #1c1917;
}
body.pds-admin .pds-pending-modal__btn--primary {
    background: var(--site-color);
    color: #fff;
    box-shadow: 0 8px 18px rgba(var(--brand-rgb), 0.28);
}
body.pds-admin .pds-pending-modal__btn--primary:hover {
    background: #e86306;
    transform: translateY(-1px);
    box-shadow: 0 10px 22px rgba(var(--brand-rgb), 0.34);
}


/* Online Shop list + profile */
body.pds-admin .pds-os-list-page .pds-os-list-screen,
body.pds-admin .pds-os-profile-page .pds-os-profile-screen {
    border: 1px solid #e8edf3;
    border-radius: 20px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.04);
}

body.pds-admin .pds-os-list-hero,
body.pds-admin .pds-os-profile-hero {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.35rem 1.5rem 1.15rem;
    background:
        radial-gradient(circle at top right, rgba(251, 146, 60, 0.16), transparent 42%),
        linear-gradient(180deg, rgba(var(--brand-rgb), 0.05) 0%, #ffffff 100%);
    border-bottom: 1px solid #f1e7dc;
}

body.pds-admin .pds-os-profile-hero {
    margin-bottom: 1rem;
    border: 1px solid #e8edf3;
    border-radius: 20px;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
}

body.pds-admin .pds-os-list-hero__eyebrow,
body.pds-admin .pds-os-profile-hero__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    margin-bottom: 0.4rem;
    color: var(--site-color);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

body.pds-admin .pds-os-list-hero__title,
body.pds-admin .pds-os-profile-hero__title {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 800;
    color: #0f172a;
    letter-spacing: 0.01em;
}

body.pds-admin .pds-os-list-hero__subtitle {
    margin: 0.35rem 0 0;
    max-width: 40rem;
    font-size: 0.88rem;
    color: #64748b;
    line-height: 1.45;
}

body.pds-admin .pds-os-list-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
}

body.pds-admin .pds-os-profile-back {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.55rem 0.9rem;
    border-radius: 12px;
    background: #fff;
    border: 1px solid rgba(var(--brand-rgb), 0.28);
    color: var(--site-color);
    font-size: 0.84rem;
    font-weight: 700;
    text-decoration: none;
}

body.pds-admin .pds-os-profile-back:hover {
    background: rgba(var(--brand-rgb), 0.08);
    color: var(--site-color);
    text-decoration: none;
}

body.pds-admin .pds-os-list-body {
    padding: 1.1rem 1.25rem 1.35rem;
}

body.pds-admin .pds-os-list-bulk {
    margin: 0;
}
/* Keep Online Shop Delete Selected visible; other pages may still hide until selection */
body.pds-admin #deleteSelectedBtn:not(.is-visible),
body.pds-admin #deleteSelectedBtn[hidden] {
    display: none !important;
}
body.pds-admin #deleteSelectedBtn.is-visible,
body.pds-admin .pds-os-list-page #deleteSelectedBtn.pds-os-delete-btn {
    display: inline-flex !important;
    align-items: center;
}
body.pds-admin .pds-os-list-page .pds-os-list-bulk {
    display: flex !important;
    margin: 0;
}

body.pds-admin .pds-os-list-table-shell {
    border: 1px solid #e8edf3;
    border-radius: 16px;
    overflow: hidden;
    background: #fff;
}

body.pds-admin .pds-os-list-filters {
    margin-bottom: 1rem;
}

body.pds-admin .pds-os-list-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin: 0 0 1rem;
}

body.pds-admin .pds-os-list-tab {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.55rem 0.95rem;
    border-radius: 999px;
    border: 1px solid #e2e8f0;
    background: #fff;
    color: #334155;
    font-size: 0.82rem;
    font-weight: 700;
    text-decoration: none;
}

body.pds-admin .pds-os-list-tab:hover {
    border-color: rgba(var(--brand-rgb), 0.45);
    color: var(--site-color);
    text-decoration: none;
    background: rgba(var(--brand-rgb), 0.08);
}

body.pds-admin .pds-os-list-tab em {
    font-style: normal;
    min-width: 1.35rem;
    height: 1.35rem;
    padding: 0 0.4rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #f1f5f9;
    color: #475569;
    font-size: 0.72rem;
    font-weight: 800;
}

body.pds-admin .pds-os-list-tab[data-tab="pending"].is-active {
    background: rgba(var(--brand-rgb), 0.07);
    border-color: #fcd34d;
    color: #b45309;
}

body.pds-admin .pds-os-list-tab[data-tab="approved"].is-active {
    background: #ecfdf5;
    border-color: #6ee7b7;
    color: #047857;
}

body.pds-admin .pds-os-list-tab[data-tab="rejected"].is-active {
    background: #fef2f2;
    border-color: #fca5a5;
    color: #b91c1c;
}

body.pds-admin .pds-os-list-tab[data-tab="kyo_shin"].is-active,
body.pds-admin .pds-os-list-tab.is-kyo-shin.is-active {
    background: var(--site-color);
    border-color: var(--site-color);
    color: #fff;
}

body.pds-admin .pds-os-list-tab[data-tab="kyo_shin"].is-active i,
body.pds-admin .pds-os-list-tab[data-tab="kyo_shin"].is-active span {
    color: #fff;
}

body.pds-admin .pds-os-list-tab[data-tab="kyo_shin"].is-active em,
body.pds-admin .pds-os-list-tab.is-kyo-shin.is-active em {
    background: #fff;
    color: var(--site-color);
}

body.pds-admin .pds-os-kyo-shin-switch {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
}

body.pds-admin .pds-os-kyo-shin-switch input {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    pointer-events: none;
}

body.pds-admin .pds-os-kyo-shin-switch__track {
    position: relative;
    display: block;
    width: 2.75rem;
    height: 1.45rem;
    border-radius: 999px;
    background: #d1d5db;
    border: none;
    box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.08);
    transition: background 0.18s ease;
    flex: 0 0 auto;
}

body.pds-admin .pds-os-kyo-shin-switch__knob {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 999px;
    background: #fff;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.25);
    transition: transform 0.18s ease;
}

body.pds-admin .pds-os-kyo-shin-switch.is-on .pds-os-kyo-shin-switch__track,
body.pds-admin .pds-os-kyo-shin-switch input:checked + .pds-os-kyo-shin-switch__track {
    background: #22c55e;
}

body.pds-admin .pds-os-kyo-shin-switch.is-on .pds-os-kyo-shin-switch__knob,
body.pds-admin .pds-os-kyo-shin-switch input:checked + .pds-os-kyo-shin-switch__track .pds-os-kyo-shin-switch__knob {
    transform: translateX(1.3rem);
}

body.pds-admin .pds-os-kyo-shin-switch:has(input:disabled) {
    opacity: 0.55;
    cursor: not-allowed;
}

body.pds-admin .pds-os-list-tab.is-active em {
    background: #fff;
    color: var(--site-color);
}

body.pds-admin .pds-os-list-page .pds-os-list-table-shell .dataTables_wrapper {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

body.pds-admin .pds-os-list-page .pds-os-list-table-shell .dataTables_scroll,
body.pds-admin .pds-os-list-page .pds-os-list-table-shell .dataTables_scrollHead,
body.pds-admin .pds-os-list-page .pds-os-list-table-shell .dataTables_scrollBody {
    width: 100% !important;
    max-width: 100% !important;
}

body.pds-admin .pds-os-list-page .pds-os-list-table-shell .dataTables_scrollHeadInner,
body.pds-admin .pds-os-list-page .pds-os-list-table-shell table.dataTable {
    width: max-content !important;
    min-width: 100% !important;
    max-width: none !important;
}

body.pds-admin .pds-os-list-page .pds-os-list-table-shell .dataTables_scrollHeadInner {
    padding-right: 0 !important;
}

body.pds-admin .pds-os-list-page .pds-os-list-table thead th,
body.pds-admin .pds-os-list-page .pds-os-list-table tbody td {
    padding: 0.7rem 0.75rem;
    vertical-align: middle;
    white-space: nowrap;
}

body.pds-admin .pds-os-list-page .pds-table-user {
    min-width: 220px;
    white-space: nowrap;
}

body.pds-admin .pds-os-list-page .pds-table-user__name,
body.pds-admin .pds-os-list-page .pds-table-user__sub {
    white-space: nowrap;
}

body.pds-admin .pds-table-user__meta {
    display: flex;
    flex-direction: column;
    min-width: 0;
    gap: 0.15rem;
}

body.pds-admin .pds-table-user__sub {
    color: #94a3b8;
    font-size: 0.78rem;
    font-weight: 500;
}

body.pds-admin .pds-os-approval-select {
    appearance: none;
    -webkit-appearance: none;
    min-width: 124px;
    padding: 0.45rem 2rem 0.45rem 0.75rem;
    border-radius: 999px;
    border: 1px solid transparent;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%2364748b' d='M1.4.6 6 5.2 10.6.6 12 2 6 8 0 2z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.7rem center;
    background-size: 10px;
    transition: box-shadow 0.15s ease, transform 0.15s ease;
}

body.pds-admin .pds-os-approval-select[data-tone="approved"] {
    background-color: #ecfdf5;
    border-color: #a7f3d0;
    color: #047857;
    cursor: pointer;
}

body.pds-admin .pds-os-approval-select[data-tone="pending"] {
    background-color: rgba(var(--brand-rgb), 0.07);
    border-color: #fde68a;
    color: #b45309;
    cursor: pointer;
}

body.pds-admin .pds-os-approval-select[data-tone="rejected"] {
    background-color: #fef2f2;
    border-color: #fecaca;
    color: #b91c1c;
    cursor: pointer;
}

body.pds-admin .pds-os-approval-select:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(251, 146, 60, 0.2);
}

body.pds-admin .pds-os-list-page table.dataTable thead th.pds-os-col-action,
body.pds-admin .pds-os-list-page table.dataTable tbody td.pds-os-col-action {
    width: 156px;
    min-width: 156px;
    max-width: none;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
}

body.pds-admin .pds-os-list-page table.dataTable tbody td.pds-os-col-action form {
    display: inline-flex;
    margin: 0;
}

body.pds-admin .pds-os-row-actions {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

body.pds-admin .pds-os-row-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    text-decoration: none !important;
    transition: background 0.15s ease, color 0.15s ease, transform 0.15s ease;
}

body.pds-admin .pds-os-row-action.is-edit {
    background: rgba(var(--brand-rgb), 0.08);
    color: var(--site-color);
}

body.pds-admin .pds-os-row-action.is-logout {
    background: #fff7ed;
    color: #c2410c;
}

body.pds-admin .pds-os-row-action.is-view {
    background: #f1f5f9;
    color: #475569;
}

body.pds-admin .pds-os-row-action.is-delete {
    background: #fef2f2;
    color: #dc2626;
}

body.pds-admin .pds-os-row-action:hover {
    transform: translateY(-1px);
}

body.pds-admin .pds-os-profile-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    padding: 0.85rem 1rem;
    border-bottom: 1px solid #eef2f7;
    background: #fcfdff;
}

body.pds-admin .pds-os-profile-tab {
    padding: 0.55rem 0.95rem;
    border-radius: 999px;
    color: #64748b;
    font-size: 0.84rem;
    font-weight: 700;
    text-decoration: none !important;
}

body.pds-admin .pds-os-profile-tab:hover {
    background: rgba(var(--brand-rgb), 0.08);
    color: var(--site-color);
}

body.pds-admin .pds-os-profile-tab.is-active {
    background: linear-gradient(135deg, var(--site-color), var(--site-color));
    color: #fff;
    box-shadow: 0 6px 16px rgba(var(--brand-rgb), 0.25);
}

body.pds-admin .pds-os-profile-body {
    padding: 1.25rem;
}

body.pds-admin .pds-os-profile-grid {
    display: grid;
    grid-template-columns: minmax(240px, 300px) minmax(0, 1fr);
    gap: 1.1rem;
}

@media (max-width: 991px) {
    body.pds-admin .pds-os-profile-grid {
        grid-template-columns: 1fr;
    }
}

body.pds-admin .pds-os-profile-card {
    position: relative;
    border: 1px solid #e8edf3;
    border-radius: 18px;
    overflow: hidden;
    background: #fff;
    text-align: center;
    padding-bottom: 1.2rem;
}

body.pds-admin .pds-os-profile-card__banner {
    height: 88px;
    background:
        radial-gradient(circle at 20% 20%, rgba(255,255,255,0.25), transparent 45%),
        linear-gradient(135deg, var(--site-color) 0%, var(--site-color) 55%, var(--site-color) 100%);
}

body.pds-admin .pds-os-profile-card__avatar-wrap {
    margin-top: -42px;
}

body.pds-admin .pds-os-profile-card__avatar {
    width: 84px;
    height: 84px;
    border-radius: 50%;
    object-fit: cover;
    border: 4px solid #fff;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.12);
    background: #fff;
}

body.pds-admin .pds-os-profile-card__name {
    margin: 0.75rem 0.75rem 0.5rem;
    font-size: 1.15rem;
    font-weight: 800;
    color: #0f172a;
}

body.pds-admin .pds-os-approval-pill {
    display: inline-flex;
    align-items: center;
    padding: 0.3rem 0.75rem;
    border-radius: 999px;
    font-size: 0.74rem;
    font-weight: 700;
    margin-bottom: 0.85rem;
}

body.pds-admin .pds-os-approval-pill.is-approved {
    background: #ecfdf5;
    color: #047857;
}

body.pds-admin .pds-os-approval-pill.is-pending {
    background: rgba(var(--brand-rgb), 0.07);
    color: #b45309;
}

body.pds-admin .pds-os-approval-pill.is-rejected {
    background: #fef2f2;
    color: #b91c1c;
}

body.pds-admin .pds-os-profile-meta {
    list-style: none;
    margin: 0;
    padding: 0 1rem;
    text-align: left;
}

body.pds-admin .pds-os-profile-meta li {
    display: flex;
    align-items: flex-start;
    gap: 0.7rem;
    padding: 0.65rem 0;
    border-top: 1px solid #f1f5f9;
    color: #334155;
    font-size: 0.86rem;
    line-height: 1.4;
}

body.pds-admin .pds-os-profile-meta__icon {
    flex: 0 0 auto;
    width: 30px;
    height: 30px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(var(--brand-rgb), 0.08);
    color: var(--site-color);
    font-size: 0.78rem;
}

body.pds-admin .pds-os-profile-card__approve {
    margin: 1rem 1rem 0;
    text-align: left;
}

body.pds-admin .pds-os-profile-card__approve label {
    display: block;
    margin-bottom: 0.35rem;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #94a3b8;
}

body.pds-admin .pds-os-profile-panels {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

body.pds-admin .pds-os-profile-panel {
    border: 1px solid #e8edf3;
    border-radius: 18px;
    background: #fff;
    overflow: hidden;
}

body.pds-admin .pds-os-profile-panel__head {
    padding: 0.95rem 1.1rem;
    border-bottom: 1px solid #f1f5f9;
    background: #fcfdff;
}

body.pds-admin .pds-os-profile-panel__head h5 {
    margin: 0;
    font-size: 0.98rem;
    font-weight: 800;
    color: #0f172a;
}

body.pds-admin .pds-os-profile-table {
    margin: 0;
}

body.pds-admin .pds-os-profile-table thead th {
    background: #f8fafc;
    border-bottom: 1px solid #eef2f7;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #64748b;
    font-weight: 800;
    padding: 0.85rem 1rem;
}

body.pds-admin .pds-os-profile-table tbody td {
    padding: 0.9rem 1rem;
    vertical-align: middle;
    border-color: #f1f5f9;
    color: #334155;
    font-size: 0.88rem;
}

body.pds-admin .pds-os-verify-chip {
    display: inline-flex;
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 700;
}

body.pds-admin .pds-os-verify-chip.is-yes {
    background: #ecfdf5;
    color: #047857;
}

body.pds-admin .pds-os-verify-chip.is-no {
    background: #f1f5f9;
    color: #64748b;
}

body.pds-admin .pds-os-reverify-btn {
    border: 0;
    border-radius: 10px;
    padding: 0.4rem 0.75rem;
    background: linear-gradient(135deg, var(--site-color), var(--site-color));
    color: #fff;
    font-size: 0.78rem;
    font-weight: 700;
    cursor: pointer;
}

body.pds-admin .pds-os-bank-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem 1rem;
    padding: 1.1rem;
}

@media (max-width: 767px) {
    body.pds-admin .pds-os-bank-grid {
        grid-template-columns: 1fr;
    }
}

body.pds-admin .pds-os-bank-label {
    display: block;
    margin-bottom: 0.2rem;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #94a3b8;
}

body.pds-admin .pds-os-bank-grid strong {
    color: #0f172a;
    font-size: 0.9rem;
    font-weight: 700;
}

body.pds-admin .pds-os-profile-empty {
    margin: 0;
    padding: 1.4rem 1.1rem;
    color: #94a3b8;
    font-size: 0.9rem;
}

/* Delivery Man list */
body.pds-admin .pds-deliveryman-list-page .pds-deliveryman-list-body {
    padding-top: 0.35rem;
}

body.pds-admin .pds-deliveryman-list-page .pds-dm-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem 1rem;
    padding: 0.85rem 1.1rem;
    margin: 0 0 1rem;
    background: linear-gradient(180deg, #FAFBFD 0%, #F8FAFC 100%);
    border: 1px solid var(--pds-border);
    border-radius: var(--pds-radius-lg);
}

body.pds-admin .pds-deliveryman-list-page .pds-dm-toolbar__bulk {
    display: flex;
    align-items: center;
    min-height: 42px;
}

body.pds-admin .pds-deliveryman-list-page .pds-dm-toolbar #deleteSelectedBtn,
body.pds-admin .pds-deliveryman-list-page .pds-dm-toolbar #deleteSelectedBtn:not(.is-visible),
body.pds-admin .pds-deliveryman-list-page .pds-dm-toolbar #deleteSelectedBtn[hidden],
body.pds-admin .pds-deliveryman-list-page .pds-dm-toolbar #deleteSelectedBtn.bg-gray,
body.pds-admin .pds-deliveryman-list-page .pds-dm-toolbar #deleteSelectedBtn.bg-danger,
body.pds-admin .pds-deliveryman-list-page .pds-dm-toolbar #deleteSelectedBtn.btn-danger,
body.pds-admin .pds-deliveryman-list-page .pds-dm-toolbar #deleteSelectedBtn.btn-outline-danger,
body.pds-admin .pds-deliveryman-list-page .pds-dm-toolbar .pds-dm-delete-btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    visibility: visible;
    opacity: 1;
    height: 42px;
    padding: 0.45rem 1.35rem !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: #FE6F07 !important;
    color: #fff !important;
    font-weight: 700;
    box-shadow: none !important;
}

body.pds-admin .pds-deliveryman-list-page .pds-dm-toolbar #deleteSelectedBtn:hover,
body.pds-admin .pds-deliveryman-list-page .pds-dm-toolbar #deleteSelectedBtn:focus,
body.pds-admin .pds-deliveryman-list-page .pds-dm-toolbar .pds-dm-delete-btn:hover,
body.pds-admin .pds-deliveryman-list-page .pds-dm-toolbar .pds-dm-delete-btn:focus {
    background: #E86200 !important;
    color: #fff !important;
}

body.pds-admin .pds-deliveryman-list-page .pds-dm-toolbar__search {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    margin: 0 0 0 auto;
    font-size: 0.9rem;
    font-weight: 600;
    color: #475569;
}

body.pds-admin .pds-deliveryman-list-page .pds-dm-toolbar__search input {
    min-width: 240px;
    height: 42px;
    border: 1px solid var(--pds-border) !important;
    border-radius: 999px !important;
    padding: 0.45rem 1rem 0.45rem 2.35rem !important;
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2364748B' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85zm-5.242 1.106a5 5 0 1 1 0-10 5 5 0 0 1 0 10z'/%3E%3C/svg%3E") no-repeat 0.9rem center !important;
}

body.pds-admin .pds-deliveryman-list-page .pds-dm-toolbar__search input:focus {
    outline: none;
    border-color: rgba(254, 111, 7, 0.55) !important;
    box-shadow: 0 0 0 3px rgba(254, 111, 7, 0.12);
}

body.pds-admin .pds-deliveryman-list-page .pds-deliveryman-table-shell .dataTables_wrapper > .row.align-items-center,
body.pds-admin .pds-deliveryman-list-page .pds-deliveryman-table-shell .dataTables_filter,
body.pds-admin .pds-deliveryman-list-page .pds-deliveryman-table-shell .dt-buttons,
body.pds-admin .pds-deliveryman-list-page .dataTables_wrapper .dataTables_filter {
    display: none !important;
}

@media (max-width: 767.98px) {
    body.pds-admin .pds-deliveryman-list-page .pds-dm-toolbar__search {
        width: 100%;
        margin-left: 0;
    }
    body.pds-admin .pds-deliveryman-list-page .pds-dm-toolbar__search input {
        flex: 1;
        min-width: 0;
    }
}

body.pds-admin .pds-deliveryman-list-page .pds-deliveryman-table-shell {
    overflow-x: hidden;
    overflow-y: visible;
}

body.pds-admin .pds-deliveryman-list-page .pds-deliveryman-table-shell .dataTables_wrapper,
body.pds-admin .pds-deliveryman-list-page .pds-deliveryman-table-shell table.dataTable {
    width: 100% !important;
    max-width: 100% !important;
}

body.pds-admin .pds-deliveryman-list-page .pds-deliveryman-datatable {
    min-width: 0 !important;
    width: 100% !important;
}

body.pds-admin .pds-deliveryman-list-page .pds-deliveryman-datatable thead th.pds-dm-col-work,
body.pds-admin .pds-deliveryman-list-page .pds-deliveryman-datatable tbody td.pds-dm-col-work {
    width: 108px;
    min-width: 108px;
    text-align: center !important;
}

body.pds-admin .pds-dm-work-switch {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 0.28rem;
    margin: 0;
    cursor: pointer;
    user-select: none;
}

body.pds-admin .pds-dm-work-switch input {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

body.pds-admin .pds-dm-work-switch__track {
    position: relative;
    width: 46px;
    height: 26px;
    border-radius: 999px;
    background: #cbd5e1;
    transition: background 0.2s ease, box-shadow 0.2s ease;
    box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.06);
}

body.pds-admin .pds-dm-work-switch__track::after {
    content: '';
    position: absolute;
    top: 3px;
    left: 3px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 2px 6px rgba(15, 23, 42, 0.18);
    transition: transform 0.2s ease;
}

body.pds-admin .pds-dm-work-switch.is-on .pds-dm-work-switch__track {
    background: #22c55e;
}

body.pds-admin .pds-dm-work-switch.is-on .pds-dm-work-switch__track::after {
    transform: translateX(20px);
}

body.pds-admin .pds-dm-work-switch__label {
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #64748b;
}

body.pds-admin .pds-dm-work-switch.is-on .pds-dm-work-switch__label {
    color: #15803d;
}

body.pds-admin .pds-dm-work-switch.is-off .pds-dm-work-switch__label {
    color: #94a3b8;
}

body.pds-admin .pds-dm-work-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    padding: 0.28rem 0.55rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

body.pds-admin .pds-dm-work-badge.is-on {
    background: #ecfdf5;
    color: #15803d;
}

body.pds-admin .pds-dm-work-badge.is-off {
    background: #f1f5f9;
    color: #64748b;
}

body.pds-admin .pds-deliveryman-list-page .pds-deliveryman-datatable tbody tr:has(.pds-dm-work-switch.is-off) {
    background: #f8fafc;
}

body.pds-admin .pds-deliveryman-list-page .pds-deliveryman-datatable tbody tr:has(.pds-dm-work-switch.is-off):hover {
    background: #f1f5f9 !important;
}

body.pds-admin .pds-deliveryman-list-page .pds-deliveryman-datatable thead th,
body.pds-admin .pds-deliveryman-list-page .pds-deliveryman-datatable tbody td {
    padding: 0.72rem 0.85rem !important;
    vertical-align: middle !important;
    word-break: normal !important;
    white-space: nowrap;
}

body.pds-admin .pds-deliveryman-list-page .pds-deliveryman-datatable thead th.pds-dm-col-check,
body.pds-admin .pds-deliveryman-list-page .pds-deliveryman-datatable tbody td.pds-dm-col-check,
body.pds-admin .pds-deliveryman-list-page .pds-deliveryman-datatable thead th.pds-dm-col-no,
body.pds-admin .pds-deliveryman-list-page .pds-deliveryman-datatable tbody td.pds-dm-col-no {
    width: 52px;
    text-align: center !important;
}

body.pds-admin .pds-deliveryman-list-page .pds-deliveryman-datatable thead th.pds-dm-col-name,
body.pds-admin .pds-deliveryman-list-page .pds-deliveryman-datatable tbody td.pds-dm-col-name {
    min-width: 190px;
}

body.pds-admin .pds-deliveryman-list-page .pds-deliveryman-datatable thead th.pds-dm-col-email,
body.pds-admin .pds-deliveryman-list-page .pds-deliveryman-datatable tbody td.pds-dm-col-email {
    min-width: 210px;
}

body.pds-admin .pds-deliveryman-list-page .pds-deliveryman-datatable thead th.pds-dm-col-city,
body.pds-admin .pds-deliveryman-list-page .pds-deliveryman-datatable tbody td.pds-dm-col-city {
    min-width: 120px;
}

body.pds-admin .pds-deliveryman-list-page .pds-deliveryman-datatable thead th.pds-dm-col-country,
body.pds-admin .pds-deliveryman-list-page .pds-deliveryman-datatable tbody td.pds-dm-col-country {
    min-width: 100px;
}

body.pds-admin .pds-deliveryman-list-page .pds-deliveryman-datatable thead th.pds-dm-col-phone,
body.pds-admin .pds-deliveryman-list-page .pds-deliveryman-datatable tbody td.pds-dm-col-phone {
    min-width: 132px;
}

body.pds-admin .pds-deliveryman-list-page .pds-deliveryman-datatable thead th.pds-dm-col-date,
body.pds-admin .pds-deliveryman-list-page .pds-deliveryman-datatable tbody td.pds-dm-col-date {
    min-width: 168px;
}

body.pds-admin .pds-deliveryman-list-page .pds-deliveryman-datatable thead th.pds-dm-col-action,
body.pds-admin .pds-deliveryman-list-page .pds-deliveryman-datatable tbody td.pds-dm-col-action {
    width: 156px;
    min-width: 156px;
    max-width: none;
    text-align: center !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
}

body.pds-admin .pds-deliveryman-list-page .pds-deliveryman-datatable tbody td.pds-dm-col-action .pds-deliveryman-row-actions {
    display: inline-flex !important;
    flex-wrap: nowrap;
    overflow: visible;
}

body.pds-admin .pds-deliveryman-list-page .pds-deliveryman-datatable tbody td.pds-dm-col-action form {
    display: inline-flex;
    margin: 0;
}

body.pds-admin .pds-deliveryman-list-page .pds-table-user {
    min-width: 170px;
}

body.pds-admin .pds-deliveryman-list-page .pds-table-user__name {
    white-space: nowrap;
    word-break: normal;
    color: #0f172a !important;
}

body.pds-admin .pds-deliveryman-list-page .pds-table-user__name:hover {
    color: var(--pds-accent) !important;
}

body.pds-admin .pds-deliveryman-list-page .pds-dm-email {
    display: inline-block;
    max-width: 240px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    color: #475569;
    font-weight: 500;
}

body.pds-admin .pds-deliveryman-list-page .pds-dm-date {
    display: inline-block;
    color: #64748b;
    font-size: 0.82rem;
    font-weight: 600;
    white-space: nowrap;
}

body.pds-admin .pds-deliveryman-list-page .pds-deliveryman-datatable tbody td.pds-dm-col-city,
body.pds-admin .pds-deliveryman-list-page .pds-deliveryman-datatable tbody td.pds-dm-col-country {
    color: #64748b;
    font-weight: 600;
}

body.pds-admin .pds-deliveryman-row-actions {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
}

body.pds-admin .pds-deliveryman-row-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    border: 0;
    text-decoration: none !important;
    transition: background 0.15s ease, color 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease;
}

body.pds-admin .pds-deliveryman-row-action.is-edit {
    background: rgba(var(--brand-rgb), 0.08);
    color: var(--site-color);
}

body.pds-admin .pds-deliveryman-row-action.is-logout {
    background: #fff7ed;
    color: #c2410c;
}

body.pds-admin .pds-deliveryman-row-action.is-view {
    background: #eff6ff;
    color: #2563eb;
}

body.pds-admin .pds-deliveryman-row-action.is-delete {
    background: #fef2f2;
    color: #dc2626;
}

body.pds-admin .pds-deliveryman-row-action:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 10px rgba(15, 23, 42, 0.08);
}

body.pds-admin .pds-deliveryman-list-page .pds-deliveryman-datatable tbody td a i.fa,
body.pds-admin .pds-deliveryman-list-page .pds-deliveryman-datatable tbody td a i.fas,
body.pds-admin .pds-deliveryman-list-page .pds-deliveryman-datatable tbody td a i.far {
    width: auto;
    height: auto;
    display: inline;
    border: 0;
    border-radius: 0;
    background: transparent;
    font-size: 0.82rem !important;
}

/* Account Creation — Delete at row start (left), Search at end (right) */
body.pds-admin .pds-subadmin-list-page .pds-subadmin-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
    margin: 0 0 0.85rem;
}

body.pds-admin .pds-subadmin-list-page .pds-subadmin-toolbar__start,
body.pds-admin .pds-subadmin-list-page .pds-subadmin-toolbar__end {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
    flex-wrap: nowrap;
}

body.pds-admin .pds-subadmin-list-page .pds-subadmin-toolbar__start {
    justify-content: flex-start;
}

body.pds-admin .pds-subadmin-list-page .pds-subadmin-toolbar__end {
    justify-content: flex-end;
    margin-left: auto;
}

body.pds-admin .pds-subadmin-list-page .pds-subadmin-toolbar__search {
    margin: 0;
}

body.pds-admin .pds-subadmin-list-page .pds-subadmin-toolbar__search input {
    border: 1px solid var(--pds-border) !important;
    border-radius: 999px !important;
    padding: 0.55rem 1rem 0.55rem 2.35rem !important;
    min-width: 240px;
    height: 42px;
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2364748B' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85zm-5.242 1.106a5 5 0 1 1 0-10 5 5 0 0 1 0 10z'/%3E%3C/svg%3E") no-repeat 0.95rem center !important;
    box-shadow: var(--pds-shadow-sm);
}

body.pds-admin .pds-subadmin-list-page .dataTables_wrapper > .row.align-items-center,
body.pds-admin .pds-subadmin-list-page .dataTables_filter {
    display: none !important;
}

body.pds-admin .pds-subadmin-list-page #deleteSelectedBtn.pds-subadmin-delete-btn,
body.pds-admin .pds-subadmin-list-page .pds-subadmin-toolbar #deleteSelectedBtn,
body.pds-admin #deleteSelectedBtn.pds-subadmin-delete-btn.is-visible {
    display: inline-flex !important;
    align-items: center;
    gap: 0.4rem;
    border: 0;
    border-radius: 10px;
    padding: 0.45rem 0.9rem;
    height: 42px;
    font-weight: 600;
    background: #fee2e2;
    color: #b91c1c;
    white-space: nowrap;
}

body.pds-admin .pds-subadmin-list-page #deleteSelectedBtn.pds-subadmin-delete-btn:hover,
body.pds-admin .pds-subadmin-list-page .pds-subadmin-toolbar #deleteSelectedBtn:hover {
    background: #fecaca;
    color: #991b1b;
}

/* Beautiful force-logout confirm popup */
.jconfirm.pds-logout-confirm .jconfirm-box,
.jconfirm .jconfirm-box.pds-logout-confirm,
body .jconfirm.jconfirm-modern.pds-logout-confirm .jconfirm-box {
    border-radius: 20px !important;
    padding: 1.45rem 1.4rem 1.15rem !important;
    box-shadow: 0 28px 70px rgba(15, 23, 42, 0.2) !important;
    border: 1px solid rgba(var(--brand-rgb, 249, 115, 22), 0.22) !important;
    overflow: hidden;
}

body .jconfirm.pds-logout-confirm .jconfirm-box:before {
    content: '';
    display: block;
    height: 4px;
    margin: -1.45rem -1.4rem 1.1rem;
    background: linear-gradient(90deg, var(--site-color, #f97316), #fb923c 55%, #fdba74);
}

body .jconfirm.pds-logout-confirm .jconfirm-title-c {
    margin-bottom: 0.2rem !important;
    text-align: center !important;
}

body .jconfirm.pds-logout-confirm .jconfirm-title {
    font-size: 1.2rem !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    letter-spacing: -0.01em;
}

body .jconfirm.pds-logout-confirm .jconfirm-content-pane {
    margin-bottom: 0.25rem !important;
}

body .jconfirm.pds-logout-confirm .pds-logout-pop {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0.55rem;
    padding: 0.15rem 0.35rem 0.55rem;
}

body .jconfirm.pds-logout-confirm .pds-logout-pop__icon {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(var(--brand-rgb, 249, 115, 22), 0.12);
    color: var(--site-color, #ea580c);
    font-size: 1.35rem;
    box-shadow: inset 0 0 0 1px rgba(var(--brand-rgb, 249, 115, 22), 0.16);
}

body .jconfirm.pds-logout-confirm .pds-logout-pop__text {
    margin: 0;
    color: #1e293b;
    font-size: 1rem;
    font-weight: 650;
    line-height: 1.45;
}

body .jconfirm.pds-logout-confirm .pds-logout-pop__hint {
    margin: 0;
    color: #64748b;
    font-size: 0.88rem;
    line-height: 1.4;
    max-width: 28ch;
}

body .jconfirm.pds-logout-confirm .jconfirm-buttons {
    display: flex !important;
    justify-content: center !important;
    gap: 0.65rem !important;
    padding-top: 0.45rem !important;
}

body .jconfirm.pds-logout-confirm .pds-logout-confirm__btn {
    min-width: 118px;
    border-radius: 12px !important;
    padding: 0.62rem 1.1rem !important;
    font-weight: 750 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}

body .jconfirm.pds-logout-confirm .pds-logout-confirm__btn.is-ghost {
    background: #f1f5f9 !important;
    color: #334155 !important;
    border: 0 !important;
}

body .jconfirm.pds-logout-confirm .pds-logout-confirm__btn.is-ghost:hover {
    background: #e2e8f0 !important;
}

body .jconfirm.pds-logout-confirm .pds-logout-confirm__btn.is-accent {
    background: var(--site-color, #f97316) !important;
    color: #fff !important;
    border: 0 !important;
    box-shadow: 0 10px 22px rgba(var(--brand-rgb, 249, 115, 22), 0.28);
}

body .jconfirm.pds-logout-confirm .pds-logout-confirm__btn.is-accent:hover {
    filter: brightness(0.96);
}

/* Beautiful delete confirm popup */
.jconfirm.pds-delete-confirm .jconfirm-box,
.jconfirm .jconfirm-box.pds-delete-confirm,
body .jconfirm.jconfirm-modern.pds-delete-confirm .jconfirm-box {
    border-radius: 18px !important;
    padding: 1.35rem 1.35rem 1.1rem !important;
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.18) !important;
    border: 1px solid #fee2e2 !important;
}

body .jconfirm.pds-delete-confirm .jconfirm-title-c {
    margin-bottom: 0.35rem !important;
}

body .jconfirm.pds-delete-confirm .jconfirm-title {
    font-size: 1.15rem !important;
    font-weight: 700 !important;
    color: #0f172a !important;
}

body .jconfirm.pds-delete-confirm .jconfirm-content-pane {
    margin-bottom: 0.35rem !important;
}

body .jconfirm.pds-delete-confirm .pds-delete-pop {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0.75rem;
    padding: 0.35rem 0 0.5rem;
}

body .jconfirm.pds-delete-confirm .pds-delete-pop__icon {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #fef2f2;
    color: #dc2626;
    font-size: 1.25rem;
}

body .jconfirm.pds-delete-confirm .pds-delete-pop__text {
    margin: 0;
    color: #475569;
    font-size: 0.98rem;
    line-height: 1.45;
}

body .jconfirm.pds-delete-confirm .jconfirm-buttons {
    display: flex !important;
    justify-content: center !important;
    gap: 0.6rem !important;
    padding-top: 0.35rem !important;
}

body .jconfirm.pds-delete-confirm .pds-delete-confirm__btn {
    min-width: 108px;
    border-radius: 11px !important;
    padding: 0.55rem 1rem !important;
    font-weight: 700 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}

body .jconfirm.pds-delete-confirm .pds-delete-confirm__btn.is-ghost {
    background: #f1f5f9 !important;
    color: #334155 !important;
    border: 0 !important;
}

body .jconfirm.pds-delete-confirm .pds-delete-confirm__btn.is-danger {
    background: #dc2626 !important;
    color: #fff !important;
    border: 0 !important;
}

body .jconfirm.pds-delete-confirm .pds-delete-confirm__btn.is-danger:hover {
    background: #b91c1c !important;
}

body.pds-admin .pds-subadmin-row-actions {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
}

body.pds-admin .pds-subadmin-row-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    border: 0;
    text-decoration: none !important;
    transition: background 0.15s ease, color 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease;
}

body.pds-admin .pds-subadmin-row-action.is-edit,
body.pds-admin .pds-subadmin-row-action.is-restore {
    background: rgba(var(--brand-rgb), 0.08);
    color: var(--site-color);
}

body.pds-admin .pds-subadmin-row-action.is-logout {
    background: #fff7ed;
    color: #c2410c;
}

body.pds-admin .pds-subadmin-row-action.is-delete {
    background: #fef2f2;
    color: #dc2626 !important;
}

body.pds-admin .pds-subadmin-row-action:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 10px rgba(15, 23, 42, 0.08);
}

body.pds-admin .pds-subadmin-list-page table.dataTable tbody td .pds-subadmin-row-action i.fa,
body.pds-admin .pds-subadmin-list-page table.dataTable tbody td .pds-subadmin-row-action i.fas,
body.pds-admin .pds-subadmin-list-page table.dataTable tbody td .pds-subadmin-row-action i.far,
body.pds-admin .pds-subadmin-list-page table.dataTable tbody td .pds-subadmin-row-action i.ri-refresh-line {
    width: auto;
    height: auto;
    display: inline;
    border: 0;
    border-radius: 0;
    background: transparent;
    font-size: 0.82rem !important;
    color: inherit !important;
}

body.pds-admin .pds-deliveryman-list-page .pds-deliveryman-datatable tbody tr:nth-child(even) {
    background: #fafbfd;
}

body.pds-admin .pds-deliveryman-list-page .pds-deliveryman-datatable tbody tr:hover {
    background: rgba(var(--brand-rgb), 0.04) !important;
}

@media (max-width: 1200px) {
    body.pds-admin .pds-deliveryman-list-page .pds-deliveryman-table-shell {
        overflow: hidden !important;
    }
}

body.pds-admin .pds-pending-total-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    border: 0;
    background: linear-gradient(135deg, rgba(var(--brand-rgb), 0.08), rgba(var(--brand-rgb), 0.16));
    color: var(--site-color);
    border-radius: 999px;
    padding: 0.28rem 0.7rem;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    box-shadow: 0 0 0 1px rgba(var(--brand-rgb), 0.16);
    cursor: pointer;
    white-space: nowrap;
    position: relative;
    z-index: 2;
}
body.pds-admin .pds-pending-total-btn strong {
    min-width: 1.15rem;
    height: 1.15rem;
    padding: 0 0.3rem;
    border-radius: 999px;
    background: var(--site-color);
    color: #fff;
    display: inline-grid;
    place-items: center;
    font-size: 0.72rem;
}
body.pds-admin .pds-pending-total-btn:hover {
    background: linear-gradient(135deg, rgba(var(--brand-rgb), 0.16), rgba(var(--brand-rgb), 0.28));
}

body.pds-admin #pdsPendingRemarkHistoryModal {
    z-index: 1080;
}
body.pds-admin #pdsPendingRemarkHistoryModal .modal-dialog,
body.pds-admin .pds-pending-history-dialog {
    max-width: 440px;
    width: calc(100% - 24px);
    margin: 1.25rem auto;
    pointer-events: none;
}
body.pds-admin #pdsPendingRemarkHistoryModal.has-preview .pds-pending-history-dialog {
    max-width: min(900px, calc(100vw - 24px));
}
body.pds-admin .pds-pending-history-stage {
    display: flex;
    align-items: stretch;
    justify-content: center;
    gap: 16px;
    pointer-events: none;
}
body.pds-admin .pds-pending-history-stage > * {
    pointer-events: auto;
}
body.pds-admin .pds-pending-history-modal {
    border: 0;
    border-radius: 24px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 28px 70px rgba(15, 23, 42, 0.22);
    flex: 1 1 420px;
    max-width: 440px;
    width: 100%;
}
body.pds-admin #pdsPendingRemarkHistoryModal.has-preview .pds-pending-history-modal {
    max-width: 420px;
}
body.pds-admin .pds-pending-history-preview {
    flex: 0 0 min(400px, 38vw);
    width: min(400px, 38vw);
    min-width: 260px;
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 24px;
    box-shadow: 0 28px 70px rgba(15, 23, 42, 0.22);
    overflow: hidden;
}
body.pds-admin .pds-pending-history-preview[hidden] {
    display: none !important;
}
body.pds-admin .pds-pending-history-preview__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 1rem 1.05rem 0.85rem;
    border-bottom: 1px solid rgba(20, 17, 15, 0.08);
}
body.pds-admin .pds-pending-history-preview__head h5 {
    margin: 0;
    font-size: 1rem;
    font-weight: 800;
    color: #14110F;
}
body.pds-admin .pds-pending-history-preview__close {
    border: 0;
    background: #F6F1EB;
    width: 34px;
    height: 34px;
    border-radius: 999px;
    color: #7A7168;
    display: grid;
    place-items: center;
}
body.pds-admin .pds-pending-history-preview__close:hover {
    background: #fee2e2;
    color: #b91c1c;
}
body.pds-admin .pds-pending-history-preview__frame {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1 1 auto;
    min-height: 280px;
    padding: 14px;
    background: #0f172a;
}
body.pds-admin .pds-pending-history-preview__frame img {
    display: block;
    max-width: 100%;
    max-height: min(62vh, 540px);
    width: auto;
    height: auto;
    object-fit: contain;
    border-radius: 10px;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35);
}
body.pds-admin .pds-pending-history-modal__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 1.1rem 1.2rem 1rem;
    background: #fff;
    border-bottom: 1px solid rgba(20, 17, 15, 0.08);
}
body.pds-admin .pds-pending-history-modal__brand {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
}
body.pds-admin .pds-pending-history-modal__icon {
    width: 40px;
    height: 40px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    background: linear-gradient(160deg, var(--site-color), var(--site-color));
    color: #fff;
    font-size: 1rem;
    flex-shrink: 0;
    box-shadow: 0 10px 20px rgba(var(--brand-rgb), 0.22);
}
body.pds-admin .pds-pending-history-modal__title {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 800;
    color: #14110F;
    letter-spacing: 0.01em;
}
body.pds-admin .pds-pending-history-modal__count {
    display: inline-flex;
    margin-top: 0.28rem;
    padding: 0.12rem 0.5rem;
    border-radius: 999px;
    background: rgba(var(--brand-rgb), 0.08);
    color: var(--site-color);
    font-size: 0.72rem;
    font-weight: 700;
}
body.pds-admin .pds-pending-history-modal__close {
    border: 0;
    background: #F6F1EB;
    width: 34px;
    height: 34px;
    border-radius: 999px;
    color: #7A7168;
    display: grid;
    place-items: center;
    transition: background 0.15s ease, color 0.15s ease;
}
body.pds-admin .pds-pending-history-modal__close:hover {
    background: #fee2e2;
    color: #b91c1c;
}
body.pds-admin .pds-pending-history-modal__body {
    padding: 0.35rem 0 1.15rem;
    max-height: 72vh;
    overflow: auto;
    background: rgba(var(--brand-rgb), 0.06);
}
body.pds-admin .pds-pending-history-timeline {
    position: relative;
    padding: 0.55rem 1.2rem 0.15rem 1.15rem;
}
body.pds-admin .pds-pending-history-timeline::before {
    content: "";
    position: absolute;
    top: 1.55rem;
    bottom: 1.4rem;
    left: 2.05rem;
    width: 2px;
    background: #ffe4c7;
}
body.pds-admin .pds-pending-history-card {
    position: relative;
    display: flex;
    gap: 0.85rem;
    padding: 0.7rem 0;
}
body.pds-admin .pds-pending-history-card__rail {
    width: 28px;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    z-index: 1;
}
body.pds-admin .pds-pending-history-card__index {
    width: 26px;
    height: 26px;
    border-radius: 999px;
    background: #fff;
    color: var(--site-color);
    font-size: 0.72rem;
    font-weight: 800;
    display: grid;
    place-items: center;
    box-shadow: 0 0 0 4px rgba(var(--brand-rgb), 0.06), 0 0 0 6px rgba(var(--brand-rgb), 0.28);
}
body.pds-admin .pds-pending-history-card__main {
    flex: 1;
    min-width: 0;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.75rem 0.8rem;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(20, 17, 15, 0.04), 0 0 0 1px rgba(20, 17, 15, 0.08);
}
body.pds-admin .pds-pending-history-card__copy {
    flex: 1;
    min-width: 0;
}
body.pds-admin .pds-pending-history-card__meta {
    display: flex;
    align-items: center;
    margin-bottom: 0.35rem;
}
body.pds-admin .pds-pending-history-card__date {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.18rem 0.55rem;
    border-radius: 999px;
    background: rgba(var(--brand-rgb), 0.08);
    color: var(--site-color);
    font-size: 0.72rem;
    font-weight: 700;
}
body.pds-admin .pds-pending-history-card__date i {
    font-size: 0.68rem;
}
body.pds-admin .pds-pending-history-card__remark {
    margin: 0;
    font-size: 0.95rem;
    color: #14110F;
    line-height: 1.45;
    white-space: pre-wrap;
    font-weight: 600;
}
body.pds-admin .pds-pending-history-card.is-previewing .pds-pending-history-card__main {
    box-shadow: 0 0 0 2px var(--site-color);
}
body.pds-admin .pds-pending-history-card__photo {
    display: block;
    flex-shrink: 0;
    width: 72px;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 6px 14px rgba(15, 23, 42, 0.08);
    cursor: pointer;
}
body.pds-admin .pds-pending-history-card__photo:hover {
    transform: none;
    box-shadow: 0 8px 16px rgba(15, 23, 42, 0.12);
}
body.pds-admin .pds-pending-history-card__photo img {
    display: block;
    width: 72px;
    height: 72px;
    object-fit: cover;
    background: #fff;
}
@media (max-width: 860px) {
    body.pds-admin #pdsPendingRemarkHistoryModal.has-preview .pds-pending-history-dialog {
        max-width: min(440px, calc(100vw - 24px));
    }
    body.pds-admin .pds-pending-history-stage {
        flex-direction: column;
    }
    body.pds-admin .pds-pending-history-preview,
    body.pds-admin #pdsPendingRemarkHistoryModal.has-preview .pds-pending-history-modal {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        flex: none;
    }
}

/* Latin-safe date picker — Noto/Pyidaungsu mangles month names and years (Junee, 20266). */
.flatpickr-calendar {
    z-index: 100000 !important;
}
.flatpickr-calendar.open {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
}
.flatpickr-calendar,
.flatpickr-calendar * {
    font-family: var(--admin-font) !important;
    letter-spacing: 0 !important;
}
.flatpickr-months .flatpickr-month,
.flatpickr-current-month,
.flatpickr-current-month input.cur-year,
.flatpickr-monthDropdown-months,
.flatpickr-weekday,
.flatpickr-day {
    font-family: var(--admin-font) !important;
}

/* === PDS Premium Pass v3 === */

body.pds-admin {
    --pds-warm-border: rgba(20, 17, 15, 0.1);
    --pds-warm-border-soft: rgba(20, 17, 15, 0.06);
}

/* Remap lingering slate utility surfaces toward warm tokens */
body.pds-admin .bg-light,
body.pds-admin .bg-slate-50 {
    background-color: var(--pds-surface-2) !important;
}

body.pds-admin .text-muted,
body.pds-admin .text-secondary {
    color: var(--pds-muted) !important;
}

body.pds-admin .border,
body.pds-admin .border-top,
body.pds-admin .border-bottom {
    border-color: var(--pds-warm-border-soft) !important;
}

/* Shell spacing — softer top bar + content breathing room */
body.pds-admin .mm-top-navbar,
body.pds-admin .iq-top-navbar,
body.pds-admin .pds-topbar {
    padding-top: 0.55rem !important;
    padding-bottom: 0.55rem !important;
}

body.pds-admin .content-page {
    padding: 1.25rem 1.45rem 1.85rem !important;
}

@media (min-width: 1200px) {
    body.pds-admin .content-page {
        padding: 1.35rem 1.65rem 2rem !important;
    }
}

/* Card lift + warm edge glow */
body.pds-admin .card,
body.pds-admin .content-page .card.card-block.card-stretch,
body.pds-admin .content-page .shadow-card {
    transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.28s ease,
        border-color 0.28s ease !important;
}

body.pds-admin .card:hover,
body.pds-admin .content-page .card.card-block.card-stretch:hover,
body.pds-admin .content-page .shadow-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 18px 40px rgba(20, 17, 15, 0.08), 0 0 0 1px rgba(var(--brand-rgb), 0.1) !important;
    border-color: rgba(var(--brand-rgb), 0.16) !important;
}

/* Table headers — soft cream band */
body.pds-admin .table thead th,
body.pds-admin table.dataTable thead th,
body.pds-admin table.dataTable thead td {
    background: linear-gradient(180deg, rgba(var(--brand-rgb), 0.06) 0%, #F6F1EB 100%) !important;
    color: var(--pds-text) !important;
    border-color: var(--pds-warm-border-soft) !important;
}

/* Primary actions — richer gradient + glow */
body.pds-admin .btn-primary,
body.pds-admin .btn-primary:focus,
body.pds-admin .btn-primary:active {
    background: linear-gradient(
        135deg,
        var(--pds-accent-dark) 0%,
        var(--pds-accent) 42%,
        var(--pds-accent-2) 100%
    ) !important;
    border: none !important;
    box-shadow:
        0 8px 22px rgba(var(--brand-rgb), 0.34),
        0 0 0 1px rgba(var(--brand-rgb), 0.14),
        inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
}

body.pds-admin .btn-primary:hover {
    transform: translateY(-2px);
    box-shadow:
        0 14px 32px rgba(var(--brand-rgb), 0.42),
        0 0 0 1px rgba(var(--brand-rgb), 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}

/* Pending remark history — warm modal overrides (slate leftovers) */
body.pds-admin #pdsPendingRemarkHistoryModal .pds-pending-history-modal,
body.pds-admin #pdsPendingRemarkHistoryModal .pds-pending-history-preview {
    box-shadow: 0 28px 70px rgba(20, 17, 15, 0.18);
}

body.pds-admin #pdsPendingRemarkHistoryModal .pds-pending-history-card__photo {
    box-shadow: 0 6px 14px rgba(20, 17, 15, 0.08);
}

body.pds-admin #pdsPendingRemarkHistoryModal .pds-pending-history-card__photo:hover {
    box-shadow: 0 8px 16px rgba(20, 17, 15, 0.12);
}

body.pds-admin .pds-deliveryman-list-page .pds-deliveryman-datatable tbody tr:nth-child(even) {
    background: rgba(var(--brand-rgb), 0.06);
}

/* Shared branch destination tabs — wrap + center incomplete last row; padded for Myanmar glyphs. */
body.pds-admin .pds-dm-branch-tabs,
body.pds-admin .pds-assign-100-tabs,
body.pds-admin .pds-dispatch-items-tabs {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center;
    align-content: center;
    gap: 0.5rem;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin-bottom: 1rem;
    min-width: 0;
    padding: 0.75rem;
    background: linear-gradient(180deg, #fffaf5 0%, #fff4ea 100%);
    border: 1px solid rgba(var(--brand-rgb), 0.18);
    border-radius: 18px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7), 0 6px 18px rgba(15, 23, 42, 0.04);
    overflow: visible;
}

body.pds-admin .pds-dm-branch-tabs::-webkit-scrollbar,
body.pds-admin .pds-assign-100-tabs::-webkit-scrollbar,
body.pds-admin .pds-dispatch-items-tabs::-webkit-scrollbar {
    height: 4px;
}

body.pds-admin .pds-dm-branch-tabs::-webkit-scrollbar-thumb,
body.pds-admin .pds-assign-100-tabs::-webkit-scrollbar-thumb,
body.pds-admin .pds-dispatch-items-tabs::-webkit-scrollbar-thumb {
    background: rgba(var(--brand-rgb), 0.35);
    border-radius: 999px;
}

body.pds-admin .pds-dm-branch-tab,
body.pds-admin .pds-assign-100-tab,
body.pds-admin .pds-dispatch-items-tab {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    flex: 0 1 11rem;
    min-width: 0;
    min-height: 2.85rem;
    width: 11rem;
    max-width: calc(50% - 0.5rem);
    padding: 0.55rem 0.7rem;
    border: 1px solid transparent;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.35);
    color: #57534e;
    font-size: 0.8rem;
    font-weight: 750;
    line-height: 1.45;
    overflow: visible;
    box-sizing: border-box;
    text-align: center;
    text-decoration: none !important;
    box-sizing: border-box;
    white-space: nowrap;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

body.pds-admin .pds-dm-branch-tab__label,
body.pds-admin .pds-assign-100-tab > span,
body.pds-admin .pds-dispatch-items-tab > span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    line-height: 1.45;
    padding: 0.15rem 0;
    /* Prefer Myanmar-capable face so Latin+မြန်မာ mixed labels (e.g. Food မန္တလေး) shape correctly. */
    font-family: 'Noto Sans Myanmar', 'Myanmar Text', 'Padauk', var(--admin-font), system-ui, sans-serif;
    line-height: 1.35;
    padding-block: 0;
}

body.pds-admin .pds-dm-branch-tab:hover,
body.pds-admin .pds-assign-100-tab:hover,
body.pds-admin .pds-dispatch-items-tab:hover {
    color: var(--site-color);
    background: rgba(255, 255, 255, 0.72);
    border-color: rgba(var(--brand-rgb), 0.22);
}

body.pds-admin .pds-dm-branch-tab.is-active,
body.pds-admin .pds-assign-100-tab.is-active,
body.pds-admin .pds-dispatch-items-tab.is-active {
    background: #fff;
    color: var(--site-color);
    border-color: rgba(var(--brand-rgb), 0.35);
    box-shadow: 0 2px 8px rgba(var(--brand-rgb), 0.16), 0 0 0 1px rgba(var(--brand-rgb), 0.08);
}

body.pds-admin .pds-dm-branch-tab__count,
body.pds-admin .pds-dm-branch-tab .badge,
body.pds-admin .pds-assign-100-tab em,
body.pds-admin .pds-dispatch-items-tab em {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.3rem;
    height: 1.3rem;
    padding: 0 0.38rem;
    border-radius: 999px;
    background: rgba(28, 25, 23, 0.08);
    color: #44403c;
    font-size: 0.7rem;
    font-weight: 800;
    font-style: normal;
    line-height: 1;
    flex-shrink: 0;
}

body.pds-admin .pds-dm-branch-tab.is-active .pds-dm-branch-tab__count,
body.pds-admin .pds-dm-branch-tab.is-active .badge,
body.pds-admin .pds-assign-100-tab.is-active em,
body.pds-admin .pds-dispatch-items-tab.is-active em {
    background: var(--site-color);
    color: #fff;
    box-shadow: 0 0 0 3px rgba(var(--brand-rgb), 0.14);
}

@media (max-width: 1199.98px) {
    body.pds-admin .pds-dm-branch-tab,
    body.pds-admin .pds-assign-100-tab,
    body.pds-admin .pds-dispatch-items-tab {
        flex: 0 0 auto !important;
        min-width: 0;
    }
}

@media (max-width: 767.98px) {
    body.pds-admin .pds-dm-branch-tabs,
    body.pds-admin .pds-assign-100-tabs,
    body.pds-admin .pds-dispatch-items-tabs {
        gap: 0.3rem;
        padding: 0.32rem;
        border-radius: 18px;
    }

    body.pds-admin .pds-dm-branch-tab,
    body.pds-admin .pds-assign-100-tab,
    body.pds-admin .pds-dispatch-items-tab {
        flex: 0 0 auto !important;
        min-width: 0;
        min-height: 36px;
        font-size: 0.76rem;
        padding: 0.45rem 0.5rem;
    }
}


/* Pre Pick Up page polish */
body.pds-admin .pds-pre-pickup-page .pds-page-card {
    border: 1px solid rgba(254, 215, 170, 0.55);
    border-radius: 20px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 18px 40px rgba(var(--brand-rgb), 0.06);
    overflow: hidden;
}

body.pds-admin .pds-pre-pickup-page .pds-page-header {
    background: linear-gradient(180deg, #ffffff 0%, rgba(var(--brand-rgb), 0.06) 100%) !important;
    border-bottom-color: rgba(var(--brand-rgb), 0.16) !important;
}

body.pds-admin .pds-pre-pickup-page .pds-page-title::after {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-left: 0.55rem;
    margin-bottom: 0.15rem;
    border-radius: 999px;
    background: var(--site-color);
    box-shadow: 0 0 0 4px rgba(var(--brand-rgb), 0.16);
    vertical-align: middle;
}

body.pds-admin .pds-pre-pickup-page .pds-dispatch-filter-bar {
    background: linear-gradient(180deg, #ffffff 0%, rgba(var(--brand-rgb), 0.05) 100%);
    border: 1px solid rgba(var(--brand-rgb), 0.16);
    border-radius: 16px;
    width: 100%;
}

body.pds-admin .pds-pre-pickup-page .pds-dispatch-filter-toolbar {
    display: grid;
    grid-template-columns: auto minmax(220px, 1fr) auto;
    align-items: end;
    width: 100%;
    column-gap: 1.1rem;
}

body.pds-admin .pds-pre-pickup-page .pds-dispatch-table-shell {
    border: 1px solid rgba(var(--brand-rgb), 0.16);
    border-radius: 14px;
    overflow: hidden;
    background: #fff;
    width: 100%;
}

body.pds-admin .pds-pre-pickup-page .pds-dispatch-row-actions a.pds-dispatch-action-move-order-list {
    height: 34px;
    padding: 0 0.9rem;
    background: linear-gradient(180deg, rgba(var(--brand-rgb), 0.08) 0%, rgba(var(--brand-rgb), 0.16) 100%);
    border-color: rgba(var(--brand-rgb), 0.45);
    color: var(--site-color);
    font-size: 0.74rem;
    font-weight: 750;
    border-radius: 10px;
}

body.pds-admin .pds-pre-pickup-page .pds-dispatch-row-actions a.pds-dispatch-action-move-order-list:hover {
    background: linear-gradient(180deg, rgba(var(--brand-rgb), 0.16) 0%, rgba(var(--brand-rgb), 0.28) 100%);
    border-color: var(--site-color);
    color: var(--site-color);
}

body.pds-admin .pds-pre-pickup-page .dataTables_wrapper {
    width: 100%;
}

body.pds-admin .pds-pre-pickup-page .pds-dispatch-datatable {
    width: 100% !important;
}

/* Assign 100 filter — no status dropdown, full-width search row */
body.pds-admin .pds-dispatch-assign-100-page .pds-assign-100-filter {
    margin: 0 1.35rem 0.85rem;
    padding: 0.95rem 1.05rem;
    background: linear-gradient(180deg, #ffffff 0%, rgba(var(--brand-rgb), 0.05) 100%);
    border: 1px solid rgba(var(--brand-rgb), 0.16);
    border-radius: 16px;
    box-shadow: 0 1px 2px rgba(var(--brand-rgb), 0.04), 0 10px 28px rgba(15, 23, 42, 0.04);
}

body.pds-admin .pds-dispatch-assign-100-page .pds-dispatch-assign-100-filter-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: end;
    gap: 0.85rem 1.1rem;
    width: 100%;
}

body.pds-admin .pds-dispatch-assign-100-page .pds-assign-100-filter .pds-dispatch-field label {
    display: block;
    margin-bottom: 0.4rem;
    color: var(--site-color);
    font-size: 0.72rem;
    font-weight: 750;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.pds-admin .pds-dispatch-assign-100-page .pds-assign-100-filter .pds-dispatch-input {
    min-height: 44px;
    height: 44px;
    border: 1px solid #e2e8f0;
    border-radius: 11px;
    background: #fff;
    padding: 0.55rem 0.9rem;
    font-size: 0.86rem;
    color: #0f172a;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

body.pds-admin .pds-dispatch-assign-100-page .pds-assign-100-filter .pds-dispatch-input:hover {
    border-color: #cbd5e1;
}

body.pds-admin .pds-dispatch-assign-100-page .pds-assign-100-filter .pds-dispatch-input:focus {
    outline: none;
    border-color: rgba(var(--brand-rgb), 0.45);
    box-shadow: 0 0 0 3px rgba(var(--brand-rgb), 0.1);
}

body.pds-admin .pds-dispatch-assign-100-page .pds-follow-up-os-input-wrap .pds-dispatch-input {
    padding-right: 3rem;
}

body.pds-admin .pds-dispatch-assign-100-page .pds-assign-100-input-icon {
    position: relative;
}

body.pds-admin .pds-dispatch-assign-100-page .pds-assign-100-input-icon > i {
    position: absolute;
    left: 0.9rem;
    top: 50%;
    transform: translateY(-50%);
    color: #94a3b8;
    font-size: 0.82rem;
    pointer-events: none;
    z-index: 1;
}

body.pds-admin .pds-dispatch-assign-100-page .pds-assign-100-input-icon .pds-dispatch-input {
    padding-left: 2.35rem;
}

@media (max-width: 767.98px) {
    body.pds-admin .pds-dispatch-assign-100-page .pds-assign-100-filter {
        margin-left: 0.85rem;
        margin-right: 0.85rem;
        padding: 0.8rem;
    }

    body.pds-admin .pds-dispatch-assign-100-page .pds-dispatch-assign-100-filter-grid {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* Assign 100 airway-bill popup (no separate browser tab) */
body.pds-admin.pds-label-popup-open {
    overflow: hidden;
}

body.pds-admin .pds-label-popup[hidden] {
    display: none !important;
}

body.pds-admin .pds-label-popup {
    position: fixed;
    inset: 0;
    z-index: 1300;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

body.pds-admin .pds-label-popup.is-open {
    display: flex !important;
}

body.pds-admin .pds-label-popup__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(15, 23, 42, 0.48);
}

body.pds-admin .pds-label-popup__panel {
    position: relative;
    z-index: 1;
    width: min(480px, 100%);
    height: min(92vh, 900px);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-radius: 18px;
    background: #fff;
    border: 1px solid #e2e8f0;
    box-shadow: 0 24px 64px rgba(15, 23, 42, 0.22);
}

body.pds-admin .pds-label-popup__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.85rem 1rem;
    border-bottom: 1px solid rgba(var(--brand-rgb), 0.16);
    background: linear-gradient(180deg, rgba(var(--brand-rgb), 0.08) 0%, rgba(var(--brand-rgb), 0.05) 100%);
}

body.pds-admin .pds-label-popup__head strong {
    color: var(--site-color);
    font-size: 0.92rem;
    font-weight: 800;
}

body.pds-admin .pds-label-popup__actions {
    display: flex;
    gap: 0.4rem;
}

body.pds-admin .pds-label-popup__btn {
    min-height: 34px;
    padding: 0 0.9rem;
    border: 0;
    border-radius: 999px;
    background: var(--site-color);
    color: #fff;
    font-size: 0.78rem;
    font-weight: 700;
    cursor: pointer;
}

body.pds-admin .pds-label-popup__btn--ghost {
    background: #fff;
    border: 1px solid rgba(var(--brand-rgb), 0.28);
    color: var(--site-color);
}

body.pds-admin .pds-label-popup__body {
    position: relative;
    flex: 1;
    min-height: 0;
    display: flex;
}

body.pds-admin .pds-label-popup__frame {
    flex: 1;
    width: 100%;
    border: 0;
    background: #ececec;
}

body.pds-admin .pds-label-popup__loading {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: none;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    background: rgba(236, 236, 236, 0.92);
    color: #57534e;
    font-size: 0.86rem;
    font-weight: 700;
}

body.pds-admin .pds-label-popup.is-loading .pds-label-popup__loading {
    display: flex;
}

body.pds-admin .pds-label-popup__spinner {
    width: 18px;
    height: 18px;
    border-radius: 999px;
    border: 2px solid rgba(254, 111, 7, 0.25);
    border-top-color: #FE6F07;
    animation: pds-label-spin 0.7s linear infinite;
}

@keyframes pds-label-spin {
    to { transform: rotate(360deg); }
}

/* Rider List — cream + Point orange polish */
body.pds-admin .pds-dispatch-rider-list-page .pds-rider-screen {
    border: 1px solid rgba(20, 17, 15, 0.07);
    border-radius: 22px;
    background:
        linear-gradient(180deg, rgba(255, 252, 248, 0.96) 0%, #ffffff 42%);
    box-shadow:
        0 1px 2px rgba(20, 17, 15, 0.04),
        0 18px 40px rgba(20, 17, 15, 0.05);
}

body.pds-admin .pds-dispatch-rider-list-page .pds-rider-hero {
    padding: 1.4rem 1.55rem 1.2rem;
    background:
        radial-gradient(ellipse 55% 90% at 100% 0%, rgba(var(--brand-rgb), 0.16), transparent 55%),
        radial-gradient(ellipse 40% 70% at 0% 100%, rgba(var(--brand-rgb), 0.05), transparent 50%),
        linear-gradient(180deg, rgba(var(--brand-rgb), 0.06) 0%, #FFFFFF 100%);
    border-bottom: 1px solid rgba(var(--brand-rgb), 0.12);
    align-items: center;
}

body.pds-admin .pds-dispatch-rider-list-page .pds-rider-hero__eyebrow {
    color: var(--site-color);
    font-family: var(--admin-font);
    letter-spacing: 0.08em;
}

body.pds-admin .pds-dispatch-rider-list-page .pds-rider-hero__title {
    font-family: var(--admin-font);
    font-size: 1.55rem;
    font-weight: 700;
    color: #14110F;
    letter-spacing: 0.01em;
}

body.pds-admin .pds-dispatch-rider-list-page .pds-rider-hero__subtitle {
    display: none;
}

body.pds-admin .pds-dispatch-rider-list-page .pds-rider-hero__stat {
    min-width: 92px;
    padding: 0.8rem 1rem;
    border-radius: 16px;
    background: #fff;
    border: 1px solid rgba(var(--brand-rgb), 0.22);
    box-shadow: 0 8px 20px rgba(var(--brand-rgb), 0.1);
}

body.pds-admin .pds-dispatch-rider-list-page .pds-rider-hero__stat-value {
    color: var(--site-color);
    font-family: var(--admin-font);
    font-size: 1.55rem;
}

body.pds-admin .pds-dispatch-rider-list-page .pds-rider-hero__stat-label {
    color: var(--site-color);
}

body.pds-admin .pds-dispatch-rider-list-page .pds-rider-of-month-btn {
    border-radius: 14px;
    padding: 0.7rem 1.05rem;
    background: linear-gradient(135deg, var(--site-color) 0%, var(--site-color) 100%);
    box-shadow: 0 10px 24px rgba(var(--brand-rgb), 0.28);
    font-family: var(--admin-font);
    font-size: 0.86rem;
    letter-spacing: 0.01em;
    transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease;
}

body.pds-admin .pds-dispatch-rider-list-page .pds-rider-of-month-btn:hover {
    transform: translateY(-1px);
    filter: brightness(1.04);
    box-shadow: 0 14px 28px rgba(var(--brand-rgb), 0.32);
}

body.pds-admin .pds-dispatch-rider-list-page .pds-rider-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: flex-start;
    gap: 0.75rem;
    padding: 1.05rem 1.4rem;
    background: linear-gradient(180deg, rgba(var(--brand-rgb), 0.04) 0%, #F7F4F0 100%);
    border-bottom: 1px solid rgba(20, 17, 15, 0.06);
}

body.pds-admin .pds-dispatch-rider-list-page .pds-rider-toolbar__fields {
    display: flex;
    flex: 1 1 380px;
    min-width: min(100%, 320px);
    max-width: 520px;
    gap: 0.75rem;
}

body.pds-admin .pds-dispatch-rider-list-page .pds-rider-toolbar__grow {
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
}

body.pds-admin .pds-dispatch-rider-list-page .pds-rider-toolbar .pds-dispatch-field label {
    color: #7c2d12;
    font-family: var(--admin-font);
    font-size: 0.72rem;
    letter-spacing: 0.04em;
}

body.pds-admin .pds-dispatch-rider-list-page .pds-rider-toolbar .pds-dispatch-input,
body.pds-admin .pds-dispatch-rider-list-page .pds-rider-toolbar .pds-dispatch-select {
    height: 42px;
    border-radius: 12px;
    border: 1px solid rgba(20, 17, 15, 0.1);
    background: #fff;
    box-shadow: 0 1px 2px rgba(20, 17, 15, 0.03);
}

body.pds-admin .pds-dispatch-rider-list-page .pds-rider-toolbar .pds-dispatch-input:focus,
body.pds-admin .pds-dispatch-rider-list-page .pds-rider-toolbar .pds-dispatch-select:focus {
    border-color: rgba(var(--brand-rgb), 0.55);
    box-shadow: 0 0 0 3px rgba(var(--brand-rgb), 0.12);
    outline: none;
}

body.pds-admin .pds-dispatch-rider-list-page .pds-rider-toolbar__actions {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    flex: 0 0 auto;
}

body.pds-admin .pds-dispatch-rider-list-page .pds-rider-reset-btn,
body.pds-admin .pds-dispatch-rider-list-page .pds-rider-check-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    min-height: 42px;
    padding: 0 1.05rem;
    border-radius: 12px;
    font-size: 0.82rem;
    font-weight: 700;
    text-decoration: none;
    transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

body.pds-admin .pds-dispatch-rider-list-page .pds-rider-reset-btn {
    border: 1px solid rgba(20, 17, 15, 0.1);
    background: #fff;
    color: #44403c;
}

body.pds-admin .pds-dispatch-rider-list-page .pds-rider-reset-btn:hover {
    border-color: rgba(var(--brand-rgb), 0.35);
    color: var(--site-color);
    background: rgba(var(--brand-rgb), 0.08);
}

body.pds-admin .pds-dispatch-rider-list-page .pds-rider-check-btn {
    border: 0;
    background: linear-gradient(135deg, var(--site-color) 0%, var(--site-color) 100%);
    color: #fff;
    box-shadow: 0 8px 18px rgba(var(--brand-rgb), 0.28);
    cursor: pointer;
}

body.pds-admin .pds-dispatch-rider-list-page .pds-rider-check-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 12px 24px rgba(var(--brand-rgb), 0.34);
}

body.pds-admin .pds-dispatch-rider-list-page .pds-rider-body {
    padding: 1.1rem 1.2rem 1.35rem;
    background: #FAFAFC;
}

body.pds-admin .pds-dispatch-rider-list-page .pds-rider-table-shell {
    border: 1px solid rgba(20, 17, 15, 0.07);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(20, 17, 15, 0.04);
    overflow: auto;
}

body.pds-admin .pds-dispatch-rider-list-page .pds-rider-list-table thead th {
    background: linear-gradient(180deg, rgba(var(--brand-rgb), 0.06) 0%, #FFF3E8 100%);
    border-bottom: 1px solid rgba(var(--brand-rgb), 0.14);
    color: #7c2d12;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    padding: 0.85rem 0.55rem;
    white-space: nowrap;
}

body.pds-admin .pds-dispatch-rider-list-page .pds-rider-list-table tbody td {
    padding: 0.85rem 0.55rem;
    border-bottom: 1px solid rgba(20, 17, 15, 0.05);
    vertical-align: middle;
}

body.pds-admin .pds-dispatch-rider-list-page .pds-rider-list-table tbody tr:hover {
    background: rgba(var(--brand-rgb), 0.06);
}

body.pds-admin .pds-dispatch-rider-list-page .pds-rider-avatar {
    width: 40px;
    height: 40px;
    border-radius: 14px;
    background: linear-gradient(145deg, var(--site-color), var(--site-color));
    color: #fff;
    font-weight: 800;
    box-shadow: 0 6px 14px rgba(var(--brand-rgb), 0.28);
}

body.pds-admin .pds-dispatch-rider-list-page .pds-dispatch-rider-list-name {
    font-weight: 750;
    color: #14110F;
}

body.pds-admin .pds-dispatch-rider-list-page .pds-rider-status-chip {
    border-radius: 999px;
    padding: 0.28rem 0.55rem;
    font-size: 0.66rem;
    font-weight: 750;
    letter-spacing: 0.02em;
}

body.pds-admin .pds-dispatch-rider-list-page .pds-rider-empty {
    margin: 0.35rem;
    padding: 3.25rem 1.5rem;
    border: 1px dashed rgba(var(--brand-rgb), 0.28);
    border-radius: 18px;
    background:
        radial-gradient(circle at 50% 20%, rgba(var(--brand-rgb), 0.08), transparent 55%),
        rgba(var(--brand-rgb), 0.04);
}

body.pds-admin .pds-dispatch-rider-list-page .pds-rider-empty__icon {
    width: 56px;
    height: 56px;
    border-radius: 16px;
    background: rgba(var(--brand-rgb), 0.12);
    color: var(--site-color);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    margin-bottom: 0.85rem;
}

@media (max-width: 992px) {
    body.pds-admin .pds-dispatch-rider-list-page .pds-rider-toolbar {
        flex-direction: column;
        align-items: stretch;
    }

    body.pds-admin .pds-dispatch-rider-list-page .pds-rider-toolbar__fields {
        flex: 1 1 auto;
        max-width: none;
        width: 100%;
    }

    body.pds-admin .pds-dispatch-rider-list-page .pds-rider-toolbar__actions {
        justify-content: flex-end;
    }
}

/* Rider Item Details — clean cream + Point orange */
body.pds-admin .pds-dispatch-rider-items-page .pds-rider-screen {
    border: 1px solid rgba(20, 17, 15, 0.07);
    border-radius: 22px;
    background: linear-gradient(180deg, rgba(255, 252, 248, 0.96) 0%, #ffffff 40%);
    box-shadow:
        0 1px 2px rgba(20, 17, 15, 0.04),
        0 18px 40px rgba(20, 17, 15, 0.05);
    overflow: hidden;
}

body.pds-admin .pds-dispatch-rider-items-page .pds-rider-hero--details {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.25rem 1.4rem;
    background:
        radial-gradient(ellipse 50% 90% at 100% 0%, rgba(var(--brand-rgb), 0.14), transparent 55%),
        linear-gradient(180deg, rgba(var(--brand-rgb), 0.06) 0%, #FFFFFF 100%);
    border-bottom: 1px solid rgba(var(--brand-rgb), 0.12);
}

body.pds-admin .pds-dispatch-rider-items-page .pds-rider-hero__eyebrow {
    color: var(--site-color);
    font-family: var(--admin-font);
    font-size: 0.7rem;
    letter-spacing: 0.08em;
}

body.pds-admin .pds-dispatch-rider-items-page .pds-rider-hero__title {
    margin: 0.15rem 0 0;
    font-family: var(--admin-font);
    font-size: 1.45rem;
    font-weight: 700;
    color: #14110F;
    letter-spacing: 0.01em;
}

body.pds-admin .pds-dispatch-rider-items-page .pds-rider-meta-row {
    margin-top: 0.65rem;
    gap: 0.5rem;
}

body.pds-admin .pds-dispatch-rider-items-page .pds-rider-meta-pill {
    border-radius: 999px;
    padding: 0.38rem 0.75rem;
    background: #fff;
    border: 1px solid rgba(20, 17, 15, 0.08);
    color: #292524;
    font-family: var(--admin-font);
    font-size: 0.78rem;
    font-weight: 600;
    box-shadow: 0 1px 2px rgba(20, 17, 15, 0.04);
}

body.pds-admin .pds-dispatch-rider-items-page .pds-rider-meta-pill--status {
    background: #ecfdf5;
    border-color: #a7f3d0;
    color: #047857;
}

body.pds-admin .pds-dispatch-rider-items-page .pds-rider-meta-pill--count {
    background: rgba(var(--brand-rgb), 0.08);
    border-color: rgba(var(--brand-rgb), 0.28);
    color: var(--site-color);
}

body.pds-admin .pds-dispatch-rider-items-page .pds-rider-meta-pill--count strong {
    color: var(--site-color);
}

body.pds-admin .pds-dispatch-rider-items-page .pds-rider-close-btn {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    border: 1px solid rgba(20, 17, 15, 0.1);
    background: #fff;
    color: #78716c;
    box-shadow: 0 1px 2px rgba(20, 17, 15, 0.04);
}

body.pds-admin .pds-dispatch-rider-items-page .pds-rider-close-btn:hover {
    background: rgba(var(--brand-rgb), 0.08);
    border-color: rgba(var(--brand-rgb), 0.35);
    color: var(--site-color);
}

body.pds-admin .pds-dispatch-rider-items-page .pds-rider-toolbar--filter {
    display: flex;
    align-items: flex-end;
    gap: 0.75rem;
    padding: 1rem 1.35rem;
    background: linear-gradient(180deg, rgba(var(--brand-rgb), 0.04) 0%, #F7F4F0 100%);
    border-bottom: 1px solid rgba(20, 17, 15, 0.06);
}

body.pds-admin .pds-dispatch-rider-items-page .pds-rider-toolbar__fields--dates {
    display: grid;
    grid-template-columns: minmax(120px, 148px) minmax(120px, 148px) minmax(180px, 1fr);
    gap: 0.7rem;
    flex: 1 1 auto;
    min-width: 0;
}
body.pds-admin .pds-dispatch-rider-items-page .pds-rider-toolbar__fields--dates:has(.pds-rider-day-nav) {
    grid-template-columns: minmax(220px, 280px) minmax(180px, 1fr);
}
body.pds-admin .pds-rider-day-nav__row {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    width: 100%;
}
body.pds-admin .pds-rider-day-nav__row .pds-dispatch-input {
    flex: 1 1 auto;
    min-width: 0;
    text-align: center;
    font-weight: 700;
}
body.pds-admin .pds-rider-day-nav__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 12px;
    border: 1px solid rgba(20, 17, 15, 0.1);
    background: #fff;
    color: #1a1512;
    flex: 0 0 auto;
    text-decoration: none;
    transition: border-color .15s ease, color .15s ease, background .15s ease;
}
body.pds-admin .pds-rider-day-nav__btn:hover {
    border-color: rgba(var(--brand-rgb), 0.55);
    color: var(--site-color, #FE6F07);
    background: rgba(var(--brand-rgb), 0.08);
}

body.pds-admin .pds-dispatch-rider-items-page .pds-rider-toolbar .pds-dispatch-field {
    margin-bottom: 0;
}

body.pds-admin .pds-dispatch-rider-items-page .pds-rider-toolbar .pds-dispatch-field label {
    margin-bottom: 0.32rem;
    font-family: var(--admin-font);
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #78716c;
}

body.pds-admin .pds-dispatch-rider-items-page .pds-rider-toolbar .pds-dispatch-input,
body.pds-admin .pds-dispatch-rider-items-page .pds-rider-toolbar .pds-dispatch-select {
    height: 42px;
    border-radius: 12px;
    border: 1px solid rgba(20, 17, 15, 0.1);
    background: #fff;
    box-shadow: 0 1px 2px rgba(20, 17, 15, 0.03);
    font-family: var(--admin-font);
}

body.pds-admin .pds-dispatch-rider-items-page .pds-rider-toolbar .pds-dispatch-input:focus,
body.pds-admin .pds-dispatch-rider-items-page .pds-rider-toolbar .pds-dispatch-select:focus {
    border-color: rgba(var(--brand-rgb), 0.55);
    box-shadow: 0 0 0 3px rgba(var(--brand-rgb), 0.12);
    outline: none;
}

body.pds-admin .pds-dispatch-rider-items-page .pds-rider-toolbar__aside {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    flex-wrap: wrap;
}

body.pds-admin .pds-dispatch-rider-items-page .pds-rider-check-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    min-height: 42px;
    padding: 0 1.1rem;
    border: 0;
    border-radius: 12px;
    background: linear-gradient(135deg, var(--site-color) 0%, var(--site-color) 100%);
    color: #fff;
    font-family: var(--admin-font);
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    box-shadow: 0 8px 18px rgba(var(--brand-rgb), 0.28);
    cursor: pointer;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

body.pds-admin .pds-dispatch-rider-items-page .pds-rider-check-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 12px 24px rgba(var(--brand-rgb), 0.34);
}

body.pds-admin .pds-dispatch-rider-items-page .pds-rider-excel-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    min-height: 42px;
    padding: 0 1.1rem 0 0.85rem;
    border-radius: 12px;
    border: 0;
    background: linear-gradient(180deg, #34d399 0%, #16a34a 55%, #15803d 100%);
    color: #fff;
    font-family: var(--admin-font);
    font-size: 0.82rem;
    font-weight: 750;
    letter-spacing: 0.02em;
    text-decoration: none;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.28) inset,
        0 8px 18px rgba(22, 163, 74, 0.32);
    transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease;
}

body.pds-admin .pds-dispatch-rider-items-page .pds-rider-excel-btn:hover,
body.pds-admin .pds-dispatch-rider-items-page .pds-rider-excel-btn:focus {
    background: linear-gradient(180deg, #4ade80 0%, #22c55e 55%, #16a34a 100%);
    color: #fff !important;
    text-decoration: none;
    transform: translateY(-1px);
    filter: none;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.32) inset,
        0 12px 24px rgba(22, 163, 74, 0.38);
    outline: none;
}

body.pds-admin .pds-dispatch-rider-items-page .pds-rider-excel-btn__icon {
    width: auto;
    height: auto;
    border-radius: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background: transparent;
    color: #fff;
    box-shadow: none;
}

body.pds-admin .pds-dispatch-rider-items-page .pds-rider-excel-btn__icon i {
    font-size: 0.95rem;
    color: #fff !important;
    line-height: 1;
}

body.pds-admin .pds-dispatch-rider-items-page .pds-rider-excel-btn__label,
body.pds-admin .pds-dispatch-rider-items-page .pds-rider-excel-btn span,
body.pds-admin .pds-dispatch-rider-items-page .pds-rider-excel-btn:hover .pds-rider-excel-btn__label,
body.pds-admin .pds-dispatch-rider-items-page .pds-rider-excel-btn:hover span,
body.pds-admin .pds-dispatch-rider-items-page .pds-rider-excel-btn:focus .pds-rider-excel-btn__label,
body.pds-admin .pds-dispatch-rider-items-page .pds-rider-excel-btn:focus span {
    color: #fff !important;
    font-weight: 750;
    line-height: 1.2;
}

body.pds-admin .pds-dispatch-rider-items-page .pds-rider-toolbar--bulk {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    margin: 0;
    padding: 0.85rem 1.35rem;
    background: #fff;
    border-top: 0;
    border-bottom: 1px solid rgba(20, 17, 15, 0.06);
}

body.pds-admin .pds-dispatch-rider-items-page .pds-dispatch-rider-items-total-wrap {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    min-width: 108px;
}

body.pds-admin .pds-dispatch-rider-items-page .pds-dispatch-rider-items-total-label {
    font-family: var(--admin-font);
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #78716c;
}

body.pds-admin .pds-dispatch-rider-items-page .pds-dispatch-rider-items-total {
    min-width: 108px;
    min-height: 42px;
    padding: 0 1rem;
    border-radius: 12px;
    background: rgba(var(--brand-rgb), 0.08);
    border: 1px solid rgba(var(--brand-rgb), 0.28);
    color: var(--site-color);
    font-family: var(--admin-font);
    font-size: 1.2rem;
    font-weight: 700;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
}

body.pds-admin .pds-dispatch-rider-items-page .pds-rider-bulk-actions {
    display: flex;
    align-items: flex-end;
    gap: 0.65rem;
    flex-wrap: wrap;
    margin-left: auto;
}

body.pds-admin .pds-dispatch-rider-items-page .pds-rider-bulk-actions .pds-dispatch-field {
    min-width: 160px;
    margin-bottom: 0;
}

body.pds-admin .pds-dispatch-rider-items-page .pds-rider-body {
    padding: 1rem 1.2rem 1.3rem;
    background: #FAFAFC;
}

body.pds-admin .pds-dispatch-rider-items-page .pds-rider-table-shell {
    border: 1px solid rgba(20, 17, 15, 0.07);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(20, 17, 15, 0.04);
    overflow: auto;
}

body.pds-admin .pds-dispatch-rider-items-page .pds-rider-items-table thead th {
    background: linear-gradient(180deg, rgba(var(--brand-rgb), 0.06) 0%, #FFF3E8 100%);
    border-bottom: 1px solid rgba(var(--brand-rgb), 0.14);
    color: #7c2d12;
    font-family: var(--admin-font);
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    white-space: nowrap;
}

body.pds-admin .pds-dispatch-rider-items-page .pds-rider-items-table tbody tr:hover {
    background: rgba(var(--brand-rgb), 0.06);
}

body.pds-admin .pds-dispatch-rider-items-page .pds-rider-empty {
    margin: 0.25rem;
    padding: 2.75rem 1.25rem;
    border: 1px dashed rgba(var(--brand-rgb), 0.28);
    border-radius: 16px;
    background:
        radial-gradient(circle at 50% 20%, rgba(var(--brand-rgb), 0.08), transparent 55%),
        rgba(var(--brand-rgb), 0.04);
}

@media (max-width: 992px) {
    body.pds-admin .pds-dispatch-rider-items-page .pds-rider-toolbar--filter,
    body.pds-admin .pds-dispatch-rider-items-page .pds-rider-toolbar--bulk {
        flex-direction: column;
        align-items: stretch;
    }

    body.pds-admin .pds-dispatch-rider-items-page .pds-rider-toolbar__fields--dates {
        grid-template-columns: 1fr;
    }

    body.pds-admin .pds-dispatch-rider-items-page .pds-rider-bulk-actions {
        margin-left: 0;
        justify-content: flex-start;
    }
}

/* Online Shop list — cream + Point orange polish */
body.pds-admin .pds-os-list-page .pds-os-list-screen {
    border: 1px solid rgba(20, 17, 15, 0.07);
    border-radius: 22px;
    background: linear-gradient(180deg, rgba(255, 252, 248, 0.98) 0%, #ffffff 38%);
    box-shadow:
        0 1px 2px rgba(20, 17, 15, 0.04),
        0 18px 40px rgba(20, 17, 15, 0.05);
}

body.pds-admin .pds-os-list-page .pds-os-list-hero {
    align-items: center;
    padding: 1.3rem 1.45rem 1.15rem;
    background:
        radial-gradient(ellipse 55% 90% at 100% 0%, rgba(var(--brand-rgb), 0.15), transparent 55%),
        linear-gradient(180deg, rgba(var(--brand-rgb), 0.06) 0%, #FFFFFF 100%);
    border-bottom: 1px solid rgba(var(--brand-rgb), 0.12);
}

body.pds-admin .pds-os-list-page .pds-os-list-hero__eyebrow {
    color: var(--site-color);
    font-family: var(--admin-font);
    letter-spacing: 0.08em;
}

body.pds-admin .pds-os-list-page .pds-os-list-hero__title {
    font-family: var(--admin-font);
    font-size: 1.5rem;
    font-weight: 700;
    color: #14110F;
    letter-spacing: 0.01em;
}

body.pds-admin .pds-os-list-page .pds-os-list-hero__subtitle {
    display: none;
}

body.pds-admin .pds-os-list-page .pds-os-list-body {
    padding: 1.05rem 1.3rem 1.35rem;
    background: #FAFAFC;
}

body.pds-admin .pds-os-list-page .pds-os-list-tabs {
    display: flex;
    flex-wrap: nowrap;
    gap: 0.55rem;
    margin: 0 0 1rem;
    padding: 0.35rem;
    border-radius: 16px;
    background: #fff;
    border: 1px solid rgba(20, 17, 15, 0.06);
    box-shadow: 0 4px 14px rgba(20, 17, 15, 0.03);
}

body.pds-admin .pds-os-list-page .pds-os-list-tab {
    flex: 1 1 0;
    justify-content: center;
    border-radius: 12px;
    border: 1px solid transparent;
    background: transparent;
    color: #57534e;
    font-family: var(--admin-font);
    font-size: 0.82rem;
    font-weight: 650;
    padding: 0.65rem 0.75rem;
    min-width: 0;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

body.pds-admin .pds-os-list-page .pds-os-list-tab:hover {
    background: rgba(var(--brand-rgb), 0.08);
    border-color: rgba(var(--brand-rgb), 0.2);
    color: var(--site-color);
}

body.pds-admin .pds-os-list-page .pds-os-list-tab em {
    background: #F5F5F4;
    color: #57534e;
    min-width: 1.45rem;
    height: 1.45rem;
    font-size: 0.72rem;
}

body.pds-admin .pds-os-list-page .pds-os-list-tab[data-tab="pending"].is-active {
    background: linear-gradient(135deg, rgba(var(--brand-rgb), 0.08), rgba(var(--brand-rgb), 0.16));
    border-color: rgba(var(--brand-rgb), 0.35);
    color: var(--site-color);
    box-shadow: 0 4px 12px rgba(var(--brand-rgb), 0.12);
}

body.pds-admin .pds-os-list-page .pds-os-list-tab[data-tab="approved"].is-active {
    background: linear-gradient(135deg, #ECFDF5, #D1FAE5);
    border-color: #6ee7b7;
    color: #047857;
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.12);
}

body.pds-admin .pds-os-list-page .pds-os-list-tab[data-tab="rejected"].is-active {
    background: linear-gradient(135deg, #FEF2F2, #FEE2E2);
    border-color: #fca5a5;
    color: #b91c1c;
    box-shadow: 0 4px 12px rgba(239, 68, 68, 0.1);
}

body.pds-admin .pds-os-list-page .pds-os-list-tab[data-tab="kyo_shin"].is-active,
body.pds-admin .pds-os-list-page .pds-os-list-tab.is-kyo-shin.is-active {
    background: linear-gradient(135deg, var(--site-color), var(--site-color));
    border-color: var(--site-color);
    color: #fff;
    box-shadow: 0 6px 16px rgba(var(--brand-rgb), 0.28);
}

body.pds-admin .pds-os-list-page .pds-os-list-tab.is-active em {
    background: #fff;
    color: var(--site-color);
    font-weight: 800;
}

body.pds-admin .pds-os-list-page .pds-os-list-tab[data-tab="kyo_shin"].is-active em,
body.pds-admin .pds-os-list-page .pds-os-list-tab.is-kyo-shin.is-active em {
    background: #fff;
    color: var(--site-color);
}

/* Online Shop: never show DataTables "Processing..." during search */
body.pds-admin .pds-os-list-page .dataTables_processing,
body.pds-admin .pds-os-list-page div.dataTables_wrapper div.dataTables_processing {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Online Shop: unified search + delete toolbar */
body.pds-admin .pds-os-list-page .pds-os-list-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 0.85rem 1rem;
    margin: 0 0 1rem;
    padding: 1rem 1.15rem;
    border-radius: 18px;
    border: 1px solid rgba(20, 17, 15, 0.07);
    background:
        radial-gradient(120% 140% at 0% 0%, rgba(var(--brand-rgb), 0.1) 0%, transparent 55%),
        linear-gradient(180deg, #FFFFFF 0%, #FBF8F5 100%);
    box-shadow: 0 10px 28px rgba(20, 17, 15, 0.05);
}

body.pds-admin .pds-os-list-page .pds-os-list-toolbar__search {
    flex: 1 1 280px;
    min-width: min(100%, 260px);
}

body.pds-admin .pds-os-list-page .pds-os-list-toolbar__bulk {
    flex: 0 0 auto;
    margin: 0 0 1px;
}

body.pds-admin .pds-os-list-page .pds-os-search {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    margin: 0;
    width: 100%;
}

body.pds-admin .pds-os-list-page .pds-os-search__label {
    margin: 0;
    font-family: var(--admin-font);
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #78716c;
}

body.pds-admin .pds-os-list-page .pds-os-search__row {
    display: flex;
    align-items: stretch;
    gap: 0.55rem;
    width: 100%;
    max-width: 560px;
}

body.pds-admin .pds-os-list-page .pds-os-search__field {
    position: relative;
    flex: 1 1 auto;
    min-width: 0;
}

body.pds-admin .pds-os-list-page .pds-os-search__icon {
    position: absolute;
    left: 0.95rem;
    top: 50%;
    transform: translateY(-50%);
    color: rgba(var(--brand-rgb), 0.75);
    font-size: 0.85rem;
    pointer-events: none;
}

body.pds-admin .pds-os-list-page #pds-os-list-search,
body.pds-admin .pds-os-list-page .pds-os-search__input {
    display: block;
    width: 100%;
    height: 44px;
    border-radius: 14px;
    border: 1px solid rgba(20, 17, 15, 0.1);
    background: #fff;
    padding: 0 1rem 0 2.55rem;
    font-family: var(--admin-font);
    font-size: 0.92rem;
    color: #1c1917;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

body.pds-admin .pds-os-list-page #pds-os-list-search::placeholder,
body.pds-admin .pds-os-list-page .pds-os-search__input::placeholder {
    color: #a8a29e;
}

body.pds-admin .pds-os-list-page #pds-os-list-search:focus,
body.pds-admin .pds-os-list-page .pds-os-search__input:focus {
    border-color: rgba(var(--brand-rgb), 0.55);
    box-shadow: 0 0 0 3px rgba(var(--brand-rgb), 0.14);
    outline: none;
}

body.pds-admin .pds-os-list-page .pds-os-search__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    flex: 0 0 auto;
    min-height: 44px;
    padding: 0 1.2rem;
    border: 0;
    border-radius: 14px;
    background: linear-gradient(135deg, var(--site-color) 0%, #e85f00 100%);
    color: #fff !important;
    font-family: var(--admin-font);
    font-size: 0.86rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    box-shadow: 0 10px 22px rgba(var(--brand-rgb), 0.3);
    cursor: pointer;
    transition: transform 0.12s ease, filter 0.12s ease, box-shadow 0.12s ease;
}

body.pds-admin .pds-os-list-page .pds-os-search__btn i,
body.pds-admin .pds-os-list-page .pds-os-search__btn span {
    color: #fff !important;
}

body.pds-admin .pds-os-list-page .pds-os-search__btn:hover {
    filter: brightness(1.05);
    color: #fff !important;
    box-shadow: 0 14px 28px rgba(var(--brand-rgb), 0.36);
}

body.pds-admin .pds-os-list-page .pds-os-search__btn:active {
    transform: translateY(1px);
}

@media (max-width: 720px) {
    body.pds-admin .pds-os-list-page .pds-os-list-toolbar {
        padding: 0.9rem;
        gap: 0.75rem;
    }

    body.pds-admin .pds-os-list-page .pds-os-search__row {
        max-width: none;
        flex-wrap: wrap;
    }

    body.pds-admin .pds-os-list-page .pds-os-search__btn,
    body.pds-admin .pds-os-list-page .pds-os-delete-btn {
        width: 100%;
    }

    body.pds-admin .pds-os-list-page .pds-os-list-toolbar__bulk {
        width: 100%;
    }

    body.pds-admin .pds-os-list-page .pds-os-list-toolbar__bulk .pds-os-delete-btn {
        width: 100%;
    }
}

body.pds-admin .pds-os-list-page .pds-os-delete-btn,
body.pds-admin .pds-os-list-page #deleteSelectedBtn.pds-os-delete-btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    min-height: 44px;
    padding: 0 1.15rem !important;
    border-radius: 14px !important;
    border: 1px solid rgba(225, 29, 72, 0.28) !important;
    background: #fff !important;
    color: #e11d48 !important;
    font-family: var(--admin-font);
    font-size: 0.84rem !important;
    font-weight: 700 !important;
    box-shadow: 0 4px 14px rgba(225, 29, 72, 0.08);
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

body.pds-admin .pds-os-list-page .pds-os-delete-btn:hover,
body.pds-admin .pds-os-list-page #deleteSelectedBtn.pds-os-delete-btn:hover {
    background: rgba(225, 29, 72, 0.06) !important;
    border-color: rgba(225, 29, 72, 0.45) !important;
}

body.pds-admin .pds-os-list-page .pds-os-delete-btn.bg-danger,
body.pds-admin .pds-os-list-page #deleteSelectedBtn.pds-os-delete-btn.bg-danger {
    background: linear-gradient(135deg, #e11d48 0%, #be123c 100%) !important;
    border-color: transparent !important;
    color: #fff !important;
    box-shadow: 0 10px 22px rgba(225, 29, 72, 0.28);
}

body.pds-admin .pds-os-list-page .pds-list-filters.pds-os-list-filters {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 0.85rem;
    margin-bottom: 1rem;
    padding: 1.05rem 1.15rem;
    border-radius: 16px;
    border: 1px solid rgba(20, 17, 15, 0.07);
    background: linear-gradient(180deg, rgba(var(--brand-rgb), 0.04) 0%, #FFFFFF 100%);
    box-shadow: 0 6px 18px rgba(20, 17, 15, 0.04);
}

body.pds-admin .pds-os-list-page .pds-list-filters__field {
    flex: 1 1 160px;
    min-width: 150px;
    max-width: 220px;
}

/* Legacy filter-bar search variants */
body.pds-admin .pds-os-list-page .pds-os-list-filters--search,
body.pds-admin .pds-os-list-page .pds-os-list-filters--with-search {
    justify-content: flex-start;
    gap: 0.75rem;
}

body.pds-admin .pds-os-list-page .pds-os-list-filters--search .pds-list-filters__field--grow,
body.pds-admin .pds-os-list-page .pds-os-list-filters--with-search .pds-list-filters__field--grow,
body.pds-admin .pds-os-list-page .pds-list-filters--search .pds-list-filters__field--grow {
    flex: 1 1 380px;
    min-width: min(100%, 320px);
    max-width: 520px;
    width: min(100%, 480px);
}

/* Native DT search sits inside overflow:hidden shell and gets clipped — hide it */
body.pds-admin .pds-os-list-page .pds-os-list-table-shell .dataTables_wrapper > .row.align-items-center,
body.pds-admin .pds-os-list-page .pds-os-list-table-shell .dataTables_wrapper .dataTables_filter,
body.pds-admin .pds-os-list-page .pds-os-list-table-shell .dt-buttons {
    display: none !important;
}

body.pds-admin .pds-os-list-page .pds-list-filters__label {
    font-family: var(--admin-font);
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    color: #78716c;
}

body.pds-admin .pds-os-list-page .pds-list-filters__field .select2-container .select2-selection--single {
    height: 42px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(20, 17, 15, 0.1) !important;
    background: #fff !important;
    box-shadow: 0 1px 2px rgba(20, 17, 15, 0.03);
}

body.pds-admin .pds-os-list-page .pds-list-filters__field .select2-container .select2-selection__rendered {
    line-height: 40px !important;
    color: #292524 !important;
    font-family: var(--admin-font);
    font-size: 0.86rem;
}

body.pds-admin .pds-os-list-page .pds-list-filters__field .select2-container .select2-selection__arrow {
    height: 40px !important;
}

body.pds-admin .pds-os-list-page .pds-list-filters__field .select2-container--focus .select2-selection--single,
body.pds-admin .pds-os-list-page .pds-list-filters__field .select2-container--open .select2-selection--single {
    border-color: rgba(var(--brand-rgb), 0.55) !important;
    box-shadow: 0 0 0 3px rgba(var(--brand-rgb), 0.12) !important;
}

body.pds-admin .pds-os-list-page .pds-list-filters__actions {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    margin-left: auto;
}

body.pds-admin .pds-os-list-page .pds-os-list-filters--search .pds-list-filters__actions,
body.pds-admin .pds-os-list-page .pds-os-list-filters--with-search .pds-list-filters__actions,
body.pds-admin .pds-os-list-page .pds-list-filters--search .pds-list-filters__actions {
    margin-left: 0;
    flex: 0 0 auto;
}

body.pds-admin .pds-os-list-page .pds-os-filter-apply {
    min-height: 42px;
    padding: 0 1.15rem !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: linear-gradient(135deg, var(--site-color) 0%, var(--site-color) 100%) !important;
    color: #fff !important;
    font-family: var(--admin-font);
    font-size: 0.82rem !important;
    font-weight: 700 !important;
    box-shadow: 0 8px 18px rgba(var(--brand-rgb), 0.28);
}

body.pds-admin .pds-os-list-page .pds-os-filter-apply:hover {
    filter: brightness(1.04);
    box-shadow: 0 12px 24px rgba(var(--brand-rgb), 0.34);
}

body.pds-admin .pds-os-list-page .pds-os-filter-reset .btn {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    min-height: 42px;
    padding: 0 1rem !important;
    border-radius: 12px !important;
    border: 1px solid rgba(var(--brand-rgb), 0.35) !important;
    background: #fff !important;
    color: var(--site-color) !important;
    font-family: var(--admin-font);
    font-size: 0.82rem !important;
    font-weight: 700 !important;
}

body.pds-admin .pds-os-list-page .pds-os-filter-reset .btn:hover {
    background: rgba(var(--brand-rgb), 0.08) !important;
    border-color: var(--site-color) !important;
}

body.pds-admin .pds-os-list-page .pds-os-list-table-shell {
    border: 1px solid rgba(20, 17, 15, 0.07);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(20, 17, 15, 0.04);
    overflow: hidden;
    padding: 0.85rem 1rem 1rem;
}

body.pds-admin .pds-os-list-page .pds-os-list-table-shell .dataTables_wrapper .dataTables_filter {
    margin-bottom: 0.85rem;
}

body.pds-admin .pds-os-list-page .pds-os-list-table-shell .dataTables_wrapper .dataTables_filter label {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    font-family: var(--admin-font);
    font-size: 0.82rem;
    font-weight: 650;
    color: #57534e;
}

body.pds-admin .pds-os-list-page .pds-os-list-table-shell .dataTables_wrapper .dataTables_filter input {
    min-width: 220px;
    height: 40px;
    margin-left: 0.35rem !important;
    padding: 0 2.2rem 0 0.9rem;
    border-radius: 999px !important;
    border: 1px solid rgba(20, 17, 15, 0.1) !important;
    background: rgba(var(--brand-rgb), 0.04) !important;
    box-shadow: 0 1px 2px rgba(20, 17, 15, 0.03);
    font-family: var(--admin-font);
}

body.pds-admin .pds-os-list-page .pds-os-list-table-shell .dataTables_wrapper .dataTables_filter input:focus {
    border-color: rgba(var(--brand-rgb), 0.5) !important;
    box-shadow: 0 0 0 3px rgba(var(--brand-rgb), 0.12);
    outline: none;
}

body.pds-admin .pds-os-list-page .pds-os-list-table thead th {
    background: linear-gradient(180deg, rgba(var(--brand-rgb), 0.06) 0%, #FFF3E8 100%) !important;
    border-bottom: 1px solid rgba(var(--brand-rgb), 0.14) !important;
    color: #7c2d12 !important;
    font-family: var(--admin-font) !important;
    font-size: 0.7rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    padding: 0.85rem 0.75rem !important;
}

body.pds-admin .pds-os-list-page .pds-os-list-table tbody td {
    border-bottom: 1px solid rgba(20, 17, 15, 0.05) !important;
    color: #292524;
    font-family: var(--admin-font);
    font-size: 0.86rem;
    padding: 0.85rem 0.75rem !important;
}

body.pds-admin .pds-os-list-page .pds-os-list-table tbody tr:nth-child(even) {
    background: rgba(var(--brand-rgb), 0.04);
}

body.pds-admin .pds-os-list-page .pds-os-list-table tbody tr:hover {
    background: rgba(var(--brand-rgb), 0.08) !important;
}

body.pds-admin .pds-os-list-page .pds-table-user__avatar {
    width: 40px;
    height: 40px;
    border-radius: 14px;
    border: 2px solid #fff;
    box-shadow: 0 0 0 1px rgba(var(--brand-rgb), 0.2);
}

body.pds-admin .pds-os-list-page .pds-table-user__name {
    color: var(--site-color) !important;
    font-weight: 750;
    text-decoration: none;
}

body.pds-admin .pds-os-list-page .pds-table-user__name:hover {
    color: #D95A00 !important;
    text-decoration: underline;
}

body.pds-admin .pds-os-list-page .pds-table-user__sub {
    color: #78716c;
    font-size: 0.76rem;
}

body.pds-admin .pds-os-list-page .pds-os-approval-select {
    position: relative;
    z-index: 2;
    min-height: 34px;
    border-radius: 999px !important;
    font-family: var(--admin-font);
    font-size: 0.78rem !important;
    font-weight: 700;
    padding: 0.25rem 1.8rem 0.25rem 0.75rem !important;
    border-width: 1px !important;
    cursor: pointer !important;
    pointer-events: auto !important;
    /* Keep chevron — do not use `background` shorthand (wipes background-image). */
    background-repeat: no-repeat !important;
    background-position: right 0.7rem center !important;
    background-size: 10px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%2364748b' d='M1.4.6 6 5.2 10.6.6 12 2 6 8 0 2z'/%3E%3C/svg%3E") !important;
}

body.pds-admin .pds-os-list-page .pds-os-approval-select[data-tone="approved"] {
    background-color: #ECFDF5 !important;
    border-color: #6ee7b7 !important;
    color: #047857 !important;
}

body.pds-admin .pds-os-list-page .pds-os-approval-select[data-tone="pending"] {
    background-color: rgba(var(--brand-rgb), 0.08) !important;
    border-color: rgba(var(--brand-rgb), 0.45) !important;
    color: var(--site-color) !important;
}

body.pds-admin .pds-os-list-page .pds-os-approval-select[data-tone="rejected"] {
    background-color: #FEF2F2 !important;
    border-color: #fca5a5 !important;
    color: #b91c1c !important;
}

body.pds-admin .pds-os-list-page .pds-os-kyo-shin-switch.is-on .pds-os-kyo-shin-switch__track,
body.pds-admin .pds-os-list-page .pds-os-kyo-shin-switch input:checked + .pds-os-kyo-shin-switch__track {
    background: var(--site-color);
}

body.pds-admin .pds-os-list-page .pds-os-list-table-shell .dataTables_info {
    font-family: var(--admin-font);
    font-size: 0.78rem;
    color: #78716c;
    padding-top: 0.85rem !important;
}

body.pds-admin .pds-os-list-page .pds-os-list-table-shell .dataTables_paginate {
    padding-top: 0.65rem !important;
}

body.pds-admin .pds-os-list-page .pds-os-list-table-shell .dataTables_paginate .paginate_button {
    border-radius: 10px !important;
    border: 0 !important;
    margin: 0 0.15rem !important;
    padding: 0.35rem 0.7rem !important;
    font-family: var(--admin-font) !important;
    font-size: 0.8rem !important;
    font-weight: 650 !important;
    color: #57534e !important;
    background: transparent !important;
}

body.pds-admin .pds-os-list-page .pds-os-list-table-shell .dataTables_paginate .paginate_button.current,
body.pds-admin .pds-os-list-page .pds-os-list-table-shell .dataTables_paginate .paginate_button.current:hover {
    background: linear-gradient(135deg, var(--site-color), var(--site-color)) !important;
    color: #fff !important;
    box-shadow: 0 6px 14px rgba(var(--brand-rgb), 0.28);
}

body.pds-admin .pds-os-list-page .pds-os-list-table-shell .dataTables_paginate .paginate_button:hover {
    background: rgba(var(--brand-rgb), 0.08) !important;
    color: var(--site-color) !important;
}

body.pds-admin .pds-os-list-page .pds-os-list-table-shell .dataTables_empty {
    padding: 2.5rem 1rem !important;
    color: #78716c;
    font-family: var(--admin-font);
}

@media (max-width: 992px) {
    body.pds-admin .pds-os-list-page .pds-list-filters.pds-os-list-filters {
        flex-direction: column;
        align-items: stretch;
    }

    body.pds-admin .pds-os-list-page .pds-list-filters__field,
    body.pds-admin .pds-os-list-page .pds-os-list-filters--search .pds-list-filters__field--grow,
    body.pds-admin .pds-os-list-page .pds-os-list-filters--with-search .pds-list-filters__field--grow {
        max-width: none;
        width: 100%;
    }

    body.pds-admin .pds-os-list-page .pds-list-filters__actions {
        margin-left: 0;
        justify-content: flex-end;
    }

    body.pds-admin .pds-os-list-page .pds-os-list-tabs {
        flex-wrap: wrap;
    }

    body.pds-admin .pds-os-list-page .pds-os-list-tab {
        flex: 1 1 calc(50% - 0.55rem);
    }
}

/* Update / Create Online Shop form */
body.pds-admin .pds-user-reg-page {
    width: 100%;
    max-width: none;
}

/* Scrollbar hide is enforced in partials/_head.blade.php (#pds-hide-scrollbars). */

body.pds-admin .pds-user-reg-page .pds-user-reg-card {
    width: 100%;
    max-width: none;
    margin: 0;
    border: 1px solid rgba(20, 17, 15, 0.07) !important;
    border-radius: 22px !important;
    background: #fff !important;
    box-shadow:
        0 1px 2px rgba(20, 17, 15, 0.04),
        0 18px 40px rgba(20, 17, 15, 0.05) !important;
    overflow: hidden;
}

body.pds-admin .pds-user-reg-page .pds-user-reg-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.25rem 1.5rem !important;
    background:
        radial-gradient(ellipse 50% 90% at 100% 0%, rgba(var(--brand-rgb), 0.14), transparent 55%),
        linear-gradient(180deg, rgba(var(--brand-rgb), 0.06) 0%, #FFFFFF 100%) !important;
    border-bottom: 1px solid rgba(var(--brand-rgb), 0.12) !important;
}

body.pds-admin .pds-user-reg-page .pds-user-reg-header__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    margin-bottom: 0.3rem;
    color: var(--site-color);
    font-family: var(--admin-font);
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

body.pds-admin .pds-user-reg-page .pds-user-reg-header__title {
    font-family: var(--admin-font) !important;
    font-size: 1.45rem !important;
    font-weight: 700 !important;
    color: #14110F !important;
    letter-spacing: 0.01em;
}

body.pds-admin .pds-user-reg-page .pds-user-reg-subtitle {
    margin-top: 0.25rem;
    font-family: var(--admin-font);
    font-size: 0.84rem;
    color: #78716c;
}

body.pds-admin .pds-user-reg-page .pds-user-reg-back {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    min-height: 40px;
    padding: 0 1rem !important;
    border-radius: 12px !important;
    border: 1px solid rgba(var(--brand-rgb), 0.35) !important;
    background: #fff !important;
    color: var(--site-color) !important;
    font-family: var(--admin-font);
    font-weight: 700 !important;
}

body.pds-admin .pds-user-reg-page .pds-user-reg-back:hover {
    background: rgba(var(--brand-rgb), 0.08) !important;
    border-color: var(--site-color) !important;
    color: #D95A00 !important;
}

body.pds-admin .pds-user-reg-page .pds-user-reg-body {
    padding: 1.25rem 1.4rem 1.5rem !important;
    background: #FAFAFC;
}

body.pds-admin .pds-user-reg-page .pds-user-reg-layout {
    display: grid;
    grid-template-columns: minmax(200px, 240px) minmax(0, 1fr);
    gap: 1.35rem;
    align-items: start;
    width: 100%;
}

body.pds-admin .pds-user-reg-page .pds-user-reg-aside {
    position: sticky;
    top: 1rem;
    padding: 1.35rem 1.1rem;
    border-radius: 18px;
    border: 1px solid rgba(var(--brand-rgb), 0.16);
    background:
        radial-gradient(circle at 50% 0%, rgba(var(--brand-rgb), 0.12), transparent 60%),
        #fff;
    box-shadow: 0 8px 22px rgba(20, 17, 15, 0.04);
    text-align: center;
}

body.pds-admin .pds-user-reg-page .pds-user-reg-main {
    min-width: 0;
    width: 100%;
}

body.pds-admin .pds-user-reg-page .pds-user-reg-form {
    width: 100%;
}

body.pds-admin .pds-user-reg-page .pds-user-reg-section {
    width: 100%;
    margin-bottom: 1rem;
    padding: 1.1rem 1.2rem 0.55rem;
    border-radius: 16px;
    border: 1px solid rgba(20, 17, 15, 0.07);
    background: #fff;
    box-shadow: 0 4px 14px rgba(20, 17, 15, 0.03);
}

body.pds-admin .pds-user-reg-page .pds-user-reg-section__title {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0 0 0.95rem;
    color: var(--site-color);
    font-family: var(--admin-font);
    font-size: 0.72rem;
    font-weight: 750;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

body.pds-admin .pds-user-reg-page .pds-user-reg-section__title i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 9px;
    background: rgba(var(--brand-rgb), 0.12);
    color: var(--site-color);
    font-size: 0.78rem;
}

body.pds-admin .pds-user-reg-page .pds-dispatch-grid {
    width: 100%;
    gap: 0.9rem 1rem;
}

body.pds-admin .pds-user-reg-page .pds-dispatch-grid-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.pds-admin .pds-user-reg-page .pds-dispatch-field label {
    font-family: var(--admin-font);
    font-size: 0.78rem;
    font-weight: 650;
    color: #44403c;
}

body.pds-admin .pds-user-reg-page .pds-dispatch-input,
body.pds-admin .pds-user-reg-page .pds-dispatch-select {
    width: 100%;
    min-height: 52px;
    border-radius: 12px;
    border: 1px solid rgba(20, 17, 15, 0.1);
    background: rgba(var(--brand-rgb), 0.04);
    box-shadow: 0 1px 2px rgba(20, 17, 15, 0.03);
    font-family: var(--admin-font), 'Noto Sans Myanmar', 'Myanmar Text', 'Padauk', sans-serif;
    font-size: 0.9rem;
    line-height: 1.8;
    color: #14110F;
}

/* Native Region/Township selects — Burmese descenders need extra vertical room */
body.pds-admin .pds-user-reg-page select.pds-os-location-select,
body.pds-admin .pds-os-account-modal select.pds-os-location-select {
    min-height: 56px !important;
    height: auto !important;
    padding: 0.75rem 2.1rem 0.75rem 0.9rem !important;
    line-height: 1.85 !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%2364748b' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.9rem center;
    background-size: 12px 8px;
}

body.pds-admin .pds-user-reg-page .pds-dispatch-input:focus,
body.pds-admin .pds-user-reg-page .pds-dispatch-select:focus {
    border-color: rgba(var(--brand-rgb), 0.55);
    background: #fff;
    box-shadow: 0 0 0 3px rgba(var(--brand-rgb), 0.12);
    outline: none;
}

/* Region / Township Select2 — Burmese glyphs need taller rows */
body.pds-admin .pds-user-reg-page .pds-os-location-select + .select2-container,
body.pds-admin .pds-os-account-modal .pds-os-location-select + .select2-container {
    width: 100% !important;
}

body.pds-admin .pds-user-reg-page .pds-os-location-select + .select2-container .select2-selection--single,
body.pds-admin .pds-os-account-modal .pds-os-location-select + .select2-container .select2-selection--single {
    min-height: 56px !important;
    height: auto !important;
    border: 1px solid rgba(20, 17, 15, 0.1) !important;
    border-radius: 12px !important;
    background: rgba(var(--brand-rgb), 0.04) !important;
    display: flex !important;
    align-items: center !important;
    padding: 0.25rem 0 !important;
    overflow: visible !important;
}

body.pds-admin .pds-user-reg-page .pds-os-location-select + .select2-container.select2-container--focus .select2-selection--single,
body.pds-admin .pds-user-reg-page .pds-os-location-select + .select2-container.select2-container--open .select2-selection--single,
body.pds-admin .pds-os-account-modal .pds-os-location-select + .select2-container.select2-container--focus .select2-selection--single,
body.pds-admin .pds-os-account-modal .pds-os-location-select + .select2-container.select2-container--open .select2-selection--single {
    border-color: rgba(var(--brand-rgb), 0.55) !important;
    background: #fff !important;
    box-shadow: 0 0 0 3px rgba(var(--brand-rgb), 0.12);
}

body.pds-admin .pds-user-reg-page .pds-os-location-select + .select2-container .select2-selection__rendered,
body.pds-admin .pds-os-account-modal .pds-os-location-select + .select2-container .select2-selection__rendered {
    display: flex !important;
    align-items: center !important;
    min-height: 52px !important;
    line-height: 1.85 !important;
    padding: 0.45rem 2rem 0.55rem 0.9rem !important;
    font-family: var(--admin-font), 'Noto Sans Myanmar', 'Myanmar Text', 'Padauk', sans-serif !important;
    font-size: 0.9rem !important;
    color: #14110F !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
}

body.pds-admin .pds-user-reg-page .pds-os-location-select + .select2-container .select2-selection__arrow,
body.pds-admin .pds-os-account-modal .pds-os-location-select + .select2-container .select2-selection__arrow {
    height: 100% !important;
    top: 0 !important;
    right: 8px !important;
}

/* Region / Township searchable dropdown panel */
body.pds-admin .select2-container--default .pds-os-location-select2-dropdown,
body.pds-admin .pds-os-location-select2-dropdown,
body.pds-admin .select2-dropdown.pds-os-location-select2-dropdown,
body.pds-admin.select2-location-open .select2-dropdown {
    border: 1px solid rgba(var(--brand-rgb), 0.18) !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow:
        0 18px 40px rgba(20, 17, 15, 0.14),
        0 4px 12px rgba(20, 17, 15, 0.06) !important;
    overflow: hidden !important;
    z-index: 20050 !important;
    margin-top: 6px !important;
    padding: 0.45rem 0 0.4rem !important;
}

body.pds-admin .pds-os-location-select2-dropdown .select2-search--dropdown,
body.pds-admin.select2-location-open .select2-dropdown .select2-search--dropdown {
    display: block !important;
    position: relative !important;
    padding: 0.55rem 0.7rem 0.45rem !important;
    border-bottom: 1px solid rgba(20, 17, 15, 0.06) !important;
    background:
        linear-gradient(180deg, rgba(var(--brand-rgb), 0.06), rgba(var(--brand-rgb), 0.015));
}

body.pds-admin .pds-os-location-select2-dropdown .select2-search--dropdown::before,
body.pds-admin.select2-location-open .select2-dropdown .select2-search--dropdown::before {
    content: '';
    position: absolute;
    left: 1.35rem;
    top: 50%;
    width: 16px;
    height: 16px;
    transform: translateY(-42%);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='6.5' stroke='%23F97316' stroke-width='2'/%3E%3Cpath stroke='%23F97316' stroke-width='2' stroke-linecap='round' d='M16.5 16.5L21 21'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 16px 16px;
    pointer-events: none;
    opacity: 0.9;
    z-index: 1;
}

body.pds-admin .pds-os-location-select2-dropdown .select2-search--dropdown .select2-search__field,
body.pds-admin.select2-location-open .select2-dropdown .select2-search__field {
    width: 100% !important;
    min-height: 46px !important;
    padding: 0.65rem 0.9rem 0.65rem 2.45rem !important;
    border: 1px solid rgba(var(--brand-rgb), 0.22) !important;
    border-radius: 12px !important;
    background: #fff !important;
    color: #14110F !important;
    font-family: var(--admin-font), 'Noto Sans Myanmar', 'Myanmar Text', 'Padauk', sans-serif !important;
    font-size: 0.92rem !important;
    line-height: 1.7 !important;
    outline: none !important;
    box-shadow: inset 0 1px 2px rgba(20, 17, 15, 0.03) !important;
    transition: border-color 0.15s ease, box-shadow 0.15s ease !important;
}

body.pds-admin .pds-os-location-select2-dropdown .select2-search--dropdown .select2-search__field::placeholder,
body.pds-admin.select2-location-open .select2-dropdown .select2-search__field::placeholder {
    color: #a8a29e !important;
    opacity: 1 !important;
}

body.pds-admin .pds-os-location-select2-dropdown .select2-search--dropdown .select2-search__field:focus,
body.pds-admin.select2-location-open .select2-dropdown .select2-search__field:focus {
    border-color: rgba(var(--brand-rgb), 0.55) !important;
    box-shadow:
        0 0 0 3px rgba(var(--brand-rgb), 0.14),
        inset 0 1px 2px rgba(20, 17, 15, 0.02) !important;
}

body.pds-admin .pds-os-location-select2-dropdown .select2-results,
body.pds-admin.select2-location-open .select2-dropdown .select2-results {
    padding: 0.35rem 0.45rem 0.2rem !important;
}

body.pds-admin .pds-os-location-select2-dropdown .select2-results__options,
body.pds-admin.select2-location-open .select2-dropdown .select2-results__options {
    max-height: 280px !important;
    padding: 0.1rem 0 !important;
}

body.pds-admin .pds-os-location-select2-dropdown .select2-results__option,
body.pds-admin.select2-location-open .select2-dropdown .select2-results__option {
    margin: 0.15rem 0 !important;
    padding: 0.72rem 0.85rem !important;
    border-radius: 11px !important;
    font-family: var(--admin-font), 'Noto Sans Myanmar', 'Myanmar Text', 'Padauk', sans-serif !important;
    font-size: 0.92rem !important;
    font-weight: 550 !important;
    line-height: 1.75 !important;
    color: #292524 !important;
    white-space: normal !important;
    transition: background-color 0.12s ease, color 0.12s ease !important;
}

body.pds-admin .pds-os-location-select2-dropdown .select2-results__option[aria-selected="true"],
body.pds-admin.select2-location-open .select2-dropdown .select2-results__option[aria-selected="true"] {
    background: rgba(var(--brand-rgb), 0.08) !important;
    color: #9a3412 !important;
}

body.pds-admin .pds-os-location-select2-dropdown .select2-results__option--highlighted[aria-selected],
body.pds-admin .pds-os-location-select2-dropdown .select2-results__option--highlighted,
body.pds-admin.select2-location-open .select2-dropdown .select2-results__option--highlighted[aria-selected],
body.pds-admin.select2-location-open .select2-dropdown .select2-results__option--highlighted {
    background: linear-gradient(135deg, rgba(var(--brand-rgb), 0.95), rgba(var(--brand-rgb), 0.78)) !important;
    color: #fff !important;
    box-shadow: 0 4px 12px rgba(var(--brand-rgb), 0.22) !important;
}

body.pds-admin .pds-os-location-select2-dropdown .select2-results__message,
body.pds-admin.select2-location-open .select2-dropdown .select2-results__message {
    padding: 0.85rem 0.75rem !important;
    color: #78716c !important;
    font-family: var(--admin-font), 'Noto Sans Myanmar', 'Myanmar Text', 'Padauk', sans-serif !important;
    line-height: 1.6 !important;
}

/* Custom scrollbar */
body.pds-admin .pds-os-location-select2-dropdown .select2-results__options::-webkit-scrollbar,
body.pds-admin.select2-location-open .select2-dropdown .select2-results__options::-webkit-scrollbar {
    width: 8px;
}

body.pds-admin .pds-os-location-select2-dropdown .select2-results__options::-webkit-scrollbar-thumb,
body.pds-admin.select2-location-open .select2-dropdown .select2-results__options::-webkit-scrollbar-thumb {
    background: rgba(20, 17, 15, 0.18);
    border-radius: 999px;
    border: 2px solid transparent;
    background-clip: padding-box;
}

/* Hide native select once Select2 is attached (prevents macOS native picker). */
body.pds-admin select.pds-os-location-select.select2-hidden-accessible {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    border: 0 !important;
    appearance: none !important;
}

body.pds-admin .pds-user-reg-page .pds-dispatch-input[readonly] {
    background: #F5F5F4;
    color: #57534e;
}

body.pds-admin .pds-user-reg-page .pds-user-reg-password-change {
    padding: 0.85rem 1rem;
    border-radius: 12px;
    background: rgba(var(--brand-rgb), 0.08);
    border: 1px solid rgba(var(--brand-rgb), 0.18);
}

body.pds-admin .pds-user-reg-page .pds-user-reg-password-change__title {
    margin: 0 0 0.25rem;
    font-family: var(--admin-font);
    font-size: 0.88rem;
    font-weight: 750;
    color: var(--site-color);
}

body.pds-admin .pds-user-reg-page .pds-user-reg-password-change__hint {
    margin: 0;
    font-size: 0.78rem;
    color: #78716c;
    line-height: 1.45;
}

body.pds-admin .pds-user-reg-page .pds-os-password-wrap {
    position: relative;
}

body.pds-admin .pds-user-reg-page .pds-os-password-toggle {
    position: absolute;
    top: 50%;
    right: 0.7rem;
    transform: translateY(-50%);
    border: 0;
    background: transparent;
    color: #a8a29e;
    cursor: pointer;
}

body.pds-admin .pds-user-reg-page .pds-os-password-toggle:hover {
    color: var(--site-color);
}

body.pds-admin .pds-user-reg-page .pds-user-reg-footer {
    display: flex;
    justify-content: flex-start;
    margin-top: 0.35rem;
    padding-top: 0.35rem;
}

body.pds-admin .pds-user-reg-page .pds-user-reg-save {
    min-height: 46px;
    min-width: 140px;
    padding: 0 1.5rem !important;
    border: 0 !important;
    border-radius: 14px !important;
    background: linear-gradient(135deg, var(--site-color) 0%, var(--site-color) 100%) !important;
    color: #fff !important;
    font-family: var(--admin-font);
    font-size: 0.92rem !important;
    font-weight: 750 !important;
    box-shadow: 0 10px 24px rgba(var(--brand-rgb), 0.3);
}

body.pds-admin .pds-user-reg-page .pds-user-reg-save:hover {
    filter: brightness(1.04);
    box-shadow: 0 14px 28px rgba(var(--brand-rgb), 0.36);
}

@media (max-width: 992px) {
    body.pds-admin .pds-user-reg-page .pds-user-reg-layout {
        grid-template-columns: 1fr;
    }

    body.pds-admin .pds-user-reg-page .pds-user-reg-aside {
        position: static;
        max-width: 320px;
        margin: 0 auto;
    }

    body.pds-admin .pds-user-reg-page .pds-dispatch-grid-2 {
        grid-template-columns: 1fr;
    }
}

/* ငွေရှင်းတမ်း / OS Settlement list */
body.pds-admin .pds-dispatch-os-list-page {
    width: 100%;
    max-width: none;
}

body.pds-admin .pds-dispatch-os-list-page .pds-rider-screen {
    width: 100%;
    max-width: none;
    border: 1px solid rgba(20, 17, 15, 0.07);
    border-radius: 22px;
    background: linear-gradient(180deg, rgba(255, 252, 248, 0.98) 0%, #ffffff 40%);
    box-shadow:
        0 1px 2px rgba(20, 17, 15, 0.04),
        0 18px 40px rgba(20, 17, 15, 0.05);
    overflow: hidden;
}

body.pds-admin .pds-dispatch-os-list-page .pds-rider-hero {
    align-items: center;
    padding: 1.3rem 1.45rem 1.15rem;
    background:
        radial-gradient(ellipse 55% 90% at 100% 0%, rgba(var(--brand-rgb), 0.15), transparent 55%),
        linear-gradient(180deg, rgba(var(--brand-rgb), 0.06) 0%, #FFFFFF 100%);
    border-bottom: 1px solid rgba(var(--brand-rgb), 0.12);
}

body.pds-admin .pds-dispatch-os-list-page .pds-rider-hero__eyebrow {
    color: var(--site-color);
    font-family: var(--admin-font);
    letter-spacing: 0.08em;
}

body.pds-admin .pds-dispatch-os-list-page .pds-rider-hero__title {
    font-family: var(--admin-font);
    font-size: 1.5rem;
    font-weight: 700;
    color: #14110F;
    letter-spacing: 0.01em;
}

body.pds-admin .pds-dispatch-os-list-page .pds-rider-hero__subtitle {
    display: none;
}

body.pds-admin .pds-dispatch-os-list-page .pds-rider-hero__stat {
    min-width: 96px;
    padding: 0.8rem 1rem;
    border-radius: 16px;
    border: 1px solid rgba(var(--brand-rgb), 0.22);
    background: #fff;
    box-shadow: 0 8px 20px rgba(var(--brand-rgb), 0.1);
}

body.pds-admin .pds-dispatch-os-list-page .pds-rider-hero__stat-value {
    color: var(--site-color);
    font-family: var(--admin-font);
    font-size: 1.55rem;
}

/* Branch tabs layout lives in _branch-tabs.blade.php + custom.css (avoid width/margin fights). */
body.pds-admin .pds-dispatch-os-list-page .pds-dm-branch-tabs {
    /* intentionally empty — see pds-dm-branch-tabs-wrap */
}

body.pds-admin .pds-dispatch-os-list-page .pds-rider-toolbar {
    display: flex;
    align-items: flex-end;
    gap: 0.85rem;
    width: auto;
    margin: 1rem 1.25rem 0;
    padding: 1rem 1.15rem;
    border-radius: 16px;
    border: 1px solid rgba(20, 17, 15, 0.07);
    background: linear-gradient(180deg, rgba(var(--brand-rgb), 0.04) 0%, #FFFFFF 100%);
    box-shadow: 0 6px 18px rgba(20, 17, 15, 0.04);
}

body.pds-admin .pds-dispatch-os-list-page .pds-rider-toolbar__fields {
    display: grid;
    grid-template-columns: minmax(180px, 1.4fr) minmax(130px, 160px) minmax(130px, 160px);
    gap: 0.75rem;
    flex: 1 1 auto;
    min-width: 0;
}

body.pds-admin .pds-dispatch-os-list-page .pds-rider-toolbar .pds-dispatch-field label {
    font-family: var(--admin-font);
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    color: #78716c;
}

body.pds-admin .pds-dispatch-os-list-page .pds-rider-toolbar .pds-dispatch-input,
body.pds-admin .pds-dispatch-os-list-page .pds-rider-toolbar .pds-dispatch-select {
    height: 42px;
    border-radius: 12px;
    border: 1px solid rgba(20, 17, 15, 0.1);
    background: #fff;
}

body.pds-admin .pds-dispatch-os-list-page .pds-rider-check-btn {
    min-height: 42px;
    border-radius: 12px;
    border: 0;
    background: linear-gradient(135deg, var(--site-color) 0%, var(--site-color) 100%);
    color: #fff;
    box-shadow: 0 8px 18px rgba(var(--brand-rgb), 0.28);
    font-family: var(--admin-font);
    font-weight: 700;
}

body.pds-admin .pds-dispatch-os-list-page .pds-rider-body {
    width: 100%;
    box-sizing: border-box;
    padding: 1rem 1.25rem 1.35rem;
    background: #FAFAFC;
}

body.pds-admin .pds-dispatch-os-list-page .pds-os-settlement-tabs {
    display: flex;
    flex-wrap: nowrap;
    gap: 0.55rem;
    width: 100%;
    margin: 0 0 1rem;
    padding: 0.35rem;
    border-radius: 16px;
    border: 1px solid rgba(20, 17, 15, 0.06);
    background: #fff;
    box-shadow: 0 4px 14px rgba(20, 17, 15, 0.03);
    box-sizing: border-box;
}

body.pds-admin .pds-dispatch-os-list-page .pds-os-settlement-tab {
    flex: 1 1 0;
    justify-content: center;
    min-width: 0;
    border-radius: 12px;
    font-family: var(--admin-font);
    padding: 0.7rem 0.75rem;
}

body.pds-admin .pds-dispatch-os-list-page .pds-os-settlement-tab.is-active {
    background: linear-gradient(135deg, var(--site-color) 0%, var(--site-color) 100%);
    border-color: var(--site-color);
    color: #fff !important;
    box-shadow: 0 8px 18px rgba(var(--brand-rgb), 0.28);
}

body.pds-admin .pds-dispatch-os-list-page .pds-os-settlement-tab.is-active span,
body.pds-admin .pds-dispatch-os-list-page .pds-os-settlement-tab.is-active i {
    color: #fff !important;
}

body.pds-admin .pds-dispatch-os-list-page .pds-os-settlement-tab[data-tab="receive"].is-active {
    background: linear-gradient(135deg, #059669 0%, #10b981 100%);
    border-color: #059669;
}

body.pds-admin .pds-dispatch-os-list-page .pds-os-settlement-tab[data-tab="kyo_shin"] i {
    color: #7c3aed;
}

body.pds-admin .pds-dispatch-os-list-page .pds-os-settlement-tab[data-tab="kyo_shin"].is-active {
    background: linear-gradient(135deg, #7c3aed 0%, #8b5cf6 100%);
    border-color: #7c3aed;
    color: #fff;
    box-shadow: 0 8px 18px rgba(124, 58, 237, 0.28);
}

body.pds-admin .pds-dispatch-os-list-page .pds-os-settlement-tab[data-tab="kyo_shin"].is-active i,
body.pds-admin .pds-dispatch-os-list-page .pds-os-settlement-tab[data-tab="kyo_shin"].is-active span {
    color: #fff;
}

body.pds-admin .pds-dispatch-os-list-page .pds-os-settlement-tab[data-tab="kyo_shin"].is-active em {
    background: #fff;
    color: #7c3aed;
}

body.pds-admin .pds-dispatch-os-list-page .pds-os-settlement-tab.is-active em {
    background: #fff;
    color: var(--site-color);
    font-weight: 800;
}

body.pds-admin .pds-dispatch-os-list-page .pds-os-settlement-tab[data-tab="receive"].is-active em {
    background: #fff;
    color: #059669;
}

body.pds-admin .pds-dispatch-os-list-page .pds-os-settlement-bulk-bar {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.75rem;
    width: 100%;
    margin: 0 0 0.85rem;
    padding: 0.75rem 1rem;
    border-radius: 14px;
    border: 1px solid rgba(var(--brand-rgb), 0.18);
    background: rgba(var(--brand-rgb), 0.08);
    box-sizing: border-box;
}

body.pds-admin .pds-dispatch-os-list-page .pds-os-finish-all-btn {
    min-height: 42px;
    padding: 0 1.15rem;
    border: 0;
    border-radius: 12px;
    background: linear-gradient(135deg, var(--site-color) 0%, var(--site-color) 100%);
    color: #fff;
    font-family: var(--admin-font);
    font-weight: 750;
    box-shadow: 0 8px 18px rgba(var(--brand-rgb), 0.28);
}

body.pds-admin .pds-dispatch-os-list-page .pds-os-finish-all-btn:disabled {
    opacity: 0.45;
    box-shadow: none;
}

body.pds-admin .pds-dispatch-os-list-page .pds-os-settlement-shell {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid rgba(20, 17, 15, 0.07);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(20, 17, 15, 0.04);
    overflow: auto;
}

body.pds-admin .pds-dispatch-os-list-page .pds-os-settlement-table {
    width: 100% !important;
    max-width: none !important;
    table-layout: auto;
}

body.pds-admin .pds-dispatch-os-list-page .pds-os-settlement-col-slip,
body.pds-admin .pds-dispatch-os-list-page .pds-os-kpay-upload-cell {
    width: 176px !important;
    min-width: 176px !important;
    max-width: 176px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    overflow: visible !important;
}

body.pds-os-proof-lightbox-open {
    overflow: hidden;
}

body.pds-admin .pds-dispatch-os-list-page .pds-os-settlement-table thead th {
    background: linear-gradient(180deg, rgba(var(--brand-rgb), 0.06) 0%, #FFF3E8 100%);
    border-bottom: 1px solid rgba(var(--brand-rgb), 0.14);
    color: #7c2d12;
    font-family: var(--admin-font);
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    white-space: nowrap;
}

body.pds-admin .pds-dispatch-os-list-page .pds-os-settlement-table tbody tr:hover {
    background: rgba(var(--brand-rgb), 0.06);
}

body.pds-admin .pds-dispatch-os-list-page .pds-os-settlement-avatar {
    background: linear-gradient(145deg, var(--site-color), var(--site-color));
    color: #fff;
    border-radius: 14px;
    box-shadow: 0 6px 14px rgba(var(--brand-rgb), 0.28);
}

/* ကြိုရှင်း တာဝန်ခံ ကိုပေးရန် — purple accents (must follow orange page defaults) */
body.pds-admin .pds-dispatch-os-list-page .pds-os-kyo-shin-settlement-row .pds-os-settlement-avatar,
body.pds-admin .pds-os-settlement-panel[data-section="kyo_shin"] .pds-os-settlement-avatar {
    background: linear-gradient(145deg, #7c3aed, #8b5cf6) !important;
    box-shadow: 0 6px 14px rgba(124, 58, 237, 0.28) !important;
}

body.pds-admin .pds-dispatch-os-list-page .pds-os-kyo-shin-settlement-row .pds-os-finish-btn,
body.pds-admin .pds-os-settlement-panel[data-section="kyo_shin"] .pds-os-finish-btn {
    background: linear-gradient(135deg, #7c3aed 0%, #8b5cf6 100%) !important;
    color: #fff !important;
    box-shadow: 0 4px 14px rgba(124, 58, 237, 0.28);
}

body.pds-admin .pds-dispatch-os-list-page .pds-os-kyo-shin-settlement-row .pds-os-finish-btn > span,
body.pds-admin .pds-dispatch-os-list-page .pds-os-kyo-shin-settlement-row .pds-os-finish-btn > i,
body.pds-admin .pds-os-settlement-panel[data-section="kyo_shin"] .pds-os-finish-btn > span,
body.pds-admin .pds-os-settlement-panel[data-section="kyo_shin"] .pds-os-finish-btn > i,
body.pds-admin .pds-os-settlement-panel[data-section="kyo_shin"] .pds-os-finish-all-btn > span,
body.pds-admin .pds-os-settlement-panel[data-section="kyo_shin"] .pds-os-finish-all-btn > i,
body.pds-admin .pds-dispatch-os-list-page .pds-os-settlement-panel[data-section="kyo_shin"] .pds-os-finish-all-btn > span,
body.pds-admin .pds-dispatch-os-list-page .pds-os-settlement-panel[data-section="kyo_shin"] .pds-os-finish-all-btn > i {
    color: #fff !important;
}

body.pds-admin .pds-dispatch-os-list-page .pds-os-kyo-shin-settlement-row .pds-os-finish-btn:hover:not(:disabled),
body.pds-admin .pds-os-settlement-panel[data-section="kyo_shin"] .pds-os-finish-btn:hover:not(:disabled) {
    box-shadow: 0 8px 18px rgba(124, 58, 237, 0.32);
}

body.pds-admin .pds-os-settlement-panel[data-section="kyo_shin"] .pds-os-settlement-bulk-bar,
body.pds-admin .pds-dispatch-os-list-page .pds-os-settlement-panel[data-section="kyo_shin"] .pds-os-settlement-bulk-bar {
    border-color: #ddd6fe;
    background: linear-gradient(135deg, #f5f3ff 0%, #ede9fe 100%);
}

body.pds-admin .pds-os-settlement-panel[data-section="kyo_shin"] .pds-os-finish-all-btn,
body.pds-admin .pds-dispatch-os-list-page .pds-os-settlement-panel[data-section="kyo_shin"] .pds-os-finish-all-btn {
    background: linear-gradient(135deg, #7c3aed 0%, #8b5cf6 100%) !important;
    color: #fff !important;
    box-shadow: 0 8px 18px rgba(124, 58, 237, 0.28);
}

body.pds-admin .pds-os-settlement-panel[data-section="kyo_shin"] .pds-os-settlement-table thead th,
body.pds-admin .pds-dispatch-os-list-page .pds-os-settlement-panel[data-section="kyo_shin"] .pds-os-settlement-table thead th {
    background: linear-gradient(180deg, #f5f3ff 0%, #ede9fe 100%);
    border-bottom-color: rgba(124, 58, 237, 0.16);
    color: #5b21b6;
}

@media (max-width: 992px) {
    body.pds-admin .pds-dispatch-os-list-page .pds-rider-toolbar {
        margin-left: 0.85rem;
        margin-right: 0.85rem;
    }

    body.pds-admin .pds-dispatch-os-list-page .pds-rider-toolbar {
        flex-direction: column;
        align-items: stretch;
    }

    body.pds-admin .pds-dispatch-os-list-page .pds-rider-toolbar__fields {
        grid-template-columns: 1fr;
    }

    body.pds-admin .pds-dispatch-os-list-page .pds-os-settlement-tabs {
        flex-wrap: wrap;
    }

    body.pds-admin .pds-dispatch-os-list-page .pds-os-settlement-tab {
        flex: 1 1 calc(50% - 0.55rem);
    }

    body.pds-admin .pds-dispatch-os-list-page .pds-dm-branch-tab {
        flex: 1 1 calc(50% - 0.45rem) !important;
        min-width: 120px !important;
    }
}

/* ─── Kyo Shin (ကြိုရှင်း) ─── */
body.pds-admin .pds-kyo-shin-page {
    --pds-kyo-orange: var(--site-color);
    --pds-kyo-cream: rgba(var(--brand-rgb), 0.06);
    --pds-kyo-ink: #14110F;
}

body.pds-admin .pds-kyo-shin-page .pds-rider-screen {
    width: 100%;
    max-width: none;
    border: 1px solid rgba(20, 17, 15, 0.07);
    border-radius: 22px;
    background: linear-gradient(180deg, rgba(255, 252, 248, 0.98) 0%, #ffffff 40%);
    box-shadow:
        0 1px 2px rgba(20, 17, 15, 0.04),
        0 18px 40px rgba(20, 17, 15, 0.05);
    overflow: hidden;
}

body.pds-admin .pds-kyo-shin-page .pds-rider-hero {
    align-items: center;
    padding: 1.3rem 1.45rem 1.15rem;
    background:
        radial-gradient(ellipse 55% 90% at 100% 0%, rgba(var(--brand-rgb), 0.15), transparent 55%),
        linear-gradient(180deg, rgba(var(--brand-rgb), 0.06) 0%, #FFFFFF 100%);
    border-bottom: 1px solid rgba(var(--brand-rgb), 0.12);
}

body.pds-admin .pds-kyo-shin-page .pds-rider-hero__eyebrow {
    color: var(--site-color);
    font-family: var(--admin-font);
    letter-spacing: 0.08em;
}

body.pds-admin .pds-kyo-shin-page .pds-rider-hero__title {
    font-family: var(--admin-font);
    font-size: 1.5rem;
    font-weight: 700;
    color: #14110F;
    letter-spacing: 0.01em;
}

body.pds-admin .pds-kyo-shin-page .pds-rider-hero__subtitle {
    display: none;
}

body.pds-admin .pds-kyo-shin-page .pds-kyo-shin-scopes {
    display: flex;
    flex-wrap: nowrap;
    gap: 0.45rem;
    width: auto;
    margin: 1rem 1.25rem 0;
    padding: 0.35rem;
    border-radius: 16px;
    border: 1px solid rgba(20, 17, 15, 0.06);
    background: #fff;
    box-shadow: 0 4px 14px rgba(20, 17, 15, 0.03);
    box-sizing: border-box;
    overflow-x: auto;
}

body.pds-admin .pds-kyo-shin-page .pds-kyo-shin-scopes__item {
    flex: 1 1 0;
    justify-content: center;
    min-width: 0;
    padding: 0.65rem 0.75rem;
    border-radius: 12px;
    background: transparent;
    color: #57534e;
    font-family: var(--admin-font);
    font-size: 0.82rem;
    font-weight: 700;
    text-align: center;
    white-space: nowrap;
    transition: background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

body.pds-admin .pds-kyo-shin-page .pds-kyo-shin-scopes__item:hover {
    background: rgba(var(--brand-rgb), 0.06);
    color: var(--site-color);
    text-decoration: none;
}

body.pds-admin .pds-kyo-shin-page .pds-kyo-shin-scopes__item.is-active {
    background: linear-gradient(135deg, var(--site-color) 0%, var(--site-color) 100%);
    color: #fff;
    box-shadow: 0 8px 18px rgba(var(--brand-rgb), 0.28);
}

body.pds-admin .pds-kyo-shin-page .pds-rider-toolbar {
    display: flex;
    align-items: flex-end;
    gap: 0.85rem;
    width: auto;
    margin: 1rem 1.25rem 0;
    padding: 1rem 1.15rem;
    border-radius: 16px;
    border: 1px solid rgba(20, 17, 15, 0.07);
    background: linear-gradient(180deg, rgba(var(--brand-rgb), 0.04) 0%, #FFFFFF 100%);
    box-shadow: 0 6px 18px rgba(20, 17, 15, 0.04);
}

body.pds-admin .pds-kyo-shin-page .pds-rider-toolbar__fields {
    display: grid;
    grid-template-columns: minmax(140px, 200px) minmax(140px, 200px);
    gap: 0.75rem;
    flex: 0 1 auto;
    min-width: 0;
}

body.pds-admin .pds-kyo-shin-page .pds-rider-toolbar .pds-dispatch-field {
    width: auto;
    max-width: 200px;
}

body.pds-admin .pds-kyo-shin-page .pds-rider-toolbar .pds-dispatch-field label {
    font-family: var(--admin-font);
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    color: #78716c;
}

body.pds-admin .pds-kyo-shin-page .pds-rider-toolbar .pds-dispatch-input {
    height: 42px;
    border-radius: 12px;
    border: 1px solid rgba(20, 17, 15, 0.1);
    background: #fff;
}

body.pds-admin .pds-kyo-shin-page .pds-rider-toolbar .pds-dispatch-input:focus {
    border-color: rgba(var(--brand-rgb), 0.45);
    box-shadow: 0 0 0 3px rgba(var(--brand-rgb), 0.12);
}

body.pds-admin .pds-kyo-shin-page .pds-rider-toolbar__aside {
    margin-left: auto;
}

body.pds-admin .pds-kyo-shin-page .pds-rider-check-btn {
    min-height: 42px;
    border-radius: 12px;
    border: 0;
    background: linear-gradient(135deg, var(--site-color) 0%, var(--site-color) 100%);
    color: #fff;
    box-shadow: 0 8px 18px rgba(var(--brand-rgb), 0.28);
    font-family: var(--admin-font);
    font-weight: 700;
}

body.pds-admin .pds-kyo-shin-page .pds-kyo-shin-summary {
    width: auto;
    margin: 1rem 1.25rem 0;
    gap: 0.85rem;
}

body.pds-admin .pds-kyo-shin-page .pds-kyo-shin-hero {
    padding: 1.05rem 1.2rem;
    border-radius: 16px;
    border: 1px solid rgba(var(--brand-rgb), 0.2);
    background: linear-gradient(135deg, rgba(var(--brand-rgb), 0.06) 0%, #FFFFFF 55%, rgba(var(--brand-rgb), 0.04) 100%);
    box-shadow: 0 8px 22px rgba(var(--brand-rgb), 0.08);
}

body.pds-admin .pds-kyo-shin-page .pds-kyo-shin-hero__icon {
    width: 48px;
    height: 48px;
    border-radius: 14px;
    background: linear-gradient(135deg, var(--site-color), var(--site-color));
    box-shadow: 0 8px 18px rgba(var(--brand-rgb), 0.28);
}

body.pds-admin .pds-kyo-shin-page .pds-kyo-shin-hero__copy span {
    font-family: var(--admin-font);
    font-size: 0.78rem;
    color: var(--site-color);
}

body.pds-admin .pds-kyo-shin-page .pds-kyo-shin-hero__copy strong {
    font-family: var(--admin-font);
    font-size: 1.55rem;
    color: #14110F;
}

body.pds-admin .pds-kyo-shin-page .pds-kyo-shin-hero__thein {
    border-radius: 999px;
    border: 1px solid rgba(var(--brand-rgb), 0.28);
    background: #fff;
    color: var(--site-color);
    font-family: var(--admin-font);
}

body.pds-admin .pds-kyo-shin-page .pds-kyo-shin-metrics {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
}

body.pds-admin .pds-kyo-shin-page .pds-kyo-shin-metric {
    padding: 0.95rem 1rem;
    border-radius: 14px;
    border: 1px solid rgba(20, 17, 15, 0.08);
    box-shadow: 0 4px 14px rgba(20, 17, 15, 0.03);
}

body.pds-admin .pds-kyo-shin-page .pds-kyo-shin-metric__label {
    font-family: var(--admin-font);
    font-size: 0.78rem;
    font-weight: 700;
    color: #57534e;
}

body.pds-admin .pds-kyo-shin-page .pds-kyo-shin-metric strong {
    font-family: var(--admin-font);
    font-size: 1.2rem;
    color: #14110F;
}

body.pds-admin .pds-kyo-shin-page .pds-kyo-shin-metric em {
    font-family: var(--admin-font);
    font-style: normal;
    font-size: 0.72rem;
    color: #a8a29e;
}

body.pds-admin .pds-kyo-shin-page .pds-kyo-shin-metric.is-paid {
    border-color: rgba(22, 163, 74, 0.22);
    background: linear-gradient(180deg, #f0fdf4 0%, #fff 72%);
}

body.pds-admin .pds-kyo-shin-page .pds-kyo-shin-metric.is-returned {
    border-color: rgba(245, 158, 11, 0.28);
    background: linear-gradient(180deg, rgba(var(--brand-rgb), 0.07) 0%, #fff 72%);
}

body.pds-admin .pds-kyo-shin-page .pds-kyo-shin-metric.is-remain {
    border-color: rgba(59, 130, 246, 0.22);
    background: linear-gradient(180deg, #eff6ff 0%, #fff 72%);
}

body.pds-admin .pds-kyo-shin-page .pds-kyo-shin-history-btn {
    color: var(--site-color);
    background: #fff;
    border: 1px solid rgba(var(--brand-rgb), 0.28);
}

body.pds-admin .pds-kyo-shin-page .pds-kyo-shin-history-btn:hover,
body.pds-admin .pds-kyo-shin-page .pds-kyo-shin-history-btn:focus {
    background: var(--site-color);
    color: #fff;
    border-color: var(--site-color);
}

body.pds-admin .pds-kyo-shin-page .pds-rider-body {
    width: 100%;
    box-sizing: border-box;
    padding: 1rem 1.25rem 1.35rem;
    background: #FAFAFC;
}

body.pds-admin .pds-kyo-shin-page .pds-os-settlement-tabs {
    display: flex;
    flex-wrap: nowrap;
    gap: 0.55rem;
    width: 100%;
    margin: 0 0 1rem;
    padding: 0.35rem;
    border-radius: 16px;
    border: 1px solid rgba(20, 17, 15, 0.06);
    background: #fff;
    box-shadow: 0 4px 14px rgba(20, 17, 15, 0.03);
    box-sizing: border-box;
}

body.pds-admin .pds-kyo-shin-page .pds-os-settlement-tab {
    flex: 1 1 0;
    justify-content: center;
    min-width: 0;
    border-radius: 12px;
    font-family: var(--admin-font);
    padding: 0.7rem 0.75rem;
}

body.pds-admin .pds-kyo-shin-page .pds-os-settlement-tab.is-active {
    background: linear-gradient(135deg, var(--site-color) 0%, var(--site-color) 100%);
    border-color: var(--site-color);
    color: #fff !important;
    box-shadow: 0 8px 18px rgba(var(--brand-rgb), 0.28);
}

body.pds-admin .pds-kyo-shin-page .pds-os-settlement-tab.is-active span,
body.pds-admin .pds-kyo-shin-page .pds-os-settlement-tab.is-active i {
    color: #fff !important;
}

body.pds-admin .pds-kyo-shin-page .pds-os-settlement-tab.is-active em {
    background: #fff !important;
    color: var(--site-color) !important;
}

body.pds-admin .pds-kyo-shin-page .pds-kyo-shin-check-bar {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.75rem;
    width: 100%;
    margin: 0 0 0.85rem;
    padding: 0.75rem 1rem;
    border-radius: 14px;
    border: 1px solid rgba(var(--brand-rgb), 0.18);
    background: rgba(var(--brand-rgb), 0.08);
    box-sizing: border-box;
}

body.pds-admin .pds-kyo-shin-page .pds-kyo-shin-check-bar__hint {
    display: none;
}

body.pds-admin .pds-kyo-shin-page .pds-rider-table-shell {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid rgba(20, 17, 15, 0.07);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(20, 17, 15, 0.04);
    overflow: auto;
}

body.pds-admin .pds-kyo-shin-page .pds-os-settlement-section__empty {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 160px;
    margin: 0;
    padding: 2rem 1.25rem;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

body.pds-admin .pds-kyo-shin-page .pds-os-settlement-section__empty p {
    margin: 0;
    font-family: var(--admin-font);
    font-size: 0.95rem;
    font-weight: 600;
    color: #a8a29e;
}

body.pds-admin .pds-kyo-shin-page .pds-os-settlement-table {
    width: 100% !important;
    max-width: none !important;
}

body.pds-admin .pds-kyo-shin-page .pds-os-settlement-table thead th {
    background: linear-gradient(180deg, rgba(var(--brand-rgb), 0.06) 0%, #FFF3E8 100%);
    border-bottom: 1px solid rgba(var(--brand-rgb), 0.14);
    color: #7c2d12;
    font-family: var(--admin-font);
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    white-space: nowrap;
}

body.pds-admin .pds-kyo-shin-page .pds-os-settlement-table tbody tr:hover {
    background: rgba(var(--brand-rgb), 0.06);
}

body.pds-admin .pds-kyo-shin-page .pds-kyo-shin-send-os-btn {
    background: linear-gradient(135deg, var(--site-color) 0%, var(--site-color) 100%);
    border: 0;
    color: #fff;
    box-shadow: 0 6px 14px rgba(var(--brand-rgb), 0.28);
}

body.pds-admin .pds-kyo-shin-page .pds-kyo-shin-send-os-btn:hover {
    filter: brightness(1.04);
    color: #fff;
}

@media (max-width: 1100px) {
    body.pds-admin .pds-kyo-shin-page .pds-kyo-shin-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 992px) {
    body.pds-admin .pds-kyo-shin-page .pds-kyo-shin-scopes,
    body.pds-admin .pds-kyo-shin-page .pds-rider-toolbar,
    body.pds-admin .pds-kyo-shin-page .pds-kyo-shin-summary {
        margin-left: 0.85rem;
        margin-right: 0.85rem;
    }

    body.pds-admin .pds-kyo-shin-page .pds-rider-toolbar {
        flex-direction: column;
        align-items: stretch;
    }

    body.pds-admin .pds-kyo-shin-page .pds-rider-toolbar__fields {
        grid-template-columns: 1fr 1fr;
        width: 100%;
    }

    body.pds-admin .pds-kyo-shin-page .pds-rider-toolbar .pds-dispatch-field {
        max-width: none;
        width: 100%;
    }

    body.pds-admin .pds-kyo-shin-page .pds-rider-toolbar__aside {
        margin-left: 0;
    }

    body.pds-admin .pds-kyo-shin-page .pds-kyo-shin-scopes {
        flex-wrap: wrap;
    }

    body.pds-admin .pds-kyo-shin-page .pds-kyo-shin-scopes__item {
        flex: 1 1 calc(50% - 0.45rem);
    }

    body.pds-admin .pds-kyo-shin-page .pds-os-settlement-tabs {
        flex-wrap: wrap;
    }

    body.pds-admin .pds-kyo-shin-page .pds-os-settlement-tab {
        flex: 1 1 calc(50% - 0.55rem);
    }
}

@media (max-width: 640px) {
    body.pds-admin .pds-kyo-shin-page .pds-kyo-shin-metrics {
        grid-template-columns: 1fr;
    }

    body.pds-admin .pds-kyo-shin-page .pds-rider-toolbar__fields {
        grid-template-columns: 1fr;
    }

    body.pds-admin .pds-kyo-shin-page .pds-kyo-shin-hero {
        flex-wrap: wrap;
    }

    body.pds-admin .pds-kyo-shin-page .pds-kyo-shin-hero__thein {
        margin-left: 64px;
    }
}

/* ─── Dashboard charts ─── */
body.pds-admin .pds-dash-charts {
    margin-top: 0.35rem;
}

body.pds-admin .pds-chart-panel {
    height: 100%;
    border: 1px solid rgba(20, 17, 15, 0.07) !important;
    border-radius: 20px !important;
    background: linear-gradient(180deg, rgba(var(--brand-rgb), 0.04) 0%, #FFFFFF 55%) !important;
    box-shadow:
        0 1px 2px rgba(20, 17, 15, 0.04),
        0 14px 32px rgba(20, 17, 15, 0.05) !important;
    overflow: hidden;
}

body.pds-admin .pds-chart-panel .pds-section-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 1.1rem 1.25rem 0.35rem;
}

body.pds-admin .pds-chart-panel .pds-section-title {
    font-family: var(--admin-font);
    font-size: 1rem;
    font-weight: 750;
    color: #14110F;
    letter-spacing: -0.01em;
}

body.pds-admin .pds-chart-panel__badge {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 0.7rem;
    border-radius: 999px;
    background: rgba(var(--brand-rgb), 0.08);
    border: 1px solid rgba(var(--brand-rgb), 0.22);
    color: var(--site-color);
    font-family: var(--admin-font);
    font-size: 0.72rem;
    font-weight: 700;
}

body.pds-admin .pds-chart-panel > .card-body {
    padding: 0.5rem 1rem 1.15rem !important;
}

body.pds-admin .pds-chart-canvas {
    min-height: 300px;
    width: 100%;
}

body.pds-admin .pds-chart-canvas--tall {
    min-height: 320px;
}

body.pds-admin .pds-chart-canvas--wide {
    min-height: 340px;
}

body.pds-admin .pds-dash-city-table {
    margin: 0;
}

body.pds-admin .pds-dash-city-table table {
    width: 100%;
    margin: 0;
}

body.pds-admin .pds-dash-city-table thead th {
    background: linear-gradient(180deg, rgba(var(--brand-rgb), 0.06) 0%, #FFF3E8 100%);
    border-bottom: 1px solid rgba(var(--brand-rgb), 0.14);
    color: #7c2d12;
    font-family: var(--admin-font);
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    white-space: nowrap;
    padding: 0.85rem 1rem;
}

body.pds-admin .pds-dash-city-table tbody td {
    padding: 0.8rem 1rem;
    border-top: 1px solid rgba(20, 17, 15, 0.05);
    color: #292524;
    font-weight: 600;
}

body.pds-admin .pds-dash-city-table tbody tr:hover {
    background: rgba(var(--brand-rgb), 0.06);
}

body.pds-admin .pds-dashboard-panel .pds-section-title {
    font-family: var(--admin-font);
    font-weight: 750;
    color: #14110F;
}

body.pds-admin .pds-dashboard-panel .pds-section-actions .btn-primary {
    background: linear-gradient(135deg, var(--site-color) 0%, var(--site-color) 100%);
    border: 0;
    box-shadow: 0 8px 18px rgba(var(--brand-rgb), 0.28);
}

body.pds-admin .pds-dashboard-panel .pds-section-actions .btn-outline-primary {
    color: var(--site-color);
    border-color: rgba(var(--brand-rgb), 0.35);
    background: #fff;
}

body.pds-admin .pds-dashboard-panel .pds-section-actions .btn-outline-primary:hover {
    background: rgba(var(--brand-rgb), 0.06);
    color: var(--site-color);
    border-color: var(--site-color);
}

@media (max-width: 768px) {
    body.pds-admin .pds-chart-canvas,
    body.pds-admin .pds-chart-canvas--tall,
    body.pds-admin .pds-chart-canvas--wide {
        min-height: 280px;
    }
}

/* ─── Settlement suite polish (Daily Check / Money Transfer / Rider Remit) ─── */
body.pds-admin .pds-daily-check-page .pds-rider-screen,
body.pds-admin .pds-rider-remit-page .pds-rider-screen {
    width: 100%;
    max-width: none;
    border: 1px solid rgba(20, 17, 15, 0.07);
    border-radius: 22px;
    background: linear-gradient(180deg, rgba(255, 252, 248, 0.98) 0%, #ffffff 40%);
    box-shadow:
        0 1px 2px rgba(20, 17, 15, 0.04),
        0 18px 40px rgba(20, 17, 15, 0.05);
    overflow: hidden;
}

body.pds-admin .pds-daily-check-page .pds-rider-hero,
body.pds-admin .pds-rider-remit-page .pds-rider-hero {
    align-items: center;
    padding: 1.3rem 1.45rem 1.15rem;
    background:
        radial-gradient(ellipse 55% 90% at 100% 0%, rgba(var(--brand-rgb), 0.15), transparent 55%),
        linear-gradient(180deg, rgba(var(--brand-rgb), 0.06) 0%, #FFFFFF 100%);
    border-bottom: 1px solid rgba(var(--brand-rgb), 0.12);
}

body.pds-admin .pds-daily-check-page .pds-rider-hero__eyebrow,
body.pds-admin .pds-rider-remit-page .pds-rider-hero__eyebrow {
    color: var(--site-color);
    font-family: var(--admin-font);
    letter-spacing: 0.08em;
}

body.pds-admin .pds-daily-check-page .pds-rider-hero__title,
body.pds-admin .pds-rider-remit-page .pds-rider-hero__title {
    font-family: var(--admin-font);
    font-size: 1.5rem;
    font-weight: 700;
    color: #14110F;
    letter-spacing: 0.01em;
}

body.pds-admin .pds-daily-check-page .pds-rider-hero__subtitle,
body.pds-admin .pds-rider-remit-page .pds-rider-hero__subtitle {
    display: none;
}

body.pds-admin .pds-daily-check-page .pds-rider-hero__stat,
body.pds-admin .pds-rider-remit-page .pds-rider-hero__stat {
    min-width: 96px;
    padding: 0.8rem 1rem;
    border-radius: 16px;
    border: 1px solid rgba(var(--brand-rgb), 0.22);
    background: #fff;
    box-shadow: 0 8px 20px rgba(var(--brand-rgb), 0.1);
}

body.pds-admin .pds-daily-check-page .pds-rider-hero__stat-value,
body.pds-admin .pds-rider-remit-page .pds-rider-hero__stat-value {
    color: var(--site-color);
    font-family: var(--admin-font);
    font-size: 1.55rem;
}

/* Branch tabs layout lives in _branch-tabs.blade.php + custom.css */
body.pds-admin .pds-daily-check-page .pds-dm-branch-tabs,
body.pds-admin .pds-rider-remit-page .pds-dm-branch-tabs {
    /* intentionally empty — see pds-dm-branch-tabs-wrap */
}

body.pds-admin .pds-daily-check-page .pds-dm-branch-tab.is-active .pds-dm-branch-tab__count,
body.pds-admin .pds-daily-check-page .pds-dm-branch-tab.is-active .badge,
body.pds-admin .pds-rider-remit-page .pds-dm-branch-tab.is-active .pds-dm-branch-tab__count,
body.pds-admin .pds-rider-remit-page .pds-dm-branch-tab.is-active .badge {
    background: var(--site-color);
    color: #fff;
}

body.pds-admin .pds-daily-check-page .pds-daily-check-toolbar,
body.pds-admin .pds-rider-remit-page .pds-daily-check-toolbar {
    width: calc(100% - 2.5rem);
    max-width: calc(100% - 2.5rem);
    margin: 0.85rem 1.25rem 0;
    padding: 1rem 1.15rem;
    border-radius: 16px;
    border: 1px solid rgba(20, 17, 15, 0.07);
    background: linear-gradient(180deg, rgba(var(--brand-rgb), 0.04) 0%, #FFFFFF 100%);
    box-shadow: 0 6px 18px rgba(20, 17, 15, 0.04);
    box-sizing: border-box;
    min-width: 0;
}

body.pds-admin .pds-daily-check-page .pds-daily-check-field label,
body.pds-admin .pds-rider-remit-page .pds-daily-check-field label {
    font-family: var(--admin-font);
    font-size: 0.68rem;
    letter-spacing: 0.06em;
    color: #78716c;
}

body.pds-admin .pds-daily-check-page .pds-daily-check-search-btn,
body.pds-admin .pds-rider-remit-page .pds-daily-check-search-btn {
    background: linear-gradient(135deg, var(--site-color) 0%, var(--site-color) 100%);
    box-shadow: 0 8px 18px rgba(var(--brand-rgb), 0.28);
    font-family: var(--admin-font);
}

body.pds-admin .pds-daily-check-page .pds-daily-check-seg {
    background: #fafaf9;
    border-color: rgba(20, 17, 15, 0.08);
}

body.pds-admin .pds-daily-check-page .pds-daily-check-seg__item.is-active {
    color: var(--site-color);
    box-shadow: 0 1px 3px rgba(var(--brand-rgb), 0.12);
}

body.pds-admin .pds-daily-check-page .pds-daily-check-icon-btn:hover {
    border-color: rgba(var(--brand-rgb), 0.35);
    color: var(--site-color);
    background: rgba(var(--brand-rgb), 0.06);
}

body.pds-admin .pds-money-transfer-page .pds-mt-method-tabs {
    display: flex;
    width: calc(100% - 2.5rem);
    max-width: calc(100% - 2.5rem);
    margin: 0.85rem 1.25rem 0;
    padding: 0.3rem;
    border-radius: 14px;
    border: 1px solid rgba(20, 17, 15, 0.06);
    background: #fff;
    box-shadow: 0 4px 14px rgba(20, 17, 15, 0.03);
    box-sizing: border-box;
    min-width: 0;
}

body.pds-admin .pds-money-transfer-page .pds-mt-method-tabs__btn {
    flex: 1 1 0;
    text-align: center;
    justify-content: center;
    border-radius: 10px;
    font-family: var(--admin-font);
}

body.pds-admin .pds-money-transfer-page .pds-mt-method-tabs__btn.is-active {
    background: linear-gradient(135deg, var(--site-color) 0%, var(--site-color) 100%);
    box-shadow: 0 8px 18px rgba(var(--brand-rgb), 0.28);
}

body.pds-admin .pds-money-transfer-page .pds-money-transfer-toolbar__grid {
    grid-template-columns: minmax(130px, 160px) minmax(130px, 160px) minmax(180px, 280px) auto;
}

body.pds-admin .pds-money-transfer-page .pds-money-transfer-summary,
body.pds-admin .pds-rider-remit-page .pds-rider-remit-summary {
    margin: 0.85rem 1.25rem 0;
}

body.pds-admin .pds-money-transfer-page .pds-money-transfer-summary__card,
body.pds-admin .pds-rider-remit-page .pds-money-transfer-summary__card {
    border-radius: 14px;
    border: 1px solid rgba(20, 17, 15, 0.08);
    box-shadow: 0 4px 14px rgba(20, 17, 15, 0.03);
}

body.pds-admin .pds-money-transfer-page .pds-money-transfer-summary__label,
body.pds-admin .pds-rider-remit-page .pds-money-transfer-summary__label {
    font-family: var(--admin-font);
    font-size: 0.72rem;
    font-weight: 700;
    color: #78716c;
}

body.pds-admin .pds-money-transfer-page .pds-money-transfer-summary__value,
body.pds-admin .pds-rider-remit-page .pds-money-transfer-summary__value {
    font-family: var(--admin-font);
    font-size: 1.35rem;
    font-weight: 700;
    color: #14110F;
}

body.pds-admin .pds-daily-check-page .pds-rider-body,
body.pds-admin .pds-rider-remit-page .pds-rider-body {
    width: 100%;
    box-sizing: border-box;
    padding: 1rem 1.25rem 1.35rem;
    background: #FAFAFC;
}

body.pds-admin .pds-daily-check-page .pds-frozen-table {
    border: 1px solid rgba(20, 17, 15, 0.07);
    border-radius: 16px;
    box-shadow: 0 8px 24px rgba(20, 17, 15, 0.04);
}

body.pds-admin .pds-daily-check-page .pds-frozen-table__head {
    background: var(--site-color);
    border-bottom: 1px solid rgba(20, 17, 15, 0.12);
}

body.pds-admin .pds-daily-check-page .pds-frozen-table__head th {
    background: var(--site-color) !important;
    color: #fff !important;
    font-family: var(--admin-font);
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

body.pds-admin .pds-money-transfer-page .pds-money-transfer-shell {
    width: 100%;
}

body.pds-admin .pds-money-transfer-page .pds-money-transfer-total-row td {
    font-weight: 800;
}

body.pds-admin .pds-daily-check-page .pds-daily-check-total-row td {
    background: rgba(var(--brand-rgb), 0.06) !important;
    border-top-color: rgba(var(--brand-rgb), 0.28) !important;
}

body.pds-admin .pds-money-transfer-page .pds-money-transfer-empty,
body.pds-admin .pds-rider-remit-page .pds-money-transfer-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.65rem;
    min-height: 220px;
    padding: 2.25rem 1.5rem;
    border-radius: 16px;
    border: 1px solid rgba(20, 17, 15, 0.07);
    background: #fff;
    box-shadow: 0 8px 24px rgba(20, 17, 15, 0.04);
    text-align: center;
}

body.pds-admin .pds-money-transfer-page .pds-money-transfer-empty__icon,
body.pds-admin .pds-rider-remit-page .pds-money-transfer-empty__icon {
    width: 56px;
    height: 56px;
    border-radius: 999px;
    display: grid;
    place-items: center;
    background: linear-gradient(135deg, var(--site-color), var(--site-color));
    color: #fff;
    font-size: 1.2rem;
    box-shadow: 0 10px 22px rgba(var(--brand-rgb), 0.28);
}

body.pds-admin .pds-money-transfer-page .pds-money-transfer-empty h5,
body.pds-admin .pds-rider-remit-page .pds-money-transfer-empty h5 {
    margin: 0;
    font-family: var(--admin-font);
    font-size: 1.05rem;
    font-weight: 750;
    color: #14110F;
}

body.pds-admin .pds-money-transfer-page .pds-money-transfer-empty p,
body.pds-admin .pds-rider-remit-page .pds-money-transfer-empty p {
    margin: 0;
    font-family: var(--admin-font);
    color: #a8a29e;
    font-weight: 600;
}

body.pds-admin .pds-money-transfer-page .pds-money-transfer-fill-btn,
body.pds-admin .pds-money-transfer-page .pds-money-transfer-secondary-btn {
    border-color: rgba(var(--brand-rgb), 0.35);
    color: var(--site-color);
}

body.pds-admin .pds-money-transfer-page .pds-money-transfer-fill-btn:hover,
body.pds-admin .pds-money-transfer-page .pds-money-transfer-secondary-btn:hover {
    background: rgba(var(--brand-rgb), 0.06);
    color: var(--site-color);
}

body.pds-admin .pds-rider-remit-page .pds-rider-remit-toolbar {
    grid-template-columns: minmax(140px, 200px) auto;
    justify-content: start;
}

body.pds-admin .pds-rider-remit-page .pds-rider-remit-shell {
    border: 1px solid rgba(20, 17, 15, 0.07);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(20, 17, 15, 0.04);
    overflow: auto;
}

body.pds-admin .pds-rider-remit-page .pds-rider-remit-grid thead th {
    background: linear-gradient(180deg, rgba(var(--brand-rgb), 0.06) 0%, #FFF3E8 100%);
    border-bottom: 1px solid rgba(var(--brand-rgb), 0.14);
    color: #7c2d12;
    font-family: var(--admin-font);
}

body.pds-admin .pds-rider-remit-page .pds-rider-remit-audit-btn {
    border-color: rgba(20, 17, 15, 0.1);
    font-family: var(--admin-font);
}

body.pds-admin .pds-rider-remit-page .pds-rider-remit-audit-btn:hover {
    border-color: rgba(var(--brand-rgb), 0.35);
    color: var(--site-color);
    background: rgba(var(--brand-rgb), 0.06);
}

@media (max-width: 992px) {
    body.pds-admin .pds-daily-check-page .pds-dm-branch-tabs,
    body.pds-admin .pds-rider-remit-page .pds-dm-branch-tabs,
    body.pds-admin .pds-daily-check-page .pds-daily-check-toolbar,
    body.pds-admin .pds-rider-remit-page .pds-daily-check-toolbar,
    body.pds-admin .pds-money-transfer-page .pds-mt-method-tabs,
    body.pds-admin .pds-money-transfer-page .pds-money-transfer-summary,
    body.pds-admin .pds-rider-remit-page .pds-rider-remit-summary {
        margin-left: 0.85rem;
        margin-right: 0.85rem;
        width: calc(100% - 1.7rem) !important;
        max-width: calc(100% - 1.7rem);
    }

    body.pds-admin .pds-daily-check-page .pds-dm-branch-tab,
    body.pds-admin .pds-rider-remit-page .pds-dm-branch-tab {
        flex: 1 1 calc(33.333% - 0.45rem);
        min-width: 0;
        max-width: 100%;
    }

    body.pds-admin .pds-money-transfer-page .pds-money-transfer-toolbar__grid {
        grid-template-columns: 1fr 1fr;
    }
}

/* ─── Sidebar polish (cream + Point orange) ─── */
body.pds-admin .pds-sidebar.sidebar-default,
body.pds-admin .mm-sidebar.pds-sidebar {
    background: #FFFFFF !important;
    border-right: 1px solid rgba(20, 17, 15, 0.06) !important;
    box-shadow: 4px 0 24px rgba(20, 17, 15, 0.03) !important;
}

body.pds-admin .pds-sidebar .pds-sidebar-brand,
body.pds-admin .pds-sidebar .mm-sidebar-logo.pds-sidebar-brand {
    position: relative;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 76px;
    padding: 0.85rem 0.85rem 0.85rem 1rem !important;
    border-bottom: 1px solid rgba(var(--brand-rgb), 0.1);
    background:
        linear-gradient(135deg, rgba(var(--brand-rgb), 0.05) 0%, rgba(255, 255, 255, 0) 58%),
        #FFFFFF !important;
    gap: 0.5rem !important;
    overflow: hidden;
}

body.pds-admin .pds-sidebar .pds-brand-link,
body.pds-admin .pds-sidebar .mm-sidebar-logo a.pds-brand-link {
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: calc(100% - 44px);
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0.7rem !important;
    margin: 0 !important;
    padding: 0 !important;
    min-width: 0;
}

body.pds-admin .pds-sidebar .pds-brand-logo,
body.pds-admin .pds-sidebar .mm-sidebar-logo img.pds-brand-logo {
    position: relative;
    z-index: 1;
    flex: 0 0 auto !important;
    height: 44px !important;
    width: 44px !important;
    max-width: 44px !important;
    margin: 0 !important;
    object-fit: cover;
    border-radius: 12px !important;
    filter: none;
    background: transparent !important;
    box-shadow: 0 3px 10px rgba(var(--brand-rgb), 0.2);
}

body.pds-admin .pds-sidebar .pds-brand-copy {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 0.08rem;
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    letter-spacing: normal !important;
    line-height: 1.15 !important;
}

body.pds-admin .pds-sidebar .pds-brand-copy__name {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: var(--admin-font) !important;
    font-size: 1.18rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.06em !important;
    line-height: 1.1 !important;
    color: #14110F !important;
    white-space: nowrap;
}

body.pds-admin .pds-sidebar .pds-brand-copy__tag {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: var(--admin-font) !important;
    font-size: 0.82rem !important;
    font-style: normal !important;
    font-weight: 600 !important;
    letter-spacing: 0.02em !important;
    line-height: 1.2 !important;
    color: var(--site-color) !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

body.pds-admin .pds-sidebar .pds-brand-mark,
body.pds-admin .pds-sidebar .pds-brand-glow {
    display: none !important;
}

body.pds-admin .pds-sidebar .pds-sidebar-toggle.wrapper-menu,
body.pds-admin .pds-sidebar button.pds-sidebar-toggle {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto !important;
    width: 36px !important;
    height: 36px !important;
    min-width: 36px;
    margin: 0 0 0 0.35rem !important;
    padding: 0 !important;
    border: 1px solid rgba(var(--brand-rgb), 0.28) !important;
    border-radius: 10px !important;
    background: #FFF8F3 !important;
    color: var(--site-color) !important;
    box-shadow: none !important;
    cursor: pointer;
    transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

body.pds-admin .pds-sidebar .pds-sidebar-toggle.wrapper-menu:hover,
body.pds-admin .pds-sidebar button.pds-sidebar-toggle:hover {
    background: var(--site-color) !important;
    border-color: var(--site-color) !important;
    color: #FFFFFF !important;
    transform: none;
}

body.pds-admin .pds-sidebar .pds-sidebar-toggle i {
    font-size: 0.95rem;
    line-height: 1;
}

body.pds-admin .pds-sidebar .pds-sidebar-scroll {
    height: calc(100vh - 76px);
    padding: 0.35rem 0 1.5rem;
}

body.pds-admin .pds-sidebar .mm-sidebar-menu {
    padding: 0.25rem 0 1rem;
}

body.pds-admin .pds-sidebar .mm-sidebar-menu .side-menu > li.pds-nav-section {
    margin: 1rem 14px 0.2rem;
    padding-top: 0.55rem;
    border-top: 1px solid rgba(20, 17, 15, 0.06);
}

body.pds-admin .pds-sidebar .mm-sidebar-menu .side-menu > li.pds-nav-section:first-child {
    margin-top: 0.25rem;
    padding-top: 0;
    border-top: 0;
}

body.pds-admin .pds-sidebar .pds-nav-section__label,
body.pds-admin .pds-sidebar .pds-nav-section__label span {
    font-size: 0.8rem !important;
    letter-spacing: 0.1em !important;
    color: #a8a29e !important;
    padding: 0.15rem 0.25rem !important;
}

body.pds-admin .pds-sidebar .mm-sidebar-menu .side-menu > li > a,
body.pds-admin .pds-sidebar .mm-sidebar-menu .side-menu li .submenu li a {
    align-items: center !important;
    gap: 0.7rem;
    padding: 0.58rem 0.7rem !important;
    margin: 1px 10px !important;
    border-radius: 12px !important;
    min-height: 42px;
    font-family: var(--admin-font) !important;
    font-size: 0.95rem !important;
    font-weight: 600 !important;
    color: #292524 !important;
    border: 1px solid transparent !important;
    background: transparent !important;
    transition: background 0.18s ease, color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

body.pds-admin .pds-sidebar .mm-sidebar-menu .side-menu li .submenu li a {
    min-height: 38px;
    padding: 0.48rem 0.65rem !important;
    margin: 1px 6px !important;
    font-size: 0.82rem !important;
    font-weight: 550 !important;
    color: #57534e !important;
}

body.pds-admin .pds-sidebar .mm-sidebar-menu .side-menu li a > i:not(.mm-arrow-right) {
    flex: 0 0 30px !important;
    width: 30px !important;
    height: 30px !important;
    margin: 0 !important;
    border-radius: 9px !important;
    background: #fafaf9 !important;
    border: 1px solid rgba(20, 17, 15, 0.06) !important;
    color: #78716c !important;
    font-size: 0.82rem !important;
    box-shadow: none !important;
}

body.pds-admin .pds-sidebar .mm-sidebar-menu .side-menu li a > span {
    padding: 0 !important;
    color: inherit !important;
}

body.pds-admin .pds-sidebar .mm-sidebar-menu .side-menu li a .mm-arrow-right {
    margin-top: 0 !important;
    align-self: center !important;
    color: #a8a29e !important;
}

body.pds-admin .pds-sidebar.sidebar-default .mm-sidebar-menu .side-menu li a:hover,
body.pds-admin .pds-sidebar .mm-sidebar-menu .side-menu li a:hover {
    background: rgba(var(--brand-rgb), 0.06) !important;
    color: var(--site-color) !important;
    border-color: rgba(var(--brand-rgb), 0.1) !important;
}

body.pds-admin .pds-sidebar.sidebar-default .mm-sidebar-menu .side-menu li a:hover > i:not(.mm-arrow-right),
body.pds-admin .pds-sidebar .mm-sidebar-menu .side-menu li a:hover > i:not(.mm-arrow-right) {
    background: rgba(var(--brand-rgb), 0.12) !important;
    color: var(--site-color) !important;
    border-color: rgba(var(--brand-rgb), 0.18) !important;
}

body.pds-admin .pds-sidebar.sidebar-default .mm-sidebar-menu .side-menu li a[aria-expanded="true"],
body.pds-admin .pds-sidebar .mm-sidebar-menu .side-menu li a[aria-expanded="true"] {
    background: rgba(var(--brand-rgb), 0.06) !important;
    color: var(--site-color) !important;
    border-color: rgba(var(--brand-rgb), 0.14) !important;
}

body.pds-admin .pds-sidebar.sidebar-default .mm-sidebar-menu .side-menu > li.active,
body.pds-admin .pds-sidebar .mm-sidebar-menu .side-menu > li.active {
    border: 0 !important;
    background: transparent !important;
    border-radius: 0 !important;
}

body.pds-admin .pds-sidebar.sidebar-default .mm-sidebar-menu .side-menu > li.active > a,
body.pds-admin .pds-sidebar.sidebar-default .mm-sidebar-menu .side-menu > li.active-menu > a,
body.pds-admin .pds-sidebar.sidebar-default .mm-sidebar-menu .side-menu li.active .submenu li.active > a,
body.pds-admin .pds-sidebar .mm-sidebar-menu .side-menu li.active > a,
body.pds-admin .pds-sidebar .mm-sidebar-menu .side-menu li.active-menu > a,
body.pds-admin .pds-sidebar .sidebar-layout.active > a,
body.pds-admin .pds-sidebar .submenu li.active > a {
    background: linear-gradient(135deg, rgba(var(--brand-rgb), 0.14) 0%, rgba(255, 143, 61, 0.1) 100%) !important;
    color: var(--site-color) !important;
    border-color: rgba(var(--brand-rgb), 0.18) !important;
    box-shadow: 0 6px 16px rgba(var(--brand-rgb), 0.08);
}

body.pds-admin .pds-sidebar.sidebar-default .mm-sidebar-menu li.active > a:before,
body.pds-admin .pds-sidebar.sidebar-default .mm-sidebar-menu li.active-menu > a:before,
body.pds-admin .pds-sidebar .mm-sidebar-menu li.active > a:before,
body.pds-admin .pds-sidebar .mm-sidebar-menu li.active-menu > a:before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 3px !important;
    height: 22px !important;
    border-radius: 0 4px 4px 0 !important;
    background: var(--site-color) !important;
    color: var(--site-color) !important;
}

body.pds-admin .pds-sidebar .mm-sidebar-menu .side-menu li.active > a > i:not(.mm-arrow-right),
body.pds-admin .pds-sidebar .mm-sidebar-menu .side-menu li.active-menu > a > i:not(.mm-arrow-right),
body.pds-admin .pds-sidebar .submenu li.active > a > i:not(.mm-arrow-right),
body.pds-admin .pds-sidebar .mm-sidebar-menu .side-menu li a[aria-expanded="true"] > i:not(.mm-arrow-right) {
    background: linear-gradient(135deg, var(--site-color), var(--site-color)) !important;
    color: #fff !important;
    border-color: transparent !important;
    box-shadow: 0 4px 10px rgba(var(--brand-rgb), 0.28) !important;
}

body.pds-admin .pds-sidebar .mm-sidebar-menu .side-menu li.active > a .mm-arrow-right,
body.pds-admin .pds-sidebar .mm-sidebar-menu .side-menu li a[aria-expanded="true"] .mm-arrow-right {
    color: var(--site-color) !important;
}

body.pds-admin .pds-sidebar .mm-sidebar-menu .side-menu li ul,
body.pds-admin .pds-sidebar .submenu {
    margin: 0.2rem 12px 0.45rem !important;
    padding: 0.35rem 0.15rem !important;
    border: 1px solid rgba(var(--brand-rgb), 0.1) !important;
    border-left: 2px solid rgba(var(--brand-rgb), 0.35) !important;
    border-radius: 12px !important;
    background: rgba(var(--brand-rgb), 0.04) !important;
    box-shadow: none !important;
}

body.pds-admin .pds-sidebar .mm-sidebar-menu .side-menu .submenu li:before,
body.pds-admin .pds-sidebar .mm-sidebar-menu .side-menu li.active ul.submenu .submenu li::before {
    display: none !important;
}

body.pds-admin .pds-sidebar .badge-pill,
body.pds-admin .pds-sidebar .badge-primary,
body.pds-admin .pds-sidebar .badge-info,
body.pds-admin .pds-sidebar .badge-warning,
body.pds-admin .pds-sidebar .badge-danger {
    background: var(--site-color) !important;
    color: #fff !important;
    border-radius: 999px !important;
    box-shadow: 0 2px 8px rgba(var(--brand-rgb), 0.28);
}

/* ─── Message (Assigned Items) page ─── */
body.pds-admin .pds-dispatch-assigned-items-page .pds-dispatch-to-assign-heading,
body.pds-admin .pds-dispatch-assigned-items-page .pds-dispatch-to-assign-subtitle,
body.pds-admin .pds-dispatch-assigned-items-page .pds-msg-tabs__btn,
body.pds-admin .pds-dispatch-assigned-items-page .pds-msg-thread-card,
body.pds-admin .pds-dispatch-assigned-items-page .pds-dispatch-field label {
    font-family: var(--admin-font) !important;
}

body.pds-admin .pds-dispatch-assigned-items-page .pds-dispatch-to-assign-heading {
    letter-spacing: 0.01em;
}

body.pds-admin .pds-dispatch-assigned-items-page .pds-msg-toolbar {
    padding: 1rem 1.15rem 1.05rem;
    border-radius: 16px;
    border: 1px solid rgba(var(--brand-rgb), 0.1);
    background: linear-gradient(180deg, rgba(var(--brand-rgb), 0.04) 0%, #fff 100%);
    box-shadow: 0 6px 18px rgba(20, 17, 15, 0.04);
}

body.pds-admin .pds-msg-tabs {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.5rem;
    margin-bottom: 0;
    width: 100%;
}

body.pds-admin .pds-msg-tabs__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    width: 100%;
    border: 1px solid #e7e5e4;
    background: #fff;
    color: #57534e;
    border-radius: 999px;
    padding: 0.55rem 0.9rem;
    font-size: 0.84rem;
    font-weight: 700;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

body.pds-admin .pds-msg-tabs__btn:hover {
    border-color: rgba(var(--brand-rgb), 0.45);
    color: var(--site-color);
    background: rgba(var(--brand-rgb), 0.08);
}

body.pds-admin .pds-msg-tabs__btn.is-active {
    background: var(--site-color);
    border-color: var(--site-color);
    color: #fff;
    box-shadow: 0 6px 14px rgba(var(--brand-rgb), 0.28);
}

body.pds-admin .pds-msg-tabs__count {
    display: inline-flex;
    min-width: 1.35rem;
    height: 1.35rem;
    padding: 0 0.4rem;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: #f5f5f4;
    color: #57534e;
    font-size: 0.72rem;
    font-weight: 800;
}

body.pds-admin .pds-msg-tabs__btn.is-active .pds-msg-tabs__count {
    background: #fff;
    color: var(--site-color);
}

body.pds-admin .pds-msg-thread-list {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    padding: 0 0 1.25rem;
}

body.pds-admin .pds-msg-thread-card {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.9rem;
    padding: 0.9rem 1rem;
    border-radius: 14px;
    border: 1px solid #f0ebe6;
    background: #fff;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

body.pds-admin .pds-msg-thread-card:hover {
    border-color: rgba(var(--brand-rgb), 0.28);
    box-shadow: 0 6px 16px rgba(var(--brand-rgb), 0.08);
}

body.pds-admin .pds-msg-thread-card.is-unread {
    background: rgba(var(--brand-rgb), 0.04);
    border-color: rgba(var(--brand-rgb), 0.22);
}

body.pds-admin .pds-msg-thread-card__avatar {
    width: 48px;
    height: 48px;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    overflow: hidden;
    background: linear-gradient(135deg, var(--site-color) 0%, var(--site-color) 100%);
    color: #fff;
    font-weight: 800;
    font-size: 1rem;
}

body.pds-admin .pds-msg-thread-card__avatar.has-photo {
    background: #f5f5f4;
}

body.pds-admin .pds-msg-thread-card__avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

body.pds-admin .pds-msg-thread-card__body {
    min-width: 0;
}

body.pds-admin .pds-msg-thread-card__line1 {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.65rem;
}

body.pds-admin .pds-msg-thread-card__parcel {
    color: #1c1917;
    font-size: 0.92rem;
    font-weight: 800;
    letter-spacing: -0.01em;
}

body.pds-admin .pds-msg-thread-card__time {
    color: #a8a29e;
    font-size: 0.72rem;
    font-weight: 600;
    flex-shrink: 0;
}

body.pds-admin .pds-msg-thread-card__line2 {
    margin-top: 0.15rem;
    color: #78716c;
    font-size: 0.8rem;
    font-weight: 600;
}

body.pds-admin .pds-msg-thread-card__line3 {
    margin-top: 0.25rem;
    color: #44403c;
    font-size: 0.86rem;
    line-height: 1.4;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.pds-admin .pds-msg-thread-card.is-unread .pds-msg-thread-card__line3 {
    font-weight: 700;
    color: #1c1917;
}

body.pds-admin .pds-msg-thread-card__sender {
    color: var(--site-color);
    font-weight: 800;
    margin-right: 0.25rem;
}

body.pds-admin .pds-msg-thread-card__aside {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    gap: 0.4rem;
    flex-shrink: 0;
}

body.pds-admin .pds-msg-thread-card__badge {
    display: inline-flex;
    min-width: 1.3rem;
    height: 1.3rem;
    padding: 0 0.4rem;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: var(--site-color);
    color: #fff;
    font-size: 0.7rem;
    font-weight: 800;
}

body.pds-admin .pds-dispatch-assigned-items-page .pds-dispatch-row-actions {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0;
    border-radius: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
}

body.pds-admin .pds-dispatch-assigned-items-page .pds-dispatch-row-actions a {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--site-color);
    background: rgba(var(--brand-rgb), 0.08);
    border: 1px solid rgba(var(--brand-rgb), 0.14);
    text-decoration: none;
    box-shadow: none;
    transform: none;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

body.pds-admin .pds-dispatch-assigned-items-page .pds-dispatch-row-actions a:hover,
body.pds-admin .pds-dispatch-assigned-items-page .pds-dispatch-row-actions a:focus,
body.pds-admin .pds-dispatch-assigned-items-page .pds-dispatch-row-actions a:focus-visible,
body.pds-admin .pds-dispatch-assigned-items-page .pds-dispatch-row-actions a:active {
    background: rgba(var(--brand-rgb), 0.16);
    border-color: rgba(var(--brand-rgb), 0.4);
    color: var(--site-color);
    box-shadow: none;
    transform: none;
    outline: none;
}

body.pds-admin .pds-dispatch-assigned-items-page .pds-dispatch-row-actions a:hover i,
body.pds-admin .pds-dispatch-assigned-items-page .pds-dispatch-row-actions a:focus i,
body.pds-admin .pds-dispatch-assigned-items-page .pds-dispatch-row-actions a:active i {
    color: var(--site-color);
}

body.pds-admin .pds-dispatch-assigned-items-page .pds-dispatch-action-message {
    position: relative;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    color: var(--site-color);
    background: rgba(var(--brand-rgb), 0.08);
}

body.pds-admin .pds-dispatch-assigned-items-page .pds-dispatch-msg-badge {
    position: absolute;
    top: -4px;
    right: -4px;
    min-width: 16px;
    height: 16px;
    padding: 0 4px;
    border-radius: 999px;
    background: var(--site-color);
    color: #fff;
    font-size: 10px;
    line-height: 16px;
    text-align: center;
    font-weight: 800;
    box-shadow: 0 0 0 2px rgba(var(--brand-rgb), 0.08);
}

body.pds-admin .pds-msg-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    min-height: 220px;
    color: #78716c;
}

body.pds-admin .pds-msg-empty__icon {
    width: 52px;
    height: 52px;
    border-radius: 16px;
    display: grid;
    place-items: center;
    background: rgba(var(--brand-rgb), 0.08);
    color: var(--site-color);
    font-size: 1.25rem;
}

body.pds-admin .pds-msg-empty p {
    margin: 0;
    font-size: 0.9rem;
    font-weight: 600;
}

/* Prefer Outfit when legacy stacks remain from backend.css */
body.pds-admin .card,
body.pds-admin .btn,
body.pds-admin .form-control,
body.pds-admin .nav,
body.pds-admin .table,
body.pds-admin .modal,
body.pds-admin .dropdown-menu,
body.pds-admin .iq-sidebar,
body.pds-admin .iq-top-navbar,
body.pds-admin h1,
body.pds-admin h2,
body.pds-admin h3,
body.pds-admin h4,
body.pds-admin h5,
body.pds-admin h6,
body.pds-admin p,
body.pds-admin span:not(.fa):not([class*="fa-"]),
body.pds-admin a:not(.fa):not([class*="fa-"]),
body.pds-admin label,
body.pds-admin li,
body.pds-admin td,
body.pds-admin th {
    font-family: var(--admin-font);
}


/* Admin SPA navigation — subtle progress, never full splash */
body.pds-admin.pds-spa-navigating::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    z-index: 200000;
    pointer-events: none;
    background: linear-gradient(90deg, transparent 0%, var(--site-color, #c45c26) 45%, var(--site-color, #c45c26) 55%, transparent 100%);
    background-size: 40% 100%;
    animation: pds-spa-progress 0.55s linear infinite;
}
@keyframes pds-spa-progress {
    0% { background-position: -40% 0; }
    100% { background-position: 140% 0; }
}
body.pds-admin #adminSpaContent.pds-spa-loading {
    opacity: 0.97;
    transition: opacity 0.08s ease;
}

/* After first hide, keep cinematic splash off during SPA navigations */
body.pds-admin.pds-splash-done #loading,
body.pds-admin.pds-splash-done #loader.pds-splash {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Empty live badges must never render as orange dots */
body.pds-admin .pds-sidebar .badge.d-none,
body.pds-admin .pds-sidebar .badge-pill.d-none,
body.pds-admin .pds-sidebar .badge-pill:empty,
body.pds-admin .pds-sidebar [data-live-badge]:empty {
    display: none !important;
    width: 0 !important;
    min-width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    box-shadow: none !important;
}

/* Spreadsheet / ဇယားကွက် grid — match Point Delivery toassign / Google Sheets look.
   Exclude .pds-sticky-freeze tables so sticky thead/tfoot can work (needs separate). */
body.pds-admin .content-page table.table:not(.pds-os-slip__table):not(.pds-daily-check-slip-table):not(.pds-check-detail-table):not(.pds-sticky-freeze),
body.pds-admin .content-page table.dataTable:not(.pds-sticky-freeze),
body.pds-admin .pds-dispatch-table:not(.pds-sticky-freeze),
body.pds-admin .pds-dispatch-to-assign-table:not(.pds-sticky-freeze),
body.pds-admin .pds-dispatch-datatable:not(.pds-sticky-freeze),
body.pds-admin .pds-rider-list-table:not(.pds-sticky-freeze),
body.pds-admin .pds-rider-items-table:not(.pds-sticky-freeze),
body.pds-admin .pds-daily-check-table:not(.pds-sticky-freeze),
body.pds-admin .pds-cash-payout-table:not(.pds-sticky-freeze),
body.pds-admin .pds-os-settlement-table:not(.pds-sticky-freeze),
body.pds-admin .pds-expense-summary-table:not(.pds-sticky-freeze),
body.pds-admin .pds-os-list-table:not(.pds-sticky-freeze),
body.pds-admin .pds-frozen-table table:not(.pds-sticky-freeze) {
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    background: #fff !important;
    border: 1px solid #cbbfb3 !important;
}

body.pds-admin table.pds-sticky-freeze {
    border-collapse: separate !important;
    border-spacing: 0 !important;
    /* backend.css .table { overflow:hidden } breaks position:sticky on thead/tfoot */
    overflow: visible !important;
}

/* Orange header — only the visible header (scrollHead / non-scrolled tables).
   Never style .dataTables_scrollBody thead — DataTables clones it for widths. */
body.pds-admin .content-page table.table:not(.pds-os-slip__table):not(.pds-daily-check-slip-table) thead th,
body.pds-admin .content-page .dataTables_scrollHead table.dataTable thead th,
body.pds-admin .content-page .dataTables_scrollHead table.dataTable thead td,
body.pds-admin .content-page .table-responsive > table.dataTable thead th,
body.pds-admin .content-page .table-responsive > table.dataTable thead td,
body.pds-admin .content-page .pds-table-shell > table.dataTable thead th,
body.pds-admin .content-page .pds-table-shell > table.dataTable thead td,
body.pds-admin .pds-dispatch-table thead th,
body.pds-admin .pds-dispatch-to-assign-table thead th,
body.pds-admin .pds-dispatch-datatable thead th,
body.pds-admin .pds-rider-list-table thead th,
body.pds-admin .pds-rider-items-table thead th,
body.pds-admin .pds-daily-check-table thead th,
body.pds-admin .pds-cash-payout-table thead th,
body.pds-admin .pds-os-settlement-table thead th,
body.pds-admin .pds-expense-summary-table thead th,
body.pds-admin .pds-os-list-table thead th,
body.pds-admin .pds-frozen-table__head th,
body.pds-admin .pds-dispatch-list-page .pds-dispatch-table-shell .dataTables_wrapper .dataTables_scrollHead table.dataTable thead th {
    background: var(--site-color, #FE6F07) !important;
    color: #fff !important;
    border: 1px solid #e07a28 !important;
    border-bottom: 0 !important;
    font-weight: 700 !important;
    font-size: 0.72rem !important;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    padding: 8px 10px !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
    box-shadow: none !important;
}

/* Kill the cloned orange bar under DataTables scrollX headers */
body.pds-admin .content-page .dataTables_scrollBody table.dataTable > thead,
body.pds-admin .pds-table-shell .dataTables_scrollBody table.dataTable > thead,
body.pds-admin .content-page .dataTables_scrollBody table.dataTable > thead > tr,
body.pds-admin .pds-table-shell .dataTables_scrollBody table.dataTable > thead > tr {
    height: 0 !important;
    max-height: 0 !important;
    line-height: 0 !important;
    border: 0 !important;
    background: transparent !important;
    visibility: collapse !important;
}

body.pds-admin .content-page .dataTables_scrollBody table.dataTable thead th,
body.pds-admin .content-page .dataTables_scrollBody table.dataTable thead td,
body.pds-admin .pds-table-shell .dataTables_scrollBody table.dataTable thead th,
body.pds-admin .pds-table-shell .dataTables_scrollBody table.dataTable thead td,
body.pds-admin .pds-dispatch-list-page .dataTables_scrollBody table.dataTable thead th {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    color: transparent !important;
    border: 0 !important;
    border-width: 0 !important;
    box-shadow: none !important;
    height: 0 !important;
    max-height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
    font-size: 0 !important;
    overflow: hidden !important;
    visibility: collapse !important;
}

body.pds-admin .content-page table.table:not(.pds-os-slip__table):not(.pds-daily-check-slip-table) tbody td,
body.pds-admin .content-page table.dataTable tbody td,
body.pds-admin .pds-dispatch-table tbody td,
body.pds-admin .pds-dispatch-to-assign-table tbody td,
body.pds-admin .pds-dispatch-datatable tbody td,
body.pds-admin .pds-rider-list-table tbody td,
body.pds-admin .pds-rider-items-table tbody td,
body.pds-admin .pds-daily-check-table tbody td,
body.pds-admin .pds-cash-payout-table tbody td,
body.pds-admin .pds-os-settlement-table tbody td,
body.pds-admin .pds-expense-summary-table tbody td,
body.pds-admin .pds-os-list-table tbody td,
body.pds-admin .pds-frozen-table table tbody td {
    border: 1px solid #d7cfc6 !important;
    background: #fff !important;
    color: #1c1917 !important;
    padding: 6px 8px !important;
    font-size: 0.8rem !important;
    line-height: 1.35 !important;
    vertical-align: middle !important;
}

body.pds-admin .content-page table.table:not(.pds-os-slip__table) tbody tr:nth-child(even) td,
body.pds-admin .content-page table.dataTable tbody tr:nth-child(even) td,
body.pds-admin .pds-dispatch-table tbody tr:nth-child(even) td,
body.pds-admin .pds-dispatch-to-assign-table tbody tr:nth-child(even) td,
body.pds-admin .pds-dispatch-datatable tbody tr:nth-child(even) td,
body.pds-admin .pds-rider-list-table tbody tr:nth-child(even) td,
body.pds-admin .pds-daily-check-table tbody tr:nth-child(even) td,
body.pds-admin .pds-os-list-table tbody tr:nth-child(even) td {
    background: #fffaf5 !important;
}

body.pds-admin .content-page table.table:not(.pds-os-slip__table) tbody tr:hover td,
body.pds-admin .content-page table.dataTable tbody tr:hover td,
body.pds-admin .pds-dispatch-table tbody tr:hover td,
body.pds-admin .pds-dispatch-to-assign-table tbody tr:hover td,
body.pds-admin .pds-dispatch-datatable tbody tr:hover td,
body.pds-admin .pds-rider-list-table tbody tr:hover td,
body.pds-admin .pds-daily-check-table tbody tr:hover td,
body.pds-admin .pds-os-list-table tbody tr:hover td {
    background: #fff1e4 !important;
}

body.pds-admin .content-page table.dataTable thead .sorting,
body.pds-admin .content-page table.dataTable thead .sorting_asc,
body.pds-admin .content-page table.dataTable thead .sorting_desc,
body.pds-admin .content-page table.dataTable thead .sorting_asc_disabled,
body.pds-admin .content-page table.dataTable thead .sorting_desc_disabled,
body.pds-admin table.dataTable thead th.sorting,
body.pds-admin table.dataTable thead th.sorting_asc,
body.pds-admin table.dataTable thead th.sorting_desc {
    background-image: none !important;
    cursor: default !important;
    padding-right: 10px !important;
}

body.pds-admin .content-page table.dataTable thead .sorting:before,
body.pds-admin .content-page table.dataTable thead .sorting:after,
body.pds-admin .content-page table.dataTable thead .sorting_asc:before,
body.pds-admin .content-page table.dataTable thead .sorting_asc:after,
body.pds-admin .content-page table.dataTable thead .sorting_desc:before,
body.pds-admin .content-page table.dataTable thead .sorting_desc:after,
body.pds-admin table.dataTable thead th.sorting:before,
body.pds-admin table.dataTable thead th.sorting:after,
body.pds-admin table.dataTable thead th.sorting_asc:before,
body.pds-admin table.dataTable thead th.sorting_asc:after,
body.pds-admin table.dataTable thead th.sorting_desc:before,
body.pds-admin table.dataTable thead th.sorting_desc:after {
    display: none !important;
    content: none !important;
    opacity: 0 !important;
}

body.pds-admin .pds-table-shell,
body.pds-admin .pds-dispatch-table-shell,
body.pds-admin .pds-dispatch-to-assign-table-shell,
body.pds-admin .pds-rider-table-shell,
body.pds-admin .pds-os-list-table-shell,
body.pds-admin .pds-deliveryman-table-shell {
    border: 1px solid #cbbfb3 !important;
    border-radius: 8px !important;
    /* Clip radius only — do not !important-kill horizontal scroll on wide tables. */
    overflow: hidden;
    background: #fff !important;
}

/* Wide rider tables: dragable scrollbars + height cap for sticky thead/tfoot.
   Items list is excluded — nested overflow made the table tiny + left a white slab. */
body.pds-admin .pds-rider-table-shell--scroll,
body.pds-admin .pds-cash-payout-shell.pds-rider-table-shell--scroll {
    overflow-x: auto !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    -ms-overflow-style: auto;
}

body.pds-admin .pds-dispatch-items-page .pds-dispatch-items-table-shell {
    border: 1px solid #cbbfb3 !important;
    border-bottom: 0 !important;
    border-radius: 8px 8px 0 0 !important;
    background: #fff !important;
    /* Shell is the only vertical scroller — sticky orange thead needs this. */
    overflow-x: auto !important;
    overflow-y: auto !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    -webkit-overflow-scrolling: touch;
}

/* Flatten DT scroll wrappers; keep sticky on the real thead inside the shell. */
body.pds-admin .pds-dispatch-items-page .pds-dispatch-items-table-shell .dataTables_scroll,
body.pds-admin .pds-dispatch-items-page .pds-dispatch-items-table-shell .dataTables_scrollHead,
body.pds-admin .pds-dispatch-items-page .pds-dispatch-items-table-shell .dataTables_scrollBody,
body.pds-admin .pds-dispatch-items-page .pds-dispatch-items-table-shell .dataTables_scrollFoot {
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    overflow: visible !important;
}

body.pds-admin .pds-dispatch-items-page .pds-dispatch-items-table-shell .dataTables_scrollFoot {
    display: none !important;
}

body.pds-admin .pds-dispatch-items-page .pds-dispatch-items-table-shell .pds-dispatch-items-datatable,
body.pds-admin .pds-dispatch-items-page .pds-dispatch-items-table-shell table.pds-sticky-freeze {
    border-collapse: separate !important;
    border-spacing: 0 !important;
    overflow: visible !important;
}

body.pds-admin .pds-dispatch-items-page .pds-dispatch-items-table-shell .pds-dispatch-items-datatable thead th {
    position: sticky !important;
    top: 0 !important;
    z-index: 8 !important;
    background: var(--site-color, #FE6F07) !important;
    color: #fff !important;
}

body.pds-admin .pds-dispatch-items-page .pds-items-dock {
    flex: 0 0 auto;
    border: 1px solid #cbbfb3;
    border-top: 1px solid #e7d5c6;
}

/* Items totals are in #dispatchItemsDock — never show a DT tfoot bar */
body.pds-admin .pds-dispatch-items-table-shell tfoot,
body.pds-admin .pds-dispatch-items-datatable tfoot,
body.pds-admin .pds-dispatch-items-table-shell .dataTables_scrollFoot,
body.pds-admin .pds-dispatch-items-page .pds-dispatch-items-table-shell tfoot {
    display: none !important;
    height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
    visibility: hidden !important;
    border: 0 !important;
}

body.pds-admin .pds-dispatch-items-datatable tfoot td,
body.pds-admin .pds-dispatch-items-datatable tfoot th,
body.pds-admin .pds-dispatch-items-table-shell tfoot td,
body.pds-admin .pds-dispatch-items-table-shell tfoot th {
    display: none !important;
    height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    line-height: 0 !important;
    font-size: 0 !important;
    background: transparent !important;
}

body.pds-admin .pds-dispatch-items-total-label {
    text-align: right !important;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-size: 0.72rem !important;
    color: var(--site-color, #FE6F07) !important;
}

body.pds-admin .pds-dispatch-items-datatable thead th.sorting,
body.pds-admin .pds-dispatch-items-datatable thead th.sorting_asc,
body.pds-admin .pds-dispatch-items-datatable thead th.sorting_desc,
body.pds-admin .content-page table.pds-dispatch-items-datatable thead th.sorting,
body.pds-admin .content-page table.pds-dispatch-items-datatable thead th.sorting_asc,
body.pds-admin .content-page table.pds-dispatch-items-datatable thead th.sorting_desc {
    background-image: none !important;
    cursor: default !important;
}

body.pds-admin .pds-dispatch-items-datatable thead .sorting:before,
body.pds-admin .pds-dispatch-items-datatable thead .sorting:after,
body.pds-admin .pds-dispatch-items-datatable thead .sorting_asc:before,
body.pds-admin .pds-dispatch-items-datatable thead .sorting_asc:after,
body.pds-admin .pds-dispatch-items-datatable thead .sorting_desc:before,
body.pds-admin .pds-dispatch-items-datatable thead .sorting_desc:after,
body.pds-admin .content-page table.pds-dispatch-items-datatable thead .sorting:before,
body.pds-admin .content-page table.pds-dispatch-items-datatable thead .sorting:after,
body.pds-admin .content-page table.pds-dispatch-items-datatable thead .sorting_asc:before,
body.pds-admin .content-page table.pds-dispatch-items-datatable thead .sorting_asc:after,
body.pds-admin .content-page table.pds-dispatch-items-datatable thead .sorting_desc:before,
body.pds-admin .content-page table.pds-dispatch-items-datatable thead .sorting_desc:after {
    display: none !important;
    content: none !important;
}

body.pds-admin .pds-frozen-table__foot {
    flex: 0 0 auto;
    overflow: hidden;
    background: #fff7ed;
    border-top: 2px solid var(--site-color, #FE6F07);
}

body.pds-admin .pds-frozen-table__foot table {
    margin: 0;
}

body.pds-admin .pds-frozen-table__foot td,
body.pds-admin .pds-frozen-table__foot th {
    background: linear-gradient(180deg, #fff7ed 0%, #ffedd5 100%) !important;
    font-weight: 800 !important;
    font-variant-numeric: tabular-nums;
    color: #0f172a !important;
    padding: 8px 10px !important;
    border: 1px solid #e07a28 !important;
}

/* Hide in-body tfoot only when a pinned foot shell is present. */
body.pds-admin .pds-frozen-table:has(> .pds-frozen-table__foot) > .pds-frozen-table__body tfoot {
    display: none;
}

body.pds-admin .pds-daily-check-page .pds-frozen-table__foot {
    background: rgba(var(--brand-rgb), 0.06);
    border-top: 2px solid rgba(var(--brand-rgb), 0.35);
}

body.pds-admin .pds-daily-check-page .pds-frozen-table__foot td,
body.pds-admin .pds-daily-check-page .pds-frozen-table__foot th {
    background: rgba(var(--brand-rgb), 0.08) !important;
    border-color: rgba(var(--brand-rgb), 0.22) !important;
    white-space: nowrap;
}

body.pds-admin .pds-daily-check-page .pds-frozen-table__foot .pds-os-to-pay-negative {
    color: #dc2626 !important;
}

/*
 * DataTables scrollX clones thead into scrollBody for column widths.
 * Orange thead rules are more specific, so this block must beat them or a
 * second solid orange bar appears under the real header.
 */
body.pds-admin .content-page div.dataTables_scrollBody > table.dataTable > thead > tr > th,
body.pds-admin .content-page div.dataTables_scrollBody > table.dataTable > thead > tr > td,
body.pds-admin .content-page div.dataTables_scrollBody table.dataTable thead th,
body.pds-admin .content-page div.dataTables_scrollBody table.dataTable thead td,
body.pds-admin .pds-table-shell div.dataTables_scrollBody > table.dataTable > thead > tr > th,
body.pds-admin .pds-table-shell div.dataTables_scrollBody > table.dataTable > thead > tr > td,
body.pds-admin .pds-table-shell div.dataTables_scrollBody table.dataTable thead th,
body.pds-admin .pds-table-shell div.dataTables_scrollBody table.dataTable thead td,
body.pds-admin .content-page div.dataTables_scrollBody table.dataTable thead th.sorting,
body.pds-admin .content-page div.dataTables_scrollBody table.dataTable thead th.sorting_asc,
body.pds-admin .content-page div.dataTables_scrollBody table.dataTable thead th.sorting_desc,
body.pds-admin .pds-table-shell div.dataTables_scrollBody table.dataTable thead th.sorting,
body.pds-admin .pds-table-shell div.dataTables_scrollBody table.dataTable thead th.sorting_asc,
body.pds-admin .pds-table-shell div.dataTables_scrollBody table.dataTable thead th.sorting_desc {
    height: 0 !important;
    max-height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-width: 0 !important;
    border-color: transparent !important;
    background: transparent !important;
    background-image: none !important;
    background-color: transparent !important;
    color: transparent !important;
    line-height: 0 !important;
    font-size: 0 !important;
    box-shadow: none !important;
    overflow: hidden !important;
    visibility: hidden !important;
}

body.pds-admin .content-page div.dataTables_scrollBody > table.dataTable > thead,
body.pds-admin .pds-table-shell div.dataTables_scrollBody > table.dataTable > thead {
    height: 0 !important;
    max-height: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

body.pds-admin .content-page div.dataTables_scrollHead,
body.pds-admin .pds-table-shell div.dataTables_scrollHead,
body.pds-admin .dataTables_wrapper .dataTables_scrollHead {
    border-bottom: 0 !important;
    background: transparent !important;
    margin-bottom: 0 !important;
}

/* Hide empty/cloned scrollFoot by default; JS adds .is-visible when totals exist */
body.pds-admin div.dataTables_scrollFoot,
body.pds-admin div.dataTables_scrollFootInner {
    display: none !important;
    height: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
}

body.pds-admin div.dataTables_scrollFoot.is-visible,
body.pds-admin div.dataTables_scrollFootInner.is-visible,
body.pds-admin .pds-dispatch-list-page div.dataTables_scrollFoot,
body.pds-admin .pds-dispatch-list-page div.dataTables_scrollFootInner,
body.pds-admin .pds-dispatch-table-shell div.dataTables_scrollFoot,
body.pds-admin .pds-dispatch-table-shell div.dataTables_scrollFootInner {
    display: block !important;
    height: auto !important;
    overflow: hidden !important;
    border: 0 !important;
}

/* Global DataTables freeze chrome */
body.pds-admin .pds-dt-scroll-host.table-responsive,
body.pds-admin .dataTables_wrapper .table-responsive:has(.dataTables_scroll) {
    overflow: visible !important;
    max-height: none !important;
}

body.pds-admin .dataTables_wrapper .dataTables_scrollBody {
    overflow-x: auto !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
}

body.pds-admin .dataTables_wrapper .dataTables_scrollHead,
body.pds-admin .dataTables_wrapper .dataTables_scrollFoot.is-visible {
    overflow: hidden !important;
}

body.pds-admin .dataTables_wrapper .dataTables_scrollFoot.is-visible {
    background: #fff7ed;
    border-top: 2px solid var(--site-color, #FE6F07);
}

body.pds-admin .dataTables_wrapper .dataTables_scrollFoot.is-visible table.dataTable tfoot th,
body.pds-admin .dataTables_wrapper .dataTables_scrollFoot.is-visible table.dataTable tfoot td {
    background: #fff7ed !important;
    color: var(--site-color, #FE6F07) !important;
    font-weight: 800 !important;
    height: auto !important;
    padding-top: 0.7rem !important;
    padding-bottom: 0.7rem !important;
}

/* Plain HTML table shells: sticky title + totals while body scrolls.
   Items list excluded — page scrolls; nested max-height crushed the table. */
body.pds-admin .pds-plain-freeze:not(.pds-dispatch-items-table-shell),
body.pds-admin .pds-auto-freeze-shell,
body.pds-admin .pds-table-shell.pds-plain-freeze:not(.pds-dispatch-items-table-shell) {
    overflow-x: auto !important;
    overflow-y: auto !important;
    max-height: calc(100vh - var(--pds-topbar-h, 60px) - 12.5rem) !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
}

body.pds-admin .pds-dispatch-items-table-shell,
body.pds-admin .pds-dispatch-items-table-shell.pds-plain-freeze,
body.pds-admin .pds-dispatch-items-page .pds-dispatch-items-table-shell {
    max-height: none !important;
    height: auto !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
}

/* Rider List shell sizing is owned by pds-rider-mt-ui4.css (scroll shell + sticky thead). */

body.pds-admin .content-page .pds-plain-freeze table.table,
body.pds-admin .content-page .pds-plain-freeze table.dataTable,
body.pds-admin .content-page .pds-plain-freeze .pds-rider-list-table,
body.pds-admin .content-page .pds-plain-freeze .pds-rider-items-table,
body.pds-admin .content-page .pds-plain-freeze .pds-dispatch-to-assign-table,
body.pds-admin .pds-plain-freeze > table,
body.pds-admin .pds-plain-freeze table {
    border-collapse: separate !important;
    border-spacing: 0 !important;
    overflow: visible !important;
}

body.pds-admin .pds-plain-freeze thead th,
body.pds-admin .pds-plain-freeze thead td {
    position: sticky !important;
    top: 0 !important;
    z-index: 8 !important;
}

body.pds-admin .pds-plain-freeze:not(.pds-dispatch-items-table-shell) tfoot th,
body.pds-admin .pds-plain-freeze:not(.pds-dispatch-items-table-shell) tfoot td {
    position: sticky !important;
    bottom: 0 !important;
    z-index: 7 !important;
    background: #fff7ed !important;
}

/* Parent screens must not clip sticky scrollports */
body.pds-admin .pds-rider-screen,
body.pds-admin .pds-dispatch-to-assign-screen {
    overflow: visible !important;
}

body.pds-admin div.dataTables_scroll,
body.pds-admin div.dataTables_scrollBody {
    border-top: 0 !important;
    border-bottom: 0 !important;
}


/* Point brand fill: white text on orange buttons/cards
   (beats global `body.pds-admin span { color: var(--admin-text) }`) */
body.pds-admin .btn-primary,
body.pds-admin .btn-primary:hover,
body.pds-admin .btn-primary:focus,
body.pds-admin .btn-primary:active,
body.pds-admin .btn-primary span,
body.pds-admin .btn-primary i,
body.pds-admin .btn-md.btn-primary,
body.pds-admin .btn-md.btn-primary span,
body.pds-admin .btn-warning,
body.pds-admin .btn-warning span,
body.pds-admin .btn-warning i,
body.pds-admin .btn-info,
body.pds-admin .btn-info span,
body.pds-admin .btn-info i,
body.pds-admin .bg-primary,
body.pds-admin .bg-primary span,
body.pds-admin .badge-primary,
body.pds-admin .badge.bg-primary,
body.pds-admin .pds-rider-check-btn,
body.pds-admin .pds-rider-check-btn:hover,
body.pds-admin .pds-rider-check-btn span,
body.pds-admin .pds-rider-check-btn i,
body.pds-admin .pds-rider-of-month-btn,
body.pds-admin .pds-rider-of-month-btn:hover,
body.pds-admin .pds-rider-of-month-btn span,
body.pds-admin .pds-rider-of-month-btn i,
body.pds-admin .pds-dispatch-filter-action-primary,
body.pds-admin .pds-dispatch-filter-action-primary:hover,
body.pds-admin .pds-dispatch-filter-action-primary span,
body.pds-admin .pds-dispatch-filter-action-primary i,
body.pds-admin .pds-daily-check-search-btn,
body.pds-admin .pds-daily-check-search-btn:hover,
body.pds-admin .pds-daily-check-search-btn span,
body.pds-admin .pds-daily-check-search-btn i,
body.pds-admin .pds-label-popup__btn:not(.pds-label-popup__btn--ghost),
body.pds-admin .pds-label-popup__btn:not(.pds-label-popup__btn--ghost) span,
body.pds-admin .pds-label-popup__btn:not(.pds-label-popup__btn--ghost) i,
body.pds-admin .pds-dispatch-btn-primary,
body.pds-admin .pds-dispatch-btn-primary:hover,
body.pds-admin .pds-dispatch-btn-primary span,
body.pds-admin .pds-dispatch-btn-primary i,
body.pds-admin .pds-dispatch-btn-primary .pds-dispatch-btn-label,
body.pds-admin .pds-dispatch-btn-primary .pds-dispatch-btn-spinner,
body.pds-admin .pds-assign-action-btn,
body.pds-admin .pds-assign-action-btn:hover,
body.pds-admin .pds-assign-action-btn span,
body.pds-admin .pds-assign-action-btn i,
body.pds-admin .pds-assign-action-btn__label,
body.pds-admin .pds-assign-action-btn__icon,
body.pds-admin .pds-assign-action-btn--rider,
body.pds-admin .pds-assign-action-btn--rider span,
body.pds-admin .pds-assign-action-btn--rider i,
body.pds-admin .pds-assign-action-btn--rider .pds-assign-action-btn__label,
body.pds-admin .pds-assign-action-btn--point,
body.pds-admin .pds-assign-action-btn--point span,
body.pds-admin .pds-assign-action-btn--point i,
body.pds-admin .pds-hr-stat:not(.pds-hr-stat--soft),
body.pds-admin .pds-hr-stat:not(.pds-hr-stat--soft) span,
body.pds-admin .pds-hr-stat:not(.pds-hr-stat--soft) .pds-hr-stat__value,
body.pds-admin .pds-hr-stat:not(.pds-hr-stat--soft) .pds-hr-stat__label,
body.pds-admin .pds-hr-tab.is-active,
body.pds-admin .pds-hr-tab.is-active span,
body.pds-admin .pds-dispatch-rider-list-page .pds-rider-check-btn,
body.pds-admin .pds-dispatch-rider-list-page .pds-rider-check-btn span,
body.pds-admin .pds-dispatch-rider-list-page .pds-rider-check-btn i,
body.pds-admin .pds-dispatch-rider-list-page .pds-rider-of-month-btn,
body.pds-admin .pds-dispatch-rider-list-page .pds-rider-of-month-btn span,
body.pds-admin .pds-dispatch-rider-list-page .pds-rider-of-month-btn i,
body.pds-admin .pds-dispatch-rider-items-page .pds-rider-check-btn,
body.pds-admin .pds-dispatch-rider-items-page .pds-rider-check-btn span,
body.pds-admin .pds-dispatch-rider-items-page .pds-rider-check-btn i,
body.pds-admin .pds-dispatch-rider-items-page .pds-rider-excel-btn,
body.pds-admin .pds-dispatch-rider-items-page .pds-rider-excel-btn:hover,
body.pds-admin .pds-dispatch-rider-items-page .pds-rider-excel-btn span,
body.pds-admin .pds-dispatch-rider-items-page .pds-rider-excel-btn i,
body.pds-admin .pds-dispatch-rider-items-page .pds-rider-excel-btn__label,
body.pds-admin .pds-dispatch-os-list-page .pds-rider-check-btn,
body.pds-admin .pds-dispatch-os-list-page .pds-rider-check-btn span,
body.pds-admin .pds-dispatch-os-list-page .pds-rider-check-btn i,
body.pds-admin .pds-kyo-shin-page .pds-rider-check-btn,
body.pds-admin .pds-kyo-shin-page .pds-rider-check-btn span,
body.pds-admin .pds-kyo-shin-page .pds-rider-check-btn i,
body.pds-admin .pds-os-settlement-tab.is-active,
body.pds-admin .pds-os-settlement-tab.is-active span,
body.pds-admin .pds-os-settlement-tab.is-active i,
body.pds-admin .pds-kyo-shin-page .pds-os-settlement-tab.is-active,
body.pds-admin .pds-kyo-shin-page .pds-os-settlement-tab.is-active span,
body.pds-admin .pds-kyo-shin-page .pds-os-settlement-tab.is-active i,
body.pds-admin .pds-dispatch-os-list-page .pds-os-settlement-tab.is-active,
body.pds-admin .pds-dispatch-os-list-page .pds-os-settlement-tab.is-active span,
body.pds-admin .pds-dispatch-os-list-page .pds-os-settlement-tab.is-active i {
    color: #fff !important;
}

body.pds-admin .pds-os-settlement-tab.is-active em,
body.pds-admin .pds-kyo-shin-page .pds-os-settlement-tab.is-active em,
body.pds-admin .pds-dispatch-os-list-page .pds-os-settlement-tab.is-active em {
    color: var(--site-color) !important;
}

body.pds-admin .pds-os-settlement-tab[data-tab="receive"].is-active em,
body.pds-admin .pds-dispatch-os-list-page .pds-os-settlement-tab[data-tab="receive"].is-active em {
    color: #059669 !important;
}

body.pds-admin .pds-os-settlement-tab[data-tab="kyo_shin"].is-active em,
body.pds-admin .pds-dispatch-os-list-page .pds-os-settlement-tab[data-tab="kyo_shin"].is-active em {
    color: #7c3aed !important;
}

/* Keep kyo-shin outline variant orange text, not white */
body.pds-admin .pds-assign-action-btn--kyo-shin,
body.pds-admin .pds-assign-action-btn--kyo-shin span,
body.pds-admin .pds-assign-action-btn--kyo-shin i,
body.pds-admin .pds-assign-action-btn--kyo-shin .pds-assign-action-btn__label,
body.pds-admin .pds-assign-action-btn--kyo-shin .pds-assign-action-btn__icon {
    color: var(--site-color) !important;
}

/* —— Branch Admin Create: branch dropdown —— */
body.pds-admin .pds-branch-admin-form-page .pds-ba-branch-select .select2-container {
    width: 100% !important;
}
body.pds-admin .pds-branch-admin-form-page .pds-ba-branch-select .select2-selection--single {
    min-height: 44px;
    border-radius: 12px !important;
    border: 1.5px solid rgba(15, 23, 42, 0.12) !important;
    background: #fff !important;
    padding: 6px 12px;
    display: flex;
    align-items: center;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
body.pds-admin .pds-branch-admin-form-page .pds-ba-branch-select .select2-selection--single .select2-selection__rendered {
    color: #0f172a !important;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.35;
    padding-left: 2px;
}
body.pds-admin .pds-branch-admin-form-page .pds-ba-branch-select .select2-selection--single .select2-selection__placeholder {
    color: #94a3b8 !important;
    font-weight: 500;
}
body.pds-admin .pds-branch-admin-form-page .pds-ba-branch-select .select2-selection--single .select2-selection__arrow {
    height: 42px;
    right: 8px;
}
body.pds-admin .pds-branch-admin-form-page .pds-ba-branch-select .select2-container--open .select2-selection--single,
body.pds-admin .pds-branch-admin-form-page .pds-ba-branch-select .select2-container--focus .select2-selection--single {
    border-color: var(--site-color) !important;
    box-shadow: 0 0 0 3px rgba(var(--brand-rgb, 254, 111, 7), 0.18);
}
body.pds-admin .pds-branch-admin-form-page .pds-ba-branch-hint {
    margin-top: 0.4rem;
    font-size: 12px;
    color: #64748b;
}
body.pds-admin .pds-branch-admin-form-page .pds-ba-new-branch-link {
    color: var(--site-color, #FE6F07);
    font-weight: 600;
    text-decoration: none;
}
body.pds-admin .pds-branch-admin-form-page .pds-ba-alert {
    border-radius: 12px;
    border: 1px solid rgba(220, 38, 38, 0.25);
}
.select2-container--default .select2-dropdown.pds-ba-branch-dropdown-panel {
    border-radius: 14px;
    border: 1px solid rgba(15, 23, 42, 0.1);
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.14);
    overflow: hidden;
    margin-top: 6px;
}
.select2-container--default .select2-dropdown.pds-ba-branch-dropdown-panel .select2-search--dropdown {
    padding: 10px 10px 6px;
}
.select2-container--default .select2-dropdown.pds-ba-branch-dropdown-panel .select2-search--dropdown .select2-search__field {
    border-radius: 10px;
    border: 1.5px solid rgba(15, 23, 42, 0.12);
    padding: 8px 12px;
    outline: none;
}
.select2-container--default .select2-dropdown.pds-ba-branch-dropdown-panel .select2-search--dropdown .select2-search__field:focus {
    border-color: var(--site-color, #FE6F07);
}
.select2-container--default .select2-dropdown.pds-ba-branch-dropdown-panel .select2-results__option {
    padding: 10px 14px;
    font-size: 14px;
    font-weight: 550;
    color: #0f172a;
}
.select2-container--default .select2-dropdown.pds-ba-branch-dropdown-panel .select2-results__option--highlighted[aria-selected] {
    background: var(--site-color, #FE6F07) !important;
    color: #fff !important;
}
.select2-container--default .select2-dropdown.pds-ba-branch-dropdown-panel .select2-results__option[aria-disabled=true] {
    color: #94a3b8 !important;
    background: #f8fafc !important;
}

/* pds-css-bust 2026-10-23d */