/* =====================================================================
   ISP: support form, message actions, pending support, resolve
   
   ===================================================================== */
/* ===== ISP: "Post to support" form — gochhano ===== */
body.biz-isp .sup-card{max-width:1040px;border-radius:16px;background:var(--panel)}
body.biz-isp .sup-head{padding:16px 20px}
body.biz-isp .sup-head h2{font-size:17px;font-weight:600}
body.biz-isp .sup-head .sub{font-weight:400;font-size:13px}
body.biz-isp .sup-body{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}
body.biz-isp .sup-form{padding:18px 20px 20px;background:var(--panel)}
body.biz-isp .sup-meta{display:block;margin-bottom:16px}
.sc-card{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;background:var(--tint)}
.sc-card .x-av{width:46px;height:46px;font-size:17px}
.sc-m{flex:1;min-width:0}
.sc-nm{font-size:15.5px;font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sc-id{font-size:12.5px;color:var(--faint);margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sc-sub{font-size:12.5px;color:var(--muted);margin-top:2px}
.sc-card .x-st{flex:0 0 auto}
body.biz-isp .sup-grid{gap:14px}
body.biz-isp .sup-f>span{font-size:12.5px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--muted)}
body.biz-isp .sup-f select, body.biz-isp .sup-f textarea{padding:10px 12px;border-radius:10px;font-size:14px}
body.biz-isp .sup-f select:focus, body.biz-isp .sup-f textarea:focus{border-color:#21c063;box-shadow:0 0 0 3px rgba(33,192,99,.15)}
body.biz-isp #supPrio{display:none}
.sup-seg{display:none}
body.biz-isp .sup-seg{display:flex;gap:6px;background:var(--tint);border-radius:10px;padding:3px}
body.biz-isp .sup-seg button{flex:1;border:none;background:transparent;border-radius:8px;padding:8px 10px;font-size:13.5px;
  color:var(--muted);cursor:pointer;font-family:inherit;text-transform:capitalize}
body.biz-isp .sup-seg button.on{background:var(--panel);color:var(--ink);font-weight:600;box-shadow:0 1px 3px rgba(0,0,0,.15)}
body.biz-isp .sup-seg button.hot.on{background:#dc2626;color:#fff}
body.biz-isp .sup-chk{margin-top:16px;background:transparent;border:none;padding:0}
body.biz-isp .sup-chk span{font-weight:400;font-size:13.5px}
body.biz-isp .sup-chk input{accent-color:#21c063}
body.biz-isp .sup-hint{font-size:12px}
body.biz-isp .sup-acts{margin-top:18px}
body.biz-isp .sup-acts .btn{border-radius:22px;padding:11px 22px;font-size:14px;font-weight:600}
body.biz-isp .sup-acts .btn.grad{background:#21c063 !important;color:#0b0b0b !important;box-shadow:none !important}
body.biz-isp .sup-acts .btn.ghost{background:transparent;border:1px solid var(--line);box-shadow:none !important}
body.biz-isp .sup-hist{background:var(--bg);padding:18px 20px}
body.biz-isp .sup-ht{font-size:13px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--ink);margin-bottom:14px}
body.biz-isp .sup-ht span{font-size:11.5px;font-weight:500;background:var(--tint);color:var(--faint)}
.x-tags span.hot{background:rgba(220,38,38,.12);color:#dc2626}
body.biz-isp .sup-hist .ispd-media{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:8px}
body.biz-isp .sup-hist .ispd-media audio{height:34px;max-width:240px}
body.biz-isp .sup-hist .ispd-media img{width:72px;height:72px;object-fit:cover;border-radius:10px;cursor:zoom-in}
body.biz-isp.dark .sup-card, body.biz-isp.dark .sup-head, body.biz-isp.dark .sup-form{background:#161717}
body.biz-isp.dark .sup-head, body.biz-isp.dark .sup-form{border-color:#2e2f2f}
body.biz-isp.dark .sup-hist{background:#1a1c1c}
body.biz-isp.dark .sc-card, body.biz-isp.dark .sup-seg{background:#242626}
body.biz-isp.dark .sup-seg button.on{background:#3b3d3d;color:#fafafa}
body.biz-isp.dark .sup-f select, body.biz-isp.dark .sup-f textarea{background:#242626;border-color:#2e2f2f;color:#fafafa}
body.biz-isp.dark .sup-acts .btn.ghost{border-color:#2e2f2f;color:#e9e9e9}
body.biz-isp.dark .x-tags span.hot{background:rgba(248,113,113,.15);color:#f87171}


/* ===== ISP: Messenger er moto message action (React / Reply) + reaction pill ===== */
.brow{display:flex;align-items:center;gap:6px;max-width:100%}
.msgrow.out .brow{flex-direction:row-reverse}
.brow > .bub{min-width:0}
.mhov{display:flex;align-items:center;gap:2px;opacity:0;transition:opacity .12s;flex:0 0 auto}
.msgrow:hover .mhov, .mhov:focus-within{opacity:1}
.msgrow.out .mhov{flex-direction:row-reverse}
.mh-b{width:30px;height:30px;border:none;background:transparent;border-radius:50%;color:#8a8d91;display:grid;place-items:center;cursor:pointer;padding:0}
.mh-b:hover{background:var(--tint);color:var(--ink)}
.mhov .mact{position:static;opacity:1;box-shadow:none;background:transparent;width:30px;height:30px;color:#8a8d91}
.mhov .mact:hover{background:var(--tint);color:var(--ink)}
body.biz-isp .rxchip{display:inline-flex;align-items:center;gap:1px;margin:-8px 0 0 12px;padding:1px 6px 1px 4px;border-radius:12px;
  background:#fff;border:none;box-shadow:0 1px 3px rgba(0,0,0,.25);font-size:13px;line-height:20px;cursor:default}
body.biz-isp .rxchip b{font-size:12px;font-weight:600;color:#65676b;margin-left:3px}
body.biz-isp .rxchip.mine b{color:#0866ff}
body.biz-isp .msgrow.out .rxchip{margin:-8px 12px 0 0}
body.biz-isp.dark .rxchip{background:#3b3d3d;box-shadow:0 1px 3px rgba(0,0,0,.5)}
body.biz-isp.dark .rxchip b{color:#d0d0d0}
body.biz-isp.dark .rxchip.mine b{color:#4ea3ff}
body.biz-isp.dark .mh-b, body.biz-isp.dark .mhov .mact{color:#a5a5a5}
body.biz-isp.dark .mh-b:hover, body.biz-isp.dark .mhov .mact:hover{background:#2e2f2f;color:#fafafa}
/* picker */
.rx-pop{position:fixed;z-index:9500;width:344px;max-width:calc(100vw - 16px);display:flex;flex-direction:column;border-radius:12px;background:var(--panel);
  border:1px solid var(--line);box-shadow:0 12px 32px rgba(0,0,0,.28);padding:0;gap:0;animation:rxIn .12s ease}
.rx-scroll{height:250px;overflow-y:auto;padding:6px 10px 4px;position:relative}
.rx-t{font-size:13px;color:var(--faint);padding:8px 4px 4px;font-weight:500;position:sticky;top:-6px;background:var(--panel);z-index:1}
.rx-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:2px}
.rx-grid button{border:none;background:transparent;font-size:24px;height:38px;border-radius:8px;cursor:pointer;line-height:1;padding:0;transition:transform .08s}
.rx-grid button:hover{background:var(--tint);transform:scale(1.12)}
.rx-grid button.on{background:rgba(8,102,255,.14)}
.rx-tabs{display:flex;justify-content:space-around;align-items:center;border-top:1px solid var(--line);padding:4px 6px}
.rx-tabs button{border:none;background:transparent;width:32px;height:32px;border-radius:8px;color:#8a8d91;cursor:pointer;display:grid;place-items:center;padding:0;
  border-bottom:2px solid transparent}
.rx-tabs button svg{width:18px;height:18px}
.rx-tabs button.on{color:#0866ff;border-bottom-color:#0866ff;border-radius:8px 8px 0 0}
.rx-tabs button.rx-rm{color:#dc2626;font-size:14px}
.rx-tabs button:hover{background:var(--tint)}
body.biz-isp.dark .rx-pop{background:#242626;border-color:#2e2f2f}
body.biz-isp.dark .rx-t{background:#242626;color:#a5a5a5}
body.biz-isp.dark .rx-grid button:hover{background:#2e2f2f}
body.biz-isp.dark .rx-tabs{border-top-color:#2e2f2f}
body.biz-isp.dark .rx-tabs button.on{color:#21c063;border-bottom-color:#21c063}
body.biz-isp.dark .rx-grid button.on{background:rgba(33,192,99,.18)}
@media(max-width:760px){ .mhov{opacity:1} }


/* ===== ISP: pending support — gochhano card ===== */
body.biz-isp .sup-pend.sp2{display:flex;align-items:flex-start;gap:12px;padding:10px 16px;background:var(--panel);
  border-top:1px solid var(--line);border-bottom:none;border-left:3px solid #f59e0b}
.sp2 .sp-ic{width:30px;height:30px;border-radius:50%;background:rgba(245,158,11,.14);color:#d97706;display:grid;place-items:center;flex:0 0 auto}
.sp2 .sp-ic svg{width:16px;height:16px}
.sp2 .sp-main{flex:1;min-width:0}
.sp2 .sp-top{display:flex;align-items:center;gap:8px;cursor:pointer;min-width:0}
.sp2 .sp-top b{font-size:13.5px;font-weight:600;color:var(--ink);flex:0 0 auto}
.sp2 .sp-st{font-size:11.5px;font-weight:500;color:#d97706;background:rgba(245,158,11,.14);border-radius:10px;padding:1px 8px;flex:0 0 auto;text-transform:capitalize}
.sp2 .sp-more{font-size:11.5px;color:var(--faint);flex:0 0 auto}
.sp2 .sp-meta{flex:1;min-width:0;font-size:12.5px;color:var(--faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sp2 .sp-fv{flex:0 0 auto;border:none;background:transparent;color:#21c063;font-size:12.5px;font-weight:500;cursor:pointer;font-family:inherit;padding:0}
.sp2 .sp-fv:hover{text-decoration:underline}
.sp2 .sp-chev{flex:0 0 auto;color:var(--faint);font-size:11px;width:14px;text-align:center}
.sp2 .sp-desc{font-size:13.5px;color:var(--ink);margin-top:3px;line-height:1.45;cursor:pointer;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sp2.open .sp-desc{white-space:pre-wrap;word-break:break-word}
.sp2 .sp-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:6px}
.sp2 .sp-tags span{font-size:11.5px;color:var(--faint);background:var(--tint);border-radius:8px;padding:1px 8px}
body.biz-isp.dark .sup-pend.sp2{background:#161717;border-top-color:#2e2f2f}
body.biz-isp.dark .sp2 .sp-ic{background:rgba(245,158,11,.16);color:#fbbf24}
body.biz-isp.dark .sp2 .sp-st{color:#fbbf24;background:rgba(245,158,11,.16)}
body.biz-isp.dark .sp2 .sp-tags span{background:#242626;color:#a5a5a5}


/* ===== ISP: resolve er age message beche neya ===== */
.rs-back{z-index:9350}
.rs-back.hide{display:none}
.rs-modal{width:460px;max-width:100%;border-radius:16px;overflow:hidden;display:flex;flex-direction:column}
.rs-modal .modal-top{padding:16px 18px 12px}
.rs-modal .modal-top b{font-size:16px;font-weight:600;color:var(--ink)}
.rs-modal .x{border:none;background:transparent;color:var(--faint);width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:15px}
.rs-list{display:flex;flex-direction:column;padding:6px 10px}
.rs-opt{display:flex;align-items:flex-start;gap:12px;width:100%;border:none;background:transparent;text-align:left;padding:10px;border-radius:10px;cursor:pointer;font-family:inherit;color:var(--ink)}
.rs-opt:hover{background:var(--tint)}
.rs-radio{width:18px;height:18px;border-radius:50%;border:2px solid var(--faint);flex:0 0 auto;margin-top:1px;position:relative}
.rs-opt.on .rs-radio{border-color:#21c063}
.rs-opt.on .rs-radio:after{content:"";position:absolute;inset:3px;border-radius:50%;background:#21c063}
.rs-t{display:flex;flex-direction:column;gap:2px;min-width:0}
.rs-t b{font-size:14px;font-weight:500}
.rs-t small{font-size:12.5px;color:var(--faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:360px}
.rs-edit{padding:4px 20px 0}
.rs-edit.hide{display:none}
.rs-edit textarea{width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:14px;font-family:inherit;
  background:var(--panel);color:var(--ink);resize:vertical;outline:none;margin:0}
.rs-edit textarea:focus{border-color:#21c063}
.rs-hint{font-size:11.5px;color:var(--faint);margin-top:5px}
.rs-foot{display:flex;justify-content:flex-end;gap:10px;padding:14px 18px 16px}
.rs-foot button{border-radius:22px;padding:10px 18px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit}
.rs-cancel{background:transparent;border:1px solid var(--line);color:var(--ink)}
.rs-go{background:#21c063;border:none;color:#0b0b0b}
body.dark .rs-modal{background:#1d1f1f}
body.dark .rs-opt:hover{background:#242626}
body.dark .rs-edit textarea{background:#242626;border-color:#2e2f2f}
body.dark .rs-cancel{border-color:#2e2f2f}


/* 24h tag: simple icon + chhoto lekha, halka */
.win-tag{gap:3px;padding:0 6px 0 4px;font-size:11px;font-weight:600;line-height:17px;border-radius:9px}
.win-tag svg{width:11px;height:11px;flex:0 0 auto}
body.biz-isp .win-tag.closed{background:transparent;color:#dc2626;padding-left:0}
body.biz-isp .win-tag.warn{background:transparent;color:#d97706;padding-left:0}
body.biz-isp.dark .win-tag.closed{color:#f87171}
body.biz-isp.dark .win-tag.warn{color:#fbbf24}


/* map: eksathe down — karon (fiber / current) label */
.nm-cause{position:relative;transform:translate(-50%,-100%);display:inline-flex;align-items:center;gap:6px;white-space:nowrap;
  background:#111;color:#fff;border:2px solid var(--gc);border-radius:10px;padding:4px 9px 4px 7px;font-size:11px;box-shadow:0 3px 10px rgba(0,0,0,.45);cursor:pointer}
.nm-cause svg{width:14px;height:14px;flex:0 0 auto;color:var(--gc)}
.nm-cause b{font-weight:700}
.nm-cause span{opacity:.85;font-weight:500}
.nm-cause.power svg{color:#facc15}
.nm-ck{font-style:normal;font-size:10.5px;font-weight:700;border-radius:8px;padding:0 6px;margin-left:2px}
.nm-ck.fiber{background:rgba(59,130,246,.2);color:#60a5fa}
.nm-ck.power{background:rgba(250,204,21,.2);color:#eab308}
.nm-stats .nm-g.on .nm-ck{background:rgba(255,255,255,.25);color:#fff}