/* Shared dock chrome stays readable independently of the chat design. */
body .stream-bar.stream-bar{z-index:1001;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;right:8px;left:auto;bottom:calc(var(--composer-height,48px) + 18px);width:340px;max-width:calc(100vw - 16px);max-height:calc(100dvh - var(--composer-height,48px) - 34px);overflow:auto;box-sizing:border-box;padding:14px;border:1px solid #3c424c;border-radius:14px;background:#1c2026;color:#eef0f4;box-shadow:0 12px 40px #0006;backdrop-filter:none;font:500 12px/1.4 system-ui,sans-serif}
body .stream-bar.no-metrics{display:grid!important}
.stream-bar-head,.stream-bar-footer{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px}
.stream-bar-head{padding-bottom:8px;border-bottom:1px solid #343a44}
.stream-bar-head>span{display:flex;align-items:center;gap:9px}
body .stream-bar .stream-live-dot{margin:0;width:6px;height:6px;box-shadow:none;animation:none;background:#9bc784}
body .stream-bar.is-offline .stream-live-dot{background:#87909d}
.stream-bar-head b{font-size:12px;font-weight:600}
.stream-bar-head button,.stream-bar-footer button{min-height:30px;border:0;border-radius:7px;background:transparent;color:#b5bfce;cursor:pointer;font:inherit;padding:5px 8px}
.stream-bar-head button{font-size:20px;line-height:1}
.stream-bar-footer{padding-top:7px;border-top:1px solid #343a44;color:#929daa}
.stream-bar-footer button{background:#ff8b5714;color:#ffc49d}
body .stream-bar .stream-metric{display:grid;grid-template-columns:26px minmax(0,1fr);gap:3px 9px;padding:10px;border:1px solid #333a43;border-radius:9px;background:#242930;opacity:1}
body .stream-bar .stream-metric.metric-off{display:none}
body .stream-bar .metric-icon{display:grid;grid-row:1/3;align-self:center;width:26px;height:26px;border-radius:7px;background:#ff8b5712;color:#ffb98e}
body .stream-bar .metric-value{font:700 17px/1.2 system-ui,sans-serif;letter-spacing:-.02em;color:#eef0f4;text-shadow:none;white-space:normal;overflow-wrap:anywhere}
body .stream-bar .metric-label{display:block;grid-column:2;margin:0;color:#9ca7b6;font:500 10px/1.35 system-ui,sans-serif;text-transform:none;letter-spacing:0;white-space:normal}
.composer-destination-bar{display:flex;align-items:center;gap:8px;justify-content:space-between}
.composer-destination-bar .composer-recipient{margin:0;min-width:0}
.composer-settings-trigger{display:flex;align-items:center;gap:5px;flex:none;min-height:28px;padding:4px 7px;border:1px solid #3c424c;border-radius:6px;background:#282e36;color:#b7c2d0;font:600 11px/1.2 system-ui,sans-serif;cursor:pointer}
.composer-settings-trigger:hover{color:#ffc49d;border-color:#b67655}
.composer-targets[hidden]{display:none}
.dock-utilities{position:fixed;bottom:8px;right:8px;z-index:999;display:flex;gap:6px;padding:6px;border:1px solid #3c424c;border-radius:10px;background:#1c2026}
.dock-utilities[hidden]{display:none}
.dock-settings-dialog{box-sizing:border-box;width:min(420px,calc(100vw - 24px));max-height:calc(100dvh - 24px);margin:auto;padding:20px;border:1px solid #414854;border-radius:16px;background:#1c2026;color:#eef0f4;box-shadow:0 20px 80px #0009;font:500 13px/1.5 system-ui,sans-serif;color-scheme:dark}
.dock-settings-dialog::backdrop{background:#090b10b8}
.dock-settings-dialog header{display:flex;justify-content:space-between;align-items:center;gap:15px}
.dock-settings-dialog header small{color:#ffb68c;font-size:10px;letter-spacing:.12em}
.dock-settings-dialog h2{font-size:21px;margin:2px 0 0}
.dock-settings-dialog h3{font-size:14px;margin:0 0 6px}
.dock-settings-dialog header button{border:0;border-radius:7px;width:32px;height:32px;background:#2b313a;color:#c2cbd7;font-size:22px;cursor:pointer}
.dock-settings-dialog section{margin-top:20px;padding-top:18px;border-top:1px solid #343b45}
.dock-settings-dialog p{margin:0 0 12px;color:#9eabba;font-size:12px}
.dock-target-options{display:flex;gap:6px;flex-wrap:wrap}
.dock-target-options button{flex:1;min-height:38px;padding:7px 9px;border:1px solid #414a56;border-radius:8px;background:#262c34;color:#b9c5d5;cursor:pointer;font:600 12px/1.3 system-ui,sans-serif;white-space:nowrap}
.dock-target-options button[aria-pressed=true]{border-color:#ca815b;background:#ff8b5714;color:#ffc49d}
.dock-target-options button:disabled{opacity:.55;cursor:default}
.dock-metric-options{display:grid;gap:3px}
.dock-metric-options label{position:relative;display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:38px;cursor:pointer}
.dock-metric-options input{position:absolute;right:0;width:36px;height:22px;margin:0;opacity:0;cursor:pointer}
.dock-metric-options i{flex:none;width:36px;height:22px;box-sizing:border-box;border:1px solid #53606f;border-radius:14px;background:#303a46;pointer-events:none}
.dock-metric-options i:after{content:'';display:block;margin:3px;width:14px;height:14px;border-radius:50%;background:#a9b5c6;transition:transform .15s}
.dock-metric-options input:checked+i{background:#ff8951;border-color:#ff8951}
.dock-metric-options input:checked+i:after{transform:translateX(13px);background:#252a31}
.dock-settings-dialog :is(button,a):focus-visible,.dock-metric-options input:focus-visible+i{outline:2px solid #ffb68c;outline-offset:3px}
.dock-settings-dialog footer{display:grid;gap:8px;border-top:1px solid #343b45;margin-top:18px;padding-top:14px;font-size:11px;color:#95a4b5}
.dock-settings-dialog footer a{color:#ffc49d;text-decoration:none}
body .stream-bar.stream-bar{bottom:calc(max(var(--composer-height,48px),48px) + 18px)}
.dock-send-setting{padding:12px 0;border-block:1px solid #343b45;margin:8px 0}
.dock-send-setting h3{margin:0 0 10px;font-size:14px}
.dock-send-setting .field-hint{margin:10px 0 0}
.composer-delivery[hidden]{display:none!important}
body .overlay-composer.overlay-composer .composer-inputrow{display:flex;align-items:flex-end;gap:5px;padding:7px 8px 7px 12px;border:1px solid #3c424c;border-radius:12px;background:#20242b;box-shadow:0 6px 24px #0003;backdrop-filter:none}
body .overlay-composer.overlay-composer .composer-inputrow:focus-within{border-color:#ad775b;box-shadow:0 0 0 1px #ad775b30}
body .overlay-composer .composer-inputrow .composer-editor{min-height:20px;padding:6px 4px;font:500 13px/1.5 system-ui,-apple-system,'Segoe UI',sans-serif;color:#eef0f4;letter-spacing:0;text-shadow:none}
body .overlay-composer .composer-inputrow .composer-editor:empty:before{font:inherit;color:#8f9baa}
body .overlay-composer .composer-inputrow :is(.composer-icon-btn,.composer-emote-toggle,.composer-send){display:grid;place-items:center;width:32px;height:32px;min-width:32px;max-width:32px;min-height:32px;flex:0 0 32px;padding:0;border:0;border-radius:8px;background:transparent;color:#aeb9c9;box-shadow:none;transform:none}
body .overlay-composer .composer-inputrow :is(.composer-icon-btn,.composer-emote-toggle):hover,body .overlay-composer .composer-inputrow .is-active{background:#ffffff0a;color:#ffc49d}
body .overlay-composer .composer-inputrow .composer-send{background:#ef8955;color:#171b20}
body .overlay-composer .composer-inputrow .composer-send:hover:not(:disabled){background:#ffab7c}
body .overlay-composer .composer-inputrow .composer-send:disabled{background:#343c47;color:#7e8b9d;opacity:1;cursor:default}
body .overlay-composer .composer-inputrow :is(.composer-icon-btn,.composer-emote-toggle,.composer-send) svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
body .overlay-composer .composer-inputrow button:focus-visible{outline:2px solid #ffb68c;outline-offset:2px}
@media(max-width:340px){.composer-settings-trigger span{display:none}.dock-settings-dialog{padding:15px}body .stream-bar .metric-value{font-size:14px}}