/* Balanced wide header: use the extra canvas without stretching its controls. */
@media(min-width:1101px){
  body .wlcrm-app .wlcrm-header{
    grid-template-columns:minmax(260px,330px) minmax(650px,1020px) 142px!important;
    justify-content:space-between!important;
    column-gap:24px!important;
  }
  body .wlcrm-app .wlcrm-attendance{
    width:100%!important;
    max-width:1020px!important;
    justify-self:center!important;
  }
}

/* All future holidays remain available in one compact, horizontal strip. */
body .wlcrm-app .wlcrm-holiday-card{padding-right:7px!important}
body .wlcrm-app #wlcrm-upcoming-holidays{
  display:flex!important;
  flex:1 1 auto!important;
  min-width:0!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-behavior:smooth!important;
  scrollbar-width:thin!important;
  scrollbar-color:#f59e0b #fff3df!important;
  overscroll-behavior-inline:contain!important;
}
body .wlcrm-app #wlcrm-upcoming-holidays::-webkit-scrollbar{height:5px}
body .wlcrm-app #wlcrm-upcoming-holidays::-webkit-scrollbar-track{background:#fff3df;border-radius:999px}
body .wlcrm-app #wlcrm-upcoming-holidays::-webkit-scrollbar-thumb{background:#f59e0b;border-radius:999px}
body .wlcrm-app .wlcrm-holiday-item{flex:0 0 205px!important;max-width:205px!important}

/* One-step readability increase, focused on working information. */
body .wlcrm-app{font-size:14px!important}
body .wlcrm-app .wlcrm-tabs button{font-size:10px!important}
body .wlcrm-app .wlcrm-panel input,
body .wlcrm-app .wlcrm-panel select,
body .wlcrm-app .wlcrm-panel textarea{font-size:12px!important}
body .wlcrm-app .wlcrm-records-table th,
body .wlcrm-app .wlcrm-records-table td{font-size:12.5px!important;line-height:1.35!important}
body .wlcrm-app .wlcrm-followup-table th,
body .wlcrm-app .wlcrm-followup-table td{font-size:11px!important}
body .wlcrm-app .wlcrm-followup-actions button,
body .wlcrm-app .wlcrm-record-actions button{font-size:9px!important}
body .wlcrm-app .wlcrm-attendance-top b{font-size:13px!important}
body .wlcrm-app .wlcrm-attendance-top span{font-size:10px!important}
body .wlcrm-app .wlcrm-att-stats span{font-size:9px!important}
body .wlcrm-app .wlcrm-att-stats b{font-size:10px!important}
body .wlcrm-app .wlcrm-holiday-card>div:first-child strong{font-size:11.5px!important}
body .wlcrm-app .wlcrm-holiday-item b{font-size:10.5px!important}
body .wlcrm-app .wlcrm-holiday-item span{font-size:9px!important}
body .wlcrm-app .wlcrm-holiday-item em{font-size:8.5px!important}

@media(max-width:1100px){
  body .wlcrm-app .wlcrm-attendance{max-width:none!important}
  body .wlcrm-app .wlcrm-holiday-item{flex-basis:190px!important;max-width:190px!important}
}

@media(max-width:600px){
  body .wlcrm-app{font-size:13px!important}
  body .wlcrm-app .wlcrm-holiday-item{flex-basis:175px!important;max-width:175px!important}
}