/**
 * Scrollbar ve Full Width Fix
 * Sağ taraftaki beyaz alan için
 */

/* HTML ve Body tam ekran kaplasın */
html {
    width: 100%;
    min-height: 100vh;
    background: #1F1C2C !important;
    background-color: #1F1C2C !important;
    overflow-x: hidden;
}

body {
    width: 100%;
    min-width: 100%;
    min-height: 100vh;
    background: #1F1C2C !important;
    background-color: #1F1C2C !important;
    overflow-x: hidden;
    margin: 0;
    padding: 0;
}

/* Scrollbar Styling - Koyu Tema */
/* Chrome, Edge, Safari */
::-webkit-scrollbar {
    width: 14px;
    height: 14px;
}

::-webkit-scrollbar-track {
    background: #1F1C2C;
    border-left: 1px solid rgba(146, 141, 171, 0.15);
}

::-webkit-scrollbar-thumb {
    background: #928DAB;
    border-radius: 8px;
    border: 3px solid #1F1C2C;
}

/* Webkit scrollbar hover states - Tüm tarayıcılarda desteklenmeyebilir */
::-webkit-scrollbar-thumb:hover {
    background: #B8B3CA;
}

::-webkit-scrollbar-thumb:active {
    background: #A8A3BD;
}

::-webkit-scrollbar-corner {
    background: #1F1C2C;
}

/* Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: #928DAB #1F1C2C;
}

/* Root container full width */
#root,
#app,
.app-container {
    width: 100%;
    min-width: 100%;
    background: #1F1C2C;
}

/* Tüm main wrapperlar */
main {
    width: 100%;
    min-height: calc(100vh - 64px);
    background: #1F1C2C;
}

/* Container'ların dışındaki alan */
.page-wrapper,
.main-wrapper {
    width: 100%;
    background: #1F1C2C;
    min-height: 100vh;
}

/* Upload sayfası için özel */
.upload-wrapper {
    width: 100%;
    min-height: 100vh;
    background: #1F1C2C !important;
    padding: 80px 0 40px;
}

/* Horizontal overflow önleme */
* {
    max-width: 100%;
}

.container {
    max-width: 1200px !important;
    width: 100%;
}

/* Grid ve Flex itemler */
.grid,
.flex {
    width: 100%;
}

/* Viewport genişliğini aşan elementleri engelle */
img,
video,
iframe {
    max-width: 100%;
    height: auto;
}