/*
 * Müşteri tarafına özel canlı öncesi CSS katmanı.
 * Mevcut style.css korunur; müşteri paneli, hikaye listeleme ve checkout düzeltmeleri burada toplanır.
 */
.customer-panel-nav,
.customer-dashboard-tabs {
    scrollbar-width: thin;
}

.customer-panel-nav::-webkit-scrollbar,
.customer-dashboard-tabs::-webkit-scrollbar {
    height: 8px;
}

.customer-panel-nav::-webkit-scrollbar-thumb,
.customer-dashboard-tabs::-webkit-scrollbar-thumb {
    background: #d3d8e0;
    border-radius: 999px;
}

.checkout-steps,
.checkout-progress {
    overflow-x: auto;
    scrollbar-width: thin;
}

.favorite-button,
.story-favorite-button {
    min-height: 38px;
}