/* =====================================================================
   ISP: chat header icons, alerts, right panel, list row, upload, reaction, full view
   
   ===================================================================== */
/* ===== ISP: chat header e shudhu icon (lekha nai) — Map / Support / Resolve ===== */
.resolve .ico{display:none}
body.biz-isp .chat-head .sup-btn .lbl, body.biz-isp .chat-head .resolve .lbl{display:none}
body.biz-isp .chat-head .sup-btn, body.biz-isp .chat-head .resolve{
  width:40px;height:40px;padding:0 !important;border-radius:50%;display:inline-grid;place-items:center;gap:0;flex:0 0 auto}
body.biz-isp .chat-head .sup-btn.hide{display:none}
body.biz-isp .chat-head .resolve .ico{display:block}
body.biz-isp .chat-head .resolve.busy .ico{animation:spin .8s linear infinite}
body.biz-isp.dark .chat-head .sup-btn{background:transparent;border:none;color:#a5a5a5}
body.biz-isp.dark .chat-head .sup-btn:hover{background:#2e2f2f;color:#fafafa}
body.biz-isp.dark .chat-head .resolve{background:transparent;color:#21c063;box-shadow:none;border:none}
body.biz-isp.dark .chat-head .resolve:hover{background:#2e2f2f;filter:none}
@keyframes spin{to{transform:rotate(360deg)}}


/* ===== ISP: alert gulo compact — ek line chip (boro box na) ===== */
body.biz-isp .isp-bar{padding:6px 14px;gap:6px;cursor:default}
body.biz-isp .isp-bar:hover{filter:none}
.ib-row{display:flex;align-items:center;gap:6px;overflow-x:auto;scrollbar-width:none;cursor:pointer}
.ib-row::-webkit-scrollbar{display:none}
.ibc{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;font-size:12.5px;font-weight:500;border-radius:14px;
  padding:4px 10px;white-space:nowrap;background:rgba(245,158,11,.12);color:#b45309}
.ibc i{width:7px;height:7px;border-radius:50%;background:currentColor;flex:0 0 auto}
.ibc b{font-weight:700}
.ibc.danger{background:rgba(220,38,38,.1);color:#b91c1c}
.ib-tog{margin-left:auto;flex:0 0 auto;border:none;background:transparent;color:var(--faint);width:26px;height:26px;border-radius:50%;cursor:pointer;font-size:12px}
.ib-tog:hover{background:var(--tint);color:var(--ink)}
.ib-fv{flex:0 0 auto;border:none;background:transparent;color:var(--blue-600);font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;font-family:inherit}
.ib-det{display:flex;flex-direction:column;gap:6px}
.ib-det.hide{display:none}
body.biz-isp.dark .isp-bar{background:#161717;border-bottom:1px solid #2e2f2f}
body.biz-isp.dark .ibc{background:#242626;color:#fbbf24}
body.biz-isp.dark .ibc.danger{color:#f87171}
body.biz-isp.dark .isp-bar .ib{background:#1d1f1f;border-color:#2e2f2f}
/* pending support: ek line */
body.biz-isp .sup-pend{padding:7px 16px;align-items:center;cursor:default}
body.biz-isp .sup-pend .ic{font-size:13px}
body.biz-isp .sup-pend .hd{flex-wrap:nowrap;cursor:pointer;min-width:0}
body.biz-isp .sup-pend .hd b{flex:0 0 auto}
body.biz-isp .sup-pend .hd .id, body.biz-isp .sup-pend .hd .st, body.biz-isp .sup-pend .hd .more{flex:0 0 auto}
.sp-line{display:none}
body.biz-isp .sup-pend .sp-line{display:block;flex:1;min-width:0;font-size:12.5px;color:var(--ink);opacity:.85;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.biz-isp .sup-pend .hd .fv{margin-left:6px;flex:0 0 auto}
body.biz-isp .sup-pend:not(.open) .mt, body.biz-isp .sup-pend:not(.open) .ds, body.biz-isp .sup-pend:not(.open) .tgs{display:none}
body.biz-isp .sup-pend.open .sp-line{display:none}
body.biz-isp .sup-pend.open{align-items:flex-start}
body.biz-isp.dark .sup-pend{background:#1d1f1f;border-color:#2e2f2f}
body.biz-isp.dark .sup-pend .hd .fv{color:#21c063}
body.biz-isp.dark .ib-fv{color:#21c063}


/* ===== ISP dark: header icon gulo porishkar dekha jay ===== */
.sup-btn .ic-head{display:none}
body.biz-isp .chat-head .sup-btn .ic-send{display:none}
body.biz-isp .chat-head .sup-btn .ic-head{display:block}
body.biz-isp.dark .chat-head .sup-btn{background:#242626;color:#e9e9e9;border:1px solid #3b3d3d}
body.biz-isp.dark .chat-head .sup-btn:hover{background:#2e2f2f;color:#fff;border-color:#4a4c4c}
body.biz-isp.dark .chat-head .resolve{background:#21c063;color:#0b0b0b;border:none}
body.biz-isp.dark .chat-head .resolve:hover{background:#27d46e;filter:none}
body.biz-isp .chat-head .sup-btn + .sup-btn, body.biz-isp .chat-head .sup-btn + .resolve{margin-left:4px}
/* details er coordinates map — chhoto icon button */
.isp-mapbtn{display:inline-grid;place-items:center;width:26px;height:26px;padding:0 !important;border-radius:50% !important;margin-left:6px;vertical-align:middle}
body.biz-isp.dark .isp-mapbtn{background:#21c063;color:#0b0b0b;border-color:transparent}
/* 24h banner: ek line (puro lekha tooltip e) */
body.biz-isp .winbar{padding:7px 16px;align-items:center}
body.biz-isp .winbar .wd{display:none}
body.biz-isp .winbar .wt b{margin:0;font-size:12.5px}
body.biz-isp .winbar .wi{font-size:13px;display:grid;place-items:center}


/* ISP: header er naam / chhobi click korle full details */
body.biz-isp .chat-head .left{cursor:pointer;border-radius:10px}
body.biz-isp .chat-head .left > div:last-child{min-width:0}
body.biz-isp .chat-head .left:hover .who{text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--faint)}
body.biz-isp .chat-head .left #backBtn{cursor:pointer}


/* =====================================================================
   ISP RIGHT PANEL — WhatsApp "Contact info" er moto porishkar
   (box er bhitore box na, ek font, rong shudhu jekhane mane ache)
   ===================================================================== */
/* chhobi nai: boro gol avatar + naam + ID, majhkhane */
body.biz-isp .isp-cover.is-def{height:auto;margin:0;padding:18px 0 6px;background:transparent;border:none;cursor:default;
  display:flex;flex-direction:column;align-items:center;gap:10px}
body.biz-isp .isp-cover.is-def:after{display:none}
body.biz-isp .isp-cov-av{width:96px;height:96px;border-radius:50%;background:#3b3d3d;color:#e9e9e9;display:grid;place-items:center;
  font-size:34px;font-weight:400;text-transform:uppercase}
body.biz-isp:not(.dark) .isp-cov-av{background:#dfe5e7;color:#54656f}
body.biz-isp .isp-cover.is-def .isp-cov-txt{position:static;text-align:center;padding:0;background:none}
body.biz-isp .isp-cover.is-def .isp-cov-txt .nm{font-size:19px;font-weight:500;color:var(--ink);text-shadow:none}
body.biz-isp .isp-cover.is-def .isp-cov-txt .sub{font-size:13.5px;font-weight:400;color:var(--faint);text-shadow:none;margin-top:2px}

/* action icon row: WhatsApp er moto — kono box nai, gol icon */
body.biz-isp .info .head.has-cover .io-acts{background:transparent !important;border:none !important;justify-content:center;gap:14px;
  padding:4px 0 10px;margin:4px 0 0}
body.biz-isp .info .head.has-cover .io-acts .iobtn{width:44px;height:44px;border-radius:50%;background:transparent;
  border:1px solid var(--line);color:#21c063}
body.biz-isp.dark .info .head.has-cover .io-acts .iobtn{border-color:#2e2f2f;color:#21c063;background:transparent}
body.biz-isp.dark .info .head.has-cover .io-acts .iobtn:hover{background:#242626;border-color:#3b3d3d}
body.biz-isp.dark .info .head.has-cover .io-acts .iobtn-call{background:transparent;border-color:#2e2f2f;color:#21c063}
body.biz-isp .asg-add{border-style:solid}
body.biz-isp.dark .asg-add{border-color:#2e2f2f;background:transparent}

/* ISP account: card er border nai, section divider */
body.biz-isp.dark .isp-card{border:none;border-top:1px solid #2e2f2f;border-radius:0;padding:16px 2px 12px;margin:10px 0 0;background:transparent}
body.biz-isp .isp-card .isp-top b{font-size:13px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--faint)}
body.biz-isp.dark .isp-idchip{background:transparent;color:#21c063;font-family:var(--sans);font-size:13px;font-weight:500;padding:0}

/* ek font — mono na */
body.biz-isp .col.right .isp-tile .v, body.biz-isp .col.right .isp-f .v,
body.biz-isp .col.right .isp-tile.minor .v, body.biz-isp .col.right .isp-tile.wide .v,
body.biz-isp .col.right .isp-key .isp-tile .v.run{font-family:var(--sans) !important}

/* key block: flat 2x2, halka background */
body.biz-isp.dark .isp-key{background:#2e2f2f;border:none;border-radius:12px}
body.biz-isp.dark .isp-key .isp-tile:nth-child(n){background:#1d1f1f;padding:11px 13px}
body.biz-isp .isp-key .isp-tile .t, body.biz-isp .isp-tile .t{font-size:12px;font-weight:400;letter-spacing:0;text-transform:none;color:var(--faint)}
body.biz-isp .isp-key .isp-tile .v{font-size:17px;font-weight:500}
body.biz-isp .isp-key .isp-tile .v.dual{font-size:14.5px}
body.biz-isp.dark .isp-key .isp-tile .v.dual i.dl{color:#53bdeb}
body.biz-isp.dark .isp-key .isp-tile .v.dual i.ul{color:#21c063}

/* baki tile (package / expiry / balance …): row list, bold na */
body.biz-isp .isp-tile .v{font-size:14.5px;font-weight:400}
body.biz-isp .isp-tile.minor .v{font-size:14px;font-weight:400;color:var(--ink)}
body.biz-isp.dark .isp-tile{border-color:#2e2f2f}
body.biz-isp.dark .isp-tile:nth-child(odd){border-right-color:#2e2f2f}
body.biz-isp .isp-chip{font-size:10.5px;font-weight:600;letter-spacing:0;border-radius:10px}

/* tabs: WhatsApp er moto underline */
body.biz-isp .isp-tab{font-size:13.5px;font-weight:500;color:var(--faint);padding:9px 10px}
body.biz-isp.dark .isp-tab.on{color:#21c063;border-bottom-color:#21c063}
body.biz-isp.dark .isp-tabs{border-bottom-color:#2e2f2f}
/* field rows */
body.biz-isp .isp-f{font-size:14px;padding:9px 0;border-bottom:1px solid var(--line)}
body.biz-isp.dark .isp-f{border-bottom-color:#2e2f2f}
body.biz-isp .isp-f .l{font-size:13px;font-weight:400;color:var(--faint)}
body.biz-isp .isp-f .v{font-weight:400}
body.biz-isp.dark .isp-full{background:transparent;border:1px solid #2e2f2f;color:#21c063;font-weight:500;border-radius:20px;padding:9px}
body.biz-isp.dark .isp-full:hover{background:#242626}

/* last logoff (line down): shudhu "koto khon off" ta lal — baki ta normal */
body.biz-isp.dark .isp-tile.down .t{color:#a5a5a5}
body.biz-isp.dark .isp-tile.down .t b{background:transparent;color:#f87171;font-size:12px;font-weight:500;padding:0;letter-spacing:0}
body.biz-isp.dark .isp-tile.down .v{color:#fafafa}
/* phone er gol button ta shesh er lekha dheke dey — niche jayga */
body.biz-isp .col.right .info{padding-bottom:96px}
body.biz-isp.dark .col.right .info-empty{color:#a5a5a5}


/* ===== ISP list row: WhatsApp er moto — naam puro, niche ek line chhoto info ===== */
body.biz-isp .conv .top{gap:8px}
body.biz-isp .conv .top .name{flex:1;min-width:0}
body.biz-isp .conv .meta{gap:0;flex-wrap:nowrap;overflow:hidden;white-space:nowrap;margin-top:3px}
body.biz-isp .conv .meta > *{flex:0 0 auto}
body.biz-isp .conv .meta .pgtag{display:none}
body.biz-isp .conv .meta > * + *:before{content:"·";margin:0 6px;color:var(--faint);font-weight:400}
body.biz-isp .conv .meta .chip{padding:0;background:transparent !important;font-size:12.5px;font-weight:400;text-transform:none}
body.biz-isp .conv .meta .chip .d{display:none}
body.biz-isp .conv .meta .conv-isp{border:none !important;background:transparent !important;padding:0;font-family:var(--sans);
  font-size:12.5px;font-weight:400;color:var(--faint);letter-spacing:0;flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}
body.biz-isp .conv .meta .asg-tag{background:transparent !important;padding:0;font-size:12.5px;font-weight:500;flex:0 1 auto;
  min-width:0;overflow:hidden;text-overflow:ellipsis}
body.biz-isp .conv .meta .cmt-tag{padding:0;background:transparent}
body.biz-isp .conv .resolved-pill{font-size:11.5px;font-weight:500;text-transform:none;letter-spacing:0;padding:0;background:transparent}
body.biz-isp.dark .conv .meta .chip{color:#a5a5a5}
body.biz-isp.dark .conv .meta .chip.c-messenger{color:#53bdeb}
body.biz-isp.dark .conv .meta .chip.c-whatsapp{color:#21c063}
body.biz-isp.dark .conv .meta .chip.c-instagram{color:#f15c6d}
body.biz-isp.dark .conv .meta .asg-tag{color:#21c063}
body.biz-isp .conv{padding:10px 12px}
body.biz-isp .conv .meta > *{margin:0 !important}
body.biz-isp .conv .meta .chip{text-transform:capitalize !important;gap:0}


/* ISP: assign er naam — customer er naam er upore chhoto */
.asg-over{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:500;line-height:1.2;color:#15803d;
  margin:-2px 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.asg-over svg{width:11px;height:11px;flex:0 0 auto}
body.dark .asg-over{color:#21c063}


/* map: target user (ei customer) — location pin (bari icon). Pin er dogar
   (tip) thik customer er jaygay. Rong = line status. Niche ID + signal. */
.nm-home{position:relative;width:0;height:0;--pc:#6b7280}
.nm-home.st-online{--pc:#16a34a}
.nm-home.st-offline{--pc:#e11d48}
.nm-home .pin{position:absolute;left:-19px;top:-46px;width:38px;height:38px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);
  background:var(--pc);border:3px solid #fff;box-shadow:-2px 3px 10px rgba(0,0,0,.5);display:grid;place-items:center;
  animation:nmDrop .55s cubic-bezier(.3,1.5,.5,1) both}
.nm-home .pin svg{width:19px;height:19px;color:#fff;transform:rotate(45deg)}
@keyframes nmDrop{0%{transform:translateY(-26px) rotate(-45deg);opacity:0}100%{transform:rotate(-45deg);opacity:1}}
/* matite chhaya + dheu (radar) — kothay ache chokhe pore */
.nm-home .gr{position:absolute;left:-9px;top:-4px;width:18px;height:8px;border-radius:50%;background:rgba(0,0,0,.45)}
.nm-home .gr.g2{background:transparent;border:2px solid var(--pc);left:-14px;top:-7px;width:28px;height:14px;
  animation:nmRadar 1.8s ease-out infinite}
@keyframes nmRadar{0%{transform:scale(.6);opacity:1}100%{transform:scale(2.6);opacity:0}}
.nm-home .lab{position:absolute;top:8px;left:50%;transform:translateX(-50%);display:inline-flex;align-items:center;gap:5px;white-space:nowrap;
  background:#111;color:#fff;border:1.5px solid var(--pc);border-radius:8px;padding:2px 3px 2px 7px;font-size:11.5px;box-shadow:0 2px 8px rgba(0,0,0,.45)}
.nm-home .lab b{font-weight:700;letter-spacing:.2px}
.nm-home .lab i{font-style:normal;font-weight:800;font-size:10.5px;border-radius:5px;padding:1px 5px;color:#fff}
.nm-home .off{position:absolute;top:34px;left:50%;transform:translateX(-50%);display:inline-flex;align-items:center;gap:3px;white-space:nowrap;
  background:#e11d48;color:#fff;border:1.5px solid #fff;border-radius:10px;padding:1px 7px;font-size:10px;font-weight:700;box-shadow:0 1px 4px rgba(0,0,0,.45)}
.nm-home .off.grp{background:var(--gc)}
.nm-home .off svg{width:9px;height:9px}
.leaflet-marker-icon:has(.nm-home){z-index:3000 !important}
@media(prefers-reduced-motion:reduce){.nm-home .pin,.nm-home .gr{animation:none}}
.nm-stats .nm-mebtn{border-color:#16a34a;color:#86efac}
.nm-stats .nm-mebtn{display:inline-flex;align-items:center;gap:5px}


/* button er bhitorer SVG icon */
svg.bi{width:15px;height:15px;flex:0 0 auto}
.nm-pop .acts button, .nm-pop .acts a{display:inline-flex;align-items:center;justify-content:center;gap:6px}
.np-btn svg.bi{width:15px;height:15px}
.np-mini{display:inline-flex;align-items:center;gap:5px}
.np-mini svg.bi{width:13px;height:13px}


/* map: last logoff bubble (offline user) — ekই shomoy down = ekই rong */
.nm-off{position:absolute;top:100%;left:50%;transform:translateX(-50%);margin-top:3px;display:inline-flex;align-items:center;gap:3px;
  background:rgba(17,17,17,.82);color:#fff;font-size:9px;font-weight:700;border-radius:8px;padding:0 5px 0 4px;line-height:14px;
  white-space:nowrap;border:1px solid rgba(255,255,255,.35);pointer-events:none}
.nm-off svg{width:9px;height:9px;flex:0 0 auto}
.nm-off.grp{background:var(--gc);border-color:#fff;box-shadow:0 1px 4px rgba(0,0,0,.45)}
.nm-gl{font-size:12px;color:var(--faint)}
.nm-stats .nm-g i{width:9px;height:9px;border-radius:50%;background:var(--gc);display:inline-block}
.nm-stats .nm-g.on{background:var(--gc);border-color:transparent;color:#fff}
.nm-stats .nm-g.on i{background:#fff}
.nm-stats{row-gap:6px}


/* ===== file / chhobi pathanor progress (ISP) ===== */
.up-bar-wrap{display:flex;flex-direction:column;gap:6px;padding:8px 16px;border-top:1px solid var(--line);background:var(--panel)}
.up-bar-wrap.hide{display:none}
.up-row{display:flex;align-items:center;gap:10px}
.up-ic{width:38px;height:38px;border-radius:8px;overflow:hidden;background:var(--tint);display:grid;place-items:center;flex:0 0 auto;color:var(--faint)}
.up-ic img{width:100%;height:100%;object-fit:cover}
.up-ic svg{width:18px;height:18px}
.up-mid{flex:1;min-width:0}
.up-top{display:flex;gap:8px;align-items:baseline}
.up-nm{flex:1;min-width:0;font-size:13px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.up-sz{font-size:11.5px;color:var(--faint);flex:0 0 auto}
.up-bar{height:4px;border-radius:3px;background:var(--line);margin:5px 0 3px;overflow:hidden}
.up-bar i{display:block;height:100%;width:0;background:#21c063;border-radius:3px;transition:width .2s}
.up-row.st-send .up-bar i{background:linear-gradient(90deg,#21c063 0%,#6ee7a0 50%,#21c063 100%);background-size:200% 100%;animation:upShim 1s linear infinite}
@keyframes upShim{from{background-position:200% 0}to{background-position:0 0}}
.up-row.st-fail .up-bar i{background:#ef4444}
.up-row.st-cancel .up-bar i{background:#9ca3af}
.up-row.st-wait .up-bar i{width:0 !important}
.up-tx{font-size:11.5px;color:var(--faint)}
.up-row.st-done .up-tx{color:#21c063}
.up-row.st-fail .up-tx{color:#ef4444}
.up-x{border:none;background:transparent;color:var(--faint);width:28px;height:28px;border-radius:50%;cursor:pointer;flex:0 0 auto}
.up-x:hover{background:var(--tint);color:var(--ink)}
body.biz-isp.dark .up-bar-wrap{background:#161717;border-top-color:#2e2f2f}
body.biz-isp.dark .up-ic{background:#242626}
body.biz-isp.dark .up-bar{background:#2e2f2f}


/* ===== message reaction (ISP) ===== */
.rxbtn{position:absolute;top:2px;border:none;background:var(--panel);color:var(--faint);width:26px;height:26px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--sh-sm);opacity:0;transition:.13s;z-index:3;padding:0}
.msgrow.in .rxbtn{right:-62px}
.msgrow.out .rxbtn{left:-62px}
.msgrow:hover .rxbtn{opacity:1}
.rxbtn:hover{color:#21c063}
.rxchip{align-self:flex-start;display:inline-flex;gap:2px;margin:-9px 0 0 10px;padding:1px 6px;border-radius:12px;background:var(--panel);
  border:1px solid var(--line);font-size:14px;line-height:20px;position:relative;z-index:2;box-shadow:0 1px 3px rgba(0,0,0,.2);cursor:default}
.rxchip[data-rx]:not([data-rx=""]){cursor:pointer}
.msgrow.out .rxchip{align-self:flex-end;margin:-9px 10px 0 0}
.msgrow.has-rx .stamp{margin-top:3px}
.rx-pop{position:fixed;z-index:9500;display:flex;gap:2px;padding:5px 6px;border-radius:26px;background:var(--panel);
  border:1px solid var(--line);box-shadow:0 8px 24px rgba(0,0,0,.35);animation:rxIn .12s ease}
@keyframes rxIn{from{transform:scale(.85);opacity:0}to{transform:none;opacity:1}}
.rx-pop button{border:none;background:transparent;font-size:22px;width:38px;height:38px;border-radius:50%;cursor:pointer;
  transition:transform .1s;line-height:1}
.rx-pop button:hover{transform:scale(1.22);background:var(--tint)}
.rx-pop button.on{background:var(--tint)}
.rx-pop button.rm{font-size:14px;color:var(--faint)}
body.biz-isp.dark .rxbtn{background:#242626;color:#a5a5a5}
body.biz-isp.dark .rxchip{background:#242626;border-color:#161717}
body.biz-isp.dark .rx-pop{background:#242626;border-color:#2e2f2f}
body.biz-isp.dark .rx-pop button:hover, body.biz-isp.dark .rx-pop button.on{background:#2e2f2f}
@media(max-width:760px){ .rxbtn{opacity:1;width:24px;height:24px} .msgrow.in .rxbtn{right:-56px} .msgrow.out .rxbtn{left:-56px} }


/* =====================================================================
   ISP FULL VIEW (customer details) — porishkar, gochhano layout
   ===================================================================== */
.ispx{--xl:var(--line);--xb:var(--panel);--xs:var(--tint);display:flex;flex-direction:column;gap:14px;font-family:var(--sans)}
.ispx *{font-family:var(--sans)}
.x-prof{display:flex;align-items:center;gap:16px}
.x-av{width:64px;height:64px;border-radius:50%;background:#dfe5e7;color:#54656f;display:grid;place-items:center;font-size:24px;flex:0 0 auto;text-transform:uppercase}
.x-pm{min-width:0}
.x-nm{font-size:20px;font-weight:600;color:var(--ink);line-height:1.25}
.x-id{font-size:13px;color:var(--faint);margin-top:2px}
.x-sts{display:flex;align-items:center;gap:8px;margin-top:8px;flex-wrap:wrap}
.x-st{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:500;border-radius:14px;padding:3px 10px}
.x-st i{width:7px;height:7px;border-radius:50%;background:currentColor}
.x-st.on{background:rgba(33,192,99,.12);color:#15803d}
.x-st.off{background:rgba(239,68,68,.1);color:#dc2626}
.x-area{font-size:12.5px;color:var(--faint)}
.x-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.x-k{background:var(--xs);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:3px;min-width:0}
.x-k span{font-size:12px;color:var(--faint)}
.x-k b{font-size:17px;font-weight:600;color:var(--ink);overflow-wrap:anywhere;line-height:1.3}
.x-k small{font-size:12px;color:var(--faint);min-height:15px;text-transform:none}
.x-k b.sig-good{color:#16a34a}.x-k b.sig-weak{color:#d97706}.x-k b.sig-critical{color:#dc2626}
.x-alerts{display:flex;gap:6px;flex-wrap:wrap}
.x-cols{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}
.x-left, .x-right{display:flex;flex-direction:column;gap:14px;min-width:0}
.x-sec{border:1px solid var(--xl);border-radius:12px;padding:12px 16px;background:var(--xb)}
.x-sec h4{font-size:13px;font-weight:600;color:var(--ink);margin:0 0 6px;display:flex;align-items:center;gap:8px;text-transform:none;letter-spacing:0}
.x-cnt{font-size:11.5px;font-weight:500;color:var(--faint);background:var(--xs);border-radius:10px;padding:0 7px}
.x-gt{font-size:11.5px;font-weight:600;color:#21c063;margin:10px 0 2px;text-transform:uppercase;letter-spacing:.04em}
.x-kv{display:flex;justify-content:space-between;gap:14px;padding:7px 0;border-bottom:1px solid var(--xl);font-size:13.5px}
.x-kv:last-child{border-bottom:none}
.x-kv span{color:var(--faint);flex:0 0 40%}
.x-kv b{font-weight:400;color:var(--ink);text-align:right;overflow-wrap:anywhere}
.x-err{font-size:13px;color:#dc2626}
.x-empty{font-size:13px;color:var(--faint);padding:6px 0}
.x-tl{position:relative;padding-left:18px}
.x-tl:before{content:"";position:absolute;left:5px;top:6px;bottom:6px;width:2px;background:var(--xl);border-radius:2px}
.x-it{position:relative;padding:4px 0 14px}
.x-it:last-child{padding-bottom:2px}
.x-it .dot{position:absolute;left:-18px;top:8px;width:12px;height:12px;border-radius:50%;background:var(--xb);border:2px solid #9ca3af}
.x-it.ok .dot{border-color:#21c063}
.x-it.wait .dot{border-color:#f59e0b;background:#f59e0b}
.x-ih{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.x-dt{font-size:13px;font-weight:600;color:var(--ink)}
.x-new{font-size:10.5px;font-weight:600;color:#fff;background:#3b82f6;border-radius:8px;padding:1px 7px}
.x-ist{margin-left:auto;font-size:11px;font-weight:600;border-radius:8px;padding:1px 8px;background:var(--xs);color:var(--faint);text-transform:capitalize}
.x-ist.ok{background:rgba(33,192,99,.12);color:#16a34a}
.x-ist.wait{background:rgba(245,158,11,.15);color:#d97706}
.x-is{font-size:12.5px;color:var(--faint);margin-top:2px}
.x-ib{font-size:13.5px;color:var(--ink);margin-top:4px;line-height:1.5;white-space:pre-wrap;word-break:break-word}
.x-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:6px}
.x-tags span{font-size:11.5px;color:var(--faint);background:var(--xs);border-radius:8px;padding:1px 8px}
.ispx .ispd-media{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:8px}
.ispx .ispd-media audio{height:34px;max-width:260px}
.ispx .ispd-media img{width:84px;height:84px;object-fit:cover;border-radius:10px;cursor:zoom-in}
body.dark .ispx{--xl:#2e2f2f;--xb:#1a1c1c;--xs:#242626}
body.dark .x-av{background:#3b3d3d;color:#e9e9e9}
body.dark .x-st.on{background:rgba(33,192,99,.15);color:#4ade80}
body.dark .x-st.off{background:rgba(239,68,68,.15);color:#f87171}
body.dark .x-k b.sig-good{color:#4ade80} body.dark .x-k b.sig-weak{color:#fbbf24} body.dark .x-k b.sig-critical{color:#f87171}
body.biz-isp.dark .ispd{background:#161717}
body.biz-isp.dark .ispd-head{background:#161717;border-color:#2e2f2f}
@media(max-width:900px){ .x-kpis{grid-template-columns:1fr 1fr} .x-cols{grid-template-columns:1fr} }

/* support history: "Customer ke" pathanor button */
.x-send{margin-left:6px;display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 9px;border-radius:12px;border:1px solid var(--line);
  background:transparent;color:var(--muted);font:inherit;font-size:11.5px;font-weight:600;cursor:pointer;white-space:nowrap}
.x-send svg{width:12px;height:12px}
.x-send:hover{background:var(--blue-600);border-color:transparent;color:#fff}
body.biz-isp.dark .x-send{border-color:#2e2f2f;color:#d0d0d0}
body.biz-isp.dark .x-send:hover{background:var(--wa-green);color:#0b141a}

/* right panel: shesh support (Expiry er upore) */
.isp-tile.isp-lsup{cursor:pointer;text-align:left}
.isp-tile.isp-lsup:hover{background:var(--tint)}
.isp-lsup .t{display:flex;align-items:center;gap:6px}
.isp-lsup .ls-st{margin-left:auto;font-size:10.5px;font-weight:700;border-radius:10px;padding:1px 8px;background:var(--tint);color:var(--muted)}
.isp-lsup .ls-st.ok{background:rgba(22,163,74,.15);color:#16a34a}
.isp-lsup .ls-st.wait{background:rgba(217,119,6,.15);color:#d97706}
.isp-lsup .ls-meta{font-size:11.5px;color:var(--faint);margin-top:3px}
.isp-lsup .ls-body{font-size:13px;line-height:1.45;color:var(--ink);margin-top:4px;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}
/* chhobi + voice ek section e */
.isp-lsup .ls-att{margin-top:8px;display:flex;flex-direction:column;gap:6px}
.isp-lsup .ls-imgs{display:grid;gap:4px;margin:0;grid-template-columns:1fr}
.isp-lsup .ls-imgs.n2{grid-template-columns:1fr 1fr}
.isp-lsup .ls-imgs.n3{grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr}
.isp-lsup .ls-imgs.n3 .ls-im:first-child{grid-row:1 / 3}
.isp-lsup .ls-im{position:relative;border-radius:10px;overflow:hidden;min-height:0}
.isp-lsup .ls-imgs img{display:block;width:100%;height:100%;min-height:62px;max-height:150px;aspect-ratio:16/10;object-fit:cover;
  border:none;border-radius:0;margin:0;cursor:zoom-in}
.isp-lsup .ls-imgs.n3 img{aspect-ratio:auto;max-height:none}
/* voice: WhatsApp er moto */
.vp{display:flex;align-items:center;gap:9px;padding:6px 10px 6px 6px;border-radius:22px;background:var(--tint);cursor:default}
.vp-b{width:30px;height:30px;flex:0 0 auto;border:none;border-radius:50%;background:var(--blue-600);color:#fff;display:grid;place-items:center;cursor:pointer}
.vp-b svg{width:14px;height:14px}
.vp-bar{flex:1;height:4px;border-radius:4px;background:var(--line);cursor:pointer;overflow:hidden}
.vp-bar i{display:block;height:100%;width:0;background:var(--blue-600);border-radius:4px;transition:width .2s linear}
.vp-t{font-size:11px;font-weight:600;color:var(--faint);min-width:34px;text-align:right}
body.biz-isp.dark .vp{background:#2a2c2c}
body.biz-isp.dark .vp-b{background:var(--wa-green);color:#0b141a}
body.biz-isp.dark .vp-bar{background:#3b3d3d}
body.biz-isp.dark .vp-bar i{background:var(--wa-green)}
.isp-lsup .ls-more{position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.5);color:#fff;font-size:15px;font-weight:700;pointer-events:none}
body.biz-isp.dark .isp-tile.isp-lsup:hover{background:#1f2121}
body.biz-isp.dark .isp-lsup .ls-st.ok{color:#21c063}