*{box-sizing:border-box}body{margin:0;font:14px/1.5 system-ui,sans-serif;background:#f3f5f8;color:#182637;display:flex}.nav{position:fixed;width:208px;height:100dvh;background:#111e2b;color:#b6c3d1;padding:26px 18px}.nav strong{font-size:30px;letter-spacing:3px;color:#fff}.nav strong span{color:#4ac7b3}.nav small{display:block;font-size:9px;letter-spacing:2px;margin-bottom:40px}.nav a{display:block;padding:12px;border-radius:7px;color:#b6c3d1;text-decoration:none;margin:7px 0}.nav a.active{background:#243646;color:#fff;border-left:3px solid #4ac7b3}.nav-bottom{position:absolute;bottom:20px;font-size:11px;overflow-wrap:anywhere;max-width:175px}main{margin-left:208px;width:calc(100% - 208px)}header{display:flex;align-items:center;justify-content:space-between;padding:25px 30px;background:#fff;border-bottom:1px solid #dce2e9}header small{color:#728297;font-size:10px;letter-spacing:1.5px}h1{font-size:25px;margin:4px 0}h2{font-size:16px;margin:0 0 16px}h3{font-size:14px}.pill{font-size:10px;padding:5px 9px;background:#e6f3f0;color:#246b5f;border-radius:5px}.notice{padding:10px 30px;color:#687888;font-size:12px;border-bottom:1px solid #dde3ea}.workspace{display:grid;grid-template-columns:270px minmax(260px,1fr) 265px;min-height:calc(100dvh - 146px)}.list,.context{background:#fff;padding:23px 18px}.list{border-right:1px solid #dce2e9}.list h2{display:flex;justify-content:space-between}.list h2 span{color:#8f9dac}.conversation{display:block;padding:15px 10px;border-radius:6px;color:inherit;text-decoration:none;border-bottom:1px solid #edf0f4}.conversation small{display:block;font-size:10px;color:#687888;margin-top:5px}.selected{background:#e9f3f1}.timeline{padding:23px;max-height:calc(100dvh - 146px);overflow-y:auto}.section-head{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.event{padding:18px;background:#fff;border:1px solid #dfe5eb;border-radius:9px;margin:16px 0}.event-meta{display:flex;justify-content:space-between;font-size:11px;color:#687888}.event p{white-space:normal;overflow-wrap:anywhere}.event small{color:#687888;font-size:10px}.attachment{background:#f3f6f8;padding:9px;margin:9px 0;font-size:12px}.context{border-left:1px solid #dce2e9}.context label,.card label{font-size:10px;font-weight:700;color:#8190a1;letter-spacing:1px}.context p{font-size:12px;margin-bottom:25px}.empty{padding:30px 10px;color:#687888}.card{margin:20px;padding:24px;background:#fff;border:1px solid #dfe5eb;border-radius:9px}.stats{display:flex}.stats .card{flex:1}.login{max-width:480px;margin:60px auto}input{padding:10px;border:1px solid #cad3dd;border-radius:5px;max-width:100%}button{background:#226b5f;color:#fff;border:0;border-radius:5px;padding:9px 15px;cursor:pointer}.login label{display:block}a:focus,button:focus,input:focus{outline:2px solid #22a892;outline-offset:2px}@media(max-width:1150px){.workspace{grid-template-columns:230px 1fr}.context{grid-column:1/-1;display:none}}@media(max-width:700px){body{display:block}.nav{position:static;width:100%;height:auto;padding:12px;display:flex;gap:10px;align-items:center}.nav strong{font-size:20px}.nav small,.nav-bottom{display:none}.nav a{font-size:11px;padding:6px;margin:0}main{margin:0;width:100%}header{padding:15px}header .pill{font-size:8px}.workspace{display:block}.list{max-height:210px;overflow:auto}.timeline{max-height:none}.notice{padding:10px 15px}.stats{display:block}.card{margin:12px}}

.filters{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.filters a{text-decoration:none;color:inherit}.filters .chosen{background:#155e75;color:white}.call-context{border-bottom:1px solid #d5dce4;padding:12px 0}

.assessment{border-left:3px solid #4ac7b3;background:#f0f7f5;padding:10px;margin:12px 0}.assessment small{display:block}select{max-width:100%;padding:8px}.context details{margin:12px 0}.context button{margin:5px 0}@media(max-width:1150px){.context{display:block}}

textarea{width:100%;max-width:100%;padding:10px;border:1px solid #cad3dd;border-radius:5px}textarea:focus,select:focus{outline:2px solid #22a892;outline-offset:2px}.context form ul{list-style:none;padding:0}

@media(max-width:700px){.nav{flex-wrap:wrap}.nav strong{flex-basis:100%}}

.text-workspace{display:grid;grid-template-columns:280px minmax(0,1fr);gap:1px;background:#dce5e9;margin:20px;height:calc(100dvh - 150px);min-height:500px}.text-list,.text-thread{background:#fff;padding:18px;overflow:auto}.text-contact{display:block;padding:14px 4px;border-bottom:1px solid #e5eaed;color:#243844;text-decoration:none}.text-list select{width:100%;margin:8px 0 14px}.text-thread{display:flex;flex-direction:column;min-height:0}.text-heading{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.text-heading h2{margin:0}.text-heading a{margin-left:auto}.text-timeline{flex:1;overflow:auto;min-height:160px;padding:10px;background:#f5f8fa}.text-bubble{max-width:80%;width:fit-content;background:white;border:1px solid #dce5e9;border-radius:12px;padding:12px 16px;margin:12px 0}.text-bubble.outgoing{margin-left:auto;background:#e0f1ed}.text-body{white-space:pre-wrap;overflow-wrap:anywhere}.text-bubble footer{font-size:11px;color:#52656e;margin-top:9px}#text-composer{padding-top:12px}#text-body{width:100%;box-sizing:border-box;font:inherit;padding:12px;resize:vertical}.text-controls{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:8px}.text-controls span{margin-right:auto}#text-draft-status,#text-connection{font-size:12px;color:#52656e;margin:8px 0}@media(max-width:800px){.text-workspace{grid-template-columns:1fr;height:auto;margin:10px}.text-list{max-height:240px}.text-thread{height:75dvh}.text-bubble{max-width:92%}.text-heading{gap:6px}}
.text-search{display:grid;gap:8px;margin-bottom:12px}.text-search input[name=q]{width:100%;box-sizing:border-box;padding:9px;border:1px solid #b8c8ce;border-radius:4px}.text-unread{display:inline-block;font-size:11px;font-weight:bold;border-radius:10px;padding:3px 8px;background:#dbece9;color:#17574f;margin-left:8px}.text-contact.selected{border-left:3px solid #267469;padding-left:8px}.text-history-controls{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}