/* Confined to the WhatsApp screens. The approved global stylesheet is untouched. */
.wa-page { min-width:0; }
.wa-page .settings-panel { margin-bottom:18px; }
.wa-status,.wa-actions { display:flex; gap:10px; align-items:center; flex-wrap:wrap; margin:12px 0 18px; }
.wa-status { border:1px solid #d9e2e7; border-radius:12px; background:#f7fafb; padding:12px 16px; font-size:12px; }
.wa-status span { margin-right:12px; }
.wa-layout { display:grid; grid-template-columns:290px minmax(0,1fr); border:1px solid #dce3e8; border-radius:16px; overflow:hidden; background:#fff; min-height:590px; }
.wa-list { background:#f8fafb; border-right:1px solid #e1e7eb; padding:14px; min-width:0; }
.wa-contact { display:flex; flex-direction:column; text-align:left; gap:5px; padding:15px 12px; width:100%; border:1px solid transparent; border-radius:10px; background:transparent; cursor:pointer; margin:5px 0; overflow-wrap:anywhere; }
.wa-contact:hover { background:#edf3f6; }
.wa-contact.wa-selected { background:#e5f2ed; border-color:#bddccc; }
.wa-contact span,.wa-contact small { color:#5c707b; font-size:12px; }
.wa-conversation { padding:22px; min-width:0; }
.wa-contact-head { border-bottom:1px solid #e2e8eb; padding-bottom:14px; }
.wa-contact-head h2 { margin-bottom:5px; }
.wa-window { font-size:12px; color:#355c50; }
.wa-messages { display:flex; flex-direction:column; gap:12px; padding:18px 0; max-height:520px; min-height:150px; overflow:auto; }
.wa-bubble { border:1px solid #dce4e8; border-radius:14px; padding:12px 15px; max-width:85%; background:#f8fafb; align-self:flex-start; overflow-wrap:anywhere; }
.wa-bubble.wa-out { align-self:flex-end; background:#edf6f1; border-color:#cfe4d9; }
.wa-bubble small,.wa-bubble footer { color:#5c7075; font-size:10px; display:block; }
.wa-bubble footer { margin-top:8px; }
.wa-text { white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.55; }
.wa-error,.wa-warning { color:#855119; background:#fff5e6; border-radius:8px; padding:10px; font-size:12px; overflow-wrap:anywhere; }
.wa-empty { padding:24px 12px; }
.wa-template-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.wa-page form .check { margin:14px 0; }
.wa-page textarea { width:100%; }
.wa-page .form-error:not(:empty) { padding:10px 0; color:#a63e31; }
@media(max-width:800px){.wa-layout { grid-template-columns:1fr; }.wa-list { border-right:0; border-bottom:1px solid #e1e7eb; max-height:270px; overflow:auto; }.wa-conversation { padding:15px; }.wa-template-grid { grid-template-columns:1fr; }.wa-bubble { max-width:95%; }.wa-status { align-items:flex-start; flex-direction:column; }.wa-actions .btn { max-width:100%; white-space:normal; }.wa-page h1 { font-size:25px; }}