/* Unified typography for every back-office module.
   Reference: 时间进度记录（stage-timeline.css）.
   Sans-serif for interface copy, Georgia serif for display headings and metrics. */

#appView .view{
  --module-type-copy:13.5px;
  --module-type-detail:11.5px;
  --module-type-label:11.5px;
  --module-type-title:20px;
  --module-type-display:34px;
  --module-type-leading:1.8;
  font-family:Inter,"SF Pro Display","PingFang SC","Microsoft YaHei",system-ui,sans-serif;
  font-size:var(--module-type-copy);
  font-variant-numeric:tabular-nums;
}

#appView .view :where(p,li,dd,dt,td,label,input,select,textarea,summary){
  font-size:var(--module-type-copy)!important;
}

#appView .view :where(p,li,dd,.module-stage,.module-intro,.settings-intro,.form-hint,
  .email-body,.inbox-body,.issue-message,.issue-quote,.notarial-description,
  .progress-event p,.progress-card>p,.cf-source,.cf-stage){
  line-height:var(--module-type-leading);
}

#appView .view :where(small,.muted,.eyebrow,.badge,.client-code,.owner-filter,
  .owner-chip,.delivery-state,.module-stage,.form-hint,.field-warning,
  .selected-client-summary span,.review-meta,.review-note,.severity,
  .inbox-row-top small,.inbox-row-meta em,.inbox-client-code,
  .progress-card-meta,.progress-card-head span,.progress-stage-badge,
  .flow-summary-row,.flow-card-title small,.flow-card-meta,.flow-card-body,
  .flow-card-note,.flow-card-hint,.flow-source,.stage-timeline-note,
  .cf-meta,.timeline-sync-state){
  font-size:var(--module-type-detail)!important;
}

#appView .view :where(.btn,.btn.small,.btn.ghost.small,.row-action,.nav-subitem,
  .download-subtab,.inbox-subtab,.cpf-subtab,.cpf-person-tab){
  font-size:var(--module-type-label)!important;
}

#appView .view :where(.module-hero h2,.clients-hero h2,.stage-timeline-hero h2){
  font-family:Georgia,"Noto Serif SC",serif!important;
  font-size:var(--module-type-display)!important;
  font-weight:500!important;
  letter-spacing:-.5px!important;
}

#appView .view :where(.panel-head h3,.panel h3,.dash-panel h3,.review-section-title,
  .stage-timeline-panel-head h3){
  font-size:var(--module-type-title)!important;
}

#appView .view table:not(.excel-preview-table):not(.sheet-clone-table) th{
  font-size:var(--module-type-label)!important;
}

#appView .view :where(.client-cell b,.flow-card-title b,.progress-card h4,
  .inbox-row strong,.handoff-card-head b,.notarial-card h3){
  font-size:var(--module-type-copy)!important;
}

#appView .view :where(.module-client-picker,.owner-filter,.email-editor label,
  .module-form label,.form-grid label,.inbox-toolbar label,.inbox-review-box label,
  .sheet-clone-filters label){
  font-size:var(--module-type-detail)!important;
}

#appView .view :where(.stat-card strong,.stage-kpi b,.stage-total strong){
  font-family:Georgia,"Noto Serif SC",serif!important;
  font-size:27px!important;
  font-weight:600!important;
  font-variant-numeric:tabular-nums;
}

@media(max-width:680px){
  #appView .view :where(.module-hero h2,.clients-hero h2,.stage-timeline-hero h2){
    font-size:28px!important;
  }
}
