/* CircleTrust Circles + Me V2 Preview V1 */
html.ct-ui-v2 .contextbar-signout{display:none!important}
html.ct-ui-v2 body:has(.me-v2) .contextbar,
html.ct-ui-v2 body:has(.cir-v2-preview) .contextbar{box-shadow:0 12px 30px rgba(33,24,17,.06)}

/* ---------- Circles home ---------- */
.cir-v2-preview{max-width:980px;padding-top:44px}
.cirv2-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:8px 0 22px;border-bottom:1px solid var(--ct-line)}
.cirv2-head h1{font-size:clamp(2.4rem,5vw,4.15rem);margin:5px 0 6px}
.cirv2-head p{max-width:620px;margin:0;color:var(--ct-sub);font:550 .78rem/1.5 var(--ct-font-ui)}
.cirv2-head-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.cirv2-head-actions button{border:1px solid var(--ct-line);border-radius:999px;background:var(--ct-paper);color:var(--ct-ink);padding:10px 14px;font:800 .65rem var(--ct-font-ui);cursor:pointer}
.cirv2-head-actions button.primary{border-color:var(--ct-ink);background:var(--ct-ink);color:var(--ct-paper)}
.cirv2-pills{display:flex;gap:8px;margin:18px 0}.cirv2-pills span{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--ct-line);border-radius:999px;background:var(--ct-paper);padding:7px 10px;font:750 .58rem var(--ct-font-ui)}.cirv2-pills b{display:grid;place-items:center;min-width:19px;height:19px;border-radius:999px;background:var(--ct-ink);color:var(--ct-paper);font-size:.49rem}
.cirv2-section-head{display:flex;justify-content:space-between;align-items:end;margin:22px 0 10px}.cirv2-section-head span{color:#8A5F3A;font:850 .51rem var(--ct-font-ui);letter-spacing:.12em}.cirv2-section-head h2{font-size:1.55rem;margin:3px 0 0}
.cirv2-list,.cirv2-invite-list{display:grid;gap:8px}
.cirv2-circle{position:relative;display:grid;grid-template-columns:88px minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-height:104px;border:1px solid var(--ct-line);border-radius:18px;background:var(--ct-paper);padding:8px 13px 8px 8px;color:var(--ct-ink);text-align:left;cursor:pointer;box-shadow:0 12px 28px -28px rgba(33,24,17,.5)}
.cirv2-circle:hover{border-color:color-mix(in srgb,var(--cir-tone,var(--ct-accent)) 40%,var(--ct-line));transform:translateY(-1px)}
.cirv2-circle-media{position:relative;width:88px;height:88px;border-radius:14px;overflow:hidden;background:linear-gradient(145deg,color-mix(in srgb,var(--cir-tone,var(--ct-accent)) 30%,#E9DFD1),#D3C0A6);display:grid;place-items:center}.cirv2-circle-media>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cirv2-circle-mono{font:500 2rem var(--ct-font-display);color:color-mix(in srgb,var(--cir-tone-deep,#604635) 80%,#000)}.cirv2-circle-dp{position:absolute;right:6px;bottom:6px;width:32px;height:32px;border:2px solid #fff;border-radius:50%;overflow:hidden;background:var(--ct-ink);display:grid;place-items:center;color:#fff;font:750 .55rem var(--ct-font-ui)}.cirv2-circle-dp img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cirv2-circle-copy{min-width:0}.cirv2-circle-top{display:flex;justify-content:space-between;gap:8px;align-items:start}.cirv2-circle-top>span{display:grid;gap:2px}.cirv2-circle-top small{color:#875D39;font:800 .48rem var(--ct-font-ui);text-transform:uppercase;letter-spacing:.06em}.cirv2-circle-top strong{font:500 1.15rem/1.05 var(--ct-font-display)}.cirv2-circle-top em{font-style:normal;border:1px solid var(--ct-line);border-radius:999px;padding:5px 7px;color:var(--ct-sub);font:750 .47rem var(--ct-font-ui)}
.cirv2-circle-people{display:flex;align-items:center;gap:7px;margin-top:8px;color:var(--ct-sub);font:650 .52rem var(--ct-font-ui)}.cirv2-circle-activity{display:flex;align-items:center;gap:9px;margin-top:7px;color:var(--ct-sub);font:650 .5rem var(--ct-font-ui)}.cirv2-circle-activity time{margin-left:auto}.cirv2-latest{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cirv2-latest b{color:var(--ct-ink)}.cirv2-circle-chev{font:400 1.6rem var(--ct-font-display);color:var(--ct-sub)}
.cirv2-invite{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid #E7D7C9;border-radius:16px;background:#FFF8F1;padding:10px}.cirv2-invite>div:nth-child(2){display:grid;gap:3px}.cirv2-invite strong{font:750 .7rem var(--ct-font-ui)}.cirv2-invite small,.cirv2-invite em{color:var(--ct-sub);font:550 .52rem var(--ct-font-ui)}.cirv2-invite em{font-style:normal}.cirv2-invite>div:last-child{display:flex;gap:5px}.cirv2-invite button{border:1px solid var(--ct-ink);border-radius:999px;background:var(--ct-ink);color:var(--ct-paper);padding:7px 9px;font:750 .5rem var(--ct-font-ui);cursor:pointer}.cirv2-invite button.quiet{background:transparent;color:var(--ct-ink);border-color:var(--ct-line)}
.cirv2-doctrine{display:flex;gap:8px;align-items:flex-start;margin-top:22px;padding:13px 14px;border-radius:14px;background:#F5E9DE;color:var(--ct-sub);font:600 .59rem/1.45 var(--ct-font-ui)}.cirv2-doctrine strong{color:var(--ct-ink);white-space:nowrap}.cirv2-empty{display:grid;justify-items:center;gap:6px;padding:30px 16px;border:1px dashed var(--ct-line);border-radius:18px;text-align:center}.cirv2-empty strong{font:500 1.2rem var(--ct-font-display)}.cirv2-empty span{max-width:480px;color:var(--ct-sub);font:550 .6rem var(--ct-font-ui)}.cirv2-empty button{margin-top:5px;border:0;border-radius:999px;background:var(--ct-ink);color:var(--ct-paper);padding:9px 12px;font:750 .56rem var(--ct-font-ui)}

/* ---------- Create Circle ---------- */
.cirv2-create-page{max-width:680px}.cirv2-create-card{border:1px solid var(--ct-line);border-radius:22px;background:var(--ct-paper);padding:34px;box-shadow:0 20px 50px -42px rgba(33,24,17,.5)}.cirv2-create-card h1{font-size:clamp(2.2rem,5vw,3.55rem);margin:5px 0 6px}.cirv2-create-card>p{margin:0;color:var(--ct-sub);font:550 .7rem/1.5 var(--ct-font-ui)}.cirv2-field{display:grid;gap:6px;margin-top:16px}.cirv2-field>span{font:800 .6rem var(--ct-font-ui)}.cirv2-field input,.cirv2-field select{width:100%;box-sizing:border-box;border:1px solid var(--ct-line);border-radius:12px;background:var(--ct-base);padding:12px;color:var(--ct-ink);font:600 .65rem var(--ct-font-ui);outline:none}.cirv2-field input:focus,.cirv2-field select:focus{border-color:var(--ct-accent)}
.cirv2-private-card{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;margin-top:18px;border:1px solid #E7D5C7;border-radius:14px;background:#FFF5EC;padding:12px}.cirv2-private-card>span{font-size:1.15rem}.cirv2-private-card div{display:grid;gap:3px}.cirv2-private-card strong{font:750 .66rem var(--ct-font-ui)}.cirv2-private-card small{color:var(--ct-sub);font:550 .55rem/1.4 var(--ct-font-ui)}
.cirv2-create-submit,.cirv2-create-cancel{width:100%;margin-top:15px;border:0;border-radius:999px;background:var(--ct-ink);color:var(--ct-paper);padding:11px;font:800 .62rem var(--ct-font-ui);cursor:pointer}.cirv2-create-cancel{margin-top:7px;border:1px solid var(--ct-line);background:var(--ct-paper);color:var(--ct-ink)}

/* ---------- Circle detail polish ---------- */
.cir-v2-preview.cir-m-detail{max-width:980px}
.cir-v2-preview .cir-m-shell{border:1px solid var(--ct-line);border-radius:22px;overflow:visible;background:var(--ct-paper);box-shadow:0 16px 40px -38px rgba(33,24,17,.45)}
.cir-v2-preview .cir-m-cover{height:170px;border-radius:22px 22px 0 0}
.cir-v2-preview .cir-m-identity{padding:0 18px 13px}
.cir-v2-preview .cir-m-title h1{font-size:2rem}
.cir-v2-preview .cir-m-head-actions button{min-height:38px}
.cir-v2-preview .cir-m-tabs{position:sticky;top:64px;z-index:20;margin:0;padding:0 14px;background:color-mix(in srgb,var(--ct-paper) 94%,transparent);backdrop-filter:blur(12px);border-radius:0 0 18px 18px}
.cir-v2-preview .cir-m-tabs button{padding:12px 13px}
.cir-v2-preview .cir-m-chat-rail .cir-call-card{order:3}
.cir-v2-preview .cir-call-card{background:color-mix(in srgb,var(--ct-ink) 2%,var(--ct-paper));border-color:var(--ct-line)}
.cir-v2-preview .cir-call-card .cir-call-actions button{min-height:40px}
.cir-v2-preview .cir-m-doctrine{background:#F5E9DE}
.cir-v2-preview .cir-m-gallery-wrap,.cir-v2-preview .cir-m-members-wrap{max-width:none}

/* ---------- Me ---------- */
.me-v2{max-width:900px;margin:0 auto;padding:44px 24px 112px;color:var(--ct-ink)}
.mev2-loading,.mev2-error{padding:50px 20px;text-align:center;color:var(--ct-sub);font:650 .68rem var(--ct-font-ui)}.mev2-error{display:grid;gap:6px;justify-items:center}.mev2-error strong{color:var(--ct-ink);font:500 1.3rem var(--ct-font-display)}.mev2-error button{border:0;border-radius:999px;background:var(--ct-ink);color:var(--ct-paper);padding:9px 12px;font:750 .56rem var(--ct-font-ui)}
.mev2-mast{border:1px solid var(--ct-line);border-radius:22px;background:var(--ct-paper);overflow:hidden;box-shadow:0 18px 42px -40px rgba(33,24,17,.55)}
.mev2-cover{position:relative;height:112px;background:#D8C6AF;overflow:hidden}.mev2-cover>img{width:100%;height:100%;object-fit:cover}.mev2-cover-matte{display:grid;place-items:center;width:100%;height:100%;background:linear-gradient(135deg,#D9C4A9,#B7926C)}.mev2-cover-matte span{font:500 4.2rem var(--ct-font-display);color:rgba(63,43,25,.35)}
.mev2-cover-edit,.mev2-cover-remove{position:absolute;right:10px;bottom:9px;border:1px solid rgba(255,255,255,.55);border-radius:999px;background:rgba(23,18,14,.64);color:#fff;padding:6px 9px;font:750 .49rem var(--ct-font-ui);backdrop-filter:blur(8px);cursor:pointer}.mev2-cover-remove{right:98px}
.mev2-identity{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:13px;align-items:center;padding:14px 17px 16px}.mev2-avatar{position:relative;width:66px;height:66px;margin-top:-34px;border:3px solid var(--ct-paper);border-radius:50%;background:var(--ct-ink);overflow:visible;display:grid;place-items:center;color:#fff;font:700 .8rem var(--ct-font-ui)}.mev2-avatar>img{width:100%;height:100%;object-fit:cover;border-radius:50%}.mev2-avatar>span{font:500 1.35rem var(--ct-font-display)}.mev2-avatar button{position:absolute;right:-3px;bottom:0;width:25px;height:25px;border:2px solid var(--ct-paper);border-radius:50%;background:var(--ct-ink);color:#fff;padding:0;font:750 .55rem var(--ct-font-ui);cursor:pointer}
.mev2-person{min-width:0}.mev2-kicker{color:#95552E;font:850 .48rem var(--ct-font-ui);letter-spacing:.1em}.mev2-person h1{margin:2px 0 2px;font:500 1.8rem/1 var(--ct-font-display)}.mev2-person p{margin:0;color:var(--ct-sub);font:550 .56rem/1.35 var(--ct-font-ui)}.mev2-view-profile{border:1px solid var(--ct-line);border-radius:999px;background:var(--ct-paper);color:var(--ct-ink);padding:8px 10px;font:750 .5rem var(--ct-font-ui);cursor:pointer}
.mev2-doctrine{display:flex;gap:8px;align-items:flex-start;margin:14px 0 0;padding:12px 13px;border-radius:14px;background:#F5E9DE;color:var(--ct-sub);font:600 .56rem/1.4 var(--ct-font-ui)}.mev2-doctrine strong{color:var(--ct-ink);white-space:nowrap}
.mev2-section{margin-top:24px}.mev2-section-head{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-bottom:9px}.mev2-section-head span{color:#885A34;font:850 .48rem var(--ct-font-ui);letter-spacing:.12em}.mev2-section-head h2{margin:3px 0 0;font:500 1.42rem/1 var(--ct-font-display)}.mev2-section-head>button{border:0;background:none;color:#725A4B;font:750 .5rem var(--ct-font-ui);cursor:pointer}
.mev2-private-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.mev2-private-tile{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;gap:4px 8px;align-items:center;border:1px solid var(--ct-line);border-radius:16px;background:var(--ct-paper);padding:11px;text-align:left;color:var(--ct-ink);cursor:pointer}.mev2-private-icon{grid-row:1/3;width:32px;height:32px;border-radius:10px;background:#E4CEC1}.mev2-private-tile.mev2-private-want .mev2-private-icon{background:#DDECE5}.mev2-private-tile.mev2-private-loved .mev2-private-icon{background:#F2D7CC}.mev2-private-tile strong{font:750 .58rem var(--ct-font-ui)}.mev2-private-tile b{font:500 1.15rem var(--ct-font-display)}.mev2-private-tile small{grid-column:2/4;color:var(--ct-sub);font:550 .47rem/1.2 var(--ct-font-ui)}
.mev2-list{display:grid;gap:7px}.mev2-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;width:100%;border:1px solid var(--ct-line);border-radius:14px;background:var(--ct-paper);padding:11px 12px;color:var(--ct-ink);text-align:left;cursor:pointer}.mev2-row:hover{border-color:#CEB9A6}.mev2-row-mark{width:32px;height:32px;border-radius:10px;background:#EFE3D5}.mev2-row.mev2-kind-interests .mev2-row-mark{background:#E2EFE7}.mev2-row.mev2-kind-circles .mev2-row-mark{background:#F0E4ED}.mev2-row.mev2-kind-referrals .mev2-row-mark{background:#F6E4CD}.mev2-row.mev2-kind-notifications .mev2-row-mark{background:#F3DDD5}.mev2-row.mev2-kind-appearance .mev2-row-mark{background:#DDE9F1}.mev2-row.mev2-kind-privacy .mev2-row-mark{background:#DDEDEB}.mev2-row.mev2-kind-account .mev2-row-mark{background:#F3E7D3}.mev2-row-copy{display:grid;gap:2px;min-width:0}.mev2-row-copy strong{font:750 .62rem var(--ct-font-ui)}.mev2-row-copy small{color:var(--ct-sub);font:550 .49rem/1.25 var(--ct-font-ui);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mev2-chev{color:var(--ct-sub);font:400 1.25rem var(--ct-font-display)}
.mev2-signout{width:100%;margin-top:8px;border:1px solid #E0C5BB;border-radius:14px;background:#FFF7F4;color:#A54832;padding:11px;font:800 .56rem var(--ct-font-ui);cursor:pointer}

/* Me subpages use same visual family without changing their functionality. */
html.ct-ui-v2 .interest-page,
html.ct-ui-v2 .control-page,
html.ct-ui-v2 .notifications,
html.ct-ui-v2 .from-ct{max-width:900px!important;margin-left:auto!important;margin-right:auto!important}
html.ct-ui-v2 .control-page{padding-top:44px}
html.ct-ui-v2 .control-page h1{font-size:clamp(2.25rem,5vw,3.6rem)}
html.ct-ui-v2 .control-card{border-radius:17px;box-shadow:0 12px 30px -30px rgba(33,24,17,.4)}
html.ct-ui-v2 .interest-page{padding-left:24px;padding-right:24px}
html.ct-ui-v2 .interest-panel{border-radius:18px}
html.ct-ui-v2 .ntf-alert-card,
html.ct-ui-v2 .ntf-row{border-radius:16px}
html.ct-ui-v2 .fct-card{border-radius:20px}

@media(max-width:760px){
  .cir-v2-preview{padding:20px 11px 96px}
  .cirv2-head{display:grid;gap:14px;padding-top:4px}.cirv2-head h1{font-size:2.25rem}.cirv2-head p{font-size:.61rem}.cirv2-head-actions{display:grid;grid-template-columns:1fr 1fr}.cirv2-head-actions button{padding:9px 8px;font-size:.52rem}
  .cirv2-circle{grid-template-columns:68px minmax(0,1fr) auto;gap:9px;min-height:86px;padding:7px 10px 7px 7px;border-radius:15px}.cirv2-circle-media{width:68px;height:68px;border-radius:12px}.cirv2-circle-mono{font-size:1.6rem}.cirv2-circle-dp{width:27px;height:27px}.cirv2-circle-top strong{font-size:1rem}.cirv2-circle-activity{flex-wrap:wrap}.cirv2-circle-activity .cir-online-count{width:auto;margin:0;order:initial}.cirv2-circle-activity time{margin-left:0}.cirv2-latest{width:100%}.cirv2-invite{grid-template-columns:auto minmax(0,1fr)}.cirv2-invite>div:last-child{grid-column:2}
  .cirv2-doctrine{display:grid}.cirv2-doctrine strong{white-space:normal}
  .cirv2-create-card{padding:22px 15px;border-radius:18px}
  .cir-v2-preview .cir-m-cover{height:124px}.cir-v2-preview .cir-m-identity{padding:0 11px 10px}.cir-v2-preview .cir-m-title h1{font-size:1.55rem}.cir-v2-preview .cir-m-tabs{top:58px;padding:0 5px}.cir-v2-preview .cir-m-tabs button{padding:11px 8px;font-size:.6rem}

  .me-v2{padding:20px 11px 96px}.mev2-mast{border-radius:18px}.mev2-cover{height:92px}.mev2-identity{grid-template-columns:auto minmax(0,1fr);padding:12px}.mev2-avatar{width:58px;height:58px;margin-top:-29px}.mev2-person h1{font-size:1.48rem}.mev2-person p{font-size:.5rem}.mev2-view-profile{grid-column:1/-1;justify-self:start;margin-left:70px;margin-top:-8px}.mev2-doctrine{display:grid}.mev2-doctrine strong{white-space:normal}
  .mev2-private-grid{grid-template-columns:1fr}.mev2-private-tile{grid-template-columns:auto 1fr auto}.mev2-row-copy small{white-space:normal}
  html.ct-ui-v2 .interest-page,
  html.ct-ui-v2 .control-page,
  html.ct-ui-v2 .notifications,
  html.ct-ui-v2 .from-ct{padding-left:12px!important;padding-right:12px!important}
}


/* V1.1 — namespace collision guard.
   Do not allow full-page route classes such as .showcase, .circles or
   .notifications to ever affect Me control rows. */
.me-v2 .mev2-row{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
  min-height:58px!important;
  height:auto!important;
  margin:0!important;
  padding:11px 12px!important;
  overflow:visible!important;
}
.me-v2 .mev2-row.mev2-kind-showcase,
.me-v2 .mev2-row.mev2-kind-circles,
.me-v2 .mev2-row.mev2-kind-notifications{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:11px 12px!important;
}


/* V1.2 — Me visual fill: the colored blocks are now semantic icon tiles. */
.mev2-row-mark,.mev2-private-icon{
  display:grid!important;
  place-items:center!important;
  color:#6D5545;
}
.mev2-row-mark svg{width:17px;height:17px;display:block}
.mev2-private-icon svg{width:17px;height:17px;display:block}
.mev2-private-tile.mev2-private-saved .mev2-private-icon{color:#7A5746}
.mev2-private-tile.mev2-private-want .mev2-private-icon{color:#276D57}
.mev2-private-tile.mev2-private-loved .mev2-private-icon{color:#A14D35}
.mev2-row.mev2-kind-circles .mev2-row-mark{color:#72556E}
.mev2-row.mev2-kind-interests .mev2-row-mark{color:#2E745B}
.mev2-row.mev2-kind-referrals .mev2-row-mark{color:#9B671F}
.mev2-row.mev2-kind-messages .mev2-row-mark{color:#665E54}
.mev2-row.mev2-kind-showcase .mev2-row-mark{color:#795C3F}
.mev2-row.mev2-kind-business .mev2-row-mark{color:#795C3F}
.mev2-row.mev2-kind-fromct .mev2-row-mark{color:#705993}
.mev2-row.mev2-kind-activity .mev2-row-mark{color:#4C6D82}
.mev2-row.mev2-kind-founder .mev2-row-mark{color:#7E5535}
.mev2-row.mev2-kind-notifications .mev2-row-mark{color:#A34F3C}
.mev2-row.mev2-kind-appearance .mev2-row-mark{color:#496D86}
.mev2-row.mev2-kind-privacy .mev2-row-mark{color:#367267}
.mev2-row.mev2-kind-account .mev2-row-mark{color:#8B652F}
.mev2-row.mev2-kind-guide .mev2-row-mark{color:#6A6259}

/* Fixed desktop Community bar must not cover the identity mast. */
@media(min-width:860px){
  .me-v2{padding-top:92px}
  .cir-v2-preview{padding-top:92px}
}

/* The install nudge is fixed; reserve space rather than letting it cover Me rows. */
html.ct-ui-v2 body:has(#ctInstallNudge) .me-v2,
html.ct-ui-v2 body:has(#ctInstallNudge) .cir-v2-preview{
  padding-bottom:190px;
}

/* Make the control centre read as designed rather than a stack of white blanks. */
.mev2-row{transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}
.mev2-row:hover{transform:translateY(-1px);box-shadow:0 10px 24px -24px rgba(33,24,17,.5)}
.mev2-private-tile{transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}
.mev2-private-tile:hover{transform:translateY(-1px);box-shadow:0 10px 24px -24px rgba(33,24,17,.5)}