.whatsapp-page #appView { height: 100dvh; }
.whatsapp-page .topbar, .whatsapp-page #sidebar,
.whatsapp-page #view-whatsapp > .view-toolbar { display: none; }
.whatsapp-page .app-body, .whatsapp-page .content { min-height: 0; padding: 0; }
.whatsapp-page .wa-inbox::before { display: none; }
.wa-quote { display: block; width: 100%; margin: 2px 0 7px; padding: 9px 12px; border: 0; border-left: 3px solid #00a884; border-radius: 6px; background: #0003; color: #e9edef; text-align: left; cursor: pointer; }
.wa-quote b { display: block; color: #21c7a8; font-size: 12px; }
.wa-quote span { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 13px; }
.wa-bubble:focus-within .wa-bubble-menu { opacity: 1; }
.wa-msg.wa-highlight .wa-bubble { outline: 2px solid #21c7a8; }
.wa-preview { margin: auto; width: min(960px, 94vw); max-width: 100%; max-height: 94dvh; padding: 0; border: 1px solid #2f3b43; border-radius: 16px; background: #111b21; color: #e9edef; box-shadow: 0 24px 100px #0008; }
.wa-preview::backdrop { background: #071015dd; backdrop-filter: blur(8px); }
.wa-preview header, .wa-preview footer { display: flex; align-items: center; gap: 14px; padding: 16px 20px; }
.wa-preview header strong { flex: 1; overflow-wrap: anywhere; }
.wa-preview button, .wa-preview a { padding: 10px 15px; border-radius: 8px; border: 0; background: #2a3942; color: #e9edef; cursor: pointer; font: inherit; text-decoration: none; }
.wa-preview button:disabled { opacity: .5; cursor: wait; }
.wa-preview .wa-preview-send { background: #00a884; color: #06251d; font-weight: 600; }
.wa-preview-content { display: flex; align-items: center; justify-content: center; min-height: 220px; max-height: 64dvh; overflow: auto; padding: 16px; background: #0b141a; }
.wa-preview-content img, .wa-preview-content video { max-width: 100%; max-height: 60dvh; object-fit: contain; }
.wa-preview-file { text-align: center; padding: 40px; overflow-wrap: anywhere; }
.wa-preview-file span { display: block; font-size: 52px; margin-bottom: 16px; }
.wa-preview footer { flex-wrap: wrap; }
.wa-preview input { flex: 1; min-width: 120px; padding: 12px; background: #2a3942; border: 1px solid #3e505b; border-radius: 8px; color: #e9edef; font: inherit; }
.wa-preview-error { color: #ff8ba0; padding: 0 20px; }
.wa-media-slot[data-mtype="image"], .wa-media-slot[data-mtype="video"] { min-height: 160px; }
.wa-media-img { cursor: zoom-in; }
.wa-preview-trigger { border: 0; background: transparent; padding: 0; display: block; }
@media (hover: none) { .wa-bubble .wa-bubble-menu { opacity: 1; } }
@media (prefers-reduced-motion: reduce) { #view-whatsapp *, .wa-preview * { animation: none !important; transition: none !important; scroll-behavior: auto !important; } }
.wa-latest { position: absolute; bottom: 90px; right: 22px; z-index: 5; width: 42px; height: 42px; border: 1px solid #3e505b; border-radius: 50%; background: #202c33; color: #e9edef; box-shadow: 0 3px 14px #0005; font-size: 24px; cursor: pointer; }
.wa-latest[hidden] { display: none; }
#view-whatsapp .wa-mobile-back { display: none; }
@media (max-width: 640px) {
  #view-whatsapp .wa-side { width: 100%; min-width: 0; max-width: none; }
  #view-whatsapp .wa-main { display: none; }
  #view-whatsapp .wa-chat-open .wa-side { display: none; }
  #view-whatsapp .wa-chat-open .wa-main { display: flex; width: 100%; }
  #view-whatsapp .wa-mobile-back { display: inline-flex; flex-shrink: 0; font-size: 24px; }
  #view-whatsapp .wa-thread-head { gap: 8px; padding: 9px 10px; }
  #view-whatsapp .wa-thread-head > div:not(.wa-head-actions):not(.wa-avatar) { min-width: 0; }
  #view-whatsapp .wa-peer-name, #view-whatsapp .wa-peer-sub { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  #view-whatsapp .wa-thread { padding: 8px 12px; }
  #view-whatsapp .wa-bubble { max-width: 88%; }
  #view-whatsapp .wa-media-img, #view-whatsapp .wa-media-video { max-width: 100%; }
  #view-whatsapp .wa-composer { gap: 5px; padding: 8px; padding-bottom: max(8px, env(safe-area-inset-bottom)); }
}
.wa-preview-content:has(.wa-pdf-page) { display: block; }
.wa-pdf-page { width: fit-content; margin: auto; }
.wa-pdf-page canvas { display: block; max-width: 100%; height: auto !important; background: white; }
.wa-pdf-nav { display: flex; align-items: center; justify-content: center; gap: 16px; padding: 6px 16px; }

.wa-sending-notice { padding: 12px 18px; background: #382d15; color: #ffe0a3; font-size: 13px; line-height: 1.5; }
.wa-sending-notice[hidden] { display: none; }
#view-whatsapp button:disabled { opacity: .5; cursor: not-allowed; }