/* Public entry points and a readable queue, also available when WebGL fails. */
.tools .consult-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:999px;background:var(--pink-strong);color:#fff;font-size:14px;font-weight:600;white-space:nowrap}
.tools .consult-link:hover{background:var(--ink)}
.office-dialog{width:min(600px,calc(100% - 32px));max-height:calc(100dvh - 40px);padding:28px;border:1px solid var(--line);border-radius:24px;box-shadow:var(--sh-float);color:var(--ink);background:var(--surface);overflow:auto}
.office-dialog::backdrop{background:rgba(23,19,26,.6)}
.queue-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.queue-heading small{color:var(--pink-strong);font-size:13px;font-weight:700;letter-spacing:.08em}
.queue-heading h2{font-size:27px;margin-top:4px}
.queue-heading button{min-width:44px;min-height:44px;border:1px solid var(--line-strong);border-radius:50%;background:#fff;display:grid;place-items:center}
.queue-description{font-size:15px;color:var(--ink-2);margin:16px 0}
.queue-list{list-style:none;padding:0;margin:16px 0;display:grid;gap:8px}
.queue-list li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 16px;padding:14px 16px;background:var(--bg);border:1px solid var(--line);border-radius:12px;font-size:15px}
.queue-list li[data-status=working]{border-left:4px solid var(--ok)}
.queue-list li[data-status=asking]{border-left:4px solid var(--warn)}
.queue-list span{color:var(--ink-2)}
.queue-updated{font-size:13px;color:var(--ink-3)}
.queue-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px}
.queue-actions button,.queue-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 18px;border:1px solid var(--line-strong);border-radius:999px;font:inherit;font-size:15px;font-weight:600;background:#fff;color:var(--ink)}
.queue-actions a{background:var(--pink-strong);color:#fff;border-color:var(--pink-strong)}
.queue-actions button:disabled{opacity:.6;cursor:wait}
.queue-help{margin:20px 0 0;padding-top:16px;border-top:1px solid var(--line);font-size:14px;color:var(--ink-2)}
.chat-locked .owner-entry{display:block;margin-top:12px;font-size:13px;color:var(--ink-3)}
.nogl a,.no-script a{display:inline-flex;align-items:center;min-height:44px;margin:8px;color:var(--pink-strong);font-weight:600}
.no-script{position:absolute;inset:auto 16px 16px;padding:20px;background:#fff;border-radius:16px;z-index:8}
.topbar .tools{flex-wrap:nowrap}
@media(min-width:701px){.tools #fullscreen{padding-inline:14px}.tools button{padding-inline:14px}.topbar{gap:12px}.live{padding-inline:10px}}
@media(max-width:1100px) and (min-width:701px){.topbar .live{display:none}}
@media(max-width:700px){
 :root{--top:108px}
 .topbar{height:var(--top);flex-wrap:wrap;align-content:center;gap:6px 10px}
 .topbar .brand{min-height:38px}.topbar .tools{display:contents}
 .tools #queue-open{margin-left:auto}.tools .consult-link{padding-inline:14px}
 .tools #team,.tools #pause,.tools #fullscreen{font-size:13px;min-height:44px;flex:1;padding-inline:10px}
 .tools #pause{display:inline-flex;align-items:center;justify-content:center}
 .tools #team{order:5}.tools #pause{order:6}.tools #fullscreen{order:7}
 .office-dialog{padding:20px}.queue-heading h2{font-size:24px}
 .views button{min-height:44px}.chat-form textarea{font-size:16px}
}