/*
 * Theme coverage, part five: the uploader's "Options" panel.
 *
 * #additionalOptionsWrapper carries the three "send via email / store in
 * folder / set password" cards behind the uploader's "options" link.
 * components.css paints it `background-color: #ffffff` and its `.panel`,
 * `.panel-heading` and `.panel-body` children fall back to Bootstrap's own
 * light defaults, none of which any earlier part touched, because none of
 * them sit inside .uploaderContainer, which is what dashboard-b.css's own
 * uploader fix (".sp-dashboard .uploaderContainer") is scoped to. The result
 * is a white card sitting inside an otherwise dark modal, with heading and
 * body text coloured for that white background wherever the palette's own
 * dark tone still shows through.
 *
 * Scoped to the wrapper's own id rather than widened to ".panel" generally,
 * since a bare ".sp-dashboard .panel" rule would also repaint panels this
 * theme deliberately keeps light elsewhere (the share and folder dialogs).
 */
#additionalOptionsWrapper.additional-options-wrapper {
    background-color: var(--sp-bg-secondary);
}

#additionalOptionsWrapper .panel {
    background-color: var(--sp-bg-card);
    border-color: var(--sp-border-color);
}

#additionalOptionsWrapper .panel-heading {
    background-color: var(--sp-bg-card);
    border-color: var(--sp-border-color);
    color: var(--sp-text-primary);
}

#additionalOptionsWrapper .panel-body {
    background-color: var(--sp-bg-secondary);
    color: var(--sp-text-secondary);
}

#additionalOptionsWrapper .panel-body .form-group label {
    color: var(--sp-text-secondary);
}

#additionalOptionsWrapper .form-control {
    background-color: var(--sp-bg-card);
    border-color: var(--sp-border-color);
    color: var(--sp-text-primary);
}

#additionalOptionsWrapper .form-control:focus {
    border-color: var(--sp-accent-primary);
    box-shadow: 0 0 0 2px rgba(139, 90, 158, 0.2);
}