/* Motyw ciemny: czarny / czerwony / biały */
:root {
  --c-text: #fafafa;
  --c-bg: #0a0a0a;
  --c-panel: #111113;
  --c-panel-2: #18181b;
  --c-border: #27272a;
  --c-muted: #a1a1aa;
  --c-primary: #e5e7eb;
  --c-danger: #ef4444;
}

html, body { color: var(--c-text); background: var(--c-bg); }

/* Przyciski */
.btn{ border:1px solid var(--c-border); border-radius:12px; padding:0.5rem 0.75rem; font-size:0.875rem; background:var(--c-panel); color:var(--c-text); }
.btn-outline{ background:transparent; }
.btn-outline:hover{ background:#1f1f22; }
.btn-primary{ background:#0f0f10; color:#fff; border-color:#0f0f10; }
.btn-danger{ background:var(--c-danger); color:#fff; border-color:var(--c-danger); }
.btn-icon{ padding:0.4rem; border-radius:12px; border:1px solid var(--c-border); background:var(--c-panel); }
.btn-icon:hover{ background:#1f1f22; }
.btn-danger-ghost{ background:rgba(239,68,68,.15); border-color:rgba(239,68,68,.35); }
.btn-danger-ghost:hover{ background:rgba(239,68,68,.25); }
.btn-chip{ padding:0.5rem 0.9rem; border-radius:12px; border:1px solid var(--c-border); background:var(--c-panel); }
.btn-chip-eq{ min-width: 120px; display:inline-flex; align-items:center; justify-content:center; }
.btn-selected{ background:#22c55e; color:#fff; border-color:#0f0f10; }
.btn-selected-danger{ background:var(--c-danger); color:#fff; border-color:var(--c-danger); }

/* Kafelki – pracują w siatce, nie wymuszamy szerokości; biorą 100% kolumny */
.tile{
  background: var(--c-panel);
  border:1px solid var(--c-border);
  border-radius: 1rem;
  padding: 1rem;
}
.break-anywhere{ overflow-wrap:anywhere; word-break:break-word; }
.event-title{ font-size:1.05rem; }

/* Scrollbar (gdyby był użyty gdzieś indziej) */
.scrollbar-thin::-webkit-scrollbar { height: 8px; width: 8px; }
.scrollbar-thin::-webkit-scrollbar-thumb { background: #3f3f46; border-radius: 8px; }

/* Dialog backdrop */
dialog::backdrop { background: rgba(0,0,0,0.55); }

/* Input icons white */
input[type="date"],
input[type="time"] { color-scheme: dark; }

/* (opcjonalnie) ujednolicenie odstępów między kafelkami w siatce
   – ale i tak używamy tailwindowego gap-4 na #tiles */