/*
 * Copyright (c) SupportSystem s.r.o. Všechna práva vyhrazena.
 * Autoři: Petr Marek, Jan Kučera
 *
 * @uses-design-tokens-v2
 * @fileoverview ScrollButton v2 — kruhové scroll tlačítko (40×40).
 *
 * V2 verze legacy `.scroll-button` (původně v `dashboard/modals.css`).
 * Používá se pro VERTIKÁLNÍ scroll na velkých containerech (board task
 * columns, modal s dlouhým obsahem) i HORIZONTÁLNÍ scroll (admin TopBar
 * carousel).
 *
 * Designerova specifikace (UKOL 197 — skupina U):
 *   - Tvar: kruh 40×40 (border-radius 50%)
 *   - Hover: scale 1.08 + shadow lift (méně agresivní než původní 1.15)
 *   - Active: scale 0.95 + tmavší odstín (designer dodal active-bg)
 *   - Pulse animace odstraněna — designer rozhodl pro klidné UX
 *   - SVG ikony (centrované 14×14) místo Unicode ▲▼
 *
 * Barvy přes design tokens (--ui-scroll-button-*) — definované v
 * config/design/schemes/*.ts pro 6 schémat. Fallback je červený sentinel
 * dle pravidla #4.1 (chybějící token = error signal).
 */

.scroll-button-v2 {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--ui-scroll-button-default-bg, #ff0000);
    color: var(--ui-scroll-button-default-text, #ff0000);
    border: 1px solid var(--ui-scroll-button-default-border, #ff0000);
    box-shadow: 0 2px 6px var(--ui-scroll-button-shadow, #ff0000);
    transition: transform 0.12s cubic-bezier(.3, .7, .4, 1),
                background-color 0.15s ease,
                border-color 0.15s ease,
                color 0.15s ease,
                box-shadow 0.15s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
}

.scroll-button-v2 svg {
    width: 14px;
    height: 14px;
    display: block;
    fill: currentColor;
}

.scroll-button-v2:hover:not(.is-disabled) {
    transform: scale(1.08);
    background: var(--ui-scroll-button-hover-bg, #ff0000);
    border-color: var(--ui-scroll-button-hover-border, #ff0000);
    color: var(--ui-scroll-button-hover-text, #ff0000);
    box-shadow: 0 4px 12px var(--ui-scroll-button-shadow, #ff0000);
}

.scroll-button-v2:active:not(.is-disabled) {
    transform: scale(0.95);
    background: var(--ui-scroll-button-active-bg, #ff0000);
    border-color: var(--ui-scroll-button-active-border, #ff0000);
    color: var(--ui-scroll-button-active-text, #ff0000);
    box-shadow: 0 1px 3px var(--ui-scroll-button-shadow, #ff0000);
}

.scroll-button-v2.is-disabled {
    background: var(--ui-scroll-button-disabled-bg, #ff0000);
    border-color: var(--ui-border-default, #ff0000);
    color: var(--ui-scroll-button-disabled-text, #ff0000);
    box-shadow: none;
    cursor: not-allowed;
}