/* Basic minimal styles for the download panel (module fallback)
   Keeps long lists scrollable and adds small spacing.
*/
.download-panel {
    border: 1px solid #ddd;
    padding: 0.75rem;
}

.download-panel__list-wrap {
    max-height: 320px;
    overflow: auto;
    margin: 0.5rem 0;
}

.download-panel__list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.download-panel__row {
    margin: 0;
    padding: 0.25rem 0;
    border-bottom: 1px dotted #eee;
    display: flex;
    align-items: center;
}

.download-panel__row:last-child {
    border-bottom: 0;
}

.download-panel__row>label {
    /* Keep checkbox and its text on the same line */
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}

.download-panel__label {
    margin-left: 0.5rem;
    white-space: nowrap;
}

.download-panel__check {
    display: inline-block;
    margin: auto 0;
}

.download-panel__controls {
    margin: 0.5rem 0;
}

.download-panel__actions {
    margin-top: 0.5rem;
    display: flex;
    gap: 0.5rem;
    align-items: center;
    flex-wrap: wrap;
}

.download-panel__progress {
    font-size: 0.9rem;
    color: #555;
}

.download-panel__title {
    margin-top: 0;
}

/* Extra polish added from theme, kept optional and non-breaking */
/* Hide media ID display (IDs must not be shown visibly) */
.download-panel__media-id {
    display: none !important;
}

/* Subtle scroll fade at top/bottom of list */
.download-panel__list-wrap {
    position: relative;
    background: #fff;
    border-radius: 6px;
}

.download-panel__list-wrap::before,
.download-panel__list-wrap::after {
    content: "";
    position: sticky;
    left: 0;
    right: 0;
    height: 10px;
    display: block;
    pointer-events: none;
    z-index: 1;
}

.download-panel__list-wrap::before {
    top: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0));
}

.download-panel__list-wrap::after {
    bottom: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0));
}

/* WebKit scrollbar styling for better UX (no effect on Firefox) */
.download-panel__list-wrap::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

.download-panel__list-wrap::-webkit-scrollbar-track {
    background: #f5f5f5;
    border-radius: 10px;
}

.download-panel__list-wrap::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 10px;
    border: 2px solid #f5f5f5;
}

.download-panel__list-wrap::-webkit-scrollbar-thumb:hover {
    background: #bbb;
}