/* =====================================================================
   ISP: details, assign, 24h window, support, dashboard
   Shudhu business_type = isp tenant e dekha jay.
   ===================================================================== */
/* ===== ISP account box (shudhu business_type = isp tenant e dekha jay) ===== */
.isp-card{border:1px solid var(--line);border-radius:14px;padding:12px;margin-bottom:12px;background:var(--panel)}
.isp-card .isp-top{display:flex;align-items:center;gap:8px;margin-bottom:9px}
.isp-card .isp-top b{font-size:11px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;color:var(--faint);white-space:nowrap}
.isp-card .isp-top{gap:6px}
.isp-idchip{margin-right:auto}
/* inbox list e ISP account name/ID */
.conv-isp{font-size:10px;font-weight:800;font-family:var(--mono);letter-spacing:.01em;
  background:var(--tint);color:var(--blue-600);border-radius:6px;padding:1px 6px;margin-left:6px;
  max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:0 0 auto}
/* status ekhon shudhu ekta rong-er dot — hover korle asol lekha ta ashe */
.isp-dotpill{width:10px;height:10px;border-radius:50%;display:inline-block;cursor:help;flex:0 0 auto}
.isp-dotpill.on{background:#16a34a;box-shadow:0 0 0 3px rgba(22,163,74,.18)}
.isp-dotpill.off{background:#dc2626;box-shadow:0 0 0 3px rgba(220,38,38,.18)}
/* line down thakle Last logoff tile ta lal hoye jay */
.isp-tile.down .t{color:#dc2626;white-space:normal;overflow:visible;line-height:1.5}
.isp-tile.down .t b{background:rgba(220,38,38,.14);color:#dc2626;border-radius:6px;padding:1px 5px;
  font-size:9.5px;letter-spacing:.02em}
.isp-tile.down .v{color:#dc2626}
body.dark .isp-tile.down .t,body.dark .isp-tile.down .v{color:#f87171}
body.dark .isp-tile.down .t b{background:rgba(248,113,113,.16);color:#f87171}
.isp-pill{font-size:11px;font-weight:800;padding:2px 9px;border-radius:12px;display:inline-flex;align-items:center;gap:5px}
.isp-pill.on{background:#dcfce7;color:#15803d}
.isp-pill.off{background:#fee2e2;color:#b91c1c}
.isp-pill .d{width:7px;height:7px;border-radius:50%;background:currentColor}
.isp-row{display:flex;gap:7px}
.isp-row input{flex:1;min-width:0;padding:9px 11px;border:1px solid var(--line);border-radius:10px;font-size:13.5px;background:var(--panel);color:var(--ink)}
.isp-row button{border:none;border-radius:10px;padding:9px 14px;font-size:12.5px;font-weight:700;cursor:pointer;background:var(--grad);color:#fff;white-space:nowrap}
.isp-row button:disabled{opacity:.6;cursor:default}
.isp-res{margin-top:10px}
.isp-f{display:flex;gap:10px;padding:6px 0;border-bottom:1px dashed var(--line);font-size:12.5px;align-items:baseline}
.isp-f:last-child{border-bottom:none}
.isp-f .l{color:var(--faint);font-weight:600;flex:0 0 40%;font-size:12px}
.isp-f .v{color:var(--ink);font-weight:700;word-break:break-word;flex:1;text-align:right}
.isp-err{font-size:12.5px;color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;padding:8px 10px;border-radius:9px;margin-top:9px}
.isp-hint{font-size:11.5px;color:var(--faint);margin-top:7px}
.isp-copy{border:none;background:var(--tint);color:var(--blue-600);border-radius:7px;padding:3px 8px;font-size:11px;font-weight:700;cursor:pointer}
/* ---- shimmer (skeleton) loading ---- */
@keyframes ispShine{0%{background-position:100% 0}100%{background-position:-100% 0}}
.isp-sk{background:linear-gradient(90deg,var(--line) 25%,var(--tint) 37%,var(--line) 63%);
  background-size:300% 100%;animation:ispShine 1.3s ease-in-out infinite;border-radius:7px;
  display:block;height:11px}
body.dark .isp-sk{background:linear-gradient(90deg,#1f2c33 25%,#2a3942 37%,#1f2c33 63%);background-size:300% 100%}
.isp-sk.t{height:8px;width:52%;margin-bottom:8px;opacity:.75}
.isp-sk.v{height:14px;width:76%}
.isp-sk.row{height:12px}
.isp-skrow{display:flex;gap:10px;align-items:center;padding:8px 0;border-bottom:1px dashed var(--line)}
.isp-skrow .isp-sk:first-child{flex:0 0 38%}
.isp-skrow .isp-sk:last-child{flex:1}
.isp-sktabs{display:flex;gap:10px;margin:14px 0 8px}
.isp-sktabs .isp-sk{height:10px;width:56px}
@media (prefers-reduced-motion: reduce){ .isp-sk{animation:none} }
.isp-tabs{display:flex;gap:4px;margin:12px 0 2px;border-bottom:1px solid var(--line);padding-bottom:0}
.isp-tab{border:none;background:none;cursor:pointer;padding:7px 9px 8px;font-size:11.5px;font-weight:800;
  color:var(--faint);border-bottom:2px solid transparent;display:flex;align-items:center;gap:5px;
  white-space:nowrap;letter-spacing:.01em;max-width:46%;overflow:hidden;text-overflow:ellipsis}
.isp-tab:hover{color:var(--ink)}
.isp-tab.on{color:var(--blue-600);border-bottom-color:var(--blue-600)}
.isp-tabbody{padding-top:4px}
.isp-src{display:flex;align-items:center;gap:7px;font-size:11.5px;font-weight:800;letter-spacing:.03em;
  text-transform:uppercase;color:var(--blue-600);margin:11px 0 5px;padding-top:9px;border-top:1px solid var(--line)}
.isp-res .isp-src:first-child{margin-top:2px;padding-top:0;border-top:none}
.isp-dot{width:7px;height:7px;border-radius:50%;background:#94a3b8}
.isp-dot.on{background:#16a34a}.isp-dot.off{background:#dc2626}.isp-dot.bad{background:#f59e0b}
.isp-idchip{font-size:11px;font-weight:800;font-family:var(--mono);background:var(--tint);color:var(--blue-600);
  border-radius:7px;padding:2px 8px;letter-spacing:.02em}
.isp-gear{border:none;background:var(--tint);color:var(--blue-600);border-radius:8px;width:24px;height:24px;
  cursor:pointer;font-size:13px;line-height:1;padding:0}
.isp-set{margin-top:11px;padding-top:10px;border-top:1px dashed var(--line)}
.isp-set.hide{display:none}
.isp-set-t{font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--faint);margin-bottom:7px}
.isp-sr{display:flex;gap:5px;margin-bottom:6px}
.isp-sr input{padding:7px 9px;border:1px solid var(--line);border-radius:8px;font-size:12px;background:var(--panel);color:var(--ink);min-width:0}
.isp-sr .isp-sn{flex:0 0 33%}
.isp-sr .isp-su{flex:1}
.isp-sr .isp-rm{border:none;background:var(--tint);color:var(--faint);border-radius:8px;width:26px;cursor:pointer;font-size:12px;flex:0 0 auto}
.isp-set-a{display:flex;gap:7px;align-items:center;margin-top:8px}
.isp-save{border:none;border-radius:8px;padding:6px 14px;font-size:12px;font-weight:700;cursor:pointer;background:var(--grad);color:#fff}
/* ---- compact summary (sidebar) ---- */
/* ---- KEY tile block: Signal + Sessions / Online since / Running / D-U ----
   Ei 4-5 ta-i agent shob cheye beshi dekhe, tai alada card e, boro kore,
   shob cheye upore. gap:1px + background = line -> majhe poristhar line. */
.isp-key{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);
  border:1px solid var(--line);border-radius:13px;overflow:hidden;margin:3px 0 10px}
.isp-key .isp-tile:nth-child(n){background:var(--panel);padding:10px 13px;border:none;min-height:0}
.isp-key .isp-tile.wide{grid-column:1 / -1}
/* label ta kete jete deya jabe na — dorkar hole dui line e jak */
.isp-key .isp-tile .t{font-size:9px;letter-spacing:.04em;margin-bottom:4px;
  white-space:normal;overflow:visible;text-overflow:clip;line-height:1.35}
.isp-key .isp-tile .v{font-size:16.5px;letter-spacing:-.01em;gap:4px}
.isp-key .isp-tile .v .isp-chip{margin-left:2px;flex:0 0 auto}
.isp-key .isp-tile .v.run{font-size:12.5px;font-family:var(--mono);overflow-wrap:anywhere}
/* beshi session = bar bar disconnect */
.isp-key .isp-tile .v.warm{color:#d97706}
.isp-key .isp-tile .v.hot{color:#dc2626}
body.dark .isp-key .isp-tile .v.warm{color:#fbbf24}
body.dark .isp-key .isp-tile .v.hot{color:#f87171}
/* download / upload ek tile e, duita line e */
.isp-key .isp-tile .v.dual{flex-direction:column;align-items:flex-start;gap:3px;font-size:14px}
.isp-key .isp-tile .v.dual span{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.isp-key .isp-tile .v.dual i{font-style:normal;font-size:12px;font-weight:900}
.isp-key .isp-tile .v.dual i.dl{color:#2563eb}
.isp-key .isp-tile .v.dual i.ul{color:#16a34a}
body.dark .isp-key{background:#2a3942;border-color:#2a3942}
body.dark .isp-key .isp-tile:nth-child(n){background:#111b21}
/* Balance ar Last renewal shob sheshe — chhoto ar halka */
.isp-tile.minor{padding-top:7px;padding-bottom:7px}
.isp-tile.minor .v{font-size:12.5px;font-weight:700;color:var(--muted);font-family:var(--mono)}
.isp-tile.minor .t{font-size:9px;opacity:.85}
.isp-tile.bal.down .v{color:#dc2626}
body.dark .isp-tile.bal.down .v{color:#f87171}
.isp-sum{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:2px 0 4px}
.isp-tile{border:none;border-radius:0;background:none;padding:9px 2px;min-height:0;
  display:flex;flex-direction:column;justify-content:center;overflow:hidden;
  border-bottom:1px solid var(--line)}
.isp-tile:nth-child(odd){border-right:1px solid var(--line);padding-right:12px}
.isp-tile:nth-child(even){padding-left:12px}
/* label kete "LAST RENEW…" na hoye dui line e jak — poripurno lekha thak */
.isp-tile .t{font-size:9.5px;font-weight:800;letter-spacing:.045em;text-transform:uppercase;
  color:var(--faint);margin-bottom:3px;white-space:normal;line-height:1.35}
.isp-tile .v{font-size:13.5px;font-weight:800;color:var(--ink);line-height:1.3;
  overflow-wrap:anywhere;display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.isp-tile.sig .v{font-size:15.5px;letter-spacing:-.01em;flex-wrap:wrap;row-gap:3px}
.isp-tile.sig .v>span:first-child{white-space:nowrap}
.isp-tile.sig .isp-chip{margin-left:0;flex:0 0 auto}
/* chat er upore ISP alert bar */
.isp-bar{display:flex;flex-direction:column;gap:6px;padding:9px 14px;border-bottom:1px solid var(--line);
  background:var(--panel);cursor:pointer}
.isp-bar.hide{display:none}
.isp-bar:hover{filter:brightness(.99)}
.isp-bar .ib{display:flex;align-items:flex-start;gap:9px;border-radius:10px;padding:8px 12px;line-height:1.45}
.isp-bar .ib .ic{font-size:13px;line-height:1.3;flex:0 0 auto}
.isp-bar .ib .ibx{flex:1;min-width:0}
.isp-bar .ib .ibh{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.isp-bar .ib.warn{background:rgba(245,158,11,.14);color:#b45309;border:1px solid rgba(245,158,11,.32)}
.isp-bar .ib.danger{background:rgba(220,38,38,.12);color:#b91c1c;border:1px solid rgba(220,38,38,.3)}
.isp-bar .ib .t{font-weight:900;text-transform:uppercase;font-size:11.5px;letter-spacing:.045em}
.isp-bar .ib .x{font-size:11px;font-weight:800;background:rgba(0,0,0,.08);border-radius:7px;padding:1px 7px}
.isp-bar .ib .ibt{font-size:13px;font-weight:600;margin-top:2px;opacity:.95}
.isp-bar .ibmore{font-size:11.5px;font-weight:800;color:var(--blue-600);margin-left:auto;white-space:nowrap}
body.dark .isp-bar .ib .x{background:rgba(255,255,255,.12)}
body.dark .isp-bar .ib.warn{color:#fbbf24}
body.dark .isp-bar .ib.danger{color:#f87171}
/* ---- Details er cover image (ISP billing/router chhobi) ---- */
.info .head.has-cover{padding-top:0;position:relative;gap:8px}
.isp-cover{position:relative;align-self:stretch;width:auto;margin:-8px 0 0;height:170px;overflow:hidden;cursor:pointer;
  border-radius:14px;
  background:var(--tint);border:1px solid var(--line)}
.isp-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:.25s}
.isp-cover:hover img{transform:scale(1.03)}
.isp-cover:after{content:"";position:absolute;left:0;right:0;bottom:0;height:96px;z-index:2;
  background:linear-gradient(to bottom,rgba(2,6,23,0),rgba(2,6,23,.72))}
.isp-cover .isp-cnt{position:absolute;right:9px;top:9px;z-index:4;font-size:10.5px;font-weight:800;
  background:rgba(2,6,23,.6);color:#fff;border-radius:7px;padding:2px 7px}
/* cover er upore customer er naam / username / area */
.isp-cov-txt{position:absolute;left:14px;right:14px;bottom:11px;z-index:3;text-align:left;
  text-shadow:0 1px 6px rgba(2,6,23,.75)}
.isp-cov-txt .nm{color:#fff;font-size:15px;font-weight:800;line-height:1.25;
  overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.isp-cov-txt .sub{color:rgba(255,255,255,.88);font-size:11.5px;font-weight:700;margin-top:2px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* cover thakle avatar ta cover er upore uthe ashe */
.info .head.has-cover .av{margin-top:-46px;position:relative;z-index:3;
  border:3px solid var(--panel);box-shadow:0 6px 18px rgba(2,6,23,.22)}
.info .head.has-cover .nm{margin-top:-2px}
body.dark .info .head.has-cover .av{border-color:#111b21}
/* ISP account e ei duita button lage na — FB naam fetch ar WA number fix */
body.biz-isp #fetchNameBtn,
body.biz-isp #fixWaNumBtn{display:none}
/* ISP e naam/avatar/chip ta Details e lage na — chat header e already ache.
   Tai oi jayga ta bachiye ISP er data gulo upore niye asha hoy. */
/* NOTE: direct child (>) — cover er bhitorer .nm ta jeno na lukay */
body.biz-isp .info .head > .av,
body.biz-isp .info .head > .nm,
body.biz-isp .info .head > .ch,
body.biz-isp .info .head > .phone,
body.biz-isp .info .head > .num-hint{display:none}
body.biz-isp .info .head{gap:0;padding:0 0 10px}
body.biz-isp .info .head .io-acts{margin-top:10px}
/* ---- ISP Details er matha: cover → action bar → assign bar ----
   Tin-tai EK-I prosthe (cover er dui prante mile) thake, tai upor-niche
   shob kichhu ek line e boshe — kono kichhu dane/bame chhitke thake na. */
/* action gulo ekta full-width toolbar er bhitore — koyta button holo tate
   kichhu ashe jay na, bar ta shobshomoy cover er shoman chowra thake */
body.biz-isp .info .head.has-cover .io-acts{position:static;margin:8px 0 0;gap:4px;
  align-self:stretch;justify-content:space-around;
  background:var(--tint);border:1px solid var(--line);border-radius:12px;padding:5px}
body.biz-isp .info .head.has-cover .io-acts .iobtn{width:34px;height:34px;border-radius:10px;
  background:transparent;border-color:transparent;box-shadow:none}
body.biz-isp .info .head.has-cover .io-acts .iobtn:hover{background:var(--panel);
  border-color:var(--line);transform:none;box-shadow:var(--sh-sm)}
body.biz-isp .info .head.has-cover .io-acts .iobtn-call{background:#dcfce7;border-color:#bbf7d0}
body.dark.biz-isp .info .head.has-cover .io-acts{background:#1d282f;border-color:#2a3942}
body.dark.biz-isp .info .head.has-cover .io-acts .iobtn:hover{background:#2a3942;border-color:#3b4a54}
body.dark.biz-isp .info .head.has-cover .io-acts .iobtn-call{background:rgba(22,163,74,.22);border-color:transparent;color:#4ade80}
body.biz-isp .info .head.has-cover .isp-cover{height:160px}
body.biz-isp .info .head.has-cover .isp-cover:after{height:70px}
body.biz-isp .info .head .iobtn{background:var(--panel);box-shadow:0 2px 8px rgba(2,6,23,.12)}
@media(min-width:1181px){
  /* ISP e "DETAILS" lekha ta lage na — cover image ta-i mathar kaj kore.
     Mobile e ei bar ta bottom-sheet er handle, tai oikhane rekhe dewa holo. */
  body.biz-isp .col.right .info-head{display:none}
}
/* default cover (chhobi nai) — zoom/pointer lagbe na */
.isp-cover.is-def{cursor:default}
.isp-cover.is-def:hover img{transform:none}
/* ---- Assign (shudhu ISP) ----
   Row ta cover / button bar er shoman chowra — tai matha ta ek block e dekhay. */
.asg-row{display:flex;align-items:center;gap:8px;margin-top:8px;align-self:stretch;min-width:0}
/* assign kora thakle ekta bhorat bar, na thakle shudhu dashed button */
.asg-row.on{background:var(--tint);border:1px solid var(--line);border-radius:12px;padding:5px 7px 5px 11px}
.asg-lbl{flex:0 0 auto;font-size:9.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}
.asg-chip{flex:0 1 auto;display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);
  background:var(--panel);color:var(--ink);font-size:12.5px;font-weight:700;border-radius:20px;
  padding:3px 11px 3px 3px;cursor:pointer;min-width:0;overflow:hidden;transition:.15s}
.asg-chip:hover{border-color:var(--blue-600);box-shadow:var(--sh-sm)}
.asg-chip .asg-nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.asg-av{flex:0 0 auto;width:22px;height:22px;border-radius:50%;background:var(--grad);color:#fff;
  font-size:9.5px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;
  text-transform:uppercase;letter-spacing:.02em}
.asg-x{flex:0 0 auto;margin-left:auto;border:none;background:transparent;color:var(--faint);width:26px;height:26px;
  border-radius:50%;cursor:pointer;font-size:15px;line-height:1;transition:.15s}
.asg-x:hover{background:rgba(220,38,38,.12);color:#dc2626}
.asg-add{flex:1 1 auto;border:1px dashed #c9d8ef;background:transparent;color:var(--blue-600);
  font-size:12.5px;font-weight:700;border-radius:12px;padding:9px 12px;cursor:pointer;transition:.15s;
  font-family:inherit}
.asg-add:hover{border-color:var(--blue-600);background:var(--tint)}
body.dark .asg-add{border-color:#3b4a54}
body.dark .asg-row.on{background:#1d282f;border-color:#2a3942}
.asg-pop{width:250px;max-height:330px;overflow:auto}
.asg-pick{display:flex;align-items:center;gap:8px;width:100%;border:none;background:transparent;
  padding:6px 8px;border-radius:9px;cursor:pointer;text-align:left;color:var(--ink)}
.asg-pick:hover{background:var(--tint)}
.asg-pick .asg-nm{flex:1;font-size:12.5px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.asg-pick .asg-nm i{font-style:normal;color:var(--faint);font-weight:600}
.asg-pick .asg-rl{font-size:9.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;
  color:var(--faint);background:var(--tint);border-radius:6px;padding:1px 6px}
.asg-pick .tick{opacity:0;color:var(--blue-600);font-weight:900;font-size:12px}
.asg-pick.on .tick{opacity:1}
.asg-pick.clr{justify-content:center;margin-top:4px;border-top:1px solid var(--line);border-radius:0;padding-top:9px}

/* ---- Meta 24h messaging window (Messenger / Instagram) ---- */
.win-tag{display:inline-flex;align-items:center;gap:3px;font-size:10.5px;font-weight:800;border-radius:6px;
  padding:2px 6px;white-space:nowrap;flex:0 0 auto}
.conv .prev .win-tag{margin-right:6px;vertical-align:1px}
.win-tag.warn{background:#fef3c7;color:#b45309}
.win-tag.closed{background:#fee2e2;color:#b91c1c}
.winbar{display:flex;align-items:flex-start;gap:10px;padding:10px 20px;font-size:12.5px;line-height:1.45;
  border-top:1px solid var(--line)}
.winbar .wi{flex:0 0 auto;font-size:16px;line-height:1.2}
.winbar .wt{flex:1;min-width:0}
.winbar .wt b{display:block;font-size:13px;margin-bottom:1px}
.winbar.warn{background:#fffbeb;color:#92400e}
.winbar.closed{background:#fef2f2;color:#991b1b}
.winbar .wbtn{flex:0 0 auto;border:1px solid currentColor;background:transparent;color:inherit;font-family:inherit;
  font-size:11.5px;font-weight:700;border-radius:8px;padding:5px 9px;cursor:pointer;opacity:.85}
.winbar .wbtn:hover{opacity:1}
.composer.win-locked textarea{background:#fef2f2 !important;cursor:not-allowed}
body.dark .win-tag.warn{background:rgba(245,158,11,.16);color:#fbbf24}
body.dark .win-tag.closed{background:rgba(220,38,38,.18);color:#fca5a5}
body.dark .winbar.warn{background:#2a2310;color:#fcd34d}
body.dark .winbar.closed{background:#2b1515;color:#fca5a5}
body.dark .composer.win-locked textarea{background:#2b1515 !important}
@media(max-width:760px){ .winbar{padding:9px 12px} }

/* ---- "Amar assign" — header button + login popup + filter chip (shudhu ISP) ---- */
.isp-only{display:none !important}
body.biz-isp .isp-only{display:inline-flex !important}
body.biz-isp .mm-item.isp-only{display:block !important}
.myasg-btn{position:relative}
.myasg-btn .myasg-cnt{min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#dc2626;color:#fff;
  font-size:10.5px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;line-height:1}
.myasg-btn .myasg-cnt.zero{background:var(--line);color:var(--faint)}
.myasg-btn.has-new .myasg-cnt{animation:asgPulse 1.4s ease-in-out infinite}
@keyframes asgPulse{0%,100%{box-shadow:0 0 0 0 rgba(220,38,38,.55)}50%{box-shadow:0 0 0 6px rgba(220,38,38,0)}}
.inbox-filters .fchip.fc-mine .fc-cnt{background:#fee2e2;color:#b91c1c}
.inbox-filters .fchip.fc-mine.active .fc-cnt{background:rgba(255,255,255,.28);color:#fff}
.asg-modal{width:520px;max-width:100%;max-height:86vh;display:flex;flex-direction:column;overflow:hidden}
.asg-modal .modal-top{padding:18px 20px 14px}
.asg-modal .modal-top b{font-size:16px;font-weight:800;display:flex;align-items:center;gap:8px}
.asg-modal .modal-top .x{border:none;background:transparent;color:var(--faint);font-size:16px;cursor:pointer;
  width:32px;height:32px;border-radius:50%}
.asg-modal .modal-top .x:hover{background:var(--tint);color:var(--ink)}
.asg-sub{padding:10px 20px;font-size:12.5px;color:var(--muted);border-bottom:1px solid var(--line);background:var(--tint)}
.asg-sub b{color:var(--ink)}
.asg-list{overflow:auto;flex:1;min-height:80px;padding:6px 8px}
.asg-item{display:flex;gap:11px;align-items:flex-start;width:100%;border:none;background:transparent;text-align:left;
  padding:10px 12px;border-radius:12px;cursor:pointer;color:var(--ink);font-family:inherit;transition:.12s}
.asg-item:hover{background:var(--tint)}
.asg-item + .asg-item{margin-top:2px}
.asg-item .av{flex:0 0 auto}
.asg-item .ai-body{flex:1;min-width:0}
.asg-item .ai-top{display:flex;align-items:center;gap:6px;min-width:0}
.asg-item .ai-nm{font-weight:800;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.asg-item .ai-new{flex:0 0 auto;font-size:9.5px;font-weight:800;letter-spacing:.05em;background:#dc2626;color:#fff;
  border-radius:6px;padding:2px 6px}
.asg-item .ai-wait{flex:0 0 auto;font-size:10px;font-weight:700;color:#b45309;background:#fef3c7;border-radius:6px;padding:2px 6px}
.asg-item .ai-time{margin-left:auto;flex:0 0 auto;font-size:11px;color:var(--faint)}
.asg-item .ai-prev{font-size:12.5px;color:var(--muted);margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.asg-item .ai-meta{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:11px;color:var(--faint);flex-wrap:wrap}
.asg-item .ai-by b{color:var(--muted);font-weight:700}
.asg-empty{padding:40px 20px;text-align:center;color:var(--faint);font-size:13px;line-height:1.6}
.asg-foot{display:flex;gap:10px;justify-content:flex-end;padding:12px 16px;border-top:1px solid var(--line)}
.asg-foot button{font-family:inherit;font-size:13px;font-weight:700;border-radius:10px;padding:9px 14px;cursor:pointer}
.asg-foot .asg-later{border:1px solid var(--line);background:transparent;color:var(--muted)}
.asg-foot .asg-all{border:none;background:var(--grad);color:#fff}
body.dark .asg-sub{background:#1d282f}
body.dark .asg-item .ai-wait{background:rgba(245,158,11,.16);color:#fbbf24}
body.dark .inbox-filters .fchip.fc-mine .fc-cnt{background:rgba(220,38,38,.2);color:#fca5a5}
@media (max-width:640px){ .asg-modal{max-height:92vh} .overlay.asg-back{padding:10px} }
.asg-pick.clr .asg-nm{flex:0 0 auto;color:#dc2626;font-size:12px}
/* reply box e "@" likhle je list ta nambe */
.mn-pop{padding:6px;max-height:300px}
.mn-hd{display:flex;align-items:center;gap:8px;font-size:10.5px;font-weight:800;letter-spacing:.06em;
  text-transform:uppercase;color:var(--faint);padding:6px 9px 8px}
.mn-hd span{margin-left:auto;font-size:9.5px;font-weight:700;letter-spacing:.02em;text-transform:none;
  background:var(--tint);border-radius:6px;padding:2px 7px}
.mn-item{cursor:pointer}
.mn-item.sel{background:var(--tint)}
body.dark .mn-item.sel{background:#233138}
body.dark .mn-hd span{background:#233138}
/* conversation list er row e "@agent" tag */
.asg-tag{font-size:10.5px;font-weight:700;color:var(--blue-600);background:var(--tint);
  padding:2px 8px;border-radius:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:110px}
body.dark .asg-tag{background:#202c33}
body.dark .asg-pick .asg-rl{background:#202c33}
.isp-hero{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin-top:11px}
.isp-hero img{width:88px;height:88px;object-fit:cover;border-radius:11px;border:1px solid var(--line);
  cursor:pointer;transition:.13s;background:var(--panel)}
.isp-hero img:hover{transform:scale(1.04);border-color:var(--blue-600)}
.finput.isp-fill{border-color:var(--blue-600);background:var(--tint)}
.isp-tile.wide{grid-column:1 / -1;min-height:0;border-right:none;padding-left:2px;border-bottom:none}
.isp-tile.wide .v{font-size:12.5px;font-family:var(--mono);font-weight:700}
.sig-good{color:#16a34a}.sig-weak{color:#d97706}.sig-critical{color:#dc2626}
.isp-chip{font-size:9px;font-weight:900;letter-spacing:.04em;padding:1px 5px;border-radius:6px;margin-left:5px;vertical-align:middle}
.chip-good{background:rgba(22,163,74,.15);color:#16a34a}
.chip-weak{background:rgba(217,119,6,.15);color:#d97706}
.chip-critical{background:rgba(220,38,38,.15);color:#dc2626}
.isp-alert{display:flex;gap:8px;align-items:flex-start;border-radius:11px;padding:9px 11px;margin-bottom:8px;font-size:12.5px;line-height:1.45}
.isp-alert.warn{background:rgba(245,158,11,.12);border:1px solid rgba(245,158,11,.35);color:#b45309}
.isp-alert.danger{background:rgba(220,38,38,.10);border:1px solid rgba(220,38,38,.32);color:#b91c1c}
.isp-alert b{display:block;font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px}
.isp-full{border:none;background:var(--grad);color:#fff;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:700;cursor:pointer;margin-top:9px;width:100%}
body.dark .isp-alert.warn{color:#fbbf24}
body.dark .isp-alert.danger{color:#f87171}

/* ===== Post to support (NCare) ===== */
.sup-btn{display:inline-flex;align-items:center;gap:7px;background:var(--panel);color:var(--blue-600);
  border:1px solid #c9d8ef;padding:9px 14px;border-radius:11px;font-size:13px;font-weight:700;
  cursor:pointer;font-family:inherit;flex:0 0 auto;transition:.15s}
.sup-btn:hover{background:var(--tint);border-color:var(--blue-600)}
.sup-btn:disabled{opacity:.55;cursor:default}
.sup-btn svg{flex:0 0 auto}
body.dark .sup-btn{background:#202c33;border-color:#3b4a54;color:#9bc0ff}
body.dark .sup-btn:hover{background:#2a3942}
.sup-wrap{position:fixed;inset:0;z-index:9300;background:rgba(15,23,42,.6);display:none;
  align-items:flex-start;justify-content:center;padding:26px 16px;overflow:auto}
.sup-wrap.open{display:flex}
.sup-card{background:var(--bg);border-radius:18px;width:100%;max-width:1000px;
  box-shadow:0 24px 60px rgba(2,6,23,.4);overflow:hidden}
.sup-head{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--line);background:var(--panel)}
.sup-head h2{font-size:16px;font-weight:800;color:var(--ink);margin:0;flex:0 0 auto}
.sup-head .sub{flex:1;font-size:12.5px;color:var(--faint);font-weight:600;overflow:hidden;
  text-overflow:ellipsis;white-space:nowrap}
.sup-body{display:grid;grid-template-columns:1fr 1fr;gap:0;max-height:calc(100vh - 150px);overflow:hidden}
.sup-form{padding:16px 18px 20px;overflow:auto;border-right:1px solid var(--line)}
.sup-meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:13px}
.sup-meta span{font-size:11.5px;font-weight:700;background:var(--tint);color:var(--muted);
  border-radius:8px;padding:3px 9px}
.sup-meta span b{color:var(--ink);font-weight:800}
.sup-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.sup-f{display:flex;flex-direction:column;gap:5px;min-width:0}
.sup-f.wide{grid-column:1 / -1}
.sup-f>span{font-size:10.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--faint)}
.sup-f select,.sup-f input,.sup-f textarea{width:100%;box-sizing:border-box;padding:9px 11px;
  border:1px solid var(--line);border-radius:10px;font-size:13px;font-family:inherit;
  background:var(--panel);color:var(--ink);outline:none;resize:vertical;line-height:1.45}
.sup-f select:focus,.sup-f input:focus,.sup-f textarea:focus{border-color:var(--blue-600);background:var(--panel)}
.sup-chk{display:flex;align-items:center;gap:9px;margin-top:13px;cursor:pointer;
  background:var(--tint);border:1px solid var(--line);border-radius:11px;padding:9px 12px}
.sup-chk input{width:16px;height:16px;accent-color:var(--blue-600);cursor:pointer;flex:0 0 auto}
.sup-chk span{font-size:12.5px;color:var(--muted);font-weight:600}
.sup-chk span b{color:var(--ink);font-weight:800}
body.dark .sup-chk{background:#1d282f;border-color:#2a3942}
.sup-hint{font-size:11.5px;color:var(--faint);margin-top:10px;line-height:1.5}
.sup-err{font-size:12.5px;color:#b91c1c;background:rgba(220,38,38,.08);border:1px solid rgba(220,38,38,.25);
  padding:8px 11px;border-radius:9px;margin-bottom:11px}
.sup-acts{display:flex;gap:9px;justify-content:flex-end;margin-top:15px}
.sup-acts .btn{padding:10px 18px;font-size:13px}
.btn.ghost{background:var(--panel);color:var(--muted);border:1px solid var(--line);
  border-radius:11px;font-weight:700;cursor:pointer;font-family:inherit}
.btn.ghost:hover{background:var(--tint);color:var(--ink)}
.sup-hist{padding:16px 18px 20px;overflow:auto;background:var(--panel)}
.sup-ht{font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);
  margin-bottom:11px;display:flex;align-items:center;gap:7px}
.sup-ht span{background:var(--tint);color:var(--blue-600);border-radius:20px;padding:2px 9px;letter-spacing:0}
.sup-h{border:1px solid var(--line);border-left:3px solid var(--blue-600);border-radius:11px;
  padding:10px 12px;margin-bottom:9px;background:var(--bg)}
.sup-h .hh{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:5px}
.sup-h .who{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:800;color:var(--ink)}
.sup-h .who .asg-av{width:20px;height:20px;font-size:9px}
.sup-h .dt{font-size:11.5px;color:var(--faint);font-weight:600;margin-left:auto}
.sup-h .bd{font-size:12.5px;color:var(--muted);line-height:1.55;white-space:pre-wrap;word-break:break-word}
.sup-h .tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}
.sup-h .tg{font-size:9.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;
  background:var(--tint);color:var(--muted);border-radius:6px;padding:2px 7px}
.sup-h .tg.ok{background:rgba(22,163,74,.16);color:#16a34a}
.sup-h .tg.hot{background:rgba(220,38,38,.14);color:#dc2626}
.sup-h audio{width:100%;max-width:300px;height:32px;margin-top:8px}
.sup-h img{width:84px;height:84px;object-fit:cover;border-radius:9px;border:1px solid var(--line);
  cursor:pointer;margin-top:8px}
.sup-empty{font-size:12.5px;color:var(--faint);padding:10px 2px}
body.dark .sup-h{background:#111b21}
body.dark .sup-h .tg{background:#202c33}
body.dark .sup-meta span{background:#202c33}
@media(max-width:900px){
  .sup-body{grid-template-columns:1fr;max-height:calc(100dvh - 120px);overflow:auto}
  .sup-form{border-right:none;border-bottom:1px solid var(--line)}
  .sup-grid{grid-template-columns:1fr}
  .sup-card{max-width:100%}
}
@media(max-width:760px){
  .sup-btn span{display:none}
  .sup-btn{padding:9px 11px}
  .sup-wrap{padding:0}
  .sup-card{border-radius:0;min-height:100dvh}
}

/* ---- full dashboard modal ---- */
.ispd-wrap{position:fixed;inset:0;z-index:9200;background:rgba(15,23,42,.6);display:none;
  align-items:flex-start;justify-content:center;padding:26px 16px;overflow:auto}
.ispd-wrap.open{display:flex}
.ispd{background:var(--bg);border-radius:18px;width:100%;max-width:1220px;box-shadow:0 24px 60px rgba(2,6,23,.4);overflow:hidden}
.ispd-head{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--line);background:var(--panel)}
.ispd-head h2{flex:1;font-size:16px;font-weight:800;color:var(--ink);margin:0}
.ispd-head .sub{font-size:12px;color:var(--faint);font-weight:600}
.ispd-body{padding:16px 18px 22px;max-height:calc(100vh - 140px);overflow:auto}
.ispd-top{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;margin-bottom:14px}
.ispd-card{border:1px solid var(--line);border-radius:14px;padding:14px;background:var(--panel)}
.ispd-card .ttl{font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);margin-bottom:9px;display:flex;align-items:center;gap:6px}
.ispd-name{font-size:19px;font-weight:800;color:var(--ink);line-height:1.25}
.ispd-meta{font-size:12.5px;color:var(--muted);margin-top:4px}
.ispd-big{font-size:31px;font-weight:800;letter-spacing:-.02em;line-height:1}
.ispd-sub{font-size:12px;color:var(--faint);margin-top:6px}
.ispd-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;background:var(--line);
  border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-bottom:12px}
.ispd-cell{background:var(--panel);padding:11px 13px}
.ispd-cell .k{font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--faint)}
.ispd-cell .v{font-size:15px;font-weight:800;color:var(--ink);margin-top:3px;font-family:ui-monospace,Menlo,monospace;word-break:break-word}
.ispd-cols{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}
@media (max-width:900px){ .ispd-cols{grid-template-columns:1fr} }
.ispd-kv{display:flex;gap:10px;padding:7px 0;border-bottom:1px dashed var(--line);font-size:13px}
.ispd-kv:last-child{border-bottom:none}
.ispd-kv .l{color:var(--faint);font-weight:600;flex:0 0 42%}
.ispd-kv .v{color:var(--ink);font-weight:600;flex:1;word-break:break-word}
.ispd-hist{border-left:3px solid var(--blue-600);border-radius:10px;background:var(--bg);padding:11px 13px;margin-bottom:9px}
.ispd-hist .hh{font-size:11.5px;color:var(--faint);font-weight:700;margin-bottom:5px;display:flex;gap:8px;flex-wrap:wrap}
.ispd-hist .hb{font-size:13px;color:var(--ink);line-height:1.5;margin-bottom:6px}
.ispd-tag{font-size:10.5px;font-weight:700;background:var(--tint);color:var(--blue-600);border-radius:7px;padding:2px 7px}
.ispd-media{display:flex;gap:7px;flex-wrap:wrap;margin-top:7px}
.ispd-media img{width:96px;height:96px;object-fit:cover;border-radius:9px;border:1px solid var(--line);cursor:pointer}
.ispd-media audio{width:100%;max-width:330px;height:34px}
.ispd-src-err{font-size:12.5px;color:#b91c1c;background:rgba(220,38,38,.08);border:1px solid rgba(220,38,38,.25);padding:8px 11px;border-radius:9px;margin-bottom:8px}
.ispd-x{border:none;background:var(--tint);width:32px;height:32px;border-radius:9px;cursor:pointer;font-size:16px;color:var(--faint)}
.ispd-gt{font-size:10.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--blue-600);
  margin:12px 0 4px;padding-top:9px;border-top:1px solid var(--line)}
.ispd-card .ispd-gt:first-of-type{margin-top:4px;padding-top:0;border-top:none}
.ispd-hist .hh{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:3px}
.ispd-hist .hd{font-size:12.5px;font-weight:800;color:var(--ink);font-family:ui-monospace,Menlo,monospace}
.ispd-hist .hs{font-size:12px;color:var(--faint);font-weight:700;margin-bottom:5px}
.ispd-hist .ht{display:flex;gap:5px;flex-wrap:wrap;margin-top:6px}
.ispd-badge{font-size:9.5px;font-weight:900;letter-spacing:.06em;background:var(--blue-600);color:#fff;border-radius:6px;padding:2px 6px}
.ispd-st{font-size:9.5px;font-weight:900;letter-spacing:.05em;border-radius:6px;padding:2px 7px;margin-left:auto;
  background:var(--tint);color:var(--faint);text-transform:uppercase}
.ispd-st.ok{background:rgba(22,163,74,.16);color:#16a34a}
.ispd-st.wait{background:rgba(245,158,11,.16);color:#d97706}
body.dark .isp-pill.on{background:rgba(34,197,94,.18);color:#4ade80}
body.dark .isp-pill.off{background:rgba(239,68,68,.18);color:#f87171}
body.dark .isp-err{background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.3);color:#f87171}

/* ---- assign er note (popup er 2nd dhap + Details + Amar assign) ---- */
.asg-pop.step2{width:290px;overflow:visible}
.asg-hd2{display:flex;align-items:center;gap:6px}
.asg-bk{width:24px;height:24px;border:none;border-radius:7px;background:transparent;color:var(--muted);display:grid;place-items:center;cursor:pointer}
.asg-bk:hover{background:var(--tint);color:var(--ink)}
.asg-who{display:flex;align-items:center;gap:8px;padding:6px 8px;margin:2px 0 8px;border-radius:9px;background:var(--tint)}
.asg-who .asg-nm{font-size:13px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.asg-who .asg-nm i{font-style:normal;color:var(--faint);font-weight:600}
.asg-ta{width:100%;box-sizing:border-box;resize:vertical;min-height:70px;max-height:180px;padding:9px 11px;border:1px solid var(--line);border-radius:10px;
  background:var(--panel);color:var(--ink);font:inherit;font-size:13px;line-height:1.45;outline:none}
.asg-ta:focus{border-color:var(--blue-600)}
.asg-nfoot{display:flex;align-items:center;justify-content:space-between;margin-top:8px}
.asg-cnt{font-size:11px;color:var(--faint)}
.asg-go{border:none;border-radius:18px;padding:7px 16px;background:var(--blue-600);color:#fff;font:inherit;font-size:12.5px;font-weight:700;cursor:pointer}
.asg-go:hover{filter:brightness(1.08)}
/* note: assigned row er shathe joda ekta card (alada boro box na) */
.asg-row.on.has-note{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:transparent}
.asg-note{align-self:stretch;text-align:left;margin-top:-1px;padding:2px 12px 9px;cursor:pointer;
  background:var(--tint);border:1px solid var(--line);border-top:none;border-radius:0 0 12px 12px}
.asg-note .an-h{font-size:10.5px;font-weight:600;color:var(--faint);margin-bottom:2px}
.asg-note .an-t{font-size:12.5px;line-height:1.45;color:var(--muted);white-space:pre-wrap;word-break:break-word;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.asg-note.open .an-t{display:block}
.asg-note svg, .ai-note svg{width:13px;height:13px;flex:0 0 auto;margin-top:2px;color:var(--faint)}
.ai-note{display:flex;align-items:flex-start;gap:5px;font-size:12px;line-height:1.4;color:var(--ink);margin:2px 0 3px;
  background:var(--tint);border-radius:7px;padding:4px 7px;white-space:pre-wrap;word-break:break-word}
body.biz-isp.dark .asg-ta{background:var(--wa-field);border-color:transparent}
body.biz-isp.dark .asg-ta:focus{border-color:var(--wa-green)}
body.biz-isp.dark .asg-go{background:var(--wa-green);color:#0b141a}
body.biz-isp.dark .asg-who, body.biz-isp.dark .ai-note{background:#2e2f2f}
body.biz-isp.dark .asg-note{background:var(--wa-head);border-color:transparent}
body.biz-isp.dark .asg-note .an-t{color:#d0d0d0}
body.biz-isp.dark .asg-bk:hover{background:#2e2f2f}

body.biz-isp.dark .asg-row.on.has-note, body.biz-isp.dark .asg-note{background:#1f2121}

/* ---- "Amar assign" popup er row — porishkar (WhatsApp list er moto) ---- */
.asg-list{padding:4px 0}
.asg-item{padding:11px 18px !important;border-radius:0 !important;gap:12px !important;align-items:center !important}
.asg-item + .asg-item{margin-top:0 !important;border-top:1px solid var(--line)}
.asg-item .ai-nm{font-weight:600 !important;font-size:14.5px !important;color:var(--ink)}
.asg-item .ai-time{font-size:11.5px}
.asg-item .ai-line{font-size:13px;color:var(--muted);margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.asg-item .ai-line.note{color:var(--ink)}
.asg-item .ai-line.note svg{width:12px;height:12px;vertical-align:-1px;margin-right:4px;color:var(--faint)}
.asg-item .ai-sub{font-size:11.5px;color:var(--faint);margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.asg-item .ai-wait{font-weight:600 !important}
body.biz-isp.dark .asg-item .ai-line.note{color:#e9edef}