/* Log in / Log out (auth.js) – shelf, Contact and Impressum; uses each page's colour tokens (--ink, --paper, --hair, --hi) */
.auth-btn { font: 10px var(--ui, var(--sans)); letter-spacing: .14em; text-transform: uppercase; color: var(--ink-2); background: none; border: 0; padding: 0; cursor: pointer; min-height: 24px; }
/* small log-in form above the bottom right corner (same account as the workspace) */
.auth-form { position: fixed; right: 16px; bottom: 70px; z-index: 40; width: min(260px, calc(100vw - 32px)); padding: 14px; display: grid; gap: 10px;
  background: var(--paper); color: var(--ink); border: 1px solid var(--hair); font: 11px/1.3 var(--ui, var(--sans)); }
.auth-form label { display: grid; gap: 4px; letter-spacing: .1em; text-transform: uppercase; font-size: 9.5px; color: var(--ink-2); }
.auth-form input { font: 16px var(--ui, var(--sans)); color: var(--ink); background: transparent; border: 0; border-bottom: 1px solid var(--hair); padding: 4px 0; border-radius: 0; caret-color: var(--hi, var(--ink)); }
.auth-form input:focus { outline: none; border-bottom-color: var(--hi, var(--ink)); }
.auth-status { margin: 0; min-height: 1em; color: var(--ink-2); }
.auth-acts { display: flex; justify-content: space-between; }
.auth-acts button { font: 10px var(--ui, var(--sans)); letter-spacing: .14em; text-transform: uppercase; background: none; border: 1px solid var(--hair); color: var(--ink); padding: 7px 10px; cursor: pointer; }
.auth-acts button[type="submit"] { background: var(--ink); color: var(--paper); border-color: var(--ink); }
html[data-theme="blanco"] .auth-acts button[type="submit"] { background: var(--hi, var(--ink)); color: #070707; border-color: var(--hi, var(--ink)); }
.auth-btn:hover { color: var(--ink); }