/* The landing pages' "Report a problem" door (assets/signin-door.js).
   Reads the page's own tokens (--ink, --muted, --line, --gold, --night,
   --error, --focus); the fallbacks are the same values, for a page that
   lacks one (sign-in.html has no --ok). Logical properties only, so the door
   reads the same in Hebrew. */
.signin-door { margin:.75rem 0 0; }
.signin-door-link { display:inline-flex; align-items:center; min-height:44px; margin:0; padding:.35rem 0; border:0; background:transparent; color:var(--gold,#7a5810); font:inherit; font-size:.92rem; font-weight:650; text-align:start; text-decoration:underline; text-underline-offset:3px; cursor:pointer; }
.signin-door-link:hover { color:#604407; }
.signin-door-panel { position:relative; margin:.6rem 0 0; padding:1rem; border:1px solid var(--line,#dcd0b6); border-radius:16px; background:#fff; }
.signin-door-title { margin:0; color:var(--ink,#241d12); font:600 1.3rem/1.2 Georgia,serif; }
.signin-door-title:focus { outline:none; }
.signin-door-title:focus-visible { outline:3px solid var(--focus,#1f5f9b); outline-offset:3px; }
.signin-door-hint { margin:.4rem 0 1rem; color:var(--muted,#695f4c); font-size:.9rem; }
.signin-door-form { display:flex; flex-direction:column; gap:.9rem; }
.signin-door-kinds { display:flex; flex-wrap:wrap; gap:.5rem; }
.signin-door-kind { flex:1 1 auto; min-height:44px; padding:.45rem .7rem; white-space:nowrap; border:1px solid var(--line,#dcd0b6); border-radius:999px; background:transparent; color:var(--muted,#695f4c); font:inherit; font-size:.9rem; font-weight:650; cursor:pointer; }
.signin-door-kind[aria-checked="true"] { background:var(--night,#17120a); border-color:var(--night,#17120a); color:#fff; }
.signin-door textarea { width:100%; min-height:7rem; border:1px solid #bbae91; border-radius:11px; background:#fff; color:var(--ink,#241d12); padding:.7rem .85rem; font:inherit; font-weight:400; resize:vertical; }
.signin-door-count { color:var(--muted,#695f4c); font-size:.82rem; font-weight:400; }
.signin-door-error { margin:0; color:var(--error,#982f32); font-size:.92rem; font-weight:650; }
.signin-door-actions { display:flex; flex-wrap:wrap; align-items:center; gap:.6rem; }
.signin-door-actions .submit { flex:1 1 9rem; }
.signin-door-actions .submit:disabled { cursor:not-allowed; }
.signin-door-actions .submit[aria-busy="true"] { cursor:wait; }
.signin-door-actions .submit[aria-disabled="true"] { opacity:.65; cursor:wait; }
.signin-door-cancel { min-height:48px; padding:.7rem 1rem; border:1px solid var(--line,#dcd0b6); border-radius:11px; background:transparent; color:var(--ink,#241d12); font:inherit; font-weight:650; cursor:pointer; }
.signin-door-sent p { margin:0 0 .9rem; color:var(--ok,#2c6e49); font-weight:650; }
.signin-door-kind:focus-visible, .signin-door-link:focus-visible, .signin-door-cancel:focus-visible, .signin-door textarea:focus-visible { outline:3px solid var(--focus,#1f5f9b); outline-offset:3px; }
/* C11 — the honeypot is visually hidden, never physically offset: a
   -9999px inline offset becomes a scrollable overflow in RTL. */
.signin-door-hp { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0 0 0 0); clip-path:inset(50%); white-space:nowrap; border:0; }