/* MOHU Phase 2C — compact mobile dashboards + menu repair */

/* Mobile menu: keep the Advert item normal and make account actions span the menu. */
@media (max-width:1100px){
  .menu .mohu-mobile-account{grid-column:1/-1!important;width:100%!important;min-width:0!important}
}
@media (max-width:600px){
  .menu .mohu-menu-adverts{grid-column:1/-1!important;min-height:48px!important;justify-content:flex-start!important;padding:12px 16px!important}
  .menu .mohu-mobile-account{grid-column:1/-1!important;padding:10px 0 0!important;margin-top:2px!important}
  .menu .mohu-account-status{margin:0 0 7px!important;min-height:42px!important}
  .menu .mohu-account-link{min-height:40px!important;margin-top:6px!important}
}

/* Shared compact dashboard system */
.mohu-dashboard{max-width:1100px}
.mohu-dashboard-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}
.mohu-dashboard-hero h1{margin:4px 0 6px;font-size:clamp(30px,4vw,44px);line-height:1.06;color:#0b1f3a}
.mohu-dashboard-kicker{display:inline-flex;align-items:center;gap:7px;color:#147643;background:#eefaf3;border:1px solid #d6ecdf;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900}
.mohu-dashboard-kicker:before{content:'●';font-size:9px;color:#20a464}
.mohu-dashboard-primary{flex:0 0 auto;white-space:nowrap}
.mohu-dashboard-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 16px}
.mohu-dash-stat{display:flex;flex-direction:column;justify-content:space-between;min-height:112px;padding:16px;border:1px solid #dfe7ef;border-radius:15px;background:#fff;text-decoration:none!important;color:#0b1f3a!important;box-shadow:0 2px 8px rgba(10,43,76,.035)}
.mohu-dash-stat span{font-size:13px;color:#6a788d;font-weight:800}
.mohu-dash-stat strong{font-size:30px;line-height:1;color:#0b1f3a}
.mohu-dash-stat.is-active{border-color:#1e64aa;box-shadow:0 0 0 1px #1e64aa inset}
.mohu-dashboard-actions{margin:0 0 18px;padding:14px 16px;border:1px solid #dfe7ef;border-radius:15px;background:#fff}
.mohu-dashboard-actions h2{font-size:18px;margin:0 0 10px}
.mohu-quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.mohu-quick-grid a{display:grid;grid-template-columns:30px 1fr 18px;align-items:center;gap:8px;min-height:46px;padding:9px 11px;border:1px solid #e2e9f0;border-radius:11px;text-decoration:none!important;color:#0b1f3a!important;background:#fbfdff}
.mohu-quick-grid a span{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#eef6ff;font-size:15px}
.mohu-quick-grid a b{font-size:13px;line-height:1.2}
.mohu-quick-grid a i{font-style:normal;font-size:20px;color:#3b648f;text-align:right}

@media(max-width:700px){
  .mohu-dashboard{padding-top:18px!important}
  .mohu-dashboard-hero{display:block;margin-bottom:14px}
  .mohu-dashboard-hero h1{font-size:31px;margin-top:6px}
  .mohu-dashboard-hero .meta{font-size:14px;line-height:1.45}
  .mohu-dashboard-primary{display:flex!important;width:100%;justify-content:center;margin-top:12px;min-height:46px}
  .mohu-dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .mohu-dash-stat{min-height:90px;padding:13px}
  .mohu-dash-stat span{font-size:12px}
  .mohu-dash-stat strong{font-size:27px}
  .mohu-dashboard-actions{padding:12px;margin-bottom:16px}
  .mohu-quick-grid{grid-template-columns:1fr}
  .mohu-quick-grid a{min-height:44px;padding:8px 10px}
  /* Existing content below quick actions remains vertical and readable. */
  .mohu-dashboard .card{border-radius:15px}
  .mohu-dashboard .mohu-card-grid{grid-template-columns:1fr!important}
}
