/* V7 TARGETED ONLY: light/dark composer readability + foreground desktop popup.
   No layout or message/Firebase data changes. */

/* Composer surfaces and icons must remain readable in both themes. */
:root[data-theme="light"] .chat-input-zone,
:root[data-theme="light"] .zalo-toolbar,
:root[data-theme="light"] .zalo-input-area,
body[data-theme="light"] .chat-input-zone,
body[data-theme="light"] .zalo-toolbar,
body[data-theme="light"] .zalo-input-area{
  background:#f7f9fa !important;
  color:#111b21 !important;
  border-color:#dfe5e8 !important;
}
:root[data-theme="light"] .z-tool-icon,
body[data-theme="light"] .z-tool-icon{
  color:#54656f !important;
  fill:currentColor !important;
  opacity:1 !important;
}
:root[data-theme="light"] .z-tool-icon svg,
body[data-theme="light"] .z-tool-icon svg{fill:currentColor !important;stroke:currentColor !important;}
:root[data-theme="light"] .z-tool-icon:hover,
body[data-theme="light"] .z-tool-icon:hover{color:var(--primary,#25D366) !important;background:rgba(37,211,102,.10) !important;}
:root[data-theme="light"] .zalo-input-box,
body[data-theme="light"] .zalo-input-box{
  background:#fff !important;color:#111b21 !important;border-color:#cfd8dc !important;
}
:root[data-theme="light"] .chat-input,
body[data-theme="light"] .chat-input{
  color:#111b21 !important;-webkit-text-fill-color:#111b21 !important;caret-color:var(--primary,#25D366) !important;
}
:root[data-theme="light"] .chat-input::placeholder,
body[data-theme="light"] .chat-input::placeholder{color:#667781 !important;opacity:1 !important;}

:root[data-theme="dark"] .chat-input-zone,
:root[data-theme="dark"] .zalo-toolbar,
:root[data-theme="dark"] .zalo-input-area,
body[data-theme="dark"] .chat-input-zone,
body[data-theme="dark"] .zalo-toolbar,
body[data-theme="dark"] .zalo-input-area{
  background:#111b21 !important;color:#e9edef !important;border-color:#26343d !important;
}
:root[data-theme="dark"] .z-tool-icon,
body[data-theme="dark"] .z-tool-icon{
  color:#aebac1 !important;fill:currentColor !important;opacity:1 !important;
}
:root[data-theme="dark"] .z-tool-icon svg,
body[data-theme="dark"] .z-tool-icon svg{fill:currentColor !important;stroke:currentColor !important;}
:root[data-theme="dark"] .z-tool-icon:hover,
body[data-theme="dark"] .z-tool-icon:hover{color:var(--primary,#25D366) !important;background:rgba(37,211,102,.12) !important;}
:root[data-theme="dark"] .zalo-input-box,
body[data-theme="dark"] .zalo-input-box{
  background:#202c33 !important;color:#e9edef !important;border-color:#2a3942 !important;
}
:root[data-theme="dark"] .chat-input,
body[data-theme="dark"] .chat-input{
  color:#e9edef !important;-webkit-text-fill-color:#e9edef !important;caret-color:var(--primary,#25D366) !important;
}
:root[data-theme="dark"] .chat-input::placeholder,
body[data-theme="dark"] .chat-input::placeholder{color:#8696a0 !important;opacity:1 !important;}

/* The send button follows the selected accent instead of an old orange rule. */
.send-submit-btn{background:var(--primary,#25D366) !important;color:#fff !important;border-color:transparent !important;}
.send-submit-btn svg{fill:currentColor !important;}

/* Foreground desktop popup: it is independent from optional Web Push setup. */
@media (min-width:1025px){
  .message-notification-popup{
    background:var(--bg-card,#fff) !important;
    color:var(--text-main,#111b21) !important;
    border-color:var(--border-color,#dfe5e8) !important;
    box-shadow:0 16px 42px rgba(0,0,0,.20) !important;
  }
  :root[data-theme="dark"] .message-notification-popup,
  body[data-theme="dark"] .message-notification-popup{
    background:#111b21 !important;color:#e9edef !important;border-color:#26343d !important;
  }
  :root[data-theme="light"] .message-notification-popup,
  body[data-theme="light"] .message-notification-popup{
    background:#fff !important;color:#111b21 !important;border-color:#dfe5e8 !important;
  }
  .message-notification-popup .mnp-title{color:inherit !important;}
  .message-notification-popup .mnp-body{color:var(--text-sub,#667781) !important;}
}