/* What the design of Frida does not cover yet: the sign-in page and the "no venue" page. Same tokens, same components.
   To be looked at by Frida. */
.auth{min-height:100vh;display:grid;place-items:center;padding:var(--space-lg,24px)}
.auth__card{width:min(420px,100%);padding:var(--space-xl,32px);display:flex;flex-direction:column;gap:var(--space-md,16px)}
.auth__title{font-family:var(--font-display);font-weight:400;text-transform:uppercase;font-size:30px;line-height:1.1;margin:0}
.sprite{position:absolute;width:0;height:0;overflow:hidden}
#home-sezioni{align-items:stretch}
/* htmx indicators: htmx would write this into the page itself, which the CSP does not allow. */
.htmx-indicator{opacity:0}
.htmx-request .htmx-indicator,.htmx-request.htmx-indicator{opacity:1;transition:opacity 200ms ease-in}

/* Small controls inside table rows, a form that lives in a cell, and the QR of a device (not in the first design: for Frida to look at). */
.btn--sm{min-height:36px;padding:0 var(--space-md);font-size:14px}
.input--sm,.select--sm{min-height:36px;font-size:14px;width:auto;min-width:12rem}
.inline-form{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap;margin:0}
.qr{width:min(260px,100%);padding:var(--space-md);background:#fff;color:#000;border-radius:var(--radius-lg,18px);border:1px solid var(--color-border)}
.qr svg{display:block;width:100%;height:auto}

/* rows with two lines (a name and an email, a name and a code) need room: the design rows are one line */
.table--static tbody th,.table--static tbody td{padding-top:10px;padding-bottom:10px}
.cell-price-variants{font-weight:var(--weight-semibold)}
/* the sort headers are links (they work without htmx too): no underline, as the buttons of the design */
a.th-sort{text-decoration:none;color:inherit}
/* in a price list, an empty cell shows in grey the price that holds there (from the generic price or the base): italic, so it never reads as the list own */
.cellfield__input::placeholder{font-style:italic;font-weight:400}