/* CM_OVERRIDES_V1: единен гладък градиент (втори вариант – тъмно синьо-лилаво) */

/* Принудителен тъмен вариант на цялата страница – без „парчета” */
:root {
  --bg: #1c1935;
  --surface: #252240;
  --border: rgba(255,255,255,.10);
  --text: #e9eef7;
  --muted: #9ca3af;
  --p1: #7c3aed;
  --p2: #ec4899;
  --primary: var(--p1);
}

html { height:100%; }
body{
  min-height:100vh;
  margin:0;
  background: transparent !important;
  color: var(--text) !important;
}
@media (max-width: 980px){ body{ background-attachment:scroll !important; } }

/* махаме “лентите” само като paint, без да чупим layout */
.cm-fullbleed,
.cmX-wrap{
  background-color: transparent !important;
  background-image: none !important;
}

/* Browse: картките са стъкло – единен градиент на body */
.cm-fullbleed .card.cmB-card,
.cm-fullbleed .cmB-card{
  background: rgba(255,255,255,.04) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

/* Footer – стъклено, единен градиент се вижда */
footer, .footer, .site-footer{
  background: rgba(0,0,0,.04) !important;
  border-top: 1px solid rgba(255,255,255,.08);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* FIX: двойни стрелки на select – махаме custom background arrow, оставяме native */
select{
  background-image: none !important;
}
option{
  background: #0B1020;
  color: #EAF0FF;
}

/* CM_AVATAR_FRAME_GLOBAL_V1: hard avatar frames (prevents giant images) */
.cmX-avatar{
  width:34px !important;
  height:34px !important;
  border-radius:12px !important;
  overflow:hidden !important;
  background: rgba(255,255,255,.08) !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 34px !important;
}
.cmX-avatar img{
  width:100% !important;
  height:100% !important;
  display:block !important;
  object-fit:cover !important;
}

@media (max-width: 980px){
  /* mobile cards avatar (if cards reuse cmX-avatar) */
  .cmB-cards .cmX-avatar{
    width:44px !important;
    height:44px !important;
    border-radius:14px !important;
    flex:0 0 44px !important;
  }
}

/* CM_AVATAR_HARD_CLAMP_V1: if an avatar img escapes its frame, clamp it */
.cmX-table img[src*="/storage/uploads/avatars/"]{
  max-width: 34px !important;
  max-height: 34px !important;
  width: 34px !important;
  height: 34px !important;
  object-fit: cover !important;

  border-radius: 12px !important;
  display: block !important;
}
@media (max-width: 980px){
  .cmB-cards img[src*="/storage/uploads/avatars/"],
  .cmM-card img[src*="/storage/uploads/avatars/"]{
    max-width: 44px !important;
    max-height: 44px !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 14px !important;
  }
}

/* CM_DESKTOP_AVATAR_LAYOUT_V1: bigger avatar + same-row alignment (desktop only) */



/* CM_DESKTOP_AVATAR_ROW_HARDLOCK_V1: ALWAYS avatar+name on one row + bigger avatar (desktop) */
@media (min-width: 981px){
  /* give room for 56px avatar */
  table.cmX-table tbody tr{ height:72px !important; }

  /* force the name line container to be inline-flex row */
  table.cmX-table td.cmX-nameCell .cmX-nameLine{
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
    min-width:0 !important;
  }

  /* prevent title wrapping */
  table.cmX-table td.cmX-nameCell .cmX-title{
    display:block !important;
    min-width:0 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  /* hard avatar frame (56x56) */
  table.cmX-table td.cmX-nameCell .cmX-avatar{
    width:56px !important;
    height:56px !important;
    min-width:56px !important;
    min-height:56px !important;
    max-width:56px !important;
    max-height:56px !important;
    border-radius:18px !important;
    overflow:hidden !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 56px !important;
    background: rgba(255,255,255,.08) !important;
  }

  table.cmX-table td.cmX-nameCell .cmX-avatar img{
    width:100% !important;
    height:100% !important;
    display:block !important;
    object-fit:cover !important;
  }
}

/* CM_AVATAR_DESKTOP_ALIGN_V2: avatar inline with name row (no row expansion) */
@media (min-width: 981px){
  /* keep everything on one line in name cell */
  .cmX-nameCell,
  .cmX-nameLine{
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
    min-width:0 !important;
  }

  .cmX-nameCell img{
    width:44px !important;
    height:44px !important;
    max-width:44px !important;
    max-height:44px !important;
    border-radius:12px !important;
    object-fit:cover !important;
    display:block !important;
    flex:0 0 44px !important;
  }

  .cmX-avatar{
    width:44px !important;
    height:44px !important;
    flex:0 0 44px !important;
    border-radius:12px !important;
    overflow:hidden !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    background: rgba(255,255,255,.08) !important;
  }
  .cmX-avatar img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    display:block !important;
  }

  .cmX-table tbody tr{ height:60px !important; }
}

/* CM_AVATAR_FRAMES_V3 – един блок */
@media (min-width: 981px){
  .cmX-avatarFrame{
    width:44px !important; height:44px !important; flex:0 0 44px !important;
    border-radius:12px !important; overflow:hidden !important;
    background: rgba(255,255,255,.06) !important;
    border: 1px solid rgba(255,255,255,.12) !important;
  }
  .cmX-avatarFrame img{ width:100% !important; height:100% !important; object-fit:cover !important; display:block !important; }
}
@media (max-width: 980px){
  .cmM-avatarFrame{
    width:44px !important; height:44px !important;
    border-radius:12px !important; overflow:hidden !important;
    background: rgba(255,255,255,.06) !important;
    border: 1px solid rgba(255,255,255,.12) !important;
  }
  .cmM-avatarFrame img{ width:100% !important; height:100% !important; object-fit:cover !important; display:block !important; }
}

/* CM_SOCIAL_PNG_ICONS_V3 */
.cmSocPng{
  width:18px;
  height:18px;
  display:inline-block;
  vertical-align:middle;
  border-radius:7px;
  overflow:hidden;
}

/* Hide header icons (keep column labels) – only icons inside .ic */
.cmX-table thead .ic svg,
.cmX-table thead .ic img{
  display:none !important;
}

/* Show social column header icons (inline SVG in th) */
.cmX-table thead th .cm-soc-tt,
.cmX-table thead th .cm-soc-ig,
.cmX-table thead th .cm-soc-yt{
  display:inline-block !important;
  width:18px !important;
  height:18px !important;
  vertical-align:middle !important;
  flex-shrink:0;
}

/* Inline SVG social icons – брандови цветове (fill=currentColor) */
.cmX-table thead th .cm-soc-tt,
.cmX-table tbody .cm-soc-tt,
.cmM-card .cm-soc-tt{ color:#25F4EE !important; fill:currentColor !important; }
.cmX-table thead th .cm-soc-ig,
.cmX-table tbody .cm-soc-ig,
.cmM-card .cm-soc-ig{ color:#E4405F !important; fill:currentColor !important; }
.cmX-table thead th .cm-soc-yt,
.cmX-table tbody .cm-soc-yt,
.cmM-card .cm-soc-yt{ color:#FF0000 !important; fill:currentColor !important; }

/* CM_FIX_SOCIAL_AVATAR_SIZES_V1 + social icon sizing (single block) */
.cmX-table tbody .ic,
.cmM-card .ic{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  white-space:nowrap !important;
}
.cmX-table tbody .cmX-mini,
.cmM-card .cmM-soc{ white-space:nowrap !important; }

/* PNG (injected) size */
.cmX-table tbody .ic img,
.cmM-card .ic img{
  width:18px !important;
  height:18px !important;
  max-width:18px !important;
  max-height:18px !important;
  border-radius:7px !important;
  display:inline-block !important;
  vertical-align:middle !important;
  object-fit:cover !important;
}
/* Social icon img in table body – 20px like SVG */
.cmX-table tbody .ic .cm-soc-icon{
  width:20px !important;
  height:20px !important;
  max-width:20px !important;
  max-height:20px !important;
}

/* SVG official icons: 20px + brand colors */
.cmX-table tbody .ic svg,
.cmM-card .ic svg,
.cmX-table tbody .cm-soc-tt,
.cmX-table tbody .cm-soc-ig,
.cmX-table tbody .cm-soc-yt,
.cmM-card .cm-soc-tt,
.cmM-card .cm-soc-ig,
.cmM-card .cm-soc-yt{
  display:inline-block !important;
  width:20px !important;
  height:20px !important;
  vertical-align:middle !important;
}
.cmX-table tbody .ic svg.cm-soc-tt,
.cmX-table tbody .cm-soc-tt,
.cmM-card .ic svg.cm-soc-tt,
.cmM-card .cm-soc-tt{ color:#25F4EE !important; fill:currentColor !important; }
.cmX-table tbody .ic svg.cm-soc-ig,
.cmX-table tbody .cm-soc-ig,
.cmM-card .ic svg.cm-soc-ig,
.cmM-card .cm-soc-ig{ color:#E4405F !important; fill:currentColor !important; }
.cmX-table tbody .ic svg.cm-soc-yt,
.cmX-table tbody .cm-soc-yt,
.cmM-card .ic svg.cm-soc-yt,
.cmM-card .cm-soc-yt{ color:#FF0000 !important; fill:currentColor !important; }

.cmX-mini .v,
.cmM-soc .v{ font-variant-numeric: tabular-nums; opacity:.92; }

/* cm-rowclick-hover (Browse rows/cards clickable) */
.cmX-table tbody tr[role="link"]:hover {
  background: rgba(255,255,255,0.03);
}
.cmM-card[role="link"]:hover,
.cmM-creatorCard[role="link"]:hover,
.cmM-resultCard[role="link"]:hover,
[data-cm-card][role="link"]:hover {
  filter: brightness(1.05);
}

/* ---------------------------
   Public Profile (Portfolio)
---------------------------- */
.cmPub-wrap{max-width:1100px;margin:0 auto;padding:28px 18px 34px;}
.cmPub-hero{display:flex;gap:18px;align-items:center;padding:18px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);backdrop-filter: blur(10px);}
.cmPub-avatarFrame{width:104px;height:104px;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.12);box-shadow: 0 10px 28px rgba(0,0,0,.35);flex:0 0 auto;background:rgba(255,255,255,.03);}
.cmPub-avatar{width:100%;height:100%;display:block;object-fit:cover;}
.cmPub-main{min-width:0;flex:1;}
.cmPub-titleRow{display:flex;gap:10px;align-items:center;flex-wrap:wrap;}
.cmPub-name{margin:0;font-size:42px;line-height:1.05;letter-spacing:-.02em;}
.cmPub-headline{margin-top:6px;opacity:.9;font-size:15px;}
.cmPub-meta{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap}
.cmPub-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);font-size:12px;opacity:.92;}
.cmPub-badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-size:12px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);}
.cmPub-badgeVerified{box-shadow:0 0 0 1px rgba(124,58,237,.3) inset, 0 0 18px rgba(124,58,237,.35);}
.cmPub-stats{margin-top:12px;display:flex;gap:10px;flex-wrap:wrap}
.cmPub-stat{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:12px;background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.08);font-weight:600;}
.cmPub-actions{margin-top:14px;display:flex;gap:10px;flex-wrap:wrap}
.cmPub-linkBtn{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);text-decoration:none;font-weight:600;}
.cmPub-linkBtn:hover{filter:brightness(1.07)}
.cmPub-linkBtnGhost{background:transparent}
.cmPub-urlNote{margin-top:12px;opacity:.65;font-size:13px}
.cmPub-mono{font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;}
.cmPub-grid{margin-top:16px;display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:stretch;}
.cmPub-card{padding:16px;border-radius:16px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(10px);box-sizing:border-box;min-height:120px;}
.cmPub-h2{margin:0 0 10px 0;font-size:16px;letter-spacing:.02em;opacity:.95}
.cmPub-bio{margin:0;opacity:.9;line-height:1.6}
.cmPub-muted{margin:0;opacity:.65}
.cmPub-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
.cmPub-gItem{display:block;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.10);background:rgba(0,0,0,.2);}
.cmPub-gItem img{width:100%;height:120px;object-fit:cover;display:block;}
@media (max-width: 900px){
  .cmPub-grid{grid-template-columns:1fr}
}
@media (max-width: 640px){
  .cmPub-hero{align-items:flex-start}
  .cmPub-avatarFrame{width:86px;height:86px;border-radius:16px}
  .cmPub-name{font-size:34px}
  .cmPub-gItem img{height:110px}
}

/* CM_INBOX_AVATAR_CSS_V1 */
.cmInboxAvLink{display:inline-block; vertical-align:middle; margin-right:10px; text-decoration:none;}
.cmInboxAvFrame{
  width:34px; height:34px; border-radius:12px; overflow:hidden;
  display:inline-block; border:1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.04);
  box-shadow: 0 8px 22px rgba(0,0,0,.35);
}
.cmInboxAvFrameLg{ width:44px; height:44px; border-radius:14px; }
.cmInboxAvImg{ width:100%; height:100%; display:block; object-fit:cover; }
/* make items feel aligned without forcing flex (safe) */
.cmInboxHasAvatar{ }

/* CM_INBOX_AVATAR_CSS_V2 */
.cmInboxAvLink{display:inline-block;vertical-align:middle;margin-right:10px;text-decoration:none;}
.cmInboxAvFrame{
  width:34px;height:34px;border-radius:12px;overflow:hidden;display:inline-block;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.04);
  box-shadow:0 8px 22px rgba(0,0,0,.35);
}
.cmInboxAvFrameLg{width:44px;height:44px;border-radius:14px;}
.cmInboxAvImg{width:100%;height:100%;display:block;object-fit:cover;}

/* CM_INBOX_SIDEBAR_LAYOUT_V1 */
.cmInbox2{
  display:grid;
  grid-template-columns: 360px minmax(0,1fr);
  gap:18px;
  align-items:start;
  margin-top: 14px;
}
.cmInbox2-left{
  position: sticky;
  top: calc(var(--nav-h, 72px) + 14px);
  max-height: calc(100vh - var(--nav-h, 72px) - 24px);
  overflow:auto;
  padding-right: 2px;
}
.cmInbox2-right{
  min-width: 0;
}
@media (max-width: 980px){
  .cmInbox2{ grid-template-columns: 1fr; }
  .cmInbox2-left{ position: relative; top: auto; max-height: none; overflow: visible; }
}

/* Avatars */
.cmInboxAvLink{display:inline-block;vertical-align:middle;margin-right:10px;text-decoration:none;}
.cmInboxAvFrame{
  width:34px;height:34px;border-radius:12px;overflow:hidden;display:inline-block;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.04);
  box-shadow:0 8px 22px rgba(0,0,0,.35);
}
.cmInboxAvFrameLg{width:44px;height:44px;border-radius:14px;}
.cmInboxAvImg{width:100%;height:100%;display:block;object-fit:cover;}

/* CM_INBOX_SIDEBAR_LAYOUT_V2 */
.cmInbox2{
  display:grid;
  grid-template-columns: 360px minmax(0,1fr);
  gap:18px;
  align-items:start;
  margin-top:14px;
}
.cmInbox2-left{
  position: sticky;
  top: calc(var(--nav-h, 72px) + 14px);
  max-height: calc(100vh - var(--nav-h, 72px) - 24px);
  overflow:auto;
}
.cmInbox2-right{ min-width:0; }
@media (max-width: 980px){
  .cmInbox2{ grid-template-columns: 1fr; }
  .cmInbox2-left{ position:relative; top:auto; max-height:none; overflow:visible; }
}
/* Avatars */
.cmInboxAvLink{display:inline-block;vertical-align:middle;margin-right:10px;text-decoration:none;}
.cmInboxAvFrame{
  width:34px;height:34px;border-radius:12px;overflow:hidden;display:inline-block;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.04);
  box-shadow:0 8px 22px rgba(0,0,0,.35);
}
.cmInboxAvFrameLg{width:44px;height:44px;border-radius:14px;}
.cmInboxAvImg{width:100%;height:100%;display:block;object-fit:cover;}

/* CM_INBOX_GRID_V1 */
.cmInboxGrid{
  display:grid;
  grid-template-columns: 340px minmax(0,1fr);
  gap:18px;
  align-items:start;
}
.cmInboxGrid > *:first-child{
  grid-column:1;
  position: sticky;
  top: calc(var(--nav-h, 72px) + 14px);
  max-height: calc(100vh - var(--nav-h, 72px) - 24px);
  overflow:auto;
}
.cmInboxGrid > *:not(:first-child){ grid-column:2; min-width:0; }
@media (max-width: 980px){
  .cmInboxGrid{ grid-template-columns:1fr; }
  .cmInboxGrid > *{ grid-column:1 !important; }
  .cmInboxGrid > *:first-child{ position:relative; top:auto; max-height:none; overflow:visible; }
}

/* avatars */
.cmInboxAv{display:inline-flex;align-items:center;gap:10px;margin-right:10px;vertical-align:middle;}
.cmInboxAvFrame{
  width:34px;height:34px;border-radius:12px;overflow:hidden;display:inline-block;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.04);
  box-shadow:0 8px 22px rgba(0,0,0,.35);
  flex:0 0 auto;
}
.cmInboxAvImg{width:100%;height:100%;display:block;object-fit:cover;}

/* CM_INBOX_GRID_V3 */
html.cmBrandInbox .cmInboxGrid{
  display:grid;
  grid-template-columns: 340px minmax(0,1fr);
  gap:18px;
  align-items:start;
}
html.cmBrandInbox .cmInboxThreads{ grid-column:1; }
html.cmBrandInbox .cmInboxConvo{ grid-column:2; min-width:0; }
html.cmBrandInbox .cmInboxReply{ grid-column:2; min-width:0; }

html.cmBrandInbox .cmInboxThreads{
  position: sticky;
  top: calc(var(--nav-h, 72px) + 14px);
  max-height: calc(100vh - var(--nav-h, 72px) - 24px);
  overflow:auto;
}

@media (max-width: 980px){
  html.cmBrandInbox .cmInboxGrid{ grid-template-columns:1fr; }
  html.cmBrandInbox .cmInboxThreads{
    position:relative; top:auto; max-height:none; overflow:visible;
  }
  html.cmBrandInbox .cmInboxThreads,
  html.cmBrandInbox .cmInboxConvo,
  html.cmBrandInbox .cmInboxReply{ grid-column:1; }
}

/* avatars */
.cmInboxAv{display:inline-flex;align-items:center;gap:10px;margin-right:10px;vertical-align:middle;}
.cmInboxAvFrame{
  width:34px;height:34px;border-radius:12px;overflow:hidden;display:inline-block;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.04);
  box-shadow:0 8px 22px rgba(0,0,0,.35);
  flex:0 0 auto;
}
.cmInboxAvImg{width:100%;height:100%;display:block;object-fit:cover;}

/* chat avatar next to LEFT bubbles */
.cmChatRow{display:flex; align-items:flex-end; gap:10px; margin:10px 0;}
.cmChatRowLeft{justify-content:flex-start;}
.cmChatRowLeft .cmInboxAvFrame{width:30px;height:30px;border-radius:10px;opacity:.95}

/* CM_INBOX_UI_V4_CSS */
.cmInboxAv{display:inline-flex;align-items:center;gap:10px;margin-right:10px;vertical-align:middle;}
.cmInboxAvFrame{
  width:34px;height:34px;border-radius:12px;overflow:hidden;display:inline-block;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.04);
  box-shadow:0 8px 22px rgba(0,0,0,.35);
  flex:0 0 auto;
}
.cmInboxAvImg{width:100%;height:100%;display:block;object-fit:cover;}
.cmChatRow{display:flex; align-items:flex-end; gap:10px; margin:10px 0;}
.cmChatRowLeft{justify-content:flex-start;}
.cmChatRowLeft .cmInboxAvFrame{width:30px;height:30px;border-radius:10px;opacity:.95}

/* CM_INBOX_V5_CSS */
html.cmBrandInbox .cmInboxGrid{
  display:grid;
  grid-template-columns: 340px minmax(0,1fr);
  gap:18px;
  align-items:start;
}
html.cmBrandInbox .cmInboxLeft{
  position: sticky;
  top: calc(var(--nav-h, 72px) + 14px);
  max-height: calc(100vh - var(--nav-h, 72px) - 24px);
  overflow:auto;
}
html.cmBrandInbox .cmInboxRight{ min-width:0; }

@media (max-width: 980px){
  html.cmBrandInbox .cmInboxGrid{ grid-template-columns:1fr; }
  html.cmBrandInbox .cmInboxLeft{ position:relative; top:auto; max-height:none; overflow:visible; }
}

/* avatars */
.cmInboxAv{display:inline-flex;align-items:center;gap:10px;margin-right:10px;vertical-align:middle;}
.cmInboxAvFrame{
  width:34px;height:34px;border-radius:12px;overflow:hidden;display:inline-block;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.04);
  box-shadow:0 8px 22px rgba(0,0,0,.35);
  flex:0 0 auto;
}
.cmInboxAvImg{width:100%;height:100%;display:block;object-fit:cover;}
.cmChatRow{display:flex; align-items:flex-end; gap:10px; margin:10px 0;}
.cmChatRowLeft{justify-content:flex-start;}
.cmChatRowLeft .cmInboxAvFrame{width:30px;height:30px;border-radius:10px;opacity:.95}

/* CM_INBOX_V6_CSS */
.cmInboxGrid{
  display:grid;
  grid-template-columns: 340px minmax(0,1fr);
  gap:18px;
  align-items:start;
}
.cmInboxThreads{
  grid-column:1;
  position: sticky;
  top: calc(var(--nav-h, 72px) + 14px);
  max-height: calc(100vh - var(--nav-h, 72px) - 24px);
  overflow:auto;
}
.cmInboxConvo{ grid-column:2; min-width:0; }
.cmInboxReply{ grid-column:2; min-width:0; }

@media (max-width: 980px){
  .cmInboxGrid{ grid-template-columns:1fr; }
  .cmInboxThreads{
    position:relative; top:auto; max-height:none; overflow:visible;
  }
  .cmInboxThreads,.cmInboxConvo,.cmInboxReply{ grid-column:1; }
}

/* avatars */
.cmInboxAv{display:inline-flex;align-items:center;gap:10px;margin-right:10px;vertical-align:middle;}
.cmInboxAvFrame{
  width:34px;height:34px;border-radius:12px;overflow:hidden;display:inline-block;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.04);
  box-shadow:0 8px 22px rgba(0,0,0,.35);
  flex:0 0 auto;
}
.cmInboxAvImg{width:100%;height:100%;display:block;object-fit:cover;}
.cmChatRow{display:flex; align-items:flex-end; gap:10px; margin:10px 0;}
.cmChatRowLeft{justify-content:flex-start;}
.cmChatRowLeft .cmInboxAvFrame{width:30px;height:30px;border-radius:10px;opacity:.95}

/* CM_INBOX_V7_CSS */
.cmInboxAv{display:inline-flex;align-items:center;gap:10px;margin-right:10px;vertical-align:middle;}
.cmInboxAvFrame{
  width:34px;height:34px;border-radius:12px;overflow:hidden;display:inline-block;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.04);
  box-shadow:0 8px 22px rgba(0,0,0,.35);
  flex:0 0 auto;
}
.cmInboxAvImg{width:100%;height:100%;display:block;object-fit:cover;}
.cmChatRow{display:flex; align-items:flex-end; gap:10px; margin:10px 0;}
.cmChatRowLeft{justify-content:flex-start;}
.cmChatRowLeft .cmInboxAvFrame{width:30px;height:30px;border-radius:10px;opacity:.95}

/* CM_INBOX_V8_TWEAKS */
/* make Conversation title smaller + tighter */
html.cmBrandInbox .cmInboxConvo .cs-title-lg{
  font-size: 34px !important;
  line-height: 1.08 !important;
  margin: 0 0 8px 0 !important;
}
/* make Brand Inbox title a bit smaller */
html.cmBrandInbox .cmInboxThreads .cs-title{
  font-size: 18px !important;
  opacity: .92;
  margin: 0 0 10px 0 !important;
}
/* reduce top padding feel (safe) */
html.cmBrandInbox .cmInboxThreads,
html.cmBrandInbox .cmInboxConvo,
html.cmBrandInbox .cmInboxReply{
  padding-top: 10px !important;
}

/* CM_INBOX_V8_CSS */
html.cmBrandInbox .cmInboxGrid{
  display:grid;
  grid-template-columns: 320px minmax(0,1fr);
  gap:18px;
  align-items:start;
}
html.cmBrandInbox .cmInboxLeft{
  position: sticky;
  top: calc(var(--nav-h, 72px) + 14px);
  max-height: calc(100vh - var(--nav-h, 72px) - 24px);
  overflow:auto;
  overflow-x:hidden;
}
html.cmBrandInbox .cmInboxRight{ min-width:0; }
@media (max-width: 980px){
  html.cmBrandInbox .cmInboxGrid{ grid-template-columns:1fr; }
  html.cmBrandInbox .cmInboxLeft{ position:relative; top:auto; max-height:none; overflow:visible; }
}

/* Make titles start aligned + reduce Conversation size */
html.cmBrandInbox .cmInboxRight .cs-title-lg{
  font-size: 44px;
  line-height: 1.05;
  margin-top: 0;
}
html.cmBrandInbox .cmInboxLeft .cs-title{
  margin-top: 0;
}

/* avatars */
.cmInboxAv{display:inline-flex;align-items:center;gap:10px;margin-right:10px;vertical-align:middle;}
.cmInboxAvFrame{
  width:34px;height:34px;border-radius:12px;overflow:hidden;display:inline-block;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.04);
  box-shadow:0 8px 22px rgba(0,0,0,.35);
  flex:0 0 auto;
}
.cmInboxAvImg{width:100%;height:100%;display:block;object-fit:cover;}
.cmChatRow{display:flex; align-items:flex-end; gap:10px; margin:10px 0;}
.cmChatRowLeft{justify-content:flex-start;}
.cmChatRowLeft .cmInboxAvFrame{width:30px;height:30px;border-radius:10px;opacity:.95}

/* CM_INBOX_V82_CSS */
html.cmBrandInbox .cmInboxGrid{
  display:grid;
  grid-template-columns: 320px minmax(0,1fr);
  gap:18px;
  align-items:start;
}
html.cmBrandInbox .cmInboxLeft{
  position: sticky;
  top: calc(var(--nav-h, 72px) + 14px);
  max-height: calc(100vh - var(--nav-h, 72px) - 24px);
  overflow:auto;
  overflow-x:hidden;
}
html.cmBrandInbox .cmInboxRight{ min-width:0; }
@media (max-width: 980px){
  html.cmBrandInbox .cmInboxGrid{ grid-template-columns:1fr; }
  html.cmBrandInbox .cmInboxLeft{ position:relative; top:auto; max-height:none; overflow:visible; }
}

/* Smaller Conversation title + align top */
html.cmBrandInbox .cmInboxRight .cs-title-lg{ font-size:44px; line-height:1.05; margin-top:0; }
html.cmBrandInbox .cmInboxLeft .cs-title{ margin-top:0; }

/* avatars */
.cmInboxAv{display:inline-flex;align-items:center;gap:10px;margin-right:10px;vertical-align:middle;}
.cmInboxAvFrame{
  width:34px;height:34px;border-radius:12px;overflow:hidden;display:inline-block;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.04);
  box-shadow:0 8px 22px rgba(0,0,0,.35);
  flex:0 0 auto;
}
.cmInboxAvImg{width:100%;height:100%;display:block;object-fit:cover;}
.cmChatRow{display:flex; align-items:flex-end; gap:10px; margin:10px 0;}
.cmChatRowLeft{justify-content:flex-start;}
.cmChatRowLeft .cmInboxAvFrame{width:30px;height:30px;border-radius:10px;opacity:.95}

/* CM_INBOX_V83_CSS */
html.cmBrandInbox .cmInboxGrid{
  display:grid;
  grid-template-columns: 320px minmax(0,1fr);
  gap:18px;
  align-items:start;
}
html.cmBrandInbox .cmInboxLeft{
  position: sticky;
  top: calc(var(--nav-h, 72px) + 14px);
  max-height: calc(100vh - var(--nav-h, 72px) - 24px);
  overflow:auto;
  overflow-x:hidden;
}
html.cmBrandInbox .cmInboxRight{ min-width:0; }
@media (max-width: 980px){
  html.cmBrandInbox .cmInboxGrid{ grid-template-columns:1fr; }
  html.cmBrandInbox .cmInboxLeft{ position:relative; top:auto; max-height:none; overflow:visible; }
}

html.cmBrandInbox .cmInboxRight .cs-title-lg{ font-size:44px; line-height:1.05; margin-top:0; }
html.cmBrandInbox .cmInboxLeft .cs-title{ margin-top:0; }

/* avatars */
.cmInboxAv{display:inline-flex;align-items:center;gap:10px;margin-right:10px;vertical-align:middle;}
.cmInboxAvFrame{
  width:34px;height:34px;border-radius:12px;overflow:hidden;display:inline-block;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.04);
  box-shadow:0 8px 22px rgba(0,0,0,.35);
  flex:0 0 auto;
}
.cmInboxAvImg{width:100%;height:100%;display:block;object-fit:cover;}
.cmChatRow{display:flex; align-items:flex-end; gap:10px; margin:10px 0;}
.cmChatRowLeft{justify-content:flex-start;}
.cmChatRowLeft .cmInboxAvFrame{width:30px;height:30px;border-radius:10px;opacity:.95}

/* CM_THREAD_AV_SLOT_CSS_V2 */
html.cmBrandInbox .cmThreadAvSlot{
  display:inline-flex;
  margin-right:10px;
  vertical-align:middle;
}

/* CM_INBOX_V84_CSS */
html.cmBrandInbox .cmInboxGrid{
  display:grid;
  grid-template-columns: 320px minmax(0,1fr);
  gap:18px;
  align-items:start;
}
html.cmBrandInbox .cmInboxLeft{
  position: sticky;
  top: calc(var(--nav-h, 72px) + 14px);
  max-height: calc(100vh - var(--nav-h, 72px) - 24px);
  overflow:auto;
  overflow-x:hidden;
}
html.cmBrandInbox .cmInboxRight{ min-width:0; }
@media (max-width: 980px){
  html.cmBrandInbox .cmInboxGrid{ grid-template-columns:1fr; }
  html.cmBrandInbox .cmInboxLeft{ position:relative; top:auto; max-height:none; overflow:visible; }
}

/* avatar UI */
.cmInboxAv{display:inline-flex;align-items:center;gap:10px;margin-right:10px;vertical-align:middle;}
.cmInboxAvFrame{
  width:34px;height:34px;border-radius:12px;overflow:hidden;display:inline-block;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.04);
  box-shadow:0 8px 22px rgba(0,0,0,.35);
  flex:0 0 auto;
}
.cmInboxAvImg{width:100%;height:100%;display:block;object-fit:cover;}

/* CM_INBOX_V84_THREADROW_CSS */
html.cmBrandInbox .cmInboxLeft a.cmThreadHasAvatar,
html.cmBrandInbox .cmInboxLeft a.cmThreadHasAvatar:visited{
  text-decoration:none;
}
html.cmBrandInbox .cmThreadWrap{
  display:flex;
  gap:10px;
  align-items:flex-start;
}
html.cmBrandInbox .cmThreadText{
  min-width:0;
  flex:1 1 auto;
}

/* CM_INBOX_THREAD_AV_CSS_V1 */
html.cmBrandInbox .cmThreadAv{
  display:inline-flex;
  width:34px;height:34px;
  border-radius:12px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.04);
  box-shadow:0 8px 22px rgba(0,0,0,.35);
  flex:0 0 auto;
  margin-right:10px;
}
html.cmBrandInbox .cmThreadAv img{
  width:100%;height:100%;
  display:block;
  object-fit:cover;
}

/* CM_INBOX_V91_CSS */
html.cmBrandInbox .cmInboxLeft a.cmThreadHasAvatar,
html.cmBrandInbox .cmInboxLeft a.cmThreadHasAvatar:visited{ text-decoration:none; }

html.cmBrandInbox .cmThreadWrap{
  display:flex;
  gap:10px;
  align-items:center;
}
html.cmBrandInbox .cmThreadText{ min-width:0; flex:1 1 auto; }

/* avatar frame (safe if duplicated) */
.cmInboxAv{display:inline-flex;align-items:center;gap:10px;margin-right:0;vertical-align:middle;}
.cmInboxAvFrame{
  width:34px;height:34px;border-radius:12px;overflow:hidden;display:inline-block;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.04);
  box-shadow:0 8px 22px rgba(0,0,0,.35);
  flex:0 0 auto;
}
.cmInboxAvImg{width:100%;height:100%;display:block;object-fit:cover;}

/* CM_INBOX_V93_THREAD_AV_CSS */
.cs-brand-inbox .cs-thread .cs-row.cs-gap-8{ align-items:center; }
.cs-brand-inbox .cmThreadAv{ flex:0 0 auto; }
.cs-brand-inbox .cmInboxAv{display:inline-flex;align-items:center;vertical-align:middle;}
.cs-brand-inbox .cmInboxAvFrame{
  width:34px;height:34px;border-radius:12px;overflow:hidden;display:inline-block;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.04);
  box-shadow:0 8px 22px rgba(0,0,0,.35);
}
.cs-brand-inbox .cmInboxAvImg{width:100%;height:100%;display:block;object-fit:cover;}

/* CM_INBOX_V94_AV_CSS */
.cs-brand-inbox .cs-thread .cs-row.cs-gap-8{ align-items:center; }
.cs-brand-inbox .cmThreadAv{ flex:0 0 auto; margin-right:10px; }
.cs-brand-inbox .cmInboxAv{display:inline-flex;align-items:center;vertical-align:middle;}
.cs-brand-inbox .cmInboxAvFrame{
  width:34px;height:34px;border-radius:12px;overflow:hidden;display:inline-block;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.04);
  box-shadow:0 8px 22px rgba(0,0,0,.35);
}
.cs-brand-inbox .cmInboxAvImg{width:100%;height:100%;display:block;object-fit:cover;}

/* CM_INBOX_V95_GRID */
.cs-brand-inbox .cs-wrap{
  display:grid !important;
  grid-template-columns: 340px minmax(0, 1fr);
  gap:18px;
  align-items:start;
}
.cs-brand-inbox aside{ min-width:0; }
.cs-brand-inbox main{ min-width:0; }

/* sticky left */
.cs-brand-inbox aside{
  position: sticky;
  top: calc(var(--nav-h, 72px) + 14px);
  max-height: calc(100vh - var(--nav-h, 72px) - 24px);
  overflow:auto;
  overflow-x:hidden;
}

/* mobile */
@media (max-width: 980px){
  .cs-brand-inbox .cs-wrap{ grid-template-columns:1fr; }
  .cs-brand-inbox aside{ position:relative; top:auto; max-height:none; overflow:visible; }
}

/* thread avatar UI */
.cs-brand-inbox .cmThreadWrap{ display:flex; gap:10px; align-items:center; }
.cs-brand-inbox .cmThreadText{ min-width:0; flex:1 1 auto; }
.cs-brand-inbox .cmInboxAv{display:inline-flex;align-items:center;vertical-align:middle;flex:0 0 auto;}
.cs-brand-inbox .cmInboxAvFrame{
  width:34px;height:34px;border-radius:12px;overflow:hidden;display:inline-block;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.04);
  box-shadow:0 8px 22px rgba(0,0,0,.35);
}
.cs-brand-inbox .cmInboxAvImg{width:100%;height:100%;display:block;object-fit:cover;}

/* CM_INBOX_V95_LAYOUT */
.cs-brand-inbox .cs-wrap{
  display:grid;
  grid-template-columns: 340px minmax(0,1fr);
  gap:18px;
  align-items:start;
}
.cs-brand-inbox aside{ min-width:0; }
.cs-brand-inbox main{ min-width:0; }

@media (max-width: 980px){
  .cs-brand-inbox .cs-wrap{ grid-template-columns: 1fr; }
}

/* one avatar per thread row */
.cs-brand-inbox .cs-thread .cs-row.cs-gap-8{ align-items:center; }
.cs-brand-inbox .cmThreadAv{ flex:0 0 auto; margin-right:10px; }
.cs-brand-inbox .cmInboxAv{display:inline-flex;align-items:center;vertical-align:middle;}
.cs-brand-inbox .cmInboxAvFrame{
  width:34px;height:34px;border-radius:12px;overflow:hidden;display:inline-block;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.04);
  box-shadow:0 8px 22px rgba(0,0,0,.35);
}
.cs-brand-inbox .cmInboxAvImg{width:100%;height:100%;display:block;object-fit:cover;}


/* CM_INBOX_V96_LAYOUT */
.cs-brand-inbox .cs-wrap{
  display:grid;
  grid-template-columns: 340px minmax(0,1fr);
  gap:18px;
  align-items:start;
}
.cs-brand-inbox aside{ min-width:0; }
.cs-brand-inbox main{ min-width:0; }

@media (max-width: 980px){
  .cs-brand-inbox .cs-wrap{ grid-template-columns: 1fr; }
}

/* avatar slot */
.cs-brand-inbox .cs-thread .cs-row.cs-gap-8{ align-items:center; }
.cs-brand-inbox .cmThreadAv{ flex:0 0 auto; margin-right:10px; }
.cs-brand-inbox .cmInboxAv{display:inline-flex;align-items:center;vertical-align:middle;}
.cs-brand-inbox .cmInboxAvFrame{
  width:34px;height:34px;border-radius:12px;overflow:hidden;display:inline-block;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.04);
  box-shadow:0 8px 22px rgba(0,0,0,.35);
}
.cs-brand-inbox .cmInboxAvImg{width:100%;height:100%;display:block;object-fit:cover;}

/* HARD GUARD: hide any old injected duplicate avatars inside thread rows */
.cs-brand-inbox .cs-thread .cmInboxAv:not(.cmThreadAv){ display:none !important; }

/* hide old debug badge if any */
#cmInboxDbg{ display:none !important; }


/* CM_INBOX_V96_STABLE */
.cs-brand-inbox .cs-wrap{
  display:flex;
  gap:18px;
  align-items:flex-start;
  flex-wrap:nowrap;
}
.cs-brand-inbox aside{ flex:0 0 340px; max-width:340px; width:100%; min-width:0; }
.cs-brand-inbox main{ flex:1 1 auto; min-width:320px; }

@media (max-width: 980px){
  .cs-brand-inbox .cs-wrap{ flex-wrap:wrap; }
  .cs-brand-inbox aside{ flex:1 1 100%; max-width:none; }
  .cs-brand-inbox main{ flex:1 1 100%; }
}

/* one avatar per thread row */
.cs-brand-inbox .cs-thread .cs-row.cs-gap-8{ align-items:center; }
.cs-brand-inbox .cmThreadAv{ flex:0 0 auto; margin-right:10px; }
.cs-brand-inbox .cmInboxAv{display:inline-flex;align-items:center;vertical-align:middle;}
.cs-brand-inbox .cmInboxAvFrame{
  width:34px;height:34px;border-radius:12px;overflow:hidden;display:inline-block;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.04);
  box-shadow:0 8px 22px rgba(0,0,0,.35);
}
.cs-brand-inbox .cmInboxAvImg{width:100%;height:100%;display:block;object-fit:cover;}

/* CM_INBOX_V97_STABLE */
.cs-brand-inbox .cs-wrap{
  display:flex !important;
  gap:18px !important;
  align-items:flex-start !important;
  flex-wrap:nowrap !important;
}
.cs-brand-inbox aside{ flex:0 0 340px !important; max-width:340px !important; width:100% !important; min-width:0 !important; }
.cs-brand-inbox main{ flex:1 1 auto !important; min-width:320px !important; }

@media (max-width: 980px){
  .cs-brand-inbox .cs-wrap{ flex-wrap:wrap !important; }
  .cs-brand-inbox aside{ flex:1 1 100% !important; max-width:none !important; }
  .cs-brand-inbox main{ flex:1 1 100% !important; }
}

/* avatars (thread list) */
.cs-brand-inbox .cs-thread .cs-row.cs-gap-8{ align-items:center; }

/* HIDE any old injected avatars (duplicates) */
.cs-brand-inbox .cs-thread .cmInboxAv,
.cs-brand-inbox .cs-thread .cmThreadAv{
  display:none !important;
}

/* SHOW ONLY the V97 avatar */
.cs-brand-inbox .cs-thread .cmThreadAvMain{
  display:inline-flex !important;
  align-items:center;
  vertical-align:middle;
  margin-right:10px;
}
.cs-brand-inbox .cmInboxAvFrame{
  width:34px;height:34px;border-radius:12px;overflow:hidden;display:inline-block;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.04);
  box-shadow:0 8px 22px rgba(0,0,0,.35);
}
.cs-brand-inbox .cmInboxAvImg{width:100%;height:100%;display:block;object-fit:cover;}


/* === CM_BRAND_INBOX_LOCK_V84 (CSP-safe external CSS) === */
.cm-bi84__shell{display:grid;grid-template-columns:340px minmax(0,1fr);gap:28px;align-items:start}
@media (max-width:980px){.cm-bi84__shell{grid-template-columns:1fr}}
.cm-bi84__left,.cm-bi84__right{min-width:0}
.cm-bi84__rightwrap{max-width:920px;margin:0 auto;min-width:0}

.cm-bi84__panel{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:18px;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.cm-bi84__head{display:flex;justify-content:space-between;align-items:flex-start;padding:16px 16px 10px}
.cm-bi84__unlock{display:flex;gap:10px;align-items:center;padding:0 16px 12px}
.cm-bi84__threads{padding:8px 12px 14px;display:flex;flex-direction:column;gap:10px}

.cm-bi84__thread{display:flex;gap:10px;align-items:center;padding:10px;border-radius:14px;border:1px solid rgba(255,255,255,.08);text-decoration:none;color:inherit}
.cm-bi84__thread:hover{border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.03)}
.cm-bi84__thread.is-active{border-color:rgba(206,77,255,.45);box-shadow:0 0 0 1px rgba(206,77,255,.25),0 0 22px rgba(206,77,255,.18)}
.cm-bi84__av{width:34px;height:34px;border-radius:50%;overflow:hidden;flex:0 0 34px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.06)}
.cm-bi84__av img{width:100%;height:100%;object-fit:cover;display:block}

.cm-bi84__body{min-width:0;flex:1;display:block}
.cm-bi84__top{display:flex;justify-content:space-between;gap:10px;align-items:baseline}
.cm-bi84__name{font-weight:700}
.cm-bi84__time{opacity:.7;font-size:12px;white-space:nowrap}
.cm-bi84__prev{opacity:.8;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}

.cm-bi84__hero{margin:4px 0 10px}
.cm-bi84__h1{font-size:44px;margin:0;font-weight:800}
.cm-bi84__h6{font-size:14px;font-weight:800}
.cm-bi84__muted{opacity:.8;font-size:12px}

.cm-bi84__pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.03);text-decoration:none;color:inherit;font-size:12px}
.cm-bi84__pill.is-ok{border-color:rgba(80,255,170,.35)}
.cm-bi84__pill.is-warn{border-color:rgba(255,190,80,.35)}

.cm-bi84__convohead{display:flex;justify-content:space-between;gap:14px;padding:16px;border-bottom:1px solid rgba(255,255,255,.07)}
.cm-bi84__actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;align-items:center}

.cm-bi84__msgs{padding:14px 16px 16px;max-height:520px;overflow:auto}
.cm-bi84__row{display:flex;gap:10px;align-items:flex-start;margin:10px 0}
.cm-bi84__row.is-me{justify-content:flex-end}
.cm-bi84__sav{width:26px;height:26px;border-radius:50%;overflow:hidden;background:rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;flex:0 0 26px;margin-top:18px}
.cm-bi84__sav img{width:100%;height:100%;object-fit:cover;display:block}
.cm-bi84__msg{max-width:520px;min-width:0;display:block}
.cm-bi84__when{font-size:11px;opacity:.65;margin-bottom:6px;display:block}
.cm-bi84__bubble{padding:14px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);display:block}
.cm-bi84__row.is-me .cm-bi84__bubble{background:rgba(206,77,255,.10);border-color:rgba(206,77,255,.22)}

.cm-bi84__reply{margin-top:18px}
.cm-bi84__pad{padding:14px 16px 8px}
.cm-bi84__form{padding:0 16px 16px}
.cm-bi84__form textarea{width:100%;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.10);border-radius:14px;padding:12px;color:inherit;outline:none}
.cm-bi84__foot{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:10px}
.cm-bi84__btn{border:1px solid rgba(255,107,214,.45);background:rgba(255,107,214,.14);color:inherit;padding:10px 16px;border-radius:999px;cursor:pointer}

.cm-bi84__alert{margin:0 16px 10px;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,190,80,.35);background:rgba(255,190,80,.08)}
.cm-bi84__bottom{margin-top:16px;display:flex;justify-content:space-between}
/* === /CM_BRAND_INBOX_LOCK_V84 === */

/* === CM_BRAND_INBOX_HARDLOCK_V1 === */
.cmBrandInbox .cmBrandInbox__grid{display:grid !important;grid-template-columns:340px minmax(0,1fr) !important;gap:28px !important;align-items:start !important}
@media (max-width:980px){.cmBrandInbox .cmBrandInbox__grid{grid-template-columns:1fr !important}}
.cmBrandInbox .cmBrandInbox__left,.cmBrandInbox .cmBrandInbox__right{min-width:0 !important}
.cmBrandInbox .cmBrandInbox__rightWrap{max-width:920px !important;margin:0 auto !important;min-width:0 !important}

.cmBrandInbox .cmBrandInbox__card{background:rgba(255,255,255,.04) !important;border:1px solid rgba(255,255,255,.08) !important;border-radius:18px !important;box-shadow:0 10px 30px rgba(0,0,0,.25) !important}
.cmBrandInbox .cmBrandInbox__head{display:flex !important;justify-content:space-between !important;align-items:flex-start !important;padding:16px 16px 10px !important}
.cmBrandInbox .cmBrandInbox__status{display:flex !important;gap:10px !important;align-items:center !important;padding:0 16px 12px !important}
.cmBrandInbox .cmBrandInbox__threads{padding:8px 12px 14px !important;display:flex !important;flex-direction:column !important;gap:10px !important}

.cmBrandInbox .cmBrandInbox__chip{display:inline-flex !important;align-items:center !important;gap:6px !important;padding:6px 10px !important;border-radius:999px !important;border:1px solid rgba(255,255,255,.10) !important;background:rgba(255,255,255,.03) !important;text-decoration:none !important;color:inherit !important;font-size:12px !important}
.cmBrandInbox .cmBrandInbox__chip.is-ok{border-color:rgba(80,255,170,.35) !important}
.cmBrandInbox .cmBrandInbox__chip.is-warn{border-color:rgba(255,190,80,.35) !important}

.cmBrandInbox .cmBrandInbox__title{font-weight:800 !important;color:rgba(255,255,255,.92) !important}
.cmBrandInbox .cmBrandInbox__muted{opacity:.82 !important;font-size:12px !important;color:rgba(255,255,255,.82) !important}

.cmBrandInbox .cmBrandInbox__thread{display:flex !important;gap:10px !important;align-items:center !important;padding:10px !important;border-radius:14px !important;border:1px solid rgba(255,255,255,.08) !important;text-decoration:none !important;color:inherit !important}
.cmBrandInbox .cmBrandInbox__thread:hover{border-color:rgba(255,255,255,.16) !important;background:rgba(255,255,255,.03) !important}
.cmBrandInbox .cmBrandInbox__thread.is-active{border-color:rgba(206,77,255,.45) !important;box-shadow:0 0 0 1px rgba(206,77,255,.25),0 0 22px rgba(206,77,255,.18) !important}

.cmBrandInbox .cmBrandInbox__av{width:34px !important;height:34px !important;border-radius:50% !important;overflow:hidden !important;flex:0 0 34px !important;display:flex !important;align-items:center !important;justify-content:center !important;background:rgba(255,255,255,.06) !important;color:rgba(255,255,255,.85) !important}
.cmBrandInbox .cmBrandInbox__av img{width:100% !important;height:100% !important;object-fit:cover !important;display:block !important}

.cmBrandInbox .cmBrandInbox__body{min-width:0 !important;flex:1 !important;display:block !important}
.cmBrandInbox .cmBrandInbox__top{display:flex !important;justify-content:space-between !important;gap:10px !important;align-items:baseline !important}
.cmBrandInbox .cmBrandInbox__name{font-weight:700 !important;color:rgba(255,255,255,.92) !important}
.cmBrandInbox .cmBrandInbox__time{opacity:.7 !important;font-size:12px !important;white-space:nowrap !important;color:rgba(255,255,255,.75) !important}
.cmBrandInbox .cmBrandInbox__prev{opacity:.8 !important;font-size:12px !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important;display:block !important;color:rgba(255,255,255,.78) !important}

.cmBrandInbox .cmBrandInbox__hero{padding:0 !important;margin:0 0 10px !important} /* TOP aligned */
.cmBrandInbox .cmBrandInbox__heroTitle{font-size:34px !important;line-height:1.12 !important;letter-spacing:-0.02em !important;margin:0 0 6px 0 !important;font-weight:800 !important;color:rgba(255,255,255,.92) !important}
.cmBrandInbox .cmBrandInbox__heroSub{margin:0 !important;color:rgba(255,255,255,.80) !important;font-size:12px !important}

.cmBrandInbox .cmBrandInbox__convoHead{display:flex !important;justify-content:space-between !important;gap:14px !important;padding:16px !important;border-bottom:1px solid rgba(255,255,255,.07) !important}
.cmBrandInbox .cmBrandInbox__convoLeft{display:flex !important;gap:12px !important;align-items:center !important}
.cmBrandInbox .cmBrandInbox__actions{display:flex !important;gap:10px !important;flex-wrap:wrap !important;justify-content:flex-end !important;align-items:center !important}
.cmBrandInbox .cmBrandInbox__h6{font-size:14px !important;font-weight:800 !important;color:rgba(255,255,255,.92) !important}

.cmBrandInbox .cmBrandInbox__msgs{padding:14px 16px 16px !important;max-height:520px !important;overflow:auto !important}
.cmBrandInbox .cmBrandInbox__row{display:flex !important;gap:10px !important;align-items:flex-start !important;margin:10px 0 !important}
.cmBrandInbox .cmBrandInbox__row.is-me{justify-content:flex-end !important}

.cmBrandInbox .cmBrandInbox__miniAv{width:26px !important;height:26px !important;border-radius:50% !important;overflow:hidden !important;background:rgba(255,255,255,.06) !important;display:flex !important;align-items:center !important;justify-content:center !important;flex:0 0 26px !important;margin-top:18px !important;color:rgba(255,255,255,.85) !important}
.cmBrandInbox .cmBrandInbox__miniAv img{width:100% !important;height:100% !important;object-fit:cover !important;display:block !important}

.cmBrandInbox .cmBrandInbox__msg{max-width:520px !important;min-width:0 !important}
.cmBrandInbox .cmBrandInbox__when{font-size:11px !important;opacity:.70 !important;margin-bottom:6px !important;color:rgba(255,255,255,.75) !important}
.cmBrandInbox .cmBrandInbox__bubble{padding:14px 16px !important;border-radius:16px !important;border:1px solid rgba(255,255,255,.08) !important;background:rgba(255,255,255,.03) !important;white-space:pre-wrap !important;word-break:break-word !important;color:rgba(255,255,255,.92) !important}
.cmBrandInbox .cmBrandInbox__row.is-me .cmBrandInbox__bubble{background:rgba(206,77,255,.10) !important;border-color:rgba(206,77,255,.22) !important}

.cmBrandInbox .cmBrandInbox__replyCard{margin-top:18px !important}
.cmBrandInbox .cmBrandInbox__pad{padding:14px 16px 8px !important}
.cmBrandInbox .cmBrandInbox__form{padding:0 16px 16px !important}
.cmBrandInbox .cmBrandInbox__form textarea{width:100% !important;background:rgba(255,255,255,.03) !important;border:1px solid rgba(255,255,255,.10) !important;border-radius:14px !important;padding:12px !important;color:rgba(255,255,255,.92) !important;outline:none !important}
.cmBrandInbox .cmBrandInbox__foot{display:flex !important;justify-content:space-between !important;align-items:center !important;gap:14px !important;margin-top:10px !important}
.cmBrandInbox .cmBrandInbox__btn{border:1px solid rgba(255,107,214,.45) !important;background:rgba(255,107,214,.14) !important;color:rgba(255,255,255,.92) !important;padding:10px 16px !important;border-radius:999px !important;cursor:pointer !important}

.cmBrandInbox .cmBrandInbox__alert{margin:0 16px 10px !important;padding:10px 12px !important;border-radius:12px !important;border:1px solid rgba(255,190,80,.35) !important;background:rgba(255,190,80,.08) !important;color:rgba(255,255,255,.92) !important}
.cmBrandInbox .cmBrandInbox__bottom{margin-top:16px !important;display:flex !important;justify-content:space-between !important}
/* === /CM_BRAND_INBOX_HARDLOCK_V1 === */
/* === CM_BRAND_INBOX_TEXT_FIX_V1 === */
.cm-bi84__bubble,
.cm-bi84__msg,
.cm-bi84__msg * {
  color: rgba(255,255,255,.92) !important;
  -webkit-text-fill-color: rgba(255,255,255,.92) !important;
}
.cm-bi84__row.is-me .cm-bi84__bubble,
.cm-bi84__row.is-me .cm-bi84__msg,
.cm-bi84__row.is-me .cm-bi84__msg * {
  color: rgba(255,255,255,.95) !important;
  -webkit-text-fill-color: rgba(255,255,255,.95) !important;
}
.cm-bi84__when { color: rgba(255,255,255,.70) !important; }
/* === /CM_BRAND_INBOX_TEXT_FIX_V1 === */

/* Fix: cmPub-grid sections no rhythm margin */
.cmPub-grid section + section { margin-top: 0 !important; }

/* Sponsored row highlight */
table.cmX-table tbody tr.cmX-sponsored-row,
table.cmX-table tbody tr.cmX-sponsored-row td {
  background: linear-gradient(90deg, rgba(168,85,247,.15), rgba(236,72,153,.07)) !important;
}
table.cmX-table tbody tr.cmX-sponsored-row {
  box-shadow: inset 3px 0 0 rgba(168,85,247,.7) !important;
}

/* Promo countdown bar */
.cmX-promoCell { vertical-align: middle; padding: 0 8px !important; }
.cmX-promoBar {
  position: relative;
  background: rgba(255,255,255,.08);
  border-radius: 20px;
  height: 8px;
  width: 100%;
  overflow: hidden;
}
.cmX-promoBarFill {
  position: absolute;
  left: 0; top: 0; bottom: 0;
  border-radius: 20px;
  transition: width .3s;
}
.cmX-promoBarLabel {
  display: block;
  font-size: 10px;
  opacity: .6;
  margin-top: 3px;
  text-align: right;
  line-height: 1;
}

/* Table alignment fix */
table.cmX-table { table-layout: fixed; width: 100%; border-collapse: collapse; }
table.cmX-table td,
table.cmX-table th { vertical-align: middle !important; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; box-sizing: border-box; padding: 0 8px; }
table.cmX-table th { text-align: center !important; font-size: 11px; letter-spacing: .04em; opacity: .6; padding: 10px 8px; }
table.cmX-table td.cmX-nameCell { white-space: normal; text-align: left !important; }
table.cmX-table td:nth-child(3),
table.cmX-table th:nth-child(3) { text-align: left !important; }
table.cmX-table td:nth-child(n+4):nth-child(-n+7),
table.cmX-table th:nth-child(n+4):nth-child(-n+7) { text-align: center; }
table.cmX-table td.cmX-promoCell { text-align: left; }
table.cmX-table td:last-child,
table.cmX-table th:last-child { text-align: right; }

/* ═══════════════════════════════════════════════
   BROWSE LISTING REDESIGN V3 — Modern Influencer
   ═══════════════════════════════════════════════ */

/* Table reset */
table.cmX-table {
  table-layout: fixed;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 6px;
}

/* Header */
table.cmX-table thead tr {
  background: transparent !important;
}
table.cmX-table th {
  font-size: 10px !important;
  font-weight: 600;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: rgba(255,255,255,.35) !important;
  padding: 6px 12px !important;
  text-align: center !important;
  border: none !important;
  white-space: nowrap;
  opacity: 1 !important;
}
table.cmX-table th:nth-child(2),
table.cmX-table th:nth-child(3) { text-align: left !important; }
table.cmX-table th:last-child { text-align: right !important; }

/* Body rows */
table.cmX-table tbody tr {
  background: rgba(255,255,255,.04) !important;
  border-radius: 12px;
  transition: background .18s, transform .15s, box-shadow .18s;
  height: 68px !important;
}
table.cmX-table tbody tr:hover {
  background: rgba(168,85,247,.1) !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 24px rgba(168,85,247,.15);
}
table.cmX-table tbody tr.cmX-sponsored-row {
  background: linear-gradient(90deg, rgba(168,85,247,.14), rgba(236,72,153,.07)) !important;
  box-shadow: inset 3px 0 0 rgba(168,85,247,.7), 0 2px 16px rgba(168,85,247,.12) !important;
}
table.cmX-table tbody tr.cmX-sponsored-row:hover {
  background: linear-gradient(90deg, rgba(168,85,247,.22), rgba(236,72,153,.12)) !important;
}

/* Cells */
table.cmX-table td {
  padding: 0 12px !important;
  vertical-align: middle !important;
  text-align: center !important;
  border: none !important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
table.cmX-table td:first-child { border-radius: 12px 0 0 12px; }
table.cmX-table td:last-child  { border-radius: 0 12px 12px 0; text-align: right !important; }

/* Star column */
table.cmX-table td.cmX-star,
table.cmX-table th.cmX-star { width: 40px; text-align: center !important; }

/* Name cell */
table.cmX-table td.cmX-nameCell { text-align: left !important; white-space: normal; }
table.cmX-table td.cmX-nameCell .cmX-nameLine { display: flex; align-items: center; gap: 12px; }
table.cmX-table td.cmX-nameCell .cmX-avatar {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px;
  border-radius: 50%;
  background: linear-gradient(135deg, rgba(168,85,247,.4), rgba(59,130,246,.3));
  display: flex; align-items: center; justify-content: center;
  font-size: 15px; font-weight: 700; color: #fff;
  overflow: hidden; position: relative;
  border: 2px solid rgba(168,85,247,.25);
}
table.cmX-table td.cmX-nameCell .cmX-title b {
  font-size: 14px;
  font-weight: 600;
  color: #fff;
}
table.cmX-table td.cmX-nameCell .cmX-sub {
  font-size: 11px;
  color: rgba(255,255,255,.4);
  margin-top: 1px;
}

/* Social icons */
.cmX-mini { display: flex; align-items: center; justify-content: center; gap: 5px; flex-direction: column; }
.cmX-mini .ic { display: flex; align-items: center; justify-content: center; }
.cmX-mini .ic svg,
.cmX-mini .ic img { width: 16px !important; height: 16px !important; opacity: .7; }
.cmX-mini .v { font-size: 11px; color: rgba(255,255,255,.55); line-height: 1; }

/* Pills */
.cmX-pill {
  display: inline-block;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .05em;
  padding: 3px 8px;
  border-radius: 20px;
  white-space: nowrap;
}
.cmX-pill.ver { background: rgba(34,197,94,.15); color: #4ade80; border: 1px solid rgba(34,197,94,.25); }
.cmX-pill.spon { background: linear-gradient(90deg,rgba(168,85,247,.2),rgba(236,72,153,.2)); color: #e879f9; border: 1px solid rgba(168,85,247,.3); }
.cmX-pill.feat { background: rgba(168,85,247,.15); color: #c084fc; border: 1px solid rgba(168,85,247,.25); }
.cmX-pill.unpub { background: rgba(234,179,8,.1); color: #fbbf24; border: 1px solid rgba(234,179,8,.2); }

/* Promo bar */
.cmX-promoCell { min-width: 100px; }
.cmX-promoBar {
  position: relative;
  background: rgba(255,255,255,.07);
  border-radius: 20px;
  height: 6px;
  overflow: hidden;
}
.cmX-promoBarFill {
  position: absolute;
  left: 0; top: 0; bottom: 0;
  border-radius: 20px;
}
.cmX-promoBarLabel {
  display: block;
  font-size: 10px;
  color: rgba(255,255,255,.4);
  margin-top: 4px;
  text-align: right;
}

/* Action button */
.cmX-btn {
  display: inline-block;
  padding: 6px 14px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
  background: rgba(255,255,255,.08);
  color: rgba(255,255,255,.8);
  border: 1px solid rgba(255,255,255,.12);
  transition: background .15s, color .15s;
  white-space: nowrap;
}
.cmX-btn:hover { background: rgba(168,85,247,.25); color: #fff; border-color: rgba(168,85,247,.4); }
.cmX-btn.primary { background: linear-gradient(90deg,#7c3aed,#a855f7); color:#fff; border:none; }
.cmX-btn.primary:hover { opacity: .85; }
.cmX-btn.locked { opacity: .4; cursor: default; }

/* Niche column left-align */
table.cmX-table td:nth-child(3),
table.cmX-table th:nth-child(3) { text-align: left !important; font-size: 12px; color: rgba(255,255,255,.6); }

/* Social icon brand colors */
svg.cm-soc-tt { color: #25F4EE; }
svg.cm-soc-ig { color: #E4405F; }
svg.cm-soc-yt { color: #FF0000; }
.cmX-mini { flex-direction: column !important; gap: 3px !important; }
.cmX-mini .ic svg { display: block; }

/* Social count numbers - more visible */
.cmX-mini { display: inline-flex; flex-direction: column; align-items: center; gap: 3px; }
.cmX-mini .ic { display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; }
.cmX-mini .v {
  font-size: 11px !important;
  font-weight: 700 !important;
  color: rgba(255,255,255,.8) !important;
  line-height: 1;
  text-align: center;
  letter-spacing: .01em;
  min-width: 32px;
}
.cmX-mini .v:not(:empty) { color: #e2e8f0 !important; }
table.cmX-table td:nth-child(4),
table.cmX-table td:nth-child(5),
table.cmX-table td:nth-child(6) {
  padding: 0 6px !important;
  width: 56px;
}

/* ── PROMO BAR & SPONSORED ROW – clean final version ── */

/* Sponsored row: smooth full-row gradient, no breaks */
table.cmX-table tbody tr.cmX-sponsored-row td {
  background: transparent !important;
  box-shadow: none !important;
}
table.cmX-table tbody tr.cmX-sponsored-row {
  background: linear-gradient(90deg,
    rgba(124,58,237,.18) 0%,
    rgba(168,85,247,.12) 40%,
    rgba(236,72,153,.08) 100%) !important;
  box-shadow: inset 3px 0 0 #a855f7, 0 2px 20px rgba(168,85,247,.15) !important;
}
table.cmX-table tbody tr.cmX-sponsored-row:hover {
  background: linear-gradient(90deg,
    rgba(124,58,237,.26) 0%,
    rgba(168,85,247,.18) 40%,
    rgba(236,72,153,.12) 100%) !important;
}

/* Promo cell */
.cmX-promoCell { vertical-align: middle !important; padding: 0 10px !important; }
.cmX-promoBar {
  position: relative;
  background: rgba(255,255,255,.08);
  border-radius: 20px;
  height: 5px;
  overflow: hidden;
}
.cmX-promoBarFill {
  position: absolute;
  left: 0; top: 0; bottom: 0;
  border-radius: 20px;
  transition: width .3s;
}
.cmX-promoBarLabel {
  display: block;
  font-size: 10px;
  font-weight: 600;
  color: rgba(255,255,255,.55);
  margin-top: 4px;
  text-align: center;
  letter-spacing: .03em;
}

/* CM_BG_UNIFIED_V1: единен фон без "парчета" */
main,
.site-footer {
  background: transparent !important;
  backdrop-filter: none !important;
}
.site-footer {
  border-top: 1px solid rgba(255,255,255,.07) !important;
}

/* CM_BG_GRADIENT_V2: fixed full-screen gradient via pseudo-element */
body::before {
  content: '';
  position: fixed;
  inset: 0;
  z-index: -1;
  background: linear-gradient(160deg, #1a0a3c 0%, #0e0b1a 40%, #0a1628 100%);
  pointer-events: none;
}

/* CM_CREATOR_GRID_FIX_V1 */
.cmBD-creatorGrid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 12px !important;
}

/* CM_GRID_FLEX_FIX_V1: fix grid inside flex body */
.cmBD-twoCol {
  flex-shrink: 0;
  width: 100%;
}
.cmBD-twoCol > div > section,
.cmBD-twoCol > div > div {
  width: 100%;
}
[class*="cmBD-creatorGrid"],
div[style*="grid-template-columns:1fr 1fr"] {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  width: 100% !important;
}

/* CM_BROWSE_SELECT_HIDE */
select.cmB-select { display:none !important; }