/* v1.90 deep layout and typography rectification */
body .wlcrm-app,
body .wlcrm-app button,
body .wlcrm-app input,
body .wlcrm-app select,
body .wlcrm-app textarea{
  font-family:"Segoe UI",Arial,sans-serif!important;
  -webkit-font-smoothing:auto;
  -moz-osx-font-smoothing:auto;
  text-rendering:optimizeLegibility;
  font-kerning:normal;
}

/* Reduce attendance by 30% and balance the unused header space. */
@media(min-width:1101px){
  body .wlcrm-app .wlcrm-header{
    grid-template-columns:minmax(270px,350px) minmax(650px,714px) 150px!important;
    justify-content:space-between!important;
    gap:24px!important;
  }
  body .wlcrm-app .wlcrm-attendance{width:714px!important;max-width:714px!important;justify-self:center!important}
}

/* Equal, contained Follow-up / Online / Logout controls. */
body .wlcrm-app .wlcrm-user{
  display:grid!important;
  grid-template-columns:1fr!important;
  align-content:center!important;
  align-items:stretch!important;
  gap:5px!important;
  width:150px!important;
  min-width:150px!important;
  max-width:150px!important;
  margin:0!important;
  overflow:visible!important;
}
body .wlcrm-app .wlcrm-followup-bell,
body .wlcrm-app .wlcrm-connection,
body .wlcrm-app .wlcrm-logout{
  box-sizing:border-box!important;
  width:150px!important;
  min-width:150px!important;
  max-width:150px!important;
  height:32px!important;
  min-height:32px!important;
  max-height:32px!important;
  margin:0!important;
  padding:5px 8px!important;
  border-radius:8px!important;
  justify-self:stretch!important;
  overflow:hidden!important;
  font-size:10px!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
}
body .wlcrm-app .wlcrm-connection-text{font-size:10px!important;font-weight:800!important;letter-spacing:0!important;text-overflow:ellipsis!important}
body .wlcrm-app .wlcrm-connection-dot{width:9px!important;height:9px!important;flex:0 0 9px!important}
body .wlcrm-app .wlcrm-followup-bell b{top:-4px!important;right:-3px!important}
body .wlcrm-app .wlcrm-logout:after{font-size:12px!important;margin-left:5px!important}

/* Fixed proportional follow-up columns; Actions is about 30% narrower. */
body .wlcrm-app .wlcrm-followup-table table{width:100%!important;min-width:1100px!important;table-layout:fixed!important}
body .wlcrm-app .wlcrm-followup-table th:nth-child(1){width:9%!important}
body .wlcrm-app .wlcrm-followup-table th:nth-child(2){width:19%!important}
body .wlcrm-app .wlcrm-followup-table th:nth-child(3){width:13%!important}
body .wlcrm-app .wlcrm-followup-table th:nth-child(4){width:27%!important}
body .wlcrm-app .wlcrm-followup-table th:nth-child(5){width:10%!important}
body .wlcrm-app .wlcrm-followup-table th:nth-child(6){width:8%!important}
body .wlcrm-app .wlcrm-followup-table th:nth-child(7){width:14%!important}
body .wlcrm-app .wlcrm-followup-table th,
body .wlcrm-app .wlcrm-followup-table td{padding:7px 8px!important;font-size:12px!important;line-height:1.32!important}
body .wlcrm-app .wlcrm-followup-table td small{font-size:10.5px!important;line-height:1.25!important}
body .wlcrm-app .wlcrm-followup-date{font-size:10.5px!important}
body .wlcrm-app .wlcrm-followup-status{font-size:9px!important;font-weight:800!important}
body .wlcrm-app .wlcrm-followup-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important}
body .wlcrm-app .wlcrm-followup-actions button{
  min-width:0!important;
  min-height:27px!important;
  padding:4px 3px!important;
  font-size:9px!important;
  font-weight:800!important;
  line-height:1.08!important;
  white-space:normal!important;
}

/* Sharper, readable navigation and operational labels. */
body .wlcrm-app .wlcrm-tabs button{font-size:11px!important;font-weight:700!important;line-height:1.15!important}
body .wlcrm-app .wlcrm-followup-head h3{font-size:20px!important;font-weight:750!important}
body .wlcrm-app .wlcrm-followup-head p{font-size:10px!important;font-weight:500!important}
body .wlcrm-app .wlcrm-followup-stats span{font-size:9.5px!important;font-weight:700!important}
body .wlcrm-app .wlcrm-followup-head label{font-size:10px!important;font-weight:700!important}
body .wlcrm-app .wlcrm-followup-head select,
body .wlcrm-app .wlcrm-followup-head button{font-size:11px!important;font-weight:700!important}
body .wlcrm-app .wlcrm-table-wrap th{font-weight:750!important;letter-spacing:0!important}
body .wlcrm-app .wlcrm-field,
body .wlcrm-app label{font-weight:650}

@media(max-width:1100px){
  body .wlcrm-app .wlcrm-user{width:142px!important;min-width:142px!important;max-width:142px!important}
  body .wlcrm-app .wlcrm-followup-bell,
  body .wlcrm-app .wlcrm-connection,
  body .wlcrm-app .wlcrm-logout{width:142px!important;min-width:142px!important;max-width:142px!important}
  body .wlcrm-app .wlcrm-attendance{width:100%!important;max-width:none!important}
}

@media(max-width:700px){
  body .wlcrm-app .wlcrm-followup-table th:nth-child(n){width:auto!important}
  body .wlcrm-app .wlcrm-followup-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}