/* V478 - Desktop typography normalization for all menus
   UI only: no logic, API, SQL, permissions or calculations changed. */

@media (min-width: 761px){

  /* Sidebar / navigation */
  .sidebar,
  .app-sidebar,
  .vifood-sidebar{
    font-size:14px!important;
  }

  .sidebar a,
  .sidebar button,
  .app-sidebar a,
  .app-sidebar button,
  nav a,
  nav button{
    font-size:14px!important;
    line-height:1.35!important;
  }

  .sidebar .menu-group-title,
  .app-sidebar .menu-group-title,
  .nav-section-title{
    font-size:11px!important;
    line-height:1.3!important;
    letter-spacing:.04em!important;
  }

  /* Page headings */
  main h1,
  .page-title,
  .content-title{
    font-size:24px!important;
    line-height:1.25!important;
  }

  main h2,
  .section-title{
    font-size:18px!important;
    line-height:1.3!important;
  }

  main h3{
    font-size:16px!important;
    line-height:1.3!important;
  }

  /* Generic text */
  main,
  .page-content,
  .app-content{
    font-size:14px!important;
  }

  main p,
  main li,
  main label,
  main .text,
  main .description{
    font-size:13px!important;
    line-height:1.5!important;
  }

  /* Forms */
  input,
  select,
  textarea,
  button{
    font-size:13px!important;
  }

  input,
  select,
  textarea{
    min-height:38px;
  }

  button,
  .btn,
  .button{
    min-height:36px;
    line-height:1.25!important;
  }

  /* Tables */
  table{
    font-size:12.5px!important;
  }

  th{
    font-size:11.5px!important;
    line-height:1.35!important;
  }

  td{
    font-size:12.5px!important;
    line-height:1.45!important;
  }

  /* Cards and KPI blocks */
  .card,
  .panel,
  .metric-card,
  .kpi-card,
  .stat-card{
    padding-top:14px;
    padding-bottom:14px;
  }

  .card small,
  .panel small,
  .metric-card small,
  .kpi-card small,
  .stat-card small{
    font-size:10.5px!important;
    line-height:1.4!important;
  }

  .card strong,
  .panel strong,
  .metric-card strong,
  .kpi-card strong,
  .stat-card strong{
    line-height:1.2!important;
  }

  /* Common VIFOOD module blocks introduced in previous versions */
  [class*="section-head"] > div > span{
    font-size:10.5px!important;
    line-height:1.3!important;
  }

  [class*="section-head"] h2,
  [class*="section-head"] h3{
    font-size:17px!important;
    line-height:1.3!important;
  }

  [class*="section-head"] > small{
    font-size:10.5px!important;
    line-height:1.4!important;
  }

  [class*="health-grid"] article,
  [class*="attention-grid"] article,
  [class*="cashflow-grid"] article{
    padding:14px!important;
  }

  [class*="health-grid"] article span,
  [class*="attention-grid"] article span,
  [class*="cashflow-grid"] article span{
    font-size:10px!important;
    line-height:1.35!important;
  }

  [class*="health-grid"] article b,
  [class*="attention-grid"] article b,
  [class*="cashflow-grid"] article b{
    font-size:20px!important;
    line-height:1.1!important;
  }

  [class*="health-grid"] article small,
  [class*="attention-grid"] article small,
  [class*="cashflow-grid"] article small{
    font-size:9.5px!important;
    line-height:1.45!important;
  }

  /* Alerts */
  [class*="alert-title"] strong{
    font-size:14px!important;
  }

  [class*="alert-main"] p{
    font-size:13px!important;
  }

  [class*="alert-meta"] span{
    font-size:11px!important;
  }

  /* Supplier / inventory / revenue / profit / debt cards */
  [class*="chart-head"] h3,
  [class*="chart-head"] h4{
    font-size:14px!important;
  }

  [class*="chart-head"] small{
    font-size:10px!important;
  }

  /* Prevent ultra-small legacy text on desktop */
  main [style*="font-size:6px"],
  main [style*="font-size:7px"],
  main [style*="font-size:8px"],
  main [style*="font-size:9px"]{
    font-size:10.5px!important;
  }
}

/* 12–15 inch desktop optimization */
@media (min-width: 1100px) and (max-width: 1500px){
  main h1,.page-title,.content-title{
    font-size:22px!important;
  }

  main h2,.section-title{
    font-size:17px!important;
  }

  table{
    font-size:12px!important;
  }

  td{
    font-size:12px!important;
  }

  .sidebar a,
  .sidebar button,
  .app-sidebar a,
  .app-sidebar button{
    font-size:13.5px!important;
  }
}