/* The shared hospitality interface, layered over the retained Metronic widgets. */
:is(.brand-app, .brand-guest) { font-family: var(--brand-sans); color: var(--brand-ink); background: #f6f7f9; font-size: 15px; line-height: 1.6; font-weight: 400; }
:is(.brand-app, .brand-guest) a { transition: color .18s, background .18s; }
:is(.brand-app, .brand-guest) :is(h1, h2, h3, h4, h5, h6, input, select, textarea, button, .tooltip, .popover) { font-family: var(--brand-sans); }
:is(.brand-app, .brand-guest) .text-muted { color: var(--brand-muted) !important; }
:is(.brand-app, .brand-guest) .card.card-custom { border: 1px solid var(--brand-line); border-radius: var(--brand-radius); box-shadow: var(--brand-shadow) !important; }
:is(.brand-app, .brand-guest) .card.card-custom > .card-header { min-height: 68px; padding-inline: 26px; border-bottom: 1px solid #eceef1; }
:is(.brand-app, .brand-guest) .card-header .card-label { font-size: 18px; line-height: 1.4; font-weight: 600; color: var(--brand-navy); }
:is(.brand-app, .brand-guest) .card-header .card-label small { font-size: 14px; font-weight: 400; color: var(--brand-muted); display: inline-block; margin-inline-start: 8px; }
:is(.brand-app, .brand-guest) .card.card-custom > .card-body { padding: 26px; }
:is(.brand-app, .brand-guest) .card-footer { border-color: #eceef1; background: #fdfcfb; border-radius: 0 0 var(--brand-radius) var(--brand-radius); }
:is(.brand-app, .brand-guest) .btn { font-size: 14px; font-weight: 600; border-radius: 8px; transition: color .18s, background .18s, box-shadow .18s; }
:is(.brand-app, .brand-guest) .btn.btn-primary { color: #fff !important; background: var(--brand-navy) !important; border-color: var(--brand-navy) !important; box-shadow: 0 3px 8px #0f274510; }
:is(.brand-app, .brand-guest) .btn.btn-primary:hover:not(.btn-text), :is(.brand-app, .brand-guest) .btn.btn-primary:focus:not(.btn-text) { background: #1c3d62 !important; border-color: #1c3d62 !important; }
:is(.brand-app, .brand-guest) .btn.btn-primary:not(:disabled):not(.disabled).active, :is(.brand-app, .brand-guest) .btn.btn-primary:not(:disabled):not(.disabled):active { background: var(--brand-navy) !important; border-color: var(--brand-navy) !important; }
:is(.brand-app, .brand-guest) .btn.btn-outline-primary { border-color: #d9dee4 !important; color: var(--brand-navy) !important; background: #fff !important; }
:is(.brand-app, .brand-guest) .btn.btn-outline-primary:hover, :is(.brand-app, .brand-guest) .btn.btn-outline-primary.active { background: var(--brand-navy) !important; border-color: var(--brand-navy) !important; color: #fff !important; }
:is(.brand-app, .brand-guest) .btn.btn-light-primary { color: var(--brand-accent) !important; background: var(--brand-sand) !important; }
:is(.brand-app, .brand-guest) .btn.btn-light-primary:hover { color: #fff !important; background: var(--brand-accent) !important; }
:is(.brand-app, .brand-guest) .btn.btn-secondary { background: #edf0f4; border-color: #edf0f4; color: var(--brand-navy); }
:is(.brand-app, .brand-guest) .btn.btn-light { color: var(--brand-navy); background: #f1f3f6; }
:is(.brand-app, .brand-guest) .btn:not(.btn-hover-icon-primary):not(.btn-hover-icon-success):not(.btn-hover-icon-danger) i { color: inherit; }
:is(.brand-app, .brand-guest) .form-control { background: #fff; border: 1px solid #dce1e7; color: var(--brand-ink); border-radius: 8px; font-size: 15px; min-height: 40px; }
:is(.brand-app, .brand-guest) .form-control:focus { border-color: var(--brand-dunes) !important; box-shadow: 0 0 0 3px #a0795a14; }
:is(.brand-app, .brand-guest) .form-control::placeholder { color: #727d8d; }
:is(.brand-app, .brand-guest) .form-control[readonly] { background: #f7f8fa; }
:is(.brand-app, .brand-guest) .form-group label:not(.radio):not(.checkbox) { font-weight: 500; color: var(--brand-ink); font-size: 14px; }
:is(.brand-app, .brand-guest) .input-group-text { border-color: #dce1e7; background: #f3f5f7; color: var(--brand-muted); }
:is(.brand-app, .brand-guest) .select2-container--default .select2-selection { border-color: #dce1e7; border-radius: 8px; min-height: 40px; background: #fff; }
:is(.brand-app, .brand-guest) .select2-container--default .select2-selection--single .select2-selection__rendered { font-size: 15px; color: var(--brand-ink); }
:is(.brand-app, .brand-guest) .select2-container { max-width: 100%; font-family: var(--brand-sans); }
:is(.brand-app, .brand-guest) .select2-container--default .select2-selection--single { min-height: 44px; display: flex; align-items: center; }
:is(.brand-app, .brand-guest) .select2-container--default.select2-container--open .select2-selection { border-color: var(--brand-dunes); box-shadow: 0 0 0 3px #a0795a14; }
:is(.brand-app, .brand-guest) .select2-dropdown { border: 1px solid #dce1e7; border-radius: 10px; overflow: hidden; box-shadow: 0 12px 32px #0f274514; background: #fff; font-family: var(--brand-sans); }
:is(.brand-app, .brand-guest) .select2-search--dropdown { padding: 12px; border-bottom: 1px solid #e9edf1; }
:is(.brand-app, .brand-guest) .select2-container--default .select2-search--dropdown .select2-search__field { height: 42px; border: 1px solid #dce1e7; border-radius: 7px; padding: 9px 12px; color: var(--brand-ink); background: #fff; font: 400 15px/1.5 var(--brand-sans); }
:is(.brand-app, .brand-guest) .select2-container--default .select2-search--dropdown .select2-search__field:focus { outline: 2px solid var(--brand-dunes); outline-offset: 1px; }
:is(.brand-app, .brand-guest) .select2-container--default .select2-results > .select2-results__options { max-height: 252px; padding: 6px; overscroll-behavior-y: contain; scrollbar-width: thin; scrollbar-color: #8a98a9 transparent; }
:is(.brand-app, .brand-guest) .select2-results__option { padding: 11px 12px; min-height: 44px; margin-block: 2px; border-radius: 6px; font-size: 14px; line-height: 1.5; color: var(--brand-ink); }
:is(.brand-app, .brand-guest) .select2-container--default .select2-results__option[aria-selected="true"] { background: var(--brand-sand); color: var(--brand-navy); font-weight: 600; }
:is(.brand-app, .brand-guest) .select2-container--default .select2-results__option--highlighted[aria-selected] { background: var(--brand-navy) !important; color: #fff !important; }
:is(.brand-app, .brand-guest) .select2-results__option--highlighted * { color: inherit !important; }
:is(.brand-app, .brand-guest) .select2-container--default .select2-results__option[aria-disabled="true"] { color: #647082; background: #f6f7f9; }
:is(.brand-app, .brand-guest) .select2-container--default .select2-selection--multiple .select2-selection__choice { background: var(--brand-sand); color: var(--brand-navy); border: 1px solid #e5d8cb; border-radius: 6px; padding: 5px 9px; }
:is(.brand-app, .brand-guest) .select2-container--default .select2-selection__placeholder { color: var(--brand-muted); }
:is(.brand-app, .brand-guest) .select2-container--default .select2-selection__clear { color: var(--brand-muted); }
.brand-app .list-group-item .text-secondary { color: var(--brand-ink) !important; }
.plate-country { font-size: 13px; font-weight: 600; white-space: nowrap; }
.plate-input-group .form-control { min-width: 0; }
.plate-help { color: var(--brand-muted); font-size: 12px; display: block; margin-top: 8px; }
.vehicle_details_form .form-control { min-height: 44px; }
.vehicle-form-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.vehicle-form-actions .btn { margin: 0 !important; }
:is(.brand-app, .brand-guest) .table { color: var(--brand-ink); font-size: 14px; }
:is(.brand-app, .brand-guest) .table thead th { background: #f6f7f9; border-bottom: 1px solid #dde3e9; color: #5a687c; font-size: 12px; font-weight: 600; letter-spacing: .035em; padding: 14px 16px; vertical-align: middle; }
:is(.brand-app, .brand-guest) .table td { padding: 14px 16px; vertical-align: middle; border-color: #e9edf1; }
:is(.brand-app, .brand-guest) .dataTables_wrapper .dataTable :is(td, th) { font-size: 14px !important; line-height: 1.6; }
:is(.brand-app, .brand-guest) .table-bordered, :is(.brand-app, .brand-guest) .table-bordered td, :is(.brand-app, .brand-guest) .table-bordered th { border-color: #e7ebef; }
:is(.brand-app, .brand-guest) .table tbody tr:hover { background: #fcfaf7; }
:is(.brand-app, .brand-guest) .dataTables_wrapper .dataTables_length select { border-radius: 6px; }
:is(.brand-app, .brand-guest) .dataTables_wrapper .dataTables_filter input { margin-inline-start: 10px; border-radius: 8px; min-height: 36px; }
:is(.brand-app, .brand-guest) .dataTables_wrapper .dataTables_info { color: var(--brand-muted); font-size: 14px; }
:is(.brand-app, .brand-guest) .page-item.active .page-link { background: var(--brand-navy) !important; border-color: var(--brand-navy) !important; }
:is(.brand-app, .brand-guest) .page-link { border-radius: 6px; font-size: 14px; }
:is(.brand-app, .brand-guest) .modal-content { border: 1px solid var(--brand-line); border-radius: 16px; box-shadow: 0 20px 90px #091b3026; }
:is(.brand-app, .brand-guest) .modal-header { padding: 22px 26px; border-color: var(--brand-line); }
:is(.brand-app, .brand-guest) .modal-title { color: var(--brand-navy); font-size: 17px; font-weight: 600; }
:is(.brand-app, .brand-guest) .modal-body { padding: 26px; }
:is(.brand-app, .brand-guest) .dropdown-menu { border: 1px solid var(--brand-line); border-radius: 12px; padding: 8px; box-shadow: 0 12px 38px #0f274512; }
:is(.brand-app, .brand-guest) .dropdown-item { border-radius: 6px; font-size: 14px; padding: 10px 14px; }
:is(.brand-app, .brand-guest) .dropdown-item:hover { background: var(--brand-sand); }
:is(.brand-app, .brand-guest) .label.label-inline { border-radius: 5px; font-size: 14px; font-weight: 600; padding: 5px 9px; height: auto; }
.brand-app #kt_content { padding-bottom: 35px; }
.brand-app .wrapper { min-width: 0; }
.brand-app.header-fixed.subheader-fixed.subheader-enabled .wrapper { padding-top: 94px; }
.brand-app #kt_content > .d-flex > .container, .brand-app #kt_content > .container, .brand-app .workspace-heading.container { max-width: 1480px; }
.brand-app .workspace-heading { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 26px; }
.brand-app .workspace-heading .brand-eyebrow { font-size: 12px; letter-spacing: .13em; }
.brand-app .workspace-heading .brand-eyebrow > span { color: #a6adb7; margin-inline: 8px; }
.brand-app .workspace-heading h1 { color: var(--brand-navy); font-size: 30px; font-weight: 600; letter-spacing: -.025em; line-height: 1.35; margin: 8px 0 0; }
.brand-app .workspace-heading p { color: var(--brand-muted); margin: 8px 0 0; font-size: 14px; }
.workspace-date { display: flex; gap: 10px; align-items: center; font-size: 14px; color: var(--brand-muted); white-space: nowrap; }
.workspace-date .brand-icon { width: 16px; height: 16px; color: var(--brand-dunes); }
.brand-app #kt_header { background: #fff; border-bottom: 1px solid #e7eaf0; box-shadow: none; }
.workspace-context { height: 100%; display: flex; align-items: center; gap: 13px; }
.workspace-context-icon { width: 36px; height: 36px; border: 1px solid #eadfd4; color: var(--brand-accent); background: #fcfaf7; border-radius: 9px; display: grid; place-items: center; }
.workspace-context-icon .brand-icon { width: 20px; height: 20px; }
.workspace-context strong { display: block; font-size: 14px; font-weight: 600; }
.workspace-context small { display: block; color: var(--brand-muted); font-size: 12px; margin-top: 3px; }
.brand-avatar { display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid #e8dbcd; background: var(--brand-sand); border-radius: 50%; color: var(--brand-accent); font-size: 15px; font-weight: 600; text-transform: uppercase; margin-inline-end: 7px; }
.brand-app #kt_header .topbar .font-size-base { font-size: 14px !important; }
.brand-app .header_quick_nav .btn-icon-nav { font-size: 14px; padding: 9px 12px; color: #526175; border-radius: 7px; }
.brand-app .header_quick_nav .btn-icon-nav:hover { background: var(--brand-sand); color: var(--brand-accent); }
.brand-app .header_quick_nav .btn-icon-nav i { font-size: 15px; }
.brand-app #kt_aside { background: var(--brand-navy) !important; border-inline-end: 1px solid #ffffff0a; box-shadow: 6px 0 26px #0f274504; overflow: hidden !important; }
.brand-app #kt_brand { background: var(--brand-navy) !important; border-bottom: 1px solid #ffffff12; padding-inline: 22px; height: 72px !important; flex-shrink: 0; }
.brand-app #kt_brand .brand-logo { margin-left: 0 !important; padding: 0 !important; }
.brand-app #kt_brand .brand-logo img { max-width: 162px !important; max-height: 44px !important; }
.brand-app .brand-toggle .svg-icon svg g [fill] { fill: #cfad8e !important; }
.brand-app .aside-menu .menu-nav { padding: 12px 10px 20px !important; }
.brand-app .aside-menu .menu-nav > .menu-section { margin: 16px 16px 12px; }
.brand-app .aside-menu .menu-nav > .management-section { border-top: 1px solid #ffffff14; margin-top: 22px; padding-top: 22px; }
.brand-app .aside-menu .menu-nav > .menu-section .menu-text { font-size: 12px; font-weight: 600; letter-spacing: .06em; color: #d5b496 !important; }
.brand-app .aside-menu .menu-nav > .menu-item { margin-block: 4px; }
.brand-app .aside-menu .menu-nav > .menu-item > .menu-link { padding: 12px 16px; border-radius: 9px; min-height: 46px; }
.brand-app .aside-menu .menu-link > i.fa { display: inline-flex; align-items: center; justify-content: center; width: 22px !important; flex: 0 0 22px; margin-inline-end: 14px !important; }
.brand-app .aside-menu .menu-link .menu-arrow { margin-inline-start: 10px; }
.brand-app .aside-menu .menu-subnav > .menu-item > .menu-link { padding-block: 10px; }
.brand-app .aside-menu .menu-subnav .menu-text { font-size: 13px !important; }
.brand-app .aside-menu .menu-subnav .menu-item.menu-item-active > .menu-link { background: #a0795a26 !important; border-radius: 8px; box-shadow: inset 2px 0 #c9a07e; }
.brand-app .aside-menu .menu-subnav .menu-item.menu-item-active .menu-bullet > span { background-color: #c9a07e !important; }
.brand-app .aside-menu .menu-submenu { margin-block: 4px 8px; }
.brand-app .aside-menu .menu-link:focus-visible { outline: 2px solid #d5b496; outline-offset: -2px; }
.brand-app .aside-menu .menu-nav .menu-item > .menu-link .menu-text { font-size: 14px; color: #e0e7ef; font-weight: 500; line-height: 1.5; }
.brand-app .aside-menu .menu-nav .menu-item > .menu-link > i.fa { color: #93a5bb; font-size: 15px; }
.brand-app .aside-menu .menu-nav > .menu-item.menu-item-active > .menu-link, .brand-app .aside-menu .menu-nav > .menu-item:hover > .menu-link, .brand-app .aside-menu .menu-nav > .menu-item.menu-item-open > .menu-link { background: #ffffff0e !important; }
.brand-app .aside-menu .menu-nav > .menu-item.menu-item-active > .menu-link { background: #a0795a26 !important; box-shadow: inset 3px 0 #c9a07e; }
.brand-app[dir=rtl] .aside-menu .menu-nav > .menu-item.menu-item-active > .menu-link { box-shadow: inset -3px 0 var(--brand-dunes); }
html[dir=rtl] .brand-app .aside-menu .menu-nav > .menu-item.menu-item-active > .menu-link { box-shadow: inset -3px 0 var(--brand-dunes); }
.brand-app .aside-menu .menu-nav .menu-item.menu-item-active > .menu-link .menu-text, .brand-app .aside-menu .menu-nav .menu-item:hover > .menu-link .menu-text { color: #fff; }
.brand-app .aside-menu .menu-nav .menu-item.menu-item-active > .menu-link > i.fa { color: #cfad8e; }
.brand-app .aside-menu .menu-nav hr { border-color: #ffffff14; margin: 20px 18px; }
.brand-app #kt_aside_menu_wrapper { flex: 1 1 0; min-height: 0; overflow-x: hidden; overflow-y: auto; overscroll-behavior-y: contain; scrollbar-width: thin; scrollbar-color: #71869f transparent; scrollbar-gutter: stable; }
.brand-app #kt_aside_menu_wrapper::-webkit-scrollbar { width: 5px; }
.brand-app #kt_aside_menu_wrapper::-webkit-scrollbar-thumb { background: #71869f; border-radius: 8px; }
.brand-app #kt_aside_menu_wrapper::-webkit-scrollbar-track { background: transparent; }
.brand-app #kt_aside_menu { height: auto !important; max-height: none !important; overflow: visible !important; }
.aside-signature { flex: 0 0 auto; margin: 0; padding: 15px 22px; border-top: 1px solid #ffffff14; background: var(--brand-navy); }
.aside-signature .brand-eyebrow { color: #e0c4a7; font-size: 12px; letter-spacing: .025em; }
.aside-signature > span:last-child { color: #9aacc3; display: block; font-size: 12px; line-height: 1.7; margin-top: 8px; }
.aside-minimize:not(.aside-minimize-hover) .aside-signature { display: none; }
.brand-app.aside-minimize:not(.aside-minimize-hover) #kt_aside_menu_wrapper { scrollbar-gutter: auto; }
.brand-app.aside-minimize:not(.aside-minimize-hover) .aside-menu .menu-nav > .menu-section { display: none !important; }
.brand-app.aside-minimize:not(.aside-minimize-hover) .aside-menu .menu-nav > .menu-item > .menu-link { padding-inline: 0; justify-content: center; }
.brand-app.aside-minimize:not(.aside-minimize-hover) .aside-menu .menu-link > i.fa { margin-inline: 0 !important; }
.brand-app .sticky-toolbar { position: static; top: auto; right: auto; transform: none; display: flex; flex-direction: row !important; align-items: center; gap: 5px; margin: 0 20px 0 0 !important; padding: 0 !important; background: transparent; box-shadow: none; width: auto; border: 0; }
.brand-app .sticky-toolbar .nav-item { margin-bottom: 0 !important; }
.brand-app .sticky-toolbar .btn { width: 32px; height: 32px; border: 0; background: transparent !important; color: #728095 !important; }
.brand-app .sticky-toolbar .btn i { font-size: 14px; }
.brand-app .sticky-toolbar .btn:hover { background: var(--brand-sand) !important; color: var(--brand-accent) !important; }
.brand-app .control_header_row { background: #fff; border: 1px solid var(--brand-line); border-radius: 12px; padding: 18px 20px; margin: 0 12.5px 22px; width: calc(100% - 25px); gap: 20px; }
.brand-app .control_header_logo { display: none; }
.brand-app .control_header_middle { flex: 1 1 420px; min-width: 0; gap: 14px; }
.brand-app .control_header_middle .cars_onboarded_badge { border: 0 !important; background: var(--brand-sand) !important; color: var(--brand-accent); font-size: 14px; padding: 11px 13px !important; border-radius: 7px; margin-right: 0 !important; white-space: nowrap; }
.brand-app .control_header_middle #ticket_number { flex: 1; width: 100% !important; min-width: 0; font-size: 14px; }
.brand-app .control_header_filters { margin-left: auto !important; display: flex; gap: 8px; }
.brand-app .control_header_filters .btn { margin-inline: 0 !important; font-size: 14px; }
.brand-app .control_key_legend { font-size: 14px; color: var(--brand-muted); gap: 15px; }
.brand-app .control_key_legend span { margin-right: 0 !important; }
.brand-app .control_bookings_div { padding-inline: 15px !important; }
.brand-app .cashier_dashboard_row .blocks { gap: 10px; padding: 5px; }
.brand-app .cashier_dashboard_row .block { width: 148px; height: auto; border-radius: 10px; margin: 0; padding: 16px 12px; border: 1px solid #dfe5eb; border-top: 3px solid currentColor; transition: box-shadow .2s, transform .2s; min-height: 132px; }
.brand-app .cashier_dashboard_row .block:hover { transform: translateY(-2px); box-shadow: 0 6px 18px #0f274510; }
.brand-app .cashier_dashboard_row .block h3 { color: var(--brand-navy); font-size: 16px; font-weight: 600 !important; margin-bottom: 5px; }
.brand-app .cashier_dashboard_row .block > span { font-size: 14px; color: #526175; }
.brand-app .cashier_dashboard_row .block .tile-status { color: inherit; font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: .025em; margin-bottom: 7px; }
.brand-app .cashier_dashboard_row .ticket_warning { top: 6px; right: 6px; font-size: 14px; color: #a86b24 !important; }
.brand-app .status_booked { background-color: #f0f2f5; color: #516174; }
.brand-app .status_parked { background-color: #eef4fb; color: #3e729c; }
.brand-app .status_requested { background-color: #fff0eb; color: #b94c2e; }
.brand-app .status_driver_assigned { background-color: #fcf5e5; color: #805e18; }
.brand-app .status_arrived { background-color: #eaf5ef; color: #367758; }
.brand-app .control_key_legend i { background: transparent; }
.brand-app .stat_filters { gap: 4px; padding: 12px 14px; background: #fff; border: 1px solid var(--brand-line); border-radius: 12px; }
.brand-app .stat_filters .stat_filter_btn { font-size: 14px; margin-bottom: 0 !important; padding: 10px 14px; border-color: transparent !important; min-height: 42px; }
.brand-app .stat_filters > div { margin-bottom: 0 !important; margin-inline-start: auto; }
.brand-app .stat_custom_date_range { font-size: 14px; min-height: 42px; background: #f7f8fa; }
.brand-app .stat_cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.brand-app .stat_cards + .stat_cards { grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); }
.brand-app .stat_cards > .col-lg-3 { max-width: 100%; width: 100%; }
.brand-app .card.stat-card { background: #fff; position: relative; overflow: hidden; }
.brand-app .card.stat-card::before { content: ''; position: absolute; inset-inline: 0; top: 0; height: 3px; background: #a7cad459; }
.brand-app .card.stat-card > .card-body { padding: 21px 22px; }
.brand-app .stat-card .stat-row { align-items: flex-start; flex-direction: column; gap: 20px; }
.brand-app .stat-card .stat-label { white-space: normal; font-size: 14px; font-weight: 500; color: var(--brand-muted) !important; line-height: 1.6; }
.brand-app .stat-card .stat-label i { width: 30px; height: 30px; background: var(--brand-sand); display: grid; place-items: center; border-radius: 7px; color: var(--brand-accent) !important; font-size: 14px; margin-inline-end: 10px !important; flex-shrink: 0; }
.brand-app .stat-card .stat-value { font-size: 29px; font-weight: 600; letter-spacing: -.03em; line-height: 1.2; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
.brand-app .stat_cards + .stat_cards .stat-value { font-size: 24px; }
.brand-app .stat_cards + .stat_cards > div:last-child .stat-card { background: var(--brand-navy); border-color: var(--brand-navy); }
.brand-app .stat_cards + .stat_cards > div:last-child .stat-card .stat-label { color: #ced6e2 !important; }
.brand-app .stat_cards + .stat_cards > div:last-child .stat-card .stat-value { color: #fff; }
.brand-app .stat_cards + .stat_cards > div:last-child .stat-card::before { background: var(--brand-dunes); }
.brand-app .charts_loader_box { border: 1px solid var(--brand-line); border-radius: 16px; box-shadow: var(--brand-shadow); }
.brand-app .charts_loader_spinner { color: var(--brand-dunes) !important; }
.brand-app .charts_loader_text { color: var(--brand-navy); font-size: 15px; }
.brand-app .charts_loader_quote { color: var(--brand-muted); font-size: 14px; }
.brand-app .driver_dashboard_row { background: var(--brand-navy); border-radius: 16px; margin-inline: 25px !important; min-height: calc(100vh - 230px); padding: 40px 20px; }
.brand-app .driver_dashboard_circle { background: #a7cad409; }
.brand-app .driver_dashboard_graphic { opacity: .2; }
.brand-app .driver_dashboard_row .action { width: 185px; height: 175px; border-radius: 12px; background: #fff; box-shadow: 0 8px 25px #00000012; margin: 12px; }
.brand-app .driver_dashboard_row .action::before { height: 3px; background: var(--brand-dunes); }
.brand-app .driver_dashboard_row .action .action-icon { width: 55px; height: 55px; margin-bottom: 20px; border-radius: 12px; background: var(--brand-sand); box-shadow: none; }
.brand-app .driver_dashboard_row .action .action-icon i { font-size: 24px !important; color: var(--brand-accent) !important; }
.brand-app .driver_dashboard_row .action span.d-block { font-size: 14px; letter-spacing: 0; color: var(--brand-navy); }
.brand-app .driver_dashboard_row .action:hover { transform: translateY(-4px); box-shadow: 0 12px 35px #00000025; }
.brand-app.driver-home-page #kt_header { background: #fff !important; }
.brand-app.driver-home-page { background: #f6f7f9; background-image: none; }
.brand-app.driver-home-page #kt_header .topbar .text-dark-50 { color: var(--brand-navy) !important; }
.brand-app.driver-home-page #kt_header .topbar .text-muted { color: var(--brand-muted) !important; }
.brand-app .header-mobile { background: var(--brand-navy); }
.brand-app .header-mobile .burger-icon span, .brand-app .header-mobile .burger-icon span::before, .brand-app .header-mobile .burger-icon span::after { background: #d5b496; }
.brand-guest .login-split-wrapper { padding: 36px; background: var(--brand-sand); min-height: 100vh; display: flex; align-items: center; }
.brand-guest .login-split-card { max-width: 1200px; margin-inline: auto; min-height: min(740px, calc(100vh - 72px)); border: 1px solid #e5ddd4; border-radius: 18px; box-shadow: 0 20px 80px #0f274509; }
.brand-guest .login-left-panel { flex-basis: 48%; max-width: 48%; padding: 50px; background-color: var(--brand-navy); background-image: linear-gradient(180deg, #0f2745f2, #0f2745db), url('../images/brand/raffles.webp'); background-repeat: no-repeat; background-size: cover; background-position: center; }
.brand-guest .login-left-inner { margin-bottom: 130px; }
.brand-guest .login-brand-name img { height: auto !important; width: 210px; max-width: 100%; }
.brand-guest .login-eyebrow { color: #d5b496; font-size: 12px; margin: 48px 0 20px; }
.brand-guest .login-headline { font-family: var(--brand-sans); font-size: clamp(30px, 3vw, 40px); font-weight: 600; line-height: 1.25; letter-spacing: -.025em; }
.brand-guest .login-headline em { color: #cfad8e; font-weight: 600; font-style: normal; }
.brand-guest .login-subtext { font-size: 14px; line-height: 1.9; color: #c4d0de; margin-block: 22px 30px; }
.brand-guest .login-feature-list li { font-size: 14px; font-weight: 400; margin-bottom: 15px; gap: 10px; }
.brand-guest .login-feature-check { width: 20px; height: 20px; background: #ffffff0c; border: 1px solid #ffffff20; border-radius: 50%; color: #cfad8e; font-size: 12px; }
.brand-guest .login-left-circle { display: none; }
.brand-guest .login-left-graphic { width: 240px; bottom: 45px; right: 35px; opacity: .25; }
.brand-guest .login-footer { font-size: 12px; color: #bfcbdb; }
.brand-guest .login-right-panel { padding: 55px; flex: 1; display: flex; align-items: center; }
.brand-guest .login-right-inner { max-width: 355px; width: 100%; margin-inline: auto; }
.brand-guest .login-title { font-family: var(--brand-sans); color: var(--brand-navy); font-weight: 600; font-size: 34px; letter-spacing: -.025em; margin-bottom: 14px; line-height: 1.25; }
.brand-guest .login-right-subtext { font-size: 14px; line-height: 1.8; color: var(--brand-muted); margin-bottom: 35px; }
.brand-guest .login-input { min-height: 48px; font-size: 15px; border-radius: 8px; }
.brand-guest .login-label { font-size: 14px !important; letter-spacing: 0; font-weight: 500 !important; }
.brand-guest .login-password-toggle { border: 0; background: transparent; padding: 6px; color: var(--brand-muted); line-height: 1; transform: translateY(-50%); top: 50%; right: 12px; }
.brand-guest .login-forgot-link { color: var(--brand-accent); font-size: 14px; }
.brand-guest .login-submit-btn { min-height: 48px; font-size: 15px; border-radius: 8px; letter-spacing: .01em; }
.brand-guest .login-back-link a { color: var(--brand-muted); font-size: 14px; }
.brand-guest .login-close-btn { top: 17px; right: 17px; width: 30px; height: 30px; font-size: 25px; border: 1px solid #d9d1c8; color: var(--brand-navy); }
.brand-guest .login-close-btn:hover { background: var(--brand-navy); color: #fff; }
.guest-page-header { display: flex; justify-content: space-between; align-items: center; padding-block: 25px; gap: 20px; border-bottom: 1px solid var(--brand-line); }
.guest-page-header > a:first-child { font-family: var(--brand-sans); font-size: 28px; color: var(--brand-navy); }
.guest-page-header > a:last-child { font-size: 14px; color: var(--brand-accent); }
.brand-guest > .flex-root > .container.my-10 { background: #fff; border: 1px solid var(--brand-line); border-radius: 16px; padding: 35px; line-height: 1.9; }
.guest-ticket-page { background: var(--brand-sand); padding-bottom: 30px; }
.guest-ticket-page .guest-ticket-container { max-width: 600px; padding-top: 18px; }
.guest-ticket-page .guest-ticket-heading { text-align: center; padding-block: 15px 18px; border-bottom: 1px solid var(--brand-line); margin-bottom: 24px; }
.guest-ticket-heading p { color: var(--brand-muted); margin: 8px 0 0; font-size: 14px; }
.guest-support-link a { color: var(--brand-accent); font-size: 14px; }
.guest-ticket-page h1, .guest-ticket-page h2 { font-family: var(--brand-sans); font-size: 30px; color: var(--brand-navy); font-weight: 600; line-height: 1.35; }
.guest-ticket-page h6 { font-size: 15px; color: var(--brand-muted); font-weight: 400; line-height: 1.9; }
.guest-ticket-page .bg-light { border-radius: 12px; background: #f6f7f9 !important; font-size: 14px; }
.guest-ticket-page .request_button { min-width: 160px; padding-block: 14px; }
.guest-ticket-page .btn-lg { border-radius: 10px; font-size: 15px; }
.brand-guest.payment-page { background: var(--brand-sand); padding: 20px; min-height: 100vh; }
.brand-guest .bp-card { border: 1px solid #e3d9cd; border-radius: 18px; box-shadow: 0 20px 60px #0f27450a; }
.brand-guest .bp-head { padding: 22px 26px; }
.payment-symbol { width: 72px; height: 72px; border-radius: 50%; background: var(--brand-sand); color: var(--brand-accent); display: grid; place-items: center; margin: 20px auto; }
.payment-symbol .brand-icon { width: 32px; height: 32px; }
.brand-guest.account-page .navbar { box-shadow: none !important; border-bottom: 1px solid var(--brand-line); padding-block: 20px; }
.brand-guest.account-page .navbar-brand { font-family: var(--brand-sans); font-size: 28px; color: var(--brand-navy); }
.brand-guest.account-page .card { border: 1px solid var(--brand-line); border-radius: 16px; overflow: hidden; box-shadow: var(--brand-shadow); margin-top: 35px; }
.brand-guest.account-page .card-header { color: var(--brand-navy); font-size: 20px; font-weight: 500; background: #fff; padding: 24px; }
.brand-guest.account-page .card-body { padding: 30px; }
.brand-guest .session-panel { background: #fff; max-width: 480px; width: calc(100% - 40px); padding: 45px; margin: 55px auto; border: 1px solid var(--brand-line); border-radius: 18px; box-shadow: var(--brand-shadow); text-align: center; }
.session-panel .session-emblem { width: 70px; height: 70px; margin: 0 auto 24px; border-radius: 50%; display: grid; place-items: center; background: var(--brand-sand); color: var(--brand-accent); }
.session-panel h1 { font-family: var(--brand-sans); font-size: 30px; color: var(--brand-navy); line-height: 1.3; margin-block: 12px 20px; font-weight: 600; }
.session-panel p { color: var(--brand-muted); font-size: 15px; line-height: 1.9; margin-bottom: 24px; }
.session-panel .error-code { font-size: 14px; color: var(--brand-accent); letter-spacing: .16em; }
.session-panel .session-link { display: inline-block; color: var(--brand-accent); font-size: 14px; margin-top: 24px; }
@media (max-width: 1250px) { .brand-app .stat_cards + .stat_cards { grid-template-columns: repeat(3, minmax(0, 1fr)); } .brand-app .header_quick_nav .btn-icon-nav { padding-inline: 8px; } }
@media (max-width: 991.98px) {
    .brand-app.header-fixed.subheader-fixed.subheader-enabled .wrapper { padding-top: 86px; }
    .brand-app .workspace-heading { margin-bottom: 22px; } .brand-app .workspace-heading h1 { font-size: 24px; }
    .brand-app .workspace-date { font-size: 12px; } .brand-app .workspace-context { min-height: 55px; } .brand-app .sticky-toolbar { display: none; }
    .brand-app .header_quick_nav .btn-icon-nav { min-width: 34px; justify-content: center; }
    .brand-guest .login-split-wrapper { padding: 24px; } .brand-guest .login-left-panel { padding: 35px; } .brand-guest .login-right-panel { padding: 35px; } .brand-guest .login-headline { font-size: 40px; }
}
@media (max-width: 767.98px) {
    :is(.brand-app, .brand-guest) .select2-container--default .select2-search--dropdown .select2-search__field { font-size: 16px; }
    .brand-app .workspace-date { display: none; } .brand-app .workspace-heading .brand-eyebrow { font-size: 12px; }
    .brand-app .stat_cards, .brand-app .stat_cards + .stat_cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .brand-app .card.stat-card > .card-body { padding: 17px; } .brand-app .stat-card .stat-row { gap: 15px; }
    .brand-app .stat-card .stat-value { font-size: 26px; } .brand-app .stat_cards + .stat_cards .stat-value { font-size: 22px; }
    .brand-app .stat_filters { gap: 7px; } .brand-app .stat_filters .stat_filter_btn { font-size: 14px; padding: 8px 10px; margin-inline-end: 0 !important; }
    .brand-app .stat_filters > div { margin-inline-start: 0; width: 100%; } .brand-app .stat_custom_date_range { width: 100% !important; }
    :is(.brand-app, .brand-guest) .card.card-custom > .card-body { padding: 20px; }
    :is(.brand-app, .brand-guest) .card.card-custom > .card-header { padding-inline: 20px; gap: 12px; }
    .brand-app .driver_dashboard_row { margin-inline: 15px !important; padding: 24px 10px; }
    .brand-app .driver_dashboard_row .action { width: 145px; height: 145px; margin: 8px; }
    .brand-guest .login-split-wrapper { padding: 0; } .brand-guest .login-split-card { flex-direction: column; border: 0; border-radius: 0; min-height: 100vh; }
    .brand-guest .login-left-panel { display: flex; flex-basis: auto; max-width: 100%; padding: 25px; } .brand-guest .login-left-inner { margin-bottom: 0; max-width: 100%; }
    .brand-guest .login-brand-name img { width: 170px; } .brand-guest .login-left-inner > .mb-10 { margin-bottom: 0 !important; }
    .brand-guest .login-eyebrow, .brand-guest .login-headline, .brand-guest .login-subtext, .brand-guest .login-feature-list, .brand-guest .login-left-graphic, .brand-guest .login-footer { display: none; }
    .brand-guest .login-right-panel { padding: 35px 25px; } .brand-guest .login-title { font-size: 30px; }
    .brand-guest .login-close-btn { background: #fff; top: 13px; right: 13px; }
    .guest-ticket-page .guest-ticket-container { padding-top: 4px; } .guest-ticket-page h2 { font-size: 30px; }
    .brand-guest > .flex-root > .container.my-10 { padding: 25px; }
    :is(.brand-app, .brand-guest) input.form-control, :is(.brand-app, .brand-guest) select.form-control, :is(.brand-app, .brand-guest) textarea.form-control { font-size: 16px; }
    .brand-app .control_header_row { padding: 15px; gap: 14px; }
    .brand-app .control_header_middle { flex-basis: auto; flex-wrap: wrap; margin-bottom: 0; }
    .brand-app .control_header_middle #ticket_number { flex-basis: 100%; font-size: 16px; }
    .brand-app .control_header_filters .btn { min-height: 40px; min-width: 0; white-space: normal !important; line-height: 1.5; }
    .brand-app .card-header .card-toolbar { min-width: 0; max-width: 100%; }
    .brand-app .control_key_legend { flex-wrap: wrap !important; overflow: visible; gap: 10px 15px; }
    .brand-app .control_key_legend span { flex: 0 1 auto; }
    .brand-app .stat-card .stat-label { flex-direction: column; align-items: flex-start; gap: 8px; font-size: 14px; }
    .brand-app .cashier_dashboard_row .block { width: 135px; min-height: 132px; height: auto; }
    .brand-app .cashier_dashboard_row .block h3 { font-size: 14px; }
}
@media (max-width: 380px) {
    .brand-app .driver_dashboard_row .action { width: 128px; height: 132px; margin: 6px; padding: 14px; }
    .brand-app .stat_cards, .brand-app .stat_cards + .stat_cards { grid-template-columns: 1fr; }
    .brand-app .stat-card .stat-label { font-size: 14px; flex-direction: row; } .brand-app .stat-card .stat-label i { width: 30px; height: 30px; margin-inline-end: 8px !important; }
}
@media print { .workspace-heading, .aside-signature, .guest-page-header { display: none !important; } .brand-app, .brand-guest { background: #fff; } }