*,:after,:before{box-sizing:border-box}:root{--bg:#0b0b0c;--panel:#161618;--border:#2a2a2e;--text:#ededed;--muted:#9a9aa2;--accent:#2563eb;--error:#f87171}body,html{margin:0;padding:0;height:100%;background:var(--bg);font-family:system-ui,sans-serif;font-size:14px}body,button,html{color:var(--text)}button{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--panel);padding:.4rem .7rem;border-radius:6px}button:disabled{opacity:.5;cursor:not-allowed}button.ghost{background:transparent}input,textarea{font:inherit;width:100%;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:.5rem}.muted{color:var(--muted)}.error{color:var(--error)}code{color:var(--accent)}.centered{display:flex;align-items:center;justify-content:center;height:100vh}.card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:1.5rem}.login{display:flex;flex-direction:column;gap:.75rem;width:320px}.login h1{margin:0}.login label{gap:.25rem}.app,.login label{display:flex;flex-direction:column}.app{height:100vh}.header{justify-content:space-between;padding:.6rem 1rem;border-bottom:1px solid var(--border)}.header,.header-right{display:flex;align-items:center}.header-right{gap:1rem}.body{flex:1 1}.body,.sidebar{display:flex;min-height:0}.sidebar{width:320px;border-right:1px solid var(--border);flex-direction:column}.sidebar-title{padding:.6rem 1rem;border-bottom:1px solid var(--border);font-weight:600}.sidebar-state{padding:1rem}.filters{display:flex;gap:.4rem;padding:.5rem .75rem;border-bottom:1px solid var(--border);flex-wrap:wrap}.filters input,.filters select{width:auto;flex:1 1;min-width:90px;padding:.3rem .4rem;font-size:12px}.conv-top-right{display:flex;align-items:center;gap:.4rem}.unread{background:var(--accent);color:#fff;font-size:11px;min-width:18px;text-align:center;padding:.05rem .35rem;border-radius:999px}.conv-preview{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conv-preview .dir{color:var(--accent)}.st-pending{color:#fbbf24}.st-sent{color:#9ca3af}.st-delivered{color:#4ade80}.st-read{color:#38bdf8}.st-failed{color:var(--error)}.conv-badges{display:flex;gap:.3rem;flex-wrap:wrap;margin-top:.25rem}.tag{font-size:10px;padding:.05rem .35rem;border-radius:999px;border:1px solid var(--border);text-transform:uppercase;letter-spacing:.02em}.tag-new{background:var(--accent);color:#fff;border-color:var(--accent)}.tag-mine{color:#38bdf8}.tag-unassigned{color:var(--muted)}.rs-warning{color:#fbbf24;border-color:#fbbf24}.rs-overdue{color:var(--error);border-color:var(--error)}.rs-ok{color:var(--muted)}.conv-list{list-style:none;margin:0;padding:0;overflow-y:auto}.conv-item{width:100%;text-align:left;border:none;border-bottom:1px solid var(--border);border-radius:0;background:transparent;padding:.7rem 1rem;display:flex;flex-direction:column;gap:.2rem}.conv-item.active{background:var(--panel)}.conv-top{display:flex;justify-content:space-between;gap:.5rem}.conv-name{font-weight:600}.conv-sub{display:flex;justify-content:space-between;font-size:12px}.badge{font-size:11px;padding:.1rem .4rem;border-radius:999px;border:1px solid var(--border)}.badge.open{color:#4ade80}.badge.closed{color:var(--muted)}.main{flex:1 1;min-width:0;display:flex}.detail{display:flex;flex-direction:column;flex:1 1;min-height:0}.detail-head{display:flex;justify-content:space-between;align-items:center;padding:.7rem 1rem;border-bottom:1px solid var(--border)}.online-count{font-size:11px}.collision-note{padding:.4rem 1rem;background:#78350f33;color:#fbbf24;border-bottom:1px solid var(--border);font-size:12px}.actions,.messages{display:flex;gap:.5rem}.messages{flex:1 1;overflow-y:auto;padding:1rem;flex-direction:column}.msg{max-width:70%;padding:.5rem .7rem;border-radius:8px;border:1px solid var(--border)}.msg.inbound{align-self:flex-start;background:var(--panel)}.msg.outbound{align-self:flex-end;background:#1e3a8a33}.msg.system{align-self:center;background:transparent;font-style:italic}.msg-meta{font-size:11px;margin-top:.2rem}.reply{display:flex;gap:.5rem;padding:.7rem 1rem;border-top:1px solid var(--border)}.reply textarea{resize:vertical}.reply-actions{gap:.4rem}.copilot,.reply-actions{display:flex;flex-direction:column}.copilot{margin:0 1rem;padding:.7rem .9rem;border:1px solid var(--accent);border-radius:8px;background:#1e3a8a22;gap:.5rem}.copilot-head{display:flex;align-items:center;gap:.5rem}.copilot-head .ghost{margin-left:auto}.copilot-draft{resize:vertical}.copilot-actions{display:flex;gap:.5rem}.copilot-sources{font-size:12px}.copilot-sources ul{margin:.3rem 0 0;padding-left:1rem}.orders-panel{margin:0 1rem;padding:.6rem .9rem;border:1px solid var(--border);border-radius:8px;background:var(--panel);display:flex;flex-direction:column;gap:.5rem}.order-row{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;border-top:1px solid var(--border);padding-top:.4rem}.order-row:first-of-type{border-top:none;padding-top:0}.order-grow{flex:1 1}.order-note{width:auto;min-width:120px;padding:.25rem .4rem;font-size:12px}.nav{display:flex;gap:.75rem;margin-left:1rem}.nav a{color:var(--muted);text-decoration:none;padding:.2rem .4rem;border-radius:6px}.nav a.nav-on{color:var(--text);background:var(--panel)}.kb{flex:1 1;min-height:0;overflow-y:auto;padding:1rem 1.5rem;display:flex;flex-direction:column;gap:1rem}.kb-search{display:flex;gap:.5rem;align-items:center}.kb-search input{flex:1 1}.kb-tabs{display:flex;gap:.4rem;flex-wrap:wrap}.kb-tab{text-transform:capitalize;background:transparent}.kb-tab.on{background:var(--panel);border-color:var(--accent)}.kb-results,.kb-section{display:flex;flex-direction:column;gap:.75rem}.kb-filter,.kb-form{display:flex;gap:.5rem}.kb-form{flex-wrap:wrap;align-items:center}.kb-form input,.kb-form select{width:auto;flex:1 1;min-width:120px}.kb-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.kb-item{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;border:1px solid var(--border);border-radius:8px;padding:.6rem .8rem;background:var(--panel)}.kb-grow{flex:1 1}.kb-snippet{font-size:12px;margin-top:.2rem}