*{box-sizing:border-box}body{margin:0;background:#fafaf8;color:#161616;font:16px/1.55 Arial,sans-serif}.page{max-width:1040px;padding:32px 22px;margin:auto}header{display:flex;align-items:center;gap:24px;border-bottom:1px solid #ccc;margin-bottom:28px}header a{color:white;background:#111;padding:12px;text-decoration:none;font-size:24px;font-weight:800}h1{font-size:24px}h2{font-size:20px}button{cursor:pointer;background:#111;color:white;border:0;padding:13px 20px;font:inherit;border-radius:5px}button:disabled{opacity:.5}input,textarea{font:inherit;padding:12px;border:1px solid #aaa;border-radius:5px;width:100%;margin:6px 0 18px;background:#fff}label{display:block}form{max-width:580px}nav{display:flex;gap:12px;margin:18px 0}a{color:inherit}.bubble{white-space:pre-wrap;padding:15px 18px;background:#eee;border-radius:14px;max-width:85%;overflow-wrap:anywhere}.bubble.customer{margin-left:auto;background:#dfeadf}.bubble.team{border-left:3px solid #111;background:white}.bubble small{display:block;color:#666;font-size:12px}#thread{max-height:58vh;overflow:auto;padding:8px 0}.inbox-grid{display:grid;grid-template-columns:280px 1fr;gap:30px}.thread{display:block;background:white;color:#111;border:1px solid #ddd;width:100%;text-align:left;margin-bottom:10px}#status{white-space:pre-wrap}button:focus-visible,a:focus-visible{outline:3px solid #57816b;outline-offset:3px}[hidden]{display:none!important}@media(max-width:700px){.inbox-grid{display:block}.page{padding:20px 16px}.bubble{max-width:94%}header{gap:16px}}

nav,.app-controls{display:flex;flex-wrap:wrap;gap:10px}.app-controls{padding:16px 0;border-bottom:1px solid #ddd}.app-controls p{flex-basis:100%;margin:4px 0;color:#555;font-size:14px}.app-controls button{font-size:14px;padding:10px 14px}