.service-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:22px}.service-heading h1{font-size:clamp(30px,4vw,48px);margin:7px 0}.service-heading p{margin:0;color:var(--muted)}.live-chip{display:flex;align-items:center;gap:8px;background:#e7f8f2;color:#075e4d;border:1px solid #b8e8d9;border-radius:999px;padding:8px 12px;font-weight:750;font-size:12px;white-space:nowrap}.live-chip i{width:8px;height:8px;background:#12a478;border-radius:50%;box-shadow:0 0 0 4px #c8eee2}.live-chip.is-offline{background:#fff2f2;color:#9f2828}.live-chip.is-offline i{background:#d34b4b;box-shadow:none}.service-layout{display:grid;grid-template-columns:230px minmax(260px,330px) minmax(420px,1fr);height:calc(100vh - 235px);min-height:570px;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 12px 35px rgba(20,33,61,.07)}.queue-column,.ticket-column{border-right:1px solid var(--line);min-height:0;overflow:auto}.chat-column{min-width:0;min-height:0;position:relative}.column-title,.chat-header{display:flex;align-items:center;justify-content:space-between;padding:18px;border-bottom:1px solid var(--line);background:#fbfcff;position:sticky;top:0;z-index:2}.column-title h2,.chat-header h2{font-size:17px;margin:0}.column-title small,.chat-header p{color:var(--muted);margin:2px 0 0;font-size:12px}.icon-button{border:0;background:#eef0ff;color:#5541a3;border-radius:9px;width:34px;height:34px;font-size:20px;cursor:pointer}.queue-list,.ticket-list{padding:10px}.queue-card,.ticket-card{width:100%;border:1px solid transparent;background:transparent;border-radius:12px;padding:12px;text-align:left;cursor:pointer;color:inherit}.queue-card{display:flex;align-items:center;justify-content:space-between}.queue-card span{display:flex;flex-direction:column}.queue-card small,.ticket-card small{color:var(--muted)}.queue-card strong{background:#ede9ff;color:#5f48b0;min-width:28px;height:28px;display:grid;place-items:center;border-radius:999px}.queue-card:hover,.queue-card.is-active,.ticket-card:hover,.ticket-card.is-active{background:#f2f0ff;border-color:#ded7ff}.ticket-card{display:flex;flex-direction:column;gap:7px;margin-bottom:5px}.ticket-top{display:flex;justify-content:space-between;gap:7px}.ticket-top em{font-style:normal;font-size:10px;font-weight:800;padding:3px 7px;border-radius:999px}.ticket-top .waiting{background:#fff4d7;color:#855d00}.ticket-top .attending{background:#e2f7ef;color:#08705a}.ticket-reason{font-size:13px;color:#3b4660}.center-empty{height:100%;min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--muted);gap:7px;padding:30px}.empty-avatar{width:64px;height:64px;display:grid;place-items:center;border-radius:20px;background:linear-gradient(135deg,#13a681,#7957d6);color:#fff;font-size:30px;font-weight:900}.chat-column>#chat-active{height:100%;display:grid;grid-template-rows:auto auto 1fr auto}.chat-actions{padding:10px 16px;display:flex;gap:8px;border-bottom:1px solid var(--line)}.secondary,.danger-button{border:1px solid #ccd5d1;background:#fff;padding:10px 14px;border-radius:9px;font-weight:750;cursor:pointer}.danger-button{color:#a32b35;border-color:#efc7ca;background:#fff8f8}.message-list{overflow:auto;padding:22px;background:#f7f8fc}.service-message{max-width:76%;padding:11px 14px;border-radius:15px;background:#fff;border:1px solid #e3e6ef;margin-bottom:12px;box-shadow:0 3px 10px rgba(20,33,61,.04)}.service-message.origin-usuario{margin-left:auto;background:#e1f6ef;border-color:#c6ebdf}.service-message.origin-ia{border-left:4px solid #7758d4}.service-message.origin-funcionario{border-left:4px solid #0e8a6e}.service-message header{height:auto;padding:0;border:0;background:transparent;gap:15px}.service-message header b{font-size:12px}.service-message header time,.service-message small{font-size:10px;color:var(--muted)}.service-message p{margin:5px 0;white-space:pre-wrap}.reply-box{padding:14px;border-top:1px solid var(--line);background:#fff}.reply-box label{font-size:12px;margin:0 0 7px}.reply-box>div{display:flex;gap:9px;align-items:end}.reply-box textarea{margin:0}.service-dialog{border:0;border-radius:16px;padding:24px;box-shadow:0 25px 80px rgba(20,33,61,.25);width:min(440px,calc(100vw - 30px))}.service-dialog::backdrop{background:rgba(20,25,45,.45)}.service-dialog h2{margin-top:0}.service-dialog form>div{display:flex;justify-content:flex-end;gap:8px}.queue-picker{border:1px solid var(--line);border-radius:10px;margin:0 0 18px;padding:12px}.queue-picker legend{font-weight:800}.queue-picker label{font-weight:500;margin:6px 0}.queue-picker input,.inline-check input{display:inline;width:auto;margin:0 6px 0 0}.empty-note{padding:15px;color:var(--muted)}
@media(max-width:1100px){.service-layout{grid-template-columns:200px 280px minmax(360px,1fr)}}@media(max-width:850px){.service-layout{height:auto;grid-template-columns:1fr}.queue-column,.ticket-column{border-right:0;border-bottom:1px solid var(--line);max-height:330px}.chat-column{min-height:620px}.service-heading{align-items:start;flex-direction:column}.service-message{max-width:90%}}
.staff-card.is-inactive{opacity:.72;background:#f5f6f8}.staff-card .danger-button{margin-top:14px;width:100%}.staff-card h3 .badge{vertical-align:middle;margin-left:6px}
.reply-compose{display:flex;gap:9px;align-items:end}.attach-button{flex:0 0 42px;width:42px;height:42px;border:1px solid #d8dce7;border-radius:50%;background:#f7f8fb;color:#5f48b0;font-size:26px;line-height:1;cursor:pointer}.attach-button:hover{background:#eeeaff;border-color:#cfc5f4}.attachment-preview{margin:9px 0 0;padding:9px 12px;border:1px solid #d9d4ef;background:#f7f5ff;border-radius:10px;color:#4e3d86;font-size:12px}.attachment-preview button{float:right;border:0;background:transparent;color:#9f2f3c;font-weight:800;cursor:pointer}.reply-hint{margin:7px 0 0;color:var(--muted);font-size:11px}.service-media{margin-top:7px}.service-media img{display:block;max-width:min(360px,100%);max-height:300px;border-radius:10px;object-fit:contain;background:#eef0f5}.service-media audio{width:min(350px,100%);display:block}.document-card{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid #d9dde7;border-radius:10px;background:#fafbfe;color:inherit;text-decoration:none}.document-card strong{display:block;font-size:13px;overflow-wrap:anywhere}.document-card small{display:block}.document-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:9px;background:#fbe8ea;color:#a22d3b;font-weight:900}.media-caption{margin:7px 0 0}