/* =====================================================================
   CORE: ISP WhatsApp dark theme
   body.biz-isp.dark — token + rail + common component. Shob page e load hoy, tai ISP dark shob jaygay ek rokom.
   ===================================================================== */
/* =====================================================================
   WHATSAPP-STYLE DARK THEME — SHUDHU ISP ACCOUNT (body.biz-isp.dark)
   WhatsApp Web er dark palette: #161717 panel, #242626 header/bubble,
   #005c4b outgoing, #00a884 accent. Onno business type / light mode e
   kono prabhab nai.
   ===================================================================== */
body.biz-isp.dark{
  /* notun WhatsApp Web dark — neutral gray, kono blue/green tint nai */
  --wa-bg:#161717; --wa-rail:#1d1f1f; --wa-head:#161717; --wa-hover:#242626; --wa-active:#2e2f2f;
  --wa-chat:#161717; --wa-out:#144d37; --wa-in:#242626; --wa-green:#21c063; --wa-green2:#21c063;
  --wa-pill:#103529; --wa-pilltx:#d9fdd3; --wa-field:#2e2f2f; --wa-sub:#a5a5a5;
  --ink:#fafafa; --muted:#d0d0d0; --faint:#a5a5a5; --line:#2e2f2f;
  --bg:#161717; --panel:#161717; --tint:#242626; --blue-50:#2e2f2f;
  --blue-600:#21c063; --blue-700:#21c063; --blue-500:#21c063; --blue-900:#144d37;
  --grad:#21c063;
  --sans:"Segoe UI","Helvetica Neue",Helvetica,"Lucida Grande",Arial,Ubuntu,Cantarell,"Fira Sans",sans-serif;
  background:#161717;
  /* jhapsa lage na — Windows e WhatsApp er moto crisp lekha */
  -webkit-font-smoothing:auto; -moz-osx-font-smoothing:auto; text-rendering:optimizeLegibility;
}
body.biz-isp.dark, body.biz-isp.dark *{letter-spacing:normal}

/* ---- rail + top bar ---- */
body.biz-isp.dark .rail{background:var(--wa-head);border-right:1px solid var(--line)}
body.biz-isp.dark .rail a.r-item{color:#a5a5a5}
body.biz-isp.dark .rail a.r-item:hover{background:rgba(255,255,255,.06);color:#fafafa}
body.biz-isp.dark .rail a.r-item.active{background:rgba(255,255,255,.1);color:#fafafa}
body.biz-isp.dark .appbar{background:var(--wa-bg);border-color:var(--line)}
body.biz-isp.dark .ab-brand .wm{font-weight:700;font-size:22px;color:#fafafa}
body.biz-isp.dark .gsearch{background:var(--wa-head);border:1px solid transparent;border-radius:24px}
body.biz-isp.dark .gsearch:focus-within{background:var(--wa-head);border-color:var(--wa-green);box-shadow:none}
body.biz-isp.dark .gsearch svg{color:#a5a5a5}
body.biz-isp.dark .iconbtn{background:transparent;color:#a5a5a5;font-weight:500}
body.biz-isp.dark .iconbtn:hover{background:rgba(255,255,255,.08);color:#fafafa}
body.biz-isp.dark .myasg-btn .myasg-cnt{background:var(--wa-green2);color:#161717}
body.biz-isp.dark .myasg-btn .myasg-cnt.zero{background:#2e2f2f;color:#a5a5a5}
body.biz-isp.dark .profile small{color:#fafafa;font-weight:500}
body.biz-isp.dark .av.grad, body.biz-isp.dark #meAv{background:#3b3d3d !important}
body.biz-isp.dark .role-tag{background:#2e2f2f;color:#a5a5a5}
body.biz-isp.dark .ghost{color:#a5a5a5}

/* ---- list column ---- */
body.biz-isp.dark .col.left{background:var(--wa-bg)}
body.biz-isp.dark .inbox-tabs{background:var(--wa-bg)}
body.biz-isp.dark .inbox-tabs button{background:transparent;color:#a5a5a5;font-weight:500;border-radius:20px;box-shadow:none}
body.biz-isp.dark .inbox-tabs button:hover{background:var(--wa-head)}
body.biz-isp.dark .inbox-tabs button.active{background:var(--wa-pill);color:var(--wa-pilltx);box-shadow:none}
body.biz-isp.dark .inbox-tabs .cnt{background:#2e2f2f;color:#a5a5a5}
body.biz-isp.dark .inbox-tabs button.active .cnt{background:rgba(0,168,132,.3);color:var(--wa-pilltx)}
body.biz-isp.dark .inbox-filters .fchip{background:transparent;border:1px solid #2e2f2f;color:#a5a5a5;font-weight:500;border-radius:18px}
body.biz-isp.dark .inbox-filters .fchip:hover{background:var(--wa-head);color:#fafafa}
body.biz-isp.dark .inbox-filters .fchip.active{background:var(--wa-pill);border-color:transparent;color:var(--wa-pilltx)}
body.biz-isp.dark .inbox-filters .fc-cnt,
body.biz-isp.dark .inbox-filters .fc-cnt.fc-blue,
body.biz-isp.dark .inbox-filters .fchip.fc-mine .fc-cnt{background:transparent;color:#a5a5a5;padding:0 0 0 2px}
body.biz-isp.dark .inbox-filters .fchip.active .fc-cnt,
body.biz-isp.dark .inbox-filters .fchip.active .fc-cnt.fc-blue{background:transparent;color:var(--wa-pilltx)}

body.biz-isp.dark .convs{background:var(--wa-bg)}
body.biz-isp.dark .conv{border-radius:10px;margin:0 2px 0 0;padding:11px 12px}
body.biz-isp.dark .conv:hover{background:var(--wa-hover)}
body.biz-isp.dark .conv.active{background:var(--wa-active)}
body.biz-isp.dark .conv.active::before{display:none}
body.biz-isp.dark .conv.pinned{background:transparent}
body.biz-isp.dark .conv.pinned:hover{background:var(--wa-hover)}
body.biz-isp.dark .conv .name{font-weight:400;font-size:16px;color:#fafafa}
body.biz-isp.dark .conv.unread .name{font-weight:500}
body.biz-isp.dark .conv.is-group .name, body.biz-isp.dark .gbadge{color:#fafafa}
body.biz-isp.dark .conv .prev{color:#a5a5a5;font-size:14px}
body.biz-isp.dark .conv.unread .prev{color:#e9e9e9}
body.biz-isp.dark .conv .time{color:#a5a5a5;font-weight:400;font-size:12px}
body.biz-isp.dark .conv.unread .time{color:var(--wa-green2)}
body.biz-isp.dark .conv .unread-dot{background:var(--wa-green2);box-shadow:none}
body.biz-isp.dark .conv .pinbtn.on{color:#a5a5a5}
body.biz-isp.dark .conv-isp{background:transparent;color:#a5a5a5;border:1px solid #2e2f2f}
body.biz-isp.dark .asg-tag{background:transparent;color:var(--wa-green)}
body.biz-isp.dark .pgtag{background:transparent;color:#a5a5a5;font-weight:400}
body.biz-isp.dark .chip{font-weight:500;background:transparent !important;padding-left:0}
body.biz-isp.dark .chip.c-messenger{color:#53bdeb}
body.biz-isp.dark .chip.c-instagram{color:#f15c6d}
body.biz-isp.dark .chip.c-whatsapp{color:var(--wa-green2)}
body.biz-isp.dark .chip.c-group{color:#a5a5a5}
body.biz-isp.dark .resolved-pill{background:transparent;color:var(--wa-green);font-weight:500}
body.biz-isp.dark .agent-dot{filter:grayscale(.2)}
/* avatar: WhatsApp er moto dhushor gol, bhitore shada lekha / icon */
body.biz-isp.dark .av{background:#3b3d3d !important;color:#e9e9e9;font-weight:500}
body.biz-isp.dark .av[style*="background-image"]{background-color:#3b3d3d !important}
body.biz-isp.dark .av.group{background:#3b3d3d !important;color:#e9e9e9}

/* ---- chat ---- */
body.biz-isp.dark .chat-head{background:var(--wa-head);border-color:transparent;height:60px}
body.biz-isp.dark #chatWho{font-weight:500;font-size:16px;color:#fafafa}
body.biz-isp.dark .chat-head .sub, body.biz-isp.dark #chatSub{color:#a5a5a5}
body.biz-isp.dark .chat{
  background-color:var(--wa-chat);
  /* halka doodle pattern — WhatsApp er moto, nijer banano */
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220' viewBox='0 0 220 220'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='.045' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M30 38h34a8 8 0 0 1 8 8v16a8 8 0 0 1-8 8H44l-10 8v-8h-4a8 8 0 0 1-8-8V46a8 8 0 0 1 8-8z'/%3E%3Ccircle cx='160' cy='50' r='16'/%3E%3Cpath d='M152 50h16M160 42v16'/%3E%3Cpath d='M120 120c8-14 28-14 36 0M128 128c4-6 16-6 20 0'/%3E%3Ccircle cx='138' cy='136' r='2.5'/%3E%3Cpath d='M40 140l14 24 14-24zM190 150l10 10-10 10-10-10z'/%3E%3Cpath d='M70 190h40M80 200h20'/%3E%3Cpath d='M180 100a8 8 0 1 1 0 .1M100 70l6-10 6 10'/%3E%3Cpath d='M20 100q10-10 20 0t20 0'/%3E%3C/g%3E%3C/svg%3E");
}
body.biz-isp.dark .thread{background:transparent}
body.biz-isp.dark .bub{border-radius:8px;font-size:14.2px;box-shadow:0 1px .5px rgba(11,20,26,.13)}
body.biz-isp.dark .bub.in, body.biz-isp.dark .bub.has-media{background:var(--wa-in) !important;border-color:var(--wa-in) !important;color:#fafafa}
body.biz-isp.dark .msgrow.out .bub,
body.biz-isp.dark .msgrow.out .bub.has-media{background:var(--wa-out) !important;border-color:var(--wa-out) !important;color:#fafafa}
body.biz-isp.dark .msgrow.out .bub .cap{color:#fafafa}
body.biz-isp.dark .daysep{background:#242626;color:#a5a5a5;font-weight:500;border-radius:8px}
body.biz-isp.dark .eventsep .line{background:transparent}
body.biz-isp.dark .eventsep .txt{background:#242626;color:#a5a5a5;font-weight:500;border-radius:8px}
body.biz-isp.dark .msg-file{color:#53bdeb}
body.biz-isp.dark .jumpdown{background:var(--wa-head);color:#a5a5a5;border-color:transparent}

/* ---- composer ---- */
body.biz-isp.dark .composer{background:var(--wa-head);border-color:transparent}
body.biz-isp.dark .composer .field{background:#2e2f2f;border-color:transparent;border-radius:8px}
body.biz-isp.dark .composer .field:focus-within{background:#2e2f2f;border-color:transparent}
body.biz-isp.dark .composer textarea::placeholder{color:#a5a5a5}
body.biz-isp.dark .send.muted, body.biz-isp.dark .send.attach, body.biz-isp.dark .send.mic{background:transparent;color:#a5a5a5;box-shadow:none}
body.biz-isp.dark .send.attach:hover, body.biz-isp.dark .send.mic:hover{background:rgba(255,255,255,.06);color:#fafafa}
body.biz-isp.dark .send.primary{background:var(--wa-green);box-shadow:none;color:#161717}
body.biz-isp.dark .replybar{background:var(--wa-head)}

/* ---- buttons ---- */
body.biz-isp.dark .btn.grad, body.biz-isp.dark .grad:not(.av){background:var(--wa-green) !important;color:#161717 !important;box-shadow:none !important}
body.biz-isp.dark .btn-soft{background:transparent;border-color:#2e2f2f;color:#fafafa}
body.biz-isp.dark .btn-soft:hover{background:rgba(255,255,255,.06)}
body.biz-isp.dark .iobtn:hover{color:var(--wa-green)}

/* ---- right info column ---- */
body.biz-isp.dark .col.right{background:var(--wa-bg);border-left:1px solid var(--line)}
body.biz-isp.dark .isp-cover{border-color:transparent;background:var(--wa-head)}
body.biz-isp.dark .asg-row.on{background:var(--wa-head);border-color:transparent}
body.biz-isp.dark .asg-add{border-color:#2e2f2f;color:var(--wa-green)}
body.biz-isp.dark .asg-av{background:var(--wa-green);color:#161717}
body.biz-isp.dark input, body.biz-isp.dark .finput, body.biz-isp.dark :is(.modal,.set-grid) select{background:#2e2f2f;border-color:transparent;color:#fafafa}
body.biz-isp.dark input:focus, body.biz-isp.dark :is(.modal,.set-grid) select:focus{border-color:var(--wa-green);box-shadow:none}
/* search pill er bhitorer input ta alada box dekhabe na — pill er shathe mishe thakbe */
body.dark .gsearch input, body.dark .gsearch input:focus,
body.biz-isp.dark .gsearch input, body.biz-isp.dark .gsearch input:focus{
  background:transparent !important;border:none !important;box-shadow:none !important;outline:none;color:#fafafa}
body.dark .gsearch input::placeholder{color:#a5a5a5}

/* ---- popup / menu ---- */
body.biz-isp.dark .modal, body.biz-isp.dark .snd-menu, body.biz-isp.dark .lbl-pop, body.biz-isp.dark .qr-pop{background:#242626;border-color:transparent}
body.biz-isp.dark .modal-top{border-color:#2e2f2f}
body.biz-isp.dark .asg-modal .modal-top b{color:#fafafa}
body.biz-isp.dark .asg-sub{background:#1d1f1f}
body.biz-isp.dark .asg-item:hover{background:#242626}
body.biz-isp.dark .asg-item .ai-new{background:var(--wa-green2);color:#161717}
body.biz-isp.dark .asg-foot .asg-all{background:var(--wa-green);color:#161717}
body.biz-isp.dark .snd-item.on{background:rgba(0,168,132,.16);color:var(--wa-green)}
body.biz-isp.dark ::-webkit-scrollbar-thumb{background:#3b3d3d;background-clip:padding-box}
/* ---- choto choto accent: sob neutral / sobuj ---- */
body.biz-isp.dark .stamp{color:#a5a5a5;font-weight:400;font-size:11px}
body.biz-isp.dark .stamp .who-tag{color:#a5a5a5;font-weight:500}
body.biz-isp.dark .stamp .who-tag.bot{color:#a5a5a5}
body.biz-isp.dark .send.ai-btn, body.biz-isp.dark .send.qr-btn{background:transparent;color:#a5a5a5;border-color:transparent}
body.biz-isp.dark .send.ai-btn:hover, body.biz-isp.dark .send.qr-btn:hover{background:rgba(255,255,255,.06);color:#fafafa}
body.biz-isp.dark .sup-btn{background:transparent;border-color:#2e2f2f;color:#fafafa}
body.biz-isp.dark .sup-btn:hover{background:rgba(255,255,255,.06)}
body.biz-isp.dark .chat-head .who{font-weight:500;font-size:16px}
body.biz-isp.dark .chat-head{border-bottom:1px solid transparent}



/* ---- notun WhatsApp look: sharp lekha, boro size, flat ---- */
body.biz-isp.dark .rail{background:var(--wa-rail);border-right:1px solid #2e2f2f}
body.biz-isp.dark .appbar{background:var(--wa-rail)}
body.biz-isp.dark .col.left{background:var(--wa-bg);border-right:1px solid #2e2f2f}
body.biz-isp.dark .col.right{background:var(--wa-bg);border-left:1px solid #2e2f2f}
body.biz-isp.dark .chat-head{background:var(--wa-bg);border-bottom:1px solid #2e2f2f}
body.biz-isp.dark .composer{background:transparent}
body.biz-isp.dark .composer .field{background:#242626;border-radius:24px}
body.biz-isp.dark .gsearch{background:#2e2f2f}
body.biz-isp.dark .conv .name{font-size:16px;font-weight:400;color:#fafafa}
body.biz-isp.dark .conv .prev{font-size:14px;color:#a5a5a5}
body.biz-isp.dark .conv .time{font-size:12px}
body.biz-isp.dark .conv .meta, body.biz-isp.dark .chip, body.biz-isp.dark .pgtag,
body.biz-isp.dark .asg-tag, body.biz-isp.dark .cmt-tag{font-size:12px;font-weight:400}
body.biz-isp.dark .chip .d{display:none}
body.biz-isp.dark .chip.c-messenger, body.biz-isp.dark .chip.c-instagram,
body.biz-isp.dark .chip.c-whatsapp, body.biz-isp.dark .chip.c-group{color:#a5a5a5}
body.biz-isp.dark .conv-isp{font-size:11px;color:#a5a5a5;border-color:#3b3d3d}
body.biz-isp.dark .inbox-filters .fchip{font-size:14px;font-weight:400;padding:6px 13px;border-color:#2e2f2f;color:#a5a5a5}
body.biz-isp.dark .inbox-filters .fchip.active{background:var(--wa-pill);color:var(--wa-pilltx);font-weight:500}
body.biz-isp.dark .bub{font-size:14.2px;line-height:19px;padding:7px 10px}
body.biz-isp.dark .stamp{font-size:11px;color:#a5a5a5}
body.biz-isp.dark .conv.active, body.biz-isp.dark .conv:hover{background:#2e2f2f}
body.biz-isp.dark .chat-empty .circ{background:#242626;color:#a5a5a5}
body.biz-isp.dark .av{background:#3b3d3d !important;color:#e9e9e9}
body.biz-isp.dark .info-empty{color:#a5a5a5}
body.biz-isp.dark .isp-cover{filter:grayscale(.35)}
body.biz-isp.dark ::-webkit-scrollbar-thumb{background:#3b3d3d;background-clip:padding-box}
body.biz-isp.dark .iobtn{background:#242626;border-color:#2e2f2f;color:#a5a5a5}
body.biz-isp.dark .iobtn:hover{background:#2e2f2f;border-color:#3b3d3d;color:#fafafa}
body.biz-isp.dark .readonly-bar, body.biz-isp.dark .mod-nav, body.biz-isp.dark .info-head{background:#161717;border-color:#2e2f2f}
body.biz-isp.dark .qr-add input, body.biz-isp.dark .qr-add textarea{background:#2e2f2f;border-color:#2e2f2f;color:#fafafa}
body.biz-isp.dark .composer.win-locked textarea{background:transparent !important}
body.biz-isp.dark .winbar.warn{background:#2a2410}
body.biz-isp.dark .winbar.closed{background:#2a1a1a}
body.dark.biz-isp .info .head.has-cover .io-acts{background:#242626;border-color:#2e2f2f}
body.dark.biz-isp .info .head.has-cover .io-acts .iobtn{background:transparent;border-color:transparent}
body.dark.biz-isp .info .head.has-cover .io-acts .iobtn:hover{background:#2e2f2f;border-color:transparent}
body.biz-isp.dark .isp-sk{background:linear-gradient(90deg,#242626 25%,#2e2f2f 37%,#242626 63%);background-size:300% 100%}

/* rail er logo + tooltip o neutral (blue tint na) */
body.biz-isp.dark .rail .r-logo{background:#2e2f2f;color:#fafafa}
body.biz-isp.dark .rail a.r-item .tip{background:#2e2f2f;color:#fafafa}