/* Doplnky k Tailwindu — len to, čo sa utilitami vyjadruje ťažko. */

/* Diskrétny posuvník, nech tabuľky a prepisy nevyzerajú ako systémové okno. */
* { scrollbar-width: thin; scrollbar-color: #cbd5e1 transparent; }
*::-webkit-scrollbar { width: 8px; height: 8px; }
*::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }
*::-webkit-scrollbar-thumb:hover { background: #94a3b8; }
*::-webkit-scrollbar-track { background: transparent; }

/* Telo e-mailu je čistý text — zalom ho, ale nechaj odsadenia a odstavce. */
.mail-body {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

/* Otvorený bočný panel. */
#drawer.open { pointer-events: auto; }
#drawer.open #drawer-backdrop { opacity: 1; }
#drawer.open #drawer-panel { transform: translateX(0); }

/* Nábeh kariet a riadkov pri prepnutí sekcie — bez toho pôsobí výmena trhane. */
@keyframes rise { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
.rise { animation: rise .18s ease-out both; }

@media (prefers-reduced-motion: reduce) {
  .rise { animation: none; }
  #drawer-panel { transition: none; }
}