.whatsapp-page{display:grid;gap:20px}.whatsapp-header{align-items:flex-start}.whatsapp-header__actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.whatsapp-mode-badge{display:inline-flex;align-items:center;min-height:38px;padding:8px 13px;border-radius:999px;background:#dff5e9;color:#176b4b;font-weight:900;font-size:.82rem}.whatsapp-notice{padding:13px 16px;border-radius:14px;background:#fff0c8;color:#774900;font-weight:750;border:1px solid #f1d68d}.whatsapp-tabs{display:flex;gap:8px;padding:7px;border:1px solid var(--line,#eadfd4);border-radius:17px;background:#fff;overflow:auto}.whatsapp-tabs button{border:0;background:transparent;padding:10px 15px;border-radius:12px;font-weight:850;color:#6e5e56;white-space:nowrap;cursor:pointer}.whatsapp-tabs button.is-active{color:#fff;background:#8f2f24;box-shadow:0 8px 20px #8f2f2430}.whatsapp-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.whatsapp-stat{padding:18px;border:1px solid #eadfd4;border-radius:20px;background:#fff;box-shadow:0 12px 30px #3a23170d}.whatsapp-stat small,.whatsapp-stat span{display:block;color:#7c6d65}.whatsapp-stat strong{display:block;margin:7px 0;font-size:1.8rem}.whatsapp-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);gap:18px}.whatsapp-composer,.whatsapp-recent,.whatsapp-settings,.whatsapp-template-form{padding:0;overflow:hidden}.whatsapp-form-grid,.whatsapp-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:20px}.whatsapp-field{display:grid;gap:7px;font-size:.83rem;font-weight:850;color:#4d3d36}.whatsapp-field input,.whatsapp-field select,.whatsapp-field textarea,.whatsapp-reply textarea,.whatsapp-search input{width:100%;border:1px solid #dfd1c7;border-radius:13px;padding:11px 12px;background:#fff;color:#211915;font:inherit;outline:none}.whatsapp-field input:focus,.whatsapp-field select:focus,.whatsapp-field textarea:focus,.whatsapp-reply textarea:focus,.whatsapp-search input:focus{border-color:#b96f3d;box-shadow:0 0 0 4px #d89b3822}.whatsapp-field--wide{grid-column:1/-1}.whatsapp-check{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:13px;background:#f8f3ef;font-weight:750}.whatsapp-check input{width:18px;height:18px;accent-color:#8f2f24}.whatsapp-send-actions,.whatsapp-form-actions{display:flex;gap:10px;padding:0 20px 20px;flex-wrap:wrap}.whatsapp-activity-list{display:grid;padding:8px 18px 18px}.whatsapp-activity{display:grid;grid-template-columns:34px 1fr;gap:11px;padding:13px 0;border-bottom:1px solid #eee3db}.whatsapp-activity:last-child{border-bottom:0}.whatsapp-activity p{margin:3px 0;color:#55463f;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.whatsapp-activity small{color:#8b7b72}.whatsapp-direction{width:32px;height:32px;display:grid;place-items:center;border-radius:11px;font-weight:900}.whatsapp-direction--inbound{background:#dff5e9;color:#176b4b}.whatsapp-direction--outbound{background:#f3e6de;color:#8f2f24}.whatsapp-inbox{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);min-height:620px;border:1px solid #eadfd4;border-radius:23px;background:#fff;overflow:hidden}.whatsapp-conversations{border-right:1px solid #eadfd4;background:#fffaf5}.whatsapp-search{display:flex;gap:7px;padding:14px;border-bottom:1px solid #eadfd4}.whatsapp-search button,.whatsapp-thread__header button,.whatsapp-template-card button{border:0;border-radius:10px;padding:9px 11px;background:#f0dfd2;color:#8f2f24;font-weight:850;cursor:pointer}.whatsapp-conversation-list{max-height:650px;overflow:auto}.whatsapp-conversation{width:100%;display:grid;grid-template-columns:45px minmax(0,1fr);gap:11px;padding:14px;border:0;border-bottom:1px solid #eee3db;background:transparent;text-align:left;cursor:pointer}.whatsapp-conversation:hover,.whatsapp-conversation.is-active{background:#f3e6de}.whatsapp-avatar{width:43px;height:43px;display:grid;place-items:center;border-radius:15px;background:#8f2f24;color:#fff;font-weight:900}.whatsapp-conversation__body{min-width:0}.whatsapp-conversation__body strong{display:flex;justify-content:space-between;gap:8px}.whatsapp-conversation__body strong b{min-width:22px;height:22px;display:grid;place-items:center;border-radius:999px;background:#176b4b;color:#fff;font-size:.72rem}.whatsapp-conversation__body small{color:#8b7b72}.whatsapp-conversation__body p{margin:4px 0 0;color:#65564f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.whatsapp-thread{display:grid;grid-template-rows:auto 1fr auto;min-width:0}.whatsapp-thread__header{display:flex;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid #eadfd4}.whatsapp-thread__header div:last-child{display:flex;gap:7px}.whatsapp-thread__header small{display:block;color:#8b7b72;margin-top:3px}.whatsapp-messages{display:flex;flex-direction:column;gap:10px;padding:20px;overflow:auto;background:linear-gradient(#fffaf6,#fff)}.whatsapp-message{max-width:min(78%,560px);padding:11px 13px;border-radius:16px;background:#f2e9e3;align-self:flex-start}.whatsapp-message--outbound{align-self:flex-end;background:#dff5e9}.whatsapp-message p{margin:0;white-space:pre-wrap;line-height:1.48}.whatsapp-message small{display:block;margin-top:6px;color:#786961;font-size:.72rem}.whatsapp-reply{display:grid;grid-template-columns:1fr auto;gap:10px;padding:14px;border-top:1px solid #eadfd4}.whatsapp-template-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:18px;align-items:start}.whatsapp-template-list{display:grid;gap:12px}.whatsapp-template-card{padding:18px}.whatsapp-template-card header,.whatsapp-template-card footer{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.whatsapp-template-card header small,.whatsapp-template-card footer small{display:block;color:#8b7b72;margin-top:3px}.whatsapp-template-card p{padding:13px;border-radius:13px;background:#fffaf5;white-space:pre-wrap;line-height:1.5}.whatsapp-template-card footer div{display:flex;gap:7px}.status-pill{display:inline-flex;padding:6px 9px;border-radius:999px;font-size:.72rem;font-weight:900}.status-pill--success{background:#dff5e9;color:#176b4b}.status-pill--muted{background:#eee8e3;color:#77685f}.whatsapp-template-form{position:sticky;top:16px;padding-bottom:20px}.whatsapp-template-form h2{margin:0;padding:20px 20px 8px}.whatsapp-template-form>.whatsapp-field,.whatsapp-template-form>.whatsapp-check{margin:12px 20px}.whatsapp-settings-grid{padding-bottom:10px}.whatsapp-settings h3{margin:10px 20px}.whatsapp-automation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0 20px 20px}.whatsapp-settings-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 20px;border-top:1px solid #eadfd4}.whatsapp-settings-footer small{color:#7c6d65}.empty-state{display:grid;place-items:center;text-align:center;min-height:150px;padding:24px;color:#6e5e56}.empty-state span{margin-top:5px;font-size:.85rem}.panel-card__header{padding:18px 20px;border-bottom:1px solid #eadfd4}.panel-card__header h2{margin:0}.panel-card__header p{margin:4px 0 0;color:#7c6d65}.panel-card__header{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}
@media(max-width:1100px){.whatsapp-stats{grid-template-columns:repeat(2,1fr)}.whatsapp-grid,.whatsapp-template-layout{grid-template-columns:1fr}.whatsapp-template-form{position:static}.whatsapp-automation-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.whatsapp-header__actions{width:100%}.whatsapp-tabs{margin-inline:-3px}.whatsapp-stats{grid-template-columns:1fr 1fr}.whatsapp-grid{grid-template-columns:1fr}.whatsapp-form-grid,.whatsapp-settings-grid{grid-template-columns:1fr}.whatsapp-field--wide{grid-column:auto}.whatsapp-inbox{grid-template-columns:1fr;min-height:auto}.whatsapp-conversations{border-right:0;border-bottom:1px solid #eadfd4}.whatsapp-conversation-list{max-height:330px}.whatsapp-thread{min-height:520px}.whatsapp-message{max-width:88%}.whatsapp-reply{grid-template-columns:1fr}.whatsapp-automation-grid{grid-template-columns:1fr}.whatsapp-settings-footer{align-items:stretch;flex-direction:column}.whatsapp-settings-footer .button{width:100%}}
@media(max-width:480px){.whatsapp-stats{grid-template-columns:1fr}.whatsapp-header__actions .button{width:100%}.whatsapp-send-actions .button{width:100%}.whatsapp-thread__header{flex-direction:column}.whatsapp-thread__header div:last-child{width:100%}.whatsapp-thread__header button{flex:1}}

.whatsapp-sync-button{justify-self:start;margin-bottom:12px}