:root{--mcc-bg:#08111b;--mcc-panel:#111a23;--mcc-panel2:#17212c;--mcc-line:#273543;--mcc-text:#f6f8fb;--mcc-muted:#9fb0bf;--mcc-blue:#0f80bd;--mcc-red:#e23b37;--mcc-green:#35c779}
.mc-chat-shell{width:min(1540px,calc(100% - 34px));height:calc(100vh - 120px);min-height:650px;margin:22px auto;display:grid;grid-template-columns:330px minmax(0,1fr) 280px;overflow:hidden;border:1px solid #263542;border-radius:18px;background:var(--mcc-bg);box-shadow:0 28px 70px rgba(0,0,0,.22);color:var(--mcc-text)}
.mc-chat-shell *{box-sizing:border-box}.mc-chat-sidebar,.mc-chat-info{background:var(--mcc-panel);min-width:0}.mc-chat-sidebar{display:flex;flex-direction:column;border-right:1px solid var(--mcc-line)}.mc-chat-sidebar-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:22px 20px 12px}.mc-chat-kicker{margin:0;color:#66c7ee;font-size:.68rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.mc-chat-sidebar h1{margin:1px 0 0;font-size:1.7rem;line-height:1}.mc-chat-dashboard-link,.mc-chat-sidebar-foot a,.mc-chat-head-actions a{color:#bcd8e8;font-weight:800;text-decoration:none;font-size:.78rem}.mc-chat-search{display:block;padding:10px 16px}.mc-chat-search input{width:100%;height:42px;border:1px solid var(--mcc-line);border-radius:10px;background:#0b141d;color:#fff;padding:0 13px;outline:none}.mc-chat-search input:focus{border-color:#278bc0;box-shadow:0 0 0 3px rgba(39,139,192,.14)}
.mc-chat-tabs{display:flex;gap:6px;padding:3px 16px 12px}.mc-chat-tabs button{border:0;border-radius:999px;background:#1b2835;color:#b8c6d1;padding:7px 12px;font-size:.75rem;font-weight:800;cursor:pointer}.mc-chat-tabs button.is-active{background:#0e77ae;color:#fff}.mc-chat-member-list{overflow:auto;flex:1;padding:0 8px 10px}.mc-chat-person{position:relative;width:100%;display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:11px;align-items:center;border:0;border-radius:11px;background:transparent;color:inherit;padding:10px;text-align:left;cursor:pointer}.mc-chat-person:hover{background:#182430}.mc-chat-person.is-selected{background:#213242}.mc-chat-avatar{position:relative;display:grid;place-items:center;width:46px;height:46px;flex:0 0 auto;border-radius:50%;overflow:visible;background:linear-gradient(145deg,#0b6fa5,#155c4e);color:#fff;font-weight:900}.mc-chat-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.mc-chat-avatar b{font-size:1rem}.mc-presence{position:absolute;right:0;bottom:1px;width:12px;height:12px;border:2px solid var(--mcc-panel);border-radius:50%;background:#566674}.mc-presence-online{background:var(--mcc-green)}.mc-presence-recent{background:#f1b640}.mc-chat-person-copy{min-width:0}.mc-chat-person-copy strong,.mc-chat-person-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mc-chat-person-copy strong{font-size:.9rem}.mc-chat-person-copy small{margin-top:2px;color:var(--mcc-muted);font-size:.72rem}.mc-chat-unread{display:grid;place-items:center;min-width:21px;height:21px;border-radius:999px;background:#df3f38;color:#fff;font-size:.69rem;font-weight:900;padding:0 6px}.mc-chat-sidebar-foot{display:flex;justify-content:space-between;gap:10px;padding:14px 18px;border-top:1px solid var(--mcc-line)}.mc-chat-empty-side{padding:25px 18px;color:var(--mcc-muted);font-size:.85rem}
.mc-chat-conversation{min-width:0;display:grid;grid-template-rows:auto 1fr auto;background:#0b1219}.mc-chat-conversation-head{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:14px 20px;border-bottom:1px solid var(--mcc-line);background:#121b24}.mc-chat-selected{display:flex;align-items:center;gap:11px;min-width:0}.mc-chat-avatar-large{width:42px;height:42px}.mc-chat-selected h2{margin:0;font-size:1rem}.mc-chat-selected p{margin:2px 0 0;color:var(--mcc-muted);font-size:.74rem}.mc-chat-head-actions{display:flex;gap:8px;align-items:center}.mc-chat-head-actions a{padding:8px 10px;border-radius:8px;background:#1b2935}.mc-chat-support-link{background:#0b709f!important;color:#fff!important}
.mc-chat-messages{overflow-y:auto;padding:24px 26px;display:flex;flex-direction:column;gap:8px;scroll-behavior:smooth}.mc-chat-loading{margin:auto;color:var(--mcc-muted)}.mc-chat-bubble-row{display:flex}.mc-chat-bubble-row.is-mine{justify-content:flex-end}.mc-chat-bubble{max-width:min(72%,680px);padding:10px 13px;border-radius:14px 14px 14px 4px;background:#1d2a35;color:#f5f7f9;box-shadow:0 2px 10px rgba(0,0,0,.08)}.mc-chat-bubble-row.is-mine .mc-chat-bubble{border-radius:14px 14px 4px 14px;background:#0c6f9f}.mc-chat-bubble p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.42;font-size:.9rem}.mc-chat-bubble time{display:block;margin-top:5px;color:#b8c4cd;font-size:.64rem;text-align:right}.mc-chat-compose{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:14px 18px;border-top:1px solid var(--mcc-line);background:#121b24}.mc-chat-compose textarea{resize:none;max-height:130px;min-height:44px;border:1px solid #334453;border-radius:12px;background:#0c151e;color:#fff;padding:11px 13px;outline:none;font:inherit}.mc-chat-compose textarea:focus{border-color:#2b93c8}.mc-chat-compose button{align-self:end;height:44px;border:0;border-radius:10px;background:#e23b37;color:#fff;padding:0 20px;font-weight:900;cursor:pointer}.mc-chat-compose button:disabled{opacity:.55}.mc-chat-no-selection{display:grid;place-items:center;grid-row:1/-1;text-align:center;color:var(--mcc-muted)}.mc-chat-no-selection span{font-size:2.4rem}.mc-chat-no-selection h2{margin:8px 0;color:#fff}
.mc-chat-info{border-left:1px solid var(--mcc-line);padding:24px 18px;overflow:auto}.mc-chat-info-card{text-align:center}.mc-chat-info-avatar{width:86px;height:86px;margin:4px auto 13px}.mc-chat-info h2{margin:0 0 7px;font-size:1.15rem}.mc-chat-info p{color:var(--mcc-muted);font-size:.8rem;line-height:1.5}.mc-chat-info-meta{font-weight:800}.mc-chat-info-button{display:block;margin:17px 0 10px;border-radius:9px;background:#0d76aa;color:#fff;padding:10px;text-decoration:none;font-weight:900;font-size:.8rem}.mc-chat-report{color:#e9a9a6;font-size:.72rem;font-weight:700}.mc-chat-info-note{margin-top:22px;padding-top:17px;border-top:1px solid var(--mcc-line)}.mc-chat-info-note strong{font-size:.8rem}
@media(max-width:1120px){.mc-chat-shell{grid-template-columns:300px minmax(0,1fr)}.mc-chat-info{display:none}}
@media(max-width:760px){.mc-chat-shell{width:100%;height:calc(100vh - 82px);min-height:560px;margin:0;border-radius:0;border-left:0;border-right:0;grid-template-columns:96px minmax(0,1fr)}.mc-chat-sidebar-head h1,.mc-chat-kicker,.mc-chat-dashboard-link,.mc-chat-search,.mc-chat-tabs,.mc-chat-person-copy,.mc-chat-unread,.mc-chat-sidebar-foot{display:none}.mc-chat-sidebar-head{justify-content:center;padding:15px 5px}.mc-chat-member-list{padding:3px}.mc-chat-person{grid-template-columns:1fr;justify-items:center;padding:8px 3px}.mc-chat-person.is-selected{background:#1e3040}.mc-chat-conversation-head{padding:10px 12px}.mc-chat-head-actions a:not(.mc-chat-support-link){display:none}.mc-chat-messages{padding:16px 12px}.mc-chat-bubble{max-width:88%}.mc-chat-compose{padding:10px}.mc-chat-compose button{padding:0 14px}}

/* Community Rooms integrated into the communications center */
.mc-chat-tab-link{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;background:#1b2835;color:#b8c6d1;padding:7px 12px;font-size:.75rem;font-weight:800;text-decoration:none;line-height:1.2}.mc-chat-tab-link:hover{background:#223342;color:#fff}.mc-chat-tab-link.is-active{background:#0e77ae;color:#fff}
.mc-room-list{padding-top:2px}.mc-room-nav{width:100%;display:grid;grid-template-columns:42px minmax(0,1fr);gap:11px;align-items:center;border-radius:11px;color:var(--mcc-text);padding:11px 10px;text-decoration:none}.mc-room-nav:hover{background:#182430}.mc-room-nav.is-selected{background:#213242}.mc-room-nav strong,.mc-room-nav small{display:block}.mc-room-nav strong{font-size:.86rem}.mc-room-nav small{margin-top:3px;color:var(--mcc-muted);font-size:.72rem}.mc-room-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:#0e77ae;color:#fff;font-size:1.15rem;font-weight:900}
.mc-room-head{align-items:center}.mc-room-head>div{min-width:0}.mc-room-head h2{margin:2px 0 3px;font-size:1.1rem}.mc-room-head p:last-child{margin:0;color:var(--mcc-muted);font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mc-room-enter-top{flex:0 0 auto;border-radius:9px;background:#0e77ae;color:#fff;padding:9px 14px;text-decoration:none;font-size:.78rem;font-weight:900}
.mc-room-workspace{display:flex;flex:1;min-height:0;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:36px;background:radial-gradient(circle at 50% 40%,rgba(20,78,111,.19),transparent 38%)}.mc-room-symbol{display:grid;place-items:center;width:78px;height:78px;border-radius:22px;background:#0e77ae;color:#fff;font-size:2rem;font-weight:900;box-shadow:0 16px 38px rgba(0,0,0,.2)}.mc-room-workspace h2{margin:20px 0 7px;font-size:1.65rem}.mc-room-workspace>p{max-width:620px;margin:0;color:var(--mcc-muted);line-height:1.55}.mc-room-status{display:flex;align-items:center;gap:8px;margin:22px 0 16px;color:#b9c8d3;font-size:.78rem;font-weight:800}.mc-room-status i{width:9px;height:9px;border-radius:50%;background:var(--mcc-green);box-shadow:0 0 0 4px rgba(53,199,121,.12)}.mc-room-enter{display:inline-flex;align-items:center;justify-content:center;min-width:180px;border-radius:10px;background:var(--mcc-red);color:#fff;padding:12px 18px;text-decoration:none;font-weight:900;font-size:.85rem}.mc-room-enter:hover{filter:brightness(1.06)}.mc-room-fineprint{margin-top:16px!important;font-size:.71rem!important}.mc-room-info-note:first-child{margin-top:0;padding-top:0;border-top:0}
@media(max-width:760px){.mc-chat-tabs{flex-wrap:wrap}.mc-chat-tab-link{padding:7px 10px}.mc-room-nav{grid-template-columns:1fr;justify-items:center;padding:8px 3px}.mc-room-nav span:last-child{display:none}.mc-room-icon{width:44px;height:44px}.mc-room-head p:last-child{display:none}.mc-room-workspace{padding:22px}.mc-room-workspace h2{font-size:1.3rem}.mc-room-enter-top{display:none}}

/* Logged-out center landing action */
.mc-chat-no-selection>div{width:min(900px,100%);max-width:900px;padding:28px}
.mc-chat-no-selection p{margin:0;line-height:1.55}
.mc-chat-empty-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:22px}
.mc-chat-empty-actions a{display:inline-flex;align-items:center;justify-content:center;min-width:170px;min-height:46px;padding:0 22px;border-radius:10px;background:#0f86c2;color:#fff;font-size:.86rem;font-weight:900;text-decoration:none;box-shadow:0 10px 24px rgba(0,0,0,.2)}
.mc-chat-empty-actions a:hover{background:#1496d5}
.mc-chat-empty-actions a.is-invitation{background:#dc291e}
.mc-chat-empty-actions a.is-invitation:hover{background:#ee3328}
.mc-chat-no-selection .mc-chat-empty-visual{position:relative;display:block;width:min(680px,94%);height:290px;overflow:hidden;margin:0 auto 18px;border:1px solid #315166;border-radius:18px;background:#102637;box-shadow:0 20px 50px rgba(0,0,0,.34)}
.mc-chat-no-selection .mc-chat-empty-visual img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.94) contrast(1.02)}
.mc-chat-no-selection .mc-chat-empty-visual strong{position:absolute;left:18px;bottom:16px;padding:9px 13px;border:1px solid rgba(255,255,255,.32);border-radius:999px;background:rgba(4,25,40,.84);color:#fff;font-size:.77rem;font-weight:900;letter-spacing:.035em;text-transform:uppercase;box-shadow:0 5px 18px rgba(0,0,0,.3);backdrop-filter:blur(5px)}
@media(max-width:620px){.mc-chat-no-selection>div{padding:18px}.mc-chat-no-selection .mc-chat-empty-visual{width:100%;height:190px;margin-bottom:14px;border-radius:13px}.mc-chat-no-selection .mc-chat-empty-visual strong{left:10px;bottom:10px;padding:7px 10px;font-size:.65rem}.mc-chat-empty-actions{display:grid}.mc-chat-empty-actions a{width:100%}}

/* Identity refinement: real person name is primary; handle/nickname is secondary. */
.mc-chat-handle{display:block;margin-top:2px;color:#79c7e8;font-size:.72rem;font-style:normal;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mc-chat-peer-handle{margin:2px 0 0!important;color:#79c7e8!important;font-size:.76rem!important;font-weight:700}
.mc-chat-info-handle{margin:-2px 0 10px!important;color:#79c7e8!important;font-size:.78rem!important;font-weight:700}


/* Correct separation: per-member Chat vs one global Chat with Admin. */
.mc-chat-global-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.mc-chat-admin-support{display:inline-flex;align-items:center;justify-content:center;padding:7px 10px;border-radius:8px;background:#0e77ae;color:#fff!important;text-decoration:none;font-size:.74rem;font-weight:900;white-space:nowrap}
.mc-chat-person{text-decoration:none}
.mc-chat-row-actions{display:flex;align-items:center;gap:6px}
.mc-chat-row-chat{display:inline-flex;align-items:center;justify-content:center;min-width:46px;height:28px;padding:0 9px;border-radius:8px;background:#0e77ae;color:#fff;font-size:.7rem;font-weight:900}
@media(max-width:760px){
  .mc-chat-global-actions{display:none}
  .mc-chat-row-actions{display:none}
}


/* 2026-08-08 controlled contact/messaging polish */
.mc-chat-sidebar-head{align-items:center}
.mc-chat-admin-row{padding:0 16px 10px}
.mc-chat-admin-support{width:100%;min-height:38px}
.mc-chat-request-alert{margin:0 16px 11px;padding:10px 12px;border:1px solid rgba(241,182,64,.34);border-radius:10px;background:rgba(241,182,64,.08)}
.mc-chat-request-alert strong,.mc-chat-request-alert span{display:block}.mc-chat-request-alert strong{color:#ffd57c;font-size:.78rem}.mc-chat-request-alert span{margin-top:2px;color:#b7c4cd;font-size:.68rem;line-height:1.35}
.mc-chat-type-filter{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:0 16px 10px}
.mc-chat-type-filter a{display:flex;align-items:center;justify-content:center;min-height:33px;border-radius:8px;background:#1b2835;color:#b8c6d1;text-decoration:none;font-size:.7rem;font-weight:850}
.mc-chat-type-filter a.is-active{background:#0e77ae;color:#fff}
.mc-contact-state{display:inline-flex;width:max-content;margin-top:4px;border-radius:999px;padding:3px 7px;font-size:.61rem;font-weight:900}
.mc-contact-state.is-connected{background:rgba(53,199,121,.12);color:#86dfad}.mc-contact-state.is-pending{background:rgba(241,182,64,.11);color:#f1c96c}.mc-contact-state.is-incoming{background:rgba(15,128,189,.18);color:#8fd6f4}
.mc-chat-person.has-request{border:1px solid rgba(65,166,213,.28);background:rgba(15,128,189,.06)}
.mc-chat-row-connect,.mc-chat-row-request,.mc-chat-row-pending{display:inline-flex;align-items:center;justify-content:center;min-width:54px;height:28px;padding:0 8px;border-radius:8px;font-size:.67rem;font-weight:900}
.mc-chat-row-connect{background:#23485e;color:#bfe5f5}.mc-chat-row-request{background:#0e77ae;color:#fff}.mc-chat-row-pending{background:#2c3440;color:#bec9d1}
.mc-chat-sidebar-foot{justify-content:flex-start}.mc-chat-sidebar-foot span{color:#8598a6;font-size:.67rem;line-height:1.35}
.mc-contact-gate{min-height:0;display:grid;place-items:center;padding:28px}
.mc-contact-gate-card{width:min(540px,100%);text-align:center;padding:32px;border:1px solid #2a3b48;border-radius:14px;background:#101b24}
.mc-contact-gate-icon{display:grid;place-items:center;width:56px;height:56px;margin:0 auto 14px;border-radius:50%;background:#17364a;color:#8fd2ee;font-size:1.4rem;font-weight:900}
.mc-contact-gate-card h2{margin:0 0 8px;color:#fff;font-size:1.2rem}.mc-contact-gate-card p{margin:0 auto 18px;max-width:430px;color:#9fb0bd;line-height:1.5;font-size:.84rem}
.mc-contact-gate-card button,.mc-contact-gate-actions button{min-height:40px;border:0;border-radius:9px;background:#0f7fb6;color:#fff;padding:0 16px;font-weight:900;cursor:pointer}
.mc-contact-gate-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.mc-contact-gate-card button.is-secondary{background:#273846;color:#dce7ed}.mc-contact-gate-card button:disabled{opacity:.7;cursor:default}
.mc-profile-actions{display:grid;gap:8px;margin:15px 0 10px}.mc-profile-actions .mc-chat-info-button{width:100%;margin:0;border:0;cursor:pointer;font:inherit;font-size:.76rem;font-weight:900}.mc-profile-actions .mc-chat-info-button.is-secondary{background:#263744;color:#d8e3e9}.mc-profile-actions .mc-chat-info-button:disabled{opacity:.65;cursor:default}.mc-video-profile-button{background:#0f7fb6!important}
@media(max-width:760px){.mc-chat-admin-row,.mc-chat-request-alert,.mc-chat-type-filter{display:none}}


/* 2026-08-08 — CENTER PANE VIDEO LAYOUT FIX
   Keep left People pane and right profile pane visible.
   Only .mc-chat-conversation becomes the video workspace. */

.mc-chat-conversation{
  position:relative;
  min-width:0;
  min-height:0;
  overflow:hidden;
}

/* The existing WebRTC element keeps its IDs/classes for the frozen JS,
   but inside chat.php it behaves as an embedded pane, never a viewport popup. */
.mc-chat-conversation .mc-video-modal.mc-chat-video-pane{
  position:absolute !important;
  inset:0 !important;
  z-index:10 !important;
  width:auto !important;
  height:auto !important;
  min-width:0 !important;
  min-height:0 !important;
  max-width:none !important;
  max-height:none !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  transform:none !important;
  background:#070d12 !important;
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
}

/* Never allow the embedded video pane/backdrop to cover the left or right columns. */
.mc-chat-conversation .mc-video-modal-backdrop,
.mc-chat-conversation .mc-video-backdrop,
.mc-chat-conversation .modal-backdrop{
  display:none !important;
}

/* Header belongs to the center pane only. */
.mc-chat-conversation .mc-video-modal-head,
.mc-chat-conversation .mc-video-head{
  position:relative !important;
  flex:0 0 auto !important;
  width:100% !important;
  z-index:3 !important;
}

/* Main remote-video stage fills only the available center column. */
.mc-chat-conversation .mc-video-stage,
.mc-chat-conversation .rtc-stage,
.mc-chat-conversation .mc-video-main{
  position:relative !important;
  flex:1 1 auto !important;
  width:100% !important;
  min-height:0 !important;
  overflow:hidden !important;
  background:#03080c !important;
}

.mc-chat-conversation .mc-video-stage video,
.mc-chat-conversation .rtc-stage video,
.mc-chat-conversation .mc-video-main video,
.mc-chat-conversation #rtc-remote-video{
  max-width:100% !important;
  max-height:100% !important;
}

/* Remote main video remains large without escaping center pane. */
.mc-chat-conversation #rtc-remote-video{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
}

/* Local You tile stays inside lower-right of CENTER pane. */
.mc-chat-conversation .mc-video-local,
.mc-chat-conversation .mc-video-self,
.mc-chat-conversation #rtc-local-wrap{
  position:absolute !important;
  right:18px !important;
  bottom:88px !important;
  left:auto !important;
  top:auto !important;
  z-index:5 !important;
  max-width:min(240px,28%) !important;
}

/* Control bar remains at bottom of center pane only. */
.mc-chat-conversation .mc-video-controls,
.mc-chat-conversation .rtc-controls{
  position:relative !important;
  flex:0 0 auto !important;
  width:100% !important;
  z-index:6 !important;
}

/* Protect neighboring chat columns from any generic modal rules. */
.mc-chat-sidebar,
.mc-chat-info{
  position:relative;
  z-index:2;
}

/* Embedded video must not alter the overall 3-column shell. */
.mc-chat-shell:has(.mc-chat-video-pane){
  grid-template-columns:330px minmax(0,1fr) 280px !important;
}

@media(max-width:1120px){
  .mc-chat-shell:has(.mc-chat-video-pane){
    grid-template-columns:300px minmax(0,1fr) !important;
  }
}

@media(max-width:760px){
  .mc-chat-shell:has(.mc-chat-video-pane){
    grid-template-columns:96px minmax(0,1fr) !important;
  }
  .mc-chat-conversation .mc-video-local,
  .mc-chat-conversation .mc-video-self,
  .mc-chat-conversation #rtc-local-wrap{
    right:10px !important;
    bottom:76px !important;
    max-width:38% !important;
  }
}

/* 2026-08-09 — selected-contact chat lives directly below the selected contact.
   Directory filters temporarily switch the left pane to directory mode without
   navigating away from chat.php or disturbing an active video call. */
.mc-chat-type-filter button{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:33px;
  border:0;
  border-radius:8px;
  background:#1b2835;
  color:#b8c6d1;
  text-decoration:none;
  font:inherit;
  font-size:.7rem;
  font-weight:850;
  cursor:pointer;
}
.mc-chat-type-filter button.is-active{background:#0e77ae;color:#fff}

.mc-sidebar-chat{
  margin:6px 2px 10px;
  border:1px solid #2a3a47;
  border-radius:11px;
  overflow:hidden;
  background:#0b141d;
}
.mc-sidebar-chat[hidden]{display:none!important}
.mc-sidebar-chat .mc-chat-messages{
  height:250px;
  min-height:180px;
  padding:12px 10px;
  gap:7px;
  background:#0b141d;
}
.mc-sidebar-chat .mc-chat-loading{font-size:.75rem;text-align:center}
.mc-sidebar-chat .mc-chat-bubble{max-width:88%;padding:8px 10px;border-radius:11px 11px 11px 4px}
.mc-sidebar-chat .mc-chat-bubble-row.is-mine .mc-chat-bubble{border-radius:11px 11px 4px 11px}
.mc-sidebar-chat .mc-chat-bubble p{font-size:.78rem;line-height:1.35}
.mc-sidebar-chat .mc-chat-bubble time{font-size:.58rem}
.mc-sidebar-chat .mc-chat-compose{
  grid-template-columns:minmax(0,1fr) auto;
  gap:7px;
  padding:8px;
  border-top:1px solid #273543;
  background:#111a23;
}
.mc-sidebar-chat .mc-chat-compose textarea{
  min-height:38px;
  max-height:86px;
  padding:8px 9px;
  border-radius:9px;
  font-size:.78rem;
}
.mc-sidebar-chat .mc-chat-compose button{
  height:38px;
  padding:0 11px;
  border-radius:8px;
  font-size:.72rem;
}

/* Once the live thread has been moved into the sidebar, the center conversation
   remains available to the existing video pane without reserving a second message body. */
.mc-chat-conversation > .mc-chat-conversation-head + .mc-chat-messages,
.mc-chat-conversation > .mc-chat-compose{min-height:0}

@media(max-width:760px){
  .mc-sidebar-chat{display:none!important}
}


/* 2026-08-09 — CHAT WORKSPACE EDGE-TO-EDGE FIT
   Presentation only. The broadcast top menu remains intact; chat.php owns all
   remaining viewport space. Remove the standalone-page gray frame, outer
   margins, rounded shell edge, and footer only on the chat application page. */
body:has(#mc-chat-app){
  height:100dvh;
  min-height:0;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  background:var(--mcc-bg);
}
body:has(#mc-chat-app) > .broadcast-header{
  flex:0 0 auto;
}
body:has(#mc-chat-app) > .broadcast-header .broadcast-header-inner{
  width:100%;
  max-width:none;
  min-height:62px;
  padding:0 18px;
  gap:16px;
}
body:has(#mc-chat-app) > .broadcast-header .broadcast-nav,
body:has(#mc-chat-app) > .broadcast-header .nav-toggle{
  display:none!important;
}
body:has(#mc-chat-app) > .broadcast-header .header-account-actions{
  margin-left:auto;
}
body:has(#mc-chat-app) > .broadcast-header .broadcast-brand{
  flex:0 0 auto;
}
body:has(#mc-chat-app) > .broadcast-header .header-login-button,
body:has(#mc-chat-app) > .broadcast-header .header-cta{
  min-height:40px;
  padding:0 16px;
}
body:has(#mc-chat-app) > #main-content{
  flex:1 1 auto;
  min-height:0;
  width:100%;
  display:flex;
  overflow:hidden;
  background:var(--mcc-bg);
}
body:has(#mc-chat-app) .mc-chat-shell{
  flex:1 1 auto;
  width:100%;
  max-width:none;
  height:auto;
  min-height:0;
  margin:0;
  border:0;
  border-radius:0;
  box-shadow:none;
}
body:has(#mc-chat-app) .mc-mi-connect,
body:has(#mc-chat-app) .site-footer{
  display:none!important;
}


/* 2026-08-09 — ACTIVE VIDEO CONTACT IDENTITY BAR
   Presentation only. Keep the verified edge-to-edge layout and all media logic intact.
   The selected contact identity belongs directly above the live video while the call pane
   is visible. Hide the duplicate normal conversation/profile identity only in that state. */
.mc-chat-conversation:has(#rtc-modal:not([hidden])) > .mc-chat-conversation-head{
  display:none !important;
}
.mc-chat-shell:has(#rtc-modal:not([hidden])) .mc-chat-info > .mc-chat-info-card,
.mc-chat-shell:has(#rtc-modal:not([hidden])) .mc-chat-info > .mc-chat-info-note{
  display:none !important;
}
.mc-chat-shell:has(#rtc-modal:not([hidden])) .mc-chat-self-preview{
  margin-top:0;
  padding-top:0;
  border-top:0;
}
.mc-chat-video-pane .mc-video-contact-header{
  min-height:70px;
  height:auto;
  padding:8px 16px;
  flex:0 0 auto;
}
.mc-chat-video-pane .mc-video-contact-heading{
  flex:1 1 auto;
  min-width:0;
}
.mc-chat-video-pane .mc-video-contact-avatar{
  width:48px;
  height:48px;
  flex:0 0 48px;
}
.mc-chat-video-pane .mc-video-contact-copy{
  min-width:0;
}
.mc-chat-video-pane .mc-video-contact-copy h2{
  margin:0;
  font-size:1rem;
  line-height:1.15;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.mc-chat-video-pane .mc-video-contact-meta{
  display:flex;
  flex-wrap:wrap;
  gap:4px 10px;
  margin-top:3px;
  color:#b8d0df;
  font-size:.72rem;
  line-height:1.2;
}
.mc-chat-video-pane .mc-video-contact-meta span + span::before{
  content:"•";
  margin-right:10px;
  color:#667b89;
}
.mc-chat-video-pane .mc-video-contact-copy #rtc-status{
  margin:3px 0 0;
  font-size:.7rem;
}
@media(max-width:760px){
  .mc-chat-video-pane .mc-video-contact-header{
    min-height:62px;
    padding:7px 10px;
  }
  .mc-chat-video-pane .mc-video-contact-avatar{
    width:40px;
    height:40px;
    flex-basis:40px;
  }
  .mc-chat-video-pane .mc-video-contact-copy h2{
    font-size:.88rem;
  }
  .mc-chat-video-pane .mc-video-contact-meta{
    font-size:.66rem;
  }
}

/* 2026-08-09 — PINNED ACTIVE CALL LAYOUT
   One authoritative geometry: profile header at top, controls at bottom,
   live video fills only the space between them. No flex/grid height math. */
.mc-chat-conversation .mc-chat-video-pane > .mc-chat-video-window{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  min-width:0 !important;
  min-height:0 !important;
  max-width:none !important;
  max-height:none !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  display:block !important;
  overflow:hidden !important;
}

.mc-chat-conversation .mc-chat-video-pane > .mc-chat-video-window > .mc-video-header{
  position:absolute !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  height:74px !important;
  min-height:74px !important;
  max-height:74px !important;
  margin:0 !important;
  z-index:30 !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
}

.mc-chat-conversation .mc-chat-video-pane > .mc-chat-video-window > .mc-video-body{
  position:absolute !important;
  top:74px !important;
  left:0 !important;
  right:0 !important;
  bottom:70px !important;
  width:auto !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  margin:0 !important;
  overflow:hidden !important;
}

.mc-chat-conversation .mc-chat-video-pane > .mc-chat-video-window > .mc-video-body > #rtc-stage,
.mc-chat-conversation .mc-chat-video-pane > .mc-chat-video-window > .mc-video-body > .mc-video-stage{
  position:absolute !important;
  inset:0 !important;
  width:auto !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  overflow:hidden !important;
}

.mc-chat-conversation .mc-chat-video-pane > .mc-chat-video-window > footer.mc-video-controls{
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  top:auto !important;
  width:100% !important;
  height:70px !important;
  min-height:70px !important;
  max-height:70px !important;
  margin:0 !important;
  padding:8px 10px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  box-sizing:border-box !important;
  background:#101b24 !important;
  border-top:1px solid #263746 !important;
  z-index:40 !important;
}

.mc-chat-conversation .mc-chat-video-pane > .mc-chat-video-window > footer.mc-video-controls .mc-call-control:not([hidden]){
  flex:0 0 auto !important;
  min-width:68px !important;
  height:52px !important;
  min-height:52px !important;
  margin:0 !important;
}

@media(max-height:800px){
  .mc-chat-conversation .mc-chat-video-pane > .mc-chat-video-window > .mc-video-header{
    height:68px !important;
    min-height:68px !important;
    max-height:68px !important;
  }
  .mc-chat-conversation .mc-chat-video-pane > .mc-chat-video-window > .mc-video-body{
    top:68px !important;
    bottom:64px !important;
  }
  .mc-chat-conversation .mc-chat-video-pane > .mc-chat-video-window > footer.mc-video-controls{
    height:64px !important;
    min-height:64px !important;
    max-height:64px !important;
    padding:6px 8px !important;
  }
  .mc-chat-conversation .mc-chat-video-pane > .mc-chat-video-window > footer.mc-video-controls .mc-call-control:not([hidden]){
    height:48px !important;
    min-height:48px !important;
  }
}

@media(max-width:760px){
  .mc-chat-conversation .mc-chat-video-pane > .mc-chat-video-window > .mc-video-header{
    height:62px !important;
    min-height:62px !important;
    max-height:62px !important;
  }
  .mc-chat-conversation .mc-chat-video-pane > .mc-chat-video-window > .mc-video-body{
    top:62px !important;
    bottom:60px !important;
  }
  .mc-chat-conversation .mc-chat-video-pane > .mc-chat-video-window > footer.mc-video-controls{
    height:60px !important;
    min-height:60px !important;
    max-height:60px !important;
    justify-content:flex-start !important;
  }
  .mc-chat-conversation .mc-chat-video-pane > .mc-chat-video-window > footer.mc-video-controls .mc-call-control:not([hidden]){
    min-width:60px !important;
    height:44px !important;
    min-height:44px !important;
  }
}

/* 2026-08-09 — VIEWPORT-PINNED ACTIVE CALL CONTROLS
   Authoritative presentation rule. Keep the call controls inside the actual
   browser viewport instead of relying on the center pane's computed height. */
.mc-chat-conversation .mc-chat-video-pane > .mc-chat-video-window > footer.mc-video-controls{
  position:fixed !important;
  left:330px !important;
  right:280px !important;
  bottom:0 !important;
  top:auto !important;
  width:auto !important;
  height:64px !important;
  min-height:64px !important;
  max-height:64px !important;
  padding:6px 10px !important;
  z-index:200 !important;
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  background:#101b24 !important;
  border-top:1px solid #263746 !important;
}
.mc-chat-conversation .mc-chat-video-pane > .mc-chat-video-window > footer.mc-video-controls .mc-call-control:not([hidden]){
  flex:0 0 auto !important;
  min-width:64px !important;
  height:48px !important;
  min-height:48px !important;
  margin:0 !important;
}
/* Reserve the same visual space in the video body so the controls never cover
   important lower video content. */
.mc-chat-conversation .mc-chat-video-pane > .mc-chat-video-window > .mc-video-body{
  bottom:64px !important;
}
@media(max-width:1120px){
  .mc-chat-conversation .mc-chat-video-pane > .mc-chat-video-window > footer.mc-video-controls{
    left:300px !important;
    right:0 !important;
  }
}
@media(max-width:760px){
  .mc-chat-conversation .mc-chat-video-pane > .mc-chat-video-window > footer.mc-video-controls{
    left:96px !important;
    right:0 !important;
    height:58px !important;
    min-height:58px !important;
    max-height:58px !important;
    padding:5px 7px !important;
    justify-content:flex-start !important;
    gap:6px !important;
  }
  .mc-chat-conversation .mc-chat-video-pane > .mc-chat-video-window > footer.mc-video-controls .mc-call-control:not([hidden]){
    min-width:58px !important;
    height:44px !important;
    min-height:44px !important;
  }
  .mc-chat-conversation .mc-chat-video-pane > .mc-chat-video-window > .mc-video-body{
    bottom:58px !important;
  }
}

/* 2026-08-09 — RETURN TO PROFILE BUTTON
   Presentation only. Keep the existing rtc-close behavior unchanged. */
.mc-chat-video-pane .mc-chat-back-messages{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:8px 16px;
  border:1px solid #466174;
  border-radius:9px;
  background:#263744;
  color:#f4f8fb;
  font:inherit;
  font-size:.78rem;
  font-weight:800;
  line-height:1;
  text-decoration:none;
  white-space:nowrap;
  cursor:pointer;
  box-shadow:0 1px 0 rgba(255,255,255,.05) inset;
}
.mc-chat-video-pane .mc-chat-back-messages:hover{
  background:#31495a;
  border-color:#5a7b91;
}
.mc-chat-video-pane .mc-chat-back-messages:focus-visible{
  outline:2px solid #24a9e6;
  outline-offset:2px;
}
.mc-chat-video-pane .mc-chat-back-messages:active{
  transform:translateY(1px);
}
@media(max-width:760px){
  .mc-chat-video-pane .mc-chat-back-messages{
    min-height:34px;
    padding:7px 12px;
    font-size:.72rem;
  }
}

/* 2026-08-09 — VIDEO/MENU VIEW STATE FIX
   The embedded video pane normally uses display:flex !important. Respect the
   HTML hidden attribute so Return to Menu can actually hide the video view. */
.mc-chat-conversation #rtc-modal[hidden]{
  display:none !important;
}

/* 2026-08-09 — RIGHT PROFILE / RIGHT MENU TOGGLE
   The active call remains visible and connected in the center at all times.
   Only the right rail switches between the selected contact profile and Control Panel. */
.mc-chat-info > .mc-right-panel[hidden]{
  display:none !important;
}

/* Do NOT auto-hide the right profile merely because video is visible. */
.mc-chat-shell:has(#rtc-modal:not([hidden])) .mc-chat-info > .mc-right-profile-panel .mc-chat-info-card,
.mc-chat-shell:has(#rtc-modal:not([hidden])) .mc-chat-info > .mc-right-profile-panel .mc-chat-info-note{
  display:block !important;
}

.mc-right-menu-panel{
  text-align:left;
}
.mc-right-menu-panel > .mc-chat-kicker{
  margin:2px 0 14px;
}
.mc-right-menu-group{
  padding:13px 0;
  border-top:1px solid var(--mcc-line);
}
.mc-right-menu-group:first-of-type{
  border-top:0;
  padding-top:0;
}
.mc-right-menu-group > strong{
  display:block;
  margin:0 0 7px;
  color:#8ea6b5;
  font-size:.68rem;
  font-weight:900;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.mc-right-menu-group button{
  display:block;
  width:100%;
  min-height:34px;
  margin:2px 0;
  padding:7px 9px;
  border:0;
  border-radius:7px;
  background:transparent;
  color:#dbe9f0;
  text-align:left;
  font:inherit;
  font-size:.78rem;
  font-weight:800;
  cursor:pointer;
}
.mc-right-menu-group button:hover,
.mc-right-menu-group button:focus-visible{
  background:#142b3a;
  color:#fff;
  outline:none;
}


/* 2026-08-09 — RIGHT RAIL CLEANUP
   During a live video call, the contact is already in that call, so the right-side
   Video Chat action is redundant. Keep only the useful profile identity/action. */
.mc-chat-shell:has(#rtc-modal:not([hidden])) .mc-right-profile-panel .mc-video-profile-button{
  display:none !important;
}


/* 2026-08-09 — MOBILE/TABLET VIDEO CHAT ACCESS
   The right profile rail is hidden at <=1120px, so expose the existing Video Chat
   action in the selected-person header without changing the call/WebRTC path. */
.mc-chat-mobile-video{display:none!important;}
@media(max-width:1120px){
  .mc-chat-head-actions .mc-chat-mobile-video{
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    background:#0f7fb6!important;
    color:#fff!important;
    white-space:nowrap;
  }
}
@media(max-width:760px){
  .mc-chat-conversation-head{align-items:center;}
  .mc-chat-selected{min-width:0;flex:1 1 auto;}
  .mc-chat-head-actions{flex:0 0 auto;}
  .mc-chat-head-actions .mc-chat-mobile-video{
    display:inline-flex!important;
    min-height:38px;
    padding:8px 11px;
    font-size:.74rem;
  }
  .mc-chat-head-actions .mc-chat-view-profile{display:none!important;}
}

/* 2026-08-09 — DESKTOP CALL WORKSPACE ALIGNMENT
   Presentation only. Tighten the existing three-column video/chat layout so
   the directory, live-call workspace and right rail share consistent edges.
   No media, messaging, navigation or WebRTC behavior changes. */
@media (min-width:1121px){
  body:has(#mc-chat-app) .mc-chat-shell{
    grid-template-columns:330px minmax(0,1fr) 280px !important;
  }

  /* LEFT: use one consistent inset and remove excess vertical slack. */
  .mc-chat-sidebar-head{
    padding:16px 16px 9px !important;
    gap:10px !important;
  }
  .mc-chat-sidebar h1{
    font-size:1.55rem !important;
    line-height:1.02 !important;
  }
  .mc-chat-search{
    padding:8px 16px !important;
  }
  .mc-chat-search input{
    height:40px !important;
  }
  .mc-chat-type-filter{
    gap:6px !important;
    padding:0 16px 9px !important;
  }
  .mc-chat-tabs{
    padding:3px 16px 9px !important;
  }
  .mc-chat-member-list{
    padding:0 8px 8px !important;
  }
  .mc-chat-person{
    padding:9px 10px !important;
  }
  .mc-sidebar-chat{
    margin:5px 2px 8px !important;
  }
  .mc-sidebar-chat .mc-chat-messages{
    height:244px !important;
  }
  .mc-chat-sidebar-foot{
    padding:11px 16px !important;
  }

  /* CENTER: one exact header/body/control stack. */
  .mc-chat-conversation .mc-chat-video-pane > .mc-chat-video-window > .mc-video-header{
    height:72px !important;
    min-height:72px !important;
    max-height:72px !important;
  }
  .mc-chat-video-pane .mc-video-contact-header{
    padding:7px 14px !important;
  }
  .mc-chat-video-pane .mc-video-contact-avatar{
    width:46px !important;
    height:46px !important;
    flex-basis:46px !important;
  }
  .mc-chat-video-pane .mc-video-contact-copy h2{
    line-height:1.1 !important;
  }
  .mc-chat-video-pane .mc-video-contact-meta{
    margin-top:2px !important;
  }
  .mc-chat-video-pane .mc-video-contact-copy #rtc-status{
    margin-top:2px !important;
  }
  .mc-chat-conversation .mc-chat-video-pane > .mc-chat-video-window > .mc-video-body{
    top:72px !important;
    bottom:64px !important;
  }
  .mc-chat-conversation .mc-chat-video-pane > .mc-chat-video-window > footer.mc-video-controls{
    left:330px !important;
    right:280px !important;
    height:64px !important;
    min-height:64px !important;
    max-height:64px !important;
    padding:6px 8px !important;
    gap:7px !important;
  }
  .mc-chat-conversation .mc-chat-video-pane > .mc-chat-video-window > footer.mc-video-controls .mc-call-control:not([hidden]){
    min-width:66px !important;
    height:48px !important;
    min-height:48px !important;
    border-radius:10px !important;
  }

  /* RIGHT: remove browser-default paragraph spacing and make the profile/self
     preview read as one compact, aligned rail. */
  .mc-chat-info{
    padding:14px 16px !important;
  }
  .mc-chat-info-card{
    margin:0 !important;
  }
  .mc-chat-info-avatar{
    width:76px !important;
    height:76px !important;
    margin:2px auto 9px !important;
  }
  .mc-chat-info h2{
    margin:0 0 5px !important;
    font-size:1.08rem !important;
    line-height:1.15 !important;
  }
  .mc-chat-info p,
  .mc-chat-info .mc-chat-info-handle,
  .mc-chat-info .mc-chat-info-meta{
    margin:3px 0 !important;
    line-height:1.35 !important;
  }
  .mc-profile-actions{
    margin-top:9px !important;
  }
  .mc-chat-info-button{
    margin:8px 0 0 !important;
    min-height:38px !important;
    padding:9px 10px !important;
  }
  .mc-chat-self-preview{
    margin-top:12px !important;
    padding-top:12px !important;
  }
  .mc-chat-shell:has(#rtc-modal:not([hidden])) .mc-chat-self-preview{
    margin-top:12px !important;
    padding-top:0 !important;
  }
  .mc-chat-info .mc-local-tile.mc-local-tile-sidebar{
    border-radius:11px !important;
  }
}

/* 2026-08-10 — DESKTOP DUPLICATE PROFILE ACTION FIX
   When the right profile rail is visible, its View Profile action is authoritative.
   Hide the duplicate selected-person header View Profile on desktop only. */
@media (min-width:1121px){
  .mc-chat-conversation-head .mc-chat-head-actions .mc-chat-view-profile{
    display:none !important;
  }
}


/* 2026-08-10 — RIGHT rail profile return control */
.mc-right-profile-nav{
  display:flex;
  justify-content:flex-end;
  margin:0 0 12px;
}
.mc-right-return-menu{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:38px;
  padding:8px 14px;
  border:1px solid rgba(15,23,42,.14);
  border-radius:999px;
  background:#fff;
  color:#0f172a;
  font:inherit;
  font-weight:700;
  line-height:1;
  cursor:pointer;
  box-shadow:0 1px 2px rgba(15,23,42,.08);
  transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease;
}
.mc-right-return-menu:hover{
  background:#f8fafc;
  border-color:rgba(15,23,42,.22);
  box-shadow:0 4px 12px rgba(15,23,42,.10);
  transform:translateY(-1px);
}
.mc-right-return-menu:focus-visible{
  outline:3px solid rgba(37,99,235,.22);
  outline-offset:2px;
}
.mc-right-return-menu span:first-child{
  font-size:18px;
  line-height:1;
}


/* 2026-08-11 — CENTER LIVE PLAYER ONLY
   Watch Live Stream replaces only the center workspace with the raw player.
   Left directory and right Menu remain untouched. */
.mc-center-live-player{
  position:absolute;
  inset:0;
  z-index:500;
  margin:0;
  padding:0;
  overflow:hidden;
  background:#000;
}
.mc-center-live-player[hidden]{
  display:none !important;
}
.mc-center-live-player video{
  display:block;
  width:100%;
  height:100%;
  max-width:none;
  max-height:none;
  margin:0;
  padding:0;
  border:0;
  border-radius:0;
  background:#000;
  object-fit:contain;
}


/* 2026-08-11 — RECORDED MEDIA WORKSPACE
   One recorded video fills the center. The right rail becomes the video selector. */
.mc-center-recorded-player{
  position:absolute;
  inset:0;
  z-index:490;
  margin:0;
  padding:0;
  overflow:hidden;
  background:#000;
}
.mc-center-recorded-player[hidden]{
  display:none !important;
}
.mc-center-recorded-player video{
  display:block;
  width:100%;
  height:100%;
  max-width:none;
  max-height:none;
  margin:0;
  padding:0;
  border:0;
  border-radius:0;
  background:#000;
  object-fit:contain;
}
.mc-recorded-return-home{
  position:absolute;
  z-index:2;
  top:16px;
  left:16px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:42px;
  padding:0 16px;
  border:1px solid rgba(255,255,255,.7);
  border-radius:9px;
  background:rgba(3,27,43,.9);
  color:#fff;
  font:inherit;
  font-size:.82rem;
  font-weight:900;
  cursor:pointer;
  box-shadow:0 6px 18px rgba(0,0,0,.35);
}
.mc-recorded-return-home:hover,.mc-recorded-return-home:focus-visible{background:#0787c8}
.mc-right-media-panel{
  text-align:left;
}
.mc-right-media-head{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
  margin:0 0 12px;
}
.mc-right-media-head .mc-chat-kicker{
  align-self:flex-start;
  margin:0;
}
.mc-right-media-list{
  display:flex;
  flex-direction:column;
  gap:4px;
}
.mc-right-media-list button{
  width:100%;
  min-height:34px;
  padding:7px 9px;
  border:0;
  border-radius:7px;
  background:transparent;
  color:#dbe9f0;
  text-align:left;
  font:inherit;
  font-size:.76rem;
  font-weight:800;
  cursor:pointer;
}
.mc-right-media-list button:hover,
.mc-right-media-list button:focus-visible{
  background:#142b3a;
  color:#fff;
  outline:none;
}
.mc-right-media-list button.is-active{
  background:#0f7fb6;
  color:#fff;
}


/* 2026-08-11 — MICHIGAN EVENTS CENTER WORKSPACE
   Native app-center version of events.php; no duplicated public page chrome. */
.mc-center-events{
  position:absolute;
  inset:0;
  z-index:480;
  overflow:auto;
  background:#0b1219;
}
.mc-center-events[hidden]{
  display:none !important;
}
.mc-events-workspace{
  width:min(980px,calc(100% - 48px));
  margin:0 auto;
  padding:32px 0;
}
.mc-events-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:16px;align-items:stretch}
.mc-events-card{
  display:block;
  padding:24px;
  border:1px solid #2a3b48;
  border-radius:16px;
  background:#111b24;
  box-shadow:0 16px 38px rgba(0,0,0,.16);
}
.mc-events-icon{
  display:grid;
  place-items:center;
  width:72px;
  height:72px;
  border-radius:18px;
  background:#17364a;
  font-size:2rem;
}
.mc-events-eyebrow{
  margin:0 0 5px !important;
  color:#79c7e8 !important;
  font-size:.7rem !important;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.mc-events-copy h3{
  margin:0 0 8px;
  color:#fff;
  font-size:1.35rem;
}
.mc-events-copy > p:not(.mc-events-eyebrow){
  max-width:620px;
  margin:0 0 18px;
  color:var(--mcc-muted);
  line-height:1.55;
}
.mc-events-types{padding:24px;border:1px solid #2a3b48;border-radius:16px;background:#111b24}
.mc-events-types h3{margin:0 0 14px;color:#fff;font-size:1.15rem}
.mc-events-types ul{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.mc-events-types li{padding:8px 10px;border:1px solid #304a5b;border-radius:999px;background:#152632;color:#c7d8e2;font-size:.76rem;font-weight:800}
.mc-events-submit{
  min-height:42px;
  padding:0 18px;
  border:0;
  border-radius:10px;
  background:#0f7fb6;
  color:#fff;
  font:inherit;
  font-weight:900;
  cursor:pointer;
}
.mc-events-submit:hover{
  filter:brightness(1.08);
}
.mc-events-submit:focus-visible{
  outline:3px solid rgba(36,169,230,.28);
  outline-offset:2px;
}
@media(max-width:760px){
  .mc-events-workspace{
    width:calc(100% - 24px);
    padding:24px 0;
  }
  .mc-events-layout{grid-template-columns:1fr}
  .mc-events-card{
    grid-template-columns:1fr;
    padding:20px;
  }
  .mc-events-icon{
    width:58px;
    height:58px;
    border-radius:14px;
    font-size:1.6rem;
  }
}


/* 2026-08-11 — EVENT SUBMISSION FORM IN CENTER
   Uses the existing submit.php event backend via fetch; no popup or navigation. */
.mc-events-form-view[hidden],
.mc-events-overview[hidden]{
  display:none !important;
}
.mc-events-form-view{
  width:100%;
}
.mc-events-form-head{
  display:flex;
  align-items:flex-start;
  gap:18px;
  margin:0 0 22px;
}
.mc-events-form-head h2{
  margin:3px 0 5px;
  color:#fff;
  font-size:1.8rem;
  line-height:1.1;
}
.mc-events-form-head p:last-child{
  margin:0;
  color:var(--mcc-muted);
  font-size:.88rem;
}
.mc-events-form{
  padding:24px;
  border:1px solid #2a3b48;
  border-radius:16px;
  background:#111b24;
  box-shadow:0 16px 38px rgba(0,0,0,.14);
}
.mc-events-form-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.mc-events-form label{
  display:grid;
  gap:7px;
  color:#dce8ef;
  font-size:.78rem;
  font-weight:800;
}
.mc-events-form label > span{
  display:block;
}
.mc-events-form input,
.mc-events-form textarea{
  width:100%;
  border:1px solid #334b5b;
  border-radius:10px;
  background:#0b141d;
  color:#fff;
  padding:11px 12px;
  outline:none;
  font:inherit;
  font-size:.88rem;
}
.mc-events-form input{
  min-height:42px;
}
.mc-events-form textarea{
  min-height:190px;
  resize:vertical;
  line-height:1.45;
}
.mc-events-form input:focus,
.mc-events-form textarea:focus{
  border-color:#1a91ca;
  box-shadow:0 0 0 3px rgba(26,145,202,.14);
}
.mc-events-form-full{
  grid-column:1/-1;
}
.mc-events-honeypot{
  position:absolute !important;
  left:-10000px !important;
  width:1px !important;
  height:1px !important;
  overflow:hidden !important;
}
.mc-events-form-actions{
  display:flex;
  justify-content:flex-end;
  margin-top:18px;
}
.mc-events-send{
  min-height:44px;
  padding:0 20px;
  border:0;
  border-radius:10px;
  background:#0f86c2;
  color:#fff;
  font:inherit;
  font-weight:900;
  cursor:pointer;
}
.mc-events-send:hover{
  filter:brightness(1.08);
}
.mc-events-send:disabled{
  opacity:.65;
  cursor:wait;
}
.mc-events-form-result{
  margin:0 0 16px;
  padding:11px 13px;
  border-radius:9px;
  font-size:.8rem;
  font-weight:800;
  line-height:1.4;
}
.mc-events-form-result.is-success{
  border:1px solid rgba(53,199,121,.34);
  background:rgba(53,199,121,.10);
  color:#9be3ba;
}
.mc-events-form-result.is-error{
  border:1px solid rgba(226,59,55,.36);
  background:rgba(226,59,55,.10);
  color:#f0aaa7;
}
@media(max-width:760px){
  .mc-events-form-head{
    display:grid;
    gap:12px;
  }
  .mc-events-form{
    padding:18px;
  }
  .mc-events-form-grid{
    grid-template-columns:1fr;
  }
  .mc-events-form-full{
    grid-column:auto;
  }
  .mc-events-form-actions{
    justify-content:stretch;
  }
  .mc-events-send{
    width:100%;
  }
}


/* 2026-08-11 — MEMBERSHIP CENTER WORKSPACE
   Native application version of membership.php; no duplicated public chrome. */
.mc-center-membership{
  position:absolute;
  inset:0;
  z-index:470;
  overflow:auto;
  background:#0b1219;
}
.mc-center-membership[hidden]{
  display:none !important;
}
.mc-membership-workspace{
  width:min(960px,calc(100% - 44px));
  margin:0 auto;
  padding:34px 0 46px;
}
.mc-membership-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.mc-membership-plan{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:16px;
  min-width:0;
  padding:18px;
  border:1px solid #293b48;
  border-radius:14px;
  background:#111b24;
}
.mc-membership-plan.is-featured{
  border-color:#167ead;
  box-shadow:0 0 0 1px rgba(22,126,173,.22) inset;
}
.mc-membership-type{
  margin:0 0 4px !important;
  color:#79c7e8 !important;
  font-size:.67rem !important;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.mc-membership-plan h3{
  margin:0;
  color:#fff;
  font-size:1.08rem;
}
.mc-membership-price{
  display:flex;
  align-items:baseline;
  gap:4px;
  margin:8px 0 !important;
}
.mc-membership-price strong{
  color:#fff;
  font-size:1.55rem;
}
.mc-membership-price span{
  color:#8ea6b5;
  font-size:.72rem;
}
.mc-membership-plan > div > p:last-child{
  margin:0;
  color:var(--mcc-muted);
  font-size:.78rem;
  line-height:1.45;
}
.mc-membership-plan ul{
  margin:0;
  padding:0;
  list-style:none;
  display:grid;
  gap:6px;
}
.mc-membership-plan li{
  position:relative;
  padding-left:16px;
  color:#d6e2e9;
  font-size:.74rem;
  line-height:1.35;
}
.mc-membership-plan li::before{
  content:"✓";
  position:absolute;
  left:0;
  color:#58c991;
  font-weight:900;
}
.mc-membership-approval{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:24px;
  margin-top:16px;
  padding:20px;
  border:1px solid #293b48;
  border-radius:14px;
  background:#0f1922;
}
.mc-membership-approval h3{
  margin:4px 0 7px;
  color:#fff;
  font-size:1.1rem;
}
.mc-membership-approval > div > p:last-child{
  margin:0;
  color:var(--mcc-muted);
  font-size:.77rem;
  line-height:1.45;
}
.mc-membership-approval ol{
  display:grid;
  gap:8px;
  margin:0;
  padding:0;
  list-style:none;
}
.mc-membership-approval li{
  display:grid;
  grid-template-columns:28px minmax(0,1fr);
  gap:9px;
  align-items:center;
  color:#dbe6ec;
  font-size:.75rem;
}
.mc-membership-approval li strong{
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  border-radius:50%;
  background:#17364a;
  color:#8fd2ee;
}
@media(max-width:820px){
  .mc-membership-grid{
    grid-template-columns:1fr;
  }
  .mc-membership-approval{
    grid-template-columns:1fr;
  }
}
@media(max-width:760px){
  .mc-membership-workspace{
    width:calc(100% - 24px);
    padding:22px 0 34px;
  }
  .mc-membership-plan{
    padding:15px;
  }
}


/* 2026-08-11 — MEMBERSHIP STRIPE ACTIONS */
.mc-membership-plan-action{margin-top:2px;padding-top:12px;border-top:1px solid #263846}
.mc-membership-plan-action button{width:100%;min-height:42px;border:0;border-radius:9px;background:#0f86c2;color:#fff;font:inherit;font-size:.78rem;font-weight:900;cursor:pointer}
.mc-membership-plan-action button[data-action-kind="upgrade"]{background:#1682b5}
.mc-membership-plan-action button[data-action-kind="change"]{background:#294252}
.mc-membership-plan-action button:disabled{background:#24323e;color:#8ea0ad;cursor:default;opacity:1}
.mc-membership-plan-action button[data-action-kind="current"]:disabled{background:rgba(53,199,121,.13);color:#8ee0b2;border:1px solid rgba(53,199,121,.28)}
.mc-membership-notice{margin:0 0 14px;padding:11px 13px;border:1px solid #365064;border-radius:9px;background:#142431;color:#c9d9e3;font-size:.77rem;font-weight:800;line-height:1.4}
.mc-membership-notice.is-success{border-color:rgba(53,199,121,.34);background:rgba(53,199,121,.10);color:#9be3ba}
.mc-membership-notice.is-pending{border-color:rgba(241,182,64,.34);background:rgba(241,182,64,.10);color:#f0ce7e}
.mc-membership-notice.is-error{border-color:rgba(226,59,55,.36);background:rgba(226,59,55,.10);color:#f0aaa7}


/* 2026-08-11 — SIMPLIFIED MEMBERSHIP CHOICES */
.mc-membership-plan[hidden]{
  display:none !important;
}
.mc-membership-current{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin:0 0 16px;
  padding:16px 18px;
  border:1px solid #2b4050;
  border-radius:12px;
  background:#101b24;
}
.mc-membership-current h3{
  margin:3px 0 4px;
  color:#fff;
  font-size:1.08rem;
}
.mc-membership-current p:last-child{
  margin:0;
  color:var(--mcc-muted);
  font-size:.76rem;
}
.mc-membership-current-status{
  flex:0 0 auto;
  padding:7px 11px;
  border-radius:999px;
  font-size:.7rem;
  font-weight:900;
  white-space:nowrap;
}
.mc-membership-current-status.is-paid{
  background:rgba(53,199,121,.12);
  color:#8ee0b2;
  border:1px solid rgba(53,199,121,.25);
}
.mc-membership-current-status.is-unpaid{
  background:rgba(241,182,64,.10);
  color:#f0ce7e;
  border:1px solid rgba(241,182,64,.24);
}
.mc-membership-available-head{
  margin:0 0 8px;
}
.mc-membership-plan-action button[data-action-kind="activate"]{
  background:#0f86c2;
}
@media(max-width:760px){
  .mc-membership-current{
    align-items:flex-start;
    flex-direction:column;
  }
}

.mc-membership-current-status.is-complimentary{
  background:rgba(15,128,189,.12);
  color:#8fd6f4;
  border:1px solid rgba(15,128,189,.28);
}


/* 2026-08-11 — STRIPE EMBEDDED CHECKOUT IN CENTER
   Subscription checkout stays inside the MichiganChat center workspace. */
.mc-center-stripe-checkout{
  position:absolute;
  inset:0;
  z-index:560;
  overflow:auto;
  background:#0b1219;
}
.mc-center-stripe-checkout[hidden]{
  display:none !important;
}
.mc-stripe-checkout-shell{
  width:min(860px,calc(100% - 32px));
  min-height:100%;
  margin:0 auto;
  padding:24px 0 40px;
}
.mc-stripe-checkout-head{
  display:flex;
  align-items:flex-start;
  gap:16px;
  margin:0 0 16px;
}
.mc-stripe-checkout-head h2{
  margin:3px 0 5px;
  color:#fff;
  font-size:1.45rem;
  line-height:1.1;
}
.mc-stripe-checkout-head p:last-child{
  margin:0;
  color:var(--mcc-muted);
  font-size:.8rem;
  line-height:1.4;
}
.mc-stripe-checkout-mount{
  width:100%;
  min-height:560px;
  overflow:visible;
}
@media(max-width:760px){
  .mc-stripe-checkout-shell{
    width:calc(100% - 18px);
    padding:14px 0 28px;
  }
  .mc-stripe-checkout-head{
    display:grid;
    gap:10px;
  }
  .mc-stripe-checkout-mount{
    min-height:520px;
  }
}


/* 2026-08-11 — BUSINESS / ORGANIZATION MEMBERSHIP APPLICATION */
.mc-entity-membership-start{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  margin:22px 0;
  padding:20px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:16px;
  background:rgba(255,255,255,.035);
}
.mc-entity-membership-start-copy{
  max-width:620px;
}
.mc-entity-membership-start-copy h3{
  margin:4px 0 7px;
  color:#fff;
  font-size:1.1rem;
}
.mc-entity-membership-start-copy p:last-child{
  margin:0;
  color:var(--mcc-muted);
  line-height:1.45;
}
.mc-entity-membership-start-actions{
  display:grid;
  gap:8px;
  min-width:230px;
}
.mc-entity-membership-start-actions button,
.mc-entity-submit{
  min-height:40px;
  padding:9px 14px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:10px;
  background:#f5f7f9;
  color:#111b23;
  font-weight:800;
  cursor:pointer;
}
.mc-entity-membership-start-actions button:hover,
.mc-entity-submit:hover{
  filter:brightness(.96);
}
.mc-center-entity-application{
  position:absolute;
  inset:0;
  z-index:555;
  overflow:auto;
  background:#0b1219;
}
.mc-center-entity-application[hidden]{
  display:none !important;
}
.mc-entity-application-shell{
  width:min(900px,calc(100% - 32px));
  margin:0 auto;
  padding:24px 0 42px;
}
.mc-entity-application-head{
  display:flex;
  gap:16px;
  align-items:flex-start;
  margin-bottom:18px;
}
.mc-entity-application-head h2{
  margin:3px 0 5px;
  color:#fff;
  font-size:1.45rem;
}
.mc-entity-application-head p:last-child{
  margin:0;
  color:var(--mcc-muted);
  line-height:1.45;
}
.mc-entity-application-form{
  padding:20px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:16px;
  background:rgba(255,255,255,.035);
}
.mc-entity-form-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.mc-entity-form-grid label{
  display:grid;
  gap:6px;
  color:#dce4ea;
  font-weight:750;
  font-size:.84rem;
}
.mc-entity-form-grid small{
  color:var(--mcc-muted);
  font-size:.72rem;
  font-weight:500;
  line-height:1.35;
}
.mc-entity-form-full{
  grid-column:1/-1;
}
.mc-entity-form-grid input,
.mc-entity-form-grid select,
.mc-entity-form-grid textarea{
  width:100%;
  border:1px solid rgba(255,255,255,.14);
  border-radius:10px;
  background:#101a23;
  color:#fff;
  padding:10px 11px;
  font:inherit;
  font-weight:500;
}
.mc-entity-form-grid textarea{
  resize:vertical;
  min-height:115px;
}
.mc-entity-certification{
  display:flex;
  align-items:flex-start;
  gap:9px;
  margin-top:14px;
  color:#d7e0e6;
  font-size:.8rem;
  line-height:1.45;
}
.mc-entity-certification input{
  margin-top:3px;
}
.mc-entity-form-actions{
  display:flex;
  align-items:center;
  gap:14px;
  margin-top:18px;
}
.mc-entity-form-actions p{
  margin:0;
  color:var(--mcc-muted);
  font-size:.74rem;
  line-height:1.4;
}
@media(max-width:760px){
  .mc-entity-membership-start{
    display:grid;
  }
  .mc-entity-membership-start-actions{
    min-width:0;
  }
  .mc-entity-application-shell{
    width:calc(100% - 18px);
    padding:14px 0 28px;
  }
  .mc-entity-application-head{
    display:grid;
    gap:10px;
  }
  .mc-entity-form-grid{
    grid-template-columns:1fr;
  }
  .mc-entity-form-full{
    grid-column:auto;
  }
  .mc-entity-form-actions{
    display:grid;
  }
}


/* 2026-08-11 — MEMBER PROFILE NATIVE CENTER WORKSPACE */
.mc-center-member-profile{
  position:absolute;
  inset:0;
  z-index:554;
  overflow:auto;
  background:#0b1219;
}
.mc-center-member-profile[hidden]{display:none!important}
.mc-member-profile-workspace{
  width:min(980px,calc(100% - 28px));
  margin:0 auto;
  padding:18px 0 38px;
}
.mc-member-profile-toolbar{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:12px;
}
.mc-member-profile-toolbar>div{display:grid;gap:1px}
.mc-member-profile-toolbar strong{color:#fff;font-size:1rem}
.mc-member-profile-status{
  margin:0 0 12px;
  padding:11px 13px;
  border:1px solid rgba(67,184,235,.3);
  border-radius:10px;
  background:rgba(33,147,199,.10);
  color:#c8efff;
  font-weight:750;
}
.mc-member-profile-status.is-error{
  border-color:rgba(236,74,74,.45);
  background:rgba(170,35,35,.18);
  color:#ffb7b7;
}
.mc-member-profile-content .mp-page{background:transparent;padding:0}
.mc-member-profile-content .mp-shell{max-width:none;margin:0}
.mc-member-profile-content .mp-heading{
  display:grid;
  grid-template-columns:minmax(0,1fr) 220px;
  gap:18px;
  align-items:end;
  margin-bottom:14px;
}
.mc-member-profile-content .mp-kicker,
.mc-member-profile-content .mp-section-kicker{
  margin:0 0 7px;
  color:#56c8ff;
  font-size:.76rem;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.mc-member-profile-content .mp-heading h1{
  margin:0 0 8px;
  color:#fff;
  font-size:clamp(1.65rem,3vw,2.35rem);
  line-height:1.04;
}
.mc-member-profile-content .mp-heading>div>p:last-child,
.mc-member-profile-content .mp-section-heading>p,
.mc-member-profile-content .mp-form small,
.mc-member-profile-content .mp-photo-empty{
  color:#9cb5c6;
}
.mc-member-profile-content .mp-status,
.mc-member-profile-content .mp-card,
.mc-member-profile-content .mp-photo-card{
  background:#111d26;
  border:1px solid #29404f;
  box-shadow:none;
}
.mc-member-profile-content .mp-status{
  border-radius:14px;
  padding:14px 16px;
  display:grid;
  gap:2px;
}
.mc-member-profile-content .mp-status span{
  font-size:.72rem;
  text-transform:uppercase;
  letter-spacing:.12em;
  color:#9cb5c6;
  font-weight:900;
}
.mc-member-profile-content .mp-status strong{color:#ffbf5c;font-size:1.15rem}
.mc-member-profile-content .mp-status.is-published strong{color:#55d99a}
.mc-member-profile-content .mp-status small{color:#8fa7b8}
.mc-member-profile-content .mp-alert{
  margin:0 0 16px;
  padding:13px 15px;
  border-radius:10px;
  font-weight:700;
}
.mc-member-profile-content .mp-alert.mp-success{
  background:rgba(31,150,102,.17);
  border-left:4px solid #39c98c;
  color:#baf0d8;
}
.mc-member-profile-content .mp-alert.mp-error{
  background:rgba(185,49,49,.18);
  border-left:4px solid #ef6666;
  color:#ffc4c4;
}
.mc-member-profile-content .mp-form{display:grid;gap:14px}
.mc-member-profile-content .mp-card{border-radius:16px;padding:20px}
.mc-member-profile-content .mp-section-heading{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:20px;
  margin-bottom:14px;
}
.mc-member-profile-content .mp-section-heading h2{
  margin:0;
  color:#eef7fc;
  font-size:1.28rem;
}
.mc-member-profile-content .mp-type-badge{
  background:#13374a;
  color:#70d5ff;
  border-radius:999px;
  padding:7px 11px;
  font-size:.78rem;
  font-weight:900;
}
.mc-member-profile-content .mp-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.mc-member-profile-content .mp-full{grid-column:1/-1}
.mc-member-profile-content .mp-form label,
.mc-member-profile-content .mp-form legend{
  display:grid;
  gap:6px;
  color:#eef7fc!important;
  font-weight:850;
}
.mc-member-profile-content .mp-form input,
.mc-member-profile-content .mp-form select,
.mc-member-profile-content .mp-form textarea,
.mc-member-profile-content .mp-photo-details input{
  width:100%;
  box-sizing:border-box;
  border:1px solid #385261;
  border-radius:9px;
  background:#eaf0f5;
  padding:10px 12px;
  font:inherit;
  color:#10202b;
  outline:none;
}
.mc-member-profile-content .mp-form input,
.mc-member-profile-content .mp-form select{height:44px}
.mc-member-profile-content .mp-form textarea{
  resize:vertical;
  min-height:92px;
  line-height:1.45;
}
.mc-member-profile-content .mp-form input[readonly]{
  background:#d8e0e7;
  color:#324653;
}
.mc-member-profile-content .mp-image-row{
  display:grid;
  grid-template-columns:116px 1fr;
  gap:18px;
  align-items:center;
}
.mc-member-profile-content .mp-image-preview{
  width:116px;
  height:116px;
  border-radius:14px;
  overflow:hidden;
  border:1px solid #36505f;
  background:#0e1820;
}
.mc-member-profile-content .mp-image-preview img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.mc-member-profile-content .mp-upload{
  border:1px dashed #4c6b7d;
  border-radius:12px;
  padding:15px;
  background:#0d1820;
  cursor:pointer;
}
.mc-member-profile-content .mp-upload>span{
  display:inline-flex;
  background:#168fc8;
  color:#fff;
  border-radius:8px;
  padding:9px 14px;
  font-weight:900;
  margin-bottom:8px;
}
.mc-member-profile-content .mp-upload input{
  position:absolute;
  left:-9999px;
}
.mc-member-profile-content .mp-actions{
  display:flex;
  gap:10px;
  align-items:center;
  padding-top:2px;
}
.mc-member-profile-content .mp-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  border:0;
  border-radius:9px;
  padding:10px 17px;
  background:#168fc8;
  color:#fff!important;
  text-decoration:none;
  font-weight:900;
  cursor:pointer;
}
.mc-member-profile-content .mp-button-secondary{
  background:#263845;
  border:1px solid #456174;
  color:#fff!important;
}
.mc-member-profile-content .mp-button-danger{background:#b93a35}
.mc-member-profile-content .mp-photo-manager{margin-top:14px}
.mc-member-profile-content .mp-photo-upload-form{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  align-items:end;
  margin-bottom:18px;
}
.mc-member-profile-content .mp-photo-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.mc-member-profile-content .mp-photo-card{
  border-radius:14px;
  overflow:hidden;
}
.mc-member-profile-content .mp-photo-card.is-primary{border:2px solid #26aee9}
.mc-member-profile-content .mp-photo-card>img{
  display:block;
  width:100%;
  aspect-ratio:16/10;
  object-fit:cover;
  object-position:50% 18%;
  background:#0e1820;
}
.mc-member-profile-content .mp-photo-status{
  padding:8px 12px;
  background:#143346;
  color:#70d5ff;
  font-size:.78rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.mc-member-profile-content .mp-photo-details{
  display:grid;
  gap:10px;
  padding:12px;
}
.mc-member-profile-content .mp-photo-actions{
  display:flex;
  gap:8px;
  padding:0 12px 12px;
}
@media(max-width:760px){
  .mc-member-profile-workspace{
    width:calc(100% - 16px);
    padding:12px 0 26px;
  }
  .mc-member-profile-content .mp-heading{
    grid-template-columns:1fr;
    gap:14px;
  }
  .mc-member-profile-content .mp-grid{grid-template-columns:1fr}
  .mc-member-profile-content .mp-full{grid-column:auto}
  .mc-member-profile-content .mp-section-heading{display:block}
  .mc-member-profile-content .mp-card{padding:16px}
  .mc-member-profile-content .mp-image-row{grid-template-columns:88px 1fr}
  .mc-member-profile-content .mp-image-preview{width:88px;height:88px}
  .mc-member-profile-content .mp-actions{
    flex-direction:column;
    align-items:stretch;
  }
  .mc-member-profile-content .mp-button{width:100%}
  .mc-member-profile-content .mp-photo-upload-form{grid-template-columns:1fr}
  .mc-member-profile-content .mp-photo-grid{grid-template-columns:1fr}
  .mc-member-profile-content .mp-photo-actions{flex-direction:column}
}


/* 2026-08-11 — MEMBER DASHBOARD NATIVE CENTER WORKSPACE */
.mc-center-member-dashboard{
  position:absolute;
  inset:0;
  z-index:553;
  overflow:auto;
  background:#0b1219;
}
.mc-center-member-dashboard[hidden]{display:none!important}
.mc-member-dashboard-workspace{
  width:min(980px,calc(100% - 28px));
  margin:0 auto;
  padding:18px 0 38px;
}
.mc-member-dashboard-toolbar{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:12px;
}
.mc-member-dashboard-toolbar>div{display:grid;gap:1px}
.mc-member-dashboard-toolbar strong{color:#fff;font-size:1rem}
.mc-member-dashboard-status{
  margin:0 0 12px;
  padding:11px 13px;
  border:1px solid rgba(67,184,235,.3);
  border-radius:10px;
  background:rgba(33,147,199,.10);
  color:#c8efff;
  font-weight:750;
}
.mc-member-dashboard-status.is-error{
  border-color:rgba(236,74,74,.45);
  background:rgba(170,35,35,.18);
  color:#ffb7b7;
}
.mc-member-dashboard-content .af-page{padding:0;background:transparent}
.mc-member-dashboard-content .af-shell{max-width:none;margin:0}
.mc-member-dashboard-content .af-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:18px;
  margin-bottom:14px;
}
.mc-member-dashboard-content .af-kicker{
  margin:0 0 6px;
  color:#56c8ff;
  font-size:.76rem;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.mc-member-dashboard-content .af-head h1{
  margin:0 0 7px;
  color:#fff;
  font-size:clamp(1.65rem,3vw,2.35rem);
  line-height:1.05;
}
.mc-member-dashboard-content .af-head p{
  margin:4px 0;
  color:#9fb5c3;
}
.mc-member-dashboard-content .af-alert{
  margin:0 0 14px;
  padding:12px 14px;
  border-radius:10px;
  font-weight:750;
}
.mc-member-dashboard-content .af-success{
  background:rgba(31,150,102,.17);
  border:1px solid rgba(57,201,140,.4);
  color:#baf0d8;
}
.mc-member-dashboard-content .af-error{
  background:rgba(185,49,49,.18);
  border:1px solid rgba(239,102,102,.45);
  color:#ffc4c4;
}
.mc-member-dashboard-content .af-dashboard-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin-bottom:14px;
}
@media(max-width:980px){
  .mc-member-dashboard-content .af-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mc-member-dashboard-content .af-dashboard-grid .af-card:last-child{grid-column:1/-1}
}
.mc-member-dashboard-content .af-card{
  margin:0 0 14px;
  padding:18px;
  border:1px solid #29404f;
  border-radius:14px;
  background:#111d26;
  box-shadow:none;
}
.mc-member-dashboard-content .af-dashboard-grid .af-card{margin:0}
.mc-member-dashboard-content .af-card h2{
  margin:0 0 8px;
  color:#fff;
  font-size:1.05rem;
}
.mc-member-dashboard-content .af-card p{
  color:#9fb5c3;
  line-height:1.48;
}
.mc-member-dashboard-content .af-number{
  margin:0!important;
  color:#fff!important;
  font-size:2.2rem;
  font-weight:950;
}
.mc-member-dashboard-content .affiliate-member-card{display:grid;gap:16px}
.mc-member-dashboard-content .affiliate-member-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.mc-member-dashboard-content .affiliate-member-head h2{margin:0 0 6px}
.mc-member-dashboard-content .affiliate-member-head p{margin:.25rem 0}
.mc-member-dashboard-content .affiliate-member-program{flex:0 0 auto;display:inline-flex;padding:7px 11px;border-radius:999px;font-size:.78rem;font-weight:900}
.mc-member-dashboard-content .affiliate-member-program.is-enabled{background:#153e31;color:#9ce8c5}
.mc-member-dashboard-content .affiliate-member-program.is-disabled{background:#263844;color:#b9c8d1}
.mc-member-dashboard-content .affiliate-member-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.mc-member-dashboard-content .affiliate-member-stats>div{display:grid;gap:4px;padding:13px 14px;border:1px solid #294653;border-radius:11px;background:#0d1820}
.mc-member-dashboard-content .affiliate-member-stats span{color:#8fa8b7;font-size:.78rem;font-weight:800}
.mc-member-dashboard-content .affiliate-member-stats strong{color:#fff;font-size:1.12rem}
.mc-member-dashboard-content .affiliate-member-note{margin:0!important;color:#8fa8b7!important;font-size:.82rem}
.mc-member-dashboard-content .affiliate-member-ledger{margin-top:0}
@media(max-width:720px){
  .mc-member-dashboard-content .affiliate-member-head{display:grid}
  .mc-member-dashboard-content .affiliate-member-program{justify-self:start}
  .mc-member-dashboard-content .affiliate-member-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.mc-member-dashboard-content .af-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  border:1px solid #168fc8;
  border-radius:9px;
  background:#168fc8;
  color:#fff!important;
  text-decoration:none;
  padding:9px 14px;
  font-weight:900;
  cursor:pointer;
}
.mc-member-dashboard-content .af-button-secondary{
  background:#263845;
  border-color:#456174;
}
.mc-member-dashboard-content .af-text-link{
  display:inline-block;
  margin-top:9px;
  color:#65cfff;
  font-weight:800;
  text-decoration:none;
}
.mc-member-dashboard-content .af-link-row{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
}
.mc-member-dashboard-content .af-form{display:grid;gap:14px}
.mc-member-dashboard-content .af-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.mc-member-dashboard-content .af-full{grid-column:1/-1}
.mc-member-dashboard-content .af-form label{
  display:grid;
  gap:6px;
  color:#e7f0f5;
  font-size:.82rem;
  font-weight:800;
}
.mc-member-dashboard-content .af-form input,
.mc-member-dashboard-content .af-form select,
.mc-member-dashboard-content .af-form textarea{
  width:100%;
  box-sizing:border-box;
  border:1px solid #385261;
  border-radius:9px;
  background:#eaf0f5;
  color:#10202b;
  padding:10px 11px;
}
.mc-member-dashboard-content .af-table-wrap{
  overflow:auto;
  border:1px solid #29404f;
  border-radius:10px;
}
.mc-member-dashboard-content table{
  width:100%;
  border-collapse:collapse;
  min-width:560px;
}
.mc-member-dashboard-content th,
.mc-member-dashboard-content td{
  padding:10px 11px;
  border-bottom:1px solid #29404f;
  text-align:left;
  color:#c6d5de;
  font-size:.8rem;
}
.mc-member-dashboard-content th{color:#fff;background:#0d1820}
.mc-chat-dashboard-link{
  appearance:none;
  border:0;
  background:transparent;
  color:inherit;
  font:inherit;
  cursor:pointer;
}
@media(max-width:760px){
  .mc-member-dashboard-workspace{
    width:calc(100% - 16px);
    padding:12px 0 26px;
  }
  .mc-member-dashboard-content .af-dashboard-grid,
  .mc-member-dashboard-content .af-grid{
    grid-template-columns:1fr;
  }
  .mc-member-dashboard-content .af-full{grid-column:auto}
}


/* 2026-08-11 — Connections directory filter */
.mc-chat-type-filter{
  grid-template-columns:repeat(2,minmax(0,1fr));
}


/* 2026-08-11 — ADVERTISE NATIVE CENTER WORKSPACE */
.mc-center-advertise{
  position:absolute;
  inset:0;
  z-index:552;
  overflow:auto;
  background:#0b1219;
}
.mc-center-advertise[hidden]{display:none!important}
.mc-center-advertise-shell{
  width:min(1040px,calc(100% - 28px));
  margin:0 auto;
  padding:22px 0 34px;
}
.mc-center-advertise-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.mc-center-ad-card{
  position:relative;
  display:flex;
  flex-direction:column;
  min-width:0;
  padding:18px;
  border:1px solid #29404f;
  border-radius:14px;
  background:#111d26;
}
.mc-center-ad-card.is-featured{
  border-color:#2b8fba;
  background:linear-gradient(180deg,#123044,#101e28);
}
.mc-center-ad-label{
  color:#56c8ff;
  font-size:.7rem;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.13em;
}
.mc-center-ad-badge{
  position:absolute;
  right:14px;
  top:14px;
  border-radius:999px;
  background:#1e81aa;
  color:#fff;
  padding:5px 8px;
  font-size:.62rem;
  font-weight:900;
}
.mc-center-ad-card h3{
  margin:7px 0 0;
  color:#fff;
  font-size:1.18rem;
}
.mc-center-ad-price{
  margin:11px 0 0;
  color:#fff;
  font-size:1.8rem;
  font-weight:950;
  letter-spacing:-.04em;
}
.mc-center-ad-price small{
  margin-left:3px;
  color:#94adbc;
  font-size:.7rem;
  font-weight:700;
  letter-spacing:0;
}
.mc-center-ad-card ul{
  list-style:none;
  margin:14px 0 16px;
  padding:0;
  display:grid;
  gap:7px;
  flex:1;
}
.mc-center-ad-card li{
  position:relative;
  padding-left:18px;
  color:#c4d3dc;
  font-size:.76rem;
  line-height:1.4;
}
.mc-center-ad-card li:before{
  content:"✓";
  position:absolute;
  left:0;
  color:#55d99a;
  font-weight:950;
}
.mc-center-ad-action{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  border:1px solid #2a9ed0;
  border-radius:9px;
  background:#168fc8;
  color:#fff!important;
  text-decoration:none;
  padding:9px 12px;
  font-size:.76rem;
  font-weight:900;
}
.mc-center-advertise-bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-top:12px;
  padding:14px 16px;
  border:1px solid #29404f;
  border-radius:12px;
  background:#0f1b24;
}
.mc-center-advertise-bottom>div{
  min-width:0;
}
.mc-center-advertise-bottom strong,
.mc-center-advertise-bottom span{
  display:block;
}
.mc-center-advertise-bottom strong{
  color:#fff;
  font-size:.8rem;
}
.mc-center-advertise-bottom span{
  margin-top:3px;
  color:#91a9b8;
  font-size:.7rem;
  line-height:1.4;
}
.mc-center-advertise-bottom .mc-center-ad-action{
  flex:0 0 auto;
}
@media(max-width:900px){
  .mc-center-advertise-grid{
    grid-template-columns:1fr;
  }
  .mc-center-advertise-bottom{
    display:grid;
  }
  .mc-center-advertise-bottom .mc-center-ad-action{
    width:100%;
  }
}
@media(max-width:760px){
  .mc-center-advertise-shell{
    width:calc(100% - 16px);
    padding:14px 0 26px;
  }
}


/* 2026-08-11 — CONTACT NATIVE CENTER WORKSPACE */
.mc-center-contact{position:absolute;inset:0;z-index:557;overflow:auto;background:#0b1219}
.mc-center-contact[hidden]{display:none!important}
.mc-center-contact-shell{width:min(900px,calc(100% - 28px));margin:0 auto;padding:18px 0 32px}
.mc-center-contact-toolbar{display:flex;align-items:center;gap:14px;margin-bottom:12px}
.mc-center-contact-toolbar>div{display:grid;gap:1px}
.mc-center-contact-toolbar strong{color:#fff;font-size:1rem}
.mc-center-contact-status{margin:0 0 12px;padding:11px 13px;border:1px solid rgba(67,184,235,.3);border-radius:10px;background:rgba(33,147,199,.10);color:#c8efff;font-weight:750}
.mc-center-contact-status.is-error{border-color:rgba(236,74,74,.45);background:rgba(170,35,35,.18);color:#ffb7b7}
.mc-center-contact-content .mc-marketing-page{background:transparent!important;color:#dbe7ed}
.mc-center-contact-content .mc-marketing-section .mc-marketing-shell{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
.mc-center-contact-content .mc-contact-layout{display:grid!important;grid-template-columns:220px minmax(0,1fr)!important;gap:12px!important;align-items:start}
.mc-center-contact-content .mc-contact-sidebar,
.mc-center-contact-content .mc-contact-form-card{border:1px solid #29404f!important;border-radius:13px!important;background:#111d26!important;box-shadow:none!important}
.mc-center-contact-content .mc-contact-sidebar{padding:14px!important}
.mc-center-contact-content .mc-contact-sidebar h2{margin:4px 0 10px!important;color:#fff!important;font-size:.95rem!important}
.mc-center-contact-content .mc-contact-reasons{display:grid!important;gap:7px!important}
.mc-center-contact-content .mc-contact-reasons article{padding:8px!important;border:1px solid #29404f!important;border-radius:8px!important;background:#0d1820!important}
.mc-center-contact-content .mc-contact-reasons strong{color:#eaf5fa!important;font-size:.7rem!important}
.mc-center-contact-content .mc-contact-reasons span{display:block;margin-top:2px;color:#8fa8b7!important;font-size:.62rem!important;line-height:1.35!important}
.mc-center-contact-content .mc-contact-form-card{padding:16px!important}
.mc-center-contact-content .mc-contact-form-card h2{margin:0 0 4px!important;color:#fff!important;font-size:1.1rem!important}
.mc-center-contact-content .mc-contact-form{display:grid;gap:11px}
.mc-center-contact-content .mc-form-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.mc-center-contact-content .mc-field-full{grid-column:1/-1!important}
.mc-center-contact-content .mc-field label{color:#eaf4f9!important;font-size:.7rem!important;font-weight:800!important}
.mc-center-contact-content .mc-field input,
.mc-center-contact-content .mc-field select,
.mc-center-contact-content .mc-field textarea{width:100%!important;box-sizing:border-box!important;border:1px solid #385261!important;border-radius:8px!important;background:#eaf0f5!important;color:#10202b!important;padding:8px 9px!important;font-size:.76rem!important}
.mc-center-contact-content .mc-field input,
.mc-center-contact-content .mc-field select{min-height:38px!important}
.mc-center-contact-content .mc-field textarea{min-height:105px!important;resize:vertical}
.mc-center-contact-content .mc-field-note{color:#7895a6!important;font-size:.6rem!important}
.mc-center-contact-content .mc-contact-security{margin-top:2px!important;padding:9px!important;border:1px solid #29404f!important;border-radius:9px!important;background:#0d1820!important}
.mc-center-contact-content .mc-contact-security__status{margin:5px 0 0!important;color:#8fa8b7!important;font-size:.62rem!important}
.mc-center-contact-content #mc-contact-submit{min-height:40px!important;border:1px solid #168fc8!important;border-radius:8px!important;background:#168fc8!important;color:#fff!important;padding:8px 13px!important;font-size:.76rem!important;font-weight:900!important;cursor:pointer}
.mc-center-contact-content #mc-contact-submit:disabled{opacity:.55;cursor:not-allowed}
@media(max-width:760px){
  .mc-center-contact-shell{width:calc(100% - 16px);padding:12px 0 24px}
  .mc-center-contact-content .mc-contact-layout{grid-template-columns:1fr!important}
  .mc-center-contact-content .mc-contact-sidebar{display:none!important}
  .mc-center-contact-content .mc-form-grid{grid-template-columns:1fr!important}
  .mc-center-contact-content .mc-field-full{grid-column:auto!important}
}


/* 2026-08-11 — CONTACT CENTER IFRAME STABILITY FIX */
.mc-center-contact-shell{
  height:100%;
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
}
.mc-center-contact-toolbar{
  flex:0 0 auto;
}
.mc-center-contact-frame{
  display:block;
  width:100%;
  flex:1 1 auto;
  min-height:0;
  border:1px solid #29404f;
  border-radius:12px;
  background:#0b1219;
}


/* 2026-08-11 — SELECTED MEMBER PROFILE CENTER WORKSPACE */
.mc-center-public-profile{
  position:absolute;
  inset:0;
  z-index:556;
  overflow:hidden;
  background:#0b1219;
}
.mc-center-public-profile[hidden]{display:none!important}
.mc-center-public-profile-shell{
  height:100%;
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  width:min(1040px,100%);
  margin:0 auto;
  padding:14px;
}
.mc-center-public-profile-toolbar{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:10px;
}
.mc-center-public-profile-toolbar>div{
  display:grid;
  gap:1px;
}
.mc-center-public-profile-toolbar strong{
  color:#fff;
  font-size:1rem;
}
.mc-center-public-profile-frame{
  display:block;
  width:100%;
  flex:1 1 auto;
  min-height:0;
  border:1px solid #29404f;
  border-radius:12px;
  background:#0b1219;
}
@media(max-width:760px){
  .mc-center-public-profile-shell{padding:8px}
}


/* 2026-08-11 — RIGHT PROFILE AVATAR / NAME SPACING FIX */
.mc-right-profile-panel .mc-chat-info-card{
  display:flex;
  flex-direction:column;
  align-items:center;
}
.mc-right-profile-panel .mc-chat-info-avatar{
  display:grid;
  width:86px !important;
  height:86px !important;
  min-width:86px !important;
  min-height:86px !important;
  margin:4px auto 18px !important;
  flex:0 0 86px !important;
}
.mc-right-profile-panel .mc-chat-info-avatar img{
  display:block !important;
  width:86px !important;
  height:86px !important;
  max-width:86px !important;
  max-height:86px !important;
  aspect-ratio:1/1 !important;
  object-fit:cover !important;
}
.mc-right-profile-panel .mc-chat-info-card > h2{
  width:100%;
  margin:0 0 6px !important;
  clear:both;
  line-height:1.2 !important;
}
.mc-right-profile-panel .mc-chat-info-card > p{
  width:100%;
}


/* 2026-08-11 — ABOUT CENTER WORKSPACE */
.mc-center-about{
  position:absolute;
  inset:0;
  z-index:554;
  overflow:hidden;
  background:#0b1219;
}
.mc-center-about[hidden]{display:none!important}
.mc-center-about-shell{
  height:100%;
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  width:min(1040px,100%);
  margin:0 auto;
  padding:14px;
}
.mc-center-about-toolbar{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:10px;
}
.mc-center-about-toolbar>div{
  display:grid;
  gap:1px;
}
.mc-center-about-toolbar strong{
  color:#fff;
  font-size:1rem;
}
.mc-center-about-frame{
  display:block;
  width:100%;
  flex:1 1 auto;
  min-height:0;
  border:1px solid #29404f;
  border-radius:12px;
  background:#0b1219;
}
.mc-center-about-shell>.mc-public-center-header{
  flex:0 0 178px;
  margin:0 0 10px;
}
@media(max-width:760px){
  .mc-center-about-shell{padding:8px}
}


/* 2026-08-11 — SUBMIT CONTENT CENTER WORKSPACE */
.mc-center-submit{
  position:absolute;
  inset:0;
  z-index:553;
  overflow:hidden;
  background:#0b1219;
}
.mc-center-submit[hidden]{display:none!important}
.mc-center-submit-shell{
  height:100%;
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  width:min(1040px,100%);
  margin:0 auto;
  padding:14px;
}
.mc-center-submit-toolbar{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:10px;
}
.mc-center-submit-toolbar>div{
  display:grid;
  gap:1px;
}
.mc-center-submit-toolbar strong{
  color:#fff;
  font-size:1rem;
}
.mc-center-submit-frame{
  display:block;
  width:100%;
  flex:1 1 auto;
  min-height:0;
  border:1px solid #29404f;
  border-radius:12px;
  background:#0b1219;
}
@media(max-width:760px){
  .mc-center-submit-shell{padding:8px}
}


/* 2026-08-11 — UNIFIED CENTER CONTENT WORKSPACE */
.mc-center-page{
  position:absolute;
  inset:0;
  z-index:552;
  overflow:hidden;
  background:#0b1219;
}
.mc-center-page[hidden]{display:none!important}
.mc-center-page-shell{
  height:100%;
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  width:min(1100px,100%);
  margin:0 auto;
  padding:14px;
}
.mc-center-page-toolbar{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:10px;
}
.mc-center-page-toolbar>div{display:grid;gap:1px}
.mc-center-page-toolbar strong{color:#fff;font-size:1rem}
.mc-center-login-header{flex:0 0 auto}
.mc-center-login-header[hidden]{display:none!important}
.mc-center-login-header .mc-public-center-header{margin:0 0 10px}
.mc-center-page-frame{
  display:block;
  width:100%;
  flex:1 1 auto;
  min-height:0;
  border:1px solid #29404f;
  border-radius:12px;
  background:#0b1219;
}
@media(max-width:760px){
  .mc-center-page-shell{padding:8px}
}

/* Public shell actions use the same visual language as member controls. */
.mc-membership-public-action,
.mc-right-menu-link{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:9px 12px;
  border:1px solid #315267;
  border-radius:10px;
  background:#132633;
  color:#fff;
  font-weight:800;
  text-decoration:none;
  box-sizing:border-box;
}
.mc-membership-public-action:hover,
.mc-right-menu-link:hover{background:#1b3545;border-color:#4d7991}
.mc-right-menu-link{width:100%;margin-top:7px}

/* 2026-09-04 — AUTHORITATIVE LEFT DIRECTORY SCROLL / HEIGHT FIX
   The application shell already owns the remaining viewport below the compact
   header. Keep the sidebar inside that shell and make the directory list the
   only flexible/scrolling section. */
body:has(#mc-chat-app) .mc-chat-sidebar{
  height:100% !important;
  min-height:0 !important;
  max-height:100% !important;
  display:flex !important;
  flex-direction:column !important;
  overflow:hidden !important;
}
body:has(#mc-chat-app) .mc-chat-sidebar > .mc-chat-sidebar-head,
body:has(#mc-chat-app) .mc-chat-sidebar > .mc-chat-search,
body:has(#mc-chat-app) .mc-chat-sidebar > .mc-chat-request-alert,
body:has(#mc-chat-app) .mc-chat-sidebar > .mc-chat-type-filter,
body:has(#mc-chat-app) .mc-chat-sidebar > .mc-chat-tabs,
body:has(#mc-chat-app) .mc-chat-sidebar > .mc-chat-sidebar-foot{
  flex:0 0 auto !important;
}
body:has(#mc-chat-app) .mc-chat-sidebar > .mc-chat-member-list{
  flex:1 1 0 !important;
  height:0 !important;
  min-height:0 !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
  -webkit-overflow-scrolling:touch;
}

.mc-member-profile-content .mp-social-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:12px}.mc-member-profile-content .mp-social-field{display:grid;gap:6px;padding:12px;border:1px solid #294959;border-radius:11px;background:#0c1d28}.mc-member-profile-content .mp-social-input{display:flex;align-items:stretch;min-width:0}.mc-member-profile-content .mp-social-input>span{display:flex;align-items:center;padding:0 10px;border:1px solid #607d8c;border-right:0;border-radius:9px 0 0 9px;background:#173344;color:#b8d3df;font-size:.78rem;font-weight:800;white-space:nowrap}.mc-member-profile-content .mp-social-input>input{min-width:0;border-radius:0 9px 9px 0!important}.mc-member-profile-content .mp-social-public{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:7px;font-size:.78rem!important}.mc-member-profile-content .mp-social-public input{width:17px!important;height:17px!important}.mc-social-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.mc-social-link{display:inline-flex;align-items:center;color:#fff;text-decoration:none}.mc-social-link>span{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#1778f2;color:#fff;font-family:Arial,sans-serif;font-weight:900}.mc-social-link>small{display:none}.mc-social-link.is-x>span,.mc-social-link.is-tiktok>span{background:#050505}.mc-social-link.is-instagram>span{background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045)}.mc-social-link.is-youtube>span{background:#f00}.mc-social-link.is-linkedin>span{background:#0a66c2;font-size:.76rem}.mc-social-link.is-rumble>span{background:#74cc1d}.mc-social-link.is-twitch>span{background:#9146ff}@media(max-width:760px){.mc-member-profile-content .mp-social-grid{grid-template-columns:1fr}}
.mc-member-dashboard-content .af-control-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mc-member-dashboard-content .af-control-card{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);gap:13px;overflow:hidden;border-top:4px solid #1297d4;background:linear-gradient(145deg,#13232e,#0e1921)}.mc-member-dashboard-content .af-control-profile{grid-column:span 2}.mc-member-dashboard-content .af-control-membership{border-top-color:#35b37c}.mc-member-dashboard-content .af-control-messages{border-top-color:#8773e4}.mc-member-dashboard-content .af-control-stat{border-top-color:#f1a33b}.mc-member-dashboard-content .af-control-social{border-top-color:#ef5148}.mc-member-dashboard-content .af-card-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:rgba(18,151,212,.18);color:#68d1ff;font-size:1.15rem;font-weight:950}.mc-member-dashboard-content .af-control-membership .af-card-icon{background:rgba(53,179,124,.17);color:#82e2b6}.mc-member-dashboard-content .af-control-messages .af-card-icon{background:rgba(135,115,228,.18);color:#bcb0ff}.mc-member-dashboard-content .af-control-stat .af-card-icon{background:rgba(241,163,59,.17);color:#ffc573}.mc-member-dashboard-content .af-control-social .af-card-icon{background:rgba(239,81,72,.17);color:#ff9a94}.mc-member-dashboard-content .af-card-copy{min-width:0}.mc-member-dashboard-content .af-card-title,.mc-member-dashboard-content .af-card-actions,.mc-member-dashboard-content .af-stat-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.mc-member-dashboard-content .af-card-title{justify-content:space-between}.mc-member-dashboard-content .af-card-title h2{margin-bottom:0}.mc-member-dashboard-content .af-status-chip{display:inline-flex;padding:4px 9px;border-radius:999px;background:#293943;color:#c2d0d8;font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.mc-member-dashboard-content .af-status-chip.is-live{background:#153e31;color:#91e2bb}.mc-member-dashboard-content .af-status-chip.is-pending{background:#493719;color:#ffd18a}.mc-member-dashboard-content .af-plan-name{display:block;margin-top:11px;color:#fff;font-size:1rem}.mc-member-dashboard-content .af-muted-status{color:#839dab;font-size:.78rem;font-weight:800}.mc-member-dashboard-content .af-stat-line{margin:7px 0 11px}.mc-member-dashboard-content .af-stat-line>span{color:#91a9b7;font-size:.78rem;font-weight:800;line-height:1.25}.mc-member-dashboard-content .af-control-card p{margin:6px 0 12px}.mc-member-dashboard-content .af-control-card .af-button{padding:9px 13px}@media(max-width:980px){.mc-member-dashboard-content .af-control-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mc-member-dashboard-content .af-control-grid .af-control-profile{grid-column:span 2}.mc-member-dashboard-content .af-control-grid .af-control-social{grid-column:auto}}@media(max-width:760px){.mc-member-dashboard-content .af-control-grid{grid-template-columns:1fr}.mc-member-dashboard-content .af-control-grid .af-control-profile{grid-column:auto}.mc-member-dashboard-content .af-control-card{grid-template-columns:40px minmax(0,1fr)}.mc-member-dashboard-content .af-card-icon{width:40px;height:40px}}