/* ─── Dropdowns ─────────────────────────────────────────────────────────── */
.dropdown-menu .dropdown-item {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    line-height: 45px !important;
}
.dropdown-menu.show {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* ─── Inline row-delete button ──────────────────────────────────────────── */
.btn-row-delete {
    display: inline-flex; align-items: center; justify-content: center;
    width: 26px; height: 26px; padding: 0;
    background: #fff; border: 1px solid #ccc; border-radius: 2px;
    color: #999; font-size: 16px; line-height: 1; cursor: pointer;
    transition: border-color .15s, color .15s, background .15s;
}
.btn-row-delete:hover { border-color: #e35363; color: #fff; background: #e35363; }

/* ─── Buttons: slightly tighter padding, smaller font, less rounded ─────── */
/* Honours the 13px minimum font-size convention. */
.btn {
    padding: 0.3rem 0.65rem;
    font-size: 0.875rem;   /* 14px (Bootstrap default 16px) */
    border-radius: 0.25rem; /* 4px (Bootstrap default 6px) */
}
.btn-sm {
    padding: 0.2rem 0.45rem;
    font-size: 0.8125rem;  /* 13px floor */
    border-radius: 0.2rem; /* ~3.2px (Bootstrap default 4px) */
}
.btn-lg {
    padding: 0.4rem 0.8rem;
    font-size: 1rem;       /* 16px (Bootstrap default 20px) */
    border-radius: 0.3rem; /* ~4.8px (Bootstrap default 8px) */
}