/* /modules/personal/css/personal_delete_records.css */

/* The ID search field uses .tagify-styled-wrapper to visually mimic a real
   Tagify field (like Филтър по персонал / Филтър по обект below it), but the
   shared wrapper's fixed 55.6px height and translucent white background don't
   match how an actual .tagify element renders (transparent bg, ~0.6rem
   padding-driven height). Scope a correction to just this field. */
.tagify-styled-wrapper-compact {
    background: transparent !important;
    min-height: 42px;
    height: auto;
    padding: 0.3rem 0.5rem;
    border-radius: 0.6rem;
    border-color: var(--apple-card-border-light);
}

[data-bs-theme="dark"] .tagify-styled-wrapper-compact {
    border-color: var(--apple-card-border-dark);
}

/* Hide native number-input spin arrows so #search_id_input matches the plain
   text .form-control filters next to it (Филтър по персонал / Филтър по обект) */
#search_id_input::-webkit-inner-spin-button,
#search_id_input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

#search_id_input {
    -moz-appearance: textfield;
}

/* Accent gradient for the primary action buttons on the Delete Records page */
#personal-delete-records-container .btn-primary {
    background: linear-gradient(135deg, color-mix(in srgb, var(--apple-accent-color, #6c63ff) 100%, white 25%), var(--apple-accent-color, #6c63ff)) !important;
    border-color: var(--apple-accent-color, #6c63ff) !important;
}