/* Compact information and filter frames share the action-button corner shape.
 * Information badges keep compact dimensions; they are not form actions. */
@layer asherloc-details {
    :is(.ui-filter-frame, .period-filter-container, .custom-date-form,
        .period-btn-group, .dashboard-filter-form,
        form.rounded-pill, .input-group.rounded-pill,
        .form-control.rounded-pill, .form-select.rounded-pill,
        .app-select-trigger.rounded-pill) {
        border-radius: var(--action-radius, 10px) !important;
    }
    .badge:not(.rounded-circle, .position-absolute, [data-chat-unread]) {
        border-radius: 6px !important;
        padding: 4px 8px !important;
        font-size: var(--ui-caption, 11px) !important;
        font-weight: 600 !important;
        line-height: 1.35 !important;
        white-space: normal !important;
        overflow-wrap: normal;
        vertical-align: middle;
    }
    .financial-entry-title { flex-wrap: wrap; min-width: 0; }
    .financial-entry-category {
        flex: 0 0 auto;
        max-width: 100%;
        word-break: normal;
    }
    .financial-entry-description {
        flex: 1 1 160px;
        min-width: 0;
        white-space: normal;
        overflow-wrap: anywhere;
    }
    .financial-entry-meta { flex-wrap: wrap; min-width: 0; }
    .ai-support-drawer :is(.input-container-glass, .glass-input, .msg-bubble-card) {
        border-radius: var(--action-radius, 10px) !important;
    }
    .ai-support-drawer .glass-input { min-width: 0; }
    .ai-support-drawer .drawer-close-btn { flex-shrink: 0; }
    .topbar-btn-ai-glow { display: none !important; }
    .custom-date-form {
        max-width: 100%;
        min-width: 0;
        flex-wrap: wrap;
    }
    .custom-date-form > div { min-width: 0; }
    .custom-date-form .date-input-field { min-width: 0; max-width: 100%; }
    .custom-date-form .cash-date-actions { flex: 0 0 auto; }
    @media (max-width: 767.98px) {
        .custom-date-form {
            display: grid !important;
            grid-template-columns: minmax(0,1fr) minmax(0,1fr) auto;
            align-items: end !important;
            width: 100%; gap: 4px !important; padding: 4px !important;
        }
        .custom-date-form .cash-date-field {
            flex-direction: column; align-items: stretch !important;
            gap: 4px; padding: 0 !important; border: 0 !important;
        }
        .custom-date-form .cash-date-field label { margin: 0 !important; }
        .custom-date-form .date-input-field {
            width: 100% !important; min-height: 44px;
            padding: 6px 2px !important; box-sizing: border-box;
        }
        .custom-date-form .cash-date-actions { gap: 4px !important; }
        .custom-date-form .cash-date-action-label { display: none; }
        .custom-date-form .date-input-field::-webkit-calendar-picker-indicator { width: 12px; padding: 0; margin: 0; }
    }
}