.whatsapp-panel {grid-column:1 / -1;}
.whatsapp-warning {padding:16px;border:1px solid #e3b85c;background:#fff8e7;border-radius:12px;color:#654706;line-height:1.6;margin-bottom:16px;}
.whatsapp-warning strong {display:block;margin-bottom:6px;}
.whatsapp-consent {display:flex!important;align-items:flex-start;gap:10px;line-height:1.6;margin:16px 0;}
.whatsapp-consent input {width:18px!important;height:18px;flex-shrink:0;margin-top:4px;}
.whatsapp-actions {display:flex;flex-wrap:wrap;gap:10px;}
#whatsappStatus {padding:12px 0;font-weight:600;}
#whatsappQr {width:260px;max-width:100%;background:white;border:12px solid white;border-radius:12px;}
.whatsapp-policy {max-width:820px;margin:40px auto;padding:24px;line-height:1.75;}
.whatsapp-policy h1 {font-size:28px;}.whatsapp-policy h2 {font-size:20px;margin-top:28px;}
.whatsapp-policy img {width:150px;}
.whatsapp-policy h3 {font-size:16px;margin-top:24px;}
.whatsapp-policy nav {display:flex;gap:16px;flex-wrap:wrap;margin:20px 0;}
.whatsapp-policy a {color:var(--color-primary-strong);text-underline-offset:3px;}
.whatsapp-policy :is(p,li,h1,h2,h3) {overflow-wrap:anywhere;}
.whatsapp-policy article {scroll-margin-top:24px;}

/* Standalone legal pages must scroll independently from the application shell. */
:root:has(body.legal-document),
:root body.legal-document {
  display:block !important;
  height:auto !important;
  min-height:100dvh !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
  overscroll-behavior-y:auto !important;
  -webkit-overflow-scrolling:touch;
}
:root body.legal-document .whatsapp-policy { min-height:100dvh; }

/* Match the app's compact reading scale without changing connection behavior. */
:root body .whatsapp-panel { min-width:0; max-width:100%; padding:24px !important; box-sizing:border-box; }
:root body .whatsapp-panel.active { display:flex !important; flex-direction:column; gap:20px; }
:root body .whatsapp-panel > :is(p, .panel-header),
:root body .whatsapp-panel .panel-header p { margin:0 !important; }
:root body .whatsapp-panel #whatsappTitle { font-size:16px !important; line-height:24px !important; white-space:normal !important; margin:0 0 4px !important; }
:root body .whatsapp-panel :is(p, .whatsapp-consent, .whatsapp-consent span) { font-size:12px !important; line-height:20px !important; font-weight:400 !important; overflow-wrap:anywhere; }
:root body .whatsapp-panel :is(.panel-header p, .whatsapp-instructions) { color:var(--color-muted); }
:root body .whatsapp-panel .whatsapp-warning { display:flex; flex-direction:column; gap:8px; padding:16px; margin:0; font-size:12px; line-height:20px; }
:root body .whatsapp-panel .whatsapp-warning strong { margin:0; font-size:12px !important; line-height:20px !important; font-weight:600 !important; }
:root body .whatsapp-panel .whatsapp-warning p { margin:0; }
:root body .whatsapp-panel .whatsapp-terms { text-align:center; }
:root body .whatsapp-panel .whatsapp-terms a { font-size:12px; line-height:20px; color:var(--color-primary); text-underline-offset:3px; }
:root body .whatsapp-panel .whatsapp-terms a:hover { color:var(--color-primary-strong); }
:root body .whatsapp-panel .whatsapp-terms a:focus-visible { outline:2px solid var(--color-primary); outline-offset:4px; }
:root body .whatsapp-panel .whatsapp-consent { margin:0; gap:10px; }
:root body .whatsapp-panel .whatsapp-consent input { width:18px !important; height:18px; min-height:0; margin:1px 0 0; accent-color:var(--color-primary); }
:root body .whatsapp-panel .whatsapp-terms.whatsapp-consent { justify-content:center; align-items:center; text-align:left; }
:root body .whatsapp-panel .whatsapp-help { position:relative; flex-shrink:0; }
:root body #configuracoes .whatsapp-help .settings-preference-details { top:calc(100% + 8px); right:0; }
:root body .whatsapp-panel > .panel-header { align-items:flex-start; gap:12px; }
:root body .whatsapp-panel .whatsapp-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
:root body .whatsapp-panel .whatsapp-actions .button { font-size:12px !important; line-height:20px !important; min-height:44px !important; padding:10px 16px !important; }
:root body .whatsapp-panel .whatsapp-refresh-link { grid-column:1 / -1; justify-self:center; width:fit-content; max-width:100%; min-height:36px; padding:8px 12px; border:0; border-radius:0; background:transparent; color:var(--color-primary); font:inherit; font-size:12px !important; line-height:20px !important; text-align:center; text-decoration:underline; text-underline-offset:3px; cursor:pointer; }
:root body .whatsapp-panel .whatsapp-refresh-link:hover { color:var(--color-primary-strong); }
:root body .whatsapp-panel .whatsapp-refresh-link:focus-visible { outline:2px solid var(--color-primary); outline-offset:2px; }
:root body .whatsapp-panel .whatsapp-refresh-link:disabled { opacity:.6; cursor:wait; }
:root body .whatsapp-panel #whatsappStatus { padding:12px 16px; border:1px solid var(--color-border); border-radius:12px; background:var(--color-bg-soft); color:var(--color-muted); }
:root body .whatsapp-panel #whatsappQr { align-self:center; box-sizing:border-box; }
@media (max-width:760px) {
  :root body .whatsapp-panel { padding:20px !important; }
  :root body .whatsapp-panel .whatsapp-actions .button { width:100%; min-width:0; padding:10px 12px !important; }
}