/* Keep each workspace's structure, with shared finance/document surfaces. */
@media(min-width:781px){
 :is(.page-customers,.page-hotels,.page-tickets,.page-vehicles,.page-templates,.page-terms,.page-settings,.page-dashboard,.page-quoteExcel) {
  --blue:#5268d4; --blue-soft:#f0f3fd; --line:#e2e8f1; --muted:#8390a5; --ink:#172b4d; --text:#253858; --radius:12px; --radius-sm:8px;
  --gt-blue:#5268d4; --gt-blue-soft:#f0f3fd; --gt-muted:#8390a5;
  background:#f4f6fa; color:#172b4d;
 }
 :is(.page-customers,.page-hotels,.page-tickets,.page-vehicles,.page-templates,.page-terms,.page-settings,.page-dashboard,.page-quoteExcel) .panel {
  border-color:#e2e8f1; border-radius:12px; box-shadow:none; min-width:0;
 }
 :is(.page-customers,.page-hotels,.page-tickets,.page-vehicles,.page-templates,.page-terms,.page-settings,.page-dashboard,.page-quoteExcel) .btn {
  border-radius:8px; box-shadow:none; font-size:12px;
 }
 :is(.page-customers,.page-hotels,.page-tickets,.page-vehicles,.page-templates,.page-terms,.page-settings,.page-dashboard,.page-quoteExcel) .btn.primary {
  background:#5268d4; border-color:#5268d4; color:#fff;
 }
 :is(.page-customers,.page-hotels,.page-tickets,.page-vehicles,.page-templates,.page-terms,.page-settings,.page-dashboard,.page-quoteExcel) .btn.soft {
  background:#f8fafd; border-color:#e2e8f1; color:#5268d4;
 }
 :is(.page-customers,.page-hotels,.page-tickets,.page-vehicles,.page-templates,.page-terms,.page-settings,.page-dashboard) input:not([type=checkbox]):not([type=radio]):not([type=file]),
 :is(.page-customers,.page-hotels,.page-tickets,.page-vehicles,.page-templates,.page-terms,.page-settings,.page-dashboard) select,
 :is(.page-customers,.page-hotels,.page-tickets,.page-vehicles,.page-templates,.page-terms,.page-settings,.page-dashboard) textarea {
  border:1px solid #e0e6f0; border-radius:8px; background:#fff; color:#253858; font-size:13px; min-width:0; max-width:100%; box-sizing:border-box;
 }
 :is(.page-customers,.page-hotels,.page-tickets,.page-vehicles,.page-templates,.page-terms,.page-settings,.page-dashboard) input:not([type=checkbox]):not([type=radio]):focus,
 :is(.page-customers,.page-hotels,.page-tickets,.page-vehicles,.page-templates,.page-terms,.page-settings,.page-dashboard) select:focus,
 :is(.page-customers,.page-hotels,.page-tickets,.page-vehicles,.page-templates,.page-terms,.page-settings,.page-dashboard) textarea:focus {
  outline:0; border-color:#899ff0; box-shadow:0 0 0 3px #5268d412;
 }
 :is(.page-customers,.page-hotels,.page-tickets,.page-vehicles,.page-templates,.page-terms) :is(.ticket-hero,.template-hero,.customer-library-hero) {
  background:#fff; color:#172b4d; box-shadow:none; border-color:#e2e8f1; gap:16px; flex-wrap:wrap;
 }
 :is(.page-customers,.page-hotels,.page-tickets,.page-vehicles,.page-templates,.page-terms) :is(.ticket-hero,.template-hero,.customer-library-hero) h2 {
  color:#172b4d; font-size:26px; line-height:1.4;
 }
 :is(.page-customers,.page-hotels,.page-tickets,.page-vehicles,.page-templates,.page-terms) :is(.ticket-hero,.template-hero,.customer-library-hero) p {
  color:#8390a5; font-size:12px; line-height:1.8;
 }
 :is(.page-customers,.page-hotels,.page-tickets,.page-vehicles,.page-templates,.page-terms) :is(.ticket-search,.customer-library-search) {
  background:#f8fafd; border:1px solid #e7ecf4; border-radius:9px; padding:12px; gap:10px;
 }
 :is(.page-customers,.page-hotels,.page-tickets,.page-vehicles,.page-templates,.page-terms) :is(.ticket-card,.hotel-card,.customer-library-card,.template-card) {
  background:#fff; border-color:#e2e8f1; border-radius:10px; box-shadow:none; min-width:0;
 }
 :is(.page-customers,.page-hotels,.page-tickets,.page-vehicles,.page-templates,.page-terms) :is(.ticket-card,.hotel-card,.customer-library-card,.template-card):hover {
  border-color:#c7d2e9; box-shadow:none;
 }
 :is(.page-hotels,.page-tickets,.page-vehicles) :is(.ticket-group-head,.hotel-card-head) {
  background:#f8fafd; border-color:#e7ecf4; border-radius:8px; padding:12px 14px; gap:12px; flex-wrap:wrap;
 }
 :is(.page-hotels,.page-tickets,.page-vehicles) :is(.ticket-group-head h3,.hotel-card-head strong) {
  color:#253858; font-size:15px; overflow-wrap:anywhere;
 }
 :is(.page-hotels,.page-tickets,.page-vehicles) :is(.ticket-side,.ticket-city-list button,.hotel-room-row) {
  border-color:#e2e8f1; box-shadow:none;
 }
 :is(.page-hotels,.page-tickets,.page-vehicles) .ticket-city-list button {
  background:#fff; border-radius:8px; color:#52627a;
 }
 :is(.page-hotels,.page-tickets,.page-vehicles) .ticket-city-list button.active {
  background:#f0f3fd; border-color:#d9e1f5; color:#5268d4;
 }
 :is(.page-customers,.page-hotels,.page-tickets,.page-vehicles,.page-templates,.page-terms) :is(.ticket-city,.badge,.customer-count-badge) {
  background:#eef2fa; border-color:#e2e8f1; color:#637daf; border-radius:6px; box-shadow:none;
 }
 .page-customers .customer-avatar { background:#eef2fa; color:#637daf; border-radius:9px; box-shadow:none; }
 .page-customers .customer-card-top strong { color:#253858; font-size:16px; overflow-wrap:anywhere; }
 .page-customers :is(.customer-card-contact,.customer-card-note) { background:#f8fafd; border-color:#e7ecf4; }
 .page-customers .customer-card-actions { border-color:#e7ecf4; }
 :is(.page-templates,.page-terms) :is(.template-library-section-head,.template-card-head,.template-editor-head) { border-color:#e7ecf4; }
 :is(.page-templates,.page-terms) .ticket-city-tabs button { border-radius:8px; box-shadow:none; }
 :is(.page-templates,.page-terms) .ticket-city-tabs button.active { background:#f0f3fd; color:#5268d4; border-color:#d9e1f5; }
 .page-settings :is(.settings-subnav,.settings-content>.panel,.settings-section,.company-settings-section,.settings-mode-note) {
  background:#fff; border-color:#e2e8f1; border-radius:12px; box-shadow:none;
 }
 .page-settings .settings-page-head { color:#172b4d; }
 .page-settings .settings-page-head h1 { font-size:28px; }
 .page-settings .settings-subnav-item { border-radius:8px; box-shadow:none; }
 .page-settings .settings-subnav-item.active { background:#f0f3fd; color:#5268d4; border-color:#d9e1f5; }
 .page-settings :is(.settings-subnav-icon,.settings-subnav-child-dot) { background:#eef2fa; color:#637daf; border-radius:7px; }
 .page-dashboard .dashboard-top { background:transparent; border:0; box-shadow:none; color:#172b4d; }
 .page-dashboard .dashboard-top h1 { color:#172b4d; font-size:28px; }
 .page-dashboard .dashboard-top p { color:#8390a5; font-size:13px; }
 .page-dashboard :is(.stat-card,.todo-card,.dashboard-info-card,.dashboard-resource-item) { border-color:#e2e8f1; border-radius:12px; box-shadow:none; }
 .page-dashboard .stat-card { background:#fff; min-width:0; }
 .page-dashboard .stat-card strong { overflow-wrap:anywhere; font-variant-numeric:tabular-nums; }
 .page-dashboard .stat-green { background:#edf5f1; }
 .page-dashboard .stat-amber { background:#fff9ef; }
 .page-dashboard .stat-red { background:#fff5f5; }
 .page-quoteExcel :is(.excel-topbar,.excel-summary,.excel-summary-panel,.excel-info-panel,.excel-sheet-header) { border-color:#e2e8f1; border-radius:10px; box-shadow:none; }
 .page-quoteExcel .excel-topbar { background:#fff; }
 .page-quoteExcel :is(.excel-title-row h1,.excel-summary-panel h2) { color:#172b4d; }
}

/* Keep the finance navigation stationary in compact desktop windows. */
@media(min-width:821px){
 body:has(main.page-finance){overflow:hidden;}
 .app:has(>main.page-finance){height:var(--app-viewport-height);min-height:0;overflow:hidden;}
 main.page-finance{height:100%;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;}
}