*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:#f6f7fb;color:#172033}button,input,textarea,select{font:inherit}button{cursor:pointer;border:1px solid #d8deea;background:#fff;border-radius:9px;padding:9px 12px;color:#27324a}.primary{background:#315efb;color:#fff;border-color:#315efb}.hidden{display:none!important}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(420px,100%);background:#fff;border:1px solid #e2e6ef;border-radius:18px;padding:30px;box-shadow:0 14px 40px rgba(25,35,60,.08)}.brand-mark{display:inline-grid;place-items:center;background:#315efb;color:#fff;border-radius:10px;width:48px;height:48px;font-weight:800}.login-card h1{margin:18px 0 6px}.login-card p{color:#667085;margin-top:0}.login-card label{display:grid;gap:6px;margin:14px 0}.login-card input,.dialog-card input,.dialog-card textarea,.dialog-card select,.search,.composer textarea,.note-row input,.chat-head select{width:100%;border:1px solid #d8deea;border-radius:9px;padding:10px;background:#fff}.login-card button{width:100%;margin-top:8px}.login-card small{display:block;margin-top:18px;color:#7a8498}.error{color:#b42318;margin-top:10px}header{height:64px;background:#fff;border-bottom:1px solid #e1e6ef;display:flex;align-items:center;justify-content:space-between;padding:0 18px;gap:12px}header>div{display:flex;align-items:center;gap:10px}.header-actions{flex-wrap:wrap}.badge{font-size:12px;padding:4px 8px;border-radius:999px;background:#fff4cc;color:#7a5b00}main{display:grid;grid-template-columns:350px minmax(0,1fr);height:calc(100vh - 64px)}.sidebar{background:#fff;border-right:1px solid #e1e6ef;padding:12px;overflow:auto}.filters{display:flex;gap:6px;margin-bottom:10px}.filters button.active{background:#eef2ff;color:#315efb;border-color:#bdc9ff}.conversation-list{margin-top:10px;display:grid;gap:5px}.conv{width:100%;text-align:left;border:0;border-radius:11px;padding:12px;background:transparent;display:grid;grid-template-columns:1fr auto;gap:4px}.conv:hover,.conv.active{background:#f1f4fa}.conv .name{font-weight:700}.conv .preview{color:#6f7890;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:230px}.conv .time{color:#98a1b4;font-size:12px}.unread{background:#315efb;color:#fff;border-radius:999px;font-size:12px;min-width:21px;height:21px;display:grid;place-items:center}.chat{min-width:0;background:#f8f9fc}.empty{height:100%;display:grid;place-content:center;text-align:center;color:#7b8497}.chat-head{background:#fff;border-bottom:1px solid #e1e6ef;padding:14px 18px;display:flex;justify-content:space-between;align-items:center;gap:16px}.chat-head h2{margin:0 0 3px;font-size:18px}.chat-head span{color:#697386}.chat-head>div:last-child{display:flex;gap:8px}.messages{height:calc(100vh - 265px);overflow:auto;padding:22px;display:flex;flex-direction:column;gap:10px}.msg{max-width:min(72%,680px);padding:10px 12px;border-radius:14px;background:#fff;border:1px solid #e3e7ef;align-self:flex-start}.msg.outbound{align-self:flex-end;background:#eef2ff;border-color:#ccd6ff}.msg.note{align-self:center;background:#fff7d6;border-color:#f2dc86;max-width:85%}.meta{font-size:11px;color:#7c879b;margin-top:6px}.composer{display:grid;grid-template-columns:1fr auto;gap:10px;padding:12px 18px;background:#fff;border-top:1px solid #e1e6ef}.note-row{display:grid;grid-template-columns:1fr auto;gap:10px;padding:0 18px 12px;background:#fff}dialog{border:0;border-radius:16px;padding:0;box-shadow:0 20px 70px rgba(20,30,55,.25)}dialog::backdrop{background:rgba(15,23,42,.45)}.dialog-card{width:min(500px,calc(100vw - 32px));padding:22px}.dialog-card.wide{width:min(820px,calc(100vw - 32px))}.dialog-card label{display:grid;gap:6px;margin:12px 0}.dialog-actions,.dialog-title{display:flex;justify-content:flex-end;gap:8px;align-items:center}.dialog-title{justify-content:space-between}.user-row{display:grid;grid-template-columns:1fr 1.2fr .6fr .5fr auto;gap:8px;align-items:center;padding:9px 0;border-bottom:1px solid #edf0f5}.user-form{display:grid;grid-template-columns:1fr 1.4fr 1fr .7fr auto;gap:8px;margin-top:16px}@media(max-width:760px){header{height:auto;min-height:64px;padding:10px;align-items:flex-start}.header-actions{justify-content:flex-end}main{grid-template-columns:1fr;height:auto}.sidebar{border-right:0;border-bottom:1px solid #e1e6ef;max-height:300px}.chat{min-height:600px}.messages{height:430px}.chat-head{align-items:flex-start;flex-direction:column}.msg{max-width:88%}.user-row,.user-form{grid-template-columns:1fr}.header-actions #me{display:none}}
.notice{padding:10px 16px;background:#eef2ff;border-bottom:1px solid #ccd6ff;color:#263a78}.notice.ok{background:#ecfdf3;color:#176b3a}.notice.error{background:#fff1f0;color:#9f1f17}.brand-line{min-width:0}.header-actions button:disabled{cursor:not-allowed;opacity:.6}@media(max-width:760px){body{background:#fff}.app header{position:sticky;top:0;z-index:5}.brand-line{width:100%;justify-content:space-between}.header-actions{width:100%;justify-content:flex-start}.header-actions button{flex:1 1 auto}.sidebar{max-height:42vh}.chat{min-height:58vh}.messages{height:48vh;padding:14px}.composer,.note-row{padding-left:10px;padding-right:10px}.chat-head{padding:12px}.chat-head>div:last-child{width:100%}.chat-head select{flex:1}.dialog-card{max-height:85vh;overflow:auto}}