/* Multi-section form styling on top of common.css */
.form-section-title { font-size: 12.5px; font-weight: 700; color: var(--alms-primary-dark); margin: 0 0 .1rem; }
.form-section-title i { margin-right: .35rem; }
.form-actions { display: flex; gap: .5rem; padding-top: .6rem; border-top: 1px solid var(--alms-card-border); margin-top: .8rem; }

/* Long multi-section forms (the ones with several stacked .card blocks and
   a single .form-actions bar after them, e.g. Assets create/edit) render
   with <form> as a direct child of .alms-main. That's the one pattern where
   a sticky bottom bar both makes sense and works reliably: single-card
   forms nest their form-actions inside .card-body, which already has
   overflow-x:auto — and per the CSS overflow spec that implicitly forces
   overflow-y to "auto" too, turning .card-body into its own (auto-height,
   effectively non-scrolling) sticky container where a sticky bar would just
   sit inert. Scoping to this exact selector keeps the sticky treatment only
   where it's both needed (long forms) and functional. */
.alms-main > form > .form-actions {
    position: sticky;
    bottom: var(--alms-sidebar-gap);
    z-index: 10;
    background: #fff;
    border-top: none;
    border-radius: 14px;
    padding: .85rem 1.1rem;
    box-shadow: 0 -2px 10px rgba(20,30,50,.06), 0 8px 20px rgba(20,30,50,.07);
}
.flatpickr-input[readonly] { background: #fff; }
.input-group-text { font-size: 12.5px; height: var(--alms-input-height); }
.form-check-label { font-size: 12.5px; }

/* ---------- Password show/hide toggle ---------- */
.password-input-group .password-toggle-btn { height: var(--alms-input-height); }
.password-input-group .password-toggle-btn i { font-size: 13px; width: 14px; text-align: center; }

/* ---------- User View page ---------- */
.menu-access-badges { display: flex; flex-wrap: wrap; gap: .35rem; }

/* ---------- Menu Permissions grid (Users create/edit) ---------- */
.menu-permissions-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: .9rem; }
.menu-permission-group .form-section-title { margin-bottom: .4rem; }
.menu-permission-options { display: flex; flex-direction: column; gap: .3rem; }
.menu-permission-item { margin-bottom: 0; }
.menu-permission-item.menu-permission-disabled { opacity: .45; }
.menu-permission-item.menu-permission-disabled .form-check-label { text-decoration: line-through; }