html, body { scroll-behavior: smooth; }
.blur-bg { backdrop-filter: blur(8px); }
.shadow-soft { box-shadow: 0 10px 30px rgba(0,0,0,.25); }
.gradient-hero {
  background-image:
    radial-gradient(1200px 600px at 30% -10%, rgba(59,130,246,.25), transparent),
    radial-gradient(1200px 600px at 80% 10%, rgba(251,191,36,.20), transparent);
}
.table-wrap { overflow: auto; }
.btn { @apply px-3 py-2 rounded-xl bg-white text-black text-sm font-medium hover:opacity-90 disabled:opacity-50; }

/* Shoutbox status visuals (shared with admin) */
.dot{display:inline-block;width:10px;height:10px;border-radius:999px;vertical-align:middle;margin-right:8px}
.dot-blue{background:rgba(59,130,246,.7)}
.dot-green{background:rgba(34,197,94,.7)}
.dot-yellow{background:rgba(234,179,8,.8)}
.dot-red{background:rgba(239,68,68,.8)}
.row-neprecteny{background:rgba(59,130,246,.08)}
.row-precteny{background:rgba(34,197,94,.10)}
.row-pripraveny{background:rgba(234,179,8,.10)}
.row-zamitnuty{background:rgba(239,68,68,.10)}

/* System user highlight */
/* System user highlight */
.row-system{
  /* světlejší + sytější modrá */
  background: rgba(96, 165, 250, .26);   /* ~ blue-400 */
  border: 1px solid rgba(37, 99, 235, .50); /* ~ blue-600 */
}