:root{color-scheme:light dark;--bg:light-dark(#fff,#231c21);--fg:light-dark(#342830,#f6edf3);--muted:light-dark(#72616d,#c8b8c2);--soft:light-dark(#f9eff5,#392a34);--border:light-dark(#e7dce3,#58434f);--brand:light-dark(#874464,#edaccb);--onbrand:light-dark(#fff,#301321);font:16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--fg);background:var(--soft)}
*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;padding:24px 14px}main{max-width:780px;margin:auto;background:var(--bg);border:1px solid var(--border);border-radius:20px;overflow:hidden}h1,h2{margin:0;font-size:1.3rem;line-height:1.3}p{margin:8px 0 14px}.muted{font-size:.86rem;color:var(--muted)}.header{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:22px;border-bottom:1px solid var(--border)}.header p{margin:4px 0 0}.brand{display:grid;place-items:center;background:var(--soft);color:var(--brand);width:44px;height:44px;flex-shrink:0;border-radius:12px;font-weight:600}.identity{margin-left:auto;padding:7px 10px;border-radius:8px;background:var(--soft);font-size:.84rem}button,input,textarea{font:inherit}button{min-height:44px;padding:10px 14px;border:0;border-radius:10px;background:var(--soft);color:var(--fg);cursor:pointer}button:disabled{opacity:.5;cursor:default}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--brand);outline-offset:3px}.primary,button[aria-pressed=true]{background:var(--brand);color:var(--onbrand)}.primary{width:100%;font-weight:600}.panel{padding:22px}label{display:block;font-weight:600;font-size:.9rem;margin:14px 0 8px}input,textarea{display:block;width:100%;min-width:0;background:var(--bg);color:var(--fg);border:1px solid var(--border);border-radius:10px;padding:12px;margin-bottom:16px}textarea{resize:vertical;min-height:112px}#status{color:var(--muted);font-size:.85rem;padding:0 22px}#status:empty{display:none}#error{margin:16px 22px;padding:14px;border:1px solid var(--brand);border-radius:10px;color:var(--fg);background:var(--soft)}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 22px;flex-wrap:wrap}.filters{padding:4px 22px 18px;border-bottom:1px solid var(--border)}.pills{display:flex;gap:7px;flex-wrap:wrap}.pills button{font-size:.88rem}.list-heading{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:14px 22px 4px;color:var(--muted);font-size:.8rem}.conversation{width:100%;text-align:left;border-radius:0;background:var(--bg);padding:18px 22px;border-bottom:1px solid var(--border)}.conversation:hover{background:var(--soft)}.row-top{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.row-name{font-weight:600}.row-state{font-size:.8rem;color:var(--brand)}.preview{display:block;margin:5px 0 7px;font-size:.9rem;overflow-wrap:anywhere}.destination{font-size:.8rem;color:var(--muted)}.pagination{display:flex;align-items:center;justify-content:center;gap:16px;padding:18px}.back{padding-left:0;background:transparent;color:var(--brand);margin-bottom:16px}.message{margin-top:20px}.message.staff{margin-left:24px}.author{color:var(--muted);font-size:.82rem}.bubble{white-space:pre-wrap;overflow-wrap:anywhere;border-radius:14px;padding:14px 16px;background:var(--soft);margin-top:6px}.staff .bubble{background:var(--bg);border:1px solid var(--border)}.quick{margin-top:12px}footer{padding:18px 22px;border-top:1px solid var(--border);font-size:.8rem;color:var(--muted)}.empty{padding:28px 22px;color:var(--muted)}@media(max-width:390px){body{padding:8px}.header,.panel{padding:16px}.identity{margin-left:56px}.filters,.toolbar{padding-left:16px;padding-right:16px}.conversation{padding:16px}.list-heading{padding-left:16px;padding-right:16px}}

a.primary{display:block;min-height:44px;padding:12px 14px;border-radius:10px;text-align:center;text-decoration:none;overflow-wrap:anywhere}a.primary:focus-visible{outline:3px solid var(--brand);outline-offset:3px}

.attachment{display:block;max-width:100%;margin-top:10px;text-align:left;overflow-wrap:anywhere}
.console-return{padding:16px 22px 0;margin:0}.console-return a{color:var(--fg);font-size:.9rem;text-underline-offset:3px}
.attachment img{display:block;max-width:100%;max-height:240px;border-radius:10px;margin-bottom:8px}
#attachment-file{max-width:100%}
#attachment-preview{width:min(900px,92vw);max-height:92vh;border:0;border-radius:16px;padding:20px}
#attachment-preview::backdrop{background:rgba(0,0,0,.55)}
#attachment-title{font-size:1.1rem;overflow-wrap:anywhere;min-width:0}
#attachment-content img{display:block;max-width:100%;height:auto;margin:auto}
#attachment-content iframe{width:100%;height:70vh;border:0}
#attachment-content{max-height:72vh;overflow:auto;margin-bottom:16px}