*{box-sizing:border-box}body{margin:0;background:#f5f7f6;color:#163a32;font:15px system-ui}header{background:#123c32;color:white;display:flex;justify-content:space-between;align-items:center;padding:24px max(20px,calc((100vw - 1150px)/2))}a{color:inherit}.brand{font-size:25px;font-weight:750;text-decoration:none;letter-spacing:-1px}main{max-width:1190px;margin:auto;padding:32px 20px 60px}h1{font-size:clamp(27px,4vw,40px);letter-spacing:-1px;margin:8px 0}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px}.muted{color:#627970;line-height:1.6}button,input,select{font:inherit;border-radius:12px;padding:12px;border:1px solid #d4e1da;max-width:100%}button{background:#123c32;color:white;cursor:pointer}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #d89c41;outline-offset:3px}.secondary{background:white;color:#123c32}.tools,.filters,.actions,.summary{display:flex;gap:12px;flex-wrap:wrap;align-items:end;margin:20px 0}label{display:grid;gap:6px}#status{background:#e6eee9;padding:16px;border-radius:14px;line-height:1.5}.layout{display:grid;grid-template-columns:minmax(250px,1fr) minmax(340px,1.6fr);gap:20px;align-items:start}.ticket{display:block;width:100%;text-align:left;background:white;color:#163a32;margin-bottom:12px;padding:20px;border:1px solid #dce5df}.ticket[aria-current=true]{border:2px solid #123c32}.ticket strong{display:block;font-size:17px}.ticket p{overflow-wrap:anywhere;line-height:1.5}.badge{display:inline-block;font-size:12px;padding:7px 10px;background:#e9f1eb;border-radius:20px;margin:4px 5px 0 0}.human{background:#fff0d3;color:#745021}.detail{background:white;padding:24px;border:1px solid #dce5df;border-radius:20px;position:sticky;top:16px;min-width:0}#messages{max-height:55vh;overflow:auto;display:flex;flex-direction:column;gap:12px}.message{background:#f0f4f1;padding:14px;border-radius:14px;white-space:pre-wrap;overflow-wrap:anywhere}.message.outgoing{background:#e0eee6}.message small{display:block;color:#5f766b;margin-top:8px}#back{display:none}[hidden]{display:none!important}@media(max-width:700px){.layout{display:block}.detail{position:static}#back{display:inline-block}.layout.show-detail #list{display:none}.tools label,.filters label{flex:1;min-width:150px}header{padding:22px 20px}.actions button{flex:1}}
input,select{width:100%;min-width:0}.filters label,.tools label{min-width:0}@media(max-width:700px){.tools label,.filters label{flex:1 1 150px}}

textarea{width:100%;min-width:0;font:inherit;border:1px solid #d4e1da;border-radius:12px;padding:12px;resize:vertical}#replyForm label{margin:16px 0}