/* =====================================================================
   INBOX: right info panel
   Dan pasher Details column.
   ===================================================================== */
/* ============ RIGHT INFO ============ */
.info-head{height:48px;display:flex;align-items:center;padding:0 18px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--faint);border-bottom:1px solid var(--line)}
.info{padding:20px 16px;overflow-y:auto;flex:1}
.info .head{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:6px 0 20px;border-bottom:1px solid var(--line)}
.info .head .nm{font-weight:700;font-size:16px;letter-spacing:-.01em}
.info .head .ch{font-size:12px;color:var(--muted)}
/* phone number under the name (WhatsApp threads) */
.info .head .phone{display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:13px;font-weight:600;color:#15803d;background:#dcfce7;border-radius:20px;padding:5px 12px;cursor:pointer;transition:.15s;border:1px solid transparent}
.info .head .phone:hover{border-color:#86efac;filter:brightness(.98)}
.info .head .phone.lid{color:#a16207;background:#fef3c7}
.info .head .phone.grp{color:#6d28d9;background:#ede9fe;cursor:default}
/* SMS */
.sms-modal{width:420px;max-width:100%}
.sms-body{padding:18px}
.sms-body .k{font-size:11px;color:var(--faint);font-weight:600;margin-top:12px}
.sms-body .k:first-child{margin-top:0}
.sms-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:7px;
  font-size:11.5px;color:var(--faint);font-weight:600}
.sms-uni{background:#fef3c7;color:#a16207;padding:2px 8px;border-radius:20px;font-size:10.5px}
body.dark .sms-uni{background:rgba(161,98,7,.25);color:#fcd34d}
.info .head .phone .cp{opacity:.55;font-size:11px}
/* compact icon action row */
.io-acts{display:flex;align-items:center;gap:8px;margin-top:4px}
.iobtn{width:36px;height:36px;border-radius:11px;border:1px solid var(--line);background:#fff;color:var(--muted);display:grid;place-items:center;cursor:pointer;transition:.15s;padding:0;flex:0 0 auto}
.iobtn svg{width:17px;height:17px;display:block}
.iobtn:hover{background:var(--tint);border-color:#c9d8ef;color:var(--blue-600);transform:translateY(-1px);box-shadow:var(--sh-sm)}
.iobtn:active{transform:none}
.iobtn:disabled{opacity:.55;cursor:default;transform:none;box-shadow:none}
.iobtn.busy svg{animation:spin .8s linear infinite}
.iobtn-call{background:#dcfce7;border-color:#bbf7d0;color:#15803d}
.iobtn-call:hover{background:#bbf7d0;border-color:#86efac;color:#126830}
body.dark .iobtn-call{background:rgba(0,168,132,.18);border-color:rgba(0,168,132,.3);color:#7fdfc4}
body.dark .iobtn-call:hover{background:rgba(0,168,132,.28);border-color:rgba(0,168,132,.45);color:#a7f3d0}
/* GenPhone er floating button ta jeno amader rail/menu er niche na pore */
#genphone-widget,.genphone-widget,.genphone-launcher{z-index:80!important}
@keyframes spin{to{transform:rotate(360deg)}}
.info .sec-title{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--faint);margin:20px 0 8px;font-weight:800}
.info .k{font-size:11px;color:var(--faint);margin-top:11px;font-weight:600}
.info .v{font-size:13.5px;margin-top:2px;line-height:1.45}
.info .finput{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:10px;font-size:13.5px;margin-top:4px}
.status-pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;padding:5px 12px;border-radius:20px}
.status-pill.open{background:#dcfce7;color:#15803d}
.status-pill .d{width:7px;height:7px;border-radius:50%;background:currentColor}
.info-empty{color:var(--faint);font-size:13px;text-align:center;padding:54px 24px;line-height:1.6}