/* Tema Black exclusivo do filtro universal de datas. */
html[data-vision-theme-preference="black"] {
    --vision-date-black-canvas: #09090a;
    --vision-date-black-surface: #151517;
    --vision-date-black-raised: #1b1b1e;
    --vision-date-black-muted-surface: #222225;
    --vision-date-black-line: #343438;
    --vision-date-black-line-strong: #49494f;
    --vision-date-black-text: #f4efe8;
    --vision-date-black-muted: #aaa39a;
    --vision-date-black-red: #d35f68;
    --vision-date-black-red-strong: #b73440;
    --vision-date-black-red-soft: rgba(211, 95, 104, .18);
    --vision-date-black-amber: #dfad59;
}

html[data-vision-theme-preference="black"] .vision-date-top {
    border-color: var(--vision-date-black-line) !important;
    color: var(--vision-date-black-text) !important;
    background: rgba(14, 14, 16, .96) !important;
}

html[data-vision-theme-preference="black"] :where(.vision-date-day, .vision-date-action) {
    border-color: var(--vision-date-black-line) !important;
    color: var(--vision-date-black-text) !important;
    background: var(--vision-date-black-surface) !important;
    box-shadow: none;
}

html[data-vision-theme-preference="black"] .vision-date-day :where(.vision-date-day__mon, .vision-date-day__dow, .vision-date-day__val) {
    color: var(--vision-date-black-muted) !important;
}

html[data-vision-theme-preference="black"] .vision-date-day:hover,
html[data-vision-theme-preference="black"] .vision-date-action:hover,
html[data-vision-theme-preference="black"] .vision-date-action:focus-visible {
    border-color: var(--vision-date-black-line-strong) !important;
    color: #fff !important;
    background: var(--vision-date-black-muted-surface) !important;
}

html[data-vision-theme-preference="black"] .vision-date-day.inrange {
    border-color: rgba(211, 95, 104, .34) !important;
    color: var(--vision-date-black-text) !important;
    background: var(--vision-date-black-red-soft) !important;
}

html[data-vision-theme-preference="black"] .vision-date-day.edge {
    border-color: var(--vision-date-black-red-strong) !important;
    color: #fff !important;
    background: var(--vision-date-black-red-strong) !important;
}

html[data-vision-theme-preference="black"] .vision-date-day.edge :where(.vision-date-day__mon, .vision-date-day__dow, .vision-date-day__val) {
    color: rgba(255, 255, 255, .82) !important;
}

html[data-vision-theme-preference="black"] .vision-date-day.today {
    box-shadow: inset 0 0 0 2px var(--vision-date-black-red) !important;
}

html[data-vision-theme-preference="black"] .vision-date-day.picking {
    box-shadow: inset 0 0 0 2px var(--vision-date-black-amber) !important;
}

html[data-vision-theme-preference="black"] .vision-date-sheet-bg {
    background: rgba(0, 0, 0, .72) !important;
}

html[data-vision-theme-preference="black"] .vision-date-sheet {
    border-color: var(--vision-date-black-line) !important;
    color: var(--vision-date-black-text) !important;
    background: var(--vision-date-black-surface) !important;
    box-shadow: 0 24px 70px rgba(0, 0, 0, .65) !important;
}

html[data-vision-theme-preference="black"] .vision-date-grab {
    background: var(--vision-date-black-line-strong) !important;
}

html[data-vision-theme-preference="black"] .vision-date-quick button,
html[data-vision-theme-preference="black"] .vision-cal-nav button,
html[data-vision-theme-preference="black"] .vision-date-sheet-actions .clear {
    border-color: var(--vision-date-black-line-strong) !important;
    color: var(--vision-date-black-text) !important;
    background: var(--vision-date-black-raised) !important;
}

html[data-vision-theme-preference="black"] .vision-date-quick button:hover,
html[data-vision-theme-preference="black"] .vision-date-quick button:focus-visible,
html[data-vision-theme-preference="black"] .vision-cal-nav button:hover,
html[data-vision-theme-preference="black"] .vision-cal-nav button:focus-visible,
html[data-vision-theme-preference="black"] .vision-date-sheet-actions .clear:hover,
html[data-vision-theme-preference="black"] .vision-date-sheet-actions .clear:focus-visible {
    border-color: var(--vision-date-black-red) !important;
    color: #fff !important;
    background: var(--vision-date-black-red-soft) !important;
}

html[data-vision-theme-preference="black"] .vision-date-quick button.active,
html[data-vision-theme-preference="black"] .vision-date-sheet-actions .apply {
    border-color: var(--vision-date-black-red-strong) !important;
    color: #fff !important;
    background: var(--vision-date-black-red-strong) !important;
}

html[data-vision-theme-preference="black"] .vision-date-sheet-actions .apply:hover,
html[data-vision-theme-preference="black"] .vision-date-sheet-actions .apply:focus-visible {
    border-color: var(--vision-date-black-red) !important;
    background: var(--vision-date-black-red) !important;
}

html[data-vision-theme-preference="black"] .vision-cal-label {
    color: var(--vision-date-black-text) !important;
}

html[data-vision-theme-preference="black"] :where(.vision-cal-week div, .vision-date-readout) {
    color: var(--vision-date-black-muted) !important;
}

html[data-vision-theme-preference="black"] .vision-cal-grid button {
    color: var(--vision-date-black-text) !important;
    background: transparent !important;
}

html[data-vision-theme-preference="black"] .vision-cal-grid button:hover,
html[data-vision-theme-preference="black"] .vision-cal-grid button:focus-visible,
html[data-vision-theme-preference="black"] .vision-cal-grid button.inrange {
    color: #fff !important;
    background: var(--vision-date-black-red-soft) !important;
}

html[data-vision-theme-preference="black"] .vision-cal-grid button.edge {
    color: #fff !important;
    background: var(--vision-date-black-red-strong) !important;
}

html[data-vision-theme-preference="black"] .vision-cal-grid button.today {
    box-shadow: inset 0 0 0 1.5px var(--vision-date-black-red) !important;
}

html[data-vision-theme-preference="black"] .vision-cal-grid button:disabled {
    color: var(--vision-date-black-muted) !important;
    background: transparent !important;
    opacity: .38 !important;
}