/* Wadi Land v19 typography layer.
   Matches the readable density of the ClickUp reference without changing
   workflow geometry or responsive behavior. */

:root{
  --font-sans:Inter,"Segoe UI Variable","Segoe UI","Vazirmatn",system-ui,-apple-system,BlinkMacSystemFont,Arial,sans-serif;
  --type-body:.875rem;
  --type-control:.875rem;
  --type-meta:.75rem;
  --type-micro:.6875rem;
  --type-card-title:.875rem;
  --type-section:1rem;
  --leading-ui:1.4;
  --leading-copy:1.55;
}

html,body{
  font-family:var(--font-sans)!important;
  font-size:16px;
  line-height:var(--leading-copy);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
  font-kerning:normal;
}
button,input,select,textarea{font-family:inherit!important;font-size:var(--type-control);line-height:var(--leading-ui)}

/* Header and global search */
#appShell .topbar-search input{font-size:.875rem!important;font-weight:400;letter-spacing:0}
#appShell .topbar-search input::placeholder{font-size:.875rem;color:#777}
#appShell .topbar-search kbd{font-size:.6875rem;font-weight:500}
.topbar-ai-chip{font-size:.8125rem;font-weight:400}
#appShell .notification-button i{font-size:.6875rem;font-weight:700;font-variant-numeric:tabular-nums}

/* Compact navigation: labels stay readable but do not turn into blocks. */
#appShell .nav-item span{font-size:.625rem!important;font-weight:600;letter-spacing:-.005em}
#appShell .nav-item svg{width:1.35rem!important;height:1.35rem!important;stroke-width:1.8}
#appShell .nav-count{font-size:.625rem!important;font-weight:700;font-variant-numeric:tabular-nums}
#appShell .sidebar-profile .avatar{font-size:.75rem;font-weight:700}

/* Page headings and standard controls */
#appShell .page{font-size:var(--type-body);line-height:var(--leading-copy)}
#appShell h1{font-size:1.625rem;line-height:1.2;font-weight:650;letter-spacing:-.025em}
#appShell h2{font-size:1.25rem;line-height:1.28;font-weight:650;letter-spacing:-.018em}
#appShell h3{font-size:1.0625rem;line-height:1.35;font-weight:650}
#appShell h4{font-size:1rem;line-height:1.38;font-weight:650}
#appShell .eyebrow{font-size:.6875rem!important;line-height:1.35;font-weight:700;letter-spacing:.08em}
#appShell .button{font-size:.875rem!important;font-weight:600;line-height:1.3}
#appShell .button.small{font-size:.8125rem!important}
#appShell .text-button{font-size:.8125rem!important;font-weight:600}

/* Dashboard toolbar */
#page-dashboard .today-button,#page-dashboard .view-switch button{font-size:.8125rem!important;font-weight:600}
#page-dashboard .range-title strong{font-size:.875rem!important;line-height:1.3;font-weight:650;font-variant-numeric:tabular-nums}
#page-dashboard .range-title span{font-size:.75rem!important;line-height:1.4}
#page-dashboard .tiny-avatar{font-size:.625rem!important;font-weight:700}

/* Calendar headings and delivery cards */
#page-dashboard .day-label span{font-size:.6875rem!important;font-weight:650;letter-spacing:.025em}
#page-dashboard .day-label strong{font-size:.875rem!important;font-weight:650;font-variant-numeric:tabular-nums}
#page-dashboard .day-head em{font-size:.6875rem!important;line-height:1.35}
#page-dashboard .case-card{font-size:.75rem;line-height:1.4}
#page-dashboard .country-code{font-size:.6875rem!important;font-weight:700}
#page-dashboard .status-chip{font-size:.625rem!important;font-weight:650}
#page-dashboard .staff-avatar{font-size:.625rem!important;font-weight:700}
#page-dashboard .staff-name{font-size:.6875rem!important;font-weight:600;max-width:4.75rem}
#page-dashboard .visa-line{font-size:.6875rem!important;line-height:1.4}
#page-dashboard .case-title{font-size:.875rem!important;line-height:1.35;font-weight:700;letter-spacing:-.01em}
#page-dashboard .traveler-count{font-size:.6875rem!important;font-weight:700}
#page-dashboard .mini-stage i{font-size:.625rem!important;font-weight:650}
#page-dashboard .mini-stage span{font-size:.59375rem!important;line-height:1.3}
#page-dashboard .latest-action{font-size:.6875rem!important;line-height:1.4}
#page-dashboard .card-footer{font-size:.625rem!important;line-height:1.35;font-variant-numeric:tabular-nums}
#page-dashboard .compact-timeline li{font-size:.6875rem!important;line-height:1.4}
#page-dashboard .compact-timeline time{font-size:.625rem!important}
#page-dashboard .open-case-button{font-size:.75rem!important;font-weight:650}
#page-dashboard .period-head strong{font-size:.875rem!important}
#page-dashboard .period-head span,#page-dashboard .period-head em{font-size:.6875rem!important}
#page-dashboard .date-divider strong,#page-dashboard .empty-period{font-size:.75rem!important}

/* Profile menu: the previous 7–9px values were the most visible mismatch. */
.profile-menu{width:18rem;padding:.5rem}
.profile-menu-user{gap:.75rem;padding:.75rem;margin-bottom:.35rem}
.profile-menu-user .avatar{width:2.5rem;height:2.5rem;font-size:.8125rem}
.profile-menu-user b{font-size:.875rem!important;line-height:1.35;font-weight:650}
.profile-menu-user span{font-size:.75rem!important;line-height:1.4}
.profile-menu>button{height:2.75rem;padding:0 .75rem;gap:.75rem;font-size:.8125rem!important;line-height:1.35;font-weight:500}
.profile-menu>button svg{width:1.125rem;height:1.125rem}

/* Search, notifications and the calendar mega menu. */
#appShell .search-result-copy b{font-size:.8125rem!important}
#appShell .search-result-country{font-size:.75rem!important}
#appShell .search-result-meta{font-size:.6875rem!important}
.floating-panel-head strong{font-size:.9375rem!important}
.floating-panel-head span{font-size:.75rem!important}
.notification-tabs button{font-size:.75rem!important}
.notification-copy b{font-size:.8125rem!important}
.notification-copy span{font-size:.75rem!important;line-height:1.45}
.notification-copy small{font-size:.6875rem!important}
.calendar-mega-head small{font-size:.6875rem!important}
.calendar-mega-head h2{font-size:1.0625rem!important}
.calendar-mega-head p{font-size:.8125rem!important}
.calendar-mega-time{font-size:.8125rem!important}
.calendar-mega-copy b{font-size:.875rem!important}
.calendar-mega-copy span{font-size:.75rem!important}
.calendar-mega-status{font-size:.6875rem!important}

/* Shared modules and data tables. */
.workspace-module-head>div>p:last-child,.contracts-page-head p,.travelers-hero p:last-child,.settings-hero p:last-child{font-size:.8125rem!important;line-height:1.55}
.module-card-head h2{font-size:1rem!important}
.module-card-head p{font-size:.75rem!important;line-height:1.5}
.module-search input{font-size:.8125rem!important}
.module-filter-tabs button{font-size:.75rem!important}
.module-table th{font-size:.6875rem!important;line-height:1.4}
.module-table td{font-size:.8125rem!important;line-height:1.5}
.module-table td b{font-size:.8125rem!important}
.module-table td small{font-size:.6875rem!important;line-height:1.45}
.module-row-actions button{font-size:.75rem!important}
.module-status{font-size:.6875rem!important}
.module-summary-grid span,.module-summary-grid small{font-size:.6875rem!important}
.country-chip b,.voucher-type-card h3{font-size:.8125rem!important}
.country-chip small,.voucher-type-card p,.voucher-type-card footer small,.voucher-type-card footer button{font-size:.6875rem!important;line-height:1.45}

/* Profile and form content */
.profile-summary b{font-size:.875rem!important}.profile-summary span{font-size:.75rem!important}
.password-section strong{font-size:.8125rem!important}.password-section span{font-size:.75rem!important}
.form-error{font-size:.75rem!important;line-height:1.45}
.module-form-grid label,.schedule-form-grid label{font-size:.75rem!important}
.module-form-grid input,.module-form-grid select,.module-form-grid textarea,.schedule-form-grid input,.schedule-form-grid select{font-size:.8125rem!important}

@media(max-width:767px){
  #appShell .nav-item span{font-size:.8125rem!important}
  #appShell h1{font-size:1.375rem}
  #appShell h2{font-size:1.125rem}
  .profile-menu{width:min(18rem,calc(100vw - 1rem))}
}