[data-page="whatsapp"] select{display:block;width:100%;padding:12px 14px;border:1px solid #dce2d8;border-radius:8px;background:#fff;color:#2b4136;margin-top:9px;min-height:44px;font:inherit}
[data-page="whatsapp"] select:focus{border-color:#71936f;outline-offset:4px}
.wa-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:32px}
.wa-slot{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px;min-width:0}
.wa-slot-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.wa-slot-heading h3{font-size:15px;margin:0;letter-spacing:-.2px}
.wa-slot-heading .badge{font-size:9px;white-space:normal}
.wa-qr-area{height:72px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:#f7f9f3;border:1px dashed #dde5d5;margin:20px 0 12px;text-align:center;padding:10px}
.wa-qr-area.has-qr{height:196px}
.wa-qr-area img{width:174px;height:174px;max-width:100%;object-fit:contain;background:#fff}
.wa-qr-area p{font-size:11px;color:#86947b;line-height:1.8;max-width:180px}
.wa-phone{font-size:11px;overflow-wrap:anywhere;color:#697c5e;margin:0 0 20px}
.wa-slot label{margin:16px 0}
.wa-slot-options{display:flex;align-items:center;justify-content:space-between;gap:12px}
.wa-slot-options .toggle{flex:1;font-size:10px;margin:0}
.wa-slot-options>label:last-child{width:92px;margin:0;font-size:10px}
.wa-slot-options input[type="number"]{padding:10px;min-height:38px}
.wa-slot-actions{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:18px;padding-top:16px;border-top:1px solid #edf0e7}
.wa-slot-actions .secondary{padding:9px 11px;font-size:10px;gap:4px}
.wa-text-button{padding:7px 0;background:transparent;color:#687f59;font-size:10px}
.wa-text-button.wa-disconnect{margin-left:auto;color:#986150}
.wa-slot-error{font-size:11px;line-height:1.7;color:#a44136;overflow-wrap:anywhere}
.wa-template-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:20px 0 28px}
.wa-template-choice{display:flex;align-items:flex-start;flex-direction:column;gap:7px;min-width:0;padding:13px;border-radius:8px;text-align:left;background:#f2f5ed;border:1px solid #e2e8db;color:#658057}
.wa-template-choice span{font-size:9px;opacity:.75}
.wa-template-choice strong{font-size:11px;font-weight:600;overflow-wrap:anywhere;line-height:1.5}
.wa-template-choice small{font-size:9px;opacity:.75;margin-top:auto}
.wa-template-choice.active{background:#e0ebd6;border-color:#779963;color:#35592b;box-shadow:inset 0 0 0 1px #779963}
.wa-model-heading{padding-top:20px;border-top:1px solid var(--line)}
.wa-preview{min-height:330px;border:1px solid #dfe7d6;border-radius:12px;background:#edf2e6;overflow:hidden}
.wa-preview-top{display:flex;align-items:center;gap:10px;background:#fafcf7;padding:16px 18px;border-bottom:1px solid #dde5d4}
.wa-preview-top strong{font-size:12px;font-weight:600}.wa-preview-top small{display:block;font-size:9px;color:#98a18f;margin-top:4px}
.wa-preview-avatar{width:32px;height:32px;display:grid;place-items:center;background:#e0e8d6;color:#6a8557;border-radius:50%;font-size:12px}
.wa-message{margin:20px;background:#fff;white-space:pre-wrap;overflow-wrap:anywhere;border-radius:0 10px 10px;padding:15px 17px;font-size:12px;line-height:1.9;color:#55694b;box-shadow:0 2px 3px #2946140a}
.wa-message.wa-preview-placeholder{color:#98a18e}
#wa-config-form .editor-grid h3{font-size:13px;font-weight:600;margin:0}
#wa-load-error{font-size:12px;line-height:1.8}
@media(max-width:1150px){.wa-slots{grid-template-columns:repeat(2,minmax(0,1fr))}.wa-template-list{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:720px){nav{overflow-x:auto}nav button{flex-shrink:0;min-width:70px}.wa-slots{grid-template-columns:1fr}.wa-template-list{grid-template-columns:repeat(2,minmax(0,1fr))}.wa-slot{padding:20px}.wa-qr-area{height:72px}.wa-qr-area.has-qr{height:206px}.wa-qr-area img{width:184px;height:184px}.wa-model-heading{align-items:flex-start;flex-direction:column;gap:8px}#wa-config-form .section-title .toggle{flex-shrink:0}.wa-message{margin:16px}.wa-preview{min-height:260px}}