/* Chat filter rail, search (global + in-chat), recall, buzz. Theme tokens from theme-min.css; dark mode follows the tokens. */
#cf-rail{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:2px 12px 8px;flex:none}
#cf-rail button{flex:none;display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 10px;border:1px solid transparent;border-radius:13px;background:var(--wash);color:var(--ink-soft);font:500 12.5px/1 var(--f-b);cursor:pointer;white-space:nowrap}
#cf-rail button:hover{color:var(--ink);background:var(--line-soft)}
#cf-rail button.on{background:var(--blue-wash);color:var(--blue);border-color:transparent;font-weight:600}
#cf-rail button i{font:600 10.5px/16px var(--f-b);font-style:normal;min-width:16px;height:16px;padding:0 4px;border-radius:8px;text-align:center;background:var(--blue);color:#fff;box-sizing:border-box}
#cf-rail button.on i{background:var(--blue)}
#cf-empty,.cf-none{padding:28px 16px;text-align:center;color:var(--muted);font:400 13px/1.5 var(--f-b)}
#cf-flagged{padding:0 8px 12px}
#cf-flagged .fh{display:flex;align-items:center;justify-content:space-between;padding:6px 8px 8px;font:600 12px var(--f-b);color:var(--muted)}
#cf-flagged .fh .seg{display:inline-flex;border:1px solid var(--line);border-radius:6px;overflow:hidden}
#cf-flagged .fh .seg button{border:0;background:transparent;color:var(--ink-soft);font:500 11.5px var(--f-b);padding:3px 8px;cursor:pointer}
#cf-flagged .fh .seg button.on{background:var(--blue-wash);color:var(--blue)}
.cf-fi{display:flex;gap:10px;padding:10px;border-radius:10px;cursor:pointer;position:relative}
.cf-fi:hover{background:var(--wash)}
.cf-fi .fl{flex:none;width:18px;color:#E5484D;padding-top:2px}
.cf-fi .fb{min-width:0;flex:1}.cf-fi .w{font:500 12px var(--f-b);color:var(--muted);display:flex;gap:6px}.cf-fi .w b{color:var(--ink);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cf-fi .x{font:400 13.5px/1.45 var(--f-b);color:var(--ink);margin-top:2px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}
.cf-fi .un{position:absolute;right:6px;top:6px;border:0;background:transparent;color:var(--muted);border-radius:6px;width:24px;height:24px;cursor:pointer;display:none}
.cf-fi:hover .un{display:block}.cf-fi .un:hover{background:var(--line-soft);color:var(--ink)}

/* search results (main pane) */
.cf-sr{padding:12px 20px 40px;max-width:860px;margin:0 auto;font-family:var(--f-b)}
.cf-tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:10px;overflow-x:auto}
.cf-tabs button{border:0;background:transparent;color:var(--ink-soft);font:500 13.5px var(--f-b);padding:9px 12px;cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap}
.cf-tabs button.on{color:var(--blue);border-bottom-color:var(--blue);font-weight:600}.cf-tabs button i{font-style:normal;color:var(--muted);margin-left:5px;font-size:12px}
.cf-flt{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 12px}
.cf-flt label{display:flex;align-items:center;gap:6px;font:500 12px var(--f-b);color:var(--muted)}
.cf-flt select,.cf-flt input[type=date]{height:28px;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--ink);font:400 12.5px var(--f-b);padding:0 6px;max-width:150px}
.cf-flt .chk{display:flex;align-items:center;gap:5px;font:400 12.5px var(--f-b);color:var(--ink-soft)}
.cf-flt button.clr{border:0;background:transparent;color:var(--blue);font:500 12.5px var(--f-b);cursor:pointer}
.cf-g{font:600 12px var(--f-b);color:var(--muted);margin:16px 0 6px;display:flex;justify-content:space-between}.cf-g a{color:var(--blue);cursor:pointer;font-weight:500}
.cf-hit{display:flex;gap:12px;padding:10px 12px;border-radius:10px;cursor:pointer}
.cf-hit:hover,.cf-hit.on{background:var(--wash)}
.cf-hit .av{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font:600 14px var(--f-b);background:var(--blue-wash);color:var(--blue)}
.cf-hit .b{min-width:0;flex:1}.cf-hit .h{display:flex;gap:8px;align-items:baseline;font:400 12px var(--f-b);color:var(--muted)}.cf-hit .h b{font:600 13.5px var(--f-b);color:var(--ink)}.cf-hit .h span:last-child{margin-left:auto}
.cf-hit .t{font:400 14px/1.5 var(--f-b);color:var(--ink);word-break:break-word;margin-top:1px}
.cf-hit mark,.cf-hl{background:#FFE58F;color:inherit;border-radius:2px;padding:0 1px}
@media(prefers-color-scheme:dark){.cf-hit mark,.cf-hl{background:#6B5A12;color:#fff}}
.m.cf-cur .body{outline:2px solid var(--blue);outline-offset:2px}

/* in-chat search panel */
#cf-ic{position:fixed;right:0;width:340px;z-index:40;background:var(--paper);border-left:1px solid var(--line);box-shadow:-6px 0 24px rgba(31,35,41,.08);display:flex;flex-direction:column;font-family:var(--f-b)}
#cf-ic .top{display:flex;align-items:center;gap:6px;padding:10px 12px;border-bottom:1px solid var(--line-soft)}
#cf-ic input.q{flex:1;min-width:0;height:32px;border:1px solid var(--line);border-radius:8px;background:var(--wash);color:var(--ink);padding:0 10px;font:400 13.5px var(--f-b);outline:0}
#cf-ic input.q:focus{border-color:var(--blue);background:var(--paper)}
#cf-ic .ib{border:0;background:transparent;color:var(--ink-soft);width:28px;height:28px;border-radius:6px;cursor:pointer;display:grid;place-items:center}
#cf-ic .ib:hover{background:var(--wash);color:var(--ink)}#cf-ic .ib:disabled{opacity:.35;cursor:default}
#cf-ic .icn{font:500 12px var(--f-b);color:var(--muted);min-width:44px;text-align:center}
#cf-ic .cf-tabs{margin:0;padding:0 8px}#cf-ic .cf-tabs button{padding:8px 8px;font-size:12.5px}
#cf-ic .list{flex:1;overflow:auto;padding:6px}
#cf-ic .cf-hit{padding:8px 10px}#cf-ic .cf-hit .av{width:28px;height:28px;font-size:12px}
#cf-ic .from{padding:6px 12px;border-bottom:1px solid var(--line-soft)}#cf-ic .from select{width:100%;height:28px;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--ink);font:400 12.5px var(--f-b)}
.cf-ops{display:flex;flex-wrap:wrap;gap:6px;padding:8px 14px 0}
.cf-ops button{border:1px solid var(--line);background:var(--paper);color:var(--ink-soft);border-radius:12px;padding:3px 9px;font:500 12px var(--f-b);cursor:pointer}.cf-ops button:hover{background:var(--wash);color:var(--ink)}
#qs-flt{border:0;background:transparent;color:var(--muted);cursor:pointer;padding:0 4px;display:grid;place-items:center}#qs-flt:hover{color:var(--ink)}

/* recall */
.body.del.rc{font-style:normal;color:var(--muted)}
.body.del.rc a{color:var(--blue);cursor:pointer;margin-left:8px;font-weight:500}.body.del.rc a:hover{text-decoration:underline}

/* buzz */
#cf-bz{position:fixed;top:14px;left:50%;transform:translateX(-50%);z-index:2147482000;display:flex;flex-direction:column;gap:10px;width:min(560px,calc(100vw - 24px))}
.cf-b{background:var(--paper);border:1px solid var(--line);border-left:5px solid #F54A45;border-radius:12px;padding:14px 16px;box-shadow:0 12px 40px rgba(31,35,41,.28);font-family:var(--f-b);animation:cfBz .32s cubic-bezier(.2,1.4,.4,1)}
@keyframes cfBz{0%{transform:translateY(-24px) scale(.96);opacity:0}60%{transform:translateY(2px)}100%{transform:none;opacity:1}}
.cf-b.shake{animation:cfShake .5s}
@keyframes cfShake{0%,100%{transform:none}20%{transform:translateX(-7px)}40%{transform:translateX(7px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}
.cf-b .hd{display:flex;align-items:center;gap:8px;font:600 14.5px var(--f-b);color:var(--ink)}.cf-b .hd svg{color:#F54A45;flex:none}
.cf-b .hd em{font:500 12px var(--f-b);font-style:normal;color:var(--muted);margin-left:auto}
.cf-b .tx{margin:8px 0 12px;font:400 14px/1.5 var(--f-b);color:var(--ink);max-height:96px;overflow:auto;word-break:break-word;background:var(--wash);border-radius:8px;padding:8px 10px}
.cf-b .bt{display:flex;gap:8px;justify-content:flex-end}
.cf-b .bt button{height:32px;padding:0 16px;border-radius:8px;border:1px solid var(--line);background:var(--paper);color:var(--ink);font:500 13.5px var(--f-b);cursor:pointer}
.cf-b .bt button.pri{background:var(--blue);border-color:var(--blue);color:#fff}
.cf-bzb{display:inline-flex;align-items:center;gap:4px;margin-left:8px;font:500 11.5px var(--f-b);color:#F54A45;cursor:pointer}.cf-bzb:hover{text-decoration:underline}
.cf-pop{position:fixed;z-index:96;background:var(--paper);border:1px solid var(--line);border-radius:10px;box-shadow:0 6px 24px rgba(31,35,41,.18);padding:8px 0;min-width:220px;max-height:320px;overflow:auto;font:400 13px var(--f-b)}
.cf-pop h4{margin:0;padding:4px 14px 6px;font:600 12px var(--f-b);color:var(--muted)}
.cf-pop div.r{display:flex;justify-content:space-between;gap:14px;padding:5px 14px;color:var(--ink)}.cf-pop div.r span{color:var(--muted)}.cf-pop div.r span.ok{color:#2EA66A}
#cf-arm.on{color:#F54A45;background:var(--wash)}