/* /modules/personal/css/personal_correct_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 matches the plain text
   .form-control filters next to it (Филтър по персонал / Филтър по обект) */
#search_id::-webkit-inner-spin-button,
#search_id::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

#search_id {
    -moz-appearance: textfield;
}

/* Accent gradient for the primary action buttons on the Correct Records page */
#personal-correct-records-container .btn-primary,
#editRecordModal .btn-primary,
#addVacationModal .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;
}