/* --- Light theme override (v0.2) --- */
:root{
  --bg: #f6f7f9;
  --panel: #ffffff;
  --text: #111827;
  --muted: #6b7280;
  --border: #e5e7eb;
  --shadow: 0 1px 2px rgba(0,0,0,.06);
  --btn-bg: #111827;
  --btn-text: #ffffff;
  --btn-bg-2: #ffffff;
  --btn-text-2: #111827;
}

body{
  background: var(--bg) !important;
  color: var(--text) !important;
}

a{ color: var(--text); }

.small, .meta{
  color: var(--muted) !important;
}

.card, .panel, .item, .box, .section{
  background: var(--panel) !important;
  border: 1px solid var(--border) !important;
  box-shadow: var(--shadow);
}

h1,h2,h3{
  color: var(--text) !important;
}

input, textarea, select{
  background: #ffffff !important;
  color: var(--text) !important;
  border: 1px solid var(--border) !important;
}

button{
  background: var(--btn-bg) !important;
  color: var(--btn-text) !important;
  border: 1px solid var(--btn-bg) !important;
}

button.secondary, .btn-secondary{
  background: var(--btn-bg-2) !important;
  color: var(--btn-text-2) !important;
  border: 1px solid var(--border) !important;
}

:root { --bg:#0b1220; --card:#121a2b; --text:#e8eefc; --muted:#9fb0d0; --accent:#4f8cff; --warn:#ffcc66; --danger:#ff6b6b; }
* { box-sizing: border-box; }
body { margin:0; font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial; background: var(--bg); color: var(--text); }
a { color: var(--accent); text-decoration: none; }
.container { max-width: 1100px; margin: 0 auto; padding: 16px; }
.header { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom: 12px; }
.h1 { font-size: 20px; font-weight: 700; }
.banner { padding:10px 12px; border-radius: 10px; background: rgba(255, 204, 102, .15); color: var(--warn); margin: 10px 0; }
.grid { display:grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.card { background: var(--card); border-radius: 14px; padding: 12px; box-shadow: 0 8px 20px rgba(0,0,0,.25); }
.card h2 { margin: 0 0 10px 0; font-size: 14px; color: var(--muted); text-transform: uppercase; letter-spacing: .08em; }
.row { display:flex; gap:10px; flex-wrap: wrap; align-items: center; }
label { font-size: 12px; color: var(--muted); }
input, select, textarea { background:#0e1628; border:1px solid rgba(255,255,255,.08); color: var(--text); border-radius: 10px; padding: 8px 10px; }
textarea { width:100%; min-height: 84px; resize: vertical; }
.btn { background: rgba(79,140,255,.18); color: var(--text); border:1px solid rgba(79,140,255,.35); padding: 7px 10px; border-radius: 10px; cursor: pointer; }
.btn:hover { filter: brightness(1.08); }
.btn-danger { border-color: rgba(255,107,107,.5); background: rgba(255,107,107,.12); }
.btn-muted { border-color: rgba(159,176,208,.3); background: rgba(159,176,208,.10); }
.item { border:1px solid rgba(255,255,255,.06); border-radius: 12px; padding: 10px; margin-bottom: 8px; }
.item-title { font-weight: 700; }
.item-meta { font-size: 12px; color: var(--muted); margin-top: 4px; }
.actions { display:flex; gap:8px; flex-wrap: wrap; margin-top: 8px; }
.small { font-size: 12px; color: var(--muted); }
@media (max-width: 860px) { .grid { grid-template-columns: 1fr; } }