/* =====================================================================
   CORE: dark mode
   body.dark — shob tenant er dark theme.
   ===================================================================== */
/* ============ DARK MODE ============ */
body.dark{
  /* neutral dark — WhatsApp er moto, kono blue tint nai */
  --ink:#e9edef; --muted:#8696a0; --faint:#667781;
  --line:#2a3942; --bg:#0b141a; --panel:#111b21; --tint:#1d282f; --blue-50:#2a3942;
  --sh-sm:0 1px 2px rgba(0,0,0,.45); --sh-md:0 6px 20px rgba(0,0,0,.5); --sh-lg:0 18px 50px rgba(0,0,0,.6);
  background:var(--bg); color:var(--ink);
}
/* left rail: dark mode e ar blue gradient thakbe na */
body.dark .rail{background:#111b21;border-right:1px solid var(--line)}
body.dark .rail .r-logo{background:#2a3942;color:#e9edef}
body.dark .rail a.r-item{color:#8696a0}
body.dark .rail a.r-item:hover{background:#202c33;color:#e9edef}
body.dark .rail a.r-item.active{background:#2a3942;color:#e9edef}
body.dark .rail a.r-item .tip{background:#2a3942;color:#e9edef}
/* chat area: WhatsApp er moto ektu gaar, panel er cheye alada */
body.dark .chat{background:#0b141a}
body.dark .msgrow.out .bub{background:#1b4a63!important;border-color:#1b4a63!important}
body.dark .msgrow.out .bub.has-media{background:#1b4a63!important;border-color:#24596f!important}
body.dark .msgrow.out .bub .cap{color:#e9edef}
body.dark .bub.in{background:#202c33;border-color:#202c33}
body.dark .bub.has-media{background:#202c33;border-color:#2a3942}
body.dark .daysep{background:#1d282f;color:#8696a0}
/* active conversation: neutral highlight, blue block noy */
body.dark .conv.active{background:#2a3942}
body.dark .conv:hover{background:#1d282f}
body.dark .conv.active::before{background:#00a884}
body.dark .conv .unread-dot{background:#00a884;box-shadow:0 0 0 3px rgba(0,168,132,.18)}
body.dark .conv .pinbtn{color:#667781}
body.dark .conv .pinbtn:hover{background:#202c33;color:#e9edef}
body.dark .conv .pinbtn.on{color:#00a884}
body.dark .conv.pinned{background:linear-gradient(90deg,rgba(0,168,132,.07),transparent 60%)}
body.dark .inbox-filters .fc-cnt.fc-blue{background:rgba(0,168,132,.18);color:#7fdfc4}
body.dark .inbox-filters .fchip.active .fc-cnt.fc-blue{background:rgba(255,255,255,.16);color:#e9edef}
body.dark .inbox-tabs button.active{background:#2a3942;color:#e9edef;box-shadow:none}
body.dark .inbox-filters .fchip.active{background:#2a3942;color:#e9edef;border-color:transparent}
body.dark .chat-empty .circ{background:#202c33;color:#8696a0}
body.dark .jumpdown.has-new{background:#2a3942;color:#e9edef;border-color:#3b4a54;box-shadow:var(--sh-md)}
body.dark ::-webkit-scrollbar-thumb{background:#374248;background-clip:padding-box}
body.dark ::-webkit-scrollbar-thumb:hover{background:#48555c;background-clip:padding-box}

body.dark .appbar{background:#0b141a;border-color:var(--line)}
body.dark .gsearch{background:#202c33}
body.dark .gsearch:focus-within{background:#0b141a;border-color:#3b4a54;box-shadow:0 4px 16px rgba(0,0,0,.4)}
body.dark .iconbtn{background:#202c33;color:#d1d7db}
body.dark .iconbtn:hover{background:#2a3942;color:#fff}
body.dark .snd-menu{background:#111b21;border-color:var(--line)}
body.dark .snd-item{color:var(--ink)}
body.dark .snd-item:hover{background:#2a3942}
body.dark .snd-item.on{background:rgba(37,99,235,.18);color:#9bb8ff}
body.dark .snd-item.snd-mute{color:#fca5a5}
body.dark .snd-item.snd-mute:hover{background:rgba(185,28,28,.18)}
body.dark .ab-div{background:var(--line)}
body.dark .ghost{color:var(--muted)}
body.dark .ghost:hover{background:#202c33;color:var(--ink)}

body.dark .col.right{background:#0b141a}
body.dark .inbox-tabs{background:var(--panel)}
body.dark .inbox-tabs button{background:#202c33;color:#8696a0}
body.dark .inbox-tabs button:hover{background:#2a3942}
body.dark .pgtag{background:#202c33;color:#8696a0}
body.dark .chip.c-messenger{background:rgba(37,99,235,.2);color:#9bb8ff}
body.dark .chip.c-instagram{background:rgba(219,39,119,.2);color:#f9a8d4}
body.dark .chip.c-whatsapp{background:rgba(22,163,74,.2);color:#86efac}
body.dark .chip.c-group{background:rgba(109,40,217,.28);color:#c4b5fd}
body.dark .gbadge{color:#c4b5fd}
body.dark .conv.is-group .name{color:#c4b5fd}
body.dark .info .head .phone.grp{background:rgba(109,40,217,.28);color:#c4b5fd}
body.dark .cmt-chip{background:rgba(37,99,235,.22);color:#9bb8ff}
body.dark .resolved-pill{background:rgba(22,163,74,.2);color:#86efac}

body.dark .chat{background:#0b141a}
body.dark .hdr-num{color:#86efac;border-bottom-color:rgba(134,239,172,.4)}
body.dark .hdr-num.lid{color:#fcd34d;border-bottom-color:rgba(252,211,77,.4)}
body.dark .hdr-group{color:#c4b5fd}
body.dark .jumpdown{background:#1d282f;border-color:var(--line);color:#8696a0}
body.dark .jumpdown:hover{background:#2a3942;border-color:#3b4a54;color:#9bb8ff}
body.dark .chat-head{background:var(--panel);border-color:var(--line)}
body.dark #backBtn{background:#202c33;color:#d1d7db}
body.dark .btn-soft{background:#1d282f;color:var(--ink);border-color:var(--line)}
body.dark .btn-soft:hover{background:#2a3942;border-color:#3b4a54}
body.dark .info .head .phone{background:rgba(22,163,74,.2);color:#86efac}
body.dark .info .head .phone.lid{background:rgba(161,98,7,.25);color:#fcd34d}
body.dark .iobtn{background:#1d282f;border-color:var(--line);color:#8696a0}
body.dark .iobtn:hover{background:#2a3942;border-color:#3b4a54;color:#9bb8ff}
body.dark .eventsep .line{background:#2a3942}
body.dark .eventsep .txt{background:rgba(22,163,74,.2);color:#86efac}
body.dark .bub.in{background:#202c33;border-color:#2a3942;color:var(--ink)}
body.dark .bub.has-media{background:#202c33;border-color:#2a3942}
body.dark .bub.has-media .cap{color:var(--ink)}
body.dark .msg-file{color:#93b4ff}

body.dark .composer{background:var(--panel);border-color:var(--line)}
body.dark .composer .field{background:#202c33}
body.dark .composer .field:focus-within{background:#0b141a;border-color:#3b4a54}
body.dark .send.muted,body.dark .send.attach{background:#202c33;color:#8696a0}
body.dark .send.attach:hover{background:#2a3942;color:#93b4ff}
body.dark .readonly-bar{background:#0b141a;border-color:var(--line);color:var(--muted)}
body.dark .info-head{border-color:var(--line)}

body.dark input,body.dark :is(.modal,.set-grid) select,body.dark .finput{background:#0b141a;border-color:var(--line);color:var(--ink)}
body.dark input::placeholder{color:#667781}
body.dark input:focus,body.dark :is(.modal,.set-grid) select:focus{border-color:var(--blue-600);box-shadow:0 0 0 3px rgba(37,99,235,.22)}

body.dark .card{background:var(--panel)}
body.dark .login-wrap{background:radial-gradient(1100px 520px at 50% -8%, #12242e 0%, var(--bg) 58%)}
body.dark .err{background:#2a1414;border-color:#5b2626;color:#fca5a5}

body.dark .modal{background:var(--panel)}
body.dark .modal-top{border-color:var(--line)}
body.dark .mod-nav{background:#0b141a;border-color:var(--line)}
body.dark .mod-link{color:#8696a0}
body.dark .mod-link:hover{background:#202c33;color:var(--ink)}
body.dark .mod-link.active{background:#2a3942;color:#93b4ff}
body.dark .mod-link.active svg{color:#93b4ff}
body.dark .page-item,body.dark .user-item{background:#1d282f;border-color:var(--line)}
body.dark .page-remove{background:#1d282f;border-color:#5b2626;color:#f87171}
body.dark .page-remove:hover{background:#2a1414}
body.dark .acc{background:#111b21;border-color:var(--line)}
body.dark .acc:hover{background:#202c33;border-color:#3b4a54}
body.dark .acc.on{background:#2a3942;border-color:var(--blue-600);color:#93b4ff}
body.dark .acc .box{border-color:#3b4a54}
body.dark .access-all{background:#1f1b33;border-color:#332b55;color:#c4b5fd}
body.dark .udeact{background:#1d282f;border-color:#5b2626;color:#f87171}
body.dark .udeact:hover{background:#2a1414}

body.dark .fb-hint{background:#1d282f;color:var(--muted)}
body.dark .fb-picker{background:#1d282f;border-color:var(--line)}
body.dark .fb-row:hover{background:#202c33}
body.dark .fb-conn{background:rgba(22,163,74,.2);color:#86efac}

body.dark .role-admin{background:#2a2154;color:#c4b5fd}
body.dark .role-agent{background:#233138;color:#9bb8ff}
body.dark .role-viewer{background:#2a3942;color:#8696a0}
body.dark .role-tag{background:#2a3942;color:#8696a0}
body.dark .inactive-badge{background:#2a1414;color:#f87171}