.mm-clubs-page { max-width: 1180px; padding-bottom: 2rem; color: #19352f; }
.mm-clubs-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; border-bottom:1px solid #bfd0c5; padding:0 0 1.1rem; margin-bottom:1.35rem; }
.mm-clubs-heading h1 { margin:0; font-size:clamp(2rem,4vw,2.7rem); font-weight:800; letter-spacing:-.04em; }
.mm-clubs-heading p:not(.mm-clubs-eyebrow) { color:#526a62; margin:.4rem 0 0; }
.mm-clubs-eyebrow,.mm-clubs-kicker { color:#086b91; font-size:.72rem; font-weight:800; letter-spacing:.16em; text-transform:uppercase; margin:0 0 .35rem; }
.mm-clubs-access { border:1px solid #9fcab5; border-radius:999px; color:#176a4b; background:#e0f0e5; font-size:.8rem; font-weight:750; padding:.4rem .75rem; }
.mm-clubs-panel { padding:1.25rem; border:1px solid #c4d3c7; border-top:4px solid #16719a; border-radius:16px; background:#f3f6f0; box-shadow:0 8px 22px #19352f12; }
.mm-clubs-panel-head { margin-bottom:1rem; }
.mm-clubs-panel-head h2 { font-size:1.35rem; font-weight:800; margin:0; }
.mm-clubs-panel-head p { color:#526a62; margin:.3rem 0 0; font-size:.92rem; }
.mm-clubs-list-head { display:flex; justify-content:space-between; align-items:center; gap:1rem; }
.mm-clubs-page .form-label { color:#405b52; font-size:.82rem; font-weight:750; }
.mm-clubs-page .form-label span { color:#d94b3d; }
.mm-clubs-page .form-control,.mm-clubs-page .form-select { min-height:43px; border-color:#bdcec3; background:#fff; color:#19352f; }
.mm-clubs-page .form-control:focus,.mm-clubs-page .form-select:focus { border-color:#16719a; box-shadow:0 0 0 .2rem #16719a20; }
.mm-clubs-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
.mm-club-card { min-width:0; border:1px solid #c5d4c9; border-radius:14px; padding:1rem; background:#eaf0e8; box-shadow:0 4px 12px #19352f0d; }
.mm-club-card.is-inactive { opacity:.76; background:#e7e9e5; }
.mm-club-card-top { display:flex; align-items:center; gap:.75rem; }
.mm-club-avatar { display:grid; place-items:center; width:43px; height:43px; flex:none; border-radius:12px; background:#d6e9eb; color:#116b8f; font-size:1.2rem; font-weight:850; }
.mm-club-logo { object-fit:contain; padding:3px; border:1px solid #c2d2c8; background:#fff; }
.mm-club-title { flex:1; min-width:0; display:flex; justify-content:space-between; align-items:center; gap:.5rem; }
.mm-club-title h3 { overflow-wrap:anywhere; margin:0; font-size:1.06rem; font-weight:800; }
.mm-club-state { flex:none; border-radius:999px; font-size:.68rem; font-weight:800; padding:.28rem .52rem; }
.mm-club-state.active { color:#116342; background:#d9efe2; border:1px solid #a6d2b7; }
.mm-club-state.inactive { color:#735c36; background:#f4e9cf; border:1px solid #deca9d; }
.mm-club-description { margin:.75rem 0 0; color:#536b62; font-size:.87rem; min-height:1.3rem; }
.mm-club-logo-form { margin-top:.8rem; padding:.65rem; border:1px dashed #bfd0c5; border-radius:10px; background:#f0f4ee; }
.mm-club-logo-form .form-label { display:block; margin-bottom:.35rem; font-size:.74rem; }
.mm-club-logo-actions { display:flex; gap:.4rem; }
.mm-club-logo-actions input { min-width:0; flex:1; min-height:36px; font-size:.74rem; }
.mm-club-logo-actions .btn { flex:none; }
.mm-club-logo-preview-wrap { display:flex; align-items:center; gap:.7rem; margin-top:.75rem; color:#526a62; font-size:.82rem; font-weight:650; }
.mm-club-logo-preview-wrap[hidden] { display:none!important; }
.mm-club-logo-preview-wrap img { width:58px; height:58px; object-fit:contain; padding:4px; border:1px solid #c5d4c9; border-radius:12px; background:#fff; }
.mm-club-organizers { margin-top:.9rem; border-top:1px solid #cad7cd; padding-top:.75rem; }
.mm-club-organizers h4 { margin:0 0 .35rem; color:#405b52; font-size:.76rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.mm-club-organizers ul { list-style:none; margin:0; padding:0; }
.mm-club-organizers li { display:grid; grid-template-columns:1fr auto; gap:.1rem .5rem; align-items:center; padding:.45rem 0; border-bottom:1px solid #d5dfd7; font-size:.82rem; }
.mm-club-organizers li span { font-weight:700; }
.mm-club-organizers li small { grid-column:1; color:#60756c; overflow-wrap:anywhere; }
.mm-club-organizers .mm-clubs-unlink { grid-column:2; grid-row:1 / span 2; border:0; background:transparent; color:#a7352e; font-size:.74rem; font-weight:750; }
.mm-clubs-no-organizers { display:block!important; color:#60756c; font-size:.82rem; }
.mm-club-card-actions { margin-top:.8rem; display:grid; gap:.55rem; }
.mm-club-assign { display:flex; gap:.45rem; }
.mm-club-assign .form-select { min-width:0; flex:1; }
.mm-club-assign .btn { flex:none; }
.mm-club-toggle { justify-self:start; }
.mm-club-edit-button { justify-self:start; }
.mm-club-edit-modal { overflow:hidden; border:1px solid #c4d3c7; border-top:5px solid #16719a; border-radius:16px; color:#19352f; background:#f3f6f0; box-shadow:0 18px 54px #10241d30; }
.mm-club-edit-modal .modal-header,.mm-club-edit-modal .modal-footer { border-color:#cbd8cf; }
.mm-club-edit-modal .modal-title { color:#19352f; font-weight:800; }
.mm-club-edit-modal .form-label { color:#405b52; font-size:.82rem; font-weight:750; }
.mm-club-edit-modal .form-label span { color:#d94b3d; }
.mm-club-edit-modal .form-control { border-color:#bdcec3; background:#fff; color:#19352f; }
.mm-club-edit-modal .form-control:focus { border-color:#16719a; box-shadow:0 0 0 .2rem #16719a20; }
.mm-clubs-empty { grid-column:1/-1; border:1px dashed #b8c9bd; border-radius:12px; padding:1.25rem; color:#5a7067; text-align:center; }
.mm-clubs-error { color:#9e3028; border-color:#e1b3ad; background:#fff5f3; }
@media(max-width:991px) { .mm-clubs-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:575px) { .mm-clubs-heading,.mm-clubs-list-head { flex-direction:column; align-items:flex-start; }.mm-clubs-panel { padding:1rem; }.mm-clubs-grid { grid-template-columns:1fr; } }