/* assets/css/style.css - Minimal clean RTL UI */

:root{
  --bg:#0e0f12;
  --card:#171a1f;
  --text:#e9eef6;
  --muted:#9aa4b2;
  --primary:#e53935; /* قرمز تیره */
  --border:#262a33;
  --success:#2e7d32;
  --warning:#f9a825;
  --danger:#c62828;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:IRANSans, Vazirmatn, tahoma, sans-serif;line-height:1.6}
a{color:var(--text);text-decoration:none}
.container{max-width:1100px;margin:0 auto;padding:16px}
.site-header,.site-footer{background:#111419;border-bottom:1px solid var(--border)}
.site-footer{border-top:1px solid var(--border);border-bottom:none;margin-top:24px}
.brand{font-weight:700}
.nav a{margin-inline:6px;padding:8px 10px;border-radius:10px}
.nav a:hover{background:var(--card)}
.nav .danger{color:#fff;background:var(--danger)}
h1,h2,h3{margin:0 0 14px}
.card{background:var(--card);border:1px solid var(--border);padding:16px;border-radius:16px;margin-bottom:16px;box-shadow:0 6px 20px rgba(0,0,0,.25)}
.card.link{display:block;transition:.2s transform}
.card.link:hover{transform:translateY(-3px)}
.form label{display:block;margin-bottom:10px}
.form input[type=text], .form input[type=password], .form input[type=number]{
  width:100%;padding:10px;border-radius:10px;border:1px solid var(--border);background:#0f1217;color:var(--text)
}
.btn{display:inline-block;padding:10px 14px;border-radius:10px;background:#2a2f38;color:#fff;border:1px solid var(--border);cursor:pointer}
.btn:hover{filter:brightness(1.05)}
.btn.primary{background:var(--primary);border-color:#a71d1a}
.btn.small{padding:6px 10px;font-size:.9rem}
.btn.danger{background:var(--danger)}
.row{display:flex;gap:10px;flex-wrap:wrap}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
.table-responsive{overflow:auto}
.table{width:100%;border-collapse:collapse}
.table th,.table td{border-bottom:1px solid var(--border);padding:8px;text-align:center;white-space:nowrap}
.alert{padding:10px 12px;border-radius:10px;margin:12px 0}
.alert-success{background:#1b5e20;color:#fff}
.alert-danger{background:#7f1d1d;color:#fff}
.alert-warning{background:#7f6a00;color:#fff}
.alert-info{background:#0d47a1;color:#fff}
.actions{display:flex;gap:10px}