/* DGCPUBLIC support panel (see faqbot.js). Same tokens as the site. */
.sp{position:fixed;right:18px;bottom:78px;z-index:71;width:min(380px,calc(100vw - 28px));max-height:min(640px,calc(100vh - 110px));display:flex;flex-direction:column;background:rgba(12,10,11,.96);border:1px solid rgba(217,178,90,.45);border-radius:18px;box-shadow:0 24px 60px rgba(0,0,0,.55);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:#f4ead9;font-family:Inter,system-ui,sans-serif;overflow:hidden}
.sp[hidden]{display:none}
.sp-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid rgba(217,178,90,.18)}
.sp-head b{display:block;font-family:Oswald,Inter,sans-serif;font-weight:600;font-size:16px;letter-spacing:.06em;text-transform:uppercase}
.sp-head span{display:block;font-family:"IBM Plex Mono",monospace;font-size:10.5px;letter-spacing:.1em;color:#b9a48f;margin-top:3px}
.sp-x{border:0;background:transparent;color:#b9a48f;font-size:22px;line-height:1;width:32px;height:32px;border-radius:50%;cursor:pointer}
.sp-x:hover{color:#f4ead9;background:rgba(217,178,90,.12)}
.sp-log{flex:1 1 0;overflow-y:auto;padding:14px 14px 6px;display:flex;flex-direction:column;gap:8px;min-height:150px}
.sp-b{max-width:88%;padding:10px 13px;border-radius:14px;font-size:13.5px;line-height:1.5;white-space:pre-line;overflow-wrap:anywhere}
.sp-b.bot{align-self:flex-start;background:#1d1513;border:1px solid #2c221d;border-bottom-left-radius:4px;color:#f4ead9}
.sp-b.me{align-self:flex-end;background:rgba(217,178,90,.16);border:1px solid rgba(217,178,90,.4);border-bottom-right-radius:4px}
.sp-b a{display:block;width:max-content;max-width:100%;margin-top:8px;color:#d9b25a;font-weight:600;text-decoration:none;border-bottom:1px solid rgba(217,178,90,.5)}
.sp-chips{flex:0 0 auto;padding:6px 14px 10px;display:flex;flex-wrap:wrap;gap:6px;border-top:1px solid rgba(217,178,90,.12);max-height:210px;overflow-y:auto}
.sp-groups{display:flex;gap:6px;flex-wrap:wrap;width:100%;margin-bottom:4px}
.sp-groups button{border:1px solid #2c221d;background:transparent;color:#b9a48f;padding:5px 10px;border-radius:999px;font-family:"IBM Plex Mono",monospace;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}
.sp-groups button.on{background:#d9b25a;color:#0c0a0b;border-color:#d9b25a}
.sp-q{border:1px solid rgba(217,178,90,.35);background:rgba(7,5,6,.5);color:#f4ead9;padding:8px 12px;border-radius:12px;font-size:12.5px;text-align:left;cursor:pointer;line-height:1.35;transition:border-color .25s,background .25s}
.sp-q:hover{border-color:#d9b25a;background:rgba(217,178,90,.1)}
.sp-form{display:flex;gap:8px;padding:10px 14px;border-top:1px solid rgba(217,178,90,.12)}
.sp-form input{flex:1;min-width:0;background:rgba(7,5,6,.6);border:1px solid #2c221d;color:#f4ead9;padding:10px 12px;border-radius:10px;font-family:"IBM Plex Mono",monospace;font-size:13px;outline:none}
.sp-form input:focus{border-color:#d9b25a}
.sp-form button{border:0;background:#d9b25a;color:#0c0a0b;width:42px;border-radius:10px;font-size:16px;cursor:pointer}
.sp-tg{display:block;text-align:center;padding:11px 14px 13px;font-family:"IBM Plex Mono",monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#d9b25a;text-decoration:none;border-top:1px solid rgba(217,178,90,.18)}
.sp-tg:hover{background:rgba(217,178,90,.08)}
.tg-fab.on{background:rgba(217,178,90,.16);border-color:#d9b25a}
@media (max-width:600px){.sp{right:8px;left:8px;width:auto;bottom:70px;max-height:calc(100vh - 90px)}}
@media (prefers-reduced-motion:reduce){.sp-q,.tg-fab{transition:none}}