/* Controles temporais do Design System SIGCACAMBA. */
:where(input[type="date"], input[type="datetime-local"], input[type="time"]).sig-date-control {
    width: 100%;
    min-height: 44px;
    padding: .625rem .75rem;
    color: var(--sig-text, #24332b);
    background-color: var(--sig-surface, #fff);
    border: 1px solid var(--sig-border, #b8c5bd);
    border-radius: var(--sig-radius-sm, .5rem);
    font: inherit;
    color-scheme: light;
    transition: border-color .16s ease, box-shadow .16s ease, background-color .16s ease;
}

:where(input[type="date"], input[type="datetime-local"], input[type="time"]).sig-date-control:hover:not(:disabled) {
    border-color: var(--sig-primary, #276b3a);
}

:where(input[type="date"], input[type="datetime-local"], input[type="time"]).sig-date-control:focus-visible {
    border-color: var(--sig-primary, #276b3a);
    outline: 3px solid color-mix(in srgb, var(--sig-primary, #276b3a) 24%, transparent);
    outline-offset: 2px;
    box-shadow: none;
}

:where(input[type="date"], input[type="datetime-local"], input[type="time"]).sig-date-control:disabled {
    color: var(--sig-text-muted, #66736c);
    background: var(--sig-surface-muted, #edf1ee);
    cursor: not-allowed;
    opacity: 1;
}

.sig-period:not(.row) {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    min-width: 0;
}

.sig-period__field { min-width: 0; }
.sig-period__field label { display: inline-block; margin-bottom: .375rem; }
.sig-period__helper { grid-column: 1 / -1; margin: -.25rem 0 0; color: var(--sig-text-muted, #5e6c64); font-size: .875rem; }

@media (max-width: 767.98px) {
    .sig-period:not(.row) { grid-template-columns: minmax(0, 1fr); gap: .75rem; }
    .sig-period__helper { grid-column: 1; }
}

@media (forced-colors: active) {
    :where(input[type="date"], input[type="datetime-local"], input[type="time"]).sig-date-control {
        border: 1px solid CanvasText;
    }

    :where(input[type="date"], input[type="datetime-local"], input[type="time"]).sig-date-control:focus-visible {
        outline: 2px solid Highlight;
    }
}