:root{--theme-card:#fff;--theme-page:#f8fafc;--theme-raised:#f0f2f5;--theme-text:#0f172a;--theme-secondary:#334155;--theme-muted:#64748b;--theme-line:#e2e8f0;--theme-chat:#efeae2;--theme-message:#d9fdd3}
html[data-theme=dark]{color-scheme:dark;--theme-card:#182330;--theme-page:#101821;--theme-raised:#223142;--theme-text:#edf3f8;--theme-secondary:#ced9e3;--theme-muted:#9eb0c1;--theme-line:#354658;--theme-chat:#111c24;--theme-message:#164c43;--tf-surface:var(--theme-page);--tf-text-1:var(--theme-text);--tf-text-2:var(--theme-secondary);--tf-text-3:var(--theme-muted);--tf-border:var(--theme-line);--tf-border-soft:#263746;--tf-indigo-light:#252a48;--tf-indigo-soft:#31355c;--tf-green-light:#153b2e;--tf-red-light:#49262c;--tf-amber-light:#46391f}
html[data-theme=dark] body{background:var(--theme-page)!important;color:var(--theme-text);--client-ink:var(--theme-text);--client-muted:var(--theme-muted);--client-paper:var(--theme-card);--client-line:var(--theme-line);--journey-ink:var(--theme-text);--journey-muted:var(--theme-muted);--journey-paper:var(--theme-card);--journey-line:var(--theme-line)}
html[data-theme=dark] :is(.tf-customer-redesign,.travel-page,.chat-embed,.voucher-page,.cv-page,.cv-detail,.profile-page){color:var(--theme-text);--journey-ink:var(--theme-text);--journey-muted:var(--theme-muted);--journey-paper:var(--theme-card);--journey-line:var(--theme-line)}
html[data-theme=dark] :is(.card,.modal-content,.dropdown-menu,.swal2-popup,.tf-auth-card,.tf-auth-form-panel,.travel-panel,.voucher-card,.profile-card,.tf-notif-dropdown){background:var(--theme-card)!important;color:var(--theme-text)!important;border-color:var(--theme-line)!important}
html[data-theme=dark] :is(input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]),textarea,select){background-color:var(--theme-raised)!important;color:var(--theme-text)!important;border-color:var(--theme-line)!important}
html[data-theme=dark] :is(input,textarea)::placeholder{color:var(--theme-muted)!important}
html[data-theme=dark] .table{--bs-table-bg:var(--theme-card);--bs-table-color:var(--theme-text);--bs-table-border-color:var(--theme-line);--bs-table-striped-bg:#202d3c;--bs-table-striped-color:var(--theme-text);--bs-table-hover-bg:#293a4c;--bs-table-hover-color:var(--theme-text)}
html[data-theme=dark] :is(.tf-auth-role-name,.tf-auth-heading h1,.tf-auth-field label,.tf-auth-roles legend){color:var(--theme-text)!important}
html[data-theme=dark] :is(.tf-auth-heading p,.tf-auth-role-caption,.tf-auth-remember,.tf-auth-heading small){color:var(--theme-muted)!important}
html[data-theme=dark] .tf-auth-role{background:var(--theme-card)!important;border-color:var(--theme-line)!important}
html[data-theme=dark] .tf-auth-role.active{background:#343322!important;border-color:#d99a19!important}
html[data-theme=dark] .chat-embed :is(.wa,.side,.bub){background:var(--theme-card);color:var(--theme-text)}
html[data-theme=dark] .chat-embed :is(.sh,.ch,.composer,.it.on){background:var(--theme-raised)}
html[data-theme=dark] .chat-embed .chat{background:var(--theme-chat)}
html[data-theme=dark] .chat-embed .bub.me{background:var(--theme-message)}
.tf-language-picker select{color:#f1f5f9!important;background:#172536!important;-webkit-text-fill-color:#f1f5f9!important;color-scheme:dark;min-width:78px;opacity:1}
.tf-language-picker select option{color:#f1f5f9!important;background:#172536!important;-webkit-text-fill-color:#f1f5f9!important}
#siteThemeToggle{flex-shrink:0;min-width:38px;color:#f1f5f9}
@media print{html[data-theme] body{background:white!important;color:black!important}.tf-navbar,#siteThemeToggle{display:none!important}}

body:not(.has-sidebar) .tf-main{margin-inline:0!important;width:100%;max-width:100%}
html[data-theme=dark] .tf-auth-brand{color:var(--theme-text)}
html[data-theme=dark] .tf-auth-role:not(.active) .tf-auth-role-icon{color:var(--theme-secondary)}
html[data-theme=dark] .tf-language-picker select{background:#172536!important;color:#f1f5f9!important}

html[data-theme=dark] .chat-embed .b.out{background:var(--theme-message);color:var(--theme-text)}
html[data-theme=dark] .chat-embed :is(.preview,.empty,.soundbar){background:var(--theme-raised);color:var(--theme-secondary)}
html[data-theme=dark] .chat-embed .ibtn{color:var(--theme-secondary)}
html[data-theme=dark] :is(.text-dark,.text-body){color:var(--theme-text)!important}
html[data-theme=dark] .bg-light{background:var(--theme-raised)!important}
html[data-theme=dark] table:not(.no-theme) thead th{background:var(--theme-raised)!important;color:var(--theme-text)!important;border-color:var(--theme-line)!important}
html[data-theme=dark] :is(.travel-stats>div,.travel-tabs a:not(.active),.travel-btn:not(.primary)){background:var(--theme-card);color:var(--theme-text);border-color:var(--theme-line)}
html[data-theme=dark] .travel-facts strong{color:var(--theme-text)}
@media(max-width:480px){.tf-navbar-links{gap:5px}#siteThemeToggle{min-width:34px;width:34px;height:36px}.tf-language-picker{padding-inline:5px}.tf-language-picker select{max-width:86px;min-width:70px}}

/* Table surfaces must override the row fill and Bootstrap's inset background layer together. */
@media screen{
 html[data-theme=dark] .tf-content table{color:var(--theme-text);background:var(--theme-card);border-color:var(--theme-line)}
 html[data-theme=dark] .tf-content table>tbody>tr{--tf-row-fill:var(--theme-card);--bs-table-color:var(--theme-text);--bs-table-bg:var(--tf-row-fill)}
 html[data-theme=dark] .tf-content table>tbody>tr:nth-child(even),html[data-theme=dark] .tf-content table>tbody>tr[data-row-stripe=dark]{--tf-row-fill:var(--theme-raised)}
 html[data-theme=dark] .tf-content table>tbody>tr[data-row-stripe=light]{--tf-row-fill:var(--theme-card)}
 html[data-theme=dark] .tf-content table>tbody>tr>:is(td,th){background-color:var(--tf-row-fill)!important;color:var(--theme-text)!important;border-color:var(--theme-line)!important;--bs-table-bg:var(--tf-row-fill);--bs-table-accent-bg:transparent;--bs-table-bg-type:transparent;--bs-table-bg-state:transparent;box-shadow:none}
 html[data-theme=dark] .tf-content table>tbody>tr:hover{--tf-row-fill:#2b3d50!important}
 html[data-theme=dark] .tf-content table>tbody>tr:is(.table-active,.booking-selected){--tf-row-fill:#28465e!important}
 html[data-theme=dark] .tf-content table>tbody>tr.table-success{--tf-row-fill:#173c32!important}
 html[data-theme=dark] .tf-content table>tbody>tr.table-danger{--tf-row-fill:#482b34!important}
 html[data-theme=dark] .tf-content table>tbody>tr.table-warning{--tf-row-fill:#453c25!important}
 html[data-theme=dark] .tf-content table>tbody>tr.table-info{--tf-row-fill:#213e4e!important}
 html[data-theme=dark] .tf-content table>tbody>tr:is(.statement-opening,.total,.totals){--tf-row-fill:#28384b!important;font-weight:600}
 html[data-theme=dark] .tf-content table>tbody>tr>td>a:not(.btn):not([class*=badge]){color:#9bc8ff}
 html[data-theme=dark] :is(.tf-card,.fd-card,.client-detail-card,.client-ticket-card,.booking-card,.addon-admin-card,.addon-detail-card,.addon-form-card,.addon-delete-card,.addon-gallery-panel,.ca-card,.ca-panel,.at-card,.tb-card,.hd-panel,.ve-card,.stat-card,.store-details-panel){background:var(--theme-card)!important;color:var(--theme-text);border-color:var(--theme-line)!important}
 html[data-theme=dark] :is(.tf-card,.fd-card,.client-detail-card,.addon-detail-card,.ca-card,.hd-panel,.store-details-panel) :is(h1,h2,h3,h4,label){color:var(--theme-text)}
 html[data-theme=dark] :is(.tf-card-body,.card-body,.tf-dpanel){background-color:var(--theme-card);color:var(--theme-text)}
}
@media print{
 html[data-theme=dark]{--theme-card:white!important;--theme-page:white!important;--theme-raised:#f3f4f6!important;--theme-text:black!important;--theme-secondary:#222!important;--theme-muted:#555!important;--theme-line:#ccc!important}
 html[data-theme=dark] .tf-content :is(.card,.tf-card,.fd-card,.voucher-card,.profile-card){background:white!important;color:black!important}
 html[data-theme=dark] .tf-content table :is(td,th){background:white!important;color:black!important}
}

/* Shared semantic badge palette, including legacy capitalized classes. */
html[data-theme=light] :is(.tf-badge-green,.tf-badge-Green,.badge.bg-success,.badge-success,.tour-status-pill.done,.addon-status-pill.Accepted){--badge-bg:#dcfce7;--badge-text:#166534;--badge-border:#86efac;}
html[data-theme=dark] :is(.tf-badge-green,.tf-badge-Green,.badge.bg-success,.badge-success,.tour-status-pill.done,.addon-status-pill.Accepted){--badge-bg:#173f32;--badge-text:#a7f3c5;--badge-border:#3e8b68;}
html[data-theme=light] :is(.tf-badge-red,.badge.bg-danger,.badge-danger,.fd-t-INF,.addon-status-pill.Rejected,.addon-status-pill.Cancelled){--badge-bg:#fee2e2;--badge-text:#991b1b;--badge-border:#fca5a5;}
html[data-theme=dark] :is(.tf-badge-red,.badge.bg-danger,.badge-danger,.fd-t-INF,.addon-status-pill.Rejected,.addon-status-pill.Cancelled){--badge-bg:#482a32;--badge-text:#fecaca;--badge-border:#a44d61;}
html[data-theme=light] :is(.tf-badge-orange,.fd-t-CHD,.tour-status-pill.tomorrow,.addon-status-pill){--badge-bg:#ffedd5;--badge-text:#9a3412;--badge-border:#fdba74;}
html[data-theme=dark] :is(.tf-badge-orange,.fd-t-CHD,.tour-status-pill.tomorrow,.addon-status-pill){--badge-bg:#483322;--badge-text:#fed7aa;--badge-border:#a87540;}
html[data-theme=light] :is(.tf-badge-yellow,.tf-badge-amber,.badge.bg-warning,.badge-warning,.tour-status-pill.today){--badge-bg:#fef9c3;--badge-text:#713f12;--badge-border:#facc15;}
html[data-theme=dark] :is(.tf-badge-yellow,.tf-badge-amber,.badge.bg-warning,.badge-warning,.tour-status-pill.today){--badge-bg:#433b21;--badge-text:#fef08a;--badge-border:#9c8537;}
html[data-theme=light] :is(.tf-badge-blue,.tf-badge-info,.tf-badge-group,.badge.bg-primary,.badge.bg-info,.badge-info,.hotel-badge,.fd-t-ADL){--badge-bg:#dbeafe;--badge-text:#1e40af;--badge-border:#93c5fd;}
html[data-theme=dark] :is(.tf-badge-blue,.tf-badge-info,.tf-badge-group,.badge.bg-primary,.badge.bg-info,.badge-info,.hotel-badge,.fd-t-ADL){--badge-bg:#233a56;--badge-text:#bfdbfe;--badge-border:#537da8;}
html[data-theme=light] :is(.tf-badge-indigo,.tf-badge-private){--badge-bg:#e0e7ff;--badge-text:#3730a3;--badge-border:#a5b4fc;}
html[data-theme=dark] :is(.tf-badge-indigo,.tf-badge-private){--badge-bg:#333252;--badge-text:#ddd6fe;--badge-border:#7770b7;}
html[data-theme=light] :is(.tf-badge-gray,.tf-badge-grey,.tf-badge-light,.tf-badge-file,.badge.bg-secondary,.badge-secondary,.tour-status-pill.pending){--badge-bg:#f1f5f9;--badge-text:#334155;--badge-border:#cbd5e1;}
html[data-theme=dark] :is(.tf-badge-gray,.tf-badge-grey,.tf-badge-light,.tf-badge-file,.badge.bg-secondary,.badge-secondary,.tour-status-pill.pending){--badge-bg:#2c3947;--badge-text:#dce5ef;--badge-border:#607386;}

html[data-theme] :is(.tf-badge,.badge,.tour-status-pill,.addon-status-pill,.hotel-badge,.tf-badge-file,.fd-badge){background-color:var(--badge-bg,var(--theme-raised))!important;color:var(--badge-text,var(--theme-text))!important;border:1px solid var(--badge-border,var(--theme-line))!important;text-shadow:none;opacity:1}
html[data-theme] :is(.tf-badge,.tour-status-pill,.addon-status-pill,.hotel-badge,.tf-badge-file){display:inline-flex;align-items:center;justify-content:center;padding:4px 9px;border-radius:7px;line-height:1.35;font-weight:600}
html[data-theme=light] .addon-status-pill.Accepted{--badge-bg:#dcfce7;--badge-text:#166534;--badge-border:#86efac;}
html[data-theme=dark] .addon-status-pill.Accepted{--badge-bg:#173f32;--badge-text:#a7f3c5;--badge-border:#3e8b68;}
html[data-theme=light] .addon-status-pill.Rejected{--badge-bg:#fee2e2;--badge-text:#991b1b;--badge-border:#fca5a5;}
html[data-theme=dark] .addon-status-pill.Rejected{--badge-bg:#482a32;--badge-text:#fecaca;--badge-border:#a44d61;}
html[data-theme=light] .addon-status-pill.Cancelled{--badge-bg:#f1f5f9;--badge-text:#334155;--badge-border:#cbd5e1;}
html[data-theme=dark] .addon-status-pill.Cancelled{--badge-bg:#2c3947;--badge-text:#dce5ef;--badge-border:#607386;}

/* Traveller/guide mobile shells and itinerary components have their own surface rules. */
@media screen{
 html[data-theme=dark],html[data-theme=dark] body:is(.tf-client-app,[data-user-type="Clint"],[data-user-type="Guied"]){background:var(--theme-page)!important;color:var(--theme-text)!important}
 html[data-theme=dark] body:is(.tf-client-app,[data-user-type="Clint"],[data-user-type="Guied"]) :is(.tf-main,.tf-content,.tf-contentApp,.tf-customer-home,.client-journey,.journey-program,.journey-booking-details){background:var(--theme-page)!important;color:var(--theme-text)!important}
 html[data-theme=dark] :is(.journey-empty,.journey-service,.journey-booking-details details,.journey-pickup,.tf-customer-trip-summary,.client-empty-state){background:var(--theme-card)!important;color:var(--theme-text)!important;border-color:var(--theme-line)!important}
 html[data-theme=dark] :is(.journey-heading,.journey-heading h2,.journey-eyebrow,.journey-empty h3,.journey-booking-details summary,.journey-service h3,.journey-service-info strong){color:var(--theme-text)!important}
 html[data-theme=dark] :is(.journey-heading>span,.journey-empty p,.journey-service-info small,.journey-summary){color:var(--theme-muted)!important}
 html[data-theme=dark] :is(.journey-discover,.journey-button:not(.primary),.journey-booking-details summary b){background:var(--theme-raised)!important;color:var(--theme-secondary)!important;border-color:var(--theme-line)!important}
 html[data-theme=dark] body :is(.tf-client-bottom-nav,.tf-guide-bottom-nav){background:var(--theme-card)!important;border-top-color:var(--theme-line)!important;box-shadow:0 -6px 20px #0005}
 html[data-theme=dark] body :is(.tf-client-nav-item,.tf-guide-nav-item){color:var(--theme-muted)!important}
 html[data-theme=dark] body :is(.tf-client-nav-item,.tf-guide-nav-item).is-active{background:var(--theme-raised)!important;color:#a6ede1!important}
}

/* One language control: only the outer globe/picker wrapper owns the frame. */
html[data-theme] body .tf-language-picker{background:#172536;border:1px solid #405168;border-radius:20px;display:inline-flex;align-items:center;gap:6px}
html[data-theme] body .tf-language-picker #siteLanguagePicker{background:transparent!important;background-image:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;outline:none;color:#f1f5f9!important;-webkit-text-fill-color:#f1f5f9!important;margin:0;min-height:0;padding:3px 0;color-scheme:dark}
html[data-theme] body .tf-language-picker:focus-within{outline:2px solid #e3ad35;outline-offset:2px}
html[data-theme] body .tf-language-picker #siteLanguagePicker option{background:#172536!important;color:#f1f5f9!important}

/* Insets and nested detail surfaces across all mobile portal screens. */
@media screen{
 html[data-theme=dark]{--theme-inset:#223142;--theme-copy:#edf3f8}
 html[data-theme=dark] body .tf-customer-home :is(.client-hotel-dates,.client-transfer-route,.client-ticket-route,.client-tour-facts>div,.client-hotel-facts>div,.client-detail-pills>span,.client-passenger-row,.client-ticket-meta,.store-detail-facts>div){background:var(--theme-raised)!important;border-color:var(--theme-line)!important;color:var(--theme-text)!important}
 html[data-theme=dark] .tf-customer-home :is(.client-hotel-dates,.client-transfer-route,.client-ticket-route,.client-hotel-facts,.client-tour-facts) :is(strong,h3,h4){color:var(--theme-text)!important}
 html[data-theme=dark] .tf-customer-home :is(.client-hotel-dates,.client-transfer-route,.client-ticket-route,.client-hotel-facts,.client-tour-facts) :is(small,span){color:var(--theme-muted)}
 html[data-theme=dark] :is(.addon-detail-fact,.addon-detail-note,.addon-message,.addon-message.staff,.addon-order-item,.addon-customer-item,.addon-orders-empty,.addon-customer-empty,.addon-form-grid,.guide-hotel-group,.guide-summary>span){background:var(--theme-raised)!important;color:var(--theme-text);border-color:var(--theme-line)!important}
 html[data-theme=dark] :is(.addon-detail-fact,.addon-message,.addon-message.staff) :is(strong,p){color:var(--theme-text)!important}
 html[data-theme=dark] :is(.addon-order-status,.addon-customer-status){background:#483322!important;color:#fed7aa!important;border:1px solid #a87540}
 html[data-theme=dark] :is(.addon-order-status,.addon-customer-status).accepted{background:#173f32!important;color:#a7f3c5!important;border-color:#3e8b68}
 html[data-theme=dark] :is(.addon-order-status,.addon-customer-status).rejected{background:#482a32!important;color:#fecaca!important;border-color:#a44d61}
}

@media screen{
 html[data-theme=dark]{--bs-body-bg:#101821;--bs-body-color:#edf3f8;--bs-border-color:#354658;--bs-secondary-color:#9eb0c1}
 html[data-theme=dark] :is(.bg-white,.accordion-item,.accordion-body,.list-group-item){background-color:var(--theme-card)!important;color:var(--theme-text);border-color:var(--theme-line)!important}
 html[data-theme=dark] :is(.accordion-button,.accordion-button.collapsed){background-color:var(--theme-raised)!important;color:var(--theme-text)!important}
 html[data-theme=dark] :is(.text-muted,.text-black-50){color:var(--theme-muted)!important}
 html[data-theme=dark] .text-black{color:var(--theme-text)!important}
 html[data-theme=dark] :is(.border,.border-light){border-color:var(--theme-line)!important}
 html[data-theme=dark] .list-group-item.active{background-color:#28506a!important;color:white;border-color:#537da8!important}
}

/* One navbar geometry for every portal page, including restored employee cookies. */
html[data-theme] body .tf-navbar-actions,html[data-theme] body .tf-navbar-links{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;min-width:0}
html[data-theme] body .tf-navbar-links>.tf-nav-btn,html[data-theme] body .tf-navbar-links>.tf-notif-wrapper>.tf-nav-btn{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:38px;height:38px;min-height:38px;flex:0 0 auto;padding:0 10px;gap:7px;border-radius:20px;font-size:13px;line-height:1;white-space:nowrap}
html[data-theme] body .tf-navbar-links>#siteThemeToggle,html[data-theme] body .tf-navbar-links>.tf-notif-wrapper>.tf-nav-btn{width:38px;padding:0}
html[data-theme] body .tf-navbar-links .tf-nav-btn-label{display:inline!important;font-size:12px;line-height:1}
html[data-theme] body .tf-navbar-links .tf-nav-btn i{flex-shrink:0}
@media(max-width:1100px){html[data-theme] body .tf-navbar-links .tf-nav-btn-label{display:none!important}}
@media(max-width:768px){html[data-theme] body .tf-navbar-actions,html[data-theme] body .tf-navbar-links{gap:5px}html[data-theme] body .tf-navbar-links>.tf-nav-btn{padding-inline:7px}html[data-theme] body .tf-navbar-links .tf-language-picker{padding-inline:6px}}
/* Neutral action buttons follow the palette; primary, danger and success keep their meaning. */
@media screen{
 html[data-theme=dark] :is(.btn-light,.btn-default,.btn-outline-secondary,.btn-outline-dark,.tf-btn-secondary,.tf-btn-light,.tf-btn-ghost,.tf-btn-outline,.tf-reset-btn,.tf-filter-btn){background:var(--theme-raised)!important;color:var(--theme-text)!important;border-color:#52677d!important}
 html[data-theme=dark] :is(.btn-light,.btn-default,.btn-outline-secondary,.btn-outline-dark,.tf-btn-secondary,.tf-btn-light,.tf-btn-ghost,.tf-btn-outline,.tf-reset-btn,.tf-filter-btn):hover{background:#30465d!important;color:white!important;border-color:#9cb7d0!important}
 html[data-theme=dark] :is(.btn-link,.tf-btn-link){color:#9bc8ff!important}
 html[data-theme=dark] .btn-outline-primary{color:#b8d6ff;border-color:#719bd5}
 html[data-theme=dark] .btn-outline-success{color:#a7f3c5;border-color:#62ae87}
 html[data-theme=dark] .btn-outline-danger{color:#fecaca;border-color:#c57886}
 html[data-theme=dark] .btn-outline-warning{color:#fef08a;border-color:#b79b4e}
 html[data-theme=dark] .btn-outline-info{color:#9ce6f5;border-color:#54a9bc}
}

@media screen{
 html[data-theme=dark] .btn-close{filter:invert(1) grayscale(100%) brightness(170%)}
 html[data-theme=dark] .tf-action-btn{background:var(--theme-raised);color:var(--theme-text);border-color:var(--theme-line)}
 html[data-theme=dark] .tf-action-btn:hover{background:#30465d;color:white}
 html[data-theme=dark] .tf-action-btn .fa-edit{color:#a9cfff}
 html[data-theme=dark] .tf-action-btn .fa-info-circle{color:#9ce6f5}
}

/* Site-wide messages follow the active theme. */
.swal2-popup.tf-swal-popup{background:var(--theme-card,#fff);color:var(--theme-text,#212529);border:1px solid var(--theme-line,#dee2e6)}
.tf-swal-popup .swal2-title,.tf-swal-popup .swal2-html-container{color:inherit}
.tf-swal-popup .swal2-html-container{white-space:pre-line;overflow-wrap:anywhere}
.tf-swal-popup .swal2-input,.tf-swal-popup .swal2-textarea,.tf-swal-popup .swal2-select{background:var(--theme-raised,#f8f9fa);color:var(--theme-text,#212529);border-color:var(--theme-line,#dee2e6)}
.tf-swal-popup .swal2-close{color:var(--theme-muted,#6c757d)}

/* Dark mode: tinted chips/badges whose light-mode text colour became unreadable on the dark surfaces. */
@media screen{
 html[data-theme=dark] .rum-status{color:#fcd9a0!important}
 html[data-theme=dark] .tf-chat-nav-item:is(:hover,:focus-visible){color:#c7d2fe!important}
 html[data-theme=dark] .tf-chat-nav-item>i{color:#a5b4fc!important}
 html[data-theme=dark] :is(.tf-auth-validation,.tf-auth-field-error,.tf-ai-delete,.pkg-card-header .pkg-badge,.addon-delete-head,.fd-document-type[data-type=cancellation],.agent-document-type[data-type=cancellation],.hd td small.hd-seat-alert,.hd-chip.red){color:#fecaca!important}
 html[data-theme=dark] .fd-document-type[data-type=cancellation],html[data-theme=dark] .agent-document-type[data-type=cancellation]{border-color:#e57373!important}
 html[data-theme=dark] :is(.fd-document-type,.agent-document-type)[data-type=amendment]{color:#fcd34d!important;border-color:#c9a227!important}
 html[data-theme=dark] .tf-ai-print{color:#9ccbff!important}
 html[data-theme=dark] :is(.tf-je-status-draft,.hd-chip.green){color:#fde68a!important}
 html[data-theme=dark] .tf-fs-title .tf-badge-no{color:var(--theme-text)!important}
 html[data-theme=dark] :is(.fd-chip.fd-c-blue,.fd-ava){color:#bfdbfe!important}
 html[data-theme=dark] .hd-error{color:#ffc7b8!important}
 html[data-theme=dark] :is(.store-type-link:hover,.store-type-link.active,.store-addon-action:hover){color:#c7d2fe}
 html[data-theme=dark] .store-addon-type{color:#bae6fd}
 html[data-theme=dark] :is(.store-addon-price strong,.store-details-section h4 i){color:#7ee0c0}
 /* File details service icons (--c foreground / --cb tint) */
 html[data-theme=dark] .fd-pax{--c:#cbd5e1;--cb:#2c3947}
 html[data-theme=dark] .fd-hotel{--c:#7ee0c0;--cb:#173f32}
 html[data-theme=dark] .fd-transfer{--c:#9ccbff;--cb:#1e3a56}
 html[data-theme=dark] .fd-tours{--c:#f5c77a;--cb:#463822}
 html[data-theme=dark] .fd-ticket{--c:#c4bdff;--cb:#333252}
 /* Add-on cards: pastel category tints become dark tints */
 html[data-theme=dark] .addon-admin-card{--addon-tint:#223142}
 html[data-theme=dark] .addon-admin-cover{background:linear-gradient(135deg,var(--addon-tint),var(--theme-card) 75%)}
}

html[data-theme=dark] .hd-dot[style*="#202735"]{background:#9eb0c1!important}

/* Home dashboard scopes its own ink/muted/line palette (.hd); map it to the theme so buttons and labels stay readable. */
html[data-theme=dark] .hd{--ink:var(--theme-text);--muted:var(--theme-muted);--line:var(--theme-line);--teal:#f5b14a}
html[data-theme=dark] .hd :is(.hd-btn:not(.primary),.hd-tabs button:not([aria-selected=true])){background:var(--theme-raised);color:var(--theme-text);border-color:#52677d}
html[data-theme=dark] .hd .hd-tabs button:not([aria-selected=true]){color:var(--theme-secondary)}

/* Phones: keep the whole navbar visible for staff (logo, menu, theme, language, bell, chat, trip board, store requests, logout). */
@media (max-width:640px){
 html[data-theme] body .tf-navbar{gap:6px;padding-inline:8px;overflow:hidden}
 html[data-theme] body .tf-navbar-brand-area{flex:0 0 auto;gap:4px;min-width:0}
 html[data-theme] body .tf-brand-name{display:none!important}
 html[data-theme] body .tf-navbar-actions{flex:1 1 auto;min-width:0;justify-content:flex-end;gap:4px}
 html[data-theme] body .tf-navbar-links{flex:0 1 auto;min-width:0;max-width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;gap:4px}
 html[data-theme] body .tf-navbar-links::-webkit-scrollbar{display:none}
 html[data-theme] body .tf-navbar-links>.tf-nav-btn,html[data-theme] body .tf-navbar-links>.tf-notif-wrapper>.tf-nav-btn{min-width:34px;height:34px;min-height:34px}
 html[data-theme] body .tf-navbar-links>#siteThemeToggle,html[data-theme] body .tf-navbar-links>.tf-notif-wrapper>.tf-nav-btn{width:34px}
 html[data-theme] body .tf-navbar-links>.tf-nav-btn:not(#siteThemeToggle){padding:0 8px}
 html[data-theme] body .tf-language-picker select{max-width:58px;min-width:0}
 html[data-theme] body .tf-nav-logout{flex:0 0 auto;width:34px!important;min-width:34px!important;min-height:34px!important;padding:0!important}
 html[data-theme] body .tf-nav-logout span{display:none!important}
}
/* Staff on phones: bottom navigation like the customer and guide apps. */
.tf-staff-bottom-nav{display:none}
@media (max-width:768px){
 body[data-user-type="Employees"] .tf-staff-bottom-nav{position:fixed;inset-inline:0;bottom:0;z-index:1010;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));min-height:calc(62px + env(safe-area-inset-bottom));padding:5px 8px calc(5px + env(safe-area-inset-bottom));border-top:1px solid var(--theme-line,#dbe4ed);background:var(--theme-card,#fff);box-shadow:0 -8px 24px rgb(15 23 42 / 9%)}
 body[data-user-type="Employees"] .tf-staff-bottom-nav .tf-client-nav-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;min-height:50px;padding-inline:2px;border:0;border-radius:12px;background:transparent;color:var(--theme-muted,#64748b);font-family:inherit;font-size:10px;font-weight:700;text-decoration:none;white-space:nowrap;-webkit-tap-highlight-color:transparent;cursor:pointer}
 body[data-user-type="Employees"] .tf-staff-bottom-nav .tf-client-nav-item i{font-size:17px}
 body[data-user-type="Employees"] .tf-staff-bottom-nav .tf-client-nav-item.is-active{background:var(--theme-raised,#edf6f8);color:var(--theme-secondary,#14566d)}
 body[data-user-type="Employees"] .tf-staff-bottom-nav .tf-nav-count{position:absolute;top:2px;inset-inline-start:calc(50% + 6px);min-width:16px;height:16px;padding:0 4px;border-radius:99px;background:#dc3545;color:#fff;font-size:9px;line-height:16px;text-align:center}
 body[data-user-type="Employees"] .tf-staff-bottom-nav .tf-nav-count[hidden]{display:none}
 body[data-user-type="Employees"] .tf-main{padding-bottom:calc(74px + env(safe-area-inset-bottom))}
 body[data-user-type="Employees"] .tf-footer{display:none}
}
html[data-theme=dark] body .tf-staff-bottom-nav{background:var(--theme-card)!important;border-top-color:var(--theme-line)!important;box-shadow:0 -6px 20px #0005}
html[data-theme=dark] body .tf-staff-bottom-nav .tf-client-nav-item.is-active{background:var(--theme-raised)!important;color:#a6ede1!important}
/* إعدادات المكالمات: زر في الشريط العلوي على الشاشات الواسعة (على الهاتف يُفتح من القائمة الجانبية ← الإعدادات). */
@media (max-width:640px){html[data-theme] body .tf-navbar-links>.tf-nav-callsettings{display:none!important}}