.client-panel{margin:3rem auto 0;padding:clamp(1.25rem,3vw,2rem);border:1px solid color-mix(in srgb,currentColor 16%,transparent);border-radius:1.25rem;background:linear-gradient(145deg,rgb(20 28 48/92%),rgb(10 15 29/96%)),radial-gradient(circle at top right,rgb(34 211 238/15%),transparent 40%);box-shadow:0 24px 70px rgb(0 0 0/24%);color:#e5e7eb}.client-panel__header{display:flex;flex-wrap:wrap;align-items:start;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.client-panel__eyebrow{margin:0 0 .2rem;color:#67e8f9;font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.client-panel h2{margin:0;color:#fff;font-size:clamp(1.4rem,3vw,2rem)}.client-panel__status{padding:.35rem .7rem;border:1px solid rgb(34 211 238/35%);border-radius:999px;background:rgb(8 145 178/12%);color:#a5f3fc;font-size:.78rem}.client-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:.75rem}.client-item{min-width:0;padding:.8rem .9rem;border:1px solid rgb(148 163 184/16%);border-radius:.8rem;background:rgb(15 23 42/.6)}.client-item--wide{grid-column:1/-1}.client-item span{display:block;margin-bottom:.25rem;color:#94a3b8;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.client-item strong{display:block;overflow-wrap:anywhere;color:#e2e8f0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.82rem;font-weight:500}.client-badges{display:flex;flex-wrap:wrap;gap:.45rem}.client-badges em{color:#94a3b8;font-size:.8rem}.client-badge{display:inline-flex;padding:.24rem .5rem;border:1px solid rgb(148 163 184/24%);border-radius:999px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.7rem;line-height:1.3}.client-badge--granted,.client-badge--available{border-color:rgb(52 211 153/45%);background:rgb(16 185 129/12%);color:#a7f3d0}.client-badge--prompt{border-color:rgb(250 204 21/45%);background:rgb(234 179 8/.1);color:#fef08a}.client-badge--denied{border-color:rgb(248 113 113/45%);background:rgb(239 68 68/.1);color:#fecaca}.client-badge--unsupported{color:#94a3b8}.client-item button{margin-top:.65rem;padding:.35rem .7rem;border:1px solid rgb(34 211 238/55%);border-radius:.55rem;color:#a5f3fc;font-size:.78rem}.client-item button:hover{background:rgb(8 145 178/18%)}.client-item button:disabled{cursor:wait;opacity:.65}.client-panel__privacy{margin:1rem 0 0;color:#94a3b8;font-size:.78rem;line-height:1.5}.client-panel__privacy a{color:#67e8f9}.retro-bar{display:inline-flex;flex-wrap:wrap;border:1px solid rgba(255,179,0,.22);font-family:courier new,lucida console,monospace;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;margin-bottom:.5rem}.rb-cell{padding:.18rem .55rem;border-right:1px solid rgba(255,179,0,.22);color:rgba(255,179,0,.55);white-space:nowrap}.rb-cell:last-child{border-right:none}.rb-dot{color:#00c800;animation:rb-blink 1.5s step-end infinite}.rb-end{color:rgba(255,224,128,.65)}.rb-tip{cursor:help}@keyframes rb-blink{0%,100%{opacity:1}50%{opacity:0}}@media(prefers-reduced-motion:reduce){.rb-dot{animation:none}}pre.mermaid{cursor:zoom-in}.mermaid-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:rgba(0,0,0,.85);backdrop-filter:blur(4px);cursor:zoom-out}.mermaid-overlay svg{max-width:95vw;max-height:90vh;width:auto;height:auto}