table {
    border-collapse: collapse;
    width: 100%;
}

th {
    border: 1px solid #333333;
    padding: 8px;
    text-align: center;
}

td {
    border: 1px solid #333333;
    padding-left: 4px;
    text-align: left;
}

thead {
    background-color: #80808080;
}

thead th {
    cursor: pointer;
}


html {
    scrollbar-gutter: stable;
}

.htmx-swapping {
    opacity: 0;
    transition: opacity 200ms ease-out;
}

.fade-me-out.htmx-swapping {
    opacity: 0;
    transition: opacity 200ms ease-out;
}

form.htmx-request .htmx-indicator.hidden {
    display: inline-block !important;
}

.htmx-indicator.hidden.htmx-request {
    display: inline-block !important;
}

.htmx-indicator {
    display: none !important;
}

#toast-container {
    position: fixed;
    bottom: 1rem;
    right: 1rem;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    pointer-events: none;
}

#toast-container>div {
    pointer-events: auto;
}

@keyframes spin-slow {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

.animate-spin-slow {
  animation: spin-slow 60s linear infinite; /* Очень медленно */
}

/* Определяем ключевые кадры анимации */
@keyframes pulse-slow {
  0%, 100% {
    transform: scale(1); /* Обычный размер */
    opacity: 1;           /* Полная прозрачность */
  }
  50% {
    transform: scale(1.15); /* Увеличение на 15% */
    opacity: 0.8;          /* Легкое полупрозрачность для мягкости */
  }
}

/* Создаем класс для использования в HTML */
.animate-pulse-slow {
  /* Название анимации, длительность (4с), тип сглаживания, бесконечно */
  animation: pulse-slow 4s ease-in-out infinite;
}

.tv-legend {
    position: absolute;
    padding: 8px;
    font-size: 14px;
    color: #d1d4dc;
    background: rgba(39, 39, 39, 0.65);
    border-radius: 6px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.55);
    text-align: left;
    z-index: 1000;
    pointer-events: none;
}

.go-to-realtime-button {
    position: absolute;
    display: none;
    z-index: 10;
    border-radius: 4px;
    width: 27px;
    height: 27px;
    background: rgba(250, 250, 250, 0.6);
    border: none;
    cursor: pointer;
}

/*
  Custom DaisyUI theme based on "halloween".
  All color values below use the OKLCH format that DaisyUI expects.
  You can safely tweak these numbers later to tune the palette.
*/
[data-theme="hamster-bot"],
:root:has(input.theme-controller[value="hamster-bot"]:checked) {
    color-scheme: dark;

    /* Primary brand color: main buttons, active tabs, highlighted actions */
    --p: 87% 0.11 80.01;
    /* Text/icon color shown on top of primary surfaces */
    --pc: 0% 0 0;
    
    /* Secondary color: alternate accent buttons and badges */
    --s: 0.53 0.09 194.77;
    /* Text/icon color shown on top of secondary surfaces */
    --sc: 1 0 0;

    /* Accent color: extra emphasis for links, toggles, special UI details */
    --a: 64.8% 0.223 136.073479;
    /* Text/icon color shown on top of accent surfaces */
    --ac: 0% 0 0;

    /* Neutral panel color: nav, dropdowns, less prominent containers */
    --n: 24.371% 0.046608 65.681484;
    /* Text/icon color shown on top of neutral surfaces */
    --nc: 84.8742% 0.009322 65.681484;

    /* Base background: main page background */
    --b1: 27% 0 1;
    /* Base background level 2: cards and raised panels */
    --b2: 24% 0 1;
    /* Base background level 3: deeper sections, borders, nested areas */
    --b3: 0.15 0 1;
    /* Default text color on base backgrounds */
    --bc: 0.88 0 0;

    /* Info state background color */
    --in: 54.615% 0.215208 262.880917;
    /* Text color shown on top of info alerts/badges */
    --inc: 90.923% 0.043042 262.880917;

    /* Success state background color */
    --su: 62.7052% 0.169912 149.213788;
    /* Text color shown on top of success alerts/badges */
    --suc: 12.541% 0.033982 149.213788;

    /* Warning state background color */
    --wa: 66.584% 0.157422 58.31834;
    /* Text color shown on top of warning alerts/badges */
    --wac: 13.3168% 0.031484 58.31834;

    /* Error state background color */
    --er: 65.72% 0.199 27.33;
    /* Text color shown on top of error alerts/badges */
    --erc: 13.144% 0.0398 27.33;

    /* Shape and animation settings used by DaisyUI controls */
    --rounded-box: 1rem;
    --rounded-btn: 0.5rem;
    --rounded-badge: 1.9rem;
    --animation-btn: 0.25s;
    --animation-input: 0.2s;
    --btn-focus-scale: 0.95;
    --border-btn: 1px;
    --tab-border: 1px;
    --tab-radius: 0.5rem;
}