/* Minimal fallback styles in case Tailwind CDN is blocked. */
:root{
  --bg: #ffffff;
  --text: #111827;
  --muted: #6b7280;
  --primary: #2563eb;
}
html,body{height:100%;}
body{
  margin:0;
  font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
  background:var(--bg);
  color:var(--text);
}
/* Basic container */
.container{max-width:1100px;margin:0 auto;padding:1rem}
.btn{display:inline-block;padding:.5rem .75rem;border-radius:6px;background:var(--primary);color:white;text-decoration:none}
.btn:disabled{opacity:.6}
table{width:100%;border-collapse:collapse}
th,td{padding:.5rem;border:1px solid #e5e7eb;text-align:left}
.text-muted{color:var(--muted)}
.form-row{margin-bottom:.75rem}
label{display:block;font-weight:600;margin-bottom:.25rem}
input[type=text],input[type=number],select,textarea{width:100%;padding:.5rem;border:1px solid #d1d5db;border-radius:6px}
.flex{display:flex}
.gap-2{gap:.5rem}
.items-center{align-items:center}
.justify-between{justify-content:space-between}

/* Simple responsive */
@media (max-width:700px){
  .container{padding:.5rem}
  th,td{font-size:14px}
}

/* Admin small helpers */
.admin-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}

/* Product image preview */
.img-preview{max-width:120px;max-height:120px;object-fit:cover;border-radius:6px;border:1px solid #e5e7eb}

/* Minimal notifications */
.notice{padding:.5rem 1rem;border-radius:6px;background:#f1f5f9;color:#0f172a}