:root { --ymp-front-bg:#f6f7f7; --ymp-front-surface:#fff; --ymp-front-text:#1d2327; --ymp-front-muted:#646970; --ymp-front-border:#dcdcde; --ymp-front-primary:#2271b1; --ymp-front-primary-contrast:#fff; --ymp-front-shadow:0 4px 14px rgba(0,0,0,.05); } .ymp-my-profile,.ymp-portal,.ymp-member-directory,.ymp-nearby-members,.ymp-profile-view { color:var(--ymp-front-text); } .ymp-my-profile { max-width:1180px; } .ymp-my-profile-hero { align-items:center; background:linear-gradient(135deg,var(--ymp-front-surface),#eef5ff); border:1px solid #c3d9f2; border-radius:16px; display:grid; gap:18px; grid-template-columns:minmax(0,1fr) auto; margin:0 0 22px; padding:24px; } .ymp-my-profile-hero h2 { font-size:34px; line-height:1.1; margin:0 0 8px; } .ymp-my-profile-layout { display:grid; gap:20px; grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr); } .ymp-my-profile-card,.ymp-my-profile-save-card { background:var(--ymp-front-surface); border:1px solid var(--ymp-front-border); border-radius:14px; box-shadow:var(--ymp-front-shadow); margin:0 0 20px; padding:18px; } .ymp-my-profile-card h3 { border-bottom:1px solid var(--ymp-front-border); margin:0 0 14px; padding-bottom:10px; } .ymp-my-profile-help { color:var(--ymp-front-muted); } .ymp-my-profile label { display:block; font-weight:700; margin-bottom:6px; } .ymp-my-profile input[type=text],.ymp-my-profile select,.ymp-my-profile input[type=file] { box-sizing:border-box; max-width:100%; width:100%; } .ymp-my-profile-field-grid,.ymp-my-profile-checkbox-grid { display:grid; gap:12px; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); } .ymp-my-profile-checkbox { align-items:center; background:var(--ymp-front-bg); border:1px solid var(--ymp-front-border); border-radius:999px; display:flex!important; gap:8px; padding:8px 10px; } .ymp-my-profile-checklist { display:grid; gap:8px; } .ymp-my-profile-checklist span { background:var(--ymp-front-bg); border:1px solid var(--ymp-front-border); border-radius:999px; color:var(--ymp-front-muted); font-weight:700; padding:7px 10px; } .ymp-my-profile-checklist span.complete { background:#e7f7ed; border-color:#9ed6ae; color:#0f5f2e; } .ymp-profile-photo-editor { align-items:center; display:grid; gap:18px; grid-template-columns:160px minmax(220px,1fr); } .ymp-profile-photo-preview { border-radius:50%; height:160px; overflow:hidden; width:160px; } .ymp-profile-photo-image,.ymp-avatar,.ymp-directory-avatar img,.ymp-nearby-avatar img,.ymp-profile-hero-avatar img { aspect-ratio:1; border-radius:50%; display:block; object-fit:cover; width:100%; } .ymp-profile-photo-remove { color:#b32d2e; font-weight:600!important; margin-top:8px; } .ymp-avatar-fallback { align-items:center; background:var(--ymp-front-bg); border:1px solid var(--ymp-front-border); border-radius:50%; color:var(--ymp-front-primary); display:flex; font-weight:800; justify-content:center; line-height:1; text-transform:uppercase; } .ymp-portal-avatar-image.ymp-avatar-fallback { font-size:28px; } .ymp-profile-photo-image.ymp-avatar-fallback,.ymp-profile-main-avatar.ymp-avatar-fallback { font-size:42px; } .ymp-member-directory-avatar-image.ymp-avatar-fallback,.ymp-nearby-member-avatar.ymp-avatar-fallback,.ymp-org-member-avatar.ymp-avatar-fallback { font-size:24px; } .ymp-portal-profile-complete { background:#e7f7ed; border:1px solid #9ed6ae; border-radius:10px; color:#0f5f2e; font-weight:800; margin:12px 0; padding:10px 12px; } .ymp-directory-avatar,.ymp-nearby-avatar { flex:0 0 64px; height:64px; width:64px; } .ymp-profile-hero-avatar { height:120px; width:120px; } @media (prefers-color-scheme: dark) { :root:not([data-ymp-theme="light"]):not([data-ymp-theme="dark"]) { --ymp-front-bg:#0f1115; --ymp-front-surface:#171a21; --ymp-front-text:#f8fafc; --ymp-front-muted:#cbd5e1; --ymp-front-border:#343a46; --ymp-front-primary:#8ab4f8; --ymp-front-primary-contrast:#0f1115; --ymp-front-shadow:0 4px 14px rgba(0,0,0,.25); } :root:not([data-ymp-theme="light"]):not([data-ymp-theme="dark"]) .ymp-my-profile-hero { background:var(--ymp-front-surface); border-color:var(--ymp-front-border); } :root:not([data-ymp-theme="light"]):not([data-ymp-theme="dark"]) .ymp-my-profile input, :root:not([data-ymp-theme="light"]):not([data-ymp-theme="dark"]) .ymp-my-profile select, :root:not([data-ymp-theme="light"]):not([data-ymp-theme="dark"]) .ymp-my-profile textarea { background:var(--ymp-front-surface); border-color:var(--ymp-front-border); color:var(--ymp-front-text); } :root:not([data-ymp-theme="light"]):not([data-ymp-theme="dark"]) .ymp-my-profile a { color:#8ab4f8; } } @media (max-width:780px) { .ymp-my-profile-hero,.ymp-my-profile-layout,.ymp-profile-photo-editor { display:block; } .ymp-profile-photo-preview { margin-bottom:14px; } .ymp-my-profile-hero h2 { font-size:27px; } } .ymp-portal-identity { align-items:center; display:flex; gap:14px; } .ymp-portal-avatar { flex:0 0 72px; height:72px; width:72px; } .ymp-portal-avatar-image { border-radius:50%; height:72px; object-fit:cover; width:72px; } /* Profile image placements used across member-facing views. */ .ymp-member-directory-avatar-image,.ymp-nearby-member-avatar,.ymp-profile-main-avatar { aspect-ratio:1; border-radius:50%; display:block; object-fit:cover; } .ymp-member-directory-avatar-image,.ymp-nearby-member-avatar { height:64px; width:64px; } .ymp-profile-main-avatar { height:120px; width:120px; } .ymp-profile-main-avatar.ymp-avatar-fallback { align-items:center; display:flex; justify-content:center; } /* My Profile styles extracted from the beta.1 inline template. */ .ymp-my-profile-hero p { color:var(--ymp-front-muted); font-size:16px; margin:0; max-width:760px; } .ymp-my-profile-hero-meta { display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; } .ymp-my-profile-hero-meta span { background:var(--ymp-front-surface); border:1px solid var(--ymp-front-border); border-radius:999px; color:var(--ymp-front-text); display:inline-block; font-size:13px; font-weight:700; padding:6px 10px; } .ymp-my-profile-card h3 { font-size:20px; } .ymp-my-profile input[type="text"],.ymp-my-profile select { min-height:38px; } .ymp-my-profile-field-grid p { margin:0; } .ymp-my-profile-checkbox { font-weight:700; margin:0; } .ymp-my-profile-checkbox input { margin:0; } .ymp-my-profile-checklist span { display:block; } .ymp-my-profile-checklist span::before { content:'• '; } .ymp-my-profile-checklist span.complete::before { content:'✓ '; } .ymp-my-profile-status-pill { border-radius:999px; display:inline-block; font-weight:800; margin:0 0 12px; padding:7px 11px; } .ymp-my-profile-status-active { background:#e7f7ed; color:#0f5f2e; } .ymp-my-profile-status-pending { background:#fff7d6; color:#6b4e00; } .ymp-my-profile-status-rejected,.ymp-my-profile-status-banned { background:#fdeaea; color:#9f1c1c; } .ymp-my-profile-status-suspended { background:#e7f0ff; color:#174ea6; } .ymp-my-profile-button { border:1px solid var(--ymp-front-primary); border-radius:8px; cursor:pointer; display:inline-block; font-weight:800; padding:10px 14px; text-decoration:none; } .ymp-my-profile-button-primary { background:var(--ymp-front-primary); color:#fff; width:100%; } .ymp-my-profile-button-primary:hover { color:#fff; filter:brightness(.95); } .ymp-my-profile-button-secondary { background:var(--ymp-front-surface); color:var(--ymp-front-primary); white-space:nowrap; } .ymp-my-profile-save-card { position:sticky; top:32px; } .ymp-nearby-member-heading { align-items:center; display:flex; gap:12px; } .ymp-nearby-member-heading h3 { margin:0; } :root[data-ymp-theme="dark"] .ymp-my-profile-status-pending { background:#4b3b12; color:#ffe08a; } :root[data-ymp-theme="dark"] .ymp-my-profile-status-rejected, :root[data-ymp-theme="dark"] .ymp-my-profile-status-banned { background:#4f2527; color:#ffb4b7; } :root[data-ymp-theme="dark"] .ymp-my-profile-status-suspended { background:#233a5d; color:#b8d2ff; } @media (prefers-color-scheme:dark) { :root:not([data-ymp-theme="light"]):not([data-ymp-theme="dark"]) .ymp-my-profile-status-pending { background:#4b3b12; color:#ffe08a; } :root:not([data-ymp-theme="light"]):not([data-ymp-theme="dark"]) .ymp-my-profile-status-rejected, :root:not([data-ymp-theme="light"]):not([data-ymp-theme="dark"]) .ymp-my-profile-status-banned { background:#4f2527; color:#ffb4b7; } :root:not([data-ymp-theme="light"]):not([data-ymp-theme="dark"]) .ymp-my-profile-status-suspended { background:#233a5d; color:#b8d2ff; } } @media (max-width:800px) { .ymp-my-profile-button-primary { width:auto; } .ymp-my-profile-save-card { position:static; } } .ymp-my-profile-hero-actions { display:flex; flex-wrap:wrap; gap:8px; justify-content:flex-end; } .ymp-notice { border:1px solid var(--ymp-front-border); border-left-width:4px; border-radius:8px; margin:14px 0; padding:12px 14px; } .ymp-notice ul { margin:0; padding-left:20px; } .ymp-notice-success { background:#e7f7ed; border-left-color:#00a32a; color:#0f5f2e; } .ymp-notice-error { background:#fdeaea; border-left-color:#d63638; color:#9f1c1c; } @media (max-width:780px) { .ymp-my-profile-hero-actions { justify-content:flex-start; margin-top:14px; } } /* Beta.3 explicit YMP appearance modes. Beta.6.11.19 also applies these variables to the managed page canvas. */ :root[data-ymp-theme="light"] { --ymp-front-bg:#f6f7f7; --ymp-front-surface:#fff; --ymp-front-text:#1d2327; --ymp-front-muted:#646970; --ymp-front-border:#dcdcde; --ymp-front-primary:#2271b1; --ymp-front-primary-contrast:#fff; --ymp-front-shadow:0 4px 14px rgba(0,0,0,.05); } :root[data-ymp-theme="dark"] { --ymp-front-bg:#0f1115; --ymp-front-surface:#171a21; --ymp-front-text:#f8fafc; --ymp-front-muted:#cbd5e1; --ymp-front-border:#343a46; --ymp-front-primary:#8ab4f8; --ymp-front-primary-contrast:#0f1115; --ymp-front-shadow:0 4px 14px rgba(0,0,0,.30); } .ymp-my-profile input[type="text"], .ymp-my-profile input[type="file"], .ymp-my-profile select, .ymp-my-profile textarea { background:var(--ymp-front-surface); border:1px solid var(--ymp-front-border); color:var(--ymp-front-text); } :root[data-ymp-theme="light"] .ymp-my-profile-hero { background:linear-gradient(135deg,#fff,#eef5ff); border-color:#c3d9f2; } :root[data-ymp-theme="dark"] .ymp-my-profile-hero { background:var(--ymp-front-surface); border-color:var(--ymp-front-border); } :root[data-ymp-theme="light"] .ymp-my-profile input, :root[data-ymp-theme="light"] .ymp-my-profile select, :root[data-ymp-theme="light"] .ymp-my-profile textarea { background:#fff; border-color:#8c8f94; color:#1d2327; } :root[data-ymp-theme="dark"] .ymp-my-profile input, :root[data-ymp-theme="dark"] .ymp-my-profile select, :root[data-ymp-theme="dark"] .ymp-my-profile textarea { background:var(--ymp-front-surface); border-color:var(--ymp-front-border); color:var(--ymp-front-text); } .ymp-theme-mode-control { align-items:flex-start; display:grid!important; font-size:12px; gap:3px; margin:0!important; min-width:110px; } .ymp-theme-mode-control select { min-height:36px!important; padding:4px 28px 4px 9px; } /* Selection chips remain accessible checkboxes while showing a clear state. */ .ymp-my-profile-checkbox-grid { gap:8px; grid-template-columns:repeat(auto-fit,minmax(145px,1fr)); } .ymp-my-profile-checkbox { background:transparent!important; border:0!important; color:#50575e; cursor:pointer; font-size:13px; line-height:1.25; margin:0!important; min-height:36px; padding:0!important; position:relative; } .ymp-my-profile-checkbox input { height:1px; opacity:0; position:absolute; width:1px; } .ymp-my-profile-checkbox span { align-items:center; background:#f6f7f7; border:1px solid #c3c4c7; border-radius:999px; box-sizing:border-box; display:flex; gap:7px; min-height:36px; padding:7px 10px; transition:background .15s,border-color .15s,color .15s; width:100%; } .ymp-my-profile-checkbox span::before { align-items:center; border:1px solid currentColor; border-radius:50%; content:'○'; display:inline-flex; flex:0 0 18px; font-size:12px; font-weight:900; height:18px; justify-content:center; width:18px; } .ymp-my-profile-checkbox input:checked + span { background:#e7f7ed; border-color:#78c591; color:#0f5f2e; font-weight:800; } .ymp-my-profile-checkbox input:checked + span::before { background:#16833b; border-color:#16833b; color:#fff; content:'✓'; } .ymp-my-profile-checkbox:focus-within span { box-shadow:0 0 0 2px var(--ymp-front-surface),0 0 0 4px var(--ymp-front-primary); } :root[data-ymp-theme="dark"] .ymp-my-profile-checkbox span { background:#222832; border-color:#4b5563; color:#d1d5db; } :root[data-ymp-theme="dark"] .ymp-my-profile-checkbox input:checked + span { background:#173f29; border-color:#3c8057; color:#a8e6ba; } @media (prefers-color-scheme:dark) { :root:not([data-ymp-theme="light"]):not([data-ymp-theme="dark"]) .ymp-my-profile-checkbox span { background:#222832; border-color:#4b5563; color:#d1d5db; } :root:not([data-ymp-theme="light"]):not([data-ymp-theme="dark"]) .ymp-my-profile-checkbox input:checked + span { background:#173f29; border-color:#3c8057; color:#a8e6ba; } } /* Beta.3 keeps the YMP application canvas coherent when the surrounding theme uses a different mode. */ .ymp-my-profile { background:var(--ymp-front-bg); border-radius:18px; box-sizing:border-box; padding:16px; } :root[data-ymp-theme="light"] { color-scheme:light; } :root[data-ymp-theme="dark"] { color-scheme:dark; } @media (prefers-color-scheme:dark) { :root:not([data-ymp-theme="light"]):not([data-ymp-theme="dark"]) { color-scheme:dark; } } @media (max-width:780px) { .ymp-my-profile { border-radius:12px; padding:10px; } } /* Beta.4: hide the theme's duplicate WordPress page title only on YMP-managed pages. */ .ymp-hide-wordpress-title :is(.entry-title,.page-title,.wp-block-post-title,.page-header > h1,.entry-header > h1) { display:none!important; } .ymp-hide-wordpress-title :is(.entry-header,.page-header):has(> :is(.entry-title,.page-title,.wp-block-post-title)) { margin:0!important; padding:0!important; } /* Beta.4 compact application scale. Theme typography outside YMP remains unchanged. */ .ymp-managed-page :where(.ymp-portal,.ymp-my-profile,.messages,.ymp-message-thread,.ymp-compose-message,.ymp-member-directory,.ymp-nearby-members,.ymp-profile-view,.fellowships,.ymp-fellowship-view,.ymp-fellowship-dashboard,.ymp-events,.ymp-groups,.ymp-group-view,.ymp-group-dashboard,.ymp-prayer-wall,.ymp-submit-prayer,.notifications,.ymp-activity-feed,.ymp-community-map) { font-size:14px; line-height:1.5; } .ymp-managed-page :where(.ymp-portal,.ymp-my-profile,.messages,.ymp-message-thread,.ymp-compose-message,.ymp-member-directory,.ymp-nearby-members,.ymp-profile-view,.fellowships,.ymp-fellowship-view,.ymp-fellowship-dashboard,.ymp-events,.ymp-groups,.ymp-group-view,.ymp-group-dashboard,.ymp-prayer-wall,.ymp-submit-prayer,.notifications,.ymp-activity-feed) h1 { font-size:clamp(1.55rem,2.4vw,2rem); line-height:1.2; } .ymp-managed-page :where(.ymp-portal,.ymp-my-profile,.messages,.ymp-message-thread,.ymp-compose-message,.ymp-member-directory,.ymp-nearby-members,.ymp-profile-view,.fellowships,.ymp-fellowship-view,.ymp-fellowship-dashboard,.ymp-events,.ymp-groups,.ymp-group-view,.ymp-group-dashboard,.ymp-prayer-wall,.ymp-submit-prayer,.notifications,.ymp-activity-feed) h2 { font-size:clamp(1.25rem,2vw,1.55rem); line-height:1.25; } .ymp-managed-page :where(.ymp-portal,.ymp-my-profile,.messages,.ymp-message-thread,.ymp-compose-message,.ymp-member-directory,.ymp-nearby-members,.ymp-profile-view,.fellowships,.ymp-fellowship-view,.ymp-fellowship-dashboard,.ymp-events,.ymp-groups,.ymp-group-view,.ymp-group-dashboard,.ymp-prayer-wall,.ymp-submit-prayer,.notifications,.ymp-activity-feed) h3 { font-size:1.08rem; line-height:1.3; } .ymp-managed-page :where(button,.button,input[type="submit"],input[type="button"],.ymp-my-profile-button,.ymp-msg-button) { font-size:13px; line-height:1.25; min-height:34px; padding:7px 11px; } .ymp-managed-page :where(input[type="text"],input[type="email"],input[type="password"],input[type="search"],input[type="url"],input[type="number"],input[type="date"],input[type="datetime-local"],select,textarea) { font-size:14px; } /* Member message lifecycle controls. */ .ymp-msg-inline-action,.ymp-msg-thread-tools { display:flex; flex-wrap:wrap; gap:7px; margin:0; } .ymp-msg-thread-tools { margin:10px 0 16px; } .ymp-msg-button-danger { background:#b32d2e!important; border-color:#b32d2e!important; color:#fff!important; } .ymp-msg-card-actions { align-items:flex-end; display:flex; flex-direction:column; gap:7px; } @media (max-width:700px) { .ymp-msg-card-actions { align-items:flex-start; } } /* Override legacy module-local sizing while the remaining inline CSS is progressively extracted. */ body.ymp-managed-page :where(.ymp-register-hero,.ymp-portal-hero,.ymp-my-profile-hero,.ymp-msg-hero,.ymp-notification-hero,.ymp-prayer-hero,.ymp-activity-hero,.ymp-member-directory-hero,.ymp-fellowship-hero,.ymp-group-hero,.ymp-group-profile-hero,.ymp-events-hero,.ymp-map-hero) { padding:18px!important; border-radius:13px!important; } body.ymp-managed-page :where(.ymp-register-hero,.ymp-portal-hero,.ymp-my-profile-hero,.ymp-msg-hero,.ymp-notification-hero,.ymp-prayer-hero,.ymp-activity-hero,.ymp-member-directory-hero,.ymp-fellowship-hero,.ymp-group-hero,.ymp-group-profile-hero,.ymp-events-hero,.ymp-map-hero) h2 { font-size:clamp(1.45rem,2.4vw,1.9rem)!important; line-height:1.2!important; } body.ymp-managed-page :where(.ymp-portal,.ymp-my-profile,.messages,.ymp-message-thread,.ymp-compose-message,.ymp-member-directory,.ymp-nearby-members,.ymp-profile-view,.fellowships,.ymp-fellowship-view,.ymp-fellowship-dashboard,.ymp-events,.ymp-groups,.ymp-group-view,.ymp-group-dashboard,.ymp-prayer-wall,.ymp-submit-prayer,.notifications,.ymp-activity-feed) h1 { font-size:clamp(1.55rem,2.4vw,2rem)!important; } body.ymp-managed-page :where(.ymp-portal,.ymp-my-profile,.messages,.ymp-message-thread,.ymp-compose-message,.ymp-member-directory,.ymp-nearby-members,.ymp-profile-view,.fellowships,.ymp-fellowship-view,.ymp-fellowship-dashboard,.ymp-events,.ymp-groups,.ymp-group-view,.ymp-group-dashboard,.ymp-prayer-wall,.ymp-submit-prayer,.notifications,.ymp-activity-feed) h2 { font-size:clamp(1.22rem,2vw,1.5rem)!important; } body.ymp-managed-page :where(.ymp-portal,.ymp-my-profile,.messages,.ymp-message-thread,.ymp-compose-message,.ymp-member-directory,.ymp-nearby-members,.ymp-profile-view,.fellowships,.ymp-fellowship-view,.ymp-fellowship-dashboard,.ymp-events,.ymp-groups,.ymp-group-view,.ymp-group-dashboard,.ymp-prayer-wall,.ymp-submit-prayer,.notifications,.ymp-activity-feed) h3 { font-size:1.06rem!important; } body.ymp-managed-page :where(.ymp-group-card,.ymp-group-panel,.ymp-fellowship-card,.ymp-member-card,.ymp-profile-card,.ymp-event-card,.ymp-prayer-card,.ymp-notification-card,.ymp-msg-card,.ymp-my-profile-card) { padding:14px!important; border-radius:12px!important; } body.ymp-managed-page .ymp-member-profile :where(.ymp-profile-hero,.ymp-profile-card,.ymp-profile-hero-score,.ymp-profile-reputation-card,.ymp-profile-stat-card,.ymp-profile-info-box,.ymp-profile-fellowship-list li){border-radius:6px!important} body.ymp-managed-page :where(.ymp-group-stats strong,.ymp-group-snapshot strong,.ymp-notification-stat-card strong,.ymp-event-stat strong,.ymp-portal-stat-number) { font-size:25px!important; } /* Community reporting controls. */ .ymp-report-modal{display:inline-flex;position:relative;vertical-align:middle} .ymp-report-toggle{height:1px;opacity:0;pointer-events:none;position:absolute;width:1px} .ymp-report-flag-button{align-items:center;background:#fff5f5;border:1px solid #d63638;border-radius:4px;color:#b32d2e;cursor:pointer;display:inline-flex;font-size:0;font-weight:800;height:34px;justify-content:center;line-height:1;padding:0;position:relative;width:34px} .ymp-report-flag-glyph{display:block;height:19px;position:relative;width:18px} .ymp-report-flag-glyph:before{background:currentColor;border-radius:1px;content:"";height:19px;left:2px;position:absolute;top:0;width:2px} .ymp-report-flag-glyph:after{background:currentColor;border-radius:1px;box-shadow:0 1px 0 rgba(0,0,0,.12);content:"";height:11px;left:5px;position:absolute;top:1px;width:12px} .ymp-report-flag-button:hover,.ymp-report-flag-button:focus{background:#d63638;color:#fff;filter:none;outline:0;text-decoration:none} .ymp-report-overlay{background:rgba(0,0,0,.48);bottom:0;cursor:pointer;display:none;left:0;position:fixed;right:0;top:0;z-index:9998} .ymp-report-dialog{background:#fff;border:1px solid #dcdcde;border-radius:14px;box-shadow:0 20px 70px rgba(0,0,0,.28);display:none;left:50%;max-width:min(520px,calc(100vw - 32px));padding:0;position:fixed;top:50%;transform:translate(-50%,-50%);width:100%;z-index:9999} .ymp-report-toggle:checked~.ymp-report-overlay,.ymp-report-toggle:checked~.ymp-report-dialog{display:block} .ymp-report-dialog-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:14px 16px} .ymp-report-dialog-header h3{font-size:18px;line-height:1.25;margin:0} .ymp-report-close{align-items:center;border-radius:999px;color:#50575e;cursor:pointer;display:inline-flex;font-size:24px;font-weight:600;height:32px;justify-content:center;line-height:1;width:32px} .ymp-report-close:hover{background:#f0f0f1;color:#1d2327} .ymp-report-form{display:grid;gap:12px;margin:0;padding:16px} .ymp-report-form label{display:grid;font-size:13px;font-weight:800;gap:5px} .ymp-report-form select,.ymp-report-form textarea{background:#fff;border:1px solid #c3c4c7;border-radius:8px;color:#1d2327;font-size:14px;padding:8px} .ymp-report-dialog-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px} .ymp-report-submit{background:#b32d2e;border:1px solid #b32d2e;border-radius:999px;color:#fff;font-weight:800;padding:8px 13px;width:max-content} .ymp-report-cancel{border:1px solid #c3c4c7;border-radius:999px;color:#50575e;cursor:pointer;font-weight:800;padding:8px 13px} :root[data-ymp-theme="dark"] .ymp-report-flag-button{background:#3a1517;border-color:#ff9b9b;color:#ffdada} :root[data-ymp-theme="dark"] .ymp-report-dialog{background:var(--ymp-front-surface);border-color:var(--ymp-front-border);color:var(--ymp-front-text)} :root[data-ymp-theme="dark"] .ymp-report-dialog-header{border-color:#3c4043} :root[data-ymp-theme="dark"] .ymp-report-form select,:root[data-ymp-theme="dark"] .ymp-report-form textarea{background:var(--ymp-front-surface);border-color:var(--ymp-front-border);color:var(--ymp-front-text)} /* Beta.6.5: block-theme fallback navigation shortcode. */ .ymp-navigation-shortcode ul{align-items:center!important;display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:8px!important;list-style:none!important;margin:0!important;padding:0!important} .ymp-navigation-shortcode li{display:block!important;list-style:none!important;margin:0!important;padding:0!important} .ymp-navigation-shortcode a{align-items:center;border:1px solid var(--ymp-front-border,#dcdcde);border-radius:6px;color:var(--ymp-front-text,#1d2327);display:inline-flex;font-size:14px;font-weight:800;line-height:1.2;padding:8px 11px;text-decoration:none;white-space:nowrap} .ymp-navigation-shortcode a:hover,.ymp-navigation-shortcode a:focus{border-color:var(--ymp-front-primary,#2271b1);color:var(--ymp-front-primary,#2271b1);text-decoration:none} /* Beta.6.10: front-end Community Hub panels follow the same modal-inspired shape. */ body.ymp-managed-page :where(.ymp-register-hero,.ymp-portal-hero,.ymp-my-profile-hero,.ymp-msg-hero,.ymp-notification-hero,.ymp-prayer-hero,.ymp-activity-hero,.ymp-member-directory-hero,.ymp-fellowship-hero,.ymp-group-hero,.ymp-group-profile-hero,.ymp-events-hero,.ymp-map-hero), body.ymp-managed-page :where(.ymp-group-card,.ymp-group-panel,.ymp-fellowship-card,.ymp-member-card,.ymp-profile-card,.ymp-event-card,.ymp-prayer-card,.ymp-notification-card,.ymp-msg-card,.ymp-my-profile-card,.ymp-my-profile-save-card) { background:var(--ymp-front-surface,#fff)!important; border:1px solid var(--ymp-front-border,#d7dade)!important; border-left-width:1px!important; border-radius:8px!important; box-shadow:var(--ymp-front-shadow,0 14px 40px rgba(0,0,0,.055))!important; color:var(--ymp-front-text,#1d2327)!important; } body.ymp-managed-page :where(.ymp-register-hero,.ymp-portal-hero,.ymp-my-profile-hero,.ymp-msg-hero,.ymp-notification-hero,.ymp-prayer-hero,.ymp-activity-hero,.ymp-member-directory-hero,.ymp-fellowship-hero,.ymp-group-hero,.ymp-group-profile-hero,.ymp-events-hero,.ymp-map-hero) { background:var(--ymp-front-surface,#fff)!important; } body.ymp-managed-page :where(.ymp-status-pill,.ymp-type-pill,.ymp-member-badge,.ymp-my-profile-checkbox,.ymp-my-profile-checklist span,.ymp-my-profile-hero-meta span,.ymp-navigation-shortcode a,.ymp-report-submit,.ymp-report-cancel) { border-radius:6px!important; } .ymp-report-dialog { border-radius:8px!important; box-shadow:0 22px 70px rgba(0,0,0,.30)!important; } /* Beta.6.11.19: keep the full YMP front-end canvas, text, panels, and nav controls in the selected appearance mode. */ body.ymp-managed-page { background:var(--ymp-front-bg,#f6f7f7)!important; color:var(--ymp-front-text,#1d2327)!important; } body.ymp-managed-page :where(.wp-site-blocks,.site,.site-content,.content-area,.site-main,main,.entry-content,.wp-block-post-content,.wp-block-group,.wp-block-template-part) { background:var(--ymp-front-bg,#f6f7f7)!important; color:var(--ymp-front-text,#1d2327)!important; } body.ymp-managed-page :where(.ymp-portal,.ymp-my-profile,.messages,.ymp-message-thread,.ymp-compose-message,.ymp-member-directory,.ymp-nearby-members,.ymp-profile-view,.fellowships,.ymp-fellowship-view,.ymp-fellowship-dashboard,.ymp-events,.ymp-groups,.ymp-group-view,.ymp-group-dashboard,.ymp-prayer-wall,.ymp-submit-prayer,.notifications,.ymp-activity-feed,.ymp-community-map,.ymp-articles-wrap,.ymp-article-single,.ymp-article-editor,.ymp-login-page) { background:var(--ymp-front-bg,#f6f7f7)!important; color:var(--ymp-front-text,#1d2327)!important; } body.ymp-managed-page :where(.ymp-register-hero,.ymp-portal-hero,.ymp-my-profile-hero,.ymp-msg-hero,.ymp-notification-hero,.ymp-prayer-hero,.ymp-activity-hero,.ymp-member-directory-hero,.ymp-fellowship-hero,.ymp-group-hero,.ymp-group-profile-hero,.ymp-events-hero,.ymp-map-hero,.ymp-articles-hero,.ymp-article-filters,.ymp-article-form,.ymp-article-thread-list,.ymp-article-card,.ymp-article-interactions,.ymp-article-comments,.ymp-article-status-box,.ymp-article-empty,.ymp-article-single-header,.ymp-article-content,.ymp-responsive-table table,.ymp-login-card) { background:var(--ymp-front-surface,#fff)!important; border-color:var(--ymp-front-border,#dcdcde)!important; color:var(--ymp-front-text,#1d2327)!important; box-shadow:var(--ymp-front-shadow,0 4px 14px rgba(0,0,0,.05))!important; } body.ymp-managed-page :where(.ymp-article-thread-head,.ymp-article-thread-tags span,.ymp-article-thread-icon,.ymp-my-profile-checkbox,.ymp-my-profile-checklist span,.ymp-my-profile-hero-meta span) { background:var(--ymp-front-bg,#f6f7f7)!important; border-color:var(--ymp-front-border,#dcdcde)!important; color:var(--ymp-front-muted,#646970)!important; } body.ymp-managed-page :where(.ymp-article-thread) { border-color:var(--ymp-front-border,#dcdcde)!important; color:var(--ymp-front-text,#1d2327)!important; } body.ymp-managed-page :where(.ymp-article-thread:hover,.ymp-article-thread:focus) { background:var(--ymp-front-bg,#f6f7f7)!important; } body.ymp-managed-page :where(.ymp-kicker,.ymp-article-thread-excerpt,.ymp-article-thread-byline,.ymp-article-thread-replies small,.ymp-article-stars-text,.ymp-rating-help,.ymp-article-card-meta,.ymp-article-card-footer,.ymp-article-comment span,.ymp-articles-hero p,.ymp-my-profile-help) { color:var(--ymp-front-muted,#646970)!important; } body.ymp-managed-page :where(.ymp-article-thread-title,.ymp-article-card a:not(.ymp-article-button),.ymp-navigation-shortcode a) { color:var(--ymp-front-text,#1d2327)!important; } body.ymp-managed-page :where(.ymp-article-author-link,.ymp-article-comments-link) { color:var(--ymp-front-primary,#2271b1)!important; } body.ymp-managed-page :where(.ymp-navigation-shortcode a,.ymp-article-button:not(.ymp-article-button-primary),.ymp-article-open-thread,.ymp-my-profile-button-secondary,.ymp-login-actions a,.ymp-report-cancel) { background:var(--ymp-front-surface,#fff)!important; border-color:var(--ymp-front-border,#dcdcde)!important; color:var(--ymp-front-text,#1d2327)!important; } body.ymp-managed-page :where(.ymp-navigation-shortcode a:hover,.ymp-navigation-shortcode a:focus,.ymp-article-button:not(.ymp-article-button-primary):hover,.ymp-article-button:not(.ymp-article-button-primary):focus,.ymp-article-open-thread:hover,.ymp-article-open-thread:focus) { border-color:var(--ymp-front-primary,#2271b1)!important; color:var(--ymp-front-primary,#2271b1)!important; } body.ymp-managed-page :where(.ymp-article-button-primary,.ymp-article-thread:hover .ymp-article-open-thread,.ymp-login-card .button,.ymp-login-card input[type=submit],.ymp-report-submit,.ymp-my-profile-button-primary) { background:var(--ymp-front-primary,#2271b1)!important; border-color:var(--ymp-front-primary,#2271b1)!important; color:var(--ymp-front-primary-contrast,#fff)!important; } body.ymp-managed-page :where(input[type="text"],input[type="email"],input[type="password"],input[type="search"],input[type="url"],input[type="number"],input[type="date"],input[type="datetime-local"],select,textarea) { background:var(--ymp-front-surface,#fff)!important; border-color:var(--ymp-front-border,#dcdcde)!important; color:var(--ymp-front-text,#1d2327)!important; } body.ymp-managed-page input::placeholder, body.ymp-managed-page textarea::placeholder { color:var(--ymp-front-muted,#646970)!important; } /* Login page. */ .ymp-login-page{display:flex;justify-content:center;margin:24px auto;max-width:760px} .ymp-login-card{background:#fff;border:1px solid #dcdcde;border-radius:6px;box-shadow:0 10px 30px rgba(0,0,0,.06);padding:24px;width:min(100%,520px)} .ymp-login-card h2{font-size:28px;line-height:1.15;margin:0 0 8px} .ymp-login-card form{display:grid;gap:12px;margin:18px 0 0} .ymp-login-card label{font-weight:800} .ymp-login-card input[type=text],.ymp-login-card input[type=password]{border:1px solid #c3c4c7;border-radius:4px;box-sizing:border-box;min-height:40px;padding:8px 10px;width:100%} .ymp-login-card .login-remember label{align-items:center;display:flex;font-weight:700;gap:8px} .ymp-login-card .button,.ymp-login-card input[type=submit]{background:#2271b1;border:1px solid #2271b1;border-radius:4px;color:#fff;cursor:pointer;font-weight:800;min-height:40px;padding:8px 16px} .ymp-login-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px} .ymp-login-register-prompt{font-weight:700;margin:16px 0 0} :root[data-ymp-theme="dark"] .ymp-login-card{background:var(--ymp-front-surface);border-color:var(--ymp-front-border);color:var(--ymp-front-text)} :root[data-ymp-theme="dark"] .ymp-login-card input[type=text],:root[data-ymp-theme="dark"] .ymp-login-card input[type=password]{background:var(--ymp-front-surface);border-color:var(--ymp-front-border);color:var(--ymp-front-text)} /* Beta.6.11.20: broad member-facing dark-mode hardening for legacy inline white surfaces. */ body.ymp-managed-page :where(.ymp-portal,.ymp-my-profile,.ymp-member-directory,.ymp-nearby-members,.ymp-member-profile,.ymp-profile-view,.ymp-groups,.fellowships,.ymp-fellowship-events,.ymp-fellowship-dashboard,.ymp-fellowship-profile,.ymp-nearby-fellowships,.ymp-create-fellowship,.messages,.ymp-message-thread,.ymp-compose-message,.notifications,.ymp-prayer-wall,.ymp-submit-prayer,.ymp-activity-feed,.ymp-map,.ymp-community-map,.ymp-articles-wrap,.ymp-article-single,.ymp-article-editor,.ymp-register-page,.ymp-login-page) { background:var(--ymp-front-bg,#f6f7f7)!important; color:var(--ymp-front-text,#1d2327)!important; } body.ymp-managed-page :where(.ymp-portal,.ymp-my-profile,.ymp-member-directory,.ymp-nearby-members,.ymp-member-profile,.ymp-profile-view,.ymp-groups,.fellowships,.ymp-fellowship-events,.ymp-fellowship-dashboard,.ymp-fellowship-profile,.ymp-nearby-fellowships,.ymp-create-fellowship,.messages,.ymp-message-thread,.ymp-compose-message,.notifications,.ymp-prayer-wall,.ymp-submit-prayer,.ymp-activity-feed,.ymp-map,.ymp-community-map,.ymp-articles-wrap,.ymp-article-single,.ymp-article-editor,.ymp-register-page,.ymp-login-page) :where([class$="-hero"],[class*="-hero "],[class$="-card"],[class*="-card "],[class$="-panel"],[class*="-panel "],[class$="-empty"],[class*="-empty "],[class$="-filter"],[class*="-filter "],[class$="-filters"],[class*="-filters "],[class$="-toolbar"],[class*="-toolbar "],[class$="-sidebar"],[class*="-sidebar "],[class$="-brand"],[class*="-brand "],[class$="-notice"],[class*="-notice "],[class$="-dialog"],[class*="-dialog "],[class$="-modal"],[class*="-modal "]) { background:var(--ymp-front-surface,#fff)!important; border-color:var(--ymp-front-border,#dcdcde)!important; box-shadow:var(--ymp-front-shadow,0 4px 14px rgba(0,0,0,.05))!important; color:var(--ymp-front-text,#1d2327)!important; } body.ymp-managed-page :where(.ymp-portal-stat,.ymp-group-stats>div,.ymp-group-snapshot>div,.ymp-notification-stat-card,.ymp-event-stat,.ymp-events-dashboard-card,.ymp-events-rsvp-card,.ymp-events-fellowship-card,.ymp-profile-stat-card,.ymp-profile-reputation-card,.ymp-profile-info-box,.ymp-profile-hero-score,.ymp-fd-summary-card,.ymp-fd-fellowship-card,.ymp-fd-member-card,.ymp-fd-request-card,.ymp-portal-sidebar,.ymp-member-directory-filter-panel,.ymp-member-directory-filters,.ymp-group-filter,.ymp-group-empty,.ymp-map-shell,.ymp-map-toolbar,.ymp-map-filters,.ymp-map-nearby-counts,.ymp-map-nearby-status,.ymp-member-directory-grid,.ymp-member-directory-hero-meta span,.ymp-member-directory-country-option,.ymp-member-directory-pill,.ymp-portal-pill,.ymp-portal-check,.ymp-portal-empty,.ymp-portal-progress,.ymp-group-tabs a,.ymp-group-member-card,.ymp-group-member-list article,.ymp-group-pills span,.ymp-group-notice,.ymp-events-view-tabs a,.ymp-events-month-board,.ymp-events-month-day,.ymp-events-month-event,.ymp-events-filter-bar,.ymp-events-create-panel,.ymp-events-past-panel,.ymp-event-rsvp-form,.ymp-event-current-rsvp,.ymp-create-fellowship-card,.ymp-create-fellowship-submit,.ymp-nearby-card,.ymp-fellowship-card,.ymp-fellowship-profile-card,.ymp-fellowship-member-card,.ymp-profile-fellowship-list li,.ymp-profile-completion-list li,.ymp-msg-tab,.ymp-notification-tabs a,.ymp-activity-feed-list,.ymp-activity-feed-item) { background:var(--ymp-front-surface,#fff)!important; border-color:var(--ymp-front-border,#dcdcde)!important; color:var(--ymp-front-text,#1d2327)!important; } body.ymp-managed-page :where(.ymp-portal-brand,.ymp-portal-event,.ymp-portal-card:hover,.ymp-member-directory-hero,.ymp-group-hero,.ymp-group-profile-hero,.ymp-events-hero,.ymp-fellowship-hero,.ymp-fd-hero,.ymp-nearby-hero,.ymp-profile-hero,.ymp-map-hero,.ymp-prayer-hero,.ymp-activity-hero,.ymp-msg-hero,.ymp-notification-hero,.ymp-create-fellowship-hero,.ymp-register-hero) { background:var(--ymp-front-surface,#fff)!important; border-color:var(--ymp-front-border,#dcdcde)!important; color:var(--ymp-front-text,#1d2327)!important; } body.ymp-managed-page :where(.ymp-portal-nav-link,.ymp-portal-button,.ymp-group-button:not(.primary),.ymp-member-directory-button-secondary,.ymp-profile-button-secondary,.ymp-events-button-secondary,.ymp-fellowship-button:not(.ymp-fellowship-button-primary),.ymp-fellowship-profile-button:not(.ymp-fellowship-profile-button-primary),.ymp-nearby-button:not(.ymp-nearby-button-primary),.ymp-msg-button-secondary,.ymp-notification-button,.ymp-prayer-button-secondary,.ymp-map-button) { background:var(--ymp-front-surface,#fff)!important; border-color:var(--ymp-front-border,#dcdcde)!important; color:var(--ymp-front-text,#1d2327)!important; } body.ymp-managed-page :where(.ymp-portal-nav-link:hover,.ymp-portal-nav-link:focus,.ymp-portal-button:hover,.ymp-portal-button:focus,.ymp-group-button:not(.primary):hover,.ymp-group-button:not(.primary):focus,.ymp-member-directory-button-secondary:hover,.ymp-member-directory-button-secondary:focus,.ymp-profile-button-secondary:hover,.ymp-profile-button-secondary:focus,.ymp-events-button-secondary:hover,.ymp-events-button-secondary:focus,.ymp-fellowship-button:not(.ymp-fellowship-button-primary):hover,.ymp-fellowship-button:not(.ymp-fellowship-button-primary):focus,.ymp-fellowship-profile-button:not(.ymp-fellowship-profile-button-primary):hover,.ymp-fellowship-profile-button:not(.ymp-fellowship-profile-button-primary):focus,.ymp-nearby-button:not(.ymp-nearby-button-primary):hover,.ymp-nearby-button:not(.ymp-nearby-button-primary):focus,.ymp-msg-button-secondary:hover,.ymp-msg-button-secondary:focus,.ymp-notification-button:hover,.ymp-notification-button:focus,.ymp-prayer-button-secondary:hover,.ymp-prayer-button-secondary:focus,.ymp-map-button:hover,.ymp-map-button:focus) { border-color:var(--ymp-front-primary,#2271b1)!important; color:var(--ymp-front-primary,#2271b1)!important; } body.ymp-managed-page :where(.ymp-portal-nav-link[aria-current="page"],.ymp-portal-button-primary,.ymp-group-button.primary,.ymp-member-directory-button-primary,.ymp-profile-button-primary,.ymp-events-button-primary,.ymp-fellowship-button-primary,.ymp-fellowship-profile-button-primary,.ymp-nearby-button-primary,.ymp-msg-button-primary,.ymp-prayer-button-primary,.ymp-create-fellowship-button,.ymp-login-card .button,.ymp-login-card input[type="submit"]) { background:var(--ymp-front-primary,#2271b1)!important; border-color:var(--ymp-front-primary,#2271b1)!important; color:var(--ymp-front-primary-contrast,#fff)!important; } body.ymp-managed-page :where(.ymp-portal-hero p,.ymp-portal-brand span,.ymp-portal-stat span,.ymp-portal-section-intro p,.ymp-portal-panel p,.ymp-portal-event p,.ymp-portal-card-description,.ymp-portal-card-footer,.ymp-member-directory-hero p,.ymp-member-directory-location,.ymp-member-directory-date,.ymp-member-directory-filter-heading span,.ymp-member-directory-filter-empty,.ymp-group-hero p,.ymp-group-profile-hero p,.ymp-group-stats span,.ymp-group-snapshot span,.ymp-group-card p,.ymp-group-card-meta,.ymp-group-member-card span,.ymp-group-member-list span,.ymp-group-form label small,.ymp-profile-location,.ymp-profile-stat-label,.ymp-profile-reputation-note,.ymp-profile-activity-time,.ymp-fellowship-card-location,.ymp-fellowship-description,.ymp-nearby-meta,.ymp-nearby-description,.ymp-fd-hero-meta,.ymp-msg-meta,.ymp-recipient-help,.ymp-notification-meta,.ymp-event-meta,.ymp-events-hero-meta,.ymp-prayer-meta,.ymp-activity-feed-time,.ymp-map-popup-meta) { color:var(--ymp-front-muted,#646970)!important; } body.ymp-managed-page :where(.ymp-portal-stat strong,.ymp-group-stats strong,.ymp-group-snapshot strong,.ymp-member-directory-card h3,.ymp-member-directory-card h3 a,.ymp-group-card h3,.ymp-group-card h3 a,.ymp-portal-card strong,.ymp-event-card h3,.ymp-fellowship-card h3,.ymp-nearby-card h3,.ymp-msg-person strong,.ymp-notification-card strong,.ymp-profile-stat-number,.ymp-profile-reputation-score) { color:var(--ymp-front-text,#1d2327)!important; } body.ymp-managed-page :where(.ymp-portal a:not(.ymp-portal-button):not(.ymp-portal-nav-link),.ymp-member-directory a:not(.ymp-member-directory-button),.ymp-groups a:not(.ymp-group-button),.ymp-member-profile a:not(.ymp-profile-button),.fellowships a:not(.ymp-fellowship-button),.ymp-fellowship-profile a:not(.ymp-fellowship-profile-button),.ymp-nearby-fellowships a:not(.ymp-nearby-button),.messages a:not(.ymp-msg-button),.notifications a:not(.ymp-notification-button),.ymp-prayer-wall a:not(.ymp-prayer-button),.ymp-map a:not(.ymp-map-button)) { color:var(--ymp-front-primary,#2271b1)!important; } body.ymp-managed-page :where(.ymp-portal input,.ymp-portal select,.ymp-portal textarea,.ymp-member-directory input,.ymp-member-directory select,.ymp-member-directory textarea,.ymp-groups input,.ymp-groups select,.ymp-groups textarea,.fellowships input,.fellowships select,.fellowships textarea,.ymp-fellowship-events input,.ymp-fellowship-events select,.ymp-fellowship-events textarea,.ymp-fellowship-dashboard input,.ymp-fellowship-dashboard select,.ymp-fellowship-dashboard textarea,.ymp-create-fellowship input,.ymp-create-fellowship select,.ymp-create-fellowship textarea,.messages input,.messages select,.messages textarea,.notifications input,.notifications select,.notifications textarea,.ymp-prayer-wall input,.ymp-prayer-wall select,.ymp-prayer-wall textarea,.ymp-submit-prayer input,.ymp-submit-prayer select,.ymp-submit-prayer textarea,.ymp-map input,.ymp-map select,.ymp-map textarea) { background:var(--ymp-front-surface,#fff)!important; border-color:var(--ymp-front-border,#dcdcde)!important; color:var(--ymp-front-text,#1d2327)!important; } body.ymp-managed-page :where(.ymp-portal-progress,.ymp-events-progress,.ymp-event-progress,.ymp-profile-completion-bar) { background:var(--ymp-front-bg,#f6f7f7)!important; border:1px solid var(--ymp-front-border,#dcdcde)!important; } :root[data-ymp-theme="dark"] body.ymp-managed-page :where(.ymp-portal-pill-active,.ymp-portal-pill-going,.ymp-portal-check-complete,.ymp-my-profile-status-active,.ymp-group-pills span.accent) { background:#173f29!important; border-color:#3c8057!important; color:#a8e6ba!important; } :root[data-ymp-theme="dark"] body.ymp-managed-page :where(.ymp-portal-pill-pending,.ymp-portal-pill-maybe,.ymp-group-notice) { background:#4b3b12!important; border-color:#8a6d1f!important; color:#ffe08a!important; } :root[data-ymp-theme="dark"] body.ymp-managed-page :where(.ymp-portal-pill-rejected,.ymp-portal-pill-declined) { background:#4f2527!important; border-color:#864247!important; color:#ffb4b7!important; } @media (prefers-color-scheme:dark) { :root:not([data-ymp-theme="light"]):not([data-ymp-theme="dark"]) body.ymp-managed-page :where(.ymp-portal-pill-active,.ymp-portal-pill-going,.ymp-portal-check-complete,.ymp-my-profile-status-active,.ymp-group-pills span.accent) { background:#173f29!important; border-color:#3c8057!important; color:#a8e6ba!important; } :root:not([data-ymp-theme="light"]):not([data-ymp-theme="dark"]) body.ymp-managed-page :where(.ymp-portal-pill-pending,.ymp-portal-pill-maybe,.ymp-group-notice) { background:#4b3b12!important; border-color:#8a6d1f!important; color:#ffe08a!important; } :root:not([data-ymp-theme="light"]):not([data-ymp-theme="dark"]) body.ymp-managed-page :where(.ymp-portal-pill-rejected,.ymp-portal-pill-declined) { background:#4f2527!important; border-color:#864247!important; color:#ffb4b7!important; } } /* Beta.6.11.21: tighten dark-mode coverage for Community Map controls/status rows and legacy headings. */ body.ymp-managed-page :where(.ymp-community-map,.ymp-map-wrap) { background:var(--ymp-front-bg,#f6f7f7)!important; color:var(--ymp-front-text,#1d2327)!important; } body.ymp-managed-page :where(.ymp-map-shell,.ymp-map-toolbar,.ymp-map-status-row) { background:var(--ymp-front-surface,#fff)!important; border-color:var(--ymp-front-border,#dcdcde)!important; color:var(--ymp-front-text,#1d2327)!important; } body.ymp-managed-page :where(.ymp-map-status-row,.ymp-map-toggle,.ymp-map-filter-group) { background:var(--ymp-front-bg,#f6f7f7)!important; border-color:var(--ymp-front-border,#dcdcde)!important; color:var(--ymp-front-text,#1d2327)!important; } body.ymp-managed-page :where(.ymp-map-toggle:hover,.ymp-map-toggle:focus-within,.ymp-map-filter-group:hover,.ymp-map-filter-group:focus-within) { border-color:var(--ymp-front-primary,#2271b1)!important; } body.ymp-managed-page :where(.ymp-map-hero h2,.ymp-member-directory-hero h2,.ymp-member-directory h1,.ymp-member-directory h2,.ymp-member-directory h3,.ymp-groups h1,.ymp-groups h2,.ymp-groups h3,.ymp-community-map h1,.ymp-community-map h2,.ymp-community-map h3) { color:var(--ymp-front-text,#1d2327)!important; } body.ymp-managed-page :where(.ymp-map-hero p,.ymp-map-nearby-status,.ymp-member-directory-hero p,.ymp-member-directory-hero-meta span) { color:var(--ymp-front-muted,#646970)!important; } body.ymp-managed-page :where(.ymp-map,.ymp-map.leaflet-container,.ymp-map .leaflet-container) { background:var(--ymp-front-bg,#f6f7f7)!important; color:var(--ymp-front-text,#1d2327)!important; } body.ymp-managed-page :where(.ymp-map .leaflet-control-zoom a,.ymp-map .leaflet-bar a,.ymp-map .leaflet-control-attribution,.ymp-map .leaflet-popup-content-wrapper,.ymp-map .leaflet-popup-tip) { background:var(--ymp-front-surface,#fff)!important; border-color:var(--ymp-front-border,#dcdcde)!important; color:var(--ymp-front-text,#1d2327)!important; } body.ymp-managed-page :where(.ymp-map-button.button-primary) { background:var(--ymp-front-primary,#2271b1)!important; border-color:var(--ymp-front-primary,#2271b1)!important; color:var(--ymp-front-primary-contrast,#fff)!important; } /* Beta.6.11.22: light/dark polish for directory filters and create-fellowship submit flow. */ body.ymp-managed-page :where(.ymp-member-directory-filter-toggle) { background:var(--ymp-front-surface,#fff)!important; border:1px solid var(--ymp-front-border,#dcdcde)!important; color:var(--ymp-front-text,#1d2327)!important; box-shadow:var(--ymp-front-shadow,0 4px 14px rgba(0,0,0,.05))!important; } body.ymp-managed-page :where(.ymp-member-directory-filter-toggle:hover,.ymp-member-directory-filter-toggle:focus) { border-color:var(--ymp-front-primary,#2271b1)!important; color:var(--ymp-front-primary,#2271b1)!important; } body.ymp-managed-page :where(.ymp-member-directory-filter-toggle em) { background:var(--ymp-front-primary,#2271b1)!important; color:var(--ymp-front-primary-contrast,#fff)!important; } body.ymp-managed-page :where(.ymp-create-fellowship-submit) { background:var(--ymp-front-surface,#fff)!important; border-color:var(--ymp-front-border,#dcdcde)!important; color:var(--ymp-front-text,#1d2327)!important; } body.ymp-managed-page :where(.ymp-create-fellowship-submit p,.ymp-create-fellowship-help) { color:var(--ymp-front-muted,#646970)!important; } body.ymp-managed-page :where(.ymp-create-fellowship-button,.ymp-create-fellowship-button:hover,.ymp-create-fellowship-button:focus) { background:var(--ymp-front-primary,#2271b1)!important; border-color:var(--ymp-front-primary,#2271b1)!important; color:var(--ymp-front-primary-contrast,#fff)!important; } /* Profile preferences tabs and notification controls. */ .ymp-profile-tabs { border-bottom:1px solid var(--ymp-front-border); display:flex; flex-wrap:wrap; gap:6px; margin:0 0 20px; padding:0 4px; } .ymp-profile-tabs a { border:1px solid transparent; border-bottom:0; border-radius:8px 8px 0 0; color:var(--ymp-front-muted); font-weight:800; margin-bottom:-1px; padding:10px 14px; text-decoration:none; } .ymp-profile-tabs a:hover,.ymp-profile-tabs a:focus { color:var(--ymp-front-primary); } .ymp-profile-tabs a.active { background:var(--ymp-front-surface); border-color:var(--ymp-front-border); color:var(--ymp-front-primary); } .ymp-preferences-form { max-width:900px; } .ymp-preference-grid { display:grid; gap:10px; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); } .ymp-preference-option { align-items:flex-start; background:var(--ymp-front-bg); border:1px solid var(--ymp-front-border); border-radius:10px; cursor:pointer; display:flex!important; font-weight:700; gap:10px; margin:0!important; padding:12px; } .ymp-preference-option input { flex:0 0 auto; margin:3px 0 0; } .ymp-preference-option:has(input:checked) { border-color:var(--ymp-front-primary); box-shadow:0 0 0 1px var(--ymp-front-primary); } .ymp-preferences-save-card { max-width:300px; position:static; } @media (max-width:600px) { .ymp-profile-tabs a { flex:1 1 auto; text-align:center; } .ymp-preference-grid { grid-template-columns:1fr; } } /* Beta.6.11.26: consistent site navigation and front-end account controls. */ .ymp-navigation-shell { align-items:center; box-sizing:border-box; display:flex; flex-wrap:wrap; gap:10px; justify-content:flex-end; max-width:100%; width:100%; } .ymp-navigation-shell .ymp-navigation-shortcode { width:auto; } .ymp-user-bar { align-items:center; display:flex; flex-wrap:wrap; gap:8px; } .ymp-user-bar-user, .ymp-user-bar a, .ymp-user-bar-item .ymp-user-bar-user, .ymp-nav-logout > a { align-items:center; background:var(--ymp-front-surface,#fff); border:1px solid var(--ymp-front-border,#dcdcde); border-radius:6px; box-sizing:border-box; color:var(--ymp-front-text,#1d2327); display:inline-flex; font-size:14px; font-weight:800; line-height:1.2; min-height:34px; padding:8px 11px; text-decoration:none; white-space:nowrap; } .ymp-user-bar-user, .ymp-user-bar-item .ymp-user-bar-user { background:var(--ymp-front-bg,#f6f7f7); color:var(--ymp-front-muted,#646970); } .ymp-user-bar a:hover, .ymp-user-bar a:focus, .ymp-nav-logout > a:hover, .ymp-nav-logout > a:focus { border-color:var(--ymp-front-primary,#2271b1); color:var(--ymp-front-primary,#2271b1); text-decoration:none; } .ymp-navigation-shortcode .ymp-nav-register > a, .wp-block-navigation .ymp-nav-register > a, .menu-item.ymp-nav-register > a { background:var(--ymp-front-primary,#2271b1)!important; border-color:var(--ymp-front-primary,#2271b1)!important; color:var(--ymp-front-primary-contrast,#fff)!important; } .ymp-navigation-shortcode .ymp-nav-register > a:hover, .ymp-navigation-shortcode .ymp-nav-register > a:focus, .wp-block-navigation .ymp-nav-register > a:hover, .wp-block-navigation .ymp-nav-register > a:focus, .menu-item.ymp-nav-register > a:hover, .menu-item.ymp-nav-register > a:focus { color:var(--ymp-front-primary-contrast,#fff)!important; filter:brightness(.94); } @media (max-width:780px) { .ymp-navigation-shell { align-items:flex-start; justify-content:flex-start; } .ymp-user-bar { width:100%; } } .ymp-user-menu { margin:0; position:relative; } .ymp-user-bar-summary { align-items:center; background:var(--ymp-front-bg,#f6f7f7); border:1px solid var(--ymp-front-border,#dcdcde); border-radius:6px; box-sizing:border-box; color:var(--ymp-front-muted,#646970); cursor:pointer; display:inline-flex; font-size:14px; font-weight:800; line-height:1.2; list-style:none; min-height:34px; padding:8px 11px; white-space:nowrap; } .ymp-user-bar-summary::-webkit-details-marker { display:none; } .ymp-user-bar-summary::marker { content:""; } .ymp-user-bar-summary::after { content:none; display:none; } .ymp-user-bar-summary:hover,.ymp-user-bar-summary:focus { border-color:var(--ymp-front-primary,#2271b1); color:var(--ymp-front-primary,#2271b1); outline:0; } .ymp-user-menu-panel { background:var(--ymp-front-surface,#fff); border:1px solid var(--ymp-front-border,#dcdcde); border-radius:10px; box-shadow:0 12px 35px rgba(0,0,0,.16); display:grid; gap:4px; min-width:210px; padding:7px; position:absolute; right:0; top:calc(100% + 7px); z-index:999; } .ymp-user-menu-panel a { align-items:center; background:transparent!important; border:0!important; border-radius:7px!important; box-sizing:border-box; color:var(--ymp-front-text,#1d2327)!important; display:flex!important; font-size:14px; font-weight:750; justify-content:space-between; line-height:1.25; padding:9px 10px!important; text-decoration:none!important; width:100%; } .ymp-user-menu-panel a:hover,.ymp-user-menu-panel a:focus { background:var(--ymp-front-bg,#f6f7f7)!important; } .ymp-user-menu-count { background:var(--ymp-front-primary,#2271b1); border-radius:999px; color:var(--ymp-front-primary-contrast,#fff); font-size:11px; min-width:20px; padding:2px 6px; text-align:center; } @media (max-width:780px) { .ymp-user-menu-panel { left:0; right:auto; } } /* Beta.6.11.27: professional authentication surfaces and reliable form alignment. */ body.ymp-managed-page .ymp-login-page { background:transparent!important; } body.ymp-managed-page .ymp-login-card { border-radius:18px!important; padding:clamp(26px,5vw,46px)!important; } body.ymp-managed-page .ymp-login-form-shell { background:var(--ymp-front-bg,#f6f7f7)!important; border:1px solid var(--ymp-front-border,#dcdcde)!important; border-radius:14px!important; padding:20px!important; } body.ymp-managed-page .ymp-register-modern { background:var(--ymp-front-surface,#fff)!important; border-color:var(--ymp-front-border,#dcdcde)!important; } body.ymp-managed-page .ymp-register-card { background:var(--ymp-front-bg,#f6f7f7)!important; border-color:var(--ymp-front-border,#dcdcde)!important; } body.ymp-managed-page .ymp-register-hero { border-radius:18px!important; padding:clamp(26px,5vw,42px)!important; } body.ymp-managed-page .ymp-register-card { border-radius:12px!important; padding:18px!important; } /* Ministry affiliation privacy controls */ .ymp-affiliation-privacy-list { display: grid; gap: 10px; } .ymp-affiliation-privacy-row { align-items: center; border: 1px solid #e3e3e3; border-radius: 10px; display: flex; gap: 12px; justify-content: space-between; padding: 11px 12px; } .ymp-affiliation-privacy-row span, .ymp-affiliation-privacy-row small { display: block; } .ymp-affiliation-privacy-row small { color: #646970; font-weight: 600; margin-top: 2px; } @media (max-width: 640px) { .ymp-affiliation-privacy-row { align-items: stretch; flex-direction: column; } } /* Beta.6.12.2: centred ministry profile and complete theme-aware official-channel branding. */ body.ymp-managed-page .ymp-org-profile { --ymp-org-accent:var(--ymp-front-primary,#2271b1); --ymp-org-surface:var(--ymp-front-surface,#fff); --ymp-org-canvas:var(--ymp-front-bg,#f6f7f7); --ymp-org-text:var(--ymp-front-text,#1d2327); --ymp-org-muted:var(--ymp-front-muted,#646970); --ymp-org-border:var(--ymp-front-border,#dcdcde); box-sizing:border-box; clear:both; color:var(--ymp-org-text)!important; float:none!important; font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; left:auto!important; margin:0 auto 56px!important; max-width:1180px!important; position:relative; right:auto!important; transform:none!important; width:min(1180px,calc(100vw - 32px))!important; } body.ymp-managed-page .ymp-org-profile *, body.ymp-managed-page .ymp-org-profile *::before, body.ymp-managed-page .ymp-org-profile *::after { box-sizing:border-box; } body.ymp-managed-page .ymp-org-breadcrumb { align-items:center; color:var(--ymp-org-muted); display:flex; flex-wrap:wrap; font-size:13px; font-weight:700; gap:8px; margin:0 0 12px; } body.ymp-managed-page .ymp-org-breadcrumb a { color:var(--ymp-org-accent)!important; text-decoration:none; } body.ymp-managed-page .ymp-org-breadcrumb a:hover { text-decoration:underline; } body.ymp-managed-page .ymp-org-cover { background-color:#17243a; background-position:center; background-size:cover; border:1px solid rgba(255,255,255,.12); border-radius:24px; box-shadow:0 18px 48px rgba(15,23,42,.18); color:#fff; min-height:390px; overflow:hidden; position:relative; } body.ymp-managed-page .ymp-org-cover-fallback { background-image: radial-gradient(circle at 18% 20%,rgba(119,158,203,.42),transparent 35%), radial-gradient(circle at 82% 18%,rgba(213,164,77,.30),transparent 34%), linear-gradient(135deg,#101a2b 0%,#273c5d 52%,#142238 100%); } body.ymp-managed-page .ymp-org-cover-overlay { background:linear-gradient(180deg,rgba(5,10,18,.08) 14%,rgba(5,10,18,.48) 58%,rgba(5,10,18,.88) 100%); inset:0; position:absolute; } body.ymp-managed-page .ymp-org-cover-content { align-items:end; bottom:0; display:grid; gap:24px; grid-template-columns:minmax(0,1fr) auto; left:0; padding:34px; position:absolute; right:0; z-index:1; } body.ymp-managed-page .ymp-org-identity { align-items:end; display:flex; gap:22px; min-width:0; } body.ymp-managed-page .ymp-org-logo { align-items:center; background:#fff; border:4px solid rgba(255,255,255,.96); border-radius:50%; box-shadow:0 12px 32px rgba(0,0,0,.32); display:flex; flex:0 0 132px; height:132px; justify-content:center; overflow:hidden; width:132px; } body.ymp-managed-page .ymp-org-logo img { height:100%; object-fit:cover; width:100%; } body.ymp-managed-page .ymp-org-logo > span { color:#172033; font-size:36px; font-weight:900; letter-spacing:-.04em; } body.ymp-managed-page .ymp-org-heading { min-width:0; text-shadow:0 2px 14px rgba(0,0,0,.45); } body.ymp-managed-page .ymp-org-heading h1 { color:#fff!important; font-size:clamp(32px,4.3vw,54px)!important; font-weight:800; letter-spacing:-.035em; line-height:1.02!important; margin:10px 0 8px!important; overflow-wrap:anywhere; } body.ymp-managed-page .ymp-org-tagline { color:rgba(255,255,255,.92)!important; font-size:16px; font-weight:600; margin:0 0 9px; } body.ymp-managed-page .ymp-org-location { align-items:center; color:rgba(255,255,255,.82)!important; display:flex; font-size:13px; font-weight:700; gap:8px; margin:0; } body.ymp-managed-page .ymp-org-location > span { color:#ff6b81; font-size:9px; } body.ymp-managed-page .ymp-org-badges { display:flex; flex-wrap:wrap; gap:7px; } body.ymp-managed-page .ymp-org-badges span { backdrop-filter:blur(10px); background:rgba(8,15,25,.42)!important; border:1px solid rgba(255,255,255,.28)!important; border-radius:999px!important; color:#fff!important; font-size:11px; font-weight:800; letter-spacing:.015em; padding:6px 9px; text-shadow:none; } body.ymp-managed-page .ymp-org-badges .verified { background:rgba(14,111,62,.86)!important; border-color:rgba(177,238,203,.55)!important; } body.ymp-managed-page .ymp-org-badges .unclaimed { background:rgba(129,83,10,.88)!important; border-color:rgba(255,220,143,.58)!important; } body.ymp-managed-page .ymp-org-primary-actions { align-items:stretch; display:grid; gap:9px; min-width:178px; } body.ymp-managed-page .ymp-org-inline-form { margin:0; } body.ymp-managed-page .ymp-org-button, body.ymp-managed-page .ymp-org-membership-state { align-items:center; border-radius:10px!important; display:flex; font-size:13px!important; font-weight:800; justify-content:center; line-height:1.2; min-height:42px!important; padding:10px 15px!important; text-align:center; text-decoration:none!important; transition:transform .16s ease,box-shadow .16s ease,filter .16s ease; width:100%; } body.ymp-managed-page .ymp-org-button:hover { box-shadow:0 9px 24px rgba(0,0,0,.22); transform:translateY(-1px); } body.ymp-managed-page .ymp-org-button-icon { align-items:center; background:rgba(255,255,255,.18); border:1px solid rgba(255,255,255,.24); border-radius:999px; display:inline-flex; flex:0 0 22px; font-size:13px; height:22px; justify-content:center; margin-right:7px; width:22px; } body.ymp-managed-page .ymp-org-button-secondary .ymp-org-button-icon { background:#eef3f8; border-color:#d9e2ec; color:#172033; } body.ymp-managed-page .ymp-org-button-primary { background:var(--ymp-org-accent)!important; border:1px solid var(--ymp-org-accent)!important; color:var(--ymp-front-primary-contrast,#fff)!important; } body.ymp-managed-page .ymp-org-button-secondary, body.ymp-managed-page .ymp-org-membership-state { background:rgba(255,255,255,.96)!important; border:1px solid rgba(255,255,255,.86)!important; color:#172033!important; } body.ymp-managed-page .ymp-org-stats { display:grid; gap:12px; grid-template-columns:repeat(4,minmax(0,1fr)); margin:16px 0; } body.ymp-managed-page .ymp-org-stat { align-items:center; background:var(--ymp-org-surface)!important; border:1px solid var(--ymp-org-border)!important; border-radius:16px; box-shadow:var(--ymp-front-shadow,0 4px 14px rgba(0,0,0,.05)); display:flex; gap:12px; min-height:82px; padding:15px; } body.ymp-managed-page .ymp-org-stat-icon { align-items:center; background:color-mix(in srgb,var(--ymp-org-accent) 12%,var(--ymp-org-surface)); border:1px solid color-mix(in srgb,var(--ymp-org-accent) 25%,var(--ymp-org-border)); border-radius:12px; color:var(--ymp-org-accent); display:flex; flex:0 0 42px; font-size:15px; height:42px; justify-content:center; width:42px; } body.ymp-managed-page .ymp-org-stat strong { color:var(--ymp-org-text)!important; display:block; font-size:23px; line-height:1; } body.ymp-managed-page .ymp-org-stat div > span { color:var(--ymp-org-muted)!important; display:block; font-size:11px; font-weight:800; margin-top:5px; text-transform:uppercase; } body.ymp-managed-page .ymp-org-utility-row { align-items:center; color:var(--ymp-org-muted); display:flex; flex-wrap:wrap; font-size:12px; gap:10px 14px; justify-content:flex-end; margin:0 2px 16px; } body.ymp-managed-page .ymp-org-utility-row > span { margin-right:auto; } body.ymp-managed-page .ymp-org-utility-row a { color:var(--ymp-org-accent)!important; font-weight:700; } body.ymp-managed-page .ymp-org-layout { align-items:start; display:grid; gap:20px; grid-template-columns:minmax(0,1.85fr) minmax(300px,.82fr); } body.ymp-managed-page .ymp-org-main { min-width:0; } body.ymp-managed-page .ymp-org-sidebar { min-width:0; position:sticky; top:24px; } body.ymp-managed-page .ymp-org-card, body.ymp-managed-page .ymp-org-claim-panel { background:var(--ymp-org-surface)!important; border:1px solid var(--ymp-org-border)!important; border-radius:18px!important; box-shadow:var(--ymp-front-shadow,0 4px 14px rgba(0,0,0,.05))!important; color:var(--ymp-org-text)!important; margin:0 0 18px; padding:22px!important; } body.ymp-managed-page .ymp-org-about-card { padding:26px!important; } body.ymp-managed-page .ymp-org-section-heading { align-items:flex-start; display:flex; gap:14px; justify-content:space-between; margin-bottom:15px; } body.ymp-managed-page .ymp-org-section-heading h2, body.ymp-managed-page .ymp-org-source-card h2, body.ymp-managed-page .ymp-org-claim-panel h3 { color:var(--ymp-org-text)!important; font-size:21px!important; letter-spacing:-.015em; line-height:1.2!important; margin:3px 0 0!important; } body.ymp-managed-page .ymp-org-section-heading > a { color:var(--ymp-org-accent)!important; font-size:12px; font-weight:800; margin-top:7px; text-decoration:none; white-space:nowrap; } body.ymp-managed-page .ymp-org-eyebrow { color:var(--ymp-org-accent)!important; display:block; font-size:10px; font-weight:900; letter-spacing:.12em; text-transform:uppercase; } body.ymp-managed-page .ymp-org-richtext { color:var(--ymp-org-text)!important; font-size:15px; line-height:1.72; } body.ymp-managed-page .ymp-org-richtext > :first-child { margin-top:0; } body.ymp-managed-page .ymp-org-richtext > :last-child { margin-bottom:0; } body.ymp-managed-page .ymp-org-community-grid { display:grid; gap:18px; grid-template-columns:repeat(2,minmax(0,1fr)); } body.ymp-managed-page .ymp-org-list-grid { display:grid; gap:9px; } body.ymp-managed-page .ymp-org-list-item { align-items:center; background:var(--ymp-org-canvas)!important; border:1px solid var(--ymp-org-border)!important; border-radius:12px; color:var(--ymp-org-text)!important; display:flex; gap:12px; min-width:0; padding:11px; text-decoration:none!important; transition:border-color .16s ease,transform .16s ease; } body.ymp-managed-page a.ymp-org-list-item:hover { border-color:var(--ymp-org-accent)!important; transform:translateY(-1px); } body.ymp-managed-page .ymp-org-list-icon { align-items:center; background:var(--ymp-org-surface)!important; border:1px solid var(--ymp-org-border); border-radius:10px; color:var(--ymp-org-accent); display:flex; flex:0 0 40px; font-size:12px; font-weight:900; height:40px; justify-content:center; width:40px; } body.ymp-managed-page .ymp-org-list-item strong { color:var(--ymp-org-text)!important; display:block; font-size:13px; } body.ymp-managed-page .ymp-org-list-item p { color:var(--ymp-org-muted)!important; font-size:11px; margin:3px 0 0; } body.ymp-managed-page .ymp-org-empty { background:var(--ymp-org-canvas)!important; border:1px dashed var(--ymp-org-border)!important; border-radius:12px; color:var(--ymp-org-muted)!important; display:grid; gap:4px; padding:18px; } body.ymp-managed-page .ymp-org-empty strong { color:var(--ymp-org-text)!important; font-size:13px; } body.ymp-managed-page .ymp-org-empty span { font-size:12px; line-height:1.5; } body.ymp-managed-page .ymp-org-empty-compact { min-height:112px; place-content:center; text-align:center; } body.ymp-managed-page .ymp-org-section-count { background:var(--ymp-org-canvas)!important; border:1px solid var(--ymp-org-border); border-radius:999px; color:var(--ymp-org-muted)!important; font-size:11px; font-weight:800; padding:5px 9px; } body.ymp-managed-page .ymp-org-member-grid { display:grid; gap:10px; grid-template-columns:repeat(2,minmax(0,1fr)); } body.ymp-managed-page .ymp-org-member { align-items:center; background:var(--ymp-org-canvas)!important; border:1px solid var(--ymp-org-border)!important; border-radius:12px; color:var(--ymp-org-text)!important; display:flex; gap:11px; min-width:0; padding:10px; text-decoration:none!important; } body.ymp-managed-page a.ymp-org-member:hover { border-color:var(--ymp-org-accent)!important; } body.ymp-managed-page .ymp-org-member-avatar { border-radius:50%; flex:0 0 48px; height:48px; object-fit:cover; width:48px; } body.ymp-managed-page .ymp-org-member strong { color:var(--ymp-org-text)!important; display:block; font-size:13px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } body.ymp-managed-page .ymp-org-member small { color:var(--ymp-org-muted)!important; display:block; font-size:11px; margin-top:2px; } body.ymp-managed-page .ymp-org-connect-links { display:grid; gap:9px; } body.ymp-managed-page .ymp-org-connect-link { align-items:center; background:var(--ymp-org-canvas)!important; border:1px solid var(--ymp-org-border)!important; border-radius:12px; color:var(--ymp-org-text)!important; display:grid; gap:11px; grid-template-columns:42px minmax(0,1fr) auto; min-height:58px; padding:8px 10px; text-decoration:none!important; transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease; } body.ymp-managed-page .ymp-org-connect-link:hover { border-color:var(--ymp-org-accent)!important; box-shadow:0 8px 20px rgba(15,23,42,.08); transform:translateY(-1px); } body.ymp-managed-page .ymp-org-social-icon { align-items:center; background:var(--ymp-org-surface)!important; border:1px solid var(--ymp-org-border)!important; border-radius:10px; display:flex; height:40px; justify-content:center; overflow:hidden; width:40px; } body.ymp-managed-page .ymp-org-brand-icon img { display:block; height:24px; object-fit:contain; width:24px; } body.ymp-managed-page .ymp-org-connect-link.platform-tiktok .ymp-org-brand-icon img { height:25px; width:25px; } body.ymp-managed-page .ymp-org-brand-icon .ymp-org-logo-dark { display:none; } body.ymp-managed-page .ymp-org-generic-icon { color:var(--ymp-org-text)!important; font-size:17px; font-weight:900; } body.ymp-managed-page .ymp-org-connect-copy { min-width:0; } body.ymp-managed-page .ymp-org-connect-copy strong { color:var(--ymp-org-text)!important; display:block; font-size:13px; } body.ymp-managed-page .ymp-org-connect-copy small { color:var(--ymp-org-muted)!important; display:block; font-size:10px; margin-top:2px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } body.ymp-managed-page .ymp-org-connect-arrow { color:var(--ymp-org-muted); font-size:16px; padding-right:2px; } body.ymp-managed-page .ymp-org-details { display:grid; margin:0; } body.ymp-managed-page .ymp-org-details > div { border-bottom:1px solid var(--ymp-org-border); display:grid; gap:4px; padding:11px 0; } body.ymp-managed-page .ymp-org-details > div:last-child { border-bottom:0; padding-bottom:0; } body.ymp-managed-page .ymp-org-details dt { color:var(--ymp-org-muted)!important; font-size:9px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; } body.ymp-managed-page .ymp-org-details dd { color:var(--ymp-org-text)!important; font-size:13px; line-height:1.5; margin:0; } body.ymp-managed-page .ymp-org-source-card p { color:var(--ymp-org-muted)!important; font-size:12px; line-height:1.55; } body.ymp-managed-page .ymp-org-source-card a { color:var(--ymp-org-accent)!important; font-size:12px; font-weight:800; } body.ymp-managed-page .ymp-org-source-card small { color:var(--ymp-org-muted)!important; display:block; font-size:10px; margin-top:10px; } body.ymp-managed-page .ymp-org-claim-panel { background:color-mix(in srgb,#f2b84b 9%,var(--ymp-org-surface))!important; border-color:color-mix(in srgb,#d69d2e 45%,var(--ymp-org-border))!important; } body.ymp-managed-page .ymp-org-claim-panel p { color:var(--ymp-org-muted)!important; } body.ymp-managed-page .ymp-org-claim-form { display:grid; gap:11px; margin-top:15px; } body.ymp-managed-page .ymp-org-claim-form label { color:var(--ymp-org-text)!important; display:grid; font-size:12px; font-weight:800; gap:5px; } body.ymp-managed-page .ymp-org-claim-form input, body.ymp-managed-page .ymp-org-claim-form select, body.ymp-managed-page .ymp-org-claim-form textarea { border-radius:8px; width:100%; } :root[data-ymp-theme="dark"] body.ymp-managed-page .ymp-org-brand-icon .ymp-org-logo-light { display:none; } :root[data-ymp-theme="dark"] body.ymp-managed-page .ymp-org-brand-icon .ymp-org-logo-dark { display:block; } :root[data-ymp-theme="dark"] body.ymp-managed-page .ymp-org-social-icon { background:#11151c!important; } @media (prefers-color-scheme:dark) { :root:not([data-ymp-theme="light"]):not([data-ymp-theme="dark"]) body.ymp-managed-page .ymp-org-brand-icon .ymp-org-logo-light { display:none; } :root:not([data-ymp-theme="light"]):not([data-ymp-theme="dark"]) body.ymp-managed-page .ymp-org-brand-icon .ymp-org-logo-dark { display:block; } :root:not([data-ymp-theme="light"]):not([data-ymp-theme="dark"]) body.ymp-managed-page .ymp-org-social-icon { background:#11151c!important; } } @media (max-width:980px) { body.ymp-managed-page .ymp-org-cover-content { grid-template-columns:1fr; } body.ymp-managed-page .ymp-org-primary-actions { display:flex; flex-wrap:wrap; min-width:0; } body.ymp-managed-page .ymp-org-primary-actions > * { flex:1 1 160px; } body.ymp-managed-page .ymp-org-layout { grid-template-columns:1fr; } body.ymp-managed-page .ymp-org-sidebar { display:grid; gap:18px; grid-template-columns:repeat(2,minmax(0,1fr)); position:static; } body.ymp-managed-page .ymp-org-sidebar > .ymp-org-card { margin:0; } body.ymp-managed-page .ymp-org-sidebar > .ymp-org-card:last-child:nth-child(odd) { grid-column:1 / -1; } } @media (max-width:760px) { body.ymp-managed-page .ymp-org-profile { width:min(100%,calc(100vw - 20px)); } body.ymp-managed-page .ymp-org-cover { min-height:430px; } body.ymp-managed-page .ymp-org-cover-content { padding:22px; } body.ymp-managed-page .ymp-org-identity { align-items:flex-start; flex-direction:column; gap:14px; } body.ymp-managed-page .ymp-org-logo { flex-basis:96px; height:96px; width:96px; } body.ymp-managed-page .ymp-org-logo > span { font-size:28px; } body.ymp-managed-page .ymp-org-heading h1 { font-size:34px!important; } body.ymp-managed-page .ymp-org-stats { grid-template-columns:repeat(2,minmax(0,1fr)); } body.ymp-managed-page .ymp-org-community-grid, body.ymp-managed-page .ymp-org-sidebar { grid-template-columns:1fr; } body.ymp-managed-page .ymp-org-sidebar > .ymp-org-card:last-child:nth-child(odd) { grid-column:auto; } } @media (max-width:500px) { body.ymp-managed-page .ymp-org-cover { border-radius:18px; min-height:500px; } body.ymp-managed-page .ymp-org-primary-actions { display:grid; } body.ymp-managed-page .ymp-org-primary-actions > * { width:100%; } body.ymp-managed-page .ymp-org-stats { gap:8px; } body.ymp-managed-page .ymp-org-stat { gap:8px; min-height:72px; padding:11px; } body.ymp-managed-page .ymp-org-stat-icon { flex-basis:34px; height:34px; width:34px; } body.ymp-managed-page .ymp-org-stat strong { font-size:20px; } body.ymp-managed-page .ymp-org-member-grid { grid-template-columns:1fr; } body.ymp-managed-page .ymp-org-card, body.ymp-managed-page .ymp-org-claim-panel { border-radius:14px!important; padding:17px!important; } } /* Beta.6.12.3: complete appearance-mode coverage for ministry discovery and messaging, with compact polished controls. */ body.ymp-managed-page .ymp-ministry-directory { --ymp-compact-blue-start:#2f82c2; --ymp-compact-blue-end:#1b639c; box-sizing:border-box; color:var(--ymp-front-text,#1d2327)!important; margin-left:auto!important; margin-right:auto!important; width:100%; } body.ymp-managed-page .ymp-ministry-directory *, body.ymp-managed-page .ymp-ministry-directory *::before, body.ymp-managed-page .ymp-ministry-directory *::after { box-sizing:border-box; } body.ymp-managed-page .ymp-ministry-filters, body.ymp-managed-page .ymp-ministry-card, body.ymp-managed-page .ymp-ministry-empty { background:var(--ymp-front-surface,#fff)!important; border-color:var(--ymp-front-border,#dcdcde)!important; color:var(--ymp-front-text,#1d2327)!important; box-shadow:var(--ymp-front-shadow,0 4px 14px rgba(0,0,0,.05)); } body.ymp-managed-page .ymp-ministry-filters { border-radius:13px!important; padding:13px!important; } body.ymp-managed-page .ymp-ministry-filters label, body.ymp-managed-page .ymp-ministry-filters label > span, body.ymp-managed-page .ymp-ministry-card h2, body.ymp-managed-page .ymp-ministry-counts strong { color:var(--ymp-front-text,#1d2327)!important; } body.ymp-managed-page .ymp-ministry-filters label > span { font-size:11px!important; letter-spacing:.025em; text-transform:uppercase; } body.ymp-managed-page .ymp-ministry-filters input, body.ymp-managed-page .ymp-ministry-filters select { background:var(--ymp-front-bg,#f6f7f7)!important; border:1px solid var(--ymp-front-border,#dcdcde)!important; border-radius:8px!important; color:var(--ymp-front-text,#1d2327)!important; font-size:12px!important; min-height:34px!important; padding:6px 9px!important; } body.ymp-managed-page .ymp-ministry-filters input:focus, body.ymp-managed-page .ymp-ministry-filters select:focus { border-color:var(--ymp-front-primary,#2271b1)!important; box-shadow:0 0 0 2px color-mix(in srgb,var(--ymp-front-primary,#2271b1) 24%,transparent)!important; outline:0!important; } body.ymp-managed-page .ymp-ministry-card { border-radius:14px!important; transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease; } body.ymp-managed-page .ymp-ministry-card:hover { border-color:color-mix(in srgb,var(--ymp-front-primary,#2271b1) 55%,var(--ymp-front-border,#dcdcde))!important; box-shadow:0 12px 30px rgba(0,0,0,.14); transform:translateY(-2px); } body.ymp-managed-page .ymp-ministry-logo { background:var(--ymp-front-surface,#fff)!important; border-color:var(--ymp-front-surface,#fff)!important; color:var(--ymp-front-text,#1d2327)!important; } body.ymp-managed-page .ymp-ministry-badges span { background:var(--ymp-front-bg,#f6f7f7)!important; border:1px solid var(--ymp-front-border,#dcdcde)!important; color:var(--ymp-front-text,#1d2327)!important; } body.ymp-managed-page .ymp-ministry-badges .verified { background:#e7f7ed!important; border-color:#9ed6ae!important; color:#0f5f2e!important; } body.ymp-managed-page .ymp-ministry-badges .unclaimed { background:#fff4d6!important; border-color:#e7c86f!important; color:#7a4b00!important; } body.ymp-managed-page .ymp-ministry-location, body.ymp-managed-page .ymp-ministry-tagline, body.ymp-managed-page .ymp-ministry-description, body.ymp-managed-page .ymp-ministry-counts span, body.ymp-managed-page .ymp-ministry-empty p { color:var(--ymp-front-muted,#646970)!important; } body.ymp-managed-page .ymp-ministry-counts { border-color:var(--ymp-front-border,#dcdcde)!important; } body.ymp-managed-page .ymp-ministry-filter-actions, body.ymp-managed-page .ymp-ministry-actions { align-items:center; gap:7px!important; } body.ymp-managed-page .ymp-ministry-filter-actions button, body.ymp-managed-page .ymp-ministry-filter-actions a, body.ymp-managed-page .ymp-ministry-actions a { align-items:center!important; border-radius:999px!important; cursor:pointer; display:inline-flex!important; font-size:11.5px!important; font-weight:800!important; justify-content:center; letter-spacing:.01em; line-height:1.1!important; min-height:31px!important; padding:6px 11px!important; text-decoration:none!important; transition:box-shadow .16s ease,filter .16s ease,transform .16s ease!important; } body.ymp-managed-page .ymp-ministry-filter-actions button, body.ymp-managed-page .ymp-ministry-actions .primary { background:linear-gradient(135deg,var(--ymp-compact-blue-start),var(--ymp-compact-blue-end))!important; border:1px solid #1b639c!important; box-shadow:0 5px 13px rgba(28,102,161,.22),inset 0 1px 0 rgba(255,255,255,.22)!important; color:#fff!important; } body.ymp-managed-page .ymp-ministry-filter-actions a, body.ymp-managed-page .ymp-ministry-actions a:not(.primary) { background:var(--ymp-front-surface,#fff)!important; border:1px solid color-mix(in srgb,var(--ymp-front-primary,#2271b1) 55%,var(--ymp-front-border,#dcdcde))!important; box-shadow:0 3px 9px rgba(0,0,0,.06)!important; color:var(--ymp-front-text,#1d2327)!important; } body.ymp-managed-page .ymp-ministry-filter-actions button:hover, body.ymp-managed-page .ymp-ministry-filter-actions a:hover, body.ymp-managed-page .ymp-ministry-actions a:hover { filter:brightness(1.05); transform:translateY(-1px); } body.ymp-managed-page .ymp-ministry-filter-actions button:focus-visible, body.ymp-managed-page .ymp-ministry-filter-actions a:focus-visible, body.ymp-managed-page .ymp-ministry-actions a:focus-visible { box-shadow:0 0 0 3px color-mix(in srgb,var(--ymp-front-primary,#2271b1) 32%,transparent)!important; outline:0!important; } body.ymp-managed-page :where(.messages,.ymp-compose-message,.ymp-message-thread) { --ymp-msg-blue-start:#2f82c2; --ymp-msg-blue-end:#1b639c; color:var(--ymp-front-text,#1d2327)!important; } body.ymp-managed-page :where(.messages,.ymp-compose-message,.ymp-message-thread) :where(h1,h2,h3,strong,label) { color:var(--ymp-front-text,#1d2327); } body.ymp-managed-page .ymp-msg-hero { background:linear-gradient(135deg,var(--ymp-front-surface,#fff),var(--ymp-front-bg,#f6f7f7))!important; border-color:var(--ymp-front-border,#dcdcde)!important; color:var(--ymp-front-text,#1d2327)!important; box-shadow:var(--ymp-front-shadow,0 4px 14px rgba(0,0,0,.05)); } body.ymp-managed-page .ymp-msg-hero p { color:var(--ymp-front-muted,#646970)!important; } body.ymp-managed-page .ymp-msg-hero-meta span, body.ymp-managed-page .ymp-msg-pill { background:var(--ymp-front-bg,#f6f7f7)!important; border-color:var(--ymp-front-border,#dcdcde)!important; color:var(--ymp-front-text,#1d2327)!important; } body.ymp-managed-page .ymp-msg-tabs, body.ymp-managed-page .ymp-msg-card, body.ymp-managed-page .ymp-msg-empty, body.ymp-managed-page .ymp-msg-thread-card, body.ymp-managed-page .ymp-msg-reply-card, body.ymp-managed-page .ymp-compose-message form { background:var(--ymp-front-surface,#fff)!important; border-color:var(--ymp-front-border,#dcdcde)!important; color:var(--ymp-front-text,#1d2327)!important; box-shadow:var(--ymp-front-shadow,0 4px 14px rgba(0,0,0,.05)); } body.ymp-managed-page .ymp-msg-tabs { border-radius:12px!important; gap:6px!important; padding:9px!important; } body.ymp-managed-page .ymp-msg-tab, body.ymp-managed-page .ymp-msg-compose-link, body.ymp-managed-page .ymp-msg-button, body.ymp-managed-page .ymp-compose-message button, body.ymp-managed-page .ymp-message-thread button { align-items:center!important; border-radius:999px!important; display:inline-flex!important; font-size:11.5px!important; font-weight:800!important; justify-content:center; letter-spacing:.01em; line-height:1.1!important; min-height:31px!important; padding:6px 11px!important; text-decoration:none!important; transition:box-shadow .16s ease,filter .16s ease,transform .16s ease!important; } body.ymp-managed-page .ymp-msg-tab { background:var(--ymp-front-bg,#f6f7f7)!important; border:1px solid var(--ymp-front-border,#dcdcde)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important; color:var(--ymp-front-text,#1d2327)!important; } body.ymp-managed-page .ymp-msg-tab.active, body.ymp-managed-page .ymp-msg-button-primary, body.ymp-managed-page .ymp-compose-message button, body.ymp-managed-page .ymp-message-thread button:not(.ymp-msg-button-secondary):not(.ymp-msg-button-danger):not(.ymp-msg-report-button) { background:linear-gradient(135deg,var(--ymp-msg-blue-start),var(--ymp-msg-blue-end))!important; border:1px solid #1b639c!important; box-shadow:0 5px 13px rgba(28,102,161,.22),inset 0 1px 0 rgba(255,255,255,.22)!important; color:#fff!important; } body.ymp-managed-page .ymp-msg-compose-link { background:linear-gradient(135deg,#39b866,#238948)!important; border:1px solid #238948!important; box-shadow:0 5px 13px rgba(35,137,72,.2),inset 0 1px 0 rgba(255,255,255,.2)!important; color:#fff!important; } body.ymp-managed-page .ymp-msg-button-secondary { background:var(--ymp-front-bg,#f6f7f7)!important; border:1px solid color-mix(in srgb,var(--ymp-front-primary,#2271b1) 48%,var(--ymp-front-border,#dcdcde))!important; box-shadow:0 3px 9px rgba(0,0,0,.06)!important; color:var(--ymp-front-text,#1d2327)!important; } body.ymp-managed-page .ymp-msg-button-danger, body.ymp-managed-page .ymp-msg-report-button { background:linear-gradient(135deg,#c54041,#9f2425)!important; border-color:#9f2425!important; color:#fff!important; } body.ymp-managed-page :where(.ymp-msg-tab,.ymp-msg-compose-link,.ymp-msg-button,.ymp-compose-message button,.ymp-message-thread button):hover { filter:brightness(1.06); transform:translateY(-1px); } body.ymp-managed-page :where(.ymp-msg-tab,.ymp-msg-compose-link,.ymp-msg-button,.ymp-compose-message button,.ymp-message-thread button):focus-visible { box-shadow:0 0 0 3px color-mix(in srgb,var(--ymp-front-primary,#2271b1) 32%,transparent)!important; outline:0!important; } body.ymp-managed-page .ymp-msg-card { border-left-color:var(--ymp-front-border,#dcdcde)!important; } body.ymp-managed-page .ymp-msg-card.unread { border-left-color:var(--ymp-front-primary,#2271b1)!important; } body.ymp-managed-page .ymp-msg-avatar, body.ymp-managed-page .ymp-msg-thread-card.mine { background:var(--ymp-front-bg,#f6f7f7)!important; border-color:var(--ymp-front-border,#dcdcde)!important; color:var(--ymp-front-text,#1d2327)!important; } body.ymp-managed-page .ymp-msg-person, body.ymp-managed-page .ymp-msg-empty p, body.ymp-managed-page .ymp-recipient-help { color:var(--ymp-front-muted,#646970)!important; } body.ymp-managed-page .ymp-msg-pill.unread-pill { background:color-mix(in srgb,var(--ymp-front-primary,#2271b1) 16%,var(--ymp-front-surface,#fff))!important; border-color:color-mix(in srgb,var(--ymp-front-primary,#2271b1) 38%,var(--ymp-front-border,#dcdcde))!important; color:var(--ymp-front-primary,#2271b1)!important; } body.ymp-managed-page .ymp-compose-message input, body.ymp-managed-page .ymp-compose-message select, body.ymp-managed-page .ymp-compose-message textarea, body.ymp-managed-page .ymp-message-thread textarea, body.ymp-managed-page .ymp-msg-report-control select, body.ymp-managed-page .ymp-msg-report-control textarea { background:var(--ymp-front-bg,#f6f7f7)!important; border-color:var(--ymp-front-border,#dcdcde)!important; color:var(--ymp-front-text,#1d2327)!important; } :root[data-ymp-theme="dark"] body.ymp-managed-page .ymp-ministry-badges .verified { background:#173f29!important; border-color:#3c8057!important; color:#a8e6ba!important; } :root[data-ymp-theme="dark"] body.ymp-managed-page .ymp-ministry-badges .unclaimed { background:#4b3b12!important; border-color:#8a6d1f!important; color:#ffe08a!important; } @media (prefers-color-scheme:dark) { :root:not([data-ymp-theme="light"]):not([data-ymp-theme="dark"]) body.ymp-managed-page .ymp-ministry-badges .verified { background:#173f29!important; border-color:#3c8057!important; color:#a8e6ba!important; } :root:not([data-ymp-theme="light"]):not([data-ymp-theme="dark"]) body.ymp-managed-page .ymp-ministry-badges .unclaimed { background:#4b3b12!important; border-color:#8a6d1f!important; color:#ffe08a!important; } } @media (max-width:720px) { body.ymp-managed-page .ymp-ministry-filter-actions button, body.ymp-managed-page .ymp-ministry-filter-actions a, body.ymp-managed-page .ymp-ministry-actions a, body.ymp-managed-page .ymp-msg-tab, body.ymp-managed-page .ymp-msg-compose-link, body.ymp-managed-page .ymp-msg-button { font-size:12px!important; } } /* Tracts & Literature library */ .ymp-tract-library{color:var(--ymp-front-text,#1d2327);margin:0 auto;max-width:1320px;width:100%} .ymp-tract-library *{box-sizing:border-box} .ymp-tract-library__hero{align-items:center;background:linear-gradient(135deg,var(--ymp-front-surface,#fff),color-mix(in srgb,var(--ymp-front-primary,#2271b1) 7%,var(--ymp-front-surface,#fff)));border:1px solid color-mix(in srgb,var(--ymp-front-primary,#2271b1) 18%,var(--ymp-front-border,#dcdcde));border-radius:18px;box-shadow:var(--ymp-front-shadow,0 4px 14px rgba(0,0,0,.05));display:flex;gap:24px;justify-content:space-between;margin-bottom:16px;padding:clamp(20px,2.6vw,32px)} .ymp-tract-library__hero h1{color:var(--ymp-front-text,#1d2327);font-size:clamp(28px,3.5vw,44px);letter-spacing:-.035em;line-height:1.03;margin:5px 0 8px} .ymp-tract-library__hero p{color:var(--ymp-front-muted,#646970);font-size:14px;line-height:1.6;margin:0;max-width:65ch} .ymp-tract-library__eyebrow{color:var(--ymp-front-primary,#2271b1);font-size:11px;font-weight:850;letter-spacing:.1em;text-transform:uppercase} .ymp-tract-library__admin-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px} .ymp-tract-library__admin-link,.ymp-tract-library__filters button,.ymp-tract-card__read{align-items:center;background:linear-gradient(135deg,var(--ymp-front-primary,#2271b1),color-mix(in srgb,var(--ymp-front-primary,#2271b1) 72%,#132f4c));border:1px solid color-mix(in srgb,var(--ymp-front-primary,#2271b1) 78%,#000);border-radius:999px;box-shadow:0 7px 18px color-mix(in srgb,var(--ymp-front-primary,#2271b1) 20%,transparent);color:var(--ymp-front-primary-contrast,#fff)!important;display:inline-flex;font-size:12px;font-weight:800;justify-content:center;min-height:36px;padding:7px 14px;text-decoration:none!important;white-space:nowrap} .ymp-tract-library__admin-secondary,.ymp-tract-card__download{align-items:center;background:var(--ymp-front-surface,#fff);border:1px solid color-mix(in srgb,var(--ymp-front-primary,#2271b1) 42%,var(--ymp-front-border,#dcdcde));border-radius:999px;color:var(--ymp-front-text,#1d2327)!important;display:inline-flex;font-size:12px;font-weight:800;justify-content:center;min-height:36px;padding:7px 13px;text-decoration:none!important;white-space:nowrap} .ymp-tract-library__admin-link:hover,.ymp-tract-library__admin-secondary:hover,.ymp-tract-library__filters button:hover,.ymp-tract-card__footer a:hover,.ymp-tract-card__footer button:hover{filter:brightness(1.06);transform:translateY(-1px)} .ymp-tract-library__filters{align-items:end;background:var(--ymp-front-surface,#fff);border:1px solid var(--ymp-front-border,#dcdcde);border-radius:14px;box-shadow:var(--ymp-front-shadow,0 4px 14px rgba(0,0,0,.05));display:grid;gap:12px;grid-template-columns:minmax(240px,1fr) minmax(190px,.45fr) auto auto;margin-bottom:12px;padding:14px} .ymp-tract-library__filters label{display:grid;gap:6px;margin:0}.ymp-tract-library__filters label>span{color:var(--ymp-front-text,#1d2327);font-size:11px;font-weight:800;letter-spacing:.035em;text-transform:uppercase} .ymp-tract-library__filters input,.ymp-tract-library__filters select{background:var(--ymp-front-bg,#f6f7f7);border:1px solid var(--ymp-front-border,#dcdcde);border-radius:10px;color:var(--ymp-front-text,#1d2327);font:inherit;min-height:40px;padding:8px 11px;width:100%} .ymp-tract-library__filters input:focus,.ymp-tract-library__filters select:focus{border-color:var(--ymp-front-primary,#2271b1);box-shadow:0 0 0 3px color-mix(in srgb,var(--ymp-front-primary,#2271b1) 18%,transparent);outline:0} .ymp-tract-library__clear{align-items:center;color:var(--ymp-front-muted,#646970);display:inline-flex;font-size:12px;font-weight:750;justify-content:center;min-height:38px;padding:8px 6px;text-decoration:none}.ymp-tract-library__clear:hover{color:var(--ymp-front-primary,#2271b1)} .ymp-tract-library__toolbar{align-items:center;display:flex;gap:18px;justify-content:space-between;margin:0 0 12px;padding:2px 2px}.ymp-tract-library__toolbar p{color:var(--ymp-front-muted,#646970);font-size:12px;margin:0}.ymp-tract-library__toolbar p strong{color:var(--ymp-front-text,#1d2327)} .ymp-tract-library__view-switch{background:var(--ymp-front-surface,#fff);border:1px solid var(--ymp-front-border,#dcdcde);border-radius:10px;display:inline-flex;padding:3px}.ymp-tract-library__view-switch button{align-items:center;background:transparent;border:0;border-radius:7px;color:var(--ymp-front-muted,#646970);cursor:pointer;display:inline-flex;font:inherit;font-size:11px;font-weight:800;gap:6px;min-height:30px;padding:5px 9px}.ymp-tract-library__view-switch button[aria-pressed="true"]{background:color-mix(in srgb,var(--ymp-front-primary,#2271b1) 12%,var(--ymp-front-surface,#fff));color:var(--ymp-front-primary,#2271b1)}.ymp-tract-library__view-switch svg{fill:none;height:15px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;width:15px} .ymp-tract-library__items{display:grid;gap:12px}.ymp-tract-card{background:var(--ymp-front-surface,#fff);border:1px solid var(--ymp-front-border,#dcdcde);border-radius:14px;box-shadow:var(--ymp-front-shadow,0 4px 14px rgba(0,0,0,.05));display:flex;min-width:0;overflow:hidden;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.ymp-tract-card:hover{border-color:color-mix(in srgb,var(--ymp-front-primary,#2271b1) 34%,var(--ymp-front-border,#dcdcde));box-shadow:0 10px 26px rgba(15,23,42,.1);transform:translateY(-1px)} .ymp-tract-card__cover{align-items:center;background:linear-gradient(145deg,color-mix(in srgb,var(--ymp-front-primary,#2271b1) 9%,var(--ymp-front-bg,#f6f7f7)),var(--ymp-front-bg,#f6f7f7));border-right:1px solid var(--ymp-front-border,#dcdcde);display:flex;flex:0 0 112px;justify-content:center;min-height:142px;overflow:hidden}.ymp-tract-card__cover img{display:block;height:100%;object-fit:contain;padding:6px;width:100%} .ymp-tract-card__document{align-items:center;background:var(--ymp-front-surface,#fff);border:1px solid color-mix(in srgb,var(--ymp-front-primary,#2271b1) 24%,var(--ymp-front-border,#dcdcde));border-radius:14px;box-shadow:0 8px 22px rgba(15,23,42,.09);color:var(--ymp-front-primary,#2271b1);display:flex;height:72px;justify-content:center;width:58px}.ymp-tract-card__document svg{fill:none;height:36px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.45;width:36px} .ymp-tract-card__body{display:grid;flex:1;gap:10px;grid-template-columns:minmax(0,1fr) auto;padding:14px 16px}.ymp-tract-card__heading{display:flex;gap:14px;grid-column:1/2;justify-content:space-between;min-width:0}.ymp-tract-card__topics{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:7px}.ymp-tract-card__topics span{background:color-mix(in srgb,var(--ymp-front-primary,#2271b1) 9%,var(--ymp-front-surface,#fff));border:1px solid color-mix(in srgb,var(--ymp-front-primary,#2271b1) 19%,var(--ymp-front-border,#dcdcde));border-radius:999px;color:var(--ymp-front-primary,#2271b1);font-size:9.5px;font-weight:800;padding:3px 7px}.ymp-tract-card h2{color:var(--ymp-front-text,#1d2327);font-size:18px;letter-spacing:-.018em;line-height:1.2;margin:0}.ymp-tract-card__file{color:var(--ymp-front-muted,#646970);font-size:10.5px;font-weight:750;white-space:nowrap}.ymp-tract-card__description{color:var(--ymp-front-muted,#646970);font-size:12.5px;grid-column:1/2;line-height:1.55;margin:0;max-width:80ch}.ymp-tract-card__footer{align-items:center;display:flex;gap:7px;grid-column:2/3;grid-row:1/3;justify-content:flex-end}.ymp-tract-card__footer a,.ymp-tract-card__footer button{font-size:10.5px;min-height:32px;padding:5px 10px}.ymp-tract-card__read{cursor:pointer;font-family:inherit}.ymp-tract-card__unavailable{color:var(--ymp-front-muted,#646970);font-size:11px;font-style:italic} .ymp-tract-library--view-grid .ymp-tract-library__items{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.ymp-tract-library--view-grid .ymp-tract-card{flex-direction:column}.ymp-tract-library--view-grid .ymp-tract-card__cover{aspect-ratio:16/10;border-bottom:1px solid var(--ymp-front-border,#dcdcde);border-right:0;flex:0 0 auto;min-height:0}.ymp-tract-library--view-grid .ymp-tract-card__body{display:flex;flex:1;flex-direction:column;padding:17px}.ymp-tract-library--view-grid .ymp-tract-card__heading{display:block}.ymp-tract-library--view-grid .ymp-tract-card__file{display:block;margin-top:8px}.ymp-tract-library--view-grid .ymp-tract-card__description{margin:0 0 14px}.ymp-tract-library--view-grid .ymp-tract-card__footer{border-top:1px solid var(--ymp-front-border,#dcdcde);margin-top:auto;padding-top:13px}.ymp-tract-library--view-grid .ymp-tract-card__footer a,.ymp-tract-library--view-grid .ymp-tract-card__footer button{flex:1} .ymp-tract-library__empty{align-items:center;background:var(--ymp-front-surface,#fff);border:1px dashed color-mix(in srgb,var(--ymp-front-primary,#2271b1) 30%,var(--ymp-front-border,#dcdcde));border-radius:16px;display:flex;flex-direction:column;min-height:260px;justify-content:center;padding:36px;text-align:center}.ymp-tract-library__empty>span{color:var(--ymp-front-primary,#2271b1);font-size:36px}.ymp-tract-library__empty h2{color:var(--ymp-front-text,#1d2327);margin:8px 0}.ymp-tract-library__empty p{color:var(--ymp-front-muted,#646970);margin:0} .ymp-tract-library__pagination{display:flex;justify-content:center;margin-top:24px}.ymp-tract-library__pagination .page-numbers{background:var(--ymp-front-surface,#fff);border:1px solid var(--ymp-front-border,#dcdcde);border-radius:9px;color:var(--ymp-front-text,#1d2327);display:inline-flex;margin:2px;min-width:38px;padding:8px 10px;text-decoration:none}.ymp-tract-library__pagination .current{background:var(--ymp-front-primary,#2271b1);color:var(--ymp-front-primary-contrast,#fff)} @media(max-width:980px){.ymp-tract-library--view-grid .ymp-tract-library__items{grid-template-columns:repeat(2,minmax(0,1fr))}.ymp-tract-library__filters{grid-template-columns:minmax(0,1fr) minmax(180px,.6fr) auto}.ymp-tract-card__body{grid-template-columns:1fr}.ymp-tract-card__footer{grid-column:1;grid-row:auto;justify-content:flex-start}} @media(max-width:720px){.ymp-tract-library__hero{align-items:flex-start;flex-direction:column}.ymp-tract-library__admin-actions{width:100%}.ymp-tract-library__filters{grid-template-columns:1fr}.ymp-tract-library__filters button,.ymp-tract-library__admin-link,.ymp-tract-library__admin-secondary{flex:1;width:100%}.ymp-tract-library__toolbar{align-items:flex-start;flex-direction:column}.ymp-tract-library__view-switch{width:100%}.ymp-tract-library__view-switch button{flex:1;justify-content:center}.ymp-tract-library__items,.ymp-tract-library--view-grid .ymp-tract-library__items{grid-template-columns:1fr}.ymp-tract-card,.ymp-tract-library--view-list .ymp-tract-card{flex-direction:column}.ymp-tract-card__cover,.ymp-tract-library--view-list .ymp-tract-card__cover{aspect-ratio:16/9;border-bottom:1px solid var(--ymp-front-border,#dcdcde);border-right:0;flex:0 0 auto;min-height:0}.ymp-tract-card__body,.ymp-tract-library--view-list .ymp-tract-card__body{display:flex;flex-direction:column;padding:15px}.ymp-tract-card__footer{border-top:1px solid var(--ymp-front-border,#dcdcde);justify-content:stretch;padding-top:12px}.ymp-tract-card__footer a,.ymp-tract-card__footer button{flex:1}} @media(prefers-reduced-motion:reduce){.ymp-tract-card,.ymp-tract-library__admin-link,.ymp-tract-library__admin-secondary,.ymp-tract-library__filters button,.ymp-tract-card__footer a,.ymp-tract-card__footer button{transition:none}} .ymp-tract-reader[hidden]{display:none}.ymp-tract-reader{align-items:center;display:flex;inset:0;justify-content:center;padding:clamp(10px,2vw,28px);position:fixed;z-index:100000}.ymp-tract-reader__backdrop{background:rgba(2,6,23,.78);border:0;cursor:pointer;inset:0;padding:0;position:absolute;width:100%}.ymp-tract-reader__dialog{background:var(--ymp-front-surface,#fff);border:1px solid var(--ymp-front-border,#dcdcde);border-radius:16px;box-shadow:0 24px 80px rgba(0,0,0,.38);display:flex;flex-direction:column;height:min(92vh,980px);max-width:1500px;outline:0;overflow:hidden;position:relative;width:min(96vw,1500px);z-index:1}.ymp-tract-reader__header{align-items:center;background:var(--ymp-front-surface,#fff);border-bottom:1px solid var(--ymp-front-border,#dcdcde);display:flex;gap:18px;justify-content:space-between;padding:12px 14px}.ymp-tract-reader__header h2{color:var(--ymp-front-text,#1d2327);font-size:16px;line-height:1.25;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ymp-tract-reader__actions{align-items:center;display:flex;gap:8px}.ymp-tract-reader__actions>a{border:1px solid var(--ymp-front-border,#dcdcde);border-radius:8px;color:var(--ymp-front-primary,#2271b1);font-size:11px;font-weight:800;padding:7px 10px;text-decoration:none;white-space:nowrap}.ymp-tract-reader__actions>button{align-items:center;background:transparent;border:1px solid var(--ymp-front-border,#dcdcde);border-radius:8px;color:var(--ymp-front-text,#1d2327);cursor:pointer;display:flex;height:34px;justify-content:center;padding:0;width:34px}.ymp-tract-reader__actions svg{fill:none;height:18px;stroke:currentColor;stroke-linecap:round;stroke-width:1.9;width:18px}.ymp-tract-reader__frame{background:#525659;flex:1;min-height:0}.ymp-tract-reader__frame iframe{border:0;display:block;height:100%;width:100%}.ymp-tract-reader__fallback{background:var(--ymp-front-surface,#fff);border-top:1px solid var(--ymp-front-border,#dcdcde);color:var(--ymp-front-muted,#646970);font-size:11px;margin:0;padding:8px 14px;text-align:center}.ymp-tract-reader__fallback a{color:var(--ymp-front-primary,#2271b1);font-weight:800}.ymp-tract-reader-open{overflow:hidden!important} @media(max-width:720px){.ymp-tract-reader{padding:0}.ymp-tract-reader__dialog{border-radius:0;height:100dvh;width:100vw}.ymp-tract-reader__header{padding:10px}.ymp-tract-reader__header h2{font-size:14px}.ymp-tract-reader__actions>a{display:none}.ymp-tract-reader__fallback{font-size:10px}} /* 6.17.1 shared extracted utility presentation. */ body.ymp-managed-page .ymp-field-max-500 { max-width: 500px; width: 100%; } body.ymp-managed-page .ymp-field-max-700 { max-width: 700px; width: 100%; } body.ymp-managed-page .ymp-mb-20 { margin-bottom: 20px; } body.ymp-managed-page .ymp-mt-8 { margin-top: 8px; } body.ymp-managed-page .ymp-org-cover-image { height: 100%; inset: 0; object-fit: cover; position: absolute; width: 100%; }