/* One solid e7 dot with a surface ring. Presence and chosen mood are independent. */
.chat-status-dot{display:inline-block;width:12px;height:12px;flex:none;box-sizing:border-box;border:2px solid var(--chat-status-ring,var(--card,#24252b));border-radius:50%;background:#9CA3AF;box-shadow:none!important;animation:none!important;filter:none!important}
.chat-status-online{background:#31A24C}.chat-status-angry{background:#EF4444}.chat-status-busy{background:#C026D3}.chat-status-happy{background:#FACC15}.chat-status-sad{background:#3B82F6}.chat-status-offline{background:#9CA3AF}
.chat-status-overlay{--cs-bg:#202127;--cs-fg:#f5f5f7;--cs-muted:#b8bac5;--cs-line:#454650;--cs-accent:var(--accent-primary);position:fixed;inset:0;z-index:14000;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.55);padding:20px;box-sizing:border-box;color:var(--cs-fg);font-family:inherit}
body.light .chat-status-overlay,[data-theme="light"] .chat-status-overlay{--cs-bg:#fff;--cs-fg:#22232b;--cs-muted:#61636d;--cs-line:#d9dae2;--cs-accent:var(--accent-primary)}
body.light .chat-status-dot,[data-theme="light"] .chat-status-dot{--chat-status-ring:#fff}
.chat-status-card{width:100%;max-width:430px;max-height:calc(100dvh - 40px);overflow:auto;background:var(--cs-bg);color:var(--cs-fg);border:1px solid var(--cs-line);border-radius:20px;padding:20px;box-sizing:border-box;box-shadow:0 18px 64px #0005}
.chat-status-card *{box-sizing:border-box}.chat-status-card button,.chat-status-card select{font:inherit;color:inherit}.chat-status-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.chat-status-title h2{font-size:19px;line-height:1.3;margin:0}.chat-status-title button{background:transparent;border:0;font-size:26px;padding:0 5px;cursor:pointer}.chat-status-subtitle{color:var(--cs-muted);font-size:14px;line-height:1.5;margin:10px 0 16px}.chat-status-options{display:grid;gap:8px}.chat-status-option{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:transparent;border:1px solid var(--cs-line);border-radius:12px;padding:11px;cursor:pointer}.chat-status-option[aria-pressed="true"]{border-color:var(--cs-accent);outline:1px solid var(--cs-accent);background:color-mix(in srgb,var(--cs-accent) 10%,transparent)}.chat-status-option strong{display:block;font-size:15px}.chat-status-option small{display:block;font-size:12px;line-height:1.5;color:var(--cs-muted);margin-top:2px}.chat-status-preview{display:flex;align-items:center;justify-content:center;width:24px;flex:none}.chat-status-preview .chat-status-dot{width:17px;height:17px;--chat-status-ring:var(--cs-bg)}.chat-status-duration{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;font-size:13px}.chat-status-duration select{max-width:58%;background:var(--cs-bg);border:1px solid var(--cs-line);border-radius:8px;padding:8px}.chat-status-error{min-height:16px;color:#ef7070;font-size:13px;margin:10px 0}.chat-status-actions{display:flex;justify-content:space-between;gap:12px}.chat-status-actions button{border:1px solid var(--cs-line);border-radius:10px;background:transparent;padding:10px 14px;cursor:pointer}.chat-status-actions .chat-status-primary{background:var(--cs-accent);border-color:var(--cs-accent);color:#fff}.chat-status-card button:disabled{opacity:.55;cursor:wait}.chat-status-help{display:block;border:0;background:none;color:var(--cs-muted)!important;text-decoration:underline;margin:15px auto 0;font-size:12px!important;cursor:pointer}.chat-status-card button:focus-visible,.chat-status-card select:focus-visible{outline:2px solid var(--cs-accent);outline-offset:3px}.chat-status-card h3{font-size:16px;margin:18px 0 8px}.chat-status-card p{line-height:1.5}.chat-status-tour-demo{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:24px;animation:chat-status-intro .35s ease-out}.chat-status-tour-chip{display:flex;align-items:center;justify-content:center;gap:5px;padding:12px 4px;border:1px solid var(--cs-line);border-radius:12px;font-size:12px}.chat-status-tour-chip .chat-status-dot{--chat-status-ring:var(--cs-bg)}.chat-status-tour-progress{font-size:12px;color:var(--cs-muted);text-align:center;margin:16px 0}
@keyframes chat-status-intro{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.chat-status-tour-demo{animation:none}}
@media(max-width:350px){.chat-status-overlay{padding:12px}.chat-status-card{padding:16px;max-height:calc(100dvh - 24px)}.chat-status-duration{align-items:flex-start;flex-direction:column}.chat-status-duration select{max-width:100%;width:100%}}
.chat-status-tour-meanings{margin-top:16px}.chat-status-tour-meanings p{font-size:12px;margin:6px 0;color:var(--cs-muted)}.chat-status-tour-meanings strong{color:var(--cs-fg);margin-right:4px}