/* SunshineMag — Unified Dark UI */
:root{
  --bg:#0b1020; --panel:#0f172a; --muted:#94a3b8; --text:#8B0000;
  --ring:#ffffff22; --primary:#f59e0b; --danger:#ef4444; --ok:#22c55e;
}
*{box-sizing:border-box}
body{background:var(--bg);color:var(--text)}
a{color:var(--text)}

.container-narrow{max-width:840px;margin:0 auto}
.panel{background:var(--panel);border:1px solid var(--ring);border-radius:16px;padding:1rem;box-shadow:0 6px 24px #00000033}
.h1,.h2,.h3,h1,h2,h3{margin:.25rem 0 .5rem}
.muted{color:var(--muted)}
.grid{display:grid;gap:1rem}
.grid-2{grid-template-columns:1fr 1fr}
.grid-3{grid-template-columns:repeat(3,1fr)}
@media (max-width: 920px){ .grid-2,.grid-3{grid-template-columns:1fr} }

.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem .9rem;border-radius:12px;border:1px solid var(--ring);background:#0b1222;color:var(--text);text-decoration:none}
.btn:hover{transform:translateY(-1px)}
.btn--primary{background:var(--primary);border-color:var(--primary);color:#111827}
.btn--ghost{background:transparent}
.btn--danger{background:transparent;border-color:#ef4444;color:#ef4444}

.input, .textarea, .select, input[type="number"]{width:100%;background:#0b1222;border:1px solid var(--ring);border-radius:12px;padding:.6rem .8rem;color:var(--text)}
.label{display:block;margin:.5rem 0 .35rem;font-size:.95rem}

.table{width:100%;border-collapse:collapse}
.table th,.table td{padding:.65rem;border-bottom:1px solid var(--ring)}
.table th{color:var(--muted);font-weight:600;text-align:left}
.table tfoot td{font-weight:800}

.badge{display:inline-block;border-radius:999px;padding:.2rem .5rem;border:1px solid var(--ring);font-size:.8rem}
.badge--ok{background:#22c55e22;border-color:#22c55e66;color:#22c55e}
.badge--warn{background:#f59e0b22;border-color:#f59e0b66;color:#f59e0b}
.badge--danger{background:#ef444422;border-color:#ef444466;color:#ef4444}

.card{background:var(--panel);border:1px solid var(--ring);border-radius:16px;overflow:hidden}
.card .body{padding:1rem}

/* Product */
.p-gallery img{width:100%;border-radius:12px;object-fit:cover;aspect-ratio:4/3}
.p-price{font-size:1.6rem;font-weight:800}
.p-meta{display:flex;gap:.5rem;align-items:center}

/* Cart */
.cart-actions{display:flex;gap:.5rem;justify-content:flex-end;flex-wrap:wrap}
.sticky-total{position:sticky;bottom:0;background:#0b1020;padding:.75rem;border-top:1px solid var(--ring);display:flex;justify-content:space-between;align-items:center}

/* Forms */
.form{display:grid;gap:.75rem}
.form .row{display:grid;gap:.75rem;grid-template-columns:1fr 1fr}
@media (max-width: 720px){ .form .row{grid-template-columns:1fr} }

.alert{padding:.7rem .9rem;border:1px solid var(--ring);border-radius:12px}
.alert.err{border-color:#ef444466;background:#ef444422;color:#fecaca}
.alert.ok{border-color:#22c55e66;background:#22c55e22;color:#d1fae5}