/* Custom styles for Story Dashboard with Bootstrap */
body {
    direction: rtl;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.product-search-dropdown .list-group { max-height: 300px; overflow-y: auto; z-index: 1050; }
.gallery-image-item { transition: all 0.2s; border-width: 2px !important; }
.gallery-image-item:hover { transform: translateY(-2px); box-shadow: 0 4px 8px rgba(0,0,0,0.15); }
.gallery-image-item.selected { border-color: #0d6efd !important; }
#loadingModal .modal-content { border: none; }
#loadingModal .progress { height: 25px; }
.story-card { transition: transform 0.2s, box-shadow 0.2s; }
.story-card:hover { transform: translateY(-4px); box-shadow: 0 8px 16px rgba(0,0,0,0.15) !important; }
.ratio video, .ratio img { object-fit: cover; }
.modal-content { border-radius: 0.5rem; }
.form-control:focus, .form-select:focus { border-color: #86b7fe; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); }
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-thumb { background: #888; border-radius: 4px; }