/* Desa CRM readability v5 — increase legibility without changing layout */
:root{
  --read-body:15px;
  --read-small:12px;
  --read-label:12px;
  --read-button:13px;
  --read-title:31px;
  --read-section:17px;
}

body{font-size:var(--read-body)!important;line-height:1.5!important}
.nav button{font-size:14px!important}
.page-head h2,.pipeline-head h2,.settings-header h2{font-size:var(--read-title)!important;line-height:1.12!important}
.page-head p,.pipeline-head p,.settings-header p{font-size:13px!important;line-height:1.6!important}
.section-eyebrow{font-size:10px!important}
.panelhead h2,.calendarbox h2,.settings-card-head h3{font-size:var(--read-section)!important}
.btn,.toolbar button,.toolbar select,.report-toolbar select,.search input,input,select,textarea{font-size:var(--read-button)!important}
.kpi span,.mini-kpi span,.lead-stat span,.desa-lead-summary-item span,.client-meta-item span,.property-detail-stat span,.property-form-field label{font-size:var(--read-label)!important}
.kpi strong{font-size:27px!important}
.mini-kpi strong,.lead-stat strong{font-size:22px!important}
.delta,.status,.note-pill,.muted-tag,.score-badge,.pipeline-chip,.property-match-count,.property-status-badge,.role-pill,.integration-status{font-size:11px!important}
.table th{font-size:10px!important}
.table td{font-size:13px!important;line-height:1.5!important}
.lead-name,.source-block b,.next-action,.pipeline-card-name b,.client-kv-row b,.property-match-item b,.match-content b,.match-linked-main b,.settings-row b,.team-member b,.automation-rule b{font-size:14px!important}
.lead-sub,.lead-created-sub,.source-block small,.next-action small,.pipeline-card-name small,.pipeline-card-sub,.client-header p,.client-kv-row span,.property-match-item small,.match-content small,.match-linked-main small,.settings-row small,.team-member small,.automation-rule small,.activity-row small,.note-entry time{font-size:12px!important;line-height:1.5!important}
.pipeline-stage-head strong{font-size:13px!important}
.pipeline-card-label{font-size:10px!important}
.pipeline-card-value{font-size:13px!important}
.client-header h1{font-size:30px!important}
.client-section-head h3,.detailbox h3{font-size:13px!important}
.note-entry p,.inline-note p,.activity-row p,.note-add-line textarea,.note-field-flat textarea{font-size:13px!important;line-height:1.65!important}
.appointment-body h3{font-size:14px!important}
.appointment-body p,.appointment-meta span{font-size:12px!important}
.property-body b{font-size:15px!important}
.property-body p{font-size:12px!important;line-height:1.5!important}
.property-body strong{font-size:20px!important}
.property-action-label{font-size:11px!important}
.desa-property-action,.desa-property-link-btn{font-size:12px!important}
.desa-lead-summary-item strong{font-size:13px!important}
.report-summary .client-kv-row b,.campaign-summary-row b{font-size:13px!important}
.campaign-summary-row span{font-size:11px!important}
.settings-nav button{font-size:13px!important}

@media(max-width:800px){
  body{font-size:15px!important}
  .page-head h2,.pipeline-head h2,.settings-header h2{font-size:27px!important}
  .page-head p,.pipeline-head p,.settings-header p{font-size:13px!important}
  .btn,.toolbar button,.toolbar select,.report-toolbar select,.search input,input,select,textarea{font-size:14px!important}
  .panelhead h2,.calendarbox h2,.settings-card-head h3{font-size:16px!important}
  .lead-name,.source-block b,.next-action,.pipeline-card-name b,.client-kv-row b,.property-match-item b,.match-content b,.match-linked-main b,.settings-row b,.team-member b,.automation-rule b{font-size:14px!important}
  .lead-sub,.lead-created-sub,.source-block small,.next-action small,.pipeline-card-name small,.pipeline-card-sub,.client-header p,.client-kv-row span,.property-match-item small,.match-content small,.match-linked-main small,.settings-row small,.team-member small,.automation-rule small,.activity-row small,.note-entry time{font-size:12px!important}
  .client-header h1{font-size:26px!important}
  .property-body b{font-size:15px!important}
  .property-body p{font-size:12px!important}
  .property-body strong{font-size:19px!important}
}
