/* GANAF Desk: additions to desk-app.css for server-rendered pages. */

/* Forms that wrap a drawer's or modal's body and footer keep their layout. */
.drawer > form, .modal > form { display: contents; }

/* Sidebar footer: avatar links to the profile; sign-out is a form button. */
.me a.av { margin-left: 0; width: 32px; height: 32px; border-radius: 50%; color: #FFFFFF; background: #34344D; text-decoration: none; }
.me a.av:hover { background: var(--indigo); }
.me form { margin: 0 0 0 auto; display: flex; }
.me a + form { margin-left: 0; }
.me .who + a { margin-left: auto; width: 28px; height: 28px; }
.me .who + a + form .me-btn { margin-left: 0; }

/* Validation */
.errorlist { list-style: none; margin: 0; padding: 0; font-size: 12.5px; color: var(--danger-text); display: grid; gap: 2px; }
.field.has-error .input, .field.has-error .select, .field.has-error .combo .input { border-color: var(--danger); }
.alert.danger { background: var(--danger-subtle); color: var(--text); }
.alert.danger svg.i { color: var(--danger-text); }

/* Directory filters submit as a GET form */
.toolbar form { display: contents; }
.statband button.stat, .hbars button.hbar { font: inherit; text-align: left; }

/* Inline forms used for toggles and row actions */
form.inline { display: inline; margin: 0; }
.perm form { display: contents; }

/* Masked numbers */
.mono-muted { font-family: var(--font-mono); font-weight: 400; color: var(--text-muted); }

/* Stat cells and bars that filter the page are links; aria-current marks the active filter. */
a.stat:hover, a.hbar:hover { text-decoration: none; }
a.stat[aria-current="true"] { background: var(--primary-subtle); }
a.hbar[aria-current="true"] { background: var(--primary-subtle); }
a.hbar[aria-current="true"] .nm { color: var(--text-brand); font-weight: 600; }