/* Screen typography for the CRM. Document/PDF templates retain their approved sizing. */
@media screen {
  :root{--ink:#1d293d;--muted:#58657a;--border:#e1e6ef;--purple:#5d46c7;--purple-light:#eee9ff}
  body{font-size:16px;font-weight:450!important;line-height:1.6}
  .invoice-paper{font-weight:400;color-scheme:light}
  body.dark{--ink:#f0f2fa;--muted:#c0c9dd;--border:#3b4257;--purple:#7257d3;--purple-light:#342d50;color-scheme:dark}

  /* A readable floor for supporting text throughout all active modules. */
  body :where(small,.workspace small,.profile small,.nav-label,nav a .count,.avatar,.small,.breadcrumb,.search-trigger,.search-trigger kbd,.popover p,.eyebrow,.subtitle,.welcome p,.welcome .button,.kpi-top,.metric-bottom,.card-note,.small-select,.chart-summary .trend,.chart-summary small,.chart-legend,.donut-center small,.pipeline-legend p,.pipeline-footer,.text-button,.person small,.badge,.table-foot,.pagination button,.followup p,.followup-time,.destination small,.destination>span,.departure-hero small,.departure-meta,.activity p,.activity small,footer,.package-body p,.package-price small,.kanban-item p,.settings-layout p,.settings-tabs button,.toast,.timeline-day p,.prototype-note,.call-followup-panel .check-line,.permission-heading p,.login-card #loginError,.demo-credentials,.settings-nav-note,.settings-section-heading p,.settings-brand-preview p,.settings-callout,.tax-mode-option small,.smtp-provider p,.backup-enable p,.settings-empty p,.backup-format p,.invoice-editor-toolbar,.invoice-line label,.invoice-summary p,#invoiceService,.invoice-upload-heading p,.invoice-asset-preview.empty>span,.invoice-asset-filename,.invoice-upload-status,.invoice-visibility-option small,.mail-compose-intro p,.mail-mode-note,.mail-attachment small,.mail-error,.invoice-email-history td small,.mail-history-empty,.live-preview-bar small,.live-zoom,#livePdfStatus,.live-desktop-label small,.quotation-module-note span,.quote-eyebrow,.quotation-module-note p,.quote-builder-toolbar p,.quote-help,.quote-edit-row-heading,.quote-edit-row label>span,.quote-edit-row .check-line,.quote-calculation,.quote-pdf-status,.quote-review-note,.quote-history-entry,.itinerary-journey-heading p,.itinerary-contact-heading p,.itinerary-contact-status,.itinerary-library-heading p,.itinerary-library-meta,.itinerary-create-options small,.workflow-chip,.workflow-check,.workflow-trip-label,.workflow-arrangement label,.workflow-inline-info,.workflow-revenue div,.workflow-booking-reference,.demo-mode-pill,.demo-section-heading p,.demo-kpi-head,.demo-kpi-foot small,.demo-legend,.demo-bar-group>small,.demo-chart-tooltip,.demo-chart-caption,.demo-donut small,.demo-donut-legend>div,.demo-employee-chart>div,.demo-task small,.demo-reset p,.demo-filter-panel label,.team-profile-hero p,.team-profile-details small,.team-profile-module-list small,.team-profile-demo-note,.team-employee-workspace small,.team-stat-heading,.team-stat-tag,.team-stat-footer,.team-stat-footer small,.team-stat-footer>span,.team-overline,.team-chart-heading p,.team-chart-select,.team-pulse-summary>strong>small,.team-period-tag,.team-pulse-fact small,.team-module-strip>span,.team-contribution-ring small,.team-contribution-overview p,.team-contribution-overview>div+div>small,.team-contributor>div>span,.team-contributor b,.team-contributor b small,.team-contribution-hint,.team-chart-empty,.toolbar>span):not(:where(.invoice-paper,.invoice-paper *,.print-brand,.print-brand *)){
    font-size:14px!important;line-height:1.55;
  }
  body :where(.nav-label,.eyebrow,.team-overline,.team-profile-hero .eyebrow):not(:where(.invoice-paper *,.print-brand *)){font-size:12px!important;font-weight:700!important;letter-spacing:1.2px;color:#5f6c82!important}
  body :where(h1):not(:where(.invoice-paper *,.print-brand *)){font-size:32px!important;font-weight:750!important;line-height:1.25;color:var(--ink)!important;letter-spacing:-.7px}
  body :where(h2,.modal h2,.demo-section-heading h2,.demo-team-first>.demo-section-heading h2):not(:where(.invoice-paper *,.print-brand *)){font-size:25px!important;font-weight:700!important;line-height:1.35;color:var(--ink)!important}
  body :where(h3,.card-title,.settings-section-heading h3,.invoice-section h3,.quote-editor-section h3,.demo-chart h3,.team-chart-heading h3,.team-profile-permissions h3):not(:where(.invoice-paper *,.print-brand *)){font-size:19px!important;font-weight:700!important;line-height:1.4;color:var(--ink)!important}
  body :where(.subtitle,.card-note,.page-heading p,.demo-section-heading p,.quotation-module-note p,.quote-help,.settings-section-heading p,.permission-heading p,.team-chart-heading p,.team-profile-demo-note):not(:where(.invoice-paper *,.print-brand *)){font-size:15px!important;color:var(--muted)!important;line-height:1.65}
  body :where(.metric,.demo-kpi>strong,.team-stat-body strong,.workflow-summary strong):not(:where(.invoice-paper *,.print-brand *)){font-size:36px!important;font-weight:750!important;line-height:1.2;color:var(--ink)!important}
  body :where(.demo-kpi-head,.team-stat-heading,.team-contribution-overview>div+div>b,.team-profile-module-list b,.demo-task b,.settings-empty b,.backup-format b,.tax-mode-option b,.invoice-visibility-option b,.mail-attachment b,.itinerary-create-options b):not(:where(.invoice-paper *,.print-brand *)){font-size:15px!important;font-weight:600!important;color:#34435b!important}

  /* Navigation, forms and tables are the primary reading surfaces. */
  body :where(nav a,#navigation a.nav-subitem){font-size:16px!important;font-weight:550!important;color:#43516a!important;line-height:1.45;min-height:46px}
  body :where(nav a.active){color:#5035b6!important;font-weight:700!important}
  body :where(nav a:hover){color:#5035b6!important}
  body :where(nav a .count){font-size:13px!important;font-weight:650!important;color:#59627c!important;min-width:24px;text-align:center}
  body :where(.workspace,.profile b){font-size:15px!important;font-weight:650!important;line-height:1.4}
  body :where(.workspace small,.profile small){font-size:13px!important;color:var(--muted)!important}
  body :where(.avatar){font-size:14px!important;font-weight:700!important;width:38px;height:38px}
  body :where(.avatar.small){font-size:13px!important;width:34px;height:34px}
  body :where(.avatar.lavender){color:#62489a!important}body :where(.avatar.pink){color:#974363!important}body :where(.avatar.blue){color:#386396!important}body :where(.avatar.peach){color:#905914!important}
  body :where(.team-contributor-avatar){color:#3b4963!important}
  body :where(.breadcrumb,.search-trigger){font-size:15px!important;color:#536079!important;font-weight:500!important}
  body :where(.breadcrumb b){font-weight:650!important;color:var(--ink)!important}
  body :where(.icon-button){color:#65738b!important}
  body :where(.form-field>label,.form-field>span,.invoice-line label,.quote-edit-row label>span,.workflow-arrangement label,.demo-filter-panel label,.check-line,.permission-heading h3):not(:where(.invoice-paper *,.print-brand *)){font-size:15px!important;font-weight:600!important;color:#34435b!important}
  body :where(.input,.toolbar input,.toolbar select,.quote-edit-row input,.quote-edit-row select,.quote-edit-row textarea,.quote-editor-section textarea){font-size:16px!important;font-weight:500!important;line-height:1.5;color:#25344b!important;min-height:46px;border-color:#cbd3e1;padding:11px 13px}
  body :where(input,textarea)::placeholder{color:#65738b!important;opacity:1;font-weight:400!important}
  body :where(.input:focus,.toolbar input:focus,.toolbar select:focus){border-color:#8067db;outline:2px solid #8971df2b;outline-offset:1px}
  body :where(.form-field){min-width:0}
  body :where(.form-grid){grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
  body :where(.form-field textarea){min-height:110px}
  body :where(.form-field .input){min-width:0;max-width:100%;width:100%}
  body :where(.button,.text-button,.settings-hub-nav>button,.settings-tabs button,.quote-mobile-tabs button,.live-mobile-tabs button,.quote-actions .button,.live-editor-actions .button,.workflow-actions .button,.workflow-record-actions button,.itinerary-library-actions .button,.invoice-upload-actions .button,.demo-task .button,.team-profile-row-actions .button,.team-profile-row-actions .text-button,.team-workspace-actions .button):not(:where(.invoice-paper *,.print-brand *)){font-size:15px!important;font-weight:600!important;line-height:1.4}
  body :where(.button):not(:where(.invoice-paper *,.print-brand *)){padding:11px 15px;min-height:44px}
  body :where(.button svg){width:17px;height:17px;flex:none}
  body :where(.text-button):not(:where(.invoice-paper *,.print-brand *)){color:#5e43bb!important;min-height:34px}
  body :where(th):not(:where(.invoice-paper *,.print-brand *)){font-size:13px!important;font-weight:700!important;color:#47566f!important;background:#f1f4fa;letter-spacing:.2px;padding:15px 17px}
  body :where(td):not(:where(.invoice-paper *,.print-brand *)){font-size:15px!important;font-weight:500!important;color:#35445a!important;padding:18px 17px;line-height:1.55}
  body :where(.person b,.followup b,.destination b,.detail-grid b,.team-profile-details b):not(:where(.invoice-paper *,.print-brand *)){font-size:16px!important;font-weight:650!important;color:#29374d!important}
  body :where(.person small,.table-foot,.workflow-booking-reference):not(:where(.invoice-paper *,.print-brand *)){font-size:13px!important;color:#637088!important}
  body :where(.permission-table tbody th){font-size:15px!important;color:var(--ink)!important}
  body :where(.badge):not(:where(.invoice-paper *,.print-brand *)){font-size:13px!important;font-weight:600!important;padding:5px 9px;line-height:1.4;color:#187355!important}
  body :where(.badge.pending,.badge.negotiation,.badge.follow-up-required,.badge.submitted){color:#865b12!important}
  body :where(.badge.new,.badge.sent,.badge.in-progress){color:#6243a7!important}
  body :where(.badge.contacted,.badge.quotation-sent){color:#35649f!important}
  body :where(.badge.overdue,.badge.cancelled,.badge.lost){color:#a5394e!important}
  body :where(.pagination button){min-width:34px;height:34px;font-size:14px!important;font-weight:600!important}
  #records .table-wrap{overflow-x:auto;overscroll-behavior-inline:contain}
  #records td:last-child{max-width:360px;white-space:normal}
  #records td:last-child .workflow-record-actions{max-width:330px;min-width:210px}
  body :where(.small-select,.team-chart-select){font-size:14px!important;min-height:38px;padding:8px 11px;max-width:180px;color:#4d5872!important;font-weight:500!important}
  body :where(.actions,.page-heading,.card-heading,.demo-section-heading,.team-chart-heading){gap:16px}
  body :where(.actions,.header-right,.form-actions,.invoice-editor-toolbar,.quote-builder-toolbar){flex-wrap:wrap}
  body :where(.page-heading){align-items:flex-start}
  body :where(.toolbar){flex-wrap:wrap;gap:14px}
  /* Filter rows share padding and responsive columns instead of touching card edges. */
  body .demo-filter-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:16px;padding:20px 22px;margin:16px 0;border:1px solid var(--border);border-radius:12px;background:var(--surface);align-items:end}
  body .table-card>.demo-filter-panel{margin:0 0 12px;border-left:0;border-right:0;border-top:0;border-radius:0;background:#fafbfe}
  body .demo-filter-panel>label{display:flex;flex-direction:column;gap:8px;min-width:0;margin:0;width:100%;line-height:1.5}
  body .demo-filter-panel .input{width:100%;min-width:0;max-width:100%;margin-top:0}
  body .demo-filter-panel>.button{grid-column:-2/-1;justify-self:end;align-self:end;min-width:140px;margin:0}
  body .toolbar{padding:20px 22px;gap:14px}
  body .toolbar input{flex:1 1 260px;min-width:0;max-width:100%}
  body .toolbar select{max-width:100%;min-width:170px}
  body .workflow-toolbar{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:14px;align-items:end}
  body .workflow-toolbar>.input{width:100%;min-width:0;max-width:100%}
  body .workflow-toolbar>input[type=search]{grid-column:span 2}
  body .demo-activity-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:14px;align-items:end;padding-bottom:20px}
  body .demo-activity-controls>.input{min-width:0;width:100%;max-width:100%}
  body .demo-activity-controls>.button{min-height:46px}
  body .workflow-record-actions{align-items:center;gap:10px}
  body .form-actions{flex-wrap:wrap;gap:12px}
  body.dark .table-card>.demo-filter-panel{background:#252b3c}
  body :where(.modal){min-width:0;max-width:min(1700px,calc(100vw - 32px))!important}
  body :where(.team-profile-row-actions){min-width:290px;gap:9px}
  body :where(.team-profile-row-actions .button){padding:9px 12px;min-height:40px}

  /* Stronger secondary text without removing the existing colour accents. */
  body :where(.metric-bottom,.card-note,.pipeline-legend p,.pipeline-footer,.followup p,.followup-time,.destination small,.departure-meta,.activity p,.activity small,.settings-nav-note,.settings-brand-preview p,.tax-mode-option small,.smtp-provider p,.backup-enable p,.backup-format p,.invoice-upload-heading p,.invoice-asset-filename,.invoice-upload-status,.invoice-visibility-option small,.mail-attachment small,.live-preview-bar small,.live-desktop-label small,.itinerary-library-heading p,.demo-kpi-foot small,.demo-legend,.demo-bar-group>small,.demo-chart-caption,.demo-donut small,.demo-donut-legend>div,.demo-employee-chart>div,.demo-task small,.team-stat-footer,.team-stat-footer small,.team-stat-footer>span,.team-pulse-summary>strong>small,.team-pulse-fact small,.team-module-strip>span,.team-contribution-ring small,.team-contribution-overview p,.team-contribution-overview>div+div>small,.team-contributor>div>span,.team-contributor b small,.team-contribution-hint,.team-employee-workspace small,.team-profile-hero p):not(:where(.invoice-paper *,.print-brand *)){color:var(--muted)!important}
  body :where(.live-preview-bar b,.live-desktop-label,.quote-edit-row-heading,.invoice-line-heading,.team-employee-workspace b){font-size:17px!important;font-weight:650!important;color:var(--ink)!important}
  body :where(.team-stat){--team-accent:#6550b8;padding:22px 22px 17px}
  body :where(.team-tone-teal){--team-accent:#087a78}body :where(.team-tone-blue){--team-accent:#316bac}body :where(.team-tone-green){--team-accent:#147a50}body :where(.team-tone-rose){--team-accent:#a24570}body :where(.team-tone-amber){--team-accent:#915a0c}
  body :where(.team-stat-heading){font-size:15px!important;min-height:44px}
  body :where(.team-stat-tag){font-size:13px!important;font-weight:550!important}
  body :where(.team-stat-footer,.team-stat-footer small,.team-stat-footer>span){font-size:13px!important}
  body :where(.team-stat-footer){align-items:flex-start;flex-wrap:wrap;gap:5px}
  body :where(.team-stat-featured .team-stat-body strong,.team-stat-featured .team-stat-heading){color:#fff!important}
  body :where(.team-stat-featured .team-stat-footer,.team-stat-featured .team-stat-footer small,.team-stat-featured .team-stat-footer>span,.team-stat-featured .team-stat-tag){color:#eee8ff!important}
  body :where(.team-overline){font-size:12px!important;font-weight:700!important;color:#646e85!important;letter-spacing:1.1px}
  body :where(.team-chart-heading h3){font-size:22px!important}
  body :where(.team-pulse-summary>strong){font-size:36px!important;color:var(--ink)!important}
  body :where(.team-pulse-fact b){font-size:23px!important;color:#3f4a60!important}
  body :where(.team-period-tag){font-size:13px!important;color:#604b9b!important}
  body :where(.team-contribution-ring){width:110px;height:110px}
  body :where(.team-contribution-ring>div){width:86px;height:86px}
  body :where(.team-contribution-ring strong){font-size:30px!important}
  body :where(.team-contributor>div>span,.team-contributor b,.team-contribution-overview>div+div>b){font-size:15px!important;font-weight:600!important}
  body :where(.team-contributor-avatar){font-size:13px!important;width:34px;height:34px}
  body :where(.team-contributor-list){gap:17px}
  body :where(.team-contributor-track,.team-contributor-track>i){height:6px}
  body :where(.team-pulse-svg text,.demo-line text,.revenue-chart text){font-size:16px!important;fill:#586780!important;stroke:none}
  body :where(.team-pulse-summary){flex-wrap:wrap}
  body :where(.demo-chart-tooltip){font-size:13px!important;color:white!important}
  body :where(.demo-chart-caption,.team-module-strip>span){font-size:13px!important}
  body :where(.live-zoom button,.quote-zoom button){min-width:34px;min-height:34px}
  body :where(.team-profile-hero h3){font-size:26px!important}
  body :where(.team-profile-module-list b){font-size:16px!important}
  body :where(.team-profile-module-list small){font-size:14px!important;color:var(--muted)!important}
  body :where(.team-profile-module-icon){width:36px;height:36px}
  body :where(footer):not(:where(.invoice-paper *,.print-brand *)){font-size:13px!important;line-height:1.7;color:var(--muted)!important}

  body.dark :where(nav a,.breadcrumb,.search-trigger,.demo-kpi-head,.team-stat-heading,.form-field>label,.invoice-line label,.quote-edit-row label>span,.workflow-arrangement label,.demo-filter-panel label,.check-line,.team-employee-workspace b,.team-pulse-fact b){color:#d0d7e8!important}
  body.dark :where(nav a.active){color:#d4c6ff!important}
  body.dark :where(.input,.toolbar input,.toolbar select,.quote-edit-row input,.quote-edit-row select,.quote-edit-row textarea){color:#edf1fa!important;border-color:#566079}
  body.dark :where(th):not(:where(.invoice-paper *)){color:#e1e6f5!important;background:#30364b}
  body.dark :where(td,.person b,.detail-grid b,.team-profile-details b,.team-profile-module-list b,.team-contributor b,.team-contribution-overview>div+div>b):not(:where(.invoice-paper *)){color:#e0e5f2!important}
  body.dark :where(.eyebrow,.nav-label,.team-overline){color:#b3bed3!important}
  body.dark :where(.team-pulse-svg text,.demo-line text,.revenue-chart text){fill:#bdc8df!important}
  body.dark :where(.text-button){color:#c8b9ff!important}
  body.dark :where(.person small,.table-foot,.workflow-booking-reference){color:#b8c4db!important}
  body.dark :where(.small-select,.team-chart-select,.demo-task b,.tax-mode-option b,.invoice-visibility-option b,.mail-attachment b,.itinerary-create-options b,.settings-empty b,.backup-format b){color:#e0e5f2!important}
  body.dark :where(.settings-hub-nav>button.active,.settings-tabs button.active,.view-switch .active,.live-mobile-tabs [aria-selected=true],.quote-mobile-tabs [aria-selected=true],.pagination button.selected){color:#d4c6ff!important}
  body.dark :where(input,textarea)::placeholder{color:#adb9d2!important}
  body.dark :where(.team-stat){--team-accent:#c5b3ff}body.dark :where(.team-tone-teal){--team-accent:#75d7c9}body.dark :where(.team-tone-blue){--team-accent:#93bafa}body.dark :where(.team-tone-green){--team-accent:#7bddb1}body.dark :where(.team-tone-rose){--team-accent:#f4abc9}body.dark :where(.team-tone-amber){--team-accent:#f2cb87}
}
@media screen and (min-width:981px){:root{--sidebar:292px}body.collapsed{--sidebar:84px}}
@media screen and (min-width:1700px){body :where(.team-stat-heading>span:nth-child(2)){max-width:none}body :where(.team-stat){padding:20px 16px 15px}}
@media screen and (max-width:1100px){body :where(.demo-business-kpis){grid-template-columns:repeat(2,minmax(0,1fr))}body :where(.team-insight-grid){grid-template-columns:minmax(0,1fr)}body :where(.team-contributor-list){grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}
@media screen and (max-width:760px){
  body :where(h1):not(:where(.invoice-paper *)){font-size:28px!important}
  body :where(.form-grid,.invoice-edit-pane .form-grid,.workflow-detail .form-grid,.workflow-arrangement .form-grid,#invoiceClientForm .form-grid,#quotationForm .form-grid){grid-template-columns:minmax(0,1fr)}
  body :where(.modal){padding:18px}
  body :where(.header-right){gap:10px;flex-wrap:nowrap}
  body :where(.page-heading .actions,.demo-period-controls){width:100%}
  body :where(.actions .button,.live-editor-actions .button,.quote-actions .button){white-space:normal;flex:1 1 130px}
  body :where(.team-stat){padding:17px 14px 14px}
  body :where(.team-stat-heading){font-size:14px!important;min-height:54px;align-items:flex-start}
  body :where(.team-stat-tag){font-size:13px!important;max-width:90px;min-height:35px}
  body :where(.team-stat-footer,.team-stat-footer small,.team-stat-footer>span){font-size:12px!important}
  body :where(.team-stat-body strong){font-size:34px!important}
  body :where(.team-pulse-svg text){font-size:26px!important}
  body :where(.demo-line text){font-size:22px!important}
  body :where(.team-chart-heading){flex-wrap:wrap}
  body :where(.team-chart-heading h3){font-size:21px!important}
  body :where(.team-period-tag){display:inline-block;margin:0}
  body :where(.team-contributor-list){grid-template-columns:minmax(0,1fr)}
  body :where(.team-pulse-fact){min-width:95px}
  body :where(.team-profile-hero){flex-wrap:wrap}
  body :where(.team-profile-details){grid-template-columns:minmax(0,1fr)}
  body :where(.team-workspace-actions){width:100%}
  body :where(.demo-chart .small-select){max-width:100%}
  body .toolbar,body .demo-filter-panel{padding:16px}
  body .toolbar input,body .toolbar select{flex:1 1 100%;width:100%;min-width:0}
  body .toolbar .view-switch{margin-left:0}
  body .demo-filter-panel,body .workflow-toolbar,body .demo-activity-controls{grid-template-columns:minmax(0,1fr);gap:14px}
  body .demo-filter-panel>.button{grid-column:auto;justify-self:stretch}
  body .workflow-toolbar>input[type=search]{grid-column:auto}
}
