/*
 * Warehouse Web Typography System V1
 * This is the legacy-page normalization layer for the tokens defined by
 * design-system.css. It owns type only; feature geometry and theme color stay
 * in their existing stylesheets.
 */
html,body{font-family:var(--font-ui);font-size:var(--text-base);font-weight:var(--font-regular);line-height:1.55}
body{font-synthesis-weight:none}
button,input,select,textarea{font-family:inherit;font-size:var(--text-base);font-weight:var(--font-regular);line-height:var(--line-normal)}
button,.primary,.secondary,.danger,.ds-btn{font-weight:var(--font-semibold)}
input::placeholder,textarea::placeholder{font-size:var(--text-sm);font-weight:var(--font-regular)}
code,pre,kbd,samp,.technical-id,[data-technical-id],[data-debug-id],.git-sha{font-family:var(--font-mono)}

#pageTitle,.ds-page-title,.page-title,.framework-skeleton-head h3,.workbench-overview-head h2{font-size:var(--text-2xl);font-weight:var(--font-semibold);line-height:var(--line-tight)}
.ds-section-title,.panel-head h3,.dashboard-card>header h3,.business-section>header h3,.workbench-section .panel-head h3{font-size:var(--text-lg);font-weight:var(--font-semibold);line-height:1.4}
.hero h3,.business-hero h3,.crm-hero h3,.crm-customer-hero h3{font-size:var(--text-2xl);font-weight:var(--font-semibold);line-height:var(--line-tight)}
.hero p,.business-hero span,.crm-hero p,.crm-customer-hero p{font-size:var(--text-base);font-weight:var(--font-regular);line-height:var(--line-relaxed)}
.eyebrow,.business-hero p{font-size:var(--text-xs);font-weight:var(--font-semibold);line-height:var(--line-normal)}

.breadcrumb{font-size:var(--text-sm);font-weight:var(--font-regular);line-height:var(--line-normal)}
.sidebar-menu-link{font-size:var(--text-base)!important;font-weight:var(--font-semibold)!important;line-height:20px!important}
.sidebar-section-label{font-size:11px;font-weight:var(--font-medium);line-height:18px}
.top-actions,.top-account-copy small{font-size:var(--text-sm);font-weight:var(--font-regular)}

.data-table,.ds-table{font-size:var(--text-base);font-weight:var(--font-regular);line-height:var(--line-normal)}
.data-table th,.ds-table>thead>tr>th{font-size:var(--text-sm);font-weight:var(--font-semibold);line-height:var(--line-normal)}
.data-table td,.ds-table>tbody>tr>td{font-weight:var(--font-regular)}
.data-table :where(small,.secondary),.ds-table :where(small,.ds-secondary-text){font-size:var(--text-xs);font-weight:var(--font-regular);line-height:var(--line-normal)}
.data-table :where(b,strong),.ds-table :where(b,strong){font-weight:var(--font-semibold)}

.metric span,.business-metric span,.workbench-card .card-label,.business-logistics-kpi span{font-size:var(--text-sm);font-weight:var(--font-regular);line-height:var(--line-normal)}
.metric strong,.business-metric b,.workbench-card>strong,.business-logistics-kpi b{font-size:clamp(24px,2vw,30px);font-weight:var(--font-semibold);line-height:1.2}
.metric small,.business-metric small,.workbench-card small,.business-logistics-kpi small{font-size:var(--text-xs);font-weight:var(--font-regular);line-height:var(--line-normal)}

.empty strong,.ds-empty>strong,.dashboard-state strong{font-size:var(--text-md);font-weight:var(--font-semibold);line-height:1.4}
.empty p,.ds-empty>p,.dashboard-state p{font-size:var(--text-sm);font-weight:var(--font-regular);line-height:var(--line-relaxed)}
.pill,.ds-status,.crm-status,.batch-status,.movement-status{font-size:var(--text-xs);font-weight:var(--font-medium)}

/* Legacy feature sheets may load older, denser type rules. These selectors
 * normalize their semantics without taking ownership of component geometry. */
body #content :where(button,.primary,.secondary,.danger,.ds-btn){font-size:var(--text-base);font-weight:var(--font-semibold);line-height:var(--line-normal)}
body #content :where(input,select,textarea){font-size:var(--text-base);font-weight:var(--font-regular);line-height:var(--line-normal)}
body #content :where(small,.ds-secondary-text,.secondary-text){font-size:var(--text-xs);font-weight:var(--font-regular);line-height:var(--line-normal)}
body #content :where(.ds-page-title,.page-title){font-size:var(--text-2xl);font-weight:var(--font-semibold);line-height:var(--line-tight)}
body #content :where(.ds-section-title,.panel-head h3,.dashboard-card>header h3,.business-section>header h3,.workbench-section .panel-head h3){font-size:var(--text-lg);font-weight:var(--font-semibold);line-height:1.4}
body #content :where(.data-table,.ds-table,.shelf-product-table,.supplier-table,.employee-table) thead th{font-size:var(--text-sm);font-weight:var(--font-semibold);line-height:var(--line-normal)}
body #content :where(.data-table,.ds-table,.shelf-product-table,.supplier-table,.employee-table) tbody td{font-size:var(--text-base);font-weight:var(--font-regular);line-height:var(--line-normal)}

@media(max-width:760px){
  #pageTitle,.ds-page-title,.page-title,.framework-skeleton-head h3,.workbench-overview-head h2,.hero h3,.business-hero h3,.crm-hero h3,.crm-customer-hero h3{font-size:22px}
  .ds-section-title,.panel-head h3,.dashboard-card>header h3,.business-section>header h3,.workbench-section .panel-head h3{font-size:18px}
  body,.data-table,.ds-table{font-size:13px}
  button,input,select,textarea{font-size:14px}
  body #content :where(.ds-page-title,.page-title){font-size:22px}
  body #content :where(.data-table,.ds-table,.shelf-product-table,.supplier-table,.employee-table) tbody td{font-size:13px}
}