*{box-sizing:border-box}body{margin:0;background:#f6f3ee;color:#28352e;font:16px/1.5 system-ui,sans-serif}header{display:flex;justify-content:space-between;align-items:center;background:#234538;color:white;padding:1rem clamp(1rem,4vw,3rem)}.brand{font-weight:700;letter-spacing:.02em}.brand small{font-weight:400;color:#dfebe2}main{max-width:1100px;margin:auto;padding:clamp(1rem,4vw,3rem)}h1{font-size:clamp(1.5rem,3vw,2rem);margin:0}p{margin:.4rem 0 1.5rem}button,select,input,textarea{font:inherit}button{border:0;border-radius:.6rem;background:#27614b;color:white;padding:.7rem 1rem;cursor:pointer}header button{background:#e8f1e8;color:#234538}button:hover{background:#184c39;color:white}button:disabled{background:#7b8b81;cursor:not-allowed}input,select,textarea{border:1px solid #8a9d8e;border-radius:.5rem;padding:.65rem;width:100%;background:white;color:#28352e}label{display:block;margin:1rem 0;font-weight:600}label input,label select,label textarea{display:block;margin-top:.3rem;font-weight:400}:focus-visible{outline:3px solid #bd6735;outline-offset:3px}#login{max-width:430px;margin:10vh auto;background:white;padding:2rem;border-radius:1rem;box-shadow:0 8px 30px #23453816}.intro{margin-bottom:1.5rem}.layout{display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,2fr);min-height:65vh;background:white;border:1px solid #d3dcd3;border-radius:1rem;overflow:hidden}#threads{border-right:1px solid #d3dcd3}#threads button{display:block;background:white;color:#28352e;width:100%;border-radius:0;text-align:left;border-bottom:1px solid #e4eae4}#threads button:hover,#threads button[aria-current=true]{background:#dceee2}#chat{padding:1.5rem}.messages{list-style:none;padding:0;max-height:50vh;overflow:auto}.messages li{background:#f1f3ef;border-radius:.8rem;margin:.65rem 0;padding:.7rem 1rem;max-width:85%}.messages .outbound{background:#dceee2;margin-left:auto}small{display:block;color:#4b6154}#status{margin:1rem 0;color:#8c301a}#chat form{border-top:1px solid #d3dcd3;padding-top:1rem}@media(max-width:650px){.layout{display:block}#threads{max-height:25vh;overflow:auto;border-right:0;border-bottom:1px solid #d3dcd3}#chat{padding:1rem}.messages{max-height:42vh}}
