/* Une échelle de lecture commune : plus généreuse sur les grands écrans,
   sans zoom CSS, transformation de page ou changement de police/couleur. */
html[data-bennys-theme]{--garage-scale:1;--garage-dial:160px;--garage-kpi-height:284px}
@media screen and (min-width:1600px){html[data-bennys-theme]{--garage-scale:1.1;--garage-dial:176px;--garage-kpi-height:312px}}
@media screen and (min-width:2400px){html[data-bennys-theme]{--garage-scale:1.2;--garage-dial:192px;--garage-kpi-height:341px}}
@media screen and (min-width:3200px){html[data-bennys-theme]{--garage-scale:1.35;--garage-dial:216px;--garage-kpi-height:384px}}

@media screen{
  html[data-bennys-theme] body:is(.app-body,.login-body){font-size:calc(16px * var(--garage-scale))}
  html[data-bennys-theme] body.app-body .brand-row h1{font-size:calc(22px * var(--garage-scale))}
  html[data-bennys-theme] body.app-body .brand-row p{font-size:calc(12px * var(--garage-scale))}
  html[data-bennys-theme] body.app-body .brand-badge{width:calc(40px * var(--garage-scale));height:calc(40px * var(--garage-scale));min-width:calc(40px * var(--garage-scale))}
  html[data-bennys-theme] body.app-body .brand-neon-wordmark{width:calc(182px * var(--garage-scale));max-height:calc(66px * var(--garage-scale))}
  html[data-bennys-theme] body.app-body .user-avatar{width:calc(44px * var(--garage-scale));height:calc(44px * var(--garage-scale))}
  html[data-bennys-theme] body.app-body :is(.user-box,.top-context) strong{font-size:calc(14px * var(--garage-scale))}
  html[data-bennys-theme] body.app-body :is(.user-box,.top-context) span{font-size:calc(13px * var(--garage-scale))}
  html[data-bennys-theme] body.app-body .nav-group-label{font-size:calc(11px * var(--garage-scale))}
  html[data-bennys-theme] body.app-body .side-nav a{font-size:calc(14px * var(--garage-scale));min-height:calc(48px * var(--garage-scale));padding:calc(11px * var(--garage-scale)) calc(13px * var(--garage-scale))}
  html[data-bennys-theme] body.app-body :is(.nav-icon,.tuning-nav-part){width:calc(21px * var(--garage-scale));height:calc(21px * var(--garage-scale));flex-basis:calc(21px * var(--garage-scale))}
  html[data-bennys-theme] body.app-body .side-logo-art{width:calc(152px * var(--garage-scale))}
  html[data-bennys-theme] body.app-body .logout{font-size:calc(13px * var(--garage-scale));min-height:calc(44px * var(--garage-scale))}
  html[data-bennys-theme] body.app-body .topbar h2{font-size:calc(32px * var(--garage-scale))}
  html[data-bennys-theme] body.app-body .eyebrow{font-size:calc(12px * var(--garage-scale))}
  html[data-bennys-theme] body:is(.app-body,.login-body) .site-theme-switcher-options button{font-size:calc(13px * var(--garage-scale));min-height:calc(40px * var(--garage-scale));padding:calc(8px * var(--garage-scale)) calc(11px * var(--garage-scale))}
  html[data-bennys-theme] body.app-body .week-chip{min-width:calc(116px * var(--garage-scale));padding:calc(10px * var(--garage-scale)) calc(13px * var(--garage-scale))}
  html[data-bennys-theme] body.app-body .week-chip strong{font-size:calc(15px * var(--garage-scale))}
  html[data-bennys-theme] body.app-body .week-chip span{font-size:calc(12px * var(--garage-scale))}
  html[data-bennys-theme] body.app-body .workspace-tabs button{font-size:calc(14px * var(--garage-scale));min-height:calc(46px * var(--garage-scale));padding:calc(11px * var(--garage-scale)) calc(17px * var(--garage-scale))}
  html[data-bennys-theme] body.app-body .workspace-description{font-size:calc(14px * var(--garage-scale));max-width:90ch}
  html[data-bennys-theme] body.app-body .main :is(.panel-head h3,.society-section-head h3,.tutorial-card h3,.team-create-summary h3,.partner-management-head h3,.society-collapsible-summary h3){font-size:calc(19px * var(--garage-scale))}
  html[data-bennys-theme] body.app-body .main :is(.dashboard-grid,.society-finance-grid){gap:calc(14px * var(--garage-scale))}
  html[data-bennys-theme] body.app-body .main .dashboard-grid article{padding:calc(20px * var(--garage-scale));min-height:calc(138px * var(--garage-scale))}
  html[data-bennys-theme] body.app-body .main .dashboard-grid article>span{font-size:calc(13px * var(--garage-scale))}
  html[data-bennys-theme] body.app-body .main .dashboard-grid article>strong{font-size:calc(30px * var(--garage-scale))}
  html[data-bennys-theme] body.app-body .main .dashboard-grid article>small{font-size:calc(12px * var(--garage-scale))}
  html[data-bennys-theme] body.app-body .main .employee-kpis{gap:calc(14px * var(--garage-scale));grid-auto-rows:minmax(var(--garage-kpi-height),auto)}
  html[data-bennys-theme] body.app-body .main .employee-kpis>article{min-height:var(--garage-kpi-height)}
  html[data-bennys-theme] body.app-body .main :is(.pill,.pay-state){font-size:calc(12px * var(--garage-scale))}
  html[data-bennys-theme] body.app-body .main :is(label,.form-note,.money-list,.config-section p,.tutorial-card p,.invoice-service-picker-heading p:not(.eyebrow)){font-size:calc(14px * var(--garage-scale))}
  html[data-bennys-theme] body.app-body .main .doc-card span{font-size:calc(14px * var(--garage-scale));font-weight:500;line-height:1.5}
  html[data-bennys-theme] body.app-body .main .doc-card strong{font-size:calc(18px * var(--garage-scale));font-weight:600;line-height:1.3}
  html[data-bennys-theme] body.app-body .main :is(.profile-grid,.profile-card) span{font-size:calc(13px * var(--garage-scale))}
  html[data-bennys-theme] body.app-body .main .profile-grid strong{font-size:calc(18px * var(--garage-scale))}
  html[data-bennys-theme] body.app-body .main table{font-size:calc(14px * var(--garage-scale))}
  html[data-bennys-theme] body.app-body .main thead th{font-size:calc(11px * var(--garage-scale));padding-block:calc(14px * var(--garage-scale))}
  html[data-bennys-theme] body.app-body .main td{padding-block:calc(15px * var(--garage-scale))}
  html[data-bennys-theme] body.app-body .main td .tuning-money{font-size:calc(18px * var(--garage-scale))}
  html[data-bennys-theme] body.app-body :is(.main,dialog) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),select,textarea){font-size:calc(16px * var(--garage-scale));min-height:calc(46px * var(--garage-scale))}
  html[data-bennys-theme] body:is(.app-body,.login-body) .btn{font-size:calc(14px * var(--garage-scale));min-height:calc(44px * var(--garage-scale));padding:calc(10px * var(--garage-scale)) calc(16px * var(--garage-scale))}
  /* Le bouton natif suit la police du thème et la taille des autres commandes. */
  html[data-bennys-theme] body.app-body input[type="file"]::file-selector-button{font-family:inherit;font-size:calc(14px * var(--garage-scale));font-weight:700;line-height:1.4}
  html[data-bennys-theme] body.app-body input[type="file"]::-webkit-file-upload-button{font-family:inherit;font-size:calc(14px * var(--garage-scale));font-weight:700;line-height:1.4}
  html[data-bennys-theme] body.login-body .brand-row h1{font-size:calc(32px * var(--garage-scale))}
  html[data-bennys-theme] body.login-body label{font-size:calc(14px * var(--garage-scale))}
  html[data-bennys-theme] body.login-body input{font-size:calc(16px * var(--garage-scale));min-height:calc(46px * var(--garage-scale))}
  html[data-bennys-theme] body.app-body .main .garage-config-tile strong{font-size:calc(16px * var(--garage-scale))}
  html[data-bennys-theme] body.app-body .main :is(.garage-config-tile,.garage-model-option) small{font-size:calc(13px * var(--garage-scale))}
  html[data-bennys-theme] body.app-body .main :is(.summary-lines,.society-salary-values) strong{font-size:calc(21px * var(--garage-scale))}
  html[data-bennys-theme] body.app-body .main :is(.summary-lines,.money-list,.society-salary-values) .tuning-money{font-size:calc(21px * var(--garage-scale))}
  html[data-bennys-theme] body.app-body .main .society-salary-total>strong{font-size:calc(32px * var(--garage-scale))}
  html[data-bennys-theme="tuning"] .tuning-mini-gauge{grid-template-columns:minmax(0,1fr) calc(110px * var(--garage-scale))}
  html[data-bennys-theme="tuning"] .tuning-mini-gauge>.tuning-dial{width:calc(110px * var(--garage-scale));height:calc(110px * var(--garage-scale))}
  html[data-bennys-theme] body.app-body .main #invoice-total{font-size:clamp(30px,4vw,calc(56px * var(--garage-scale)))}
  html[data-bennys-theme] body.app-body .main #invoice-total.tuning-long-number{font-size:clamp(24px,3vw,calc(36px * var(--garage-scale)))}
  html[data-bennys-theme] body.app-body .main .invoice-selected-row-main strong{font-size:calc(16px * var(--garage-scale))}
  html[data-bennys-theme] body.app-body .main .invoice-selected-row-price{font-size:calc(18px * var(--garage-scale))}
  html[data-bennys-theme] body.app-body .main .time-clock-card .clock-face{min-height:calc(170px * var(--garage-scale))}
  html[data-bennys-theme] body.app-body .main .time-clock-card .clock-face>span{font-size:calc(13px * var(--garage-scale))}
  html[data-bennys-theme] body.app-body .main .time-clock-card .clock-face>strong{font-size:calc(56px * var(--garage-scale))}
  html[data-bennys-theme] body.app-body .main .time-clock-card .clock-face>small{font-size:calc(13px * var(--garage-scale))}
  html[data-bennys-theme] body.app-body.page-fiche .work-layout>.panel{min-height:calc(428px * var(--garage-scale))}
  html[data-bennys-theme] body.app-body.page-fiche .time-clock-card .service-actions{min-height:calc(112px * var(--garage-scale))}
  html[data-bennys-theme] body.app-body .main :is(.service-actions,.invoice-clock-actions) .btn{font-size:calc(14px * var(--garage-scale))}
  html[data-bennys-theme="classic"] body.app-body .main .service-actions .btn{min-height:calc(64px * var(--garage-scale))}
  html[data-bennys-theme="neon"] body.app-body .main .service-actions .btn{min-height:calc(96px * var(--garage-scale))}
  html[data-bennys-theme="neon"] body.app-body .main :is(.service-actions,.invoice-clock-actions) .btn::before{width:calc(21px * var(--garage-scale));height:calc(21px * var(--garage-scale))}
  html[data-bennys-theme="neon"] body.app-body .main :is(.service-actions,.invoice-clock-actions) .btn::after{top:calc(15px * var(--garage-scale));height:calc(12px * var(--garage-scale))}
  html[data-bennys-theme="tuning"] body.app-body .main .time-clock-card .service-actions .btn{flex-basis:calc(112px * var(--garage-scale));width:calc(112px * var(--garage-scale));height:calc(112px * var(--garage-scale));min-height:calc(112px * var(--garage-scale));font-size:calc(14px * var(--garage-scale));padding:calc(14px * var(--garage-scale))}
  html[data-bennys-theme="tuning"] body.app-body .main .invoice-clock-actions .btn{flex-basis:calc(96px * var(--garage-scale));width:calc(96px * var(--garage-scale));height:calc(96px * var(--garage-scale));min-height:calc(96px * var(--garage-scale));font-size:calc(12px * var(--garage-scale))}
  html[data-bennys-theme="tuning"] body.app-body .main .employee-kpis .tuning-gauge-card{grid-template-rows:calc(20px * var(--garage-scale)) var(--garage-dial) minmax(calc(36px * var(--garage-scale)),auto) minmax(calc(28px * var(--garage-scale)),auto);padding:calc(14px * var(--garage-scale));min-height:var(--garage-kpi-height)}
  html[data-bennys-theme="tuning"] .employee-kpis .tuning-gauge-card>.tuning-dial{width:var(--garage-dial);height:var(--garage-dial)}
  html[data-bennys-theme="tuning"] body.app-body .main .employee-kpis .tuning-gauge-card>strong{font-size:calc(20px * var(--garage-scale));margin-top:calc(var(--garage-dial) * .34)}
  html[data-bennys-theme="tuning"] body.app-body .main .employee-kpis .tuning-gauge-card>strong.tuning-long-number{font-size:calc(16px * var(--garage-scale))}
  html[data-bennys-theme="tuning"] body.app-body .main .employee-kpis .tuning-aux-card{padding:calc(20px * var(--garage-scale));min-height:var(--garage-kpi-height)}
  html[data-bennys-theme="tuning"] .tuning-aux-part{width:calc(52px * var(--garage-scale));height:calc(52px * var(--garage-scale))}
}
@media screen and (min-width:801px){
  html[data-bennys-theme] body.app-body .app-shell{grid-template-columns:calc(264px * var(--garage-scale)) minmax(0,1fr)!important}
  html[data-bennys-theme] body.app-body .sidebar{width:calc(264px * var(--garage-scale));inline-size:calc(264px * var(--garage-scale))!important;padding:calc(24px * var(--garage-scale)) calc(16px * var(--garage-scale))}
  html[data-bennys-theme] body.app-body .main{padding-top:calc(32px * var(--garage-scale))}
  html[data-bennys-theme] body.app-body .topbar{padding:calc(22px * var(--garage-scale)) calc(24px * var(--garage-scale))}
  html[data-bennys-theme] body.app-body .workspace-navigation{padding:calc(15px * var(--garage-scale)) calc(18px * var(--garage-scale))}
  html[data-bennys-theme] body.app-body .main .employee-kpis{grid-template-columns:repeat(auto-fit,minmax(calc(184px * var(--garage-scale)),1fr))}
}
@media screen and (max-width:800px){
  html[data-bennys-theme]{--garage-dial:128px;--garage-kpi-height:264px}
  html[data-bennys-theme] body.app-body .topbar h2{font-size:28px}
  html[data-bennys-theme] body.app-body .main .employee-kpis>article{padding:16px 12px}
  html[data-bennys-theme="tuning"] body.app-body .main .employee-kpis .tuning-gauge-card{padding:12px 7px}
  html[data-bennys-theme="tuning"] body.app-body .main .employee-kpis .tuning-gauge-card>strong{font-size:16px}
  html[data-bennys-theme="tuning"] body.app-body .main .employee-kpis .tuning-gauge-card>small{font-size:calc(12px * var(--garage-scale))}
  html[data-bennys-theme="tuning"] body.app-body .main .time-clock-card .service-actions .btn{flex-basis:104px;width:104px;height:104px;min-height:104px;font-size:13px}
  html[data-bennys-theme] body.app-body .main .time-clock-card .clock-face>strong{font-size:44px}
}