/* 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;}
body[data-travel-module="payment"] .travel-payment-save{display:flex!important;}
body:not([data-travel-module="payment"]) .travel-payment-save{display:none!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}}

/* V9.4 — reservation document cleanup */
body:not([data-travel-module="payment"]) .travel-payment-save,
body:not([data-travel-module="payment"]) [data-travel-module-view="payment"].travel-payment-save{display:none!important;}
body[data-travel-module="payment"] [data-travel-module-view="payment"].travel-payment-save.travel-module-visible{display:flex!important;}

/* ============================================================
   V9.7 — Simple list workflow with "Aksi Selanjutnya"
   ============================================================ */
.simple-workflow-list{display:none;margin-bottom:22px;scroll-margin-top:82px;}
.simple-workflow-list.travel-module-visible{display:block!important;}
body:not(.workflow-detail-open) [data-workspace-name],
body:not(.workflow-detail-open) [data-travel-module-view],
body:not(.workflow-detail-open) .travel-reservation-only{display:none!important;}
body:not(.workflow-detail-open) #btnHeaderSave{display:none!important;}
body.workflow-detail-open [data-simple-workflow-list]{display:none!important;}
.simple-workflow-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 25px;background:#fff;border:1px solid #e3e9f0;border-radius:20px 20px 0 0;box-shadow:0 14px 34px rgba(24,50,86,.07);}
.simple-workflow-title{display:flex;align-items:center;gap:15px;min-width:0;}
.simple-workflow-title>div{min-width:0}.simple-workflow-title small{display:block;font-size:10px;letter-spacing:.12em;font-weight:900;color:#8090a5}.simple-workflow-title h2{margin:2px 0 3px;font-size:24px;font-weight:850;color:#172f55}.simple-workflow-title p{margin:0;color:#748196;font-size:12px;}
.simple-workflow-icon{width:51px;height:51px;display:grid;place-items:center;border-radius:15px;font-size:20px;flex:0 0 auto}.simple-workflow-icon.reservation{background:#e8f8ff;color:#098bb9}.simple-workflow-icon.quotation{background:#f1edff;color:#7555c8}.simple-workflow-icon.invoice{background:#eaf8ef;color:#16814e}
.simple-workflow-add,.simple-workflow-refresh{border:0;border-radius:12px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.simple-workflow-add{padding:12px 17px;background:linear-gradient(135deg,#0b376e,#0b91bd);color:#fff;box-shadow:0 8px 18px rgba(13,91,145,.18)}.simple-workflow-refresh{height:40px;padding:0 14px;background:#eef3f7;color:#244364;border:1px solid #dbe4ec}
.simple-workflow-toolbar{display:flex;align-items:center;gap:12px;padding:14px 18px;background:#f9fbfd;border-left:1px solid #e3e9f0;border-right:1px solid #e3e9f0;}
.simple-workflow-search{height:41px;flex:1;min-width:220px;display:flex;align-items:center;gap:9px;padding:0 13px;background:#fff;border:1px solid #d8e1ea;border-radius:11px;color:#7d8998}.simple-workflow-search input{width:100%;border:0;outline:0;background:transparent;color:#25364d;font-size:12px}.simple-workflow-count{padding:7px 11px;border-radius:999px;background:#edf5fb;color:#315978;font-weight:800;font-size:11px;white-space:nowrap}
.simple-workflow-table-wrap{overflow:auto;background:#fff;border:1px solid #e3e9f0;border-radius:0 0 20px 20px;box-shadow:0 14px 34px rgba(24,50,86,.07);padding-bottom:70px;margin-bottom:-70px;}
.simple-workflow-table{width:100%;min-width:1120px;border-collapse:separate;border-spacing:0;font-size:12px}.simple-workflow-table th{padding:12px 14px;background:#f0f3f6;color:#31445c;text-transform:uppercase;letter-spacing:.05em;font-size:9px;text-align:left;border-bottom:1px solid #dfe6ed;white-space:nowrap}.simple-workflow-table td{padding:13px 14px;border-bottom:1px solid #edf1f5;color:#2b3a4f;vertical-align:middle;background:#fff}.simple-workflow-table tbody tr:hover td{background:#fbfdff}.simple-workflow-table tbody tr:last-child td{border-bottom:0}
.workflow-primary{display:block;font-weight:850;color:#172e51;line-height:1.35}.workflow-secondary{display:block;margin-top:3px;color:#8490a0;font-size:10px;line-height:1.35}.workflow-money{display:block;font-weight:850;color:#213a59;white-space:nowrap}.workflow-money small{display:block;color:#6c7b8e;font-size:9px;margin-top:3px}
.workflow-status{display:inline-flex;align-items:center;justify-content:center;min-width:78px;padding:6px 9px;border-radius:999px;font-size:9px;font-weight:900;white-space:nowrap;background:#fff2d6;color:#936100}.workflow-status.confirmed,.workflow-status.checked,.workflow-status.paid{background:#dff6e9;color:#087344}.workflow-status.partial{background:#fff0d2;color:#9a6000}.workflow-status.unpaid,.workflow-status.cancelled{background:#ffe4e4;color:#b23e3e}.workflow-status.draft{background:#edf1f5;color:#5d6876}
.workflow-actions{display:flex;align-items:center;gap:6px;white-space:nowrap}.workflow-action-button,.workflow-action-menu{height:32px;border:0;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:9px;font-weight:850;padding:0 10px;cursor:pointer}.workflow-action-button.neutral{background:#e9edf2;color:#334155}.workflow-action-button.primary{background:#2f86d8;color:#fff}.workflow-action-button.success{background:#38a66a;color:#fff}.workflow-action-button.purple{background:#8558c7;color:#fff}.workflow-action-menu{width:32px;padding:0;background:#edf0f3;color:#526171;font-size:13px}
.workflow-row-menu{position:relative;display:inline-flex}.workflow-row-menu-list{display:none;position:absolute;right:0;top:38px;z-index:60;width:235px;padding:7px;background:#fff;border:1px solid #dde5ed;border-radius:12px;box-shadow:0 14px 34px rgba(13,34,66,.2)}.workflow-row-menu.open .workflow-row-menu-list{display:grid}.workflow-row-menu-list button{border:0;background:#fff;text-align:left;display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:8px;font-size:11px;color:#34445a}.workflow-row-menu-list button:hover{background:#f0f5f9}.workflow-row-menu-list button i{width:15px;color:#477193}
.workflow-empty{text-align:center!important;color:#7e8998!important;padding:30px!important}.workflow-detail-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-3px 0 17px;padding-bottom:13px;border-bottom:1px solid #e3e8ee}.workflow-detail-toolbar>span{font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#8a96a6}.workflow-back-list{border:0;background:#eef4f8;color:#244566;border-radius:10px;padding:9px 12px;display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:11px}

/* Service category configuration */
.service-config-form{display:grid;grid-template-columns:1.1fr 1.4fr 130px auto auto;gap:12px;align-items:end;background:#f6f9fc;border:1px solid #e0e7ef;border-radius:15px;padding:16px;margin-bottom:12px}.service-config-form label{display:block;font-size:10px;font-weight:850;color:#405069;margin-bottom:5px}.service-config-active{height:39px;display:flex!important;align-items:center;gap:8px;margin:0!important;padding:0 10px;border:1px solid #d7e0e9;border-radius:10px;background:#fff}.service-config-active input{width:17px;height:17px}.service-config-active span{font-weight:800;font-size:11px}.service-config-actions{display:flex;gap:7px}.service-config-actions .btn-luxury{min-width:auto;width:auto;white-space:nowrap}.service-config-note{display:flex;align-items:flex-start;gap:9px;padding:11px 13px;margin-bottom:13px;border-radius:11px;background:#eaf7ff;color:#24546f;font-size:11px}.service-config-note i{margin-top:2px}
[data-travel-theme="dark"] .simple-workflow-hero,[data-travel-theme="dark"] .simple-workflow-table-wrap,[data-travel-theme="dark"] .simple-workflow-table td,[data-travel-theme="dark"] .workflow-row-menu-list,[data-travel-theme="dark"] .workflow-row-menu-list button{background:#111827;border-color:#2d394a;color:#e8edf5}[data-travel-theme="dark"] .simple-workflow-toolbar,[data-travel-theme="dark"] .simple-workflow-table th,[data-travel-theme="dark"] .service-config-form{background:#182234;border-color:#2d394a}[data-travel-theme="dark"] .simple-workflow-title h2,[data-travel-theme="dark"] .workflow-primary,[data-travel-theme="dark"] .workflow-money{color:#f1f5fb}[data-travel-theme="dark"] .simple-workflow-search,[data-travel-theme="dark"] .service-config-active{background:#111827;border-color:#344154}[data-travel-theme="dark"] .simple-workflow-search input{color:#fff}
@media(max-width:900px){.simple-workflow-hero{align-items:flex-start;flex-direction:column}.simple-workflow-add{width:100%}.simple-workflow-toolbar{display:grid;grid-template-columns:1fr auto}.simple-workflow-search{grid-column:1/-1}.service-config-form{grid-template-columns:1fr 1fr}.service-config-actions{grid-column:1/-1}.service-config-actions .btn-luxury{flex:1}}
@media(max-width:560px){.simple-workflow-hero{padding:18px}.simple-workflow-title h2{font-size:21px}.simple-workflow-toolbar{grid-template-columns:1fr}.simple-workflow-count,.simple-workflow-refresh{width:100%;justify-content:center}.simple-workflow-table-wrap{padding-bottom:45px;margin-bottom:-45px}.service-config-form{grid-template-columns:1fr}.service-config-actions{grid-column:auto}}

/* V9.7 sales cards also include configurable service categories */
.report-summary-grid{grid-template-columns:repeat(auto-fit,minmax(185px,1fr))!important;}
.report-card-service .report-summary-icon{background:#eef0ff;color:#5b4bb7;}

/* V9.7.3 — supplier rate workflow */
.travel-admin-layout .room-table .room-supplier,
.travel-admin-layout .room-table .supplier-rate-input{
  background:#fff!important;color:#1d2939!important;border:1px solid #d0d5dd!important;box-shadow:none!important;
}
.travel-admin-layout .room-table .room-supplier:focus,
.travel-admin-layout .room-table .supplier-rate-input:focus{
  border-color:var(--travel-cyan-dark)!important;box-shadow:0 0 0 4px rgba(0,153,204,.12)!important;
}
.reservation-dual-grid .dynamic-reservation-table{min-width:1540px!important;}
.quotation-simple-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
.quotation-simple-icon.supplier{background:#eef3ff;color:#315ab8;border:1px solid #cdd9fb;}
.quotation-supplier-card{border-color:#cdd9fb;background:linear-gradient(180deg,#fff 0%,#f8faff 100%);}
@media(max-width:1380px){.quotation-simple-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:900px){.quotation-simple-grid{grid-template-columns:1fr;}}

/* V9.7.6 — final layout override (travel-layout.css loads after app.css) */
.travel-admin-layout .reservation-hotel-only .table-wrapper.compact-table-scroll,
.travel-admin-layout .reservation-visa-only .table-wrapper.compact-table-scroll{
  overflow-x:auto!important;
  overflow-y:hidden!important;
}
.travel-admin-layout .reservation-dual-grid .dynamic-reservation-table{
  table-layout:fixed!important;
  width:100%!important;
  min-width:900px!important;
}
.travel-admin-layout .dynamic-reservation-table th,
.travel-admin-layout .dynamic-reservation-table td{padding:3px 5px!important}
.travel-admin-layout .dynamic-reservation-table input,
.travel-admin-layout .dynamic-reservation-table select,
.travel-admin-layout .dynamic-reservation-table .supplier-rate-input{
  height:30px!important;
  min-height:30px!important;
  padding:2px 6px!important;
  font-size:11.5px!important;
}
.travel-admin-layout .reservation-hotel-only .dynamic-reservation-table .agent-rate-input,
.travel-admin-layout .reservation-hotel-only .dynamic-reservation-table .supplier-rate-input{
  width:100%!important;
  max-width:145px!important;
  min-width:0!important;
  margin-inline:auto!important;
}
.travel-admin-layout .dynamic-reservation-table .qty-input{max-width:62px!important;margin-inline:auto!important}
.travel-admin-layout .dynamic-reservation-table .currency-select{max-width:78px!important;margin-inline:auto!important}
.travel-admin-layout .dynamic-reservation-table .reservation-row-remove{width:30px!important;height:30px!important;min-width:30px!important}
@media(min-width:1280px){
  .travel-admin-layout .reservation-dual-grid .dynamic-reservation-table{min-width:0!important}
}
@media(max-width:1279.98px){
  .travel-admin-layout .reservation-hotel-only .dynamic-reservation-table{min-width:900px!important}
  .travel-admin-layout .reservation-visa-only .dynamic-reservation-table{min-width:760px!important}
}


/* ============================================================
   V9.7.8 — Two-step Reservation -> Invoice & Payment workflow
   ============================================================ */
body[data-travel-module="invoice"].workflow-detail-open .invoice-payment-prerequisite{display:flex!important;}
body[data-travel-module="invoice"].workflow-detail-open .travel-payment-save.travel-module-visible{display:flex!important;}
body[data-travel-module="invoice"].workflow-detail-open #invoicePaymentEmbedded .payment-plan-card.travel-module-visible{display:block!important;}
body[data-travel-module="invoice"] .travel-reservation-only{display:none!important;}
#invoicePaymentEmbedded{margin:18px 0 24px;}
#invoicePaymentEmbedded>.travel-payment-module-intro{margin-top:0!important;}
#invoicePaymentEmbedded .payment-plan-card{background:#f9fbfd!important;border:1px solid #d8e4ee!important;border-radius:14px!important;padding:18px!important;box-shadow:none!important;}
#invoicePaymentEmbedded .payment-history-card{background:#fff!important;}
#invoicePaymentEmbedded .travel-payment-save{position:static!important;margin:0 0 18px!important;}
.payment-template-actions{display:flex!important;flex-wrap:wrap!important;gap:8px!important;justify-content:flex-end!important;}
.payment-template-actions .btn-luxury{width:auto!important;min-width:0!important;padding:9px 12px!important;font-size:11px!important;}
.simple-invoice-module .invoice-document-grid{border-top:1px solid #dfe7ef;padding-top:22px;}
@media(max-width:900px){
  .payment-template-actions{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%;}
  .payment-template-actions .btn-luxury{width:100%!important;}
}
@media(max-width:560px){.payment-template-actions{grid-template-columns:1fr!important;}}


/* ============================================================
   V9.7.8.1 — Invoice layout stability and compact payment panel
   ============================================================ */
.simple-invoice-module > .section-title{
  color:#f8fbff!important;
  font-size:24px!important;
  margin:0 0 8px!important;
}
.simple-invoice-module > .simple-module-description{
  color:#b9c8dc!important;
  margin:0 0 12px!important;
  line-height:1.5!important;
}
.simple-invoice-module .invoice-payment-prerequisite{
  box-sizing:border-box!important;
  min-width:0!important;
  min-height:64px!important;
  overflow:hidden!important;
  align-items:center!important;
  padding:11px 14px!important;
  margin:10px 0 14px!important;
}
.simple-invoice-module .invoice-payment-prerequisite-icon{
  flex:0 0 38px!important;
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  overflow:hidden!important;
  font-size:16px!important;
}
.simple-invoice-module .invoice-payment-prerequisite-copy{
  min-width:0!important;
  overflow:hidden!important;
}
.simple-invoice-module .invoice-payment-prerequisite-copy strong{
  display:block!important;
  color:#17315d!important;
  font-size:14px!important;
  line-height:1.3!important;
  overflow-wrap:anywhere!important;
}
.simple-invoice-module .invoice-payment-prerequisite-copy span{
  display:block!important;
  color:#65748a!important;
  font-size:11.5px!important;
  line-height:1.45!important;
  overflow-wrap:anywhere!important;
}
#invoicePaymentEmbedded{
  display:grid!important;
  gap:12px!important;
  margin:0 0 18px!important;
}
#invoicePaymentEmbedded > *{
  min-width:0!important;
  margin-top:0!important;
  margin-bottom:0!important;
}
#invoicePaymentEmbedded > .travel-payment-module-intro{
  min-height:auto!important;
  padding:12px 16px!important;
  border-radius:13px!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
}
#invoicePaymentEmbedded .travel-payment-intro-icon{
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  border-radius:11px!important;
  font-size:16px!important;
}
#invoicePaymentEmbedded .travel-payment-module-intro h3{
  margin:0 0 2px!important;
  font-size:17px!important;
  line-height:1.25!important;
}
#invoicePaymentEmbedded .travel-payment-module-intro p{
  margin:0!important;
  font-size:11.5px!important;
  line-height:1.45!important;
}
#invoicePaymentEmbedded .payment-plan-card{
  padding:14px!important;
  border-radius:13px!important;
}
#invoicePaymentEmbedded .payment-plan-card .section-title{
  color:#17315d!important;
  font-size:18px!important;
  margin:0 0 10px!important;
}
#invoicePaymentEmbedded .payment-plan-toolbar{
  margin:0 0 10px!important;
}
#invoicePaymentEmbedded .payment-plan-summary{
  gap:8px!important;
  margin-top:10px!important;
}
#invoicePaymentEmbedded .payment-summary-item{
  padding:10px 11px!important;
  min-height:58px!important;
}
#invoicePaymentEmbedded .payment-template-actions{
  justify-content:flex-start!important;
}
#invoicePaymentEmbedded .payment-template-actions .btn-luxury{
  min-height:36px!important;
  padding:7px 10px!important;
  font-size:10.5px!important;
}
@media(max-width:900px){
  .simple-invoice-module .invoice-payment-prerequisite{align-items:flex-start!important;}
  #invoicePaymentEmbedded .payment-template-actions{grid-template-columns:1fr 1fr!important;}
}
@media(max-width:560px){
  .simple-invoice-module > .section-title{font-size:20px!important;}
  .simple-invoice-module .invoice-payment-prerequisite{gap:10px!important;padding:10px!important;}
  #invoicePaymentEmbedded .payment-template-actions{grid-template-columns:1fr!important;}
  #invoicePaymentEmbedded .payment-plan-summary{grid-template-columns:1fr 1fr!important;}
}


/* V9.7.8.4 — single reservation dropdown in Expense Manager */
.supplier-booking-picker .form-select{min-height:42px;width:100%;margin-top:0!important;}
.supplier-booking-summary{grid-template-columns:repeat(5,minmax(0,1fr));}
@media(max-width:1100px){.supplier-booking-summary{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:600px){.supplier-booking-summary{grid-template-columns:1fr;}}

/* V9.7.8.5 — Company settings consolidation */
.numbering-preview{min-height:39px;display:flex;align-items:center;padding:0 12px;border:1px solid #d7e0e9;border-radius:10px;background:#eef7ff;color:#123970;font-weight:850;font-size:13px;letter-spacing:.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.numbering-help{display:flex;align-items:flex-start;gap:9px;padding:11px 13px;border:1px solid #d6e9f6;border-radius:11px;background:#f2f9fd;color:#355a73;font-size:11px}.numbering-help i{margin-top:2px;color:#16a9d6}.company-settings-service-section{margin-top:22px;padding-top:20px;border-top:1px solid #dce5ee}.company-settings-section-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:13px}.company-settings-section-head h6{display:flex;align-items:center;gap:9px;margin:0 0 4px;color:#173b72;font-size:16px;font-weight:900}.company-settings-section-head p{margin:0;color:#68758a;font-size:11px}.company-settings-service-section .service-config-form{margin-bottom:10px}.company-settings-service-section .master-table-wrap{max-height:300px;overflow:auto}
[data-travel-theme="dark"] .numbering-preview{background:#111827;border-color:#344154;color:#eef6ff}[data-travel-theme="dark"] .numbering-help{background:#162437;border-color:#30445d;color:#c5d2e2}[data-travel-theme="dark"] .company-settings-service-section{border-color:#2d394a}[data-travel-theme="dark"] .company-settings-section-head h6{color:#eef4ff}[data-travel-theme="dark"] .company-settings-section-head p{color:#aab7ca}
@media(max-width:767px){.company-settings-section-head{display:block}.numbering-preview{min-height:38px}.company-settings-service-section{margin-top:18px;padding-top:16px}}
.field-setting-hint{display:flex;align-items:center;gap:6px;margin-top:6px;color:#6d7b90;font-size:10px;font-weight:650}.field-setting-hint i{color:#16a9d6}
[data-travel-theme="dark"] .field-setting-hint{color:#aab7ca}

/* ============================================================
   V9.7.8.6 — Travel-agent report filters and dashboard number fit
   ============================================================ */
.report-toolbar{
  grid-template-columns:minmax(145px,.8fr) minmax(145px,.8fr) minmax(190px,1fr) auto auto auto!important;
}
.report-agent-filter{min-width:190px;}
.report-agent-filter .form-select{min-height:40px;}
.agent-summary-heading{margin-top:18px!important;}
.report-agent-summary-wrap{margin-bottom:18px;}
.report-agent-summary-table{min-width:820px;}
.report-agent-summary-table td strong{color:#173769;}

.travel-dashboard-kpi{padding:19px!important;gap:13px!important;}
.travel-dashboard-kpi-copy{min-width:0;flex:1;position:relative;z-index:1;}
.dashboard-money-stack{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr);
  align-items:baseline;
  column-gap:6px;
  min-width:0;
  margin:6px 0!important;
  line-height:1!important;
  font-variant-numeric:tabular-nums;
}
.dashboard-money-stack>span{
  font-size:10px;
  font-weight:850;
  letter-spacing:.04em;
  color:#49617e;
}
.dashboard-money-stack>b{
  min-width:0;
  color:#102f65;
  font-size:clamp(17px,1.24vw,22px);
  font-weight:850;
  line-height:1.05;
  letter-spacing:-.045em;
  white-space:nowrap;
}
.travel-dashboard-kpi.receivable .dashboard-money-stack>b,
.travel-dashboard-kpi.expense .dashboard-money-stack>b{font-size:clamp(17px,1.18vw,21px);}
[data-travel-theme="dark"] .dashboard-money-stack>span{color:#9fb0c7;}
[data-travel-theme="dark"] .dashboard-money-stack>b{color:#f6f9ff;}

@media(max-width:1199.98px){
  .report-toolbar{grid-template-columns:1fr 1fr 1fr!important;}
  .report-toolbar button{width:100%!important;}
}
@media(max-width:767.98px){
  .report-toolbar{grid-template-columns:1fr 1fr!important;}
  .report-agent-filter{grid-column:1/-1;}
}
@media(max-width:520px){
  .report-toolbar{grid-template-columns:1fr!important;}
  .report-agent-filter{grid-column:auto;}
}

/* ============================================================
   V9.7.9.1 — Confirmed supplier pipeline and finance breakdown
   ============================================================ */
#accountingReportModal .report-toolbar{
  grid-template-columns:repeat(5,minmax(130px,1fr)) auto auto auto!important;
}
.accounting-section-head.category{border-left-color:#2777b8;}
.accounting-category-table{min-width:940px;}
.accounting-category-table td{vertical-align:top;}
.supplier-history-table{min-width:1420px;}
.supplier-history-table td{vertical-align:top;}
.supplier-history-table small{display:block;margin-top:3px;color:#7b889a;font-size:10px;}
.supplier-report-actions{display:flex;flex-wrap:nowrap;gap:6px;}
.supplier-report-actions .db-mini-btn{white-space:nowrap;}
.supplier-report-actions .db-mini-btn.primary{background:#12b8dc;color:#082f55;border-color:#12b8dc;}
.supplier-report-actions .db-mini-btn:disabled{opacity:.45;cursor:not-allowed;}
[data-travel-theme="dark"] .supplier-report-actions .db-mini-btn.primary{color:#062a45;}
@media(max-width:1399px){
  #accountingReportModal .report-toolbar{grid-template-columns:repeat(4,minmax(140px,1fr))!important;}
  #accountingReportModal .report-toolbar button{width:100%!important;}
}
@media(max-width:900px){
  #accountingReportModal .report-toolbar{grid-template-columns:1fr 1fr!important;}
}
@media(max-width:540px){
  #accountingReportModal .report-toolbar{grid-template-columns:1fr!important;}
}


/* V9.7.9.1 — one shared supplier for all service rows */
.travel-admin-layout .reservation-visa-only .dynamic-reservation-table{min-width:900px!important}
.travel-admin-layout .reservation-visa-only .service-supplier-rate,
.travel-admin-layout .reservation-visa-only #serviceSupplier{
  background:#fff!important;color:#1d2939!important;border:1px solid #d0d5dd!important;
}
@media(min-width:1280px){
  .travel-admin-layout .reservation-visa-only .dynamic-reservation-table{min-width:0!important}
}

/* =====================================================================
   V9.7.9.2 — REPORT / EXPENSE LAYOUT + CURRENCY STACK
   ===================================================================== */
.report-wide-dialog,
.supplier-expense-dialog{
  width:min(96vw,1500px)!important;
  max-width:min(96vw,1500px)!important;
  margin:1.25rem auto!important;
}
.report-wide-dialog .modal-content,
.supplier-expense-dialog .modal-content{
  max-height:calc(100vh - 2.5rem);
  overflow:hidden;
}
.report-wide-dialog .modal-body,
.supplier-expense-dialog .modal-body{
  overflow:auto;
  scrollbar-gutter:stable;
}

.report-money-stack{display:inline-flex;flex-direction:column;align-items:flex-start;gap:2px;line-height:1.15;white-space:nowrap;}
.report-money-main{display:block;font-weight:800;color:inherit;}
.report-money-sub{display:block!important;margin:0!important;font-size:10px!important;font-weight:700;color:#66758c!important;white-space:nowrap;}
.report-agent-summary-table td{vertical-align:middle;}
.report-agent-summary-table td:nth-child(n+4){min-width:145px;}
.report-agent-summary-table td strong>.report-money-stack .report-money-main{color:#173769;}

#salesReportModal .report-toolbar{
  grid-template-columns:minmax(145px,1fr) minmax(145px,1fr) minmax(190px,1.2fr) repeat(3,max-content)!important;
}
#accountingReportModal .report-toolbar{
  grid-template-columns:minmax(135px,.8fr) minmax(135px,.8fr) minmax(175px,1fr) minmax(145px,.85fr) minmax(135px,.8fr) repeat(3,max-content)!important;
}
.accounting-report-dialog .accounting-summary-card{min-width:0;}
.accounting-report-dialog .accounting-summary-card strong{font-size:clamp(15px,1.25vw,20px);overflow-wrap:anywhere;}
.accounting-report-dialog .accounting-summary-card em{line-height:1.35;overflow-wrap:anywhere;}
.accounting-report-dialog .report-table-wrap{max-height:44vh;}
.accounting-report-dialog .accounting-report-table{min-width:1080px;}

.supplier-expense-dialog .modal-body{padding:18px 20px 22px;}
.supplier-expense-dialog .supplier-invoice-head-grid{
  display:grid!important;
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  gap:12px!important;
  padding:16px!important;
}
.supplier-expense-dialog .supplier-invoice-head-grid>div{min-width:0;}
.supplier-expense-dialog .supplier-head-supplier{grid-column:span 3;}
.supplier-expense-dialog .supplier-head-booking{grid-column:span 5;}
.supplier-expense-dialog .supplier-head-category{grid-column:span 2;}
.supplier-expense-dialog .supplier-head-hotel{grid-column:span 2;}
.supplier-expense-dialog .supplier-head-reference{grid-column:span 3;}
.supplier-expense-dialog .supplier-head-date{grid-column:span 2;}
.supplier-expense-dialog .supplier-head-due{grid-column:span 2;}
.supplier-expense-dialog .supplier-head-currency{grid-column:span 2;}
.supplier-expense-dialog .supplier-head-status{grid-column:span 1;}
.supplier-expense-dialog .supplier-head-account{grid-column:span 2;}
.supplier-expense-dialog .supplier-invoice-head-grid .form-control,
.supplier-expense-dialog .supplier-invoice-head-grid .form-select{width:100%;min-width:0;height:46px;}
.supplier-expense-dialog .supplier-booking-picker .form-select{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.supplier-expense-dialog .supplier-booking-summary{
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
  margin-top:14px;
}
.supplier-expense-dialog .supplier-booking-summary>div{min-width:0;}
.supplier-expense-dialog .supplier-booking-summary strong{overflow-wrap:anywhere;}
.supplier-expense-dialog .supplier-items-toolbar{margin-top:18px;align-items:center;}
.supplier-expense-dialog .supplier-item-table-wrap{
  overflow:auto;
  border:1px solid #dbe4ef;
  border-radius:14px;
  max-height:330px;
  scrollbar-gutter:stable;
}
.supplier-expense-dialog .supplier-item-table{min-width:980px;margin:0;}
.supplier-expense-dialog .supplier-invoice-bottom-grid{grid-template-columns:minmax(0,1.55fr) minmax(330px,.55fr);}
.supplier-expense-dialog .supplier-form-actions{display:grid;grid-template-columns:1fr 1fr;}
.supplier-expense-dialog .supplier-form-actions .btn-luxury{width:100%;}
.supplier-expense-dialog .supplier-invoice-list{
  margin-top:20px;
  max-height:360px;
  overflow:auto;
  border:1px solid #dbe4ef;
  border-radius:14px;
  scrollbar-gutter:stable;
}
.supplier-expense-dialog .supplier-invoice-list .db-table{min-width:1180px;margin:0;}
.supplier-expense-dialog .supplier-invoice-list .db-table th,
.supplier-expense-dialog .supplier-invoice-list .db-table td{padding:10px 9px;vertical-align:middle;}
.supplier-expense-dialog .supplier-invoice-list .db-table td:nth-child(2),
.supplier-expense-dialog .supplier-invoice-list .db-table td:nth-child(3),
.supplier-expense-dialog .supplier-invoice-list .db-table td:nth-child(4){min-width:150px;}

@media(max-width:1250px){
  #salesReportModal .report-toolbar{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  #accountingReportModal .report-toolbar{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
  #salesReportModal .report-toolbar button,
  #accountingReportModal .report-toolbar button{width:100%!important;}
  .supplier-expense-dialog .supplier-head-supplier{grid-column:span 4;}
  .supplier-expense-dialog .supplier-head-booking{grid-column:span 8;}
  .supplier-expense-dialog .supplier-head-category,
  .supplier-expense-dialog .supplier-head-hotel,
  .supplier-expense-dialog .supplier-head-reference{grid-column:span 4;}
  .supplier-expense-dialog .supplier-head-date,
  .supplier-expense-dialog .supplier-head-due,
  .supplier-expense-dialog .supplier-head-currency,
  .supplier-expense-dialog .supplier-head-status,
  .supplier-expense-dialog .supplier-head-account{grid-column:span 4;}
}
@media(max-width:820px){
  .report-wide-dialog,.supplier-expense-dialog{width:100vw!important;max-width:100vw!important;margin:0!important;}
  .report-wide-dialog .modal-content,.supplier-expense-dialog .modal-content{min-height:100vh;max-height:100vh;border-radius:0!important;}
  #salesReportModal .report-toolbar,#accountingReportModal .report-toolbar{grid-template-columns:1fr 1fr!important;}
  .supplier-expense-dialog .supplier-invoice-head-grid{grid-template-columns:1fr!important;padding:12px!important;}
  .supplier-expense-dialog .supplier-invoice-head-grid>div{grid-column:1/-1!important;}
  .supplier-expense-dialog .supplier-booking-summary{grid-template-columns:1fr 1fr;}
  .supplier-expense-dialog .supplier-invoice-bottom-grid{grid-template-columns:1fr;}
}
@media(max-width:520px){
  #salesReportModal .report-toolbar,#accountingReportModal .report-toolbar{grid-template-columns:1fr!important;}
  .supplier-expense-dialog .supplier-booking-summary{grid-template-columns:1fr;}
  .supplier-expense-dialog .supplier-form-actions{grid-template-columns:1fr;}
}
.report-agent-summary-table td:nth-child(2)>strong,
.report-agent-summary-table td:nth-child(2)>small{display:block;}
.report-agent-summary-table td:nth-child(2)>small{margin-top:3px;color:#7b889a;font-size:10px;}

/* =============================================================
   V9.7.9.4 — Full Accounting Summary dashboard
   ============================================================= */
.accounting-summary-dialog{margin:0!important;max-width:none!important;width:100%!important;height:100%!important;}
.accounting-summary-modal{min-height:100vh;background:#eef4fa;border:0!important;border-radius:0!important;overflow:hidden;}
.accounting-summary-modal .accounting-modal-header{flex:0 0 auto;padding:18px 28px!important;background:linear-gradient(110deg,#12366d,#0c83a9)!important;color:#fff;box-shadow:0 5px 20px rgba(13,46,88,.2);}
.accounting-summary-modal .modal-title{font-size:24px;font-weight:900;letter-spacing:-.02em}.accounting-summary-modal .report-modal-subtitle{font-size:12px;opacity:.82;margin-top:3px;}
.accounting-summary-modal .modal-body{padding:0!important;overflow-y:auto!important;overflow-x:hidden!important;}
.accounting-summary-body{background:linear-gradient(180deg,#edf5fb 0,#f7f9fc 340px,#eef3f7 100%);}
.accounting-summary-shell{width:min(1680px,100%);margin:0 auto;padding:22px 28px 34px;}
.accounting-summary-brand{margin:0 0 18px;border-radius:20px!important;padding:20px 24px!important;box-shadow:0 14px 36px rgba(12,42,79,.13);}
.accounting-summary-brand .report-brand-left strong{font-size:21px}.accounting-summary-brand .report-brand-left span{font-size:13px}.accounting-summary-brand .report-brand-left small{font-size:11px;}
.accounting-action-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px;padding:17px 18px;background:rgba(255,255,255,.96);border:1px solid #dce5ee;border-radius:18px;box-shadow:0 10px 28px rgba(27,60,99,.07);}
.accounting-filter-grid{display:grid;grid-template-columns:repeat(5,minmax(145px,1fr));gap:12px;flex:1;min-width:0;}
.accounting-filter-grid .form-label{display:block;margin-bottom:6px;color:#53627a;font-size:10px;text-transform:uppercase;letter-spacing:.06em;font-weight:900;}
.accounting-filter-grid .form-control,.accounting-filter-grid .form-select{height:42px;border-radius:11px;border-color:#cfdae6;background:#fff;color:#21344f;font-size:12px;}
.accounting-toolbar-buttons{display:flex;align-items:center;gap:9px;flex:0 0 auto}.accounting-toolbar-buttons .btn-luxury{height:42px;width:auto!important;min-width:136px;padding:0 15px!important;white-space:nowrap;}
.accounting-kpi-grid{display:grid;gap:15px;margin-bottom:18px;}.accounting-kpi-primary{grid-template-columns:repeat(4,minmax(0,1fr));}.accounting-kpi-cash{grid-template-columns:repeat(4,minmax(0,1fr));}
.accounting-dashboard-card{position:relative;min-width:0;overflow:hidden;background:#fff;border:1px solid #e0e7ef;border-radius:20px;padding:20px 21px;box-shadow:0 11px 27px rgba(23,55,92,.075);}
.accounting-dashboard-card:after{content:"";position:absolute;width:96px;height:96px;border-radius:50%;right:-31px;top:-35px;background:rgba(30,105,183,.055);}
.accounting-dashboard-card small{display:block;color:#6c7a90;font-size:10px;font-weight:900;letter-spacing:.045em;text-transform:uppercase;line-height:1.35;}
.accounting-dashboard-card strong{display:block;margin:8px 0 5px;color:#122f5c;font-size:clamp(20px,1.65vw,29px);line-height:1.08;font-weight:900;letter-spacing:-.025em;overflow-wrap:anywhere;}
.accounting-dashboard-card em{display:block;color:#8490a1;font-size:10px;font-style:normal;line-height:1.4;overflow-wrap:anywhere;}
.accounting-dashboard-card.revenue{border-top:4px solid #26aa62}.accounting-dashboard-card.revenue.service{border-top-color:#2188d5}.accounting-dashboard-card.expense{border-top:4px solid #e45f68}.accounting-dashboard-card.expense.service{border-top-color:#e18b32}.accounting-dashboard-card.profit{border-top:4px solid #1579cf}.accounting-dashboard-card.profit.service{border-top-color:#7065d5}.accounting-dashboard-card.outstanding{border-top:4px solid #dda529}.accounting-dashboard-card.payable{border-top:4px solid #bb5964}
.accounting-kpi-cash .accounting-dashboard-card{display:flex;align-items:flex-start;gap:14px;padding:17px 18px}.accounting-kpi-cash .accounting-dashboard-card>span{width:43px;height:43px;display:grid;place-items:center;border-radius:13px;flex:0 0 auto;font-size:17px}.accounting-kpi-cash .accounting-dashboard-card>div{min-width:0}.accounting-kpi-cash .accounting-dashboard-card strong{font-size:clamp(17px,1.3vw,23px)}
.accounting-dashboard-card.cash-in>span{background:#e5f8ee;color:#179058}.accounting-dashboard-card.cash-out>span{background:#ffeded;color:#d85159}.accounting-dashboard-card.net-cash>span{background:#e8f3ff;color:#2677bd}.accounting-dashboard-card.transactions>span{background:#fff4d8;color:#b47b18}
.accounting-section-card{margin-bottom:18px;background:#fff;border:1px solid #dee6ef;border-radius:20px;box-shadow:0 10px 28px rgba(28,59,96,.065);overflow:hidden;}
.accounting-card-header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:19px 22px;border-bottom:1px solid #e4eaf1;background:linear-gradient(180deg,#fff,#fbfcfe);}
.accounting-card-header h3{margin:0;color:#172f54;font-size:18px;font-weight:900;letter-spacing:-.015em}.accounting-card-header p{margin:4px 0 0;color:#7b889b;font-size:11px}.accounting-card-header>span{color:#6c7a8e;font-size:11px;font-weight:800;}
.accounting-chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:18px;}.accounting-chart-panel{min-width:0;padding:14px 14px 9px;border:1px solid #e1e8ef;border-radius:16px;background:#fbfdff;}.accounting-chart-title{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 4px 9px}.accounting-chart-title strong{color:#1a3967;font-size:14px}.accounting-chart-title span{color:#8290a4;font-size:10px}.accounting-svg-chart{min-height:250px;width:100%;overflow:hidden}.accounting-svg-chart svg{display:block;width:100%;height:auto;max-height:280px}.accounting-chart-gridline{stroke:#dce5ed;stroke-width:1}.accounting-chart-zero{stroke:#8191a5;stroke-width:1.3}.accounting-chart-axis,.accounting-chart-month{fill:#77869a;font-size:10px;font-family:Arial,sans-serif}.accounting-chart-month{font-size:9px;font-weight:700}.accounting-chart-bar{transition:opacity .15s}.accounting-chart-bar:hover{opacity:.74}.accounting-chart-bar.revenue{fill:#2fac65}.accounting-chart-bar.expense{fill:#e15b66}.accounting-chart-bar.profit{fill:#237fd0}.accounting-chart-bar.profit.negative{fill:#c54955}.accounting-chart-empty{min-height:240px;display:grid;place-items:center;color:#8190a3;font-size:12px}.accounting-chart-legend{display:flex!important;align-items:center;gap:7px;white-space:nowrap}.accounting-chart-legend b{width:12px;height:12px;border-radius:3px;display:inline-block}.accounting-chart-legend b.revenue{background:#2fac65}.accounting-chart-legend b.expense{background:#e15b66}.accounting-chart-legend b.profit{background:#237fd0}
.accounting-two-column-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.accounting-compact-card{min-width:0}.accounting-statement-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:18px}.accounting-statement-column{border:1px solid #e1e8ef;border-radius:15px;overflow:hidden}.accounting-statement-column h4{margin:0;padding:12px 15px;background:#f2f6fa;color:#23466e;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.045em}.accounting-statement-column>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;border-top:1px solid #e7edf3;font-size:12px}.accounting-statement-column span{color:#5f6f85}.accounting-statement-column strong{color:#19375f;text-align:right;white-space:nowrap}.accounting-statement-column .total{background:#f7fbff}.accounting-statement-column .total span,.accounting-statement-column .total strong{font-weight:900;color:#12366a}
.accounting-tax-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:18px}.accounting-tax-grid>div{padding:16px;border:1px solid #e1e8ef;border-radius:15px;background:#fbfcfe}.accounting-tax-grid small{display:block;color:#748299;font-size:9px;text-transform:uppercase;font-weight:900;letter-spacing:.05em}.accounting-tax-grid strong{display:block;margin:7px 0 4px;color:#173866;font-size:19px;overflow-wrap:anywhere}.accounting-tax-grid em{display:block;color:#8a96a6;font-size:10px;font-style:normal}
.accounting-dashboard-table-wrap{max-height:420px;overflow:auto!important;border-radius:0!important;border:0!important;margin:0!important}.accounting-dashboard-table-wrap .accounting-report-table{min-width:980px!important;margin:0}.accounting-dashboard-table-wrap .db-table th{position:sticky;top:0;z-index:2;background:#174a87;color:#fff;padding:11px 12px}.accounting-dashboard-table-wrap .db-table td{padding:12px;font-size:11px;vertical-align:middle}.accounting-dashboard-table-wrap .db-table td small{display:block;margin-top:3px;color:#8491a2;font-size:9px}.accounting-money-lines{line-height:1.55;white-space:nowrap}.accounting-status{display:inline-flex;align-items:center;justify-content:center;min-width:72px;padding:6px 9px;border-radius:999px;font-size:9px;font-weight:900}.accounting-status.paid{background:#dff6e9;color:#087445}.accounting-status.partial{background:#fff0cf;color:#946100}.accounting-status.unpaid{background:#ffe5e5;color:#b63d45}.accounting-status.overdue{background:#ca3b45;color:#fff}.accounting-row-action{height:31px;border:0;border-radius:8px;padding:0 10px;display:inline-flex;align-items:center;gap:6px;background:#eaf2f9;color:#23537e;font-size:9px;font-weight:900}.accounting-row-action:hover{background:#dcebf7}.accounting-summary-footer{background:#fff;border-top:1px solid #dfe6ee;padding:11px 24px!important;}
[data-travel-theme="dark"] .accounting-summary-modal,[data-travel-theme="dark"] .accounting-summary-body{background:#0f1724}[data-travel-theme="dark"] .accounting-action-toolbar,[data-travel-theme="dark"] .accounting-dashboard-card,[data-travel-theme="dark"] .accounting-section-card,[data-travel-theme="dark"] .accounting-chart-panel,[data-travel-theme="dark"] .accounting-statement-column,[data-travel-theme="dark"] .accounting-tax-grid>div{background:#151f2e;border-color:#2c394b;color:#eef3f9}[data-travel-theme="dark"] .accounting-card-header{background:#172233;border-color:#2c394b}[data-travel-theme="dark"] .accounting-card-header h3,[data-travel-theme="dark"] .accounting-dashboard-card strong,[data-travel-theme="dark"] .accounting-statement-column strong,[data-travel-theme="dark"] .accounting-tax-grid strong,[data-travel-theme="dark"] .accounting-chart-title strong{color:#eff5fb}[data-travel-theme="dark"] .accounting-filter-grid .form-control,[data-travel-theme="dark"] .accounting-filter-grid .form-select{background:#111a28;border-color:#344257;color:#f5f7fa}[data-travel-theme="dark"] .accounting-statement-column h4,[data-travel-theme="dark"] .accounting-statement-column .total{background:#1b293b;color:#dce8f5}[data-travel-theme="dark"] .accounting-statement-column>div{border-color:#2d3b4d}[data-travel-theme="dark"] .accounting-chart-gridline{stroke:#334054}[data-travel-theme="dark"] .accounting-chart-axis,[data-travel-theme="dark"] .accounting-chart-month{fill:#98a6b8}
@media(max-width:1280px){.accounting-kpi-primary{grid-template-columns:repeat(2,minmax(0,1fr))}.accounting-filter-grid{grid-template-columns:repeat(3,minmax(150px,1fr))}.accounting-action-toolbar{align-items:stretch;flex-direction:column}.accounting-toolbar-buttons{justify-content:flex-end}.accounting-tax-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.accounting-summary-shell{padding:14px}.accounting-summary-modal .accounting-modal-header{padding:15px 17px!important}.accounting-summary-modal .modal-title{font-size:20px}.accounting-kpi-primary,.accounting-kpi-cash,.accounting-chart-grid,.accounting-two-column-grid{grid-template-columns:1fr}.accounting-filter-grid{grid-template-columns:1fr 1fr}.accounting-toolbar-buttons{display:grid;grid-template-columns:1fr 1fr}.accounting-toolbar-buttons .btn-luxury:first-child{grid-column:1/-1}.accounting-toolbar-buttons .btn-luxury{width:100%!important}.accounting-statement-grid{grid-template-columns:1fr}.accounting-summary-brand .report-brand-right{display:none}}
@media(max-width:560px){.accounting-filter-grid,.accounting-tax-grid{grid-template-columns:1fr}.accounting-toolbar-buttons{grid-template-columns:1fr}.accounting-toolbar-buttons .btn-luxury:first-child{grid-column:auto}.accounting-summary-shell{padding:10px}.accounting-summary-brand{padding:15px!important}.accounting-summary-brand .report-brand-left img{width:48px;height:48px}.accounting-summary-brand .report-brand-left strong{font-size:17px}.accounting-dashboard-card{padding:16px}.accounting-card-header{align-items:flex-start;flex-direction:column;padding:16px}.accounting-chart-legend{white-space:normal}.accounting-chart-grid{padding:10px}.accounting-statement-grid,.accounting-tax-grid{padding:12px}}
/* Keep compact two-column accounting tables inside their cards on desktop. */
.accounting-two-column-grid .accounting-dashboard-table-wrap .accounting-report-table{min-width:620px!important;}
@media(max-width:900px){.accounting-two-column-grid .accounting-dashboard-table-wrap .accounting-report-table{min-width:760px!important;}}

/* =====================================================================
   V9.7.9.6 — COLLAPSIBLE SIDEBAR + COMPACT NAVIGATION GROUPS
   Desktop: hamburger collapses the full sidebar to maximize workspace.
   Mobile: hamburger keeps the existing slide-in drawer behavior.
   ===================================================================== */
@media (min-width:1101px){
  .travel-menu-toggle{
    display:flex!important;
    flex:0 0 44px;
    cursor:pointer;
  }
  .travel-layout-shell{
    transition:grid-template-columns .22s ease;
  }
  .travel-sidebar{
    transition:opacity .16s ease, transform .22s ease, visibility .16s ease, padding .22s ease, border-color .22s ease;
  }
  body.travel-sidebar-collapsed .travel-layout-shell{
    grid-template-columns:0 minmax(0,1fr)!important;
  }
  body.travel-sidebar-collapsed .travel-sidebar{
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateX(-100%);
    padding-left:0!important;
    padding-right:0!important;
    border-right-color:transparent!important;
    overflow:hidden!important;
  }
  body.travel-sidebar-collapsed .travel-main-content{
    width:100%;
  }
}

/* Sidebar dropdown groups */
.travel-nav-group{
  display:grid;
  gap:4px;
}
.travel-nav-group-toggle{
  width:100%;
  min-height:36px;
  border:0;
  background:transparent;
  color:#98a2b3;
  padding:15px 11px 7px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  text-align:left;
  font-size:9px;
  font-weight:900;
  letter-spacing:1px;
  cursor:pointer;
  border-radius:10px;
  transition:background .18s ease,color .18s ease;
}
.travel-nav-group-toggle:hover{
  background:#f5f8fb;
  color:#667085;
}
.travel-nav-group-toggle i{
  width:auto;
  font-size:10px;
  transition:transform .2s ease;
}
.travel-nav-group.open > .travel-nav-group-toggle i{
  transform:rotate(180deg);
}
.travel-nav-group-items{
  display:grid;
  gap:4px;
  overflow:hidden;
}
.travel-nav-group-items[hidden]{
  display:none!important;
}
.travel-nav-group .travel-nav-link{
  margin:0;
}

/* Clear visual hierarchy without adding clutter. */
.travel-nav-group.open > .travel-nav-group-toggle{
  color:#667085;
}
.travel-admin-layout[data-travel-theme="dark"] .travel-nav-group-toggle{
  color:#93a4b8;
}
.travel-admin-layout[data-travel-theme="dark"] .travel-nav-group-toggle:hover{
  background:#102b50;
  color:#d5deea;
}
.travel-admin-layout[data-travel-theme="dark"] .travel-nav-group.open > .travel-nav-group-toggle{
  color:#d5deea;
}

@media(max-width:1100px){
  .travel-nav-group-toggle{
    padding-top:14px;
  }
}


/* =====================================================================
   V9.7.9.7 — INVOICE LIST CLEANUP + TOPBAR POSITIONING
   - Hide Document Workflow on Invoice & Payment.
   - Hide Tambah Reservasi on Invoice & Payment list.
   - Keep right-side top menu unchanged.
   - Move company identity to the left and place hamburger underneath it.
   ===================================================================== */
body[data-travel-module="invoice"] #travelWorkflowHeading{
  display:none!important;
}
[data-simple-workflow-list="invoice"] .simple-workflow-add{
  display:none!important;
}

@media (min-width:1101px){
  .travel-topbar{
    display:grid!important;
    grid-template-columns:minmax(280px,1fr) auto!important;
    grid-template-rows:auto auto!important;
    column-gap:16px!important;
    row-gap:2px!important;
    align-content:center!important;
    align-items:center!important;
  }
  .travel-topbar-brand{
    grid-column:1!important;
    grid-row:1!important;
    justify-self:start!important;
    align-self:end!important;
  }
  .travel-topbar-actions{
    grid-column:2!important;
    grid-row:1 / span 2!important;
    justify-self:end!important;
    align-self:center!important;
  }
  .travel-menu-toggle{
    grid-column:1!important;
    grid-row:2!important;
    justify-self:start!important;
    align-self:start!important;
    width:34px!important;
    height:26px!important;
    min-width:34px!important;
    min-height:26px!important;
    border-radius:8px!important;
    font-size:17px!important;
    margin:0!important;
  }
}