/* ============================================================
   ML-UREL THEME 2026 V6.1 — TYPOGRAPHIE / LISIBILITE
   Objectif : augmenter la lisibilite sans changer la structure,
   le menu horizontal, les donnees ni les dimensions principales.
   A charger APRES le theme V6.
   ============================================================ */

#app.topnav-layout{
  font-size:14px!important;
}

/* ===== Header ===== */
#app.topnav-layout .top-brand strong{
  font-size:16px!important;
}
#app.topnav-layout .top-brand span{
  font-size:10px!important;
}
#app.topnav-layout .top-title-block strong{
  font-size:18px!important;
  line-height:1.2!important;
}
#app.topnav-layout .top-title-block span{
  font-size:11px!important;
}
#app.topnav-layout .top-user-box strong{
  font-size:11px!important;
}
#app.topnav-layout .top-user-box span{
  font-size:10px!important;
}

/* ===== Navigation horizontale actuelle CONSERVEE ===== */
#app.topnav-layout .top-nav-tab,
#app.topnav-layout .top-direct-menu{
  font-size:12px!important;
  line-height:1!important;
}
#app.topnav-layout .top-nav-icon{
  font-size:16px!important;
}
#app.topnav-layout .top-sub-nav a{
  font-size:11px!important;
  line-height:1!important;
}
#app.topnav-layout .top-sub-nav a>span{
  font-size:12px!important;
}
#app.topnav-layout .top-sub-nav a>strong{
  font-size:11px!important;
}

/* ===== Barre de contexte globale ===== */
#app.topnav-layout .top-context-strip{
  font-size:11px!important;
}
#app.topnav-layout .top-context-strip>span:not(.top-sync-state),
#app.topnav-layout .top-context-strip b{
  font-size:11px!important;
}
#app.topnav-layout .ml-global-context-controls label>span,
#app.topnav-layout .ml-global-context-urel>span{
  font-size:11px!important;
}
#app.topnav-layout .ml-global-context-controls select,
#app.topnav-layout .ml-global-context-urel select{
  font-size:12px!important;
}
#app.topnav-layout .top-sync-state{
  font-size:10.5px!important;
}

/* ===== Titres de page ===== */
#app.topnav-layout main.content h1,
#app.topnav-layout .dg-v5-heading h1{
  font-size:26px!important;
  line-height:1.25!important;
}
#app.topnav-layout .dg-v5-heading p,
#app.topnav-layout .subtitle{
  font-size:12px!important;
}

/* ===== Bloc d'introduction / diagnostic ===== */
#app.topnav-layout .dg-synth-intro>div:first-child strong{
  font-size:13px!important;
}
#app.topnav-layout .dg-synth-intro>div:first-child span{
  font-size:11px!important;
}
#app.topnav-layout .dg-synth-diagnostic-tip{
  font-size:11px!important;
  line-height:1.45!important;
}

/* ===== KPI Direction Generale ===== */
#app.topnav-layout .dg-kpi-modern .dg-card-title{
  font-size:12.5px!important;
  line-height:1.35!important;
}
#app.topnav-layout .dg-kpi-modern-value{
  font-size:28px!important;
  line-height:1.18!important;
}
#app.topnav-layout .dg-kpi-modern-period,
#app.topnav-layout .dg-kpi-modern-period>span{
  font-size:11px!important;
}

/* Comparaison / evolution */
#app.topnav-layout .dg-kpi-compare-box>span,
#app.topnav-layout .dg-kpi-evolution-box>span{
  font-size:11px!important;
}
#app.topnav-layout .dg-kpi-compare-box>b,
#app.topnav-layout .dg-kpi-evolution-box>b{
  font-size:11.5px!important;
  line-height:1.35!important;
}

/* Objectifs */
#app.topnav-layout .dg-kpi-objective-row{
  font-size:11px!important;
}
#app.topnav-layout .dg-kpi-objective-row>span:nth-child(2){
  font-size:11px!important;
}
#app.topnav-layout .dg-kpi-objective-row>b{
  font-size:11.5px!important;
}
#app.topnav-layout .dg-executive-v5 .dg-kpi-modern-scale{
  font-size:10px!important;
}
#app.topnav-layout .dg-executive-v5 .dg-kpi-modern-scale b{
  font-size:10.5px!important;
}

/* Statut objectif */
#app.topnav-layout .dg-kpi-status-banner{
  font-size:10px!important;
}
#app.topnav-layout .dg-kpi-status-banner>span{
  font-size:9px!important;
}
#app.topnav-layout .dg-kpi-status-banner>b{
  font-size:10px!important;
}
#app.topnav-layout .dg-kpi-status-banner>small{
  font-size:9px!important;
}

/* Carte Production laitiere et cartes annexes */
#app.topnav-layout .dg-synth-kpi-grid>article:not(.dg-kpi-modern){
  font-size:12px!important;
}
#app.topnav-layout .dg-synth-kpi-grid>article:not(.dg-kpi-modern) strong{
  font-size:13px!important;
}
#app.topnav-layout .dg-synth-kpi-grid>article:not(.dg-kpi-modern) small{
  font-size:10px!important;
}

/* ===== KPI des autres ecrans ===== */
#app.topnav-layout .ru-kpi-title{
  font-size:12.5px!important;
}
#app.topnav-layout .ru-kpi-value{
  font-size:28px!important;
}
#app.topnav-layout .ru-mini .ru-kpi-value{
  font-size:22px!important;
}
#app.topnav-layout .ru-kpi-foot{
  font-size:11px!important;
}

#app.topnav-layout .ml-global-objective-head span,
#app.topnav-layout .ml-global-objective-head b{
  font-size:11px!important;
}
#app.topnav-layout .ml-global-objective-scale span,
#app.topnav-layout .ml-global-objective-scale strong{
  font-size:10px!important;
}
#app.topnav-layout .ml-global-objective-status{
  font-size:10px!important;
}

/* ===== Panneaux / graphiques ===== */
#app.topnav-layout .dg-global-panel-head strong,
#app.topnav-layout .dg-synthesis-urel-head strong,
#app.topnav-layout .ru-panel-head h3{
  font-size:13px!important;
}
#app.topnav-layout .dg-global-panel-head span,
#app.topnav-layout .dg-synthesis-urel-head span{
  font-size:11px!important;
}
#app.topnav-layout .chart-legend{
  font-size:11px!important;
}

/* Axes / legendes SVG des graphiques */
#app.topnav-layout .dg-v5-chart svg text,
#app.topnav-layout .dg-global-chart svg text,
#app.topnav-layout .chart-box svg text,
#app.topnav-layout .recharts-wrapper text{
  font-size:11px!important;
}

/* ===== Tableaux ===== */
#app.topnav-layout table{
  font-size:12px!important;
}
#app.topnav-layout table th{
  font-size:11px!important;
}
#app.topnav-layout table td{
  font-size:12px!important;
}

/* ===== Boutons / champs ===== */
#app.topnav-layout .action,
#app.topnav-layout .link{
  font-size:12px!important;
}
#app.topnav-layout button,
#app.topnav-layout select,
#app.topnav-layout input,
#app.topnav-layout textarea{
  text-rendering:optimizeLegibility;
}

/* Ne pas rendre les selects desktop trop grands */
@media(min-width:721px){
  #app.topnav-layout select,
  #app.topnav-layout input,
  #app.topnav-layout textarea{
    font-size:12px;
  }
}

/* Mobile : conserver la protection anti-zoom iOS/Android */
@media(max-width:720px){
  #app.topnav-layout .top-nav-tab,
  #app.topnav-layout .top-direct-menu{
    font-size:11px!important;
  }
  #app.topnav-layout .top-sub-nav a,
  #app.topnav-layout .top-sub-nav a>strong{
    font-size:10px!important;
  }
  #app.topnav-layout main.content h1,
  #app.topnav-layout .dg-v5-heading h1{
    font-size:23px!important;
  }
  #app.topnav-layout select,
  #app.topnav-layout input,
  #app.topnav-layout textarea{
    font-size:16px!important;
  }
  #app.topnav-layout .dg-kpi-modern-value{
    font-size:27px!important;
  }
}