/* Екран за пријаву и „Приватност“ (корак 1.5) — исте боје, писмо и размаци као остатак апликације. */
#access[hidden],#app[hidden]{display:none}
.access-screen{--mode-color:var(--color-action);min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:32px 16px;background:var(--color-page)}
.access-card{width:100%;max-width:460px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg,14px);padding:28px 28px 22px;box-shadow:var(--shadow-card,none)}
.access-logo{display:block;width:72px;height:72px;border-radius:50%;margin:0 0 14px}
.access-card h1{font-size:1.9rem;line-height:1.2;margin:0 0 10px}
.access-card h1:focus{outline:none}
.access-card h1.access-stale{font-size:1.25rem;line-height:1.45}
.access-intro{color:var(--color-muted);margin:0 0 20px}
.access-form{display:grid;gap:8px;margin:0 0 14px}
.access-form label{font-weight:bold;font-size:.9375rem}
.access-form input{width:100%;min-height:48px;padding:10px 12px;font:inherit;font-size:1.0625rem;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-control-border,var(--color-border));border-radius:var(--radius,8px)}
.access-form input[readonly]{background:var(--color-surface-soft,var(--color-page));color:var(--color-muted)}
.access-form input:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}
#access-code{letter-spacing:.3em;font-size:1.25rem;max-width:12ch}
.access-form .primary,.access-actions .primary,.access-actions .secondary{min-height:48px;padding:10px 18px;border-radius:var(--radius,8px);font:inherit;font-weight:bold;cursor:pointer}
.access-form>.primary{justify-self:start}
.access-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.access-sent{background:var(--color-surface-soft,var(--color-page));border-left:3px solid var(--color-action);padding:10px 12px;margin:4px 0 14px;font-size:.9375rem}
.access-message{min-height:1.5em;margin:6px 0 10px;font-size:.9375rem}
.access-message:empty{margin:0;min-height:0}
.access-message-error{color:var(--color-error)}
.access-message-warning{color:var(--color-warning,var(--color-text))}
.access-foot{border-top:1px solid var(--color-border);padding-top:12px;margin:8px 0 0;font-size:.875rem;color:var(--color-muted);display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px}
.access-foot .text-button{color:var(--color-action);text-decoration:underline;padding:4px 0;min-height:44px;background:none;border:0;cursor:pointer;font-size:inherit}
.access-privacy{max-width:760px;margin:0 auto;padding:24px 16px 48px;background:var(--color-page)}
.privacy-page .privacy-version{color:var(--color-muted);font-size:.875rem}
.footer-links{display:inline-flex;gap:12px;flex-wrap:wrap}
.footer-links .text-button{min-height:44px;padding:0;background:none;border:0;color:inherit;text-decoration:underline;cursor:pointer;font-size:inherit;font-weight:inherit}
@media(max-width:560px){.access-card{padding:22px 18px 16px}.access-card h1{font-size:1.6rem}}
.access-change{margin:4px 0 0}.access-change .text-button{color:var(--color-action);text-decoration:underline;background:none;border:0;cursor:pointer;padding:4px 0;min-height:44px;font-size:.875rem}
.access-card h1:focus-visible,.access-privacy h1:focus,.access-privacy h1:focus-visible{outline:none}
.logout-dialog{--mode-color:var(--color-action);width:min(420px,calc(100vw - 32px));border:1px solid var(--color-border);border-radius:var(--radius-lg,14px);background:var(--color-surface);color:var(--color-text);padding:22px 22px 18px;box-shadow:var(--shadow-card,0 8px 30px rgba(0,0,0,.18))}
.logout-dialog::backdrop{background:rgba(43,33,24,.45)}
.logout-dialog .logout-question{margin:0 0 16px;font-size:1.0625rem;line-height:1.5}
.logout-dialog .primary,.logout-dialog .secondary{min-height:48px;padding:10px 18px;border-radius:var(--radius,8px);font:inherit;font-weight:bold;cursor:pointer}
.logout-dialog[open]:not([role]){margin:auto}
/* „Већ имам књигу“ (корак 1.10) */
.access-hint{margin:-2px 0 6px;font-size:.875rem;color:var(--color-muted)}
.access-consent{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;margin:8px 0 2px}
.access-consent input{width:22px;height:22px;min-height:0;margin:2px 0 0;accent-color:var(--color-action)}
.access-form .access-consent label{font-weight:normal;font-size:.9375rem;line-height:1.5}
.access-inline-link{display:inline;padding:0;min-height:0;background:none;border:0;color:var(--color-action);text-decoration:underline;cursor:pointer;font:inherit}
.access-legacy-link{margin:4px 0 6px;font-size:.9375rem}
.access-legacy-link a{color:var(--color-action);text-decoration:underline;display:inline-block;padding:10px 0;min-height:44px}
#legacy-code{text-transform:uppercase;letter-spacing:.08em}
/* Ајфон и ајпед: обавештење пре пријаве (12. 10. 2026) */
.access-ios{background:var(--color-help-soft,var(--color-surface-soft));border-left:3px solid var(--color-warning,var(--color-action));border-radius:var(--radius,8px);padding:10px 12px;margin:0 0 16px;font-size:.9375rem;line-height:1.5}
.access-ios p{margin:0 0 6px}.access-ios p:last-child{margin:0}