/* --- Custom Minimal Styles & Scrollbar for Tailwind Setup --- */
:root {
    --primary-color: #0ea5e9;
}

/* Telegram Theme Linker override */
body {
    background-color: #020617; /* Deep Space Slate 950 override */
    color: var(--tg-theme-text-color, #e2e8f0);
}

/* Scrollbar Khusus untuk look modern */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-track {
    background: transparent;
}
::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.05);
    border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

/* Base resets & utilities yang tidak bisa ditalangin Tailwind CDN langsung dengan clean */
.glass-effect {
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

/* Menghindari flicker saat halaman dimuat */
.tab-content {
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Folder Transition untuk Admin */
/* Pakai teknik grid-template-rows 0fr->1fr agar tinggi folder mengikuti konten
   tanpa batas (tidak ada max-height yang memotong list video yang panjang). */
.folder-content {
    display: grid;
    grid-template-rows: 0fr;
    opacity: 0;
    transition: grid-template-rows 0.4s ease-in-out, opacity 0.4s ease;
}
.folder-content.open {
    grid-template-rows: 1fr;
    opacity: 1;
}
.folder-inner {
    min-height: 0;
    overflow: hidden;
}

.file-title-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.video-preview-card video[data-loaded="1"] + [data-preview-fallback] {
    opacity: 0;
}

.video-preview-card video[data-loaded="1"] {
    opacity: 1;
}

/* Disable selection warna mencolok */
::selection {
    background-color: rgba(14, 165, 233, 0.3);
}