.wa-inbox {
  width: 100%;
  min-width: 0;
}
.wa-avatar-wrap { position:relative; display:inline-flex; flex:none; }
.wa-avatar img { width:100%; height:100%; object-fit:cover; border-radius:inherit; }
.wa-inbox .wa-channel-badge { position:absolute; right:-4px; bottom:-3px; width:20px; height:20px; border:2px solid white; border-radius:50%; display:grid; place-items:center; color:#fff; background:#14825c; box-shadow:0 1px 3px #0002; }
.wa-channel-badge svg { width:14px; height:14px; fill:none; stroke:currentColor; stroke-width:1.8; }
.wa-inbox .wa-channel-facebook { background:#1877f2; }
.wa-inbox .wa-channel-instagram { background:linear-gradient(35deg,#f29a38,#ce2c84,#6854c9); }
.wa-channel-badge b { font:bold 17px Arial,sans-serif; color:#fff; }
.wa-inbox .ec-page-actions a.ec-button-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  text-decoration: none;
}
.wa-inbox h1 {
  margin-bottom: 4px;
}
.wa-notice {
  background: #fff6df;
  border: 1px solid #e9cf86;
  padding: 12px;
  border-radius: 8px;
}
.wa-filters,
.wa-assignment {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  align-items: end;
  margin: 16px 0;
}
.wa-inbox label {
  display: grid;
  gap: 5px;
}
.wa-inbox input,
.wa-inbox select,
.wa-inbox button {
  font: inherit;
  padding: 9px;
  border: 1px solid #ccd3da;
  border-radius: 6px;
}
.wa-columns {
  display: grid;
  grid-template-columns: minmax(240px, 1fr) minmax(0, 2fr);
  gap: 20px;
}
.wa-columns > section {
  border: 1px solid #dce1e5;
  border-radius: 10px;
  padding: 18px;
  min-width: 0;
}
.wa-conversation {
  display: grid;
  width: 100%;
  text-align: left;
  gap: 6px;
  margin: 8px 0;
  background: transparent;
  cursor: pointer;
}
.wa-conversation[aria-pressed="true"] {
  border-color: #218166;
  background: #eaf5ef;
}
.wa-conversation span,
.wa-message small,
.wa-message time {
  font-size: 0.85rem;
  color: #5b6873;
}
.wa-error {
  color: #a32929;
}
.wa-messages {
  max-height: 55vh;
  overflow: auto;
  display: grid;
  gap: 12px;
}
.wa-message {
  padding: 12px;
  background: #f2f4f6;
  border-radius: 9px;
  max-width: 90%;
  overflow-wrap: anywhere;
}
.wa-saida {
  margin-left: auto;
  background: #eaf5ef;
}
.wa-message p {
  white-space: pre-wrap;
}
.wa-inbox button:disabled {
  opacity: 0.55;
}
.wa-settings {
  border: 1px solid #dce1e5;
  padding: 14px;
  border-radius: 8px;
  margin-bottom: 16px;
}
.wa-settings summary {
  cursor: pointer;
  font-weight: 600;
}
.wa-member-list {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin: 12px 0;
}
.wa-composer {
  display: grid;
  gap: 12px;
  margin-top: 16px;
}
.wa-composer textarea {
  font: inherit;
  min-height: 90px;
  border: 1px solid #ccd3da;
  border-radius: 6px;
  padding: 10px;
  resize: vertical;
}
@media (max-width: 760px) {
  .wa-columns {
    grid-template-columns: 1fr;
  }
  .wa-inbox {
    padding: 12px;
  }
}

/* Shared-inbox workspace: conversation first, management out of the thread. */
.wa-inbox { --wa-accent:#176e61; --wa-muted:#72808d; --wa-line:#e4e9ee; color:#22303c; }
.wa-inbox .ec-page-header { margin-bottom:12px; }
.wa-inbox .wa-filters { margin:0 0 14px; padding:12px 16px; background:#fff; border:1px solid var(--wa-line); border-radius:14px; gap:16px; }
.wa-inbox .wa-filters label { min-width:180px; font-size:12px; font-weight:600; color:#637181; }
.wa-inbox select,.wa-inbox input,.wa-inbox textarea { background:#fff; color:#233440; outline-offset:3px; text-transform:none; }
.wa-inbox .wa-connection { display:flex; align-items:center; gap:7px; margin-left:auto; padding:10px 0; font-size:12px; color:#7c6540; }
.wa-connection i { width:7px; height:7px; border-radius:50%; background:#ba914f; }
.wa-inbox .wa-connection.is-ready { color:#326d5d; }
.wa-connection.is-ready i { background:#2b9476; }
.wa-inbox .wa-columns { position:relative; display:grid; grid-template-columns:340px minmax(0,1fr); gap:0; height:calc(100dvh - 220px); min-height:400px; max-height:1000px; border:1px solid var(--wa-line); border-radius:14px; overflow:hidden; background:white; box-shadow:0 8px 30px #22303c08; }
.wa-inbox .wa-columns>section { border:0; border-radius:0; padding:0; min-height:0; }
.wa-inbox .wa-inbox-list { display:flex; flex-direction:column; border-right:1px solid var(--wa-line)!important; background:#fff; }
.wa-list-heading { display:flex; justify-content:space-between; align-items:center; padding:20px 18px 14px; }
.wa-eyebrow { font-size:10px; letter-spacing:.1em; color:var(--wa-muted); font-weight:700; text-transform:uppercase; }
.wa-inbox h2 { font-size:17px; margin:4px 0; }
.wa-list-heading h2 small { display:inline-flex; border-radius:8px; padding:2px 7px; background:#edf2f6; font-size:11px; color:#566777; margin-left:5px; }
.wa-inbox .wa-icon-button { font-size:22px; width:34px; height:34px; padding:0; background:#f6f8fa; border:1px solid var(--wa-line); cursor:pointer; }
.wa-search { margin:0 16px 12px; }
.wa-search input { width:100%; box-sizing:border-box; background:#f5f7f9!important; border:1px solid transparent!important; font-size:13px!important; }
.wa-inbox .wa-list-tabs { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px; padding:0 14px 12px; border-bottom:1px solid var(--wa-line); }
.wa-inbox .wa-list-tabs button { display:flex; align-items:center; justify-content:space-between; gap:6px; padding:7px 9px; font-size:11px; background:transparent; border:0; color:#657584; cursor:pointer; min-width:0; }
.wa-inbox .wa-list-tabs button[aria-pressed=true] { color:var(--wa-accent); background:#eaf5f0; font-weight:700; }
.wa-tab-count { min-width:18px; padding:1px 4px; border-radius:5px; background:#edf2f5; color:#627581; font-size:10px!important; text-align:center; font-variant-numeric:tabular-nums; }
.wa-list-tabs button[aria-pressed=true] .wa-tab-count { background:#d6eae2; color:var(--wa-accent); }
.wa-list-scroll { overflow:auto; min-height:0; flex:1; padding:6px; }
.wa-list-scroll>p { font-size:13px; color:var(--wa-muted); padding:20px 12px; line-height:1.6; text-align:center; }
.wa-inbox .wa-conversation { grid-template-columns:44px minmax(0,1fr) auto; align-items:start; gap:10px; border:1px solid transparent; border-left-width:3px; padding:12px 9px; margin:2px 0; border-radius:10px; }
.wa-inbox .wa-conversation:hover { background:#f6f8fa; }
.wa-inbox .wa-conversation[aria-pressed=true] { border-color:#cfe5dc; border-left-color:var(--wa-accent); background:#eef8f3; }
.wa-avatar { display:inline-flex!important; align-items:center; justify-content:center; width:42px; height:42px; border-radius:50%; background:#e9eff4; color:#596e82!important; font-size:12px!important; font-weight:650; flex:none; text-transform:none; }
.wa-conversation-summary { display:flex; flex-direction:column; gap:5px; min-width:0; }
.wa-conversation-summary strong { color:#263b49; font-size:13px; font-weight:650; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-transform:none; }
.wa-conversation-summary>span { font-size:11px!important; }
.wa-conversation-route { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#77848e!important; }
.wa-inbox .wa-status { font-size:10px!important; width:fit-content; padding:3px 6px; background:#edf0f3; border-radius:5px; color:#586c7a; }
.wa-inbox .wa-status-aguardando { background:#fff3d9; color:#8c681a; }
.wa-inbox .wa-status-em_atendimento { background:#e1f2ec; color:#25755c; }
.wa-conversation time { font-size:10px; color:var(--wa-muted); white-space:nowrap; font-variant-numeric:tabular-nums; }
.wa-inbox .wa-chat { display:flex; flex-direction:column; background:#f6f8fa; position:relative; min-width:0; }
.wa-chat-header { display:flex; flex-wrap:wrap; gap:12px; align-items:center; padding:14px 18px; border-bottom:1px solid var(--wa-line); background:white; flex-shrink:0; }
.wa-chat-identity { min-width:0; flex:1; }
.wa-chat-identity h2 { font-size:15px; font-weight:650; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-transform:none; }
.wa-chat-identity span { font-size:11px; color:var(--wa-muted); }
.wa-chat-identity .wa-chat-queue { display:block; width:fit-content; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:5px; padding:2px 6px; border-radius:5px; background:#f1f5f7; font-size:10px; color:#536a77; }
.wa-chat-actions { display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:7px; margin-left:auto; }
.wa-inbox .wa-chat-actions>button { min-height:34px; font-size:11px; }
.wa-inbox .wa-chat-actions>.ec-button-secondary { background:white; border-color:var(--wa-line); color:#466072; padding:7px 10px; white-space:nowrap; }
.wa-inbox .wa-details-toggle { background:white; color:#466072; border-color:var(--wa-line); font-size:11px; cursor:pointer; }
.wa-inbox .wa-messages { flex:1; min-height:140px; max-height:none; display:flex; flex-direction:column; padding:24px; gap:14px; overflow:auto; }
.wa-inbox .wa-message { flex:none; align-self:flex-start; background:white; border:1px solid #e7ecf0; border-radius:4px 14px 14px; max-width:76%; padding:12px 15px; box-shadow:0 2px 4px #24394704; }
.wa-inbox .wa-saida { align-self:flex-end; background:#e6f4ee; border-color:#d3e9df; border-radius:14px 4px 14px 14px; }
.wa-message p { margin:7px 0; font-size:14px; line-height:1.6; text-transform:none; }
.wa-inbox .wa-message small { font-size:10px; color:#718390; }
.wa-inbox .wa-message time { display:block; font-size:10px; text-align:right; color:#7a8a94; }
.wa-inbox .wa-composer { margin:0; padding:14px 20px 18px; background:white; border-top:1px solid var(--wa-line); gap:9px; flex-shrink:0; }
.wa-composer label { font-size:11px; color:#71808c; }
.wa-composer textarea { min-height:72px; max-height:200px; font-size:14px; line-height:1.5; border-radius:10px; border-color:#dfe7ec; background:#fbfcfd; }
.wa-inbox .wa-composer>button { justify-self:end; min-width:140px; background:var(--wa-accent); border:0; color:white; font-size:13px; font-weight:600; padding:11px 18px; cursor:pointer; }
.wa-inbox .wa-chat>p { padding:12px 20px; font-size:12px; color:#75644b; background:#fff8e9; margin:0; }
.wa-chat-empty { margin:auto; padding:36px; text-align:center; color:#7c8d98; max-width:420px; }
.wa-chat-empty>span { display:inline-flex; width:72px; height:72px; justify-content:center; align-items:center; background:#e5eeea; color:#6b9b88; border-radius:24px; font-size:34px; margin-bottom:16px; }
.wa-chat-empty h2 { font-size:20px; color:#344c5b; }
.wa-chat-empty p { font-size:13px; line-height:1.6; }
.wa-chat-empty small { font-size:11px; }
.wa-inbox .wa-details { position:absolute; z-index:4; top:0; bottom:0; right:0; width:min(340px,calc(100% - 20px)); padding:18px; box-sizing:border-box; overflow:auto; background:white; border-left:1px solid var(--wa-line); box-shadow:-10px 0 30px #23313c0a; }
.wa-details[hidden] { display:none; }
.wa-details-heading { display:flex; align-items:center; justify-content:space-between; gap:8px; position:sticky; top:-18px; z-index:1; padding:0 0 12px; background:white; }
.wa-details-heading strong { font-size:13px; font-weight:650; }
.wa-details details { border-bottom:1px solid var(--wa-line); padding:12px 0; }
.wa-details summary { font-size:12px; font-weight:600; cursor:pointer; padding:5px 0; }
.wa-inbox .wa-assignment { display:grid; grid-template-columns:1fr; margin:16px 0 0; font-size:12px; }
.wa-assignment button { background:#f0f5f3; color:var(--wa-accent); cursor:pointer; }
.wa-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.wa-mobile-back { display:none; }
.wa-inbox button:focus-visible,.wa-inbox input:focus-visible,.wa-inbox select:focus-visible,.wa-inbox textarea:focus-visible { outline:2px solid var(--wa-accent); outline-offset:3px; }
@media(min-width:1500px) { .wa-inbox .has-details .wa-chat { padding-right:340px; } .wa-inbox .has-details .wa-details { box-shadow:none; } }
@media(max-width:1100px) { .wa-inbox .wa-columns { grid-template-columns:290px minmax(0,1fr); } .wa-inbox .wa-connection { margin-left:0; } }
@media(max-width:760px) { .wa-inbox .wa-columns { grid-template-columns:1fr; height:calc(100dvh - 220px); min-height:340px; } .wa-inbox .wa-chat { display:none; } .wa-inbox .has-conversation .wa-chat { display:flex; } .wa-inbox .has-conversation .wa-inbox-list { display:none; } .wa-inbox .wa-mobile-back { display:block; background:white; border:0; font-size:11px; padding:0; color:var(--wa-accent); } .wa-chat-header { padding:12px; flex-wrap:wrap; } .wa-chat-actions { flex-basis:100%; justify-content:flex-start; gap:6px; } .wa-inbox .wa-chat-actions .wa-finish { margin-left:auto; } .wa-details-toggle { margin-left:auto; } .wa-inbox .wa-messages { padding:14px; } .wa-inbox .wa-message { max-width:88%; } .wa-inbox .wa-filters { padding:10px; gap:10px; } .wa-inbox .wa-filters label { min-width:0; flex:1; } .wa-inbox .wa-composer { padding:12px; } }
.wa-finish{background:#087c62!important;color:white!important;border:0!important;border-radius:10px;padding:9px 14px;white-space:nowrap;font-weight:650}
.wa-rating-link{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 20px;background:#ecf8f3;border-bottom:1px solid #cde8dc;font-size:13px}
.wa-rating-link>span{color:#116847;font-weight:650}.wa-rating-link button{border:1px solid #abcbbc;background:white;color:#14573e;border-radius:8px;padding:8px 12px}.wa-rating-link label{flex-basis:100%;display:flex;gap:8px;flex-wrap:wrap}.wa-rating-link input{min-width:0;flex:1;min-height:36px;font-size:12px;text-transform:none!important}
.wa-activity article{display:grid;gap:6px;padding:14px 0;border-bottom:1px solid #e4eaf2}.wa-activity article span{font-size:13px;color:#52637b}.wa-activity h3{margin-top:24px}
.wa-rating-summary>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.wa-rating-summary article{display:grid;gap:8px;border:1px solid #e1e9f2;background:#f7f9fc;padding:18px;border-radius:14px}.wa-rating-summary strong{font-size:28px;color:#17396d}.wa-rating-summary span{font-size:13px;color:#52637b}
@media(max-width:640px){.wa-rating-summary>div{grid-template-columns:1fr}.wa-chat-header{flex-wrap:wrap}.wa-chat-header .wa-details-toggle{margin-left:auto}}
.wa-store-picker{display:grid;gap:4px}.wa-store-picker>span{font-size:10px;color:#73808a;font-weight:650;text-transform:uppercase}.wa-store-picker select{max-width:220px;font-size:13px!important;min-height:34px!important;background:#f5f8fa;border:1px solid #dce5e9!important;border-radius:8px;color:#233941;padding:4px 8px}
.wa-compose-tools{position:relative}.wa-compose-toolbar{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.wa-compose-toolbar button{border:0!important;border-radius:8px;padding:7px 10px;background:#f3f6f7;color:#48616b;font-size:14px;cursor:pointer}.wa-compose-toolbar button:hover{background:#e3f1ed;color:#116a53}.wa-compose-toolbar button span{font-size:11px}.wa-compose-toolbar>span{font-size:11px;color:#637a81}
.wa-tools-popover{position:absolute;bottom:calc(100% + 8px);left:0;width:min(380px,calc(100vw - 80px));max-height:300px;overflow:auto;background:white;border:1px solid #dce7e7;border-radius:14px;box-shadow:0 8px 35px #18332c22;z-index:30;padding:14px}.wa-tools-popover p{font-size:12px;color:#637a81}.wa-tools-popover input{width:100%;margin:10px 0}.wa-tools-title{display:flex;justify-content:space-between;align-items:center}.wa-quick-reply{display:grid;gap:4px;text-align:left;width:100%;padding:10px;background:white;border:0;border-bottom:1px solid #edf2f3;color:#304b56}.wa-quick-reply:hover{background:#f0f8f5}.wa-quick-reply span{white-space:pre-wrap;font-size:12px;max-height:55px;overflow:hidden}.wa-quick-reply small{color:#6a8d82}.wa-emoji-picker{display:grid;grid-template-columns:repeat(8,1fr);gap:4px}.wa-emoji-picker button{font-size:22px;background:white;border:0;padding:7px}.wa-quick-editor{display:grid;gap:14px}.wa-quick-editor label{display:grid;gap:5px}.wa-quick-editor textarea{min-height:120px;text-transform:none!important}.wa-attachment-draft{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border:1px solid #d4e8df;background:#f1f9f5;border-radius:10px;padding:10px;font-size:12px}.wa-attachment-draft small{flex-basis:100%;color:#688174}.wa-message audio{max-width:100%;display:block;margin-top:8px}
.wa-records-page{padding-bottom:24px}.wa-record-filters{display:flex;align-items:end;gap:12px;flex-wrap:wrap;background:white;border:1px solid #e0e7ed;border-radius:14px;padding:18px;margin:16px 0}.wa-record-filters label{display:grid;gap:5px;font-size:12px;color:#60737f}.wa-record-filters input,.wa-record-filters select{min-height:36px;border:1px solid #d9e4e8;border-radius:8px;padding:6px 10px}.wa-record-filters .wa-rated-check{display:flex;align-items:center;gap:7px}.wa-record-filters button{min-height:36px;background:#116c56;color:white;border:0;border-radius:8px;padding:8px 18px}.wa-record-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.wa-record-kpis article{display:grid;gap:8px;padding:20px;border:1px solid #e0e7ed;background:white;border-radius:14px}.wa-record-kpis strong{font-size:25px;color:#204c3f}.wa-record-kpis span{font-size:12px;color:#6b7e87}.wa-record-table{overflow:auto;background:white;border:1px solid #e0e7ed;border-radius:14px}.wa-record-table table{width:100%;border-collapse:collapse;white-space:nowrap}.wa-record-table th,.wa-record-table td{padding:14px;border-bottom:1px solid #e8eef1;font-size:12px;text-align:left}.wa-record-table th{background:#f4f7fa;color:#637584}.wa-record-table small{display:block;color:#8a989f;margin-top:5px}.wa-record-table button,.wa-record-table a{font-size:11px;margin-right:8px}.wa-record-pagination{display:flex;gap:12px;align-items:center;justify-content:flex-end;padding:16px}.wa-record-pagination span{margin-right:auto;font-size:12px;color:#6b7e87}.wa-settings-tabs{display:flex;align-items:center;gap:12px;margin:14px 0}.wa-settings-tabs span{font-size:12px;color:#6b7e87}
@media(max-width:700px){.wa-record-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.wa-store-picker select{max-width:190px}.wa-compose-toolbar button span{display:none}.wa-record-pagination{flex-wrap:wrap}.wa-record-filters label{flex:1;min-width:130px}}
.wa-message-attachment{display:grid;gap:8px;margin:8px 0}.wa-message-attachment img{display:block;max-width:min(260px,100%);max-height:260px;border-radius:8px;object-fit:contain}