/**
 * CYLONE Panel – zentrales Basis-CSS
 * Einmal einbinden: einheitliche Scrollbars und Box-Modell auf der ganzen Seite.
 * Pfad: /p/assets/css/cylone_common.css
 */

/* Box-Modell überall */
* {
    box-sizing: border-box;
}

/* Einheitliche Scrollbars (dunkel, Panel-Design) */
html,
body,
* {
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, 0.22) rgba(255, 255, 255, 0.06);
}

*::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

*::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.06);
    border-radius: 5px;
}

*::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.22);
    border-radius: 5px;
    border: 2px solid transparent;
    background-clip: padding-box;
}

*::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.35);
    background-clip: padding-box;
}

*::-webkit-scrollbar-corner {
    background: rgba(255, 255, 255, 0.06);
}