/* Focused UI refinement: no changes to exam data or center mapping. */
#dashboard .duo-grid{grid-template-columns:minmax(0,1fr)!important}
#dashboard .duo-grid > .panel{min-width:0}
@media(max-width:760px){
  #dashboard .hero-grid{gap:8px!important}
  #dashboard .center-card{
    display:block!important;min-height:0!important;
    padding:9px 12px!important;border-radius:13px!important;
    box-shadow:0 3px 13px rgba(32,55,87,.05)!important
  }
  #dashboard .center-card .panel-heading{display:flex!important;align-items:center!important;margin:0!important;gap:7px!important}
  #dashboard .center-card .eyebrow{display:none!important}
  #dashboard .center-card h2{font-size:13px!important;line-height:1.3!important;margin:0!important}
  #dashboard .center-card .center-graphic{
    width:23px!important;height:23px!important;padding:0!important;
    font-size:14px!important;border-radius:7px!important;flex-shrink:0
  }
  #dashboard .center-card #centerContent{margin-top:5px!important;min-width:0}
  #dashboard .center-card .center-name{
    font-size:14px!important;line-height:1.3!important;letter-spacing:0!important;
    margin:0!important;overflow-wrap:anywhere
  }
  #dashboard .center-card .center-code{
    padding:3px 7px!important;font-size:10px!important;line-height:1.25!important;
    margin:5px 0 0!important;border-radius:7px!important
  }
  #dashboard .center-card .center-caption{display:none!important}
  #dashboard .center-card .empty{font-size:12px!important;padding:5px 0!important;line-height:1.35!important}
}
/* Retain text contrast in both themes. */
body.theme-dark #dashboard .center-card .center-name{color:#F4F7FF!important}
body.theme-dark #dashboard .center-card .center-code{color:#E9DEFF!important;background:#51416C!important}