/* Shared date fields (from SpaceHub brand-head) */
    .date-field-wrap {
        position: relative;
        width: 100%;
        min-width: 0;
    }
    .date-field-wrap > .date-field-icon {
        position: absolute;
        left: 0.85rem;
        top: 50%;
        transform: translateY(-50%);
        width: 1.05rem;
        height: 1.05rem;
        color: var(--brand);
        pointer-events: none;
        z-index: 1;
    }
    input.date-field,
    input[type="date"],
    input[type="datetime-local"] {
        color-scheme: light;
        font-variant-numeric: tabular-nums;
        letter-spacing: -0.01em;
    }
    input.date-field {
        width: 100%;
        min-width: 0;
        height: 2.75rem;
        border-radius: 0.75rem;
        border: 1px solid #E5E7EB;
        background: #fff;
        padding: 0 0.75rem 0 2.55rem;
        font-size: 0.875rem;
        font-weight: 500;
        color: #111827;
        box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
        transition: border-color 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease;
    }
    input.date-field:hover {
        border-color: color-mix(in srgb, var(--brand) 35%, #E5E7EB);
    }
    input.date-field:focus {
        outline: none;
        border-color: var(--brand);
        box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand) 16%, transparent);
    }
    input.date-field:disabled {
        opacity: 0.55;
        cursor: not-allowed;
        background: #F8FAFC;
    }
    input.date-field.date-field--error {
        border-color: #DC2626;
    }
    input.date-field.date-field--sm {
        height: 2.5rem;
        border-radius: 0.65rem;
        font-size: 0.8125rem;
        padding-left: 2.35rem;
    }
    input.date-field::-webkit-calendar-picker-indicator {
        cursor: pointer;
        opacity: 0.45;
        margin-left: 0.25rem;
        padding: 0.2rem;
        border-radius: 0.35rem;
        transition: opacity 0.15s ease, background-color 0.15s ease;
    }
    input.date-field:hover::-webkit-calendar-picker-indicator,
    input.date-field:focus::-webkit-calendar-picker-indicator {
        opacity: 0.85;
        background-color: color-mix(in srgb, var(--brand) 10%, transparent);
    }