/* Clean Smart Pro — desktop-only readability and laptop column polish.
   Visual presentation only. Never changes actions, data, roles, routes or mobile layout.
   All changes are explicitly scoped to desktop widths and the Premium dashboard. */
@media screen and (min-width: 801px) {
  /* The old layout allocates ~300px to a 7-column Q-AS week, then renders
     dates at 8px. Preserve all seven days while improving text legibility. */
  #app.csp-dashboard-premium .csp-v5-days{
    min-width:0!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    grid-template-columns:repeat(7,minmax(44px,1fr))!important;
    gap:2px!important;
    padding:9px 6px!important;
    scrollbar-width:thin;
    scrollbar-color:#93b5d4 transparent;
  }
  #app.csp-dashboard-premium .csp-v5-day{
    gap:5px!important;
    min-height:118px!important;
    padding:7px 2px!important;
    overflow-wrap:normal!important;
  }
  #app.csp-dashboard-premium .csp-v5-day b{
    font-size:12px!important;
    line-height:1.25!important;
  }
  #app.csp-dashboard-premium .csp-v5-day small{
    font-size:10px!important;
    line-height:1.35!important;
    word-break:normal!important;
    overflow-wrap:break-word!important;
  }
  #app.csp-dashboard-premium .csp-v5-day strong{
    font-size:16px!important;
    font-variant-numeric:tabular-nums;
  }
  #app.csp-dashboard-premium .csp-v5-weather-icon{
    font-size:23px!important;
    line-height:1.25!important;
  }
  /* A readable information hierarchy across real operations widgets. */
  #app.csp-dashboard-premium .csp-v5-task-copy b{
    font-size:13px!important;
    line-height:1.35!important;
  }
  #app.csp-dashboard-premium .csp-v5-task-copy small{
    font-size:11px!important;
    line-height:1.35!important;
  }
  #app.csp-dashboard-premium .csp-v5-stat-static small,
  #app.csp-dashboard-premium .csp-v5-stats > button small{
    font-size:12px!important;
    line-height:1.3!important;
    overflow-wrap:anywhere!important;
  }
  #app.csp-dashboard-premium .csp-v5-risk-legend span{
    font-size:12px!important;
  }
  #app.csp-dashboard-premium .csp-v5-source-note{
    font-size:11px!important;
    line-height:1.4!important;
  }
  #app.csp-dashboard-premium .csp-v5-rail-title h3{
    font-size:18px!important;
    line-height:1.3!important;
    overflow-wrap:anywhere!important;
  }
  #app.csp-dashboard-premium #cspRealVersionPanel span{
    font-size:11px!important;
    line-height:1.35!important;
  }
  #app.csp-dashboard-premium .csp-v5-time small{
    font-size:11px!important;
    line-height:1.35!important;
  }
  #app.csp-dashboard-premium > main > header .header-actions #internetStatusBadge small{
    font-size:10px!important;
  }
  #app.csp-dashboard-premium > aside nav button{
    font-size:14px!important;
    line-height:1.35!important;
  }
  #app.csp-dashboard-premium .csp-v5-tile{
    overflow-wrap:anywhere!important;
  }
  /* Keep all controls keyboard-discernible without changing click behavior. */
  #app.csp-dashboard-premium .csp-v5-tile:focus-visible,
  #app.csp-dashboard-premium .csp-v5-task:focus-visible,
  #app.csp-dashboard-premium .csp-v5-stats button:focus-visible,
  #app.csp-dashboard-premium .csp-v5-rail button:focus-visible{
    outline:3px solid #38bdf8!important;
    outline-offset:3px!important;
  }
}
/* Desktop three-panel compression at standard 1280-1440 laptop resolutions. */
@media screen and (min-width: 1241px) and (max-width: 1600px) {
  #app.csp-dashboard-premium .csp-v5-dashboard{
    grid-template-columns:minmax(0,1.8fr) minmax(335px,1fr)!important;
  }
  #app.csp-dashboard-premium .csp-v5-content,
  #app.csp-dashboard-premium .csp-v5-rail{
    min-width:0!important;
  }
}
/* At 801-1070px, two narrow right-rail cards make the seven-day
   forecast unreadable; stack them at their existing full panel width. */
@media screen and (min-width: 801px) and (max-width: 1070px) {
  #app.csp-dashboard-premium .csp-v5-rail{
    display:flex!important;
    flex-direction:column!important;
    gap:12px!important;
    min-width:0!important;
  }
  #app.csp-dashboard-premium .csp-v5-tasks{
    grid-column:auto!important;
  }
  #app.csp-dashboard-premium .csp-v5-days{
    grid-template-columns:repeat(7,minmax(0,1fr))!important;
  }
}