/* CIT Tools account button and sign-in dialog. Uses the hub's own tokens (--panel, --text, --line, --muted, --navy, --focus). */
.account-button{display:flex;align-items:center;gap:9px;min-height:44px;padding:8px 14px;border:1px solid #73849a;border-radius:8px;background:#ffffff0a;color:#fff;font:inherit;font-size:16px;white-space:nowrap;cursor:pointer}
.account-button:hover{border-color:#fff}
.account-button[hidden]{display:none}
.acct-dot{width:10px;height:10px;border-radius:50%;background:#73849a;flex:0 0 auto}
.acct-dot.on{background:#4ade80;box-shadow:0 0 0 3px #4ade8033}
.account-modal{position:fixed;inset:0;z-index:100;background:rgba(6,12,22,.72);display:flex;align-items:center;justify-content:center;padding:14px}
.account-modal[hidden]{display:none}
.account-dialog{position:relative;width:min(96vw,520px);max-height:92vh;overflow:auto;background:var(--panel,#fff);color:var(--text,#10172f);border:1px solid var(--line,#d9e0e8);border-radius:14px;padding:22px 22px 18px;box-shadow:0 24px 70px rgba(0,0,0,.45)}
.account-dialog h2{margin:0 0 6px;font-size:24px}
.account-close{position:absolute;right:12px;top:12px;border:1px solid var(--line,#d9e0e8);background:transparent;color:inherit;border-radius:8px;padding:4px 10px;font:inherit;cursor:pointer}
.acct-lede{color:var(--muted,#52647e);margin:0 0 12px;font-size:15px;line-height:1.5}
.acct-hint{color:var(--muted,#52647e);font-size:13px;margin:6px 0}
.acct-warn{color:#dc2626;font-size:13px;margin:8px 0 0}
.acct-row{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.acct-btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 14px;border:1px solid var(--line,#d9e0e8);border-radius:8px;background:transparent;color:inherit;font:inherit;font-size:15px;text-decoration:none;cursor:pointer}
.acct-btn:hover{border-color:var(--navy,#152f4b)}
.acct-btn.primary,.acct-btn.on{background:var(--navy,#152f4b);color:#fff;border-color:var(--navy,#152f4b)}
.acct-btn:disabled{opacity:.5;cursor:not-allowed}
.account-form label{display:block;font-size:13px;color:var(--muted,#52647e);margin:12px 0 4px}
.account-form input{width:100%;box-sizing:border-box;font:inherit;font-size:16px;padding:10px 12px;border:1px solid var(--line,#d9e0e8);border-radius:8px;background:var(--bg,#f5f5f5);color:inherit}
.account-form input:focus-visible,.acct-btn:focus-visible,.account-button:focus-visible{outline:2px solid var(--focus,#2563eb);outline-offset:2px}
.account-form .msg{min-height:20px;font-size:14px;margin:10px 0}
.msg.good{color:#16a34a} .msg.bad{color:#dc2626}
#authSubmit{margin-top:4px;width:100%}
body.acct-open{overflow:hidden}
@media (max-width:640px){.account-button span:last-child{max-width:110px;overflow:hidden;text-overflow:ellipsis}}