.tickets-layout{display:grid;grid-template-columns:minmax(300px,.75fr) minmax(420px,1.25fr);gap:16px;min-height:650px}.ticket-list,.ticket-detail{border:1px solid #e8e2f2;border-radius:16px;background:#fff;overflow:hidden}.ticket-tools{display:grid;grid-template-columns:1fr 150px;gap:8px;padding:14px;border-bottom:1px solid #eee8f6}.ticket-tools input,.ticket-tools select,.ticket-properties select{border:1px solid #ded6ea;border-radius:9px;padding:10px;background:#fff;color:#351b70}.ticket-row{display:grid;gap:6px;width:100%;padding:15px;border:0;border-bottom:1px solid #f0ebf6;background:#fff;text-align:left;color:#30166c}.ticket-row:hover,.ticket-row.active{background:#faf6ff;box-shadow:inset 3px 0 #6c29df}.ticket-row>div{display:flex;justify-content:space-between}.ticket-row small{color:#81779c}.ticket-status{border-radius:99px;padding:3px 8px;background:#eee9f8;font-size:10px}.ticket-status.open,.ticket-status.new{background:#e9f2ff;color:#1b69bb}.ticket-status.solved{background:#e5f8ed;color:#16814b}.ticket-detail{padding:18px;overflow:auto}.ticket-detail-head{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #eee8f6;padding-bottom:14px}.ticket-detail-head span,.ticket-detail-head p{color:#7a7194}.ticket-detail-head h2{margin:6px 0;color:#281168}.ticket-description{margin:16px 0;padding:14px;border-radius:12px;background:#faf8fd;color:#46366d;line-height:1.5}.ticket-properties{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ticket-properties label{display:grid;gap:5px;color:#594581;font-size:12px;font-weight:700}.ticket-properties button{align-self:end}.ticket-sla{display:flex;justify-content:space-between;margin:16px 0;padding:12px;border-radius:10px;background:#eef9f4;color:#187448}.ticket-sla.breached{background:#fff0f2;color:#b52f4c}.ticket-comments article{padding:11px 0;border-bottom:1px solid #eee8f6}.ticket-comments article span{display:block;color:#8a819e;font-size:11px}.ticket-comments article p{margin:7px 0}.ticket-comments form{display:grid;gap:8px;margin-top:14px}.ticket-comments textarea{min-height:80px;border:1px solid #ded6ea;border-radius:9px;padding:10px}.ticket-none{padding:20px}.ticket-loading{padding:30px;text-align:center;color:#796d98}@media(max-width:900px){.tickets-layout{grid-template-columns:1fr}.ticket-properties{grid-template-columns:1fr}.ticket-tools{grid-template-columns:1fr}}
.ticket-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 14px}.ticket-tabs button{border:1px solid #ded6ea;background:#fff;color:#351b70;border-radius:99px;padding:8px 14px;cursor:pointer}.ticket-tabs button span{margin-left:6px;padding:1px 7px;border-radius:99px;background:#eee9f8;font-size:11px}.ticket-tabs button[aria-selected=true]{background:#6c29df;border-color:#6c29df;color:#fff}.ticket-tabs button[aria-selected=true] span{background:#ffffff33;color:#fff}
.ticket-tools{grid-template-columns:1fr 1fr}.ticket-tools input[type=search]{grid-column:1/-1}.ticket-check{display:inline-flex;align-items:center;gap:6px;color:#46366d}.ticket-status.pending{background:#fff4dd;color:#9a6200}.ticket-status.closed{background:#efecf4;color:#6d6585}
.ticket-custom{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 14px}.ticket-custom div{padding:10px;border-radius:10px;background:#faf8fd}.ticket-custom dt{font-size:11px;color:#7a7194}.ticket-custom dd{margin:2px 0 0;color:#30166c}
.ticket-form .ticket-wide{grid-column:1/-1}.ticket-fieldset{border:1px solid #eee8f6;border-radius:12px;padding:12px;margin:0 0 12px}.ticket-fieldset legend{padding:0 6px;color:#7a7194;font-size:12px}
.ticket-settings h3{margin:18px 0 8px;color:#281168}.ticket-settings h3:first-child{margin-top:0}.ticket-required{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px;margin-bottom:6px}.ticket-settings-actions{display:flex;justify-content:space-between;gap:10px;margin-top:14px}.ticket-settings td input,.ticket-settings td select{width:100%;border:1px solid #ded6ea;border-radius:9px;padding:8px;background:#fff;color:#351b70}
.ticket-chip{border:1px solid #ded6ea;background:#faf6ff;color:#46206f;border-radius:99px;padding:4px 10px;cursor:pointer;margin:2px}.ticket-chip.off{opacity:.55;text-decoration:line-through}.ticket-chip.add{background:#fff;border-style:dashed}
@media(max-width:700px){.ticket-custom{grid-template-columns:1fr}.ticket-settings-actions{flex-direction:column}}
.ticket-contact{margin:14px 0;padding:14px 16px;border:1px solid #ece6f6;border-radius:12px;background:#fff}.ticket-contact>header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.ticket-contact h3{margin:0;font-size:15px;color:#2f1f4d}.ticket-contact-actions{display:flex;flex-wrap:wrap;gap:8px}.ticket-contact-btn{min-width:96px;font-weight:600}.ticket-contact-btn.whatsapp:not(:disabled){border-color:#1f9d55;color:#127a40}.ticket-contact-btn.call:not(:disabled){border-color:#6b3bd2;color:#54308f}.ticket-contact-btn.email:not(:disabled){border-color:#2f6fd6;color:#1f56ad}.ticket-contact-btn:disabled{opacity:.55;cursor:not-allowed}.ticket-phone-host:empty{display:none}.ticket-phone-host{margin-top:10px}.ticket-touches{display:grid;gap:8px;margin-top:12px;max-height:340px;overflow:auto}.ticket-touch{padding:9px 12px;border:1px solid #eee8f7;border-left:3px solid #6b3bd2;border-radius:9px;background:#fbf9fe}.ticket-touch.whatsapp{border-left-color:#1f9d55}.ticket-touch.email{border-left-color:#2f6fd6}.ticket-touch.reply{border-left-color:#c08a00;background:#fffaf0}.ticket-touch.failed{border-left-color:#d54a64;background:#fff4f6}.ticket-touch header{display:flex;justify-content:space-between;gap:10px;font-size:13px;color:#2f1f4d}.ticket-touch header span{color:#7a7090;font-size:12px;white-space:nowrap}.ticket-touch p{margin:6px 0 0;font-size:13px;color:#3a2f52;overflow-wrap:anywhere}.ticket-touch small{display:block;margin-top:6px;color:#7a7090;font-size:12px}.ticket-touch-status{font-weight:600;color:#54308f}.ticket-touch-subject{font-weight:600}.ticket-touch-error{color:#a3203a!important}.ticket-template-preview{padding:10px 12px;border-radius:9px;background:#f6f2fd}.ticket-template-preview small{color:#6b3bd2;font-weight:700;font-size:11px;text-transform:uppercase}.ticket-template-preview p{margin:4px 0 0;white-space:pre-wrap}.ticket-outbound-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.ticket-outbound-group{margin:0;padding:12px;border:1px solid #ece6f6;border-radius:10px}.ticket-outbound-group legend{padding:0 6px;font-weight:700;color:#2f1f4d}.ticket-outbound-group .ticket-check{display:flex;gap:8px;align-items:baseline;margin:6px 0}.ticket-outbound-group small{color:#7a7090}
.ticket-closing-message{display:flex;flex-direction:column;gap:6px;margin:8px 0}.ticket-closing-message textarea{width:100%;box-sizing:border-box;font:inherit;padding:10px;border:1px solid #e3dceb;border-radius:9px;resize:vertical}.ticket-link-button{border:0;background:none;padding:0;color:#6d3fc4;font:inherit;font-weight:600;cursor:pointer;text-decoration:underline}