/* ============================================================
   FlipMap - responsive.css (loaded last so it can override)
   ============================================================ */
@media (max-width: 900px) {
  .container{padding:0 18px;}
  .stat-strip{grid-template-columns:1fr;}
  #header h1{font-size:1.4em;}
  .header-actions{gap:0.3em;}
  .btn-sm{padding:0.35em 0.6em;font-size:0.65em;}
  .inv-toolbar input[type=search]{min-width:140px;flex:1;}
  .save-bar{padding:0.7em 1em;}
}

@media (max-width: 540px) {
  #header h1 .accent:nth-child(2){display:none;}
  .inv-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:0.6em;}
  .map-card .map-name{font-size:0.78em;}
  .modal-box,.confirm-panel{padding:1em;}
  .admin-settings-panel{max-width:100%;}
  .user-table{font-size:0.72em;}
  .user-table th,.user-table td{padding:0.35em 0.4em;}
}