*{box-sizing:border-box}body{margin:0;background:#f3f4f7;color:#222;font:16px system-ui,sans-serif}header{background:#14171d;color:white;padding:20px max(24px,calc((100vw - 1160px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;gap:12px;align-items:center;color:white!important;text-decoration:none;font-weight:900;letter-spacing:1px}.brand img{height:65px;width:65px;object-fit:contain;background:white;border-radius:12px}.brand small{font-size:10px}nav{display:flex;gap:16px;align-items:center;flex-wrap:wrap}nav a{color:white}nav form{margin:0}main{max-width:1160px;margin:40px auto;padding:0 22px}h1{font-size:clamp(28px,4vw,42px);letter-spacing:-1px}h2{margin-top:0}.intro{color:#636875;line-height:1.7}.grid{display:grid;grid-template-columns:1.5fr 1fr;gap:26px}.card{background:white;padding:28px;border:1px solid #e5e7ee;border-radius:22px;box-shadow:0 12px 34px #1519270b;margin-bottom:22px}.accent{border-top:5px solid #c82333}.fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:block;font-weight:600;font-size:14px;margin-bottom:18px}input,select,textarea{display:block;width:100%;padding:13px 14px;font:inherit;background:#fafbfc;color:#222;border:1px solid #ccd0db;border-radius:10px;margin-top:8px}textarea{resize:vertical;min-height:155px}input:focus,select:focus,textarea:focus{outline:2px solid #d74454}button,.btn{display:inline-block;background:#c82333;border:0;color:white;padding:13px 20px;border-radius:10px;font:inherit;font-weight:700;cursor:pointer;text-decoration:none}.secondary{background:#343a46}.link{background:transparent;padding:0;color:white}a{color:#b51d2d}.notice{background:#e9f5ec;border:1px solid #acdab6;padding:16px;border-radius:12px;margin-bottom:20px}.error{background:#fff0f0;border-color:#e3acac}.muted{color:#69717d;font-size:14px}.badge{display:inline-block;border-radius:20px;padding:5px 10px;background:#eef0f5;font-size:13px}.nova{background:#fff0ca}.respondida,.enviado{background:#e0f5e6}.falha{background:#ffe0e0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stats b{display:block;font-size:32px}.filters{display:flex;gap:12px;flex-wrap:wrap;align-items:end}.filters label{flex:1;margin:0;min-width:130px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}td,th{text-align:left;border-bottom:1px solid #e7e9ef;padding:14px 8px}th{font-size:13px;color:#636875}.message{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7}.trap{position:absolute;left:-9999px}.check{display:flex;align-items:start;gap:10px;font-weight:400;line-height:1.5}.check input{width:auto;margin:5px 0}.actions{display:flex;gap:12px;flex-wrap:wrap}footer{text-align:center;padding:30px;color:#737987;font-size:13px}.pagination{display:flex;gap:18px;margin:20px 0}@media(max-width:760px){.grid,.fields{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}header{padding:16px;flex-wrap:wrap}.card{padding:20px}main{margin-top:24px}.brand img{height:50px;width:50px}}

.presence{font-size:12px;border:1px solid #535a65;border-radius:20px;padding:6px 10px}.presence.online{color:#99edbb;border-color:#56b676}.chat-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid #e4e7ee;padding-bottom:12px}.chat-heading p{margin-bottom:0}.chat-messages{height:440px;overflow-y:auto;background:#f5f6fa;border-radius:14px;padding:18px;margin:18px 0;display:flex;flex-direction:column;gap:12px}.bubble{max-width:88%;padding:14px 16px;border-radius:16px;background:white;border:1px solid #e5e7ef;align-self:flex-start}.bubble.mine{background:#c82333;color:white;border-color:#c82333;align-self:flex-end}.bubble strong{display:block;font-size:11px;opacity:.75;margin-bottom:6px}.bubble div{white-space:pre-wrap;overflow-wrap:anywhere}.bubble small{display:block;opacity:.7;font-size:10px;margin-top:8px}#chatText{min-height:80px;height:90px}button:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}@media(max-width:760px){.chat-messages{height:390px;padding:12px}.chat-heading{flex-wrap:wrap}.bubble{max-width:94%}}
