/* Community discovery and creation; payment and wallet controls are untouched. */
.mycomm-page { width:100%; padding:4px 0 24px; }
.mycomm-header { display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; margin-bottom:18px; }
.mycomm-title { margin:0; font-size:25px; }
.community-create-button { display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:11px 17px; border:0; border-radius:12px; background:#00865d; color:#fff; font:600 14px/1.3 Arial,sans-serif; cursor:pointer; transition:background-color .15s; }
.community-create-button:hover { background:#006d4c !important; }
.community-create-button:disabled:hover { background:#00865d !important; }
.community-create-button:focus-visible, .mycomm-card:focus-within { outline:2px solid #00865d; outline-offset:3px; }
.mycomm-list { display:flex; flex-direction:column; gap:12px; }
.mycomm-card { display:flex; align-items:center; gap:16px; padding:18px 20px; border:1px solid var(--munia-line, #e4eae6); border-radius:14px; transition:background-color .15s,border-color .15s; }
.mycomm-card:hover, .mycomm-card:focus-within { background:var(--munia-surface-soft, #f2faf6); border-color:var(--munia-positive-line, #a8d7c2); }
.mycomm-identity { flex:1; min-width:0; overflow-wrap:anywhere; }
.mycomm-card .card-link { color:var(--munia-text, #18231e); font-size:17px; font-weight:700; text-decoration:none; }
.mycomm-handle { display:block; margin-top:5px; color:var(--munia-muted, #65736b); font-size:13px; }
.mycomm-meta { display:flex; flex-direction:column; align-items:flex-end; gap:6px; color:var(--munia-muted, #65736b); font-size:12px; }
.mycomm-meta strong { color:var(--munia-text, #344e40); font-weight:600; }
.mycomm-arrow { color:var(--munia-positive-text, #00865d); font-size:21px; }
.community-create-overlay { position:fixed; inset:0; z-index:14000; background:#18231e66; }
.community-create-dialog { position:fixed; z-index:14001; top:50%; left:50%; transform:translate(-50%,-50%); width:460px; max-width:calc(100vw - 28px); max-height:calc(100dvh - 28px); overflow-y:auto; box-sizing:border-box; padding:24px; border:1px solid var(--munia-line, #e4eae6); border-radius:20px; background:var(--munia-surface, #fff); color:var(--munia-text, #18231e); box-shadow:0 18px 60px #18231e33; font:14px/1.5 Arial,sans-serif; }
.community-create-dialog * { box-sizing:border-box; }
.community-create-header { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.community-create-header h2 { margin:0; font-size:23px; }
.community-create-close { display:flex; align-items:center; justify-content:center; width:34px; height:34px; flex-shrink:0; border:0; border-radius:50%; background:var(--munia-surface-soft, #f4f7f5); color:var(--munia-muted, #65736b); font-size:24px; cursor:pointer; }
.community-create-close:hover { background:var(--munia-control-hover, #edf1ef) !important; }
.community-create-intro { color:var(--munia-muted, #65736b); margin:8px 0 22px; font-size:13px; }
.community-create-field { margin-bottom:20px; }
.community-create-field > label { display:block; margin-bottom:7px; font-weight:600; }
.community-create-field input { display:block; width:100%; min-width:0; padding:11px 12px; border:1px solid var(--munia-line, #cbd8d0); border-radius:9px; background:var(--munia-surface, #fff); color:var(--munia-text, #18231e); font:16px Arial,sans-serif; }
.community-create-field input:focus { border-color:var(--munia-positive-line, #00865d); outline:2px solid #00865d22; outline-offset:1px; }
.community-create-field input[aria-invalid="true"] { border-color:#b42318; }
.community-create-identifier { display:flex; align-items:center; gap:8px; }
.community-create-prefix { color:var(--munia-positive-text, #00865d); font-weight:700; font-size:16px; }
.community-create-help, .community-create-preview { margin:7px 0 0; color:var(--munia-muted, #65736b); font-size:12px; }
.community-create-preview strong { color:var(--munia-text, #344e40); font-weight:600; overflow-wrap:anywhere; }
.community-create-feedback { min-height:18px; margin-top:6px; font-size:12px; }
.community-create-feedback[data-state="available"] { color:var(--munia-positive-text, #00865d); }
.community-create-feedback[data-state="invalid"], .community-create-feedback[data-state="taken"], .community-create-feedback[data-state="error"] { color:var(--munia-danger-text, #b42318); }
.community-create-feedback[data-state="checking"] { color:var(--munia-muted, #65736b); }
.community-create-error { padding:10px 12px; margin:0 0 16px; border-radius:9px; background:var(--munia-surface-soft, #fff0ed); color:var(--munia-danger-text, #b42318); font-size:13px; }
.community-create-footer { display:flex; align-items:center; justify-content:flex-end; gap:10px; border-top:1px solid var(--munia-line, #e4eae6); padding-top:18px; }
.community-create-cancel { padding:10px 15px; border:1px solid var(--munia-line, #cbd8d0); border-radius:10px; background:var(--munia-surface, #fff); color:var(--munia-text, #344e40); font:600 14px Arial,sans-serif; cursor:pointer; }
.community-create-cancel:hover { background:var(--munia-control-hover, #edf1ef) !important; }
.community-create-dialog button:focus-visible { outline:2px solid #00865d; outline-offset:3px; }
.community-create-dialog button:disabled { opacity:.5; cursor:default; }
@media (max-width:768px) {
  .mycomm-page { padding:14px 14px 28px; box-sizing:border-box; }
  .mycomm-title { font-size:22px; }
  .mycomm-card { padding:16px; flex-wrap:wrap; gap:10px; }
  .mycomm-identity { flex-basis:calc(100% - 36px); }
  .mycomm-meta { order:3; flex-basis:100%; align-items:flex-start; gap:5px; }
  .community-create-dialog { padding:20px; }
}
@media (prefers-reduced-motion:reduce) { .mycomm-card, .community-create-button { transition:none; } }
.community-directory { max-width:1040px; margin:0 auto; flex-shrink:0; }
.community-directory-filters { display:flex; align-items:flex-end; flex-wrap:wrap; gap:12px; margin:0 0 24px; }
.community-directory-filters > div { min-width:0; flex:1 1 140px; }
.community-directory-filters > div:first-child { flex:2 1 240px; }
.community-directory-filters label { display:block; font-size:13px; margin-bottom:7px; color:var(--munia-muted, #65736b); }
.community-directory-filters input, .community-directory-filters select { width:100%; min-width:0; box-sizing:border-box; height:42px; padding:9px 12px; border:1px solid var(--munia-line, #cbd8d0); border-radius:10px; background:var(--munia-surface-soft, #f4f7f5); color:var(--munia-text, #18231e); font:14px Arial,sans-serif; }
.community-directory-filters input:focus-visible, .community-directory-filters select:focus-visible { outline:2px solid #00865d; outline-offset:2px; }
.community-directory-pagination { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:20px; margin-top:24px; font-size:14px; }
.community-directory-pagination a { color:var(--munia-positive-text, #00865d); padding:8px; }
.community-directory .community-create-button { text-decoration:none; }
