.stk{display:flex;flex-direction:column;gap:12px;min-height:220px}.stk-err{gap:8px;font-size:var(--fs-sm);font-weight:700;color:var(--danger);background:var(--danger-soft);border-radius:var(--r-ctl);padding:10px 12px}.stk-err,.stk-top{display:flex;align-items:center}.stk-top{justify-content:space-between;gap:10px}.stk-count{font-size:var(--fs-sm);font-weight:600;color:var(--ink-2)}.stk-count b{font-weight:800;color:var(--ink)}.stk-list{display:flex;flex-direction:column;gap:8px}.stk-row{display:flex;align-items:center;gap:12px;width:100%;text-align:start;cursor:pointer;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);font-family:var(--sans);transition:border-color .16s var(--ease-out),background .16s var(--ease-out)}.stk-row:hover{border-color:var(--line-2);background:var(--canvas)}.stk-row:focus-visible{outline:2.5px solid var(--navy);outline-offset:2px}.stk-row .stk-main{flex:1 1 auto;min-width:0}.stk-row .stk-subj{font-size:var(--fs-md);font-weight:700;color:var(--ink);letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stk-row .stk-meta{display:flex;align-items:center;gap:6px;margin-top:3px;font-size:var(--fs-xs);color:var(--ink-2)}.stk-row .stk-no{font-family:var(--mono);font-weight:700;color:var(--muted)}.stk-row .stk-dot{color:var(--line-3)}.stk-cat{font-weight:700;background:var(--surface-2);color:var(--ink-2);border:1px solid var(--line-2);padding:3px 9px}.stk-cat,.stk-st{flex:none;font-size:var(--fs-3xs);white-space:nowrap;border-radius:var(--r-pill)}.stk-st{display:inline-flex;align-items:center;gap:6px;font-weight:800;padding:4px 10px}.stk-st i{inline-size:6px;block-size:6px;border-radius:50%;background:currentColor}.stk-st.open{background:var(--hold-soft);color:var(--hold-deep,#9a6a13)}.stk-st.done{background:var(--ok-soft);color:var(--ok-deep)}.stk-intro{font-size:var(--fs-sm);line-height:1.6;color:var(--ink-2);padding:4px 2px}.stk-thead{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--line)}.stk-thead .stk-t{flex:1 1 auto;min-width:0}.stk-thead .stk-tsubj{font-size:var(--fs-lg);font-weight:800;letter-spacing:-.02em;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stk-thead .stk-tmeta{display:flex;align-items:center;gap:6px;margin-top:2px;font-size:var(--fs-xs);color:var(--muted)}.stk-thread{display:flex;flex-direction:column;gap:10px;overflow-y:auto;max-block-size:min(46vh,400px);padding:14px;background:var(--canvas);border:1px solid var(--line);scrollbar-width:thin}.stk-msg,.stk-thread{border-radius:var(--r-lg)}.stk-msg{position:relative;max-inline-size:76%;padding:11px 14px;font-size:var(--fs-sm);line-height:1.6;color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid var(--line)}.stk-msg.me{align-self:flex-start;background:var(--surface-2);border-color:var(--line-2)}.stk-msg.them{align-self:flex-end;background:var(--surface);padding-inline-start:16px}.stk-msg.them:before{content:"";position:absolute;inset-block:0;inset-inline-start:0;inline-size:3px;background:var(--navy);border-start-start-radius:var(--r-lg);border-end-start-radius:var(--r-lg)}.stk-msg .stk-who{display:flex;align-items:baseline;gap:7px;margin-bottom:4px;font-size:var(--fs-3xs);font-weight:800;color:var(--muted)}.stk-msg.them .stk-who{color:var(--navy)}.stk-msg .stk-time{font-family:var(--mono);font-weight:600;letter-spacing:.02em;color:var(--muted)}.stk-field{inline-size:100%;box-sizing:border-box;border:1px solid var(--line-2);border-radius:var(--r-ctl);padding:11px 14px;font-size:var(--fs-md);color:var(--ink);outline:none;background:var(--surface);font-family:var(--sans);transition:border-color .16s var(--ease-out),box-shadow .16s var(--ease-out)}.stk-field:focus{border-color:var(--navy);box-shadow:0 0 0 3px rgba(1,19,59,.09)}.stk-field::placeholder{color:var(--muted-2)}textarea.stk-field{min-block-size:110px;resize:vertical;line-height:1.6}.stk-reply{display:flex;align-items:flex-end;gap:8px}.stk-reply textarea.stk-field{min-block-size:46px;max-block-size:140px}.stk-btn{border:none;cursor:pointer;border-radius:var(--r-ctl);padding:11px 20px;background:var(--accent);color:var(--accent-ink);font-size:var(--fs-md);font-weight:800;font-family:var(--sans);white-space:nowrap;transition:background .16s var(--ease-out)}.stk-btn:hover:not(:disabled){background:var(--accent-d)}.stk-btn:disabled{opacity:.5;cursor:default}.stk-btn:focus-visible,.stk-ghost:focus-visible{outline:2.5px solid var(--navy);outline-offset:2px}.stk-ghost{border:1px solid var(--line-2);cursor:pointer;border-radius:var(--r-ctl);padding:9px 15px;background:var(--surface);color:var(--ink);font-size:var(--fs-sm);font-weight:700;font-family:var(--sans);white-space:nowrap;transition:border-color .16s var(--ease-out)}.stk-ghost:hover{border-color:var(--ink)}.stk-formfoot{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.stk-sla{font-size:var(--fs-xs);color:var(--muted)}@media (max-width:560px){.stk-row{flex-wrap:wrap}.stk-row .stk-main{flex:1 1 100%}.stk-msg{max-inline-size:92%}.stk-reply{flex-wrap:wrap}.stk-reply .stk-btn{inline-size:100%}.stk-thead{flex-wrap:wrap;row-gap:10px}.stk-thead .stk-t{flex:1 1 100%;order:2}.stk-thead .stk-st{margin-inline-start:auto}}@media (prefers-reduced-motion:reduce){.stk-btn,.stk-field,.stk-ghost,.stk-row{transition:none}}