/*
  TeamAct CRM — Fixed Global TeleCRM-style Typography V1
  Basis: user-supplied TeleCRM visual analysis report.
  The report identifies the source font as Inter-like rather than source-code verified;
  Inter is therefore used as the practical implementation, with Arial/sans-serif fallback.

  This stylesheet is intentionally fixed. There is no Font Control or Live Font Editor.
  It is loaded last so old experimental role-specific font overrides do not change the
  global hierarchy.
*/
:root{
  --crm-font-family:"Inter",Arial,sans-serif;
  --crm-font-base:14px;
  --crm-font-small:13px;
  --crm-font-nav:16px;
  --crm-font-table:14px;
  --crm-font-form:14px;
  --crm-font-button:14px;
  --crm-font-h1:18px;
  --crm-font-h2:16px;
  --crm-font-h3:15px;
  --crm-font-body-weight:400;
  --crm-font-heading-weight:600;
  --crm-line-height:1.42;
}

html,body,#root,
button,input,select,textarea,option,
table,thead,tbody,tfoot,tr,th,td,
label,small,kbd,time,a,p,span,strong,b,em,i,
h1,h2,h3,h4,h5,h6{
  font-family:var(--crm-font-family)!important;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

html body,
html body #root{
  font-size:var(--crm-font-base)!important;
  font-weight:var(--crm-font-body-weight)!important;
  line-height:var(--crm-line-height)!important;
  letter-spacing:0!important;
}

/* Standard CRM copy */
html body #root :where(p,li,summary,time,a:not(.action-tile)){
  font-size:14px!important;
  font-weight:400!important;
  line-height:1.42!important;
  letter-spacing:0!important;
}

/* Main page title: TeleCRM reference ~18px / 600 */
html body #root .page-heading h1,
html body #root .workspace > h1,
html body #root #view > h1,
html body #root .lead-detail-v2-title h1,
html body #root .login h1{
  font-size:18px!important;
  font-weight:600!important;
  line-height:24px!important;
  letter-spacing:0!important;
}

/* Section / panel headings use a compact hierarchy beneath the 18px page title. */
html body #root .card h2,
html body #root .exact-card-head h2,
html body #root #view h2,
html body .crm-dialog h2,
html body .crm-security-dialog h2{
  font-size:16px!important;
  font-weight:600!important;
  line-height:1.35!important;
  letter-spacing:0!important;
}
html body #root #view h3,
html body #root #view h4,
html body #root #view h5,
html body #root #view h6,
html body .crm-dialog h3,
html body .crm-security-dialog h3{
  font-size:15px!important;
  font-weight:600!important;
  line-height:1.35!important;
  letter-spacing:0!important;
}

/* Sidebar: TeleCRM reference 15–16px / 400–500. */
html body #root .sidebar nav button,
html body #root .sidebar nav button span,
html body #root .sidebar-collapse-btn{
  font-size:16px!important;
  font-weight:500!important;
  line-height:1.25!important;
  letter-spacing:0!important;
}

/* Top bar / account / search */
html body #root .topbar,
html body #root .top-user,
html body #root .top-user strong,
html body #root .top-user small,
html body #root .top-search input,
html body #root .top-search kbd{
  font-size:14px!important;
  line-height:1.35!important;
  letter-spacing:0!important;
}
html body #root .top-user strong{font-weight:600!important}
html body #root .top-user small{font-weight:400!important}

/* Search, filters and form controls: 14px. */
html body #root input,
html body #root select,
html body #root textarea,
html body #root option,
html body #root label,
html body .crm-dialog input,
html body .crm-dialog select,
html body .crm-dialog textarea,
html body .crm-dialog label,
html body .crm-security-dialog input,
html body .crm-security-dialog select,
html body .crm-security-dialog textarea,
html body .crm-security-dialog label{
  font-size:14px!important;
  line-height:1.4!important;
  letter-spacing:0!important;
}
html body #root label,
html body .crm-dialog label,
html body .crm-security-dialog label{font-weight:500!important}

/* Compact utility / action buttons: TeleCRM reference ~14px. */
html body #root button,
html body .crm-dialog button,
html body .crm-security-dialog button{
  font-size:14px!important;
  font-weight:500!important;
  line-height:1.2!important;
  letter-spacing:0!important;
}

/* Spreadsheet/table typography: 14px body, 14px/600 headers. */
html body #root .shell #view table,
html body #root .shell #view table td,
html body #root .shell #view .tablewrap td,
html body #root .shell #view .crm-sheet td,
html body .crm-dialog table td,
html body .crm-security-dialog table td{
  font-size:14px!important;
  font-weight:400!important;
  line-height:1.4!important;
  letter-spacing:0!important;
}
html body #root .shell #view table th,
html body #root .shell #view .tablewrap th,
html body #root .shell #view .crm-sheet th,
html body .crm-dialog table th,
html body .crm-security-dialog table th{
  font-size:14px!important;
  font-weight:600!important;
  line-height:1.35!important;
  letter-spacing:0!important;
}

/* Lead/customer clickable names: TeleCRM reference 16px / 500. */
html body #root .shell #view .mlv2 button.mlv2-lead-name,
html body #root .shell #view .mlv2 button.mlv2-lead-name b,
html body #root .shell #view .lead-name,
html body #root .shell #view .lead-name a,
html body #root .shell #view [data-lead-name]{
  font-size:16px!important;
  font-weight:500!important;
  line-height:1.35!important;
  letter-spacing:0!important;
}

/* Status badges are compact labels, not headline text. */
html body #root :where(.badge,.pill,.status-pill,.status-badge,.local-badge,.mlv2-status,.lead-status-chip,.company-lead-status-chip),
html body .crm-dialog :where(.badge,.pill,.status-pill,.status-badge,.local-badge){
  font-size:13px!important;
  font-weight:500!important;
  line-height:1.3!important;
  letter-spacing:0!important;
}

/* Helper / muted / support text: TeleCRM reference 12–13px. */
html body #root :where(
  small,.muted,.sub,.hint,.help,.helper,.caption,.description,.note,
  .page-subtitle,.subtitle,.stat-foot,.stat-title,.sidebar-bottom,
  .side-card small,.live-notice,.crm-column-tools,.crm-column-status,
  .page-eyebrow,.lead-detail-scope,.lead-detail-eyebrow,
  .lead-detail-v2-status-label,.lead-detail-v2-kicker,
  .crm-settings-quick-help,.crm-settings-quick-status
),
html body .crm-dialog small,
html body .crm-security-dialog small{
  font-size:13px!important;
  font-weight:400!important;
  line-height:1.4!important;
  letter-spacing:0!important;
}

/* My Leads details had several legacy 10–13px experiments; normalize them. */
html body #root .shell #view .mlv2-lead-name small,
html body #root .shell #view .mlv2-phone,
html body #root .shell #view .mlv2-tabs button,
html body #root .shell #view .mlv2-pager,
html body #root .shell #view .mlv3-action span,
html body #root .shell #view .mlv3-action b,
html body #root .shell #view .mlv3-history-tabs button,
html body #root .shell #view .mlv3-history-event p,
html body #root .shell #view .mlv3-task-row,
html body #root .shell #view .mlv3-status-trigger,
html body #root .shell #view .mlv3-status-option,
html body #root .shell #view .mlv3-status-search-row input{
  font-size:14px!important;
  line-height:1.4!important;
  letter-spacing:0!important;
}
html body #root .shell #view .mlv3-history-actor,
html body #root .shell #view .mlv3-task-columns,
html body #root .shell #view .mlv3-followup-form label>span,
html body #root .shell #view .mlv3-note-form label>span{
  font-size:12px!important;
  line-height:1.35!important;
  letter-spacing:0!important;
}

/* Report tabs / period controls stay compact. */
html body #root .report-period-tabs button,
html body #root .mr-tabs button,
html body #root .admin-period-filter button,
html body #root .admin-report-tabs button{
  font-size:14px!important;
  font-weight:500!important;
  letter-spacing:0!important;
}

/* Keep branding/hero artwork free to use component-specific display sizes;
   this stylesheet standardizes operational CRM text, not logo artwork. */