/* Nasiriyya responsive polish. This file complements app.css. */
@media (max-width: 1100px){
  .wrap{width:min(94%, 980px)}
  .hero{grid-template-columns:1fr;gap:24px;padding:54px 0 34px}
  .hero-panel{min-height:280px}
  .split{grid-template-columns:1fr}
  .admin-layout{grid-template-columns:220px 1fr}
}
@media (max-width: 820px){
  body{font-size:15px}
  .topbar .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px}
  .brand small{display:none}
  .menu-toggle{display:inline-flex!important;align-items:center;justify-content:center;width:42px;height:38px;border-radius:12px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.1);color:#fff}
  .nav{position:absolute;left:3%;right:3%;top:74px;display:none;flex-direction:column;padding:12px;border-radius:18px;background:#092c22;box-shadow:0 20px 50px rgba(0,0,0,.25);z-index:30}
  .nav.open{display:flex}
  .nav a{padding:11px 12px;border-radius:12px;color:#fff!important}
  .hero h1,.page-hero h1{font-size:clamp(34px,8vw,54px)}
  .hero-actions,.toolbar,.quick-actions{flex-direction:column;align-items:stretch}
  .btn{justify-content:center;text-align:center}
  .stats{grid-template-columns:repeat(2,1fr)}
  .grid.cards{grid-template-columns:1fr}
  .form-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr;gap:20px}
  .admin-layout{display:block}
  .admin-sidebar{position:relative;min-height:auto;padding:16px;display:flex;overflow-x:auto;gap:10px}
  .admin-sidebar a{white-space:nowrap}
  .admin-main{padding:18px}
  .admin-cards{grid-template-columns:repeat(2,1fr)}
  table{display:block;overflow-x:auto;white-space:nowrap}
}
@media (max-width: 520px){
  .wrap{width:min(94%, 100%)}
  .topbar{padding:12px 0}
  .brand strong{font-size:18px}
  .brand-mark{width:38px;height:38px}
  .hero{padding:42px 0 26px}
  .hero h1,.page-hero h1{font-size:34px}
  .hero p,.page-hero p{font-size:16px}
  .stats,.admin-cards{grid-template-columns:1fr}
  .card,.list-card,.form-card,.hero-panel{border-radius:20px}
  .page-hero{padding:42px 18px}
  .section-head{align-items:flex-start;flex-direction:column;gap:8px}
  input,select,textarea{font-size:16px}
}