:root{font-family:system-ui,sans-serif;color:#13263d;background:#eef2f5}*{box-sizing:border-box}body{margin:0;font-size:16px}.top{background:#102a43;color:white;padding:18px 24px}.top a{color:#6ee7d8;margin-left:20px}.banner{background:#d9f7f1;padding:10px 18px;text-align:center}.layout{display:grid;grid-template-columns:320px 1fr;min-height:calc(100vh - 100px)}aside{background:#173b5b;color:#fff;padding:20px}aside h2{font-size:18px;margin:28px 0 10px}.panel{background:#fff;padding:24px;border-radius:12px;box-shadow:0 3px 18px #102a4314}.visitor-panel{margin:24px auto;max-width:680px}.inbox-main{padding:20px;max-width:none;width:100%;margin:0}.inbox-panel{min-height:calc(100vh - 140px);display:flex;flex-direction:column}.transcript{flex:1;min-height:240px;overflow:auto}.composer{border-top:1px solid #d9e1e8;padding-top:12px}main{padding:24px;max-width:900px;width:100%;margin:auto}label{display:block;font-size:14px;margin:12px 0 5px}input,textarea,button{font:inherit;padding:11px;border-radius:7px;border:1px solid #b8c5d0;width:100%}button{background:#08766b;color:#fff;border:0;cursor:pointer;margin-top:10px}button:disabled{background:#9baeb8;color:#eef2f5;cursor:not-allowed}.secondary{background:#315774}.warning{background:#a85b10}.actions{display:flex;gap:10px}.actions button{flex:1}button:focus,input:focus,textarea:focus{outline:3px solid #6ee7d8}.messages{display:flex;flex-direction:column;gap:10px;margin:18px 0}.msg{display:flex;flex-direction:column;gap:5px;padding:11px 14px;border-radius:12px;max-width:78%;background:#e8eef3;overflow-wrap:anywhere}.msg small{color:#526779}.out{align-self:flex-end;background:#d9f7f1}.item{display:flex;flex-direction:column;gap:3px;text-align:left;padding:12px;border-bottom:1px solid #315774;background:transparent;border-radius:0}.item[aria-pressed=true]{background:#315774}.item span{white-space:normal;overflow-wrap:anywhere}.item small,.aside-empty{color:#c8d6e1;font-size:12px}.badge{align-self:flex-start;padding:2px 7px;border-radius:10px;background:#dae3e9}.badge.queued{background:#fff0c2;color:#714c00}.badge.blocked{background:#f8d7da;color:#842029}.status{font-size:14px;color:#526779;min-height:22px}.empty{color:#6b7c8c;text-align:center;margin:auto}.aside-empty{padding:8px 2px}@media(max-width:700px){.layout{display:block}aside{min-height:0}.inbox-main,main{padding:12px}.panel{margin:0}.inbox-panel{min-height:65vh}.actions{display:block}}