/* Kit screens (sign in, no access, errors) and the account menu.
   Uses the page's own tokens when it defines them, with neutral fallbacks. */
.kit-gate{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:24px 16px;
  background:var(--bg,#F1F4F6);color:var(--ink,#14212B);overflow:auto}
body.kit-gated{overflow:hidden}
.kit-card{width:100%;max-width:400px;display:grid;gap:14px;padding:24px 22px;border-radius:16px;
  background:var(--surface,#fff);border:1px solid var(--line,#D3DCE3);box-shadow:var(--shadow,0 6px 20px rgb(20 33 43 / .08))}
.kit-card p{margin:0;line-height:1.45}
.kit-eyebrow{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted,#5A6A76)}
.kit-title{margin:0;font-family:var(--f-display,inherit);font-weight:800;font-size:24px;line-height:1.15;letter-spacing:-.01em}
.kit-note{background:var(--lim-soft,#F8E9D0);border-radius:10px;padding:10px 12px;font-size:15px}
.kit-small{font-size:13px;color:var(--muted,#5A6A76)}
.kit-row{display:flex;gap:8px;flex-wrap:wrap}
.kit-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:10px 16px;border-radius:10px;
  border:1px solid var(--line,#D3DCE3);background:var(--surface,#fff);color:var(--ink,#14212B);font:inherit;font-weight:700;font-size:15px;text-decoration:none;cursor:pointer}
.kit-btn:disabled{opacity:.6;cursor:default}
.kit-google{width:100%}
.kit-ghost{background:transparent}

.kit-account{position:relative}
.kit-account > summary{list-style:none}
.kit-account > summary::-webkit-details-marker{display:none}
.kit-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;cursor:pointer;
  background:var(--accent-soft,#DCEDF7);color:var(--accent,#0A78B8);font-weight:800;font-size:15px;user-select:none}
.kit-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:20;min-width:240px;max-width:calc(100vw - 32px);display:grid;padding:6px;border-radius:12px;
  background:var(--surface,#fff);color:var(--ink,#14212B);border:1px solid var(--line,#D3DCE3);box-shadow:var(--shadow,0 6px 20px rgb(20 33 43 / .12))}
.kit-menu-who{display:grid;gap:2px;margin:0;padding:8px 10px 10px;border-bottom:1px solid var(--line,#D3DCE3);font-size:14px;overflow-wrap:anywhere}
.kit-menu-who span{color:var(--muted,#5A6A76)}
.kit-role{text-transform:capitalize}
.kit-menu-item{display:block;width:100%;text-align:left;padding:10px;border:0;border-radius:8px;background:none;color:inherit;font:inherit;font-size:15px;text-decoration:none;cursor:pointer}
.kit-menu-item:hover,.kit-menu-item:focus-visible{background:var(--surface-2,#E7EDF1)}