/* Luzel V8.8 — Travel-style admin workspace. UI only; document/PDF builders remain untouched. */
:root{
  --travel-blue:#0b2a6b;
  --travel-cyan:#00bfff;
  --travel-cyan-dark:#0099cc;
  --travel-bg:#f4f7fb;
  --travel-surface:#ffffff;
  --travel-text:#17211d;
  --travel-muted:#667085;
  --travel-line:#e4e9f0;
  --travel-gold:#d8b86a;
  --travel-shadow:0 12px 34px rgba(16,24,40,.08);
  --travel-sidebar:252px;
  --travel-topbar:72px;
  --travel-card:var(--travel-surface);
  --travel-border:var(--travel-line);
  --travel-heading:var(--travel-blue);
  --travel-soft:#f8fafc;
}

.travel-admin-layout{margin:0!important;background:var(--travel-bg)!important;color:var(--travel-text)!important;min-height:100vh;overflow-x:hidden;}
.travel-admin-layout .bg-slideshow,.travel-admin-layout .bg-overlay{display:none!important;}
.travel-topbar{height:var(--travel-topbar);position:sticky;top:0;z-index:120;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 22px;background:linear-gradient(135deg,var(--travel-cyan),#38c9ee);color:var(--travel-blue);box-shadow:0 6px 24px rgba(11,42,107,.14);}
.travel-menu-toggle{display:none;width:44px;height:44px;border:1px solid rgba(11,42,107,.18);border-radius:13px;background:rgba(255,255,255,.25);color:var(--travel-blue);font-size:20px;align-items:center;justify-content:center;}
.travel-topbar-brand{display:flex;align-items:center;gap:12px;min-width:0;}
.travel-topbar-brand img{width:52px;height:52px;object-fit:contain;background:#fff;border-radius:13px;padding:4px;box-shadow:0 5px 16px rgba(11,42,107,.16);}
.travel-topbar-brand div{min-width:0;}.travel-topbar-brand strong{display:block;font-size:18px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.travel-topbar-brand span{display:block;font-size:11px;opacity:.78;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.travel-topbar-actions{display:flex;align-items:center;gap:9px;}
.travel-theme-switcher{display:flex;padding:4px;border-radius:12px;background:rgba(255,255,255,.22);gap:3px;}
.travel-theme-btn{height:36px;padding:0 10px;border:0;border-radius:9px;background:transparent;color:var(--travel-blue);font-weight:800;font-size:11px;display:flex;align-items:center;gap:6px;}
.travel-theme-btn.active{background:#fff;box-shadow:0 4px 12px rgba(11,42,107,.12);}
.travel-user-chip{padding:7px 12px;border-left:1px solid rgba(11,42,107,.18);border-right:1px solid rgba(11,42,107,.18);line-height:1.2;}.travel-user-chip strong{display:block;font-size:12px}.travel-user-chip span{font-size:10px;opacity:.72}
.travel-top-action{height:40px;padding:0 13px;border:0;border-radius:11px;background:rgba(11,42,107,.12);color:var(--travel-blue);font-weight:800;font-size:11px;display:flex;align-items:center;gap:7px;}.travel-top-action.primary{background:var(--travel-blue);color:#fff;}
.travel-layout-shell{display:grid;grid-template-columns:var(--travel-sidebar) minmax(0,1fr);min-height:calc(100vh - var(--travel-topbar));}
.travel-sidebar{position:sticky;top:var(--travel-topbar);height:calc(100vh - var(--travel-topbar));overflow-y:auto;background:#fff;border-right:1px solid var(--travel-line);padding:16px 13px 20px;z-index:110;}
.travel-sidebar-brand-mini{display:flex;align-items:center;gap:10px;padding:10px 9px 16px;border-bottom:1px solid var(--travel-line);margin-bottom:12px;}.travel-sidebar-brand-mini img{width:42px;height:42px;object-fit:contain;border-radius:11px;border:1px solid var(--travel-line);padding:3px}.travel-sidebar-brand-mini strong{display:block;color:var(--travel-blue);font-size:13px}.travel-sidebar-brand-mini small{font-size:9px;color:var(--travel-muted)}
.travel-sidebar-close{display:none;}
.travel-sidebar-nav{display:grid;gap:4px;}.travel-nav-title{padding:16px 12px 7px;font-size:9px;font-weight:900;letter-spacing:1px;color:#98a2b3;}
.travel-nav-link{width:100%;border:0;background:transparent;color:#344054;border-radius:11px;padding:11px 12px;text-align:left;font-weight:750;font-size:12px;display:flex;align-items:center;gap:10px;transition:.18s ease;}.travel-nav-link i{width:20px;color:#667085;text-align:center}.travel-nav-link:hover,.travel-nav-link.active{background:#eaf9ff;color:var(--travel-blue);}.travel-nav-link:hover i,.travel-nav-link.active i{color:var(--travel-cyan-dark)}.travel-nav-link.danger{color:#b42318}.travel-nav-link.danger i{color:#b42318}.travel-nav-link.danger:hover{background:#fee4e2}
.travel-sidebar-footer{margin-top:18px;padding:13px;border-radius:13px;background:#f6f8fb;border:1px solid var(--travel-line);}.travel-sidebar-footer span{display:block;font-size:9px;color:var(--travel-muted);text-transform:uppercase;letter-spacing:.7px}.travel-sidebar-footer strong{display:block;color:var(--travel-blue);font-size:11px;margin-top:3px}
.travel-main-content{min-width:0;}.travel-admin-layout .main-container{max-width:1680px!important;padding:24px 26px 34px!important;margin:0 auto!important;}

/* Existing header becomes a compact hero like travel.zip */
.travel-admin-layout .header-card{background:linear-gradient(135deg,#0b2a6b,#174d86)!important;border:0!important;border-radius:20px!important;box-shadow:var(--travel-shadow)!important;padding:20px 22px!important;margin-bottom:16px!important;color:#fff!important;display:grid!important;grid-template-columns:auto 1fr auto!important;gap:18px!important;align-items:center!important;overflow:hidden;}
.travel-admin-layout .header-card::before,.travel-admin-layout .header-card::after{display:none!important;}
.travel-admin-layout .fixed-brand-tools{display:flex!important;align-items:center!important;gap:12px!important;}.travel-admin-layout .fixed-brand-logo{width:62px!important;height:62px!important;margin:0!important;border-radius:15px!important;background:#fff!important;box-shadow:none!important;animation:none!important;}.travel-admin-layout .fixed-brand-copy strong{color:#fff!important;font-size:14px!important}.travel-admin-layout .fixed-brand-copy small{color:#c9d8eb!important;font-size:10px!important}
.travel-admin-layout .header-title-group h1{font-family:Arial,Helvetica,sans-serif!important;font-size:26px!important;font-weight:800!important;text-align:left!important;color:#fff!important;background:none!important;-webkit-text-fill-color:#fff!important;text-shadow:none!important;margin:0!important;}.travel-admin-layout .header-title-group .subtitle{text-align:left!important;color:#dce8f5!important;font-size:10px!important;letter-spacing:2px!important;margin-top:5px!important;}.travel-admin-layout .header-title-group .subtitle::before,.travel-admin-layout .header-title-group .subtitle::after{display:none!important;}
.travel-admin-layout .pro-header-actions{justify-content:flex-end!important;}.travel-admin-layout .pro-action-chip{background:rgba(255,255,255,.10)!important;border:1px solid rgba(255,255,255,.18)!important;color:#fff!important;border-radius:11px!important;}.travel-admin-layout .pro-action-chip.primary{background:var(--travel-cyan)!important;color:var(--travel-blue)!important;border-color:transparent!important;}

/* KPI cards */
.travel-admin-layout .pro-dashboard{grid-template-columns:minmax(260px,1.4fr) repeat(5,minmax(110px,.72fr))!important;gap:13px!important;margin-bottom:18px!important;}.travel-admin-layout .pro-current-reservation,.travel-admin-layout .pro-stat-card{background:#fff!important;color:var(--travel-text)!important;border:1px solid #edf1f5!important;border-radius:18px!important;box-shadow:var(--travel-shadow)!important;}.travel-admin-layout .pro-current-icon{background:#eaf9ff!important;color:var(--travel-blue)!important;border-color:#cdeefa!important;}.travel-admin-layout .pro-kicker,.travel-admin-layout .pro-current-meta,.travel-admin-layout .pro-stat-label{color:var(--travel-muted)!important;}.travel-admin-layout .pro-current-title,.travel-admin-layout .pro-stat-value{color:var(--travel-blue)!important;}.travel-admin-layout .pro-stat-card.warning{border-left:4px solid #f5b942!important}.travel-admin-layout .pro-stat-card.success{border-left:4px solid #48c78e!important}.travel-admin-layout .pro-stat-card.danger{border-left:4px solid #f06a6a!important}

/* Form workspace */
.travel-admin-layout .quick-booking-flat,.travel-admin-layout .wizard-progress-card,.travel-admin-layout .workspace-menu,.travel-admin-layout .workspace-panel.glass-card,.travel-admin-layout .workspace-side .glass-card,.travel-admin-layout .wizard-navigation,.travel-admin-layout .draft-notice{background:#fff!important;border:1px solid var(--travel-line)!important;border-radius:17px!important;box-shadow:var(--travel-shadow)!important;color:var(--travel-text)!important;}
.travel-admin-layout .quick-booking-flat{padding:16px!important;}.travel-admin-layout .wizard-progress-card{margin:14px 0!important;padding:14px 16px!important}.travel-admin-layout .wizard-progress-copy strong{color:var(--travel-blue)!important}.travel-admin-layout .wizard-progress-copy small{color:var(--travel-muted)!important}.travel-admin-layout .wizard-progress-track{background:#edf1f5!important}.travel-admin-layout .wizard-progress-bar{background:linear-gradient(90deg,var(--travel-cyan),var(--travel-blue))!important}
.travel-admin-layout .workspace-menu{padding:7px!important;position:sticky!important;top:82px!important;z-index:40!important;}.travel-admin-layout .workspace-menu-btn{background:#f7f9fc!important;border:1px solid var(--travel-line)!important;color:#475467!important;border-radius:11px!important;}.travel-admin-layout .workspace-menu-btn:hover{background:#eaf9ff!important;color:var(--travel-blue)!important}.travel-admin-layout .workspace-menu-btn.active{background:linear-gradient(135deg,var(--travel-cyan),#6edcff)!important;color:var(--travel-blue)!important;border-color:#53cceb!important;box-shadow:0 7px 18px rgba(0,191,255,.18)!important}
.travel-admin-layout .workspace-panel{padding:22px!important;}.travel-admin-layout .workspace-panel-scroll{max-height:calc(100vh - 290px)!important;}.travel-admin-layout .section-title{color:var(--travel-blue)!important;border-bottom:1px solid var(--travel-line)!important;font-size:17px!important;}.travel-admin-layout .section-title i{background:#eaf9ff!important;border-color:#cdeefa!important;color:var(--travel-blue)!important;box-shadow:none!important}.travel-admin-layout .pro-field-group-title{color:var(--travel-blue)!important;background:#f6f8fb!important;border-color:var(--travel-line)!important}
.travel-admin-layout .form-label{color:#475467!important}.travel-admin-layout .form-control,.travel-admin-layout .form-select,.travel-admin-layout .room-table input.qty-input,.travel-admin-layout .room-table input.rate-input,.travel-admin-layout .room-table select.currency-select,.travel-admin-layout .service-table input.service-description{background:#fff!important;color:#1d2939!important;border:1px solid #d0d5dd!important;box-shadow:none!important}.travel-admin-layout .form-control::placeholder{color:#98a2b3!important}.travel-admin-layout .form-control:focus,.travel-admin-layout .form-select:focus,.travel-admin-layout .room-table input:focus{border-color:var(--travel-cyan-dark)!important;box-shadow:0 0 0 4px rgba(0,153,204,.12)!important}.travel-admin-layout .form-control[readonly]{background:#f2f4f7!important;color:#475467!important}.travel-admin-layout .form-text,.travel-admin-layout .payment-help{color:#667085!important;opacity:1!important}
.travel-admin-layout .table-wrapper{border:1px solid var(--travel-line)!important;border-radius:14px!important;box-shadow:none!important}.travel-admin-layout .room-table thead th{background:#f8fafc!important;color:#475467!important;border-bottom:1px solid var(--travel-line)!important}.travel-admin-layout .room-table tbody td{color:#344054!important;border-bottom:1px solid #eef2f6!important}.travel-admin-layout .room-table tbody tr:hover{background:#f8fbfd!important}.travel-admin-layout .guest-badge{background:#eaf9ff!important;color:var(--travel-blue)!important;border-color:#cdeefa!important}.travel-admin-layout .row-total{color:#087f5b!important}
.travel-admin-layout .payment-row,.travel-admin-layout .payment-summary-item,.travel-admin-layout .exchange-rate-input{background:#f8fafc!important;border:1px solid var(--travel-line)!important;box-shadow:none!important;color:var(--travel-text)!important}.travel-admin-layout .payment-row .payment-equivalent-display,.travel-admin-layout .payment-row .payment-sar-display{background:#fff8e7!important;border-color:#ead59b!important;color:#7a5a08!important}.travel-admin-layout .payment-summary-item .s-label{color:var(--travel-muted)!important}.travel-admin-layout .payment-summary-item .s-value{color:var(--travel-blue)!important}.travel-admin-layout .payment-summary-item.highlight{background:#eef8ff!important;border-color:#b8e8f8!important}
.travel-admin-layout .wizard-navigation{padding:12px 16px!important;margin-top:14px!important}.travel-admin-layout .wizard-step-label{color:var(--travel-muted)!important}

/* Sidebar summary and actions */
.travel-admin-layout .workspace-side{top:82px!important}.travel-admin-layout .workspace-side .glass-card{padding:18px!important}.travel-admin-layout .summary-row{border-color:#e7ebef!important}.travel-admin-layout .summary-row span:first-child{color:var(--travel-muted)!important}.travel-admin-layout .summary-row span:last-child{color:var(--travel-blue)!important}.travel-admin-layout .summary-grand{background:linear-gradient(135deg,#eaf9ff,#f7fbff)!important;border-color:#b9e9f7!important;box-shadow:none!important}.travel-admin-layout .summary-grand .label,.travel-admin-layout .summary-grand .value small{color:var(--travel-blue)!important}.travel-admin-layout .summary-grand strong{color:var(--travel-blue)!important}.travel-admin-layout .quotation-action-group{background:#f8fafc!important;border-color:var(--travel-line)!important}.travel-admin-layout .quotation-action-title{color:var(--travel-blue)!important}.travel-admin-layout .db-record-state,.travel-admin-layout .draft-state{background:#f8fafc!important;color:#667085!important;border-color:var(--travel-line)!important}
.travel-admin-layout .btn-luxury{border-radius:11px!important;box-shadow:none!important}.travel-admin-layout .btn-gold{background:linear-gradient(135deg,var(--travel-cyan),#50d6ff)!important;color:var(--travel-blue)!important}.travel-admin-layout .btn-outline-luxury{background:#fff!important;color:var(--travel-blue)!important;border:1px solid #cfd8e3!important}.travel-admin-layout .btn-outline-luxury:hover{background:#eaf9ff!important;border-color:#8bdaf0!important}.travel-admin-layout .btn-danger-luxury{background:#fff1f0!important;color:#b42318!important;border-color:#f5b7b1!important}
.travel-admin-layout .footer-stage{background:#fff!important;border:1px solid var(--travel-line)!important;color:var(--travel-text)!important;box-shadow:var(--travel-shadow)!important}.travel-admin-layout .footer-stage-title{color:var(--travel-blue)!important}.travel-admin-layout .footer-stage-copy{color:var(--travel-muted)!important}.travel-admin-layout .footer-stage-badge{background:#eaf9ff!important;color:var(--travel-blue)!important;border-color:#cdeefa!important}

/* Modal styling in travel admin spirit */
.travel-admin-layout .modal-content.glass-modal{background:#fff!important;color:var(--travel-text)!important;border:0!important;border-radius:20px!important;box-shadow:0 30px 90px rgba(16,24,40,.24)!important}.travel-admin-layout .modal-header{background:linear-gradient(135deg,var(--travel-blue),#174d86)!important;color:#fff!important;border-radius:20px 20px 0 0!important}.travel-admin-layout .modal-footer{background:#f8fafc!important;border-top:1px solid var(--travel-line)!important}.travel-admin-layout .modal-header .btn-close{filter:invert(1)!important}.travel-admin-layout .db-modal-body,.travel-admin-layout .report-modal-body{background:#f4f7fb!important}.travel-admin-layout .report-brand-panel,.travel-admin-layout .report-summary-card,.travel-admin-layout .db-table-wrap{background:#fff!important;border-color:var(--travel-line)!important;box-shadow:var(--travel-shadow)!important}.travel-admin-layout .db-table th{background:#f8fafc!important;color:#475467!important}.travel-admin-layout .db-table td{color:#344054!important;border-color:#edf1f5!important}

/* Dark mode */
.travel-admin-layout[data-travel-theme="dark"]{--travel-bg:#071426;--travel-surface:#0b2345;--travel-text:#f5f7fa;--travel-muted:#aeb9c8;--travel-line:#234160;--travel-heading:#ffffff;--travel-soft:#071a34;background:#071426!important;color:#f5f7fa!important}.travel-admin-layout[data-travel-theme="dark"] .travel-sidebar{background:#0b2345!important;border-color:#234160!important}.travel-admin-layout[data-travel-theme="dark"] .travel-nav-link{color:#d5deea}.travel-admin-layout[data-travel-theme="dark"] .travel-nav-link:hover,.travel-admin-layout[data-travel-theme="dark"] .travel-nav-link.active{background:#123866;color:#fff}.travel-admin-layout[data-travel-theme="dark"] .travel-sidebar-brand-mini,.travel-admin-layout[data-travel-theme="dark"] .travel-sidebar-footer{border-color:#234160;background:#102b50}.travel-admin-layout[data-travel-theme="dark"] .pro-current-reservation,.travel-admin-layout[data-travel-theme="dark"] .pro-stat-card,.travel-admin-layout[data-travel-theme="dark"] .quick-booking-flat,.travel-admin-layout[data-travel-theme="dark"] .wizard-progress-card,.travel-admin-layout[data-travel-theme="dark"] .workspace-menu,.travel-admin-layout[data-travel-theme="dark"] .workspace-panel.glass-card,.travel-admin-layout[data-travel-theme="dark"] .workspace-side .glass-card,.travel-admin-layout[data-travel-theme="dark"] .wizard-navigation,.travel-admin-layout[data-travel-theme="dark"] .footer-stage{background:#0b2345!important;border-color:#234160!important;color:#fff!important}.travel-admin-layout[data-travel-theme="dark"] .form-control,.travel-admin-layout[data-travel-theme="dark"] .form-select,.travel-admin-layout[data-travel-theme="dark"] .payment-row,.travel-admin-layout[data-travel-theme="dark"] .payment-summary-item,.travel-admin-layout[data-travel-theme="dark"] .exchange-rate-input,.travel-admin-layout[data-travel-theme="dark"] .quotation-action-group,.travel-admin-layout[data-travel-theme="dark"] .db-record-state,.travel-admin-layout[data-travel-theme="dark"] .draft-state{background:#071a34!important;color:#fff!important;border-color:#29486b!important}.travel-admin-layout[data-travel-theme="dark"] .form-label,.travel-admin-layout[data-travel-theme="dark"] .form-text,.travel-admin-layout[data-travel-theme="dark"] .payment-help,.travel-admin-layout[data-travel-theme="dark"] .summary-row span:first-child{color:#b9c5d4!important}.travel-admin-layout[data-travel-theme="dark"] .section-title,.travel-admin-layout[data-travel-theme="dark"] .summary-row span:last-child,.travel-admin-layout[data-travel-theme="dark"] .pro-stat-value,.travel-admin-layout[data-travel-theme="dark"] .pro-current-title{color:#fff!important}.travel-admin-layout[data-travel-theme="dark"] .workspace-menu-btn{background:#071a34!important;color:#d5deea!important;border-color:#29486b!important}.travel-admin-layout[data-travel-theme="dark"] .room-table thead th{background:#102b50!important;color:#d5deea!important}.travel-admin-layout[data-travel-theme="dark"] .room-table tbody td{color:#eef3f8!important;border-color:#234160!important}

.travel-sidebar-backdrop{display:none;}
@media(max-width:1280px){.travel-user-chip{display:none}.travel-admin-layout .pro-dashboard{grid-template-columns:repeat(3,minmax(0,1fr))!important}.travel-admin-layout .pro-current-reservation{grid-column:1/-1}.travel-top-action span{display:none}}
@media(max-width:1100px){
  .travel-layout-shell{display:block}.travel-menu-toggle{display:flex}.travel-sidebar{position:fixed!important;top:0!important;left:0!important;height:100dvh!important;width:min(86vw,330px)!important;transform:translateX(-105%);transition:.23s ease;z-index:150!important;box-shadow:24px 0 60px rgba(4,16,35,.28)}.travel-sidebar.open{transform:translateX(0)}.travel-sidebar-close{display:flex;width:100%;align-items:center;justify-content:space-between;border:0;border-radius:13px;background:linear-gradient(135deg,var(--travel-cyan),var(--travel-blue));color:#fff;padding:13px 14px;font-weight:900;margin-bottom:12px}.travel-sidebar-backdrop{display:block;position:fixed;inset:0;z-index:140;background:rgba(3,12,27,.50);opacity:0;visibility:hidden;transition:.2s;backdrop-filter:blur(3px)}.travel-sidebar-backdrop.open{opacity:1;visibility:visible}.travel-admin-layout .main-container{padding:18px!important}.travel-admin-layout .workspace-panel-scroll{max-height:none!important;overflow:visible!important}.travel-admin-layout .workspace-side{position:static!important}.travel-admin-layout .workspace-menu{top:78px!important}.travel-topbar-actions .travel-top-action{display:none}
}
@media(max-width:760px){
  .travel-topbar{padding:0 10px;height:64px}.travel-topbar-brand img{width:44px;height:44px}.travel-topbar-brand strong{font-size:14px}.travel-topbar-brand span{font-size:9px}.travel-theme-btn span{display:none}.travel-theme-btn{width:34px;padding:0;justify-content:center}.travel-admin-layout .main-container{padding:12px!important}.travel-admin-layout .header-card{grid-template-columns:1fr!important;padding:16px!important}.travel-admin-layout .fixed-brand-tools{display:none!important}.travel-admin-layout .header-title-group h1{font-size:21px!important;text-align:left!important}.travel-admin-layout .pro-header-actions{display:grid!important;grid-template-columns:repeat(3,1fr)!important}.travel-admin-layout .pro-action-chip{justify-content:center!important;padding:9px!important;font-size:10px!important}.travel-admin-layout .pro-dashboard{grid-template-columns:repeat(2,minmax(0,1fr))!important}.travel-admin-layout .pro-current-reservation{grid-column:1/-1}.travel-admin-layout .quick-booking-flat{grid-template-columns:1fr!important}.travel-admin-layout .workspace-menu{position:static!important;display:flex!important;overflow-x:auto!important}.travel-admin-layout .workspace-menu-btn{min-width:155px!important}.travel-admin-layout .workspace-panel{padding:15px!important}.travel-admin-layout .wizard-navigation{position:sticky;bottom:0;z-index:35}.travel-admin-layout .footer-stage{display:none}.travel-admin-layout .modal-dialog{margin:.4rem!important}.travel-topbar-actions{gap:4px}
}
@media(max-width:480px){.travel-topbar-brand span{display:none}.travel-admin-layout .pro-dashboard{grid-template-columns:1fr 1fr!important}.travel-admin-layout .pro-stat-card{min-height:84px}.travel-admin-layout .pro-stat-value{font-size:20px!important}.travel-admin-layout .pro-header-actions{grid-template-columns:1fr!important}.travel-admin-layout .pro-action-chip{width:100%}.travel-admin-layout .wizard-navigation{grid-template-columns:auto 1fr auto!important}.travel-admin-layout .wizard-step-label{font-size:9px!important}}


/* =====================================================================
   V8.3 — TRAVEL WORKFLOW: RESERVASI → QUOTATION → INVOICE → PAYMENT
   ===================================================================== */
.workflow-engine-only{display:none!important;}
.workspace-main{width:100%!important;max-width:100%!important;}
.workspace-panel{display:none!important;}
.workspace-panel.travel-module-visible{display:block!important;}
.travel-module-panel{display:none!important;}
.travel-module-panel.travel-module-visible{display:block!important;}
body:not([data-travel-module="reservation"]) .travel-reservation-only{display:none!important;}
body[data-travel-module="reservation"] .travel-reservation-only{display:flex;}
body[data-travel-module="reservation"] .quick-booking-flat{display:grid;}
body[data-travel-module="reservation"] .draft-notice:not(.show){display:none;}
body[data-travel-module="reservation"] .draft-notice.show{display:flex;}
.travel-workflow-heading{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;background:var(--travel-card);border:1px solid var(--travel-border);border-radius:18px;padding:18px 20px;margin-bottom:16px;box-shadow:var(--travel-shadow);scroll-margin-top:82px;}
.travel-workflow-icon{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#e8f8ff,#c8efff);border:1px solid #b9e7f8;color:#0b2a6b;font-size:20px;}
.travel-workflow-kicker{font-size:10px;font-weight:800;letter-spacing:1.1px;text-transform:uppercase;color:var(--travel-muted);}
.travel-workflow-heading h2{margin:2px 0 2px;color:var(--travel-heading);font-size:23px;font-weight:800;}
.travel-workflow-heading p{margin:0;color:var(--travel-muted);font-size:12px;}
.travel-workflow-steps{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end;}
.travel-workflow-steps span{padding:7px 10px;border-radius:999px;background:var(--travel-soft);border:1px solid var(--travel-border);font-size:10px;font-weight:800;color:var(--travel-muted);}
.travel-workflow-steps span.active{background:linear-gradient(135deg,#24c8ef,#54d2ed);color:#0b2a6b;border-color:transparent;}
.travel-workflow-steps i{font-size:9px;color:var(--travel-muted);}
.travel-flow-number{width:22px;height:22px;border-radius:50%;display:inline-grid;place-items:center;background:rgba(255,255,255,.12);font-size:10px;font-weight:900;flex:0 0 auto;}
.travel-nav-link.active .travel-flow-number{background:#d8aa42;color:#0b2a6b;}
.travel-reservation-actions{align-items:center;justify-content:space-between;gap:18px;background:var(--travel-card);border:1px solid var(--travel-border);border-radius:18px;padding:18px 20px;margin:0 0 18px;box-shadow:var(--travel-shadow);}
.travel-reservation-actions>div:first-child{display:grid;gap:4px;}
.travel-reservation-actions strong{font-size:15px;color:var(--travel-heading);}
.travel-reservation-actions span{font-size:11px;color:var(--travel-muted);}
.travel-reservation-buttons,.travel-flow-actions,.travel-document-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;}
.travel-reservation-buttons .btn-luxury,.travel-flow-actions .btn-luxury,.travel-document-actions .btn-luxury{width:auto;min-width:170px;}
.travel-document-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
.travel-document-card{display:grid;grid-template-columns:auto 1fr;gap:14px;padding:20px;border:1px solid var(--travel-border);background:var(--travel-soft);border-radius:16px;align-items:start;}
.travel-document-card-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#fff;border:1px solid var(--travel-border);color:#0b2a6b;font-size:19px;}
.travel-document-card-copy h3,.travel-invoice-copy h3,.travel-payment-module-intro h3{margin:0 0 6px;color:var(--travel-heading);font-size:17px;font-weight:800;}
.travel-document-card-copy p,.travel-invoice-copy p,.travel-payment-module-intro p{margin:0;color:var(--travel-muted);font-size:11px;line-height:1.65;}
.travel-document-actions{grid-column:1/-1;}
.travel-flow-actions{margin-top:18px;padding-top:16px;border-top:1px solid var(--travel-border);justify-content:space-between;}
.travel-invoice-workspace{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;padding:22px;border:1px solid var(--travel-border);background:var(--travel-soft);border-radius:16px;}
.travel-invoice-icon{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,#e8f8ff,#c8efff);border:1px solid #b9e7f8;color:#0b2a6b;font-size:25px;}
.travel-invoice-points{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;}
.travel-invoice-points span{padding:6px 9px;border-radius:999px;background:#fff;border:1px solid var(--travel-border);font-size:10px;font-weight:700;color:var(--travel-heading);}
.travel-invoice-points i{color:#16a34a;margin-right:4px;}
.travel-primary-document-action{width:auto;min-width:210px;}
.travel-payment-module-intro{display:none;grid-template-columns:auto 1fr;align-items:center;gap:14px;background:var(--travel-card);border:1px solid var(--travel-border);border-radius:18px;padding:18px 20px;margin-bottom:16px;box-shadow:var(--travel-shadow);}
.travel-payment-module-intro.travel-module-visible{display:grid!important;}
.travel-payment-intro-icon{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#e8f8ff,#c8efff);border:1px solid #b9e7f8;color:#0b2a6b;font-size:20px;}
.travel-payment-save{margin-bottom:18px!important;}
.travel-simple-footer{margin-top:4px;}
@media(max-width:991.98px){
  .travel-workflow-heading{grid-template-columns:auto 1fr;}
  .travel-workflow-steps{grid-column:1/-1;justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px;}
  .travel-document-grid{grid-template-columns:1fr;}
  .travel-invoice-workspace{grid-template-columns:auto 1fr;}
  .travel-primary-document-action{grid-column:1/-1;width:100%;}
}
@media(max-width:575.98px){
  .travel-workflow-heading{padding:15px;gap:12px;}
  .travel-workflow-icon{width:44px;height:44px;}
  .travel-reservation-actions{display:grid!important;padding:15px;}
  .travel-reservation-buttons,.travel-flow-actions,.travel-document-actions{display:grid;grid-template-columns:1fr;width:100%;}
  .travel-reservation-buttons .btn-luxury,.travel-flow-actions .btn-luxury,.travel-document-actions .btn-luxury{width:100%;min-width:0;}
  .travel-document-card{grid-template-columns:1fr;padding:16px;}
  .travel-document-card-icon{width:44px;height:44px;}
  .travel-invoice-workspace{grid-template-columns:1fr;padding:16px;}
  .travel-payment-module-intro{grid-template-columns:auto 1fr;padding:15px;}
}

.travel-admin-layout .workspace-panel-scroll{max-height:none!important;overflow:visible!important;}

/* V8.8 master data, split reservation mode */
body[data-reservation-mode="Hotel"] .reservation-visa-only,
body[data-reservation-mode="Hotel"] .quotation-visa-only,
body[data-reservation-mode="Hotel"] .payment-visa-only{display:none!important;}
body[data-reservation-mode="VisaTransport"] .reservation-hotel-only,
body[data-reservation-mode="VisaTransport"] .quotation-hotel-only,
body[data-reservation-mode="VisaTransport"] .payment-hotel-only{display:none!important;}
body[data-reservation-mode="VisaTransport"] #hotelNameField{display:none!important;}
.agent-auto-card{height:100%;min-height:58px;border:1px solid var(--travel-border,#dbe3ef);border-radius:14px;padding:10px 14px;background:var(--travel-soft,#f7f9fc);display:flex;flex-direction:column;justify-content:center;gap:2px}.agent-auto-card strong{color:var(--travel-navy,#12356b)}.agent-auto-card span{font-size:12px;color:var(--travel-muted,#6b7890)}
.agent-auto-detail{display:grid;grid-template-columns:2fr 1fr 1.4fr;gap:10px;border:1px dashed #b9c8dd;border-radius:14px;padding:12px 14px;background:rgba(42,173,226,.06)}.agent-auto-detail div{display:flex;flex-direction:column;gap:3px}.agent-auto-detail b{font-size:10px;text-transform:uppercase;color:#69778f}.agent-auto-detail span{font-size:12px;word-break:break-word}
.master-note{margin-top:16px;padding:12px 14px;border-radius:12px;background:rgba(36,176,224,.09);color:#17396e;font-size:12px}.master-note i{margin-right:6px}.master-form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:16px;border:1px solid #dbe3ef;border-radius:18px;background:#f8fafc;margin-bottom:18px}.master-form-grid>div{min-width:0}.master-form-grid label{display:block;font-size:11px;font-weight:800;text-transform:uppercase;color:#53627a;margin-bottom:6px}.master-wide{grid-column:span 2}.master-check{display:flex!important;align-items:center;gap:8px;align-self:end;padding:12px 0;text-transform:none!important}.master-form-actions{grid-column:span 2;display:flex;justify-content:flex-end;gap:10px;align-self:end}.master-table-wrap{overflow:auto;border:1px solid #dbe3ef;border-radius:16px}.master-subline{display:block;color:#78869c;font-size:10px;margin-top:3px;max-width:280px}.master-status{display:inline-flex;padding:4px 9px;border-radius:999px;font-size:10px;font-weight:800;background:#eef1f5;color:#69778f}.master-status.active{background:#dcf8ea;color:#147447}.master-status.inactive,.master-status.pending{background:#fff0d8;color:#9a6500}.reservation-type-badge{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:800;background:#e6f6ff;color:#0877a4;white-space:nowrap}.reservation-type-badge.visa{background:#f1eaff;color:#6f3bb5}.travel-flow-number{min-width:24px}
@media(max-width:900px){.master-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.agent-auto-detail{grid-template-columns:1fr}.master-wide,.master-form-actions{grid-column:span 2}}
@media(max-width:560px){.master-form-grid{grid-template-columns:1fr}.master-wide,.master-form-actions{grid-column:span 1}.master-form-actions{flex-direction:column}.master-form-actions .btn-luxury{width:100%}}
[data-travel-theme="dark"] .master-form-grid,[data-travel-theme="dark"] .agent-auto-card{background:#0c2343;border-color:#335275;color:#ecf4ff}[data-travel-theme="dark"] .master-form-grid label,[data-travel-theme="dark"] .agent-auto-card span{color:#aabbd1}[data-travel-theme="dark"] .master-note{color:#d7ecff;background:rgba(62,190,234,.12)}


/* =====================================================================
   V8.8 — BLACK ADMIN THEME + HISTORY DASHBOARD
   ===================================================================== */
:root{
  --travel-blue:#111111;
  --travel-cyan:#111111;
  --travel-cyan-dark:#000000;
  --travel-heading:#111111;
}
.travel-topbar{background:#111!important;color:#fff!important;box-shadow:0 6px 24px rgba(0,0,0,.18)!important;}
.travel-topbar-brand strong,.travel-topbar-brand span,.travel-user-chip,.travel-theme-btn,.travel-top-action{color:#fff!important;}
.travel-theme-switcher,.travel-top-action{background:rgba(255,255,255,.10)!important;}
.travel-theme-btn.active{background:#fff!important;color:#111!important;}
.travel-top-action.primary,.travel-admin-layout .header-card{background:#111!important;color:#fff!important;}
.travel-menu-toggle{color:#fff!important;border-color:rgba(255,255,255,.25)!important;background:rgba(255,255,255,.10)!important;}
.travel-nav-link:hover,.travel-nav-link.active{background:#111!important;color:#fff!important;}
.travel-nav-link:hover i,.travel-nav-link.active i{color:#fff!important;}
.travel-nav-link.active .travel-flow-number{background:#fff!important;color:#111!important;}
.travel-sidebar-brand-mini strong,.travel-sidebar-footer strong{color:#111!important;}
.travel-workflow-icon,.travel-invoice-icon,.travel-payment-intro-icon{background:#f3f4f6!important;border-color:#d1d5db!important;color:#111!important;}
.travel-workflow-steps span.active{background:#111!important;color:#fff!important;}
.travel-admin-layout .modal-header,.report-modal-header{background:#111!important;}
.travel-admin-layout .db-table th,.report-sales-table th{background:#111!important;color:#fff!important;}
.travel-admin-layout .btn-gold,.travel-admin-layout .btn-primary,.travel-admin-layout .pro-action-chip.primary{background:#111!important;border-color:#111!important;color:#fff!important;}
.travel-admin-layout .btn-outline-luxury,.travel-admin-layout .pro-action-chip{border-color:#111!important;color:#111!important;}
.travel-admin-layout .btn-outline-luxury:hover,.travel-admin-layout .pro-action-chip:hover{background:#111!important;color:#fff!important;}
body[data-travel-module="dashboard"] #travelWorkflowHeading,
body[data-travel-module="dashboard"] .travel-reservation-only,
body[data-travel-module="dashboard"] .travel-reservation-actions,
body[data-travel-module="dashboard"] [data-workspace-name],
body[data-travel-module="dashboard"] [data-travel-module-view],
body[data-travel-module="dashboard"] .travel-payment-module-intro{display:none!important;}
body:not([data-travel-module="dashboard"]) #travelHistoryDashboard{display:none!important;}
body[data-travel-module="dashboard"] #travelHistoryDashboard{display:block!important;}
body[data-travel-module="dashboard"] #btnHeaderSave{display:none!important;}
.travel-admin-layout .pro-header-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.travel-history-dashboard{background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:22px;margin-bottom:18px;box-shadow:0 12px 34px rgba(0,0,0,.07);}
.travel-history-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:18px;border-bottom:1px solid #e5e7eb;}
.travel-history-kicker{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:1.2px;color:#6b7280;}
.travel-history-head h2{margin:3px 0 4px;color:#111;font-size:25px;font-weight:850;}
.travel-history-head p{margin:0;color:#6b7280;font-size:12px;}
.travel-history-tools{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end;}
.travel-history-search{height:42px;min-width:320px;display:flex;align-items:center;gap:9px;border:1px solid #d1d5db;border-radius:12px;padding:0 13px;background:#fff;}
.travel-history-search i{color:#6b7280;}.travel-history-search input{border:0;outline:0;width:100%;font:inherit;font-size:12px;background:transparent;color:#111;}
.travel-history-button{height:42px;border:1px solid #111;border-radius:12px;background:#fff;color:#111;font-size:11px;font-weight:800;padding:0 14px;display:inline-flex;align-items:center;gap:7px;}
.travel-history-button.primary{background:#111;color:#fff;}
.travel-history-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0;}
.travel-history-summary>div{border:1px solid #e5e7eb;border-radius:15px;padding:16px;background:#f9fafb;display:flex;align-items:center;justify-content:space-between;gap:12px;}
.travel-history-summary span{font-size:10px;font-weight:800;text-transform:uppercase;color:#6b7280;}.travel-history-summary strong{font-size:23px;color:#111;}
.travel-history-table-wrap{overflow:auto;border:1px solid #e5e7eb;border-radius:16px;}
.travel-history-table{width:100%;border-collapse:collapse;min-width:1120px;background:#fff;}
.travel-history-table th{padding:12px 11px;background:#111;color:#fff;text-align:left;font-size:9px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;}
.travel-history-table td{padding:12px 11px;border-bottom:1px solid #eceff3;color:#374151;font-size:11px;vertical-align:middle;}
.travel-history-table tbody tr:hover{background:#f9fafb;}.travel-history-table td small{display:block;color:#9ca3af;font-size:9px;margin-top:3px;}
.history-type,.history-status{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;font-size:9px;font-weight:850;white-space:nowrap;}
.history-type{background:#f3f4f6;color:#111;}.history-type.visa{background:#eee9ff;color:#5b3bb2;}
.history-status.tentative{background:#fff3d6;color:#966200}.history-status.confirmed{background:#dcfce7;color:#166534}.history-status.completed{background:#e5e7eb;color:#111}.history-status.checked{background:#dbeafe;color:#1d4ed8}.history-status.cancelled{background:#fee2e2;color:#b91c1c}
.history-open{border:1px solid #111;border-radius:9px;background:#fff;color:#111;padding:7px 10px;font-size:10px;font-weight:800;white-space:nowrap;}.history-open:hover{background:#111;color:#fff;}
.travel-history-empty{text-align:center!important;color:#6b7280!important;padding:28px!important;}.travel-history-empty.error{color:#b91c1c!important;}
[data-travel-theme="dark"] .travel-history-dashboard,[data-travel-theme="dark"] .travel-history-table,[data-travel-theme="dark"] .travel-history-search,[data-travel-theme="dark"] .travel-history-button{background:#111827;color:#fff;border-color:#374151;}
[data-travel-theme="dark"] .travel-history-head h2,[data-travel-theme="dark"] .travel-history-search input,[data-travel-theme="dark"] .travel-history-summary strong{color:#fff;}
[data-travel-theme="dark"] .travel-history-summary>div{background:#0f172a;border-color:#374151;}
[data-travel-theme="dark"] .travel-history-table td{color:#e5e7eb;border-color:#374151;}
@media(max-width:900px){.travel-history-head{display:grid}.travel-history-tools{justify-content:stretch}.travel-history-search{min-width:0;flex:1 1 100%}.travel-history-summary{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.travel-history-dashboard{padding:14px}.travel-history-summary{grid-template-columns:1fr 1fr}.travel-history-tools{display:grid;grid-template-columns:1fr 1fr}.travel-history-search{grid-column:1/-1}.travel-history-button{justify-content:center}}
/* V8.8 report contrast correction */
.travel-admin-layout .report-modal-body{background:#f3f4f6!important;}
.travel-admin-layout .report-brand-panel{background:#111!important;border-color:#111!important;box-shadow:0 10px 30px rgba(0,0,0,.14)!important;}
.travel-admin-layout .report-brand-left strong,.travel-admin-layout .report-brand-left span,.travel-admin-layout .report-brand-right strong{color:#fff!important;}
.travel-admin-layout .report-brand-left small,.travel-admin-layout .report-brand-right span{color:#d1d5db!important;}
.travel-admin-layout .report-summary-card{background:#fff!important;border-color:#e5e7eb!important;}
.travel-admin-layout .report-summary-card span,.travel-admin-layout .report-summary-card small,.travel-admin-layout .report-summary-card strong small{color:#6b7280!important;}
.travel-admin-layout .report-summary-card strong,.travel-admin-layout .report-table-head strong{color:#111!important;}
.travel-admin-layout .report-summary-icon{background:#f3f4f6!important;border-color:#d1d5db!important;color:#111!important;}
.travel-admin-layout .report-table-head span,.travel-admin-layout .report-legend{color:#6b7280!important;}
.travel-admin-layout .report-export-pdf,.travel-admin-layout .report-export-excel{border-color:#111!important;color:#111!important;}
.travel-admin-layout .report-export-pdf:hover,.travel-admin-layout .report-export-excel:hover{background:#111!important;color:#fff!important;border-color:#111!important;}


/* V8.8 — linked reservation information + quotation confirmation gate */
body[data-travel-module="reservation"] .travel-info-only{display:grid!important;}
body:not([data-travel-module="reservation"]) .travel-info-only{display:none!important;}
.linked-reservation-summary{background:#fff;border:1px solid #dfe4ea;border-radius:22px;padding:18px 22px;margin:0 0 20px;box-shadow:0 12px 28px rgba(17,24,39,.06)}
.linked-summary-title{display:flex;align-items:center;gap:13px;margin-bottom:15px}.linked-summary-title>i{width:42px;height:42px;border-radius:13px;background:#111;color:#fff;display:grid;place-items:center}.linked-summary-title>div{display:flex;flex-direction:column;flex:1}.linked-summary-title span{color:#738096;font-size:12px}.linked-summary-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.linked-summary-grid>div{padding:11px 13px;border:1px solid #e2e7ee;border-radius:13px;background:#f8fafc;min-width:0}.linked-summary-grid small{display:block;color:#7c8799;text-transform:uppercase;font-size:9px;font-weight:800;letter-spacing:.6px}.linked-summary-grid strong{display:block;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}
.agent-compact-summary{margin-top:7px;display:flex;gap:6px;align-items:center;font-size:10px;color:#718096;white-space:nowrap;overflow:hidden}.agent-compact-summary strong{color:#111827;max-width:55%;overflow:hidden;text-overflow:ellipsis}.hotel-name-module-field{margin-bottom:18px;max-width:850px}
.quotation-status-control{min-width:220px}.quotation-status-control label{display:block;font-size:10px;text-transform:uppercase;font-weight:800;letter-spacing:.5px;color:#697386;margin-bottom:5px}.quotation-status-control .form-select{min-height:44px}
.invoice-confirmation-gate{display:flex;align-items:center;gap:13px;border:1px solid #f0b8b8;background:#fff3f3;color:#7f1d1d;border-radius:14px;padding:13px 15px;margin-bottom:16px}.invoice-confirmation-gate>i{width:38px;height:38px;border-radius:11px;background:#111;color:#fff;display:grid;place-items:center}.invoice-confirmation-gate>div{display:flex;flex-direction:column}.invoice-confirmation-gate span{font-size:12px;color:#925b5b}.invoice-confirmation-gate.ready{border-color:#a7dfc6;background:#effbf5;color:#11643f}.invoice-confirmation-gate.ready span{color:#3d7b61}.btn-luxury.is-disabled,.btn-luxury:disabled{opacity:.48;cursor:not-allowed;filter:grayscale(.25)}
.reservation-type-badge.combined{background:#111!important;color:#fff!important}
body[data-travel-module="reservation"] .travel-reservation-actions{display:flex!important}
@media(max-width:900px){.linked-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.linked-summary-title{align-items:flex-start;flex-wrap:wrap}.quotation-status-control{width:100%}}

.history-type.combined{background:#111!important;color:#fff!important;border-color:#111!important}


/* =====================================================================
   V8.8 — RESTORE BLUE/CYAN THEME + CLEAN SINGLE-ACTIVE SIDEBAR
   ===================================================================== */
:root{
  --travel-blue:#0b2a6b;
  --travel-cyan:#19bff0;
  --travel-cyan-dark:#078fbd;
  --travel-heading:#0b2a6b;
}
.travel-topbar{
  background:linear-gradient(135deg,#16bceb,#43caec)!important;
  color:#0b2a6b!important;
  box-shadow:0 6px 24px rgba(11,42,107,.14)!important;
}
.travel-topbar-brand strong,.travel-topbar-brand span,.travel-user-chip,
.travel-theme-btn,.travel-top-action{color:#0b2a6b!important;}
.travel-theme-switcher,.travel-top-action{background:rgba(255,255,255,.24)!important;}
.travel-theme-btn.active{background:#fff!important;color:#0b2a6b!important;}
.travel-top-action.primary{background:#0b2a6b!important;color:#fff!important;}
.travel-menu-toggle{color:#0b2a6b!important;border-color:rgba(11,42,107,.2)!important;background:rgba(255,255,255,.24)!important;}
.travel-admin-layout .header-card{background:linear-gradient(135deg,#0b2a6b,#174d86)!important;color:#fff!important;}
.travel-nav-link:hover,.travel-nav-link.active{background:#e8f8ff!important;color:#0b2a6b!important;box-shadow:inset 0 0 0 1px #c5edf9!important;}
.travel-nav-link:hover i,.travel-nav-link.active i{color:#078fbd!important;}
.travel-nav-link.active .travel-flow-number{background:#19bff0!important;color:#082354!important;}
.travel-sidebar-brand-mini strong,.travel-sidebar-footer strong{color:#0b2a6b!important;}
.travel-workflow-icon,.travel-invoice-icon,.travel-payment-intro-icon{background:#e8f8ff!important;border-color:#c5edf9!important;color:#0b2a6b!important;}
.travel-workflow-steps span.active{background:#19bff0!important;color:#082354!important;}
.travel-admin-layout .modal-header,.report-modal-header{background:linear-gradient(135deg,#103b74,#0b2345)!important;}
.travel-admin-layout .db-table th,.report-sales-table th{background:linear-gradient(180deg,#174c8f,#103b74)!important;color:#fff!important;}
.travel-admin-layout .btn-gold,.travel-admin-layout .btn-primary,.travel-admin-layout .pro-action-chip.primary{background:#19bff0!important;border-color:#19bff0!important;color:#082354!important;}
.travel-admin-layout .btn-outline-luxury,.travel-admin-layout .pro-action-chip{border-color:#0b2a6b!important;color:#0b2a6b!important;}
.travel-admin-layout .btn-outline-luxury:hover,.travel-admin-layout .pro-action-chip:hover{background:#0b2a6b!important;color:#fff!important;}

/* Better legibility for pale controls and placeholders */
.travel-admin-layout .btn-field-action{
  background:#fff7df!important;
  color:#825d00!important;
  border-color:#e0b654!important;
  font-weight:850!important;
}
.travel-admin-layout .btn-field-action:hover{background:#f9e9b7!important;color:#5c4200!important;}
.travel-admin-layout .form-control::placeholder,.travel-admin-layout .form-select:invalid{color:#8b98ad!important;opacity:1!important;}
.travel-admin-layout .form-label,.travel-admin-layout .form-text{color:#526077!important;}

/* Main-flow sidebar: one tidy row, one active item only */
.travel-sidebar-nav{gap:5px!important;}
.travel-nav-link[data-travel-module]{
  display:grid!important;
  grid-template-columns:30px 22px minmax(0,1fr)!important;
  align-items:center!important;
  column-gap:9px!important;
  min-height:48px!important;
  padding:9px 11px!important;
  border:1px solid transparent!important;
  border-radius:12px!important;
  line-height:1.25!important;
}
.travel-nav-link[data-travel-module] .travel-flow-number{
  width:30px!important;
  min-width:30px!important;
  height:30px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:999px!important;
  background:#f1f5f9!important;
  color:#475467!important;
  font-size:10px!important;
  font-weight:900!important;
}
.travel-nav-link[data-travel-module] i{width:22px!important;margin:0!important;text-align:center!important;}
.travel-nav-link[data-travel-module] > span:last-child{min-width:0!important;white-space:normal!important;overflow-wrap:anywhere!important;}
.travel-nav-link[data-travel-module].active{font-weight:850!important;}
.travel-nav-link[data-travel-module].active .travel-flow-number{background:#19bff0!important;color:#082354!important;}
.travel-nav-title{padding:17px 11px 7px!important;}

/* History follows the restored Travel palette */
.travel-history-head h2,.travel-history-summary strong{color:#0b2a6b!important;}
.travel-history-button{border-color:#0b2a6b!important;color:#0b2a6b!important;}
.travel-history-button.primary,.history-open:hover{background:#0b2a6b!important;color:#fff!important;}
.travel-history-table th{background:linear-gradient(180deg,#174c8f,#103b74)!important;}
.history-open{border-color:#0b2a6b!important;color:#0b2a6b!important;}

@media(max-width:1100px){
  .travel-nav-link[data-travel-module]{grid-template-columns:30px 22px minmax(0,1fr)!important;}
}


/* V8.8 navigation, date controls, and Arrival During Period database */
.travel-nav-link[data-travel-module]{cursor:pointer!important;position:relative!important;z-index:2!important;pointer-events:auto!important;}
.travel-nav-link[data-travel-module]:focus-visible{outline:3px solid rgba(25,191,240,.28)!important;outline-offset:2px!important;}
.hotel-name-module-field{display:block!important;margin-bottom:18px!important;padding:16px!important;border:1px solid #d8e3ef!important;border-radius:16px!important;background:#f8fbfe!important;}
body[data-reservation-mode="VisaTransport"] #hotelNameField{display:none!important;}
.date-field-control{position:relative;display:flex;align-items:center;width:100%;}
.date-field-control .date-control{padding-right:48px!important;min-width:0;}
.date-field-control .date-control::-webkit-calendar-picker-indicator{opacity:0;width:42px;height:100%;position:absolute;right:0;cursor:pointer;}
.date-picker-button{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:38px;height:38px;border:0;border-radius:10px;background:#e9f8ff;color:#087ead;display:grid;place-items:center;cursor:pointer;z-index:3;}
.date-picker-button:hover{background:#ccefff;color:#075b82;}
.date-field-control.compact .date-picker-button{width:32px;height:32px;border-radius:8px;}
.date-field-control.compact .date-control{padding-right:40px!important;}
.arrival-modal-dialog{max-width:min(1780px,97vw)!important;margin:1.5vh auto!important;height:97vh!important;}
.arrival-report-modal{background:#f5f7fa!important;color:#192230!important;}
.arrival-report-modal .modal-header{background:linear-gradient(135deg,#103b74,#1763a8)!important;color:#fff!important;}
.arrival-report-modal .modal-header small{display:block;color:#d7e9fb;margin-top:2px;}
.arrival-report-head{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid #dfe5ec;border-radius:14px;padding:16px 18px;margin-bottom:14px;}
.arrival-report-head>div:first-child{display:flex;flex-direction:column;gap:3px}.arrival-report-head strong{font-size:20px;color:#111}.arrival-report-head span{color:#64748b}.arrival-generated{text-align:right;display:flex;flex-direction:column;color:#64748b}.arrival-generated strong{font-size:12px;color:#334155;}
.arrival-filter-panel{display:grid;grid-template-columns:repeat(5,minmax(145px,1fr));gap:12px;padding:15px;background:#fff;border:1px solid #dfe5ec;border-radius:14px;}
.arrival-filter-panel label{display:block;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.4px;color:#475569;margin-bottom:5px;}.arrival-search-wide{grid-column:span 2;}
.arrival-toolbar{margin:12px 0!important;display:flex!important;align-items:center!important;gap:9px!important;flex-wrap:wrap!important;}.arrival-toolbar .db-status-line{margin-left:auto;}
.arrival-table-wrap{background:#fff;border:1px solid #ccd5df;border-radius:12px;max-height:55vh!important;overflow-y:auto!important;overflow-x:hidden!important;}
.arrival-table{font-size:9px!important;width:100%!important;min-width:0!important;table-layout:fixed!important;border-collapse:collapse!important;}
.arrival-table th{position:sticky;top:0;z-index:2;background:#eef1f4!important;color:#111!important;border:1px solid #8e969f!important;padding:6px 4px!important;white-space:normal;line-height:1.15;}
.arrival-table td{border:1px solid #8e969f!important;padding:6px 4px!important;vertical-align:top!important;color:#17202a!important;word-break:break-word;line-height:1.25;}
.arrival-table .arrival-room-lines{display:flex;flex-direction:column;gap:2px;min-width:0}.arrival-table .arrival-room-lines span{display:block;white-space:normal}.arrival-table small{display:block;color:#64748b;font-size:8px;margin-top:2px}.arrival-table .arrival-muted{color:#64748b;font-size:8px}.arrival-table .arrival-status{font-weight:850;white-space:normal}.arrival-table .db-actions{min-width:0;display:flex;gap:3px;flex-wrap:wrap}.arrival-table .db-mini-btn{padding:5px 6px!important;font-size:8px!important}.arrival-table th:nth-child(1){width:3%}.arrival-table th:nth-child(2){width:13%}.arrival-table th:nth-child(3){width:9%}.arrival-table th:nth-child(4){width:9%}.arrival-table th:nth-child(5){width:13%}.arrival-table th:nth-child(6){width:7%}.arrival-table th:nth-child(7){width:10%}.arrival-table th:nth-child(8){width:4%}.arrival-table th:nth-child(9){width:18%}.arrival-table th:nth-child(10){width:7%}.arrival-table th:nth-child(11){width:7%}
@media(max-width:1200px){.arrival-filter-panel{grid-template-columns:repeat(3,minmax(150px,1fr));}.arrival-search-wide{grid-column:span 1;}}
@media(max-width:700px){.arrival-filter-panel{grid-template-columns:1fr 1fr;}.arrival-report-head{align-items:flex-start}.arrival-generated{display:none}.arrival-toolbar .db-status-line{width:100%;margin-left:0}.date-picker-button{display:grid!important;}}


/* =====================================================================
   V8.10 — SIMPLIFIED FLOW: INFO → RESERVATION → INVOICE → PAYMENT
   ===================================================================== */
.reservation-dual-grid{display:none!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:start;margin-bottom:18px;}
.reservation-dual-grid.travel-module-visible{display:grid!important;}
.reservation-dual-grid>.workspace-panel{display:block!important;margin:0!important;height:100%;min-width:0;}
.reservation-dual-grid .table-wrapper{overflow-x:auto;}
.reservation-dual-grid .room-table{min-width:620px;}
.reservation-document-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid var(--travel-border,#dbe3ef);}
.reservation-document-actions .btn-luxury{width:100%;min-width:0;}
body[data-travel-module="reservation"] .reservation-hotel-only,
body[data-travel-module="reservation"] .reservation-visa-only{display:block!important;}
body[data-travel-module="reservation"] .travel-reservation-actions{display:flex!important;}
body[data-travel-module="reservation"] #hotelNameField{display:block!important;}

.invoice-confirmation-gate.ready{display:flex;}
@media(max-width:1180px){.reservation-dual-grid{grid-template-columns:1fr;}.reservation-dual-grid .room-table{min-width:760px;}}
@media(max-width:575.98px){.reservation-document-actions{grid-template-columns:1fr;}.reservation-dual-grid{gap:12px;}}

/* V8.11 save confirmation and stored payment history */
.save-success-modal{border:0!important;border-radius:24px!important;overflow:hidden;}
.save-success-icon{width:74px;height:74px;border-radius:50%;margin:0 auto 18px;display:grid;place-items:center;background:#e8fff4;color:#139a62;font-size:38px;}
.save-success-modal h3{font-weight:900;color:#0c2347;margin-bottom:8px;}
.save-success-details{display:grid;grid-template-columns:1fr 1.5fr;gap:8px 14px;max-width:420px;margin:20px auto 0;text-align:left;background:#f5f8fc;padding:16px;border-radius:16px;}
.save-success-details span{color:#6c7890;font-size:12px;text-transform:uppercase;font-weight:700}.save-success-details strong{color:#0c2347;overflow-wrap:anywhere;}
.stored-payment-history{margin-top:14px;border-top:1px solid #dce3ee;padding-top:12px;}
.stored-payment-title{font-weight:800;color:#0c2347;margin-bottom:8px;display:flex;align-items:center;gap:8px;}
.stored-payment-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:9px 12px;border:1px solid #dce3ee;border-radius:12px;background:#f8fbff;margin-top:7px;}
.stored-payment-row span{display:flex;flex-direction:column;min-width:0}.stored-payment-row small{color:#6f7a8d;margin-top:2px}.stored-payment-empty{font-size:13px;color:#6f7a8d;padding:8px 2px;}

/* V8.12 supplier invoice document */
.supplier-document-field small{display:block;margin-top:7px;color:#71809b;font-size:.82rem;}
.supplier-current-document{margin-top:10px;padding:10px 12px;border:1px solid #c8d6e7;border-radius:12px;background:#f5f9fd;display:flex;align-items:center;justify-content:space-between;gap:10px;}
.supplier-current-document a{font-weight:800;text-decoration:none;color:#0b4b8c;}
.supplier-document-link{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:9px;background:#e7f7fd;color:#083a72!important;font-weight:800;text-decoration:none!important;white-space:nowrap;}

/* V8.14 — detailed supplier payable invoice */
.supplier-invoice-subtitle{display:block;color:#cbd8eb;margin-top:3px;font-size:.78rem;}
.supplier-invoice-head-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:18px;border:1px solid #dbe4ef;border-radius:18px;background:#f8fbff;}
.supplier-invoice-head-grid label,.supplier-invoice-bottom-grid label{font-size:.76rem;font-weight:900;text-transform:uppercase;color:#53617a;margin-bottom:7px;display:block;}
.supplier-booking-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px;padding:14px;border-radius:16px;background:#edf8fd;border:1px solid #b9e5f6;}
.supplier-booking-summary div{display:flex;flex-direction:column;gap:3px}.supplier-booking-summary small{font-size:.7rem;text-transform:uppercase;font-weight:900;color:#6b7890}.supplier-booking-summary strong{color:#0c2347;overflow-wrap:anywhere;}
.supplier-items-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:18px;padding:14px 0 10px;}.supplier-items-toolbar>div:first-child{display:flex;flex-direction:column;}.supplier-items-toolbar small{color:#71809b;margin-top:3px}.supplier-toolbar-actions{display:flex;gap:9px;flex-wrap:wrap;}
.supplier-item-table-wrap{overflow-x:auto;border:1px solid #dbe4ef;border-radius:16px;}.supplier-item-table{width:100%;border-collapse:collapse;min-width:850px;}.supplier-item-table th{background:#123f79;color:#fff;text-align:left;padding:11px 10px;font-size:.72rem;text-transform:uppercase;}.supplier-item-table td{padding:9px 8px;border-bottom:1px solid #e2e8f0;vertical-align:middle;}.supplier-item-table tr:last-child td{border-bottom:0}.supplier-item-table .form-control{min-height:42px}.supplier-item-total{display:block;text-align:right;color:#0c2347;white-space:nowrap}.supplier-item-remove{width:38px;height:38px;border-radius:10px;border:1px solid #ffb8bc;background:#fff1f2;color:#db4c55;}
.supplier-invoice-bottom-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.65fr);gap:18px;margin-top:18px;}.supplier-total-panel{border:1px solid #dbe4ef;border-radius:16px;padding:16px;background:#f8fbff}.supplier-total-row{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid #dfe6ef}.supplier-total-row.grand{font-size:1.12rem;color:#0c2347;border-top:2px solid #0c2347}.supplier-total-row.balance{color:#b33a31}.supplier-total-input{display:grid;grid-template-columns:1fr 155px;align-items:center;gap:14px;padding:7px 0}.supplier-total-input label{margin:0}.supplier-form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:18px}.supplier-invoice-list{margin-top:22px}.supplier-invoice-list .db-table{min-width:1200px}
@media(max-width:1100px){.supplier-invoice-head-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.supplier-invoice-bottom-grid{grid-template-columns:1fr}.supplier-booking-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.supplier-invoice-head-grid,.supplier-booking-summary{grid-template-columns:1fr}.supplier-items-toolbar,.supplier-form-actions{align-items:stretch;flex-direction:column}.supplier-toolbar-actions{display:grid}.supplier-total-input{grid-template-columns:1fr 130px}}

/* V8.18 — English UI and New Reservation action */
.travel-new-reservation{background:linear-gradient(135deg,#10bfe9,#32c9ee)!important;color:#062e59!important;border:1px solid rgba(0,139,190,.25)!important;font-weight:900!important;margin-bottom:8px!important;}
.travel-new-reservation:hover,.travel-new-reservation.active{background:linear-gradient(135deg,#07add8,#1bbde8)!important;color:#05254a!important;box-shadow:0 10px 24px rgba(18,184,226,.22)!important;}
.travel-new-reservation .fa-plus{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#087da9;}


/* V8.20 — Payment-first invoice review and compact arrival table */
.payment-save-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#fff;border:1px solid #cfe5f3;border-left:5px solid #18bde9;border-radius:16px;padding:14px 18px;margin-bottom:16px;position:sticky;top:82px;z-index:18;box-shadow:0 10px 28px rgba(15,45,85,.10)}
.payment-save-toolbar>div{display:flex;flex-direction:column;gap:3px}.payment-save-toolbar strong{color:#0c2d62;font-size:16px}.payment-save-toolbar span{color:#66758b;font-size:12px}.payment-save-toolbar .btn-luxury{width:auto;min-width:190px}
.travel-payment-save{position:sticky;bottom:12px;z-index:17;background:rgba(255,255,255,.96);border:1px solid #d8e2ee;border-radius:16px;padding:12px 14px!important;box-shadow:0 -8px 24px rgba(15,45,85,.10)}
.invoice-payment-prerequisite{display:flex;align-items:center;gap:14px;background:#fff8e7;border:1px solid #efd18a;border-radius:14px;padding:13px 15px;margin:14px 0 18px}.invoice-payment-prerequisite.ready{background:#ecfbf4;border-color:#9ddfc0}.invoice-payment-prerequisite-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#fff;color:#b77b00;font-size:18px}.invoice-payment-prerequisite.ready .invoice-payment-prerequisite-icon{color:#0e9a62}.invoice-payment-prerequisite-copy{display:flex;flex-direction:column;gap:3px;flex:1}.invoice-payment-prerequisite-copy strong{color:#17315d}.invoice-payment-prerequisite-copy span{color:#65748a;font-size:12px}.invoice-payment-prerequisite .btn-luxury{width:auto}
.invoice-payment-state{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:6px 9px;border-radius:999px;background:#fff3dc;color:#9a6400;font-size:11px;font-weight:800}.invoice-payment-state.ready{background:#e8f9f0;color:#087b4d}.invoice-payment-state.not-needed{background:#eef2f6;color:#6b7789}.invoice-document-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important}.btn-soft{background:#edf7fc!important;border:1px solid #a9dbef!important;color:#0d4f7d!important}
@media(max-width:900px){.payment-save-toolbar{position:static;align-items:flex-start;flex-direction:column}.payment-save-toolbar .btn-luxury{width:100%}.invoice-payment-prerequisite{align-items:flex-start;flex-wrap:wrap}.invoice-payment-prerequisite .btn-luxury{width:100%}.invoice-document-actions{grid-template-columns:1fr!important}.arrival-table-wrap{overflow-x:auto!important}.arrival-table{min-width:980px!important}}


/* V8.20 — visible payment navigation and simplified Invoice ↔ Payment flow */
.payment-save-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;position:sticky;top:78px;z-index:22}
.payment-save-toolbar-actions,.payment-bottom-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.payment-save-toolbar-actions .btn-luxury,.payment-bottom-actions .btn-luxury{width:auto;min-width:155px}
body[data-travel-module="payment"] .travel-payment-save.travel-module-visible{display:flex!important}
@media(max-width:900px){
  .payment-save-toolbar{position:static;align-items:stretch;flex-direction:column}
  .payment-save-toolbar-actions,.payment-bottom-actions{display:grid;grid-template-columns:1fr}
  .payment-save-toolbar-actions .btn-luxury,.payment-bottom-actions .btn-luxury{width:100%;min-width:0}
}

/* ============================================================
   V9.1 — Simple Travel Booking workflow
   Reservation -> Quotation -> Invoice -> Payment
   ============================================================ */
.travel-admin-layout .header-card{display:none!important;}
.travel-admin-layout .main-container{max-width:1540px!important;padding-top:22px!important;}
.travel-workflow-heading{
  grid-template-columns:auto minmax(0,1fr) auto auto!important;
  padding:18px 20px!important;
  border-radius:14px!important;
  box-shadow:none!important;
  border:1px solid #dce6ef!important;
  background:#fff!important;
}
.travel-workflow-heading h2{font-size:26px!important;color:#172b4d!important;}
.travel-workflow-heading p{font-size:13px!important;color:#667085!important;}
.travel-calendar-shortcut{
  height:40px;border:1px solid #d8e2eb;background:#f5f8fa;color:#172b4d;
  border-radius:10px;padding:0 16px;font-weight:800;font-size:12px;display:flex;align-items:center;gap:8px;
}
.travel-calendar-shortcut:hover{background:#eaf8fd;border-color:#9edcf0;color:#075e80;}
.travel-workflow-steps{background:#f6f8fa;border:1px solid #e1e7ed;border-radius:12px;padding:7px 10px;}
.travel-workflow-steps span{background:transparent!important;border:0!important;padding:6px 10px!important;}
.travel-workflow-steps span.active{background:#19bff0!important;border-radius:999px!important;color:#082354!important;}
.travel-admin-layout .glass-card.workspace-panel,
.travel-module-panel,
.travel-reservation-actions,
.travel-payment-module-intro{box-shadow:none!important;border:1px solid #dfe6ed!important;border-radius:14px!important;}
.travel-admin-layout .workspace-panel.glass-card{padding:22px!important;}
.draft-notice{display:none!important;}
.reservation-dual-grid{grid-template-columns:1fr!important;gap:16px!important;}
.reservation-dual-grid .room-table{min-width:720px!important;}
.reservation-document-actions{display:none!important;}
.simple-module-description{margin:0 0 18px;color:#667085;font-size:13px;line-height:1.6;}
.quotation-simple-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
.quotation-simple-card{
  display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;background:#fff;border:1px solid #dfe6ed;
  border-radius:14px;padding:20px;align-items:start;
}
.quotation-simple-icon{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;font-size:20px;}
.quotation-simple-icon.hotel{background:#e4f7fd;color:#087ca5;border:1px solid #bde8f5;}
.quotation-simple-icon.service{background:#fff4d5;color:#8a6500;border:1px solid #f1d17c;}
.quotation-simple-copy>span{display:block;font-size:10px;font-weight:900;letter-spacing:1px;color:#98a2b3;margin-bottom:3px;}
.quotation-simple-copy h3{font-size:19px;font-weight:850;color:#172b4d;margin:0 0 6px;}
.quotation-simple-copy p{font-size:12px;color:#667085;margin:0;line-height:1.55;}
.quotation-simple-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:4px;}
.simple-invoice-module .invoice-document-grid{margin-top:18px;}
.invoice-payment-prerequisite,.invoice-payment-state,[data-edit-payment-category]{display:none!important;}
.payment-save-toolbar{display:none!important;}
.travel-payment-module-intro{padding:18px!important;margin-bottom:14px!important;background:#fff!important;}
.travel-payment-module-intro h3{color:#172b4d!important;}
.travel-payment-module-intro p{color:#667085!important;}
.travel-flow-actions{margin-top:16px!important;padding-top:16px!important;}
.travel-payment-save{display:flex!important;}
body[data-travel-module="quotation"] .travel-reservation-only,
body[data-travel-module="invoice"] .travel-reservation-only,
body[data-travel-module="payment"] .travel-reservation-only{display:none!important;}

/* Reservation calendar */
.calendar-modal-header{background:linear-gradient(135deg,#0b2f6d,#13bde9);color:#fff}.calendar-modal-header .btn-close{filter:brightness(0) invert(1)}
.calendar-toolbar{display:grid;grid-template-columns:42px auto minmax(180px,1fr) 42px auto;align-items:center;gap:10px;margin-bottom:15px}.calendar-toolbar>strong{text-align:center;color:#102f69;font-size:18px}.calendar-nav-button,.calendar-today-button{border:1px solid #cfe0ee;background:#fff;color:#0b2f6d;border-radius:11px;height:40px;font-weight:800}.calendar-today-button{padding:0 14px}.calendar-legend{display:flex;gap:12px;justify-content:flex-end;font-size:11px;color:#67758b}.calendar-legend span{display:flex;align-items:center;gap:5px}.calendar-dot{width:9px;height:9px;border-radius:50%;display:inline-block}.calendar-dot.hotel{background:#17bce8}.calendar-dot.service{background:#d4a62b}
.reservation-calendar-weekdays,.reservation-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.reservation-calendar-weekdays{background:#f1f6fa;border:1px solid #dce7ef;border-bottom:0;border-radius:14px 14px 0 0}.reservation-calendar-weekdays span{text-align:center;padding:9px;font-size:10px;font-weight:900;color:#536278;text-transform:uppercase}.reservation-calendar-grid{border-left:1px solid #dce7ef;border-top:1px solid #dce7ef}.calendar-day{min-height:112px;padding:8px;border-right:1px solid #dce7ef;border-bottom:1px solid #dce7ef;background:#fff;overflow:hidden}.calendar-day.other-month{background:#f8fafc;color:#a7b0bd}.calendar-day.today{box-shadow:inset 0 0 0 2px #14bde9}.calendar-day-number{display:block;font-weight:900;color:#243b63;font-size:12px;margin-bottom:5px}.calendar-event{display:block;width:100%;border:0;border-radius:7px;padding:5px 6px;margin:3px 0;text-align:left;font-size:9px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.calendar-event.hotel{background:#daf5ff;color:#075a78}.calendar-event.service{background:#fff2c9;color:#715300}.calendar-loading{grid-column:1/-1;padding:50px;text-align:center;color:#66758b}

@media(max-width:1100px){
  .travel-workflow-heading{grid-template-columns:auto 1fr!important;}
  .travel-workflow-steps,.travel-calendar-shortcut{grid-column:1/-1;}
  .travel-calendar-shortcut{justify-content:center;}
  .quotation-simple-grid{grid-template-columns:1fr;}
}
@media(max-width:700px){
  .travel-workflow-heading{padding:15px!important;}
  .travel-workflow-heading h2{font-size:21px!important;}
  .quotation-simple-actions{grid-template-columns:1fr;}
  .calendar-toolbar{grid-template-columns:40px auto 1fr 40px}.calendar-legend{grid-column:1/-1;justify-content:flex-start}.calendar-day{min-height:84px;padding:5px}.calendar-event{font-size:8px}
}


/* V9.2 — Travel-style payment history */
.payment-history-card{background:#fff!important;border:1px solid #dbe4ee!important;box-shadow:0 12px 28px rgba(15,35,71,.06)!important;}
.payment-history-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px;}
.payment-history-head .section-title{margin-bottom:2px}.payment-history-head p{margin:0;color:#6b778c;font-size:13px;}
.payment-history-count{padding:7px 11px;border-radius:999px;background:#eef8fc;color:#0a5b84;font-weight:800;font-size:12px;white-space:nowrap;}
.payment-history-table-wrap{border:1px solid #dbe4ee;border-radius:14px;overflow:auto;background:#fff;}
.payment-history-table{width:100%;border-collapse:collapse;min-width:900px;font-size:13px;}
.payment-history-table th{background:#f2f6fa;color:#243650;text-transform:uppercase;font-size:10px;letter-spacing:.45px;padding:11px 12px;text-align:left;border-bottom:1px solid #dbe4ee;}
.payment-history-table td{padding:12px;border-bottom:1px solid #e5ebf2;color:#27364d;vertical-align:middle;}
.payment-history-table tr:last-child td{border-bottom:0}.payment-history-empty{text-align:center!important;color:#7b8799!important;padding:24px!important;}
.payment-category-badge,.payment-history-status{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:850;white-space:nowrap;}
.payment-category-badge.hotel{background:#e7f6ff;color:#075f88}.payment-category-badge.service{background:#fff4d8;color:#815a00}
.payment-history-status.paid{background:#ddf7ea;color:#087447}.payment-history-status.pending{background:#fff1d4;color:#9b6300}.payment-history-status.planned{background:#edf2f7;color:#536174}

/* V9.2 — Arrival report criteria and separate From / To columns */
.arrival-criteria-summary{margin-top:14px;margin-bottom:12px;background:#fff;border:1px solid #cfd8e3;border-radius:14px;padding:14px 16px;}
.arrival-criteria-title{font-size:18px;font-weight:900;color:#111;margin-bottom:10px;}
.arrival-criteria-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:26px;row-gap:7px;}
.arrival-criteria-grid>div{display:grid;grid-template-columns:minmax(105px,auto) 1fr;gap:9px;align-items:baseline;min-width:0;}
.arrival-criteria-grid span{font-size:11px;font-weight:850;color:#233247;white-space:nowrap}.arrival-criteria-grid strong{font-size:11px;color:#111;overflow-wrap:anywhere;}
.arrival-table th:nth-child(1){width:3%}.arrival-table th:nth-child(2){width:12%}.arrival-table th:nth-child(3){width:6%}.arrival-table th:nth-child(4){width:6%}.arrival-table th:nth-child(5){width:9%}.arrival-table th:nth-child(6){width:12%}.arrival-table th:nth-child(7){width:7%}.arrival-table th:nth-child(8){width:9%}.arrival-table th:nth-child(9){width:4%}.arrival-table th:nth-child(10){width:17%}.arrival-table th:nth-child(11){width:7%}.arrival-table th:nth-child(12){width:8%}
@media(max-width:900px){.payment-history-head{flex-direction:column}.payment-history-table{min-width:780px}.arrival-criteria-grid{grid-template-columns:1fr 1fr}.arrival-table{min-width:1080px!important}}
@media(max-width:620px){.arrival-criteria-grid{grid-template-columns:1fr}.arrival-criteria-grid>div{grid-template-columns:120px 1fr}}


/* ============================================================
   V9.3 — Travel-style management dashboard & accounting report
   ============================================================ */
.travel-accounting-dashboard{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;}
.travel-dashboard-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 28px;border-radius:24px;background:linear-gradient(125deg,#123b80,#0ea5d7);color:#fff;box-shadow:0 18px 42px rgba(15,58,125,.18);margin-bottom:20px;position:relative;overflow:hidden;}
.travel-dashboard-hero:after{content:"";position:absolute;right:-80px;top:-110px;width:310px;height:310px;border:1px solid rgba(255,255,255,.18);border-radius:50%;box-shadow:0 0 0 45px rgba(255,255,255,.04),0 0 0 92px rgba(255,255,255,.03);}
.travel-dashboard-hero>div{position:relative;z-index:1}.travel-dashboard-hero h2{font-size:30px;font-weight:800;margin:3px 0 5px}.travel-dashboard-hero p{margin:0;opacity:.87}.travel-dashboard-hero .travel-history-kicker{color:#d9f5ff;}
.travel-dashboard-actions{display:flex;gap:9px;position:relative;z-index:2;flex-wrap:wrap;justify-content:flex-end}.travel-dashboard-actions .travel-history-button{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.3);color:#fff}.travel-dashboard-actions .travel-history-button.primary{background:#fff;color:#123b80;border-color:#fff;}
.travel-dashboard-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-bottom:20px}.travel-dashboard-kpi{min-height:138px;background:#fff;border:1px solid #e8edf4;border-radius:22px;padding:22px;display:flex;gap:16px;align-items:flex-start;box-shadow:0 12px 32px rgba(23,45,83,.07);position:relative;overflow:hidden}.travel-dashboard-kpi:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;right:-38px;top:-35px;background:rgba(17,104,178,.05)}.travel-dashboard-kpi-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;font-size:19px;flex:0 0 auto}.travel-dashboard-kpi small{display:block;text-transform:uppercase;letter-spacing:.06em;font-weight:700;font-size:10px;color:#66758d}.travel-dashboard-kpi strong{display:block;font-size:25px;line-height:1.15;color:#102f65;margin:6px 0}.travel-dashboard-kpi em{font-style:normal;font-size:11px;color:#76849a;display:block}.travel-dashboard-kpi.reservation .travel-dashboard-kpi-icon{background:#eaf7ff;color:#0b95cc}.travel-dashboard-kpi.quotation .travel-dashboard-kpi-icon{background:#f2eeff;color:#7754c9}.travel-dashboard-kpi.receivable .travel-dashboard-kpi-icon{background:#fff5e8;color:#d58b22}.travel-dashboard-kpi.income .travel-dashboard-kpi-icon{background:#eafaf1;color:#1c9c5b}.travel-dashboard-kpi.expense .travel-dashboard-kpi-icon{background:#fff0f0;color:#dc5d5d}
.travel-dashboard-panels{display:grid;grid-template-columns:1.1fr .9fr;gap:20px}.travel-dashboard-panel{background:#fff;border:1px solid #e8edf4;border-radius:22px;box-shadow:0 12px 32px rgba(23,45,83,.07);overflow:hidden}.travel-dashboard-panel>header{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid #e9edf3}.travel-dashboard-panel>header>div{display:flex;align-items:center;gap:12px}.travel-dashboard-panel h3{font-size:17px;font-weight:800;color:#173769;margin:0}.travel-dashboard-panel p{font-size:11px;color:#7c899c;margin:2px 0 0}.travel-dashboard-panel-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center}.travel-dashboard-panel-icon.reservation{background:#eaf7ff;color:#0b95cc}.travel-dashboard-panel-icon.income{background:#eafaf1;color:#1c9c5b}.travel-panel-link{border:0;background:#f0f6f8;color:#183966;border-radius:12px;padding:9px 14px;font-weight:700;font-size:11px}.travel-dashboard-table-wrap{overflow:auto}.travel-dashboard-table{width:100%;border-collapse:collapse;min-width:620px}.travel-dashboard-table th{padding:12px 14px;background:#f7f9fc;color:#627086;font-size:10px;text-transform:uppercase;letter-spacing:.05em;text-align:left}.travel-dashboard-table td{padding:13px 14px;border-top:1px solid #edf1f5;color:#2e3c51;font-size:11px;vertical-align:middle}.travel-dashboard-table td small{display:block;color:#8894a6;margin-top:2px}.travel-dashboard-table .dashboard-open{border:0;background:#eef5f2;color:#24483d;border-radius:9px;padding:7px 10px;font-weight:700}.dashboard-status{display:inline-flex;border-radius:999px;padding:5px 9px;font-size:9px;font-weight:800;background:#fff5df;color:#b17612}.dashboard-status.confirmed,.dashboard-status.checked{background:#eaf8ef;color:#208552}.dashboard-status.completed{background:#e8f2ff;color:#276db4}.dashboard-status.cancelled{background:#ffeded;color:#c34e4e}
.accounting-modal-header{background:linear-gradient(100deg,#163b72,#087e9e)!important}.accounting-brand-panel{background:linear-gradient(100deg,#111827,#173b69)!important}.accounting-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0 20px}.accounting-summary-card{background:#fff;border:1px solid #e5e9f0;border-radius:16px;padding:17px;display:flex;align-items:flex-start;gap:12px;box-shadow:0 7px 18px rgba(18,44,82,.05)}.accounting-summary-card>span{width:42px;height:42px;border-radius:12px;display:grid;place-items:center}.accounting-summary-card small{display:block;color:#68768b;text-transform:uppercase;font-size:9px;letter-spacing:.05em;font-weight:700}.accounting-summary-card strong{display:block;font-size:18px;color:#183765;margin:5px 0}.accounting-summary-card em{display:block;color:#7d899a;font-size:10px;font-style:normal}.accounting-summary-card.inflow>span{background:#eafaf1;color:#1d9b5b}.accounting-summary-card.outflow>span{background:#fff0f0;color:#d35656}.accounting-summary-card.net>span{background:#eaf4ff;color:#2c75b9}.accounting-summary-card.transactions>span{background:#fff6df;color:#b47b16}.accounting-section-head{display:flex;justify-content:space-between;align-items:center;margin:22px 0 8px;padding-left:11px;border-left:4px solid #2eb67d}.accounting-section-head.supplier{border-left-color:#e96e6e}.accounting-section-head strong{display:block;color:#173769}.accounting-section-head span{font-size:10px;color:#8490a1}.accounting-report-table{min-width:970px}.accounting-positive{color:#138354;font-weight:800}.accounting-negative{color:#c84d4d;font-weight:800}
[data-travel-theme="dark"] .travel-dashboard-kpi,[data-travel-theme="dark"] .travel-dashboard-panel,[data-travel-theme="dark"] .accounting-summary-card{background:#111827;border-color:#2c3749;color:#fff}[data-travel-theme="dark"] .travel-dashboard-kpi strong,[data-travel-theme="dark"] .travel-dashboard-panel h3,[data-travel-theme="dark"] .accounting-summary-card strong{color:#f6f9ff}[data-travel-theme="dark"] .travel-dashboard-table th{background:#182234;color:#b8c2d3}[data-travel-theme="dark"] .travel-dashboard-table td{border-color:#2b3546;color:#e5eaf2}
@media(max-width:1450px){.travel-dashboard-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.travel-dashboard-panels{grid-template-columns:1fr}}
@media(max-width:900px){.travel-dashboard-hero{align-items:flex-start;flex-direction:column}.travel-dashboard-actions{justify-content:flex-start}.travel-dashboard-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.accounting-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.travel-dashboard-hero{padding:20px}.travel-dashboard-hero h2{font-size:23px}.travel-dashboard-kpis{grid-template-columns:1fr}.accounting-summary-grid{grid-template-columns:1fr}.travel-dashboard-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.travel-dashboard-actions .primary{grid-column:1/-1}}