/* ===================================================================
   STYLE ACCOUNT
   New central stylesheet created 26 aug 2026 during CSS consolidation.
   Covers the whole logged-in account/member-management area: account
   settings, login/signup, instructor & coach profiles, member messaging
   (wellness-meet), and the internal marketing CRM (marketing_hub).
   Gated by a new $account_pages array in functions.php.
   ==================================================================== */

            .bsm-wm-topnav { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 auto 24px; max-width: var(--brand-width-wide); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
            .bsm-wm-topnav-item { padding: 9px 16px; border-radius: var(--brand-radius-md); font-size: var(--brand-font-size-base); font-weight: var(--brand-weight-bold); text-decoration: none; border: var(--brand-border-width-thin) solid var(--brand-gray-100); color: var(--brand-gray-400); background: var(--brand-white); transition: border-color .15s, background .15s; }
            .bsm-wm-topnav-item:hover { border-color: var(--brand-teal); background: var(--brand-mint); color: var(--brand-black); }
            .bsm-wm-topnav-item.bsm-wm-active { background: linear-gradient(135deg,var(--brand-teal),var(--brand-cyan)); border-color: transparent; color: var(--brand-white); }
            .bsm-wm-topnav-item.bsm-wm-disabled { color: var(--brand-gray-100); background: var(--brand-gray-100); cursor: default; pointer-events: none; }
        

            .bsm-wm-dd { background: var(--brand-white); border: var(--brand-border-width-thin) solid var(--brand-gray-100); border-radius: var(--brand-radius-lg); margin-bottom: 24px; overflow: hidden; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
            .bsm-wm-dd summary { list-style: none; cursor: pointer; padding: 18px 22px; display: flex; align-items: center; justify-content: space-between; font-size: var(--brand-font-size-lg); font-weight: var(--brand-weight-bold); color: var(--brand-black); }
            .bsm-wm-dd summary::-webkit-details-marker { display: none; }
            .bsm-wm-dd summary::marker { content: ""; }
            .bsm-wm-dd-icon { font-size: var(--brand-font-size-xl); margin-right: 10px; }
            .bsm-wm-dd-chevron { color: var(--brand-teal); transition: transform .15s; font-size: var(--brand-font-size-sm); }
            .bsm-wm-dd[open] .bsm-wm-dd-chevron { transform: rotate(180deg); }
            .bsm-wm-dd-body { padding: 0 22px 20px; display: flex; flex-wrap: wrap; gap: 10px; }
            .bsm-wm-dd-item { padding: 10px 18px; border-radius: var(--brand-radius-md); font-size: var(--brand-font-size-md); font-weight: var(--brand-weight-bold); text-decoration: none; border: var(--brand-border-width-thin) solid var(--brand-gray-100); color: var(--brand-gray-400); background: var(--brand-gray-100); }
            .bsm-wm-dd-item:hover { border-color: var(--brand-teal); background: var(--brand-mint); color: var(--brand-black); }
            .bsm-wm-dd-item.bsm-wm-disabled { color: var(--brand-gray-100); cursor: default; pointer-events: none; }
        

/* ===== migrated from account/account_page_index.php (scoped: .page-slug-account) -- NEW $account_pages array ===== */
.page-slug-account /* ============================================================
   BSM ACCOUNT PAGE
   ============================================================ */
/* moved to css/common.css (Stage 5, 30 aug 2026): .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) */

.page-slug-account .bsm-acct-wrap {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    background: var(--brand-peach);
    min-height: 100vh;
    width: 100%;
    box-sizing: border-box;
    padding: 24px 20px 60px;
}

.page-slug-account .bsm-acct-inner {
    max-width: var(--brand-width-standard);
    margin: 0 auto;
    box-sizing: border-box;
}

.page-slug-account /* FLASH MESSAGE */
.bsm-acct-flash {
    background: var(--brand-mint); border: var(--brand-border-width-thin) solid var(--brand-teal);
    border-radius: var(--brand-radius-lg); padding: 14px 20px;
    font-size: var(--brand-font-size-md); color: var(--brand-teal); font-weight: var(--brand-weight-semibold);
    margin-bottom: 20px; display: flex; align-items: center; gap: 10px;
}

.page-slug-account /* USER INFO STRIP */
.bsm-acct-user-strip {
    display: flex; align-items: center;
    background: var(--brand-white); border: var(--brand-border-width-thin) solid var(--brand-gray-100);
    border-radius: var(--brand-radius-lg); padding: 14px 20px;
    margin-top: 16px; flex-wrap: wrap; gap: 0;
}

.page-slug-account .bsm-acct-user-item {
    display: flex; flex-direction: column; gap: 3px;
    padding: 0 20px;
}

.page-slug-account .bsm-acct-user-item:first-child { padding-left: 0; }

.page-slug-account .bsm-acct-user-label {
    font-size: var(--brand-font-size-xs); font-weight: var(--brand-weight-bold); color: var(--brand-gray-400);
    text-transform: uppercase; letter-spacing: .5px;
}

.page-slug-account .bsm-acct-user-value { font-size: var(--brand-font-size-md); font-weight: var(--brand-weight-semibold); color: var(--brand-black); }

.page-slug-account .bsm-acct-user-divider { width: 1px; height: 36px; background: var(--brand-gray-100); flex-shrink: 0; }

@media (max-width: 600px) {
.page-slug-account .bsm-acct-user-strip { flex-direction: column; align-items: flex-start; gap: 12px; }
.page-slug-account .bsm-acct-user-divider { display: none; }
.page-slug-account .bsm-acct-user-item { padding: 0; }
}

.page-slug-account /* PAGE HEADER */
.bsm-acct-header { margin-bottom: 36px; }

.page-slug-account .bsm-acct-eyebrow {
    font-size: var(--brand-font-size-base); font-weight: var(--brand-weight-bold);
    text-transform: uppercase; letter-spacing: 1px;
    color: var(--brand-teal); margin-bottom: 10px;
}

.page-slug-account .bsm-acct-title {
    font-size: var(--brand-font-size-xxxl); font-weight: var(--brand-weight-bold);
    color: var(--brand-black); letter-spacing: -0.5px; margin-bottom: 6px;
}

.page-slug-account .bsm-acct-title em { color: var(--brand-teal); font-style: normal; }

.page-slug-account .bsm-acct-sub { font-size: var(--brand-font-size-lg); color: var(--brand-gray-400); line-height: 1.6; }

.page-slug-account /* SECTION CARDS */
.bsm-acct-card {
    background: var(--brand-white);
    border: var(--brand-border-width-thin) solid var(--brand-gray-100);
    border-radius: var(--brand-radius-xl);
    padding: 36px 40px;
    margin-bottom: 24px;
    box-shadow: 0 4px 20px rgba(15,23,42,.05);
}

.page-slug-account .bsm-acct-card-header {
    display: flex; align-items: center;
    justify-content: space-between;
    margin-bottom: 28px; padding-bottom: 20px;
    border-bottom: var(--brand-border-width-thin) solid var(--brand-gray-100);
}

.page-slug-account .bsm-acct-card-title-wrap { display: flex; align-items: center; gap: 14px; }

.page-slug-account .bsm-acct-card-icon {
    width: 44px; height: 44px; border-radius: var(--brand-radius-lg);
    background: var(--brand-mint); border: var(--brand-border-width-thin) solid var(--brand-mint);
    display: flex; align-items: center; justify-content: center;
    font-size: var(--brand-font-size-xxl); flex-shrink: 0;
}

.page-slug-account .bsm-acct-card-title { font-size: var(--brand-font-size-xl); font-weight: var(--brand-weight-bold); color: var(--brand-black); margin-bottom: 3px; }

.page-slug-account .bsm-acct-card-subtitle { font-size: var(--brand-font-size-base); color: var(--brand-gray-400); }

.page-slug-account /* BADGES */
.bsm-acct-badge {
    font-size: var(--brand-font-size-sm); font-weight: var(--brand-weight-bold);
    text-transform: uppercase; letter-spacing: .5px;
    padding: 5px 14px; border-radius: var(--brand-radius-xl);
}

.page-slug-account .bsm-acct-badge.free { background: var(--brand-gray-100); color: var(--brand-gray-400); border: var(--brand-border-width-thin) solid var(--brand-gray-100); }

.page-slug-account .bsm-acct-badge.paid { background: linear-gradient(135deg, var(--brand-teal), var(--brand-cyan)); color: var(--brand-white); }

.page-slug-account .bsm-acct-badge.cancelling { background: var(--brand-pale-yellow); color: var(--brand-orange); border: var(--brand-border-width-thin) solid var(--brand-pale-yellow); }

.page-slug-account /* SUBSCRIPTION ROWS */
.bsm-acct-sub-rows { display: flex; flex-direction: column; gap: 12px; margin-bottom: 20px; }

.page-slug-account .bsm-acct-sub-row {
    display: flex; justify-content: space-between; align-items: center;
    padding: 14px 18px; background: var(--brand-gray-100);
    border: var(--brand-border-width-thin) solid var(--brand-gray-100); border-radius: var(--brand-radius-md);
}

.page-slug-account .bsm-acct-sub-row-label { font-size: var(--brand-font-size-md); color: var(--brand-gray-400); font-weight: var(--brand-weight-semibold); }

.page-slug-account .bsm-acct-sub-row-value { font-size: var(--brand-font-size-md); color: var(--brand-black); font-weight: var(--brand-weight-bold); }

.page-slug-account /* CANCELLATION PENDING BANNER */
.bsm-acct-cancel-banner {
    background: var(--brand-pale-yellow); border: var(--brand-border-width-thin) solid var(--brand-pale-yellow);
    border-radius: var(--brand-radius-lg); padding: 16px 20px;
    font-size: var(--brand-font-size-md); color: var(--brand-orange);
    margin-bottom: 16px; line-height: 1.6;
    display: flex; gap: 10px; align-items: flex-start;
}

.page-slug-account /* MODULE CHECKLIST */
.bsm-acct-modules {
    display: grid; grid-template-columns: 1fr 1fr;
    gap: 8px; margin-bottom: 20px;
}

@media (max-width: 500px) {
.page-slug-account .bsm-acct-modules { grid-template-columns: 1fr; }
}

.page-slug-account .bsm-acct-module {
    display: flex; align-items: center; gap: 10px;
    padding: 11px 14px; border-radius: var(--brand-radius-md);
    font-size: var(--brand-font-size-md); font-weight: var(--brand-weight-semibold);
}

.page-slug-account .bsm-acct-module.unlocked { background: var(--brand-mint); border: var(--brand-border-width-thin) solid var(--brand-mint); color: var(--brand-black); }

.page-slug-account .bsm-acct-module.locked { background: var(--brand-gray-100); border: var(--brand-border-width-thin) solid var(--brand-gray-100); color: var(--brand-gray-400); }

.page-slug-account .bsm-acct-module-icon { font-size: var(--brand-font-size-md); flex-shrink: 0; }

.page-slug-account /* UPGRADE PROMPT */
.bsm-acct-upgrade-prompt {
    background: linear-gradient(135deg, var(--brand-mint), var(--brand-gray-100));
    border: var(--brand-border-width-thin) solid var(--brand-mint);
    border-radius: var(--brand-radius-lg); padding: 24px 28px;
    display: flex; align-items: center;
    justify-content: space-between; gap: 20px;
    margin-top: 8px;
}

.page-slug-account .bsm-acct-upgrade-text { font-size: var(--brand-font-size-md); color: var(--brand-black); font-weight: var(--brand-weight-semibold); line-height: 1.5; }

.page-slug-account .bsm-acct-upgrade-text span { color: var(--brand-gray-400); font-weight: var(--brand-weight-regular); font-size: var(--brand-font-size-base); display: block; margin-top: 3px; }

.page-slug-account .bsm-acct-upgrade-btn {
    background: linear-gradient(135deg, var(--brand-teal), var(--brand-cyan));
    color: var(--brand-white); border: none; border-radius: var(--brand-radius-md);
    padding: 12px 22px; font-size: var(--brand-font-size-md); font-weight: var(--brand-weight-bold);
    cursor: pointer; text-decoration: none; white-space: nowrap;
    transition: opacity .15s;
}

.page-slug-account .bsm-acct-upgrade-btn:hover { opacity: .9; }

.page-slug-account /* CHANGE PLAN LINK */
.bsm-acct-change-plan {
    display: flex; align-items: center; justify-content: space-between;
    padding: 16px 20px; background: var(--brand-gray-100);
    border: var(--brand-border-width-thin) solid var(--brand-gray-100); border-radius: var(--brand-radius-lg);
    margin-top: 12px; text-decoration: none;
    transition: border-color .2s, background .2s;
}

.page-slug-account .bsm-acct-change-plan:hover { border-color: var(--brand-teal); background: var(--brand-mint); }

.page-slug-account .bsm-acct-change-plan-text { font-size: var(--brand-font-size-md); font-weight: var(--brand-weight-semibold); color: var(--brand-black); }

.page-slug-account .bsm-acct-change-plan-text span { font-size: var(--brand-font-size-base); color: var(--brand-gray-400); font-weight: var(--brand-weight-regular); display: block; margin-top: 2px; }

.page-slug-account .bsm-acct-change-plan-arrow { color: var(--brand-teal); font-size: var(--brand-font-size-xl); font-weight: var(--brand-weight-bold); }

.page-slug-account /* MEMBERS */
.bsm-acct-members-empty {
    text-align: center; padding: 28px 20px;
    color: var(--brand-gray-400); font-size: var(--brand-font-size-md); line-height: 1.7;
}

.page-slug-account .bsm-acct-members-empty strong { display: block; color: var(--brand-gray-400); font-size: var(--brand-font-size-lg); margin-bottom: 8px; }

.page-slug-account .bsm-acct-members-empty a { color: var(--brand-teal); font-weight: var(--brand-weight-bold); text-decoration: none; }

.page-slug-account /* DANGER ZONE */
.bsm-acct-danger-row {
    display: flex; align-items: center;
    justify-content: space-between; gap: 20px;
    padding: 20px 24px; background: var(--brand-orange);
    border: var(--brand-border-width-thin) solid var(--brand-red-light); border-radius: var(--brand-radius-lg);
    margin-bottom: 12px;
}

.page-slug-account .bsm-acct-danger-row:last-child { margin-bottom: 0; }

.page-slug-account .bsm-acct-danger-text { font-size: var(--brand-font-size-md); color: var(--brand-black); font-weight: var(--brand-weight-semibold); line-height: 1.5; }

.page-slug-account .bsm-acct-danger-text span { color: var(--brand-gray-400); font-weight: var(--brand-weight-regular); font-size: var(--brand-font-size-base); display: block; margin-top: 3px; }

.page-slug-account .bsm-acct-danger-btn {
    background: none; border: var(--brand-border-width-thick) solid var(--brand-orange);
    color: var(--brand-red); border-radius: var(--brand-radius-md);
    padding: 10px 20px; font-size: var(--brand-font-size-md); font-weight: var(--brand-weight-bold);
    cursor: pointer; white-space: nowrap;
    transition: background .15s, color .15s;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    text-decoration: none; display: inline-block;
}

.page-slug-account .bsm-acct-danger-btn:hover { background: var(--brand-red); color: var(--brand-white); border-color: var(--brand-red); }

@media (max-width: 600px) {
.page-slug-account .bsm-acct-card { padding: 24px 20px; }
.page-slug-account .bsm-acct-title { font-size: var(--brand-font-size-xxxl); }
.page-slug-account .bsm-acct-upgrade-prompt { flex-direction: column; }
.page-slug-account .bsm-acct-danger-row { flex-direction: column; text-align: center; }
}

.page-slug-account /* ==== Stage 3: extracted repeated inline styles ==== */
.u-margin-bottom-16px-2 { margin-bottom:16px; }

.page-slug-account .u-margin-top-14px { margin-top:14px; }

.page-slug-account .u-color-92400e { color:var(--brand-orange); }

/* ===== migrated from account/admin-delete-user.php (scoped: .page-slug-admin-delete-user-site-wide) ===== */
.page-slug-admin-delete-user-site-wide /* ============================================================
   BSM ADMIN USER DELETE SPA
   ============================================================ */
/* moved to css/common.css (Stage 5, 30 aug 2026): .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) */

.page-slug-admin-delete-user-site-wide .bsm-aud-wrap {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    background: var(--brand-peach);
    min-height: 100vh;
    width: 100%;
    box-sizing: border-box;
    padding: 24px 20px 60px;
}

.page-slug-admin-delete-user-site-wide .bsm-aud-inner {
    max-width: var(--brand-width-wide);
    margin: 0 auto;
    box-sizing: border-box;
}

.page-slug-admin-delete-user-site-wide /* HEADER */
.bsm-aud-header { margin-bottom: 28px; }

.page-slug-admin-delete-user-site-wide .bsm-aud-eyebrow {
    font-size: var(--brand-font-size-base); font-weight: var(--brand-weight-bold);
    text-transform: uppercase; letter-spacing: 1px;
    color: var(--brand-red); margin-bottom: 10px;
}

.page-slug-admin-delete-user-site-wide .bsm-aud-title {
    font-size: var(--brand-font-size-xxxl); font-weight: var(--brand-weight-bold);
    color: var(--brand-black); letter-spacing: -0.5px; margin-bottom: 6px;
}

.page-slug-admin-delete-user-site-wide .bsm-aud-sub { font-size: var(--brand-font-size-md); color: var(--brand-gray-400); line-height: 1.6; }

.page-slug-admin-delete-user-site-wide /* CARDS */
.bsm-aud-card {
    background: var(--brand-white); border: var(--brand-border-width-thin) solid var(--brand-gray-100);
    border-radius: var(--brand-radius-lg); padding: 28px 32px;
    margin-bottom: 20px;
    box-shadow: 0 4px 20px rgba(15,23,42,.05);
}

.page-slug-admin-delete-user-site-wide .bsm-aud-card.danger { border-color: var(--brand-orange); }

.page-slug-admin-delete-user-site-wide .bsm-aud-card.admin-danger { border-color: var(--brand-red); background: var(--brand-red-light); }

.page-slug-admin-delete-user-site-wide /* MESSAGES */
.bsm-aud-success {
    background: var(--brand-green-light); border: var(--brand-border-width-thin) solid var(--brand-mint);
    border-radius: var(--brand-radius-md); padding: 16px 18px;
    font-size: var(--brand-font-size-md); color: var(--brand-teal); font-weight: var(--brand-weight-semibold);
    margin-bottom: 20px; line-height: 1.6;
}

.page-slug-admin-delete-user-site-wide .bsm-aud-error {
    background: var(--brand-red-light); border: var(--brand-border-width-thin) solid var(--brand-red-light);
    border-radius: var(--brand-radius-md); padding: 14px 18px;
    font-size: var(--brand-font-size-md); color: var(--brand-red);
    margin-bottom: 20px;
}

.page-slug-admin-delete-user-site-wide /* SEARCH */
.bsm-aud-search-grid {
    display: grid; grid-template-columns: 1fr 2fr auto;
    gap: 12px; align-items: end;
}

@media (max-width: 540px) {
.page-slug-admin-delete-user-site-wide .bsm-aud-search-grid { grid-template-columns: 1fr; }
}

.page-slug-admin-delete-user-site-wide .bsm-aud-field label {
    display: block; font-size: var(--brand-font-size-base); font-weight: var(--brand-weight-bold);
    color: var(--brand-gray-400); margin-bottom: 6px;
}

.page-slug-admin-delete-user-site-wide .bsm-aud-select,
.page-slug-admin-delete-user-site-wide .bsm-aud-input {
    width: 100%; padding: 12px 14px;
    border: var(--brand-border-width-thick) solid var(--brand-gray-100); border-radius: var(--brand-radius-md);
    font-size: var(--brand-font-size-md); color: var(--brand-black); outline: none;
    transition: border-color .2s; background: var(--brand-white);
    box-sizing: border-box;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.page-slug-admin-delete-user-site-wide .bsm-aud-select:focus,
.page-slug-admin-delete-user-site-wide .bsm-aud-input:focus { border-color: var(--brand-teal); }

.page-slug-admin-delete-user-site-wide .bsm-aud-search-btn {
    padding: 12px 20px;
    background: var(--brand-black); color: var(--brand-white);
    border: none; border-radius: var(--brand-radius-md);
    font-size: var(--brand-font-size-md); font-weight: var(--brand-weight-bold);
    cursor: pointer; white-space: nowrap;
    transition: opacity .15s;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.page-slug-admin-delete-user-site-wide .bsm-aud-search-btn:hover { opacity: .85; }

.page-slug-admin-delete-user-site-wide /* USER FOUND */
.bsm-aud-user-grid {
    display: grid; grid-template-columns: 1fr 1fr;
    gap: 10px; margin-bottom: 20px;
}

.page-slug-admin-delete-user-site-wide .bsm-aud-user-row {
    padding: 12px 14px; background: var(--brand-gray-100);
    border: var(--brand-border-width-thin) solid var(--brand-gray-100); border-radius: var(--brand-radius-md);
}

.page-slug-admin-delete-user-site-wide .bsm-aud-user-label {
    font-size: var(--brand-font-size-xs); font-weight: var(--brand-weight-bold); color: var(--brand-gray-400);
    text-transform: uppercase; letter-spacing: .5px;
    margin-bottom: 4px;
}

.page-slug-admin-delete-user-site-wide .bsm-aud-user-value { font-size: var(--brand-font-size-md); font-weight: var(--brand-weight-bold); color: var(--brand-black); }

.page-slug-admin-delete-user-site-wide .bsm-aud-user-value.red { color: var(--brand-red); }

.page-slug-admin-delete-user-site-wide /* ADMIN WARNING BANNER */
.bsm-aud-admin-banner {
    background: var(--brand-red); color: var(--brand-white);
    border-radius: var(--brand-radius-md); padding: 16px 18px;
    font-size: var(--brand-font-size-md); font-weight: var(--brand-weight-bold);
    text-align: center; margin-bottom: 20px;
    line-height: 1.6;
}

.page-slug-admin-delete-user-site-wide .bsm-aud-admin-banner span {
    display: block; font-size: var(--brand-font-size-xxl); margin-bottom: 6px;
}

.page-slug-admin-delete-user-site-wide /* WARNING STEPS */
.bsm-aud-warn-title {
    font-size: var(--brand-font-size-lg); font-weight: var(--brand-weight-bold); color: var(--brand-black);
    margin-bottom: 12px;
}

.page-slug-admin-delete-user-site-wide .bsm-aud-warn-list {
    margin-bottom: 20px;
}

.page-slug-admin-delete-user-site-wide .bsm-aud-warn-item {
    display: flex; align-items: flex-start; gap: 10px;
    padding: 10px 14px; margin-bottom: 8px;
    background: var(--brand-red-light); border: var(--brand-border-width-thin) solid var(--brand-red-light);
    border-radius: var(--brand-radius-md); font-size: var(--brand-font-size-md); color: var(--brand-black);
}

.page-slug-admin-delete-user-site-wide .bsm-aud-warn-x { color: var(--brand-red); font-weight: var(--brand-weight-black); flex-shrink: 0; }

.page-slug-admin-delete-user-site-wide /* TYPE CONFIRM */
.bsm-aud-type-label {
    font-size: var(--brand-font-size-md); font-weight: var(--brand-weight-bold); color: var(--brand-black);
    margin-bottom: 8px; display: block; text-align: center;
}

.page-slug-admin-delete-user-site-wide .bsm-aud-type-label em { color: var(--brand-red); font-style: normal; }

.page-slug-admin-delete-user-site-wide .bsm-aud-type-input {
    width: 100%; padding: 14px;
    border: var(--brand-border-width-thick) solid var(--brand-orange); border-radius: var(--brand-radius-md);
    font-size: var(--brand-font-size-xl); font-weight: var(--brand-weight-bold); color: var(--brand-red);
    text-align: center; letter-spacing: 3px;
    outline: none; background: var(--brand-white);
    transition: border-color .2s; box-sizing: border-box;
    margin-bottom: 16px;
}

.page-slug-admin-delete-user-site-wide .bsm-aud-type-input:focus { border-color: var(--brand-red); }

.page-slug-admin-delete-user-site-wide /* BUTTONS */
.bsm-aud-delete-btn {
    width: 100%; padding: 16px;
    background: var(--brand-red); color: var(--brand-white); border: none;
    border-radius: var(--brand-radius-md); font-size: var(--brand-font-size-lg); font-weight: var(--brand-weight-bold);
    cursor: pointer; transition: opacity .15s; margin-bottom: 10px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.page-slug-admin-delete-user-site-wide .bsm-aud-delete-btn:hover { opacity: .85; }

.page-slug-admin-delete-user-site-wide .bsm-aud-delete-btn:disabled { opacity: .35; cursor: not-allowed; }

.page-slug-admin-delete-user-site-wide .bsm-aud-cancel-btn {
    width: 100%; padding: 12px;
    background: none; border: var(--brand-border-width-thin) solid var(--brand-gray-100);
    border-radius: var(--brand-radius-md); font-size: var(--brand-font-size-md); font-weight: var(--brand-weight-semibold);
    color: var(--brand-gray-400); cursor: pointer; text-align: center;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.page-slug-admin-delete-user-site-wide .bsm-aud-cancel-btn:hover { border-color: var(--brand-teal); color: var(--brand-teal); }

@keyframes sp-admin-delete-user-admin-delete-user-site-wide-audfade { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }

.page-slug-admin-delete-user-site-wide /* ==== Stage 3: extracted repeated inline styles ==== */
.u-display-none { display:none; }

.page-slug-admin-delete-user-site-wide /* ==== Stage 3: extracted repeated inline styles ==== */
.u-text-align-center { text-align:center; }

/* ===== migrated from account/admin_user_management_guide.php (scoped: .page-slug-admin-user-management-guide) ===== */
.page-slug-admin-user-management-guide {
}

.page-slug-admin-user-management-guide * { box-sizing: border-box; }

body.page-slug-admin-user-management-guide {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    background: var(--brand-peach);
    color: var(--brand-black);
    line-height: 1.7;
}

.page-slug-admin-user-management-guide /* HEADER - intentionally small,
.page-slug-admin-user-management-guide this is a working document not a cover page */
.doc-header {
    background: var(--brand-white);
    border-bottom: var(--brand-border-width-thin) solid var(--brand-gray-100);
    padding: 22px 32px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
}

.page-slug-admin-user-management-guide .doc-header-brand {
    font-size: var(--brand-font-size-lg);
    font-weight: var(--brand-weight-extrabold);
    letter-spacing: -0.2px;
}

.page-slug-admin-user-management-guide .doc-header-brand .b1 { color: var(--brand-teal); }

.page-slug-admin-user-management-guide .doc-header-brand .b2 { color: var(--brand-black); }

.page-slug-admin-user-management-guide .doc-header-brand .b3 { color: var(--brand-cyan); }

.page-slug-admin-user-management-guide .doc-header-title {
    font-size: var(--brand-font-size-base);
    color: var(--brand-gray-400);
    font-weight: var(--brand-weight-semibold);
}

.page-slug-admin-user-management-guide .doc-header-meta {
    font-size: var(--brand-font-size-sm);
    color: var(--brand-gray-400);
}

.page-slug-admin-user-management-guide .doc-wrap {
    max-width: var(--brand-width-wide);
    margin: 0 auto;
    padding: 40px 28px 100px;
}

.page-slug-admin-user-management-guide /* INTRO */
.doc-intro {
    background: var(--brand-white);
    border: var(--brand-border-width-thin) solid var(--brand-gray-100);
    border-radius: var(--brand-radius-lg);
    padding: 32px 36px;
    margin-bottom: 28px;
}

.page-slug-admin-user-management-guide .doc-intro h1 {
    font-size: var(--brand-font-size-xxxl);
    margin: 0 0 10px;
    letter-spacing: -0.3px;
}

.page-slug-admin-user-management-guide .doc-intro p {
    font-size: var(--brand-font-size-md);
    color: var(--brand-gray-400);
    margin: 0 0 12px;
}

.page-slug-admin-user-management-guide .doc-intro p:last-child { margin-bottom: 0; }

.page-slug-admin-user-management-guide .doc-intro-tag {
    display: inline-block;
    font-size: var(--brand-font-size-xs);
    font-weight: var(--brand-weight-bold);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--brand-teal);
    background: var(--brand-mint);
    border: var(--brand-border-width-thin) solid var(--brand-mint);
    border-radius: var(--brand-radius-xl);
    padding: 4px 12px;
    margin-bottom: 14px;
}

.page-slug-admin-user-management-guide /* TABLE OF CONTENTS */
.doc-toc {
    background: var(--brand-white);
    border: var(--brand-border-width-thin) solid var(--brand-gray-100);
    border-radius: var(--brand-radius-lg);
    padding: 28px 32px;
    margin-bottom: 28px;
}

.page-slug-admin-user-management-guide .doc-toc-title {
    font-size: var(--brand-font-size-base);
    font-weight: var(--brand-weight-bold);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--brand-gray-400);
    margin-bottom: 16px;
}

.page-slug-admin-user-management-guide .doc-toc ol {
    list-style: none;
    margin: 0;
    padding: 0;
    counter-reset: toc;
}

.page-slug-admin-user-management-guide .doc-toc li {
    counter-increment: toc;
    padding: 9px 0;
    border-bottom: var(--brand-border-width-thin) solid var(--brand-gray-100);
    font-size: var(--brand-font-size-md);
}

.page-slug-admin-user-management-guide .doc-toc li:last-child { border-bottom: none; }

.page-slug-admin-user-management-guide .doc-toc li::before {
    content: counter(toc) ".";
    color: var(--brand-teal);
    font-weight: var(--brand-weight-bold);
    margin-right: 10px;
    width: 18px;
    display: inline-block;
}

.page-slug-admin-user-management-guide .doc-toc a {
    color: var(--brand-black);
    text-decoration: none;
    font-weight: var(--brand-weight-semibold);
}

.page-slug-admin-user-management-guide .doc-toc a:hover { color: var(--brand-teal); }

.page-slug-admin-user-management-guide .doc-toc .sub {
    font-size: var(--brand-font-size-base);
    color: var(--brand-gray-400);
    font-weight: var(--brand-weight-regular);
    margin-left: 28px;
    display: block;
    margin-top: 1px;
}

.page-slug-admin-user-management-guide /* SECTIONS */
.doc-section {
    background: var(--brand-white);
    border: var(--brand-border-width-thin) solid var(--brand-gray-100);
    border-radius: var(--brand-radius-lg);
    padding: 36px 40px;
    margin-bottom: 22px;
}

.page-slug-admin-user-management-guide .doc-section-num {
    font-size: var(--brand-font-size-sm);
    font-weight: var(--brand-weight-bold);
    text-transform: uppercase;
    letter-spacing: 0.8px;
    color: var(--brand-teal);
    margin-bottom: 8px;
}

.page-slug-admin-user-management-guide .doc-section h2 {
    font-size: var(--brand-font-size-xxl);
    margin: 0 0 18px;
    letter-spacing: -0.2px;
    padding-bottom: 16px;
    border-bottom: var(--brand-border-width-thin) solid var(--brand-gray-100);
}

.page-slug-admin-user-management-guide .doc-section h3 {
    font-size: var(--brand-heading-h3-size);
    margin: 28px 0 12px;
    color: var(--brand-black);
}

.page-slug-admin-user-management-guide .doc-section h3:first-of-type { margin-top: 0; }

.page-slug-admin-user-management-guide .doc-section p {
    font-size: var(--brand-font-size-md);
    color: var(--brand-gray-400);
    margin: 0 0 14px;
}

.page-slug-admin-user-management-guide .doc-section ul,
.page-slug-admin-user-management-guide .doc-section ol {
    margin: 0 0 16px;
    padding-left: 22px;
}

.page-slug-admin-user-management-guide .doc-section li {
    font-size: var(--brand-font-size-md);
    color: var(--brand-gray-400);
    margin-bottom: 8px;
    line-height: 1.6;
}

.page-slug-admin-user-management-guide .doc-section strong { color: var(--brand-black); }

.page-slug-admin-user-management-guide .walk-label {
    font-size: var(--brand-font-size-sm);
    font-weight: var(--brand-weight-bold);
    text-transform: uppercase;
    letter-spacing: 0.4px;
    color: var(--brand-teal);
    margin: 18px 0 10px !important;
}

.page-slug-admin-user-management-guide /* CALLOUT BOXES */
.box {
    border-radius: var(--brand-radius-lg);
    padding: 16px 20px;
    margin: 18px 0;
    font-size: var(--brand-font-size-md);
    line-height: 1.65;
}

.page-slug-admin-user-management-guide .box-tip {
    background: var(--brand-mint);
    border: var(--brand-border-width-thin) solid var(--brand-mint);
    color: var(--brand-teal);
}

.page-slug-admin-user-management-guide .box-warn {
    background: var(--brand-pale-yellow);
    border: var(--brand-border-width-thin) solid var(--brand-pale-yellow);
    color: var(--brand-orange);
}

.page-slug-admin-user-management-guide .box-careful {
    background: var(--brand-red-light);
    border: var(--brand-border-width-thin) solid var(--brand-red-light);
    color: var(--brand-magenta);
}

.page-slug-admin-user-management-guide .box-label {
    font-weight: var(--brand-weight-bold);
    text-transform: uppercase;
    font-size: var(--brand-font-size-xs);
    letter-spacing: 0.5px;
    display: block;
    margin-bottom: 6px;
}

.page-slug-admin-user-management-guide /* TIER TABLE */
.tier-table {
    width: 100%;
    border-collapse: collapse;
    margin: 16px 0 20px;
    font-size: var(--brand-font-size-md);
}

.page-slug-admin-user-management-guide .tier-table th {
    text-align: left;
    font-size: var(--brand-font-size-sm);
    font-weight: var(--brand-weight-bold);
    text-transform: uppercase;
    letter-spacing: 0.4px;
    color: var(--brand-gray-400);
    padding: 0 14px 10px;
    border-bottom: var(--brand-border-width-thin) solid var(--brand-gray-100);
}

.page-slug-admin-user-management-guide .tier-table td {
    padding: 12px 14px;
    border-bottom: var(--brand-border-width-thin) solid var(--brand-gray-100);
    color: var(--brand-black);
}

.page-slug-admin-user-management-guide .tier-table tr:last-child td { border-bottom: none; }

.page-slug-admin-user-management-guide .tier-name { font-weight: var(--brand-weight-bold); }

.page-slug-admin-user-management-guide /* FEATURE COMPARISON TABLE */
.feature-table {
    width: 100%;
    border-collapse: collapse;
    margin: 16px 0 8px;
    font-size: var(--brand-font-size-md);
}

.page-slug-admin-user-management-guide .feature-table th {
    text-align: left;
    font-size: var(--brand-font-size-sm);
    font-weight: var(--brand-weight-bold);
    text-transform: uppercase;
    letter-spacing: 0.4px;
    color: var(--brand-gray-400);
    padding: 0 14px 10px;
    border-bottom: var(--brand-border-width-thin) solid var(--brand-gray-100);
}

.page-slug-admin-user-management-guide .feature-table .ft-sub {
    font-size: var(--brand-font-size-xs);
    text-transform: none;
    font-weight: var(--brand-weight-medium);
    color: var(--brand-gray-400);
    letter-spacing: 0;
}

.page-slug-admin-user-management-guide .feature-table td {
    padding: 13px 14px;
    border-bottom: var(--brand-border-width-thin) solid var(--brand-gray-100);
    color: var(--brand-gray-400);
    vertical-align: top;
}

.page-slug-admin-user-management-guide .feature-table tr:last-child td { border-bottom: none; }

.page-slug-admin-user-management-guide .feature-table .tier-name { color: var(--brand-black); white-space: nowrap; }

.page-slug-admin-user-management-guide .ft-center { text-align: center; font-weight: var(--brand-weight-bold); color: var(--brand-teal); white-space: nowrap; }

.page-slug-admin-user-management-guide .ft-center.ft-cross { color: var(--brand-gray-400); font-weight: var(--brand-weight-regular); }

.page-slug-admin-user-management-guide /* MAIN FEATURE ROW vs SUB-FEATURE ROW */
.ft-main td { background: var(--brand-gray-100); border-top: var(--brand-border-width-thick) solid var(--brand-gray-100); }

.page-slug-admin-user-management-guide .ft-main .tier-name { font-weight: var(--brand-weight-extrabold); font-size: var(--brand-font-size-md); }

.page-slug-admin-user-management-guide .ft-main:first-child td { border-top: none; }

.page-slug-admin-user-management-guide .ft-sub-row td { padding: 9px 14px 9px 30px; font-size: var(--brand-font-size-base); }

.page-slug-admin-user-management-guide .ft-sub-row .ft-sub-name { color: var(--brand-gray-400); font-weight: var(--brand-weight-semibold); }

.page-slug-admin-user-management-guide .ft-sub-row .ft-center { font-size: var(--brand-font-size-base); }

.page-slug-admin-user-management-guide .ft-cap { font-size: var(--brand-font-size-xs); color: var(--brand-gray-400); font-weight: var(--brand-weight-semibold); display: block; margin-top: 1px; }

.page-slug-admin-user-management-guide .tip code { color:var(--brand-cyan); background:none; }

.page-slug-admin-user-management-guide .ft-subsub-row td { padding: 7px 14px 7px 46px; font-size: var(--brand-font-size-sm); }

.page-slug-admin-user-management-guide .ft-subsub-row .ft-sub-name { color: var(--brand-gray-400); font-weight: var(--brand-weight-medium); }

.page-slug-admin-user-management-guide /* NAV MAP */
.navmap-group { margin: 24px 0; }

.page-slug-admin-user-management-guide .navmap-group h4 { font-size: var(--brand-heading-h4-size); color: var(--brand-teal); text-transform: uppercase; letter-spacing: 0.5px; margin: 0 0 10px; }

.page-slug-admin-user-management-guide .navmap-table { width: 100%; border-collapse: collapse; font-size: var(--brand-font-size-md); }

.page-slug-admin-user-management-guide .navmap-table td { padding: 10px 14px; border-bottom: var(--brand-border-width-thin) solid var(--brand-gray-100); vertical-align: middle; }

.page-slug-admin-user-management-guide .navmap-table tr:last-child td { border-bottom: none; }

.page-slug-admin-user-management-guide .page-btn {
    display:inline-block; padding:5px 12px; border-radius: var(--brand-radius-md);
    background: var(--brand-teal); color:var(--brand-white); font-size:var(--brand-font-size-base); font-weight: var(--brand-weight-bold);
    text-decoration:none;
}

.page-slug-admin-user-management-guide .page-btn:hover { opacity:.85; }

.page-slug-admin-user-management-guide .url-help {
    display:inline-flex; align-items:center; justify-content:center;
    width:20px; height:20px; border-radius:50%;
    background:var(--brand-gray-100); color: var(--brand-gray-400);
    font-size:var(--brand-font-size-xs); font-weight: var(--brand-weight-bold); cursor:help;
    border:var(--brand-border-width-thin) solid var(--brand-gray-100); margin-left:6px;
    position:relative;
}

.page-slug-admin-user-management-guide .url-help:hover { background: var(--brand-teal); color:var(--brand-white); border-color: var(--brand-teal); }

.page-slug-admin-user-management-guide .url-help .tip {
    display:none; position:absolute; left:26px; top:-6px;
    width:220px; background: var(--brand-black); color:var(--brand-white);
    font-size:var(--brand-font-size-sm); font-weight: var(--brand-weight-regular); line-height:1.5;
    padding:8px 11px; border-radius:var(--brand-radius-md); z-index:10;
    text-align:left; white-space:normal;
}

.page-slug-admin-user-management-guide .url-help:hover .tip { display:block; }

.page-slug-admin-user-management-guide .tip code { color:var(--brand-cyan); background:none; }

.page-slug-admin-user-management-guide .check-toggle {
    width:28px; height:28px; border-radius: var(--brand-radius-md);
    border:var(--brand-border-width-thin) solid var(--brand-gray-100); background:var(--brand-white);
    font-size:var(--brand-font-size-md); font-weight: var(--brand-weight-bold); cursor:pointer;
    display:inline-flex; align-items:center; justify-content:center;
}

.page-slug-admin-user-management-guide .check-toggle.yes { background: var(--brand-mint); border-color: var(--brand-mint); color: var(--brand-teal); }

.page-slug-admin-user-management-guide .check-toggle.no { background:var(--brand-red-light); border-color:var(--brand-red-light); color:var(--brand-red); }

.page-slug-admin-user-management-guide /* STATUS PILLS - matches the real product UI so staff recognise them on screen */
.pill {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: var(--brand-font-size-xs);
    font-weight: var(--brand-weight-bold);
    padding: 3px 10px;
    border-radius: var(--brand-radius-xl);
    text-transform: uppercase;
    letter-spacing: 0.3px;
    white-space: nowrap;
}

.page-slug-admin-user-management-guide .pill-active { background: var(--brand-mint); color: var(--brand-teal); border: var(--brand-border-width-thin) solid var(--brand-mint); }

.page-slug-admin-user-management-guide .pill-invited { background: var(--brand-pale-yellow); color: var(--brand-orange); border: var(--brand-border-width-thin) solid var(--brand-pale-yellow); }

.page-slug-admin-user-management-guide .pill-free { background: var(--brand-gray-100); color: var(--brand-gray-400); border: var(--brand-border-width-thin) solid var(--brand-gray-100); }

.page-slug-admin-user-management-guide .pill-cancelling { background: var(--brand-pale-yellow); color: var(--brand-orange); border: var(--brand-border-width-thin) solid var(--brand-pale-yellow); }

.page-slug-admin-user-management-guide /* STEP LIST - for walkthroughs */
.steps {
    list-style: none;
    margin: 0 0 18px;
    padding: 0;
    counter-reset: step;
}

.page-slug-admin-user-management-guide .steps li {
    counter-increment: step;
    position: relative;
    padding: 4px 0 4px 38px;
    margin-bottom: 12px;
    font-size: var(--brand-font-size-md);
    color: var(--brand-gray-400);
}

.page-slug-admin-user-management-guide .steps li::before {
    content: counter(step);
    position: absolute;
    left: 0;
    top: 2px;
    width: 24px;
    height: 24px;
    background: linear-gradient(135deg, var(--brand-teal), var(--brand-cyan));
    color: var(--brand-white);
    border-radius: 50%;
    font-size: var(--brand-font-size-sm);
    font-weight: var(--brand-weight-bold);
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-slug-admin-user-management-guide /* GLOSSARY */
.gloss-term {
    font-weight: var(--brand-weight-bold);
    color: var(--brand-black);
}

.page-slug-admin-user-management-guide .gloss-row {
    padding: 14px 0;
    border-bottom: var(--brand-border-width-thin) solid var(--brand-gray-100);
}

.page-slug-admin-user-management-guide .gloss-row:last-child { border-bottom: none; }

.page-slug-admin-user-management-guide .gloss-def {
    font-size: var(--brand-font-size-md);
    color: var(--brand-gray-400);
    margin-top: 4px;
}

@media (max-width: 600px) {
.page-slug-admin-user-management-guide .doc-section { padding: 26px 22px; }
.page-slug-admin-user-management-guide .doc-intro { padding: 24px 22px; }
.page-slug-admin-user-management-guide .doc-header { padding: 16px 20px; }
.page-slug-admin-user-management-guide .tier-table { font-size: var(--brand-font-size-base); }
.page-slug-admin-user-management-guide .tier-table th:nth-child(3),
.page-slug-admin-user-management-guide .tier-table td:nth-child(3) { display: none; }
.page-slug-admin-user-management-guide .feature-table { font-size: var(--brand-font-size-base); }
.page-slug-admin-user-management-guide .feature-table th:nth-child(2),
.page-slug-admin-user-management-guide .feature-table td:nth-child(2) { display: none; }
}

/* ===== migrated from account/bsm-plans-page.php (scoped: .page-slug-plans-page) ===== */
/* moved to css/common.css (Stage 5, 30 aug 2026): .page-slug-plans-page .is-layout-constrained > :where(:not(.alignleft):not(.alignright):no... */

.page-slug-plans-page .bsm-plans-wrap {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    background: var(--brand-peach); min-height: 100vh;
    width: 100%; box-sizing: border-box; padding: 24px 20px 60px;
}

.page-slug-plans-page .bsm-plans-inner { margin: 0 auto; box-sizing: border-box; }

.page-slug-plans-page .bsm-plans-header { text-align: center; margin-bottom: 48px; }

.page-slug-plans-page .bsm-plans-eyebrow { font-size: var(--brand-font-size-base); font-weight: var(--brand-weight-bold); text-transform: uppercase; letter-spacing: 1px; color: var(--brand-teal); margin-bottom: 12px; }

.page-slug-plans-page .bsm-plans-title { font-size: var(--brand-font-size-xxxl); font-weight: var(--brand-weight-bold); color: var(--brand-black); letter-spacing: -0.5px; margin-bottom: 10px; }

.page-slug-plans-page .bsm-plans-title em { color: var(--brand-teal); font-style: normal; }

.page-slug-plans-page .bsm-plans-sub { font-size: var(--brand-font-size-lg); color: var(--brand-gray-400); line-height: 1.6; }

.page-slug-plans-page .bsm-plans-current {
    background: var(--brand-white); border: var(--brand-border-width-thin) solid var(--brand-gray-100);
    border-radius: var(--brand-radius-lg); padding: 20px 28px;
    display: flex; align-items: center; justify-content: space-between;
    gap: 16px; margin-bottom: 36px;
    box-shadow: 0 2px 12px rgba(15,23,42,.04);
}

.page-slug-plans-page .bsm-plans-current-label { font-size: var(--brand-font-size-md); color: var(--brand-gray-400); font-weight: var(--brand-weight-semibold); margin-bottom: 4px; }

.page-slug-plans-page .bsm-plans-current-value { font-size: var(--brand-font-size-xl); font-weight: var(--brand-weight-bold); color: var(--brand-black); }

.page-slug-plans-page .bsm-plans-current-badge {
    font-size: var(--brand-font-size-sm); font-weight: var(--brand-weight-bold); text-transform: uppercase; letter-spacing: .5px;
    padding: 6px 16px; border-radius: var(--brand-radius-xl);
    background: linear-gradient(135deg, var(--brand-teal), var(--brand-cyan)); color: var(--brand-white); white-space: nowrap;
}

.page-slug-plans-page .bsm-plans-current-badge.cancelling { background: var(--brand-pale-yellow); color: var(--brand-orange); border: var(--brand-border-width-thin) solid var(--brand-pale-yellow); }

.page-slug-plans-page .bsm-plans-cancel-banner {
    background: var(--brand-pale-yellow); border: var(--brand-border-width-thin) solid var(--brand-pale-yellow);
    border-radius: var(--brand-radius-lg); padding: 14px 20px;
    font-size: var(--brand-font-size-md); color: var(--brand-orange);
    margin-bottom: 24px; line-height: 1.6;
    display: flex; gap: 10px; align-items: center;
}

.page-slug-plans-page .bsm-plans-toggle-wrap { display: flex; align-items: center; justify-content: center; gap: 14px; margin-bottom: 32px; }

.page-slug-plans-page .bsm-plans-toggle-label { font-size: var(--brand-font-size-md); font-weight: var(--brand-weight-bold); color: var(--brand-gray-400); transition: color .2s; }

.page-slug-plans-page .bsm-plans-toggle-label.active { color: var(--brand-black); }

.page-slug-plans-page .bsm-plans-toggle {
    position: relative; width: 52px; height: 28px;
    background: var(--brand-gray-100); border-radius: var(--brand-radius-lg);
    cursor: pointer; transition: background .2s;
    border: none; padding: 0; flex-shrink: 0;
}

.page-slug-plans-page .bsm-plans-toggle.annual { background: var(--brand-teal); }

.page-slug-plans-page .bsm-plans-toggle-thumb {
    position: absolute; top: 3px; left: 3px;
    width: 22px; height: 22px; border-radius: 50%;
    background: var(--brand-white); transition: transform .2s;
    box-shadow: var(--brand-elevation-soft);
}

.page-slug-plans-page .bsm-plans-toggle.annual .bsm-plans-toggle-thumb { transform: translateX(24px); }

.page-slug-plans-page .bsm-plans-tabs { display: flex; justify-content: center; gap: 4px; margin-bottom: 24px; border-bottom: var(--brand-border-width-thick) solid var(--brand-gray-100); }

.page-slug-plans-page .bsm-plans-tab-btn {
    background: none; border: none; padding: 12px 22px; font-size: var(--brand-font-size-md); font-weight: var(--brand-weight-bold);
    color: var(--brand-gray-400); cursor: pointer; border-bottom: var(--brand-border-width-thick) solid transparent; margin-bottom: -2px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.page-slug-plans-page .bsm-plans-tab-btn:hover { color: var(--brand-black); }

.page-slug-plans-page .bsm-plans-tab-btn.bsm-plans-tab-active { color: var(--brand-teal); border-bottom-color: var(--brand-teal); }

.page-slug-plans-page .bsm-plans-grid {
    display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px; margin-bottom: 36px;
}

.page-slug-plans-page .bsm-plans-card {
    background: var(--brand-white); border: var(--brand-border-width-thick) solid var(--brand-gray-100);
    border-radius: var(--brand-radius-xl); padding: 32px 24px;
    text-align: center; position: relative;
    display: flex; flex-direction: column;
    transition: transform .2s, box-shadow .2s;
    box-shadow: 0 4px 20px rgba(15,23,42,.04);
}

.page-slug-plans-page .bsm-plans-card > .bsm-plans-btn-current,
.page-slug-plans-page .bsm-plans-card > .bsm-plans-btn-switch {
    margin-top: auto;
}

.page-slug-plans-page .bsm-plans-card:hover { transform: translateY(-3px); box-shadow: 0 12px 36px rgba(15,23,42,.09); }

.page-slug-plans-page .bsm-plans-card.featured { border-color: var(--brand-teal); background: linear-gradient(180deg, var(--brand-mint) 0%, var(--brand-white) 40%); }

.page-slug-plans-page .bsm-plans-card.current-plan { border-color: var(--brand-cyan); background: linear-gradient(180deg, var(--brand-gray-100) 0%, var(--brand-white) 40%); }

.page-slug-plans-page .bsm-plans-card.linked-highlight { border-color: var(--brand-teal); box-shadow: 0 0 0 4px rgba(13,148,136,.15), 0 12px 36px rgba(15,23,42,.09); }

.page-slug-plans-page .bsm-plans-card-badge.linked { background: linear-gradient(135deg, var(--brand-teal), var(--brand-cyan)); color: var(--brand-white); }

.page-slug-plans-page .bsm-plans-card-badge {
    position: absolute; top: -13px; left: 50%; transform: translateX(-50%);
    font-size: var(--brand-font-size-xs); font-weight: var(--brand-weight-bold); text-transform: uppercase; letter-spacing: 1px;
    padding: 4px 16px; border-radius: var(--brand-radius-xl); white-space: nowrap;
}

.page-slug-plans-page .bsm-plans-card-badge.popular { background: linear-gradient(135deg, var(--brand-teal), var(--brand-cyan)); color: var(--brand-white); }

.page-slug-plans-page .bsm-plans-card-badge.active-plan { background: var(--brand-cyan); color: var(--brand-white); }

.page-slug-plans-page .bsm-plans-card-name { font-size: var(--brand-font-size-xxl); font-weight: var(--brand-weight-extrabold); color: var(--brand-black); margin-bottom: 8px; margin-top: 10px; min-height: 56px; }

.page-slug-plans-page .bsm-plans-card-desc { font-size: var(--brand-font-size-base); color: var(--brand-gray-400); line-height: 1.5; margin-bottom: 20px; min-height: 42px; }

.page-slug-plans-page .bsm-plans-card-price { font-size: var(--brand-font-size-xxxl); font-weight: var(--brand-weight-extrabold); color: var(--brand-teal); line-height: 1; margin-bottom: 4px; letter-spacing: -1px; }

.page-slug-plans-page .bsm-plans-card-price span { font-size: var(--brand-font-size-lg); font-weight: var(--brand-weight-semibold); color: var(--brand-gray-400); letter-spacing: 0; }

.page-slug-plans-page .bsm-plans-card-period { font-size: var(--brand-font-size-base); color: var(--brand-gray-400); margin-bottom: 20px; }

.page-slug-plans-page .bsm-plans-card-seats {
    font-size: var(--brand-font-size-base); font-weight: var(--brand-weight-bold); color: var(--brand-teal);
    background: var(--brand-mint); border: var(--brand-border-width-thin) solid var(--brand-mint);
    border-radius: var(--brand-radius-xl); padding: 5px 14px;
    display: inline-block; margin-bottom: 24px;
}

.page-slug-plans-page .bsm-plans-btn-current {
    display: block; width: 100%; padding: 14px 20px;
    background: var(--brand-gray-100); border: var(--brand-border-width-thick) solid var(--brand-gray-100);
    border-radius: var(--brand-radius-lg); font-size: var(--brand-font-size-md); font-weight: var(--brand-weight-bold);
    color: var(--brand-gray-400); cursor: default; box-sizing: border-box;
}

.page-slug-plans-page .bsm-plans-btn-switch {
    display: block; width: 100%; padding: 14px 20px;
    background: linear-gradient(135deg, var(--brand-teal), var(--brand-cyan));
    border: none; border-radius: var(--brand-radius-lg);
    font-size: var(--brand-font-size-md); font-weight: var(--brand-weight-bold); color: var(--brand-white);
    cursor: pointer; text-decoration: none;
    transition: opacity .15s; box-sizing: border-box;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.page-slug-plans-page .bsm-plans-btn-switch:hover { opacity: .9; }

.page-slug-plans-page .bsm-plans-btn-switch.outline { background: none; border: var(--brand-border-width-thick) solid var(--brand-gray-100); color: var(--brand-gray-400); }

.page-slug-plans-page .bsm-plans-btn-switch.outline:hover { border-color: var(--brand-teal); color: var(--brand-teal); }

@media (max-width: 600px) {

}

.page-slug-plans-page .bsm-plans-footer {
    text-align: center; font-size: var(--brand-font-size-base); color: var(--brand-gray-400);
    line-height: 1.7; padding-top: 20px; border-top: var(--brand-border-width-thin) solid var(--brand-gray-100);
}

.page-slug-plans-page .bsm-plans-footer a { color: var(--brand-teal); text-decoration: none; font-weight: var(--brand-weight-semibold); }

.page-slug-plans-page /* ==== Stage 3: extracted repeated inline styles ==== */
.u-display-none { display:none; }

/* ===== migrated from account/dashboard-admin-nav.php -- orphaned/dead (only reference is a commented-out include with a wrong path) -- migrated anyway, unscoped, unique class .bsm-anav-bar ===== */

/* ============================================================
   BSM ACCOUNT NAV - standalone fixed top-right bar
   ============================================================ */
.bsm-anav-bar {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: 60px !important;
    background: var(--brand-white) !important;
    border-bottom: var(--brand-border-width-thin) solid var(--brand-gray-100) !important;
    z-index: 999999 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    padding: 0 32px !important;
    box-sizing: border-box !important;
}

/* MESSAGES LINK - sits in the bar itself, left of the avatar dropdown */
.bsm-anav-msg-link {
    display: flex;
    align-items: center;
    gap: 7px;
    color: var(--brand-gray-400);
    font-size: var(--brand-font-size-md);
    font-weight: var(--brand-weight-semibold);
    text-decoration: none;
    padding: 6px 12px;
    border-radius: var(--brand-radius-md);
    margin-right: 8px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    transition: background .15s, color .15s;
    white-space: nowrap;
}
.bsm-anav-msg-link:hover {
    background: var(--brand-mint);
    color: var(--brand-teal);
}
.bsm-anav-msg-count {
    color: var(--brand-teal);
    font-weight: var(--brand-weight-bold);
}

/* ACCOUNT DROPDOWN TRIGGER */
.bsm-anav-wrap {
    position: relative;
    display: inline-block;
}
.bsm-anav-trigger {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--brand-gray-400);
    font-size: var(--brand-font-size-md);
    font-weight: var(--brand-weight-semibold);
    cursor: pointer;
    background: none;
    border: none;
    padding: 6px 10px;
    border-radius: var(--brand-radius-md);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    transition: background .15s, color .15s;
}
.bsm-anav-trigger:hover {
    background: var(--brand-mint);
    color: var(--brand-teal);
}
.bsm-anav-avatar {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--brand-teal), var(--brand-cyan));
    color: var(--brand-white);
    font-size: var(--brand-font-size-base);
    font-weight: var(--brand-weight-bold);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.bsm-anav-label { line-height: 1; }
.bsm-anav-caret {
    font-size: var(--brand-font-size-xs);
    color: var(--brand-gray-400);
    transition: transform .2s;
}
.bsm-anav-wrap.open .bsm-anav-caret {
    transform: rotate(180deg);
}

/* DROPDOWN */
.bsm-anav-dropdown {
    display: none;
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    min-width: 240px;
    background: var(--brand-white);
    border: var(--brand-border-width-thin) solid var(--brand-gray-100);
    border-radius: var(--brand-radius-lg);
    box-shadow: 0 8px 32px rgba(15,23,42,.12);
    z-index: 999998;
    overflow: hidden;
}
.bsm-anav-wrap.open .bsm-anav-dropdown {
    display: block;
    animation: anavfade .15s ease;
}
@keyframes anavfade {
    from { opacity: 0; transform: translateY(-6px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* USER INFO */
.bsm-anav-info {
    padding: 14px 16px;
    border-bottom: var(--brand-border-width-thin) solid var(--brand-gray-100);
    background: var(--brand-gray-100);
}
.bsm-anav-info-name {
    font-size: var(--brand-font-size-md);
    font-weight: var(--brand-weight-bold);
    color: var(--brand-black);
    margin-bottom: 3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.bsm-anav-info-email {
    font-size: var(--brand-font-size-sm);
    color: var(--brand-gray-400);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* MENU ITEMS */
.bsm-anav-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    font-size: var(--brand-font-size-md);
    font-weight: var(--brand-weight-semibold);
    color: var(--brand-gray-400);
    text-decoration: none;
    transition: background .15s, color .15s;
    border-bottom: var(--brand-border-width-thin) solid var(--brand-gray-100);
    cursor: pointer;
    width: 100%;
    box-sizing: border-box;
    background: none;
    border-left: none;
    border-right: none;
    border-top: none;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    text-align: left;
}
.bsm-anav-item:last-child { border-bottom: none; }
.bsm-anav-item:hover { background: var(--brand-mint); color: var(--brand-teal); }
.bsm-anav-item-icon { font-size: var(--brand-font-size-md); width: 20px; text-align: center; flex-shrink: 0; }
.bsm-anav-item.logout { color: var(--brand-red); }
.bsm-anav-item.logout:hover { background: var(--brand-red-light); color: var(--brand-red); }

/* PAGE OFFSET - push page content below the nav bar */
.bsm-anav-offset {
    height: 60px;
    width: 100%;
    display: block;
}

/* ==== Stage 3: extracted repeated inline styles ==== */
.u-font-size-16px { font-size:var(--brand-font-size-lg); }


/* ===== migrated from account/delete-my-account.php (scoped: .page-slug-account-delete-my-account) ===== */
.page-slug-account-delete-my-account /* ============================================================
   BSM DELETE ACCOUNT SPA (Self-Delete Only)
   ============================================================ */
/* moved to css/common.css (Stage 5, 30 aug 2026): .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) */

.page-slug-account-delete-my-account .bsm-del-screen.active { display: block; animation: sp-delete-my-account-account-delete-my-account-delfade .3s ease; }

@keyframes sp-delete-my-account-account-delete-my-account-delfade { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }

.page-slug-account-delete-my-account .bsm-del-step.active { background: var(--brand-red); color: var(--brand-white); }

.page-slug-account-delete-my-account .bsm-del-step.done { background: var(--brand-teal); color: var(--brand-white); }

.page-slug-account-delete-my-account .bsm-del-step-line.done { background: var(--brand-teal); }

.page-slug-account-delete-my-account /* CARD */
.bsm-del-card {
    background: var(--brand-white);
    border-radius: var(--brand-radius-xl);
    border: var(--brand-border-width-thin) solid var(--brand-gray-100);
    padding: 44px 40px;
    box-shadow: 0 4px 28px rgba(15,23,42,.07);
}

.page-slug-account-delete-my-account .bsm-del-card.danger { border-color: var(--brand-orange); }

.page-slug-account-delete-my-account .bsm-del-title.red { color: var(--brand-red); }

.page-slug-account-delete-my-account /* REASON TILES */
.bsm-del-reasons { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 24px; }

.page-slug-account-delete-my-account .bsm-del-reason:hover { border-color: var(--brand-teal); background: var(--brand-mint); color: var(--brand-teal); }

.page-slug-account-delete-my-account .bsm-del-reason.selected { border-color: var(--brand-red); background: var(--brand-red-light); color: var(--brand-red); }

.page-slug-account-delete-my-account .bsm-del-list-text strong { display: block; font-weight: var(--brand-weight-bold); margin-bottom: 2px; }

.page-slug-account-delete-my-account .bsm-del-list-text span { color: var(--brand-gray-400); font-size: var(--brand-font-size-base); }

.page-slug-account-delete-my-account /* ADMIN WARNING BANNER */
.bsm-del-admin-badge {
    display: inline-flex; align-items: center; gap: 8px;
    background: var(--brand-pale-yellow); border: var(--brand-border-width-thin) solid var(--brand-peach);
    color: var(--brand-orange); border-radius: var(--brand-radius-md);
    padding: 10px 16px; font-size: var(--brand-font-size-base); font-weight: var(--brand-weight-bold);
    margin-bottom: 20px; width: 100%; box-sizing: border-box;
    justify-content: center;
}

.page-slug-account-delete-my-account .bsm-del-type-label em { color: var(--brand-red); font-style: normal; }

.page-slug-account-delete-my-account .bsm-del-type-input:focus { border-color: var(--brand-red); }

.page-slug-account-delete-my-account .bsm-del-countdown.ready { background: var(--brand-red); color: var(--brand-white); cursor: pointer; }

.page-slug-account-delete-my-account .bsm-del-countdown.ready:hover { opacity: .9; }

.page-slug-account-delete-my-account .bsm-del-btn-primary:hover { opacity: .9; }

.page-slug-account-delete-my-account .bsm-del-btn-primary:disabled { opacity: .35; cursor: not-allowed; }

.page-slug-account-delete-my-account .bsm-del-btn-ghost:hover { border-color: var(--brand-teal); color: var(--brand-teal); }

@media (max-width: 500px) {
.page-slug-account-delete-my-account .bsm-del-card { padding: 28px 20px; }
.page-slug-account-delete-my-account .bsm-del-reasons { grid-template-columns: 1fr; }
}

/* ===== migrated from account/forgot-password.php (scoped: .page-slug-forgot-password) ===== */
.page-slug-forgot-password /* ============================================================
   BSM FORGOT PASSWORD PAGE
   ============================================================ */
/* moved to css/common.css (Stage 5, 30 aug 2026): .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) */

.page-slug-forgot-password .bsm-fp-wrap {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    background: var(--brand-peach);
    min-height: 100vh;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

.page-slug-forgot-password .bsm-fp-topbar {
    position: fixed !important;
    top: 0 !important; left: 0 !important; right: 0 !important;
    width: 100vw !important; max-width: 100vw !important;
    height: 110px !important;
    background: var(--brand-white) !important;
    border-bottom: var(--brand-border-width-thick) solid var(--brand-gray-100) !important;
    display: flex !important; align-items: center !important;
    justify-content: space-between !important;
    padding: 0 40px !important;
    z-index: 999999 !important;
    box-sizing: border-box !important;
}

.page-slug-forgot-password .bsm-fp-logo img { height: 96px; display: block; }

.page-slug-forgot-password .bsm-fp-main {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 150px 20px 60px;
    box-sizing: border-box;
}

.page-slug-forgot-password .bsm-fp-card {
    background: var(--brand-white);
    border-radius: var(--brand-radius-xl);
    border: var(--brand-border-width-thin) solid var(--brand-gray-100);
    padding: 52px 48px;
    box-shadow: 0 4px 32px rgba(15,23,42,.08);
    width: 100%;
    max-width: var(--brand-width-standard);
    box-sizing: border-box;
}

.page-slug-forgot-password .bsm-fp-eyebrow {
    font-size: var(--brand-font-size-base); font-weight: var(--brand-weight-bold);
    text-transform: uppercase; letter-spacing: 1px;
    color: var(--brand-teal); margin-bottom: 14px; text-align: center;
}

.page-slug-forgot-password .bsm-fp-title {
    font-size: var(--brand-font-size-xxxl); font-weight: var(--brand-weight-bold);
    color: var(--brand-black); line-height: 1.2;
    margin-bottom: 10px; letter-spacing: -0.5px; text-align: center;
}

.page-slug-forgot-password .bsm-fp-title em { color: var(--brand-teal); font-style: normal; }

.page-slug-forgot-password .bsm-fp-sub {
    font-size: var(--brand-font-size-md); color: var(--brand-gray-400);
    text-align: center; margin-bottom: 32px; line-height: 1.6;
}

.page-slug-forgot-password .bsm-fp-ok {
    background: var(--brand-mint); border: var(--brand-border-width-thin) solid var(--brand-mint);
    border-radius: var(--brand-radius-md); padding: 16px 18px;
    font-size: var(--brand-font-size-md); color: var(--brand-teal); font-weight: var(--brand-weight-semibold);
    text-align: center; margin-bottom: 24px; line-height: 1.6;
}

.page-slug-forgot-password .bsm-fp-error {
    background: var(--brand-red-light); border: var(--brand-border-width-thin) solid var(--brand-red-light);
    border-radius: var(--brand-radius-md); padding: 14px 18px;
    font-size: var(--brand-font-size-md); color: var(--brand-red);
    text-align: center; margin-bottom: 24px;
}

.page-slug-forgot-password .bsm-fp-field { margin-bottom: 20px; }

.page-slug-forgot-password .bsm-fp-label {
    display: block; font-size: var(--brand-font-size-md); font-weight: var(--brand-weight-bold);
    color: var(--brand-black); margin-bottom: 8px;
}

.page-slug-forgot-password .bsm-fp-input {
    width: 100%; padding: 16px 18px;
    border: var(--brand-border-width-thick) solid var(--brand-gray-100); border-radius: var(--brand-radius-lg);
    font-size: var(--brand-font-size-lg); color: var(--brand-black); background: var(--brand-white);
    outline: none; transition: border-color .2s; box-sizing: border-box;
}

.page-slug-forgot-password .bsm-fp-input:focus { border-color: var(--brand-teal); }

.page-slug-forgot-password .bsm-fp-pw-wrap { position: relative; }

.page-slug-forgot-password .bsm-fp-pw-wrap .bsm-fp-input { padding-right: 52px; }

.page-slug-forgot-password .bsm-fp-eye {
    position: absolute; right: 16px; top: 50%;
    transform: translateY(-50%);
    background: none; border: none; cursor: pointer;
    color: var(--brand-gray-400); font-size: var(--brand-font-size-xl); padding: 0;
    display: flex; align-items: center;
}

.page-slug-forgot-password .bsm-fp-eye:hover { color: var(--brand-teal); }

.page-slug-forgot-password .bsm-fp-btn {
    display: flex; align-items: center; justify-content: center;
    width: 100%; padding: 18px 28px;
    background: linear-gradient(135deg, var(--brand-teal), var(--brand-cyan));
    color: var(--brand-white); border: none; border-radius: var(--brand-radius-lg);
    font-size: var(--brand-font-size-lg); font-weight: var(--brand-weight-bold); cursor: pointer;
    transition: opacity .15s; box-sizing: border-box;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    margin-bottom: 16px;
}

.page-slug-forgot-password .bsm-fp-btn:hover { opacity: .9; }

.page-slug-forgot-password .bsm-fp-back {
    display: block; text-align: center;
    font-size: var(--brand-font-size-md); color: var(--brand-gray-400);
    text-decoration: none; font-weight: var(--brand-weight-semibold);
}

.page-slug-forgot-password .bsm-fp-back:hover { color: var(--brand-black); }

.page-slug-forgot-password .bsm-fp-done-icon { font-size: var(--brand-font-size-xxxl); text-align: center; margin-bottom: 20px; }

@media (max-width: 540px) {
.page-slug-forgot-password .bsm-fp-card { padding: 36px 24px; }
.page-slug-forgot-password .bsm-fp-title { font-size: var(--brand-font-size-xxl); }
.page-slug-forgot-password .bsm-fp-topbar { padding: 0 20px !important; }
}

/* ===== migrated from account/login-page.php (scoped: .page-slug-login) ===== */
.page-slug-login /* ============================================================
   BSM LOGIN PAGE
   ============================================================ */
/* moved to css/common.css (Stage 5, 30 aug 2026): .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) */

.page-slug-login .bsm-login-wrap {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    background: var(--brand-peach);
    min-height: 100vh;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

.page-slug-login /* TOPBAR */
.bsm-login-topbar {
    position: fixed !important;
    top: 0 !important; left: 0 !important; right: 0 !important;
    width: 100vw !important; max-width: 100vw !important;
    height: 110px !important;
    background: var(--brand-white) !important;
    border-bottom: var(--brand-border-width-thick) solid var(--brand-gray-100) !important;
    display: flex !important; align-items: center !important;
    justify-content: space-between !important;
    padding: 0 40px !important;
    z-index: 999999 !important;
    box-sizing: border-box !important;
}

.page-slug-login .bsm-login-logo img { height: 96px; display: block; }

.page-slug-login .bsm-login-topbar-right { display: flex; align-items: center; gap: 20px; }

.page-slug-login .bsm-login-new {
    font-size: var(--brand-font-size-md); color: var(--brand-gray-400); font-weight: var(--brand-weight-medium);
}

.page-slug-login .bsm-login-new a {
    color: var(--brand-teal); font-weight: var(--brand-weight-bold); text-decoration: none;
}

.page-slug-login .bsm-login-new a:hover { text-decoration: underline; }

.page-slug-login /* MAIN */
.bsm-login-main {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 150px 20px 60px;
    box-sizing: border-box;
}

.page-slug-login /* CARD */
.bsm-login-card {
    background: var(--brand-white);
    border-radius: var(--brand-radius-xl);
    border: var(--brand-border-width-thin) solid var(--brand-gray-100);
    padding: 52px 48px;
    box-shadow: 0 4px 32px rgba(15,23,42,.08);
    width: 100%;
    max-width: var(--brand-width-standard);
    box-sizing: border-box;
}

.page-slug-login .bsm-login-eyebrow {
    font-size: var(--brand-font-size-base); font-weight: var(--brand-weight-bold);
    text-transform: uppercase; letter-spacing: 1px;
    color: var(--brand-teal); margin-bottom: 14px;
    text-align: center;
}

.page-slug-login .bsm-login-title {
    font-size: var(--brand-font-size-xxxl); font-weight: var(--brand-weight-bold);
    color: var(--brand-black); line-height: 1.2;
    margin-bottom: 8px; letter-spacing: -0.5px;
    text-align: center;
}

.page-slug-login .bsm-login-title em { color: var(--brand-teal); font-style: normal; }

.page-slug-login .bsm-login-sub {
    font-size: var(--brand-font-size-lg); color: var(--brand-gray-400);
    text-align: center; margin-bottom: 36px;
    line-height: 1.6;
}

.page-slug-login /* ERROR */
.bsm-login-error {
    background: var(--brand-red-light);
    border: var(--brand-border-width-thin) solid var(--brand-red-light);
    border-radius: var(--brand-radius-md);
    padding: 14px 18px;
    font-size: var(--brand-font-size-md); color: var(--brand-red);
    text-align: center;
    margin-bottom: 24px;
}

.page-slug-login /* FORM */
.bsm-login-field { margin-bottom: 20px; }

.page-slug-login .bsm-login-label {
    display: block;
    font-size: var(--brand-font-size-md); font-weight: var(--brand-weight-bold);
    color: var(--brand-black); margin-bottom: 8px;
}

.page-slug-login .bsm-login-input {
    width: 100%;
    padding: 16px 18px;
    border: var(--brand-border-width-thick) solid var(--brand-gray-100);
    border-radius: var(--brand-radius-lg);
    font-size: var(--brand-font-size-lg);
    color: var(--brand-black);
    background: var(--brand-white);
    outline: none;
    transition: border-color .2s;
    box-sizing: border-box;
}

.page-slug-login .bsm-login-input:focus { border-color: var(--brand-teal); }

.page-slug-login /* PASSWORD EYE */
.bsm-login-pw-wrap { position: relative; }

.page-slug-login .bsm-login-pw-wrap .bsm-login-input { padding-right: 52px; }

.page-slug-login .bsm-login-eye {
    position: absolute; right: 16px; top: 50%;
    transform: translateY(-50%);
    background: none; border: none; cursor: pointer;
    color: var(--brand-gray-400); font-size: var(--brand-font-size-xl); padding: 0;
    display: flex; align-items: center;
}

.page-slug-login .bsm-login-eye:hover { color: var(--brand-teal); }

.page-slug-login /* REMEMBER + FORGOT */
.bsm-login-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 28px;
}

.page-slug-login .bsm-login-remember {
    display: flex; align-items: center; gap: 8px;
    font-size: var(--brand-font-size-md); color: var(--brand-gray-400); cursor: pointer;
}

.page-slug-login .bsm-login-remember input { cursor: pointer; accent-color: var(--brand-teal); }

.page-slug-login .bsm-login-forgot {
    font-size: var(--brand-font-size-md); color: var(--brand-teal);
    font-weight: var(--brand-weight-semibold); text-decoration: none;
}

.page-slug-login .bsm-login-forgot:hover { text-decoration: underline; }

.page-slug-login /* SUBMIT */
.bsm-login-btn {
    display: flex; align-items: center; justify-content: center; gap: 8px;
    width: 100%; padding: 18px 28px;
    background: linear-gradient(135deg, var(--brand-teal), var(--brand-cyan));
    color: var(--brand-white); border: none; border-radius: var(--brand-radius-lg);
    font-size: var(--brand-font-size-xl); font-weight: var(--brand-weight-bold); cursor: pointer;
    transition: opacity .15s, transform .1s;
    letter-spacing: .2px;
    box-sizing: border-box;
}

.page-slug-login .bsm-login-btn:hover { opacity: .9; }

.page-slug-login .bsm-login-btn:active { transform: scale(.98); }

.page-slug-login /* DIVIDER */
.bsm-login-divider {
    display: flex; align-items: center; gap: 14px;
    margin: 28px 0;
}

.page-slug-login .bsm-login-divider-line {
    flex: 1; height: 1px; background: var(--brand-gray-100);
}

.page-slug-login .bsm-login-divider-text {
    font-size: var(--brand-font-size-base); color: var(--brand-gray-400); font-weight: var(--brand-weight-semibold);
    text-transform: uppercase; letter-spacing: .5px;
    white-space: nowrap;
}

.page-slug-login /* NEW USER PROMPT */
.bsm-login-new-prompt {
    text-align: center;
    font-size: var(--brand-font-size-md); color: var(--brand-gray-400);
}

.page-slug-login .bsm-login-new-prompt a {
    color: var(--brand-teal); font-weight: var(--brand-weight-bold); text-decoration: none;
}

.page-slug-login .bsm-login-new-prompt a:hover { text-decoration: underline; }

.page-slug-login /* DISCLAIMER */
.bsm-login-disclaimer {
    font-size: var(--brand-font-size-sm); color: var(--brand-gray-400);
    text-align: center; line-height: 1.7;
    margin-top: 28px; padding-top: 20px;
    border-top: var(--brand-border-width-thin) solid var(--brand-gray-100);
}

.page-slug-login .bsm-login-disclaimer a { color: var(--brand-teal); }

@media (max-width: 540px) {
.page-slug-login .bsm-login-card { padding: 36px 24px; }
.page-slug-login .bsm-login-title { font-size: var(--brand-font-size-xxxl); }
.page-slug-login .bsm-login-topbar { padding: 0 20px !important; }
}

/* ===== migrated from account/manage-sub-members.php (scoped: .page-slug-manage-sub-members) ===== */
.page-slug-manage-sub-members /* ============================================================
   BSM MANAGE SUB MEMBERS
   ============================================================ */
/* moved to css/common.css (Stage 5, 30 aug 2026): .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) */

.page-slug-manage-sub-members .bsm-mem-title {
    font-size: var(--brand-font-size-xxxl); font-weight: var(--brand-weight-bold);
    color: var(--brand-black); letter-spacing: -0.5px; margin-bottom: 6px;
}

.page-slug-manage-sub-members .bsm-mem-title em { color: var(--brand-teal); font-style: normal; }

.page-slug-manage-sub-members /* SEAT COUNTER */
.bsm-mem-seats {
    display: flex; align-items: center; gap: 20px;
    background: var(--brand-white); border: var(--brand-border-width-thin) solid var(--brand-gray-100);
    border-radius: var(--brand-radius-lg); padding: 20px 28px;
    margin-bottom: 28px;
    box-shadow: 0 2px 12px rgba(15,23,42,.04);
}

.page-slug-manage-sub-members .bsm-mem-seat-num.warn { color: var(--brand-orange); }

.page-slug-manage-sub-members .bsm-mem-seat-num.full { color: var(--brand-red); }

.page-slug-manage-sub-members /* CARDS */
.bsm-mem-card {
    background: var(--brand-white); border: var(--brand-border-width-thin) solid var(--brand-gray-100);
    border-radius: var(--brand-radius-xl); padding: 32px 36px;
    margin-bottom: 24px;
    box-shadow: 0 4px 20px rgba(15,23,42,.05);
}

.page-slug-manage-sub-members /* INVITE FORM */
.bsm-mem-invite-grid {
    display: grid; grid-template-columns: 1fr 1fr auto;
    gap: 12px; align-items: end;
}

@media (max-width: 600px) {
.page-slug-manage-sub-members .bsm-mem-invite-grid { grid-template-columns: 1fr; }
}

.page-slug-manage-sub-members .bsm-mem-field label {
    display: block; font-size: var(--brand-font-size-base); font-weight: var(--brand-weight-bold);
    color: var(--brand-gray-400); margin-bottom: 6px;
}

.page-slug-manage-sub-members .bsm-mem-input:focus { border-color: var(--brand-teal); }

.page-slug-manage-sub-members .bsm-mem-invite-btn:hover { opacity: .9; }

.page-slug-manage-sub-members .bsm-mem-invite-btn:disabled { opacity: .4; cursor: not-allowed; background: var(--brand-gray-400); }

.page-slug-manage-sub-members .bsm-mem-table th {
    font-size: var(--brand-font-size-sm); font-weight: var(--brand-weight-bold); color: var(--brand-gray-400);
    text-transform: uppercase; letter-spacing: .5px;
    padding: 0 16px 12px; text-align: left;
    border-bottom: var(--brand-border-width-thin) solid var(--brand-gray-100);
}

.page-slug-manage-sub-members .bsm-mem-table td {
    padding: 16px; border-bottom: var(--brand-border-width-thin) solid var(--brand-gray-100);
    font-size: var(--brand-font-size-md); color: var(--brand-black); vertical-align: middle;
}

.page-slug-manage-sub-members .bsm-mem-table tr:last-child td { border-bottom: none; }

.page-slug-manage-sub-members .bsm-mem-table tr:hover td { background: var(--brand-gray-100); }

.page-slug-manage-sub-members .bsm-mem-status.active { background: var(--brand-mint); color: var(--brand-teal); border: var(--brand-border-width-thin) solid var(--brand-mint); }

.page-slug-manage-sub-members .bsm-mem-status.invited { background: var(--brand-pale-yellow); color: var(--brand-orange); border: var(--brand-border-width-thin) solid var(--brand-pale-yellow); }

.page-slug-manage-sub-members .bsm-mem-remove-btn:hover { background: var(--brand-red); color: var(--brand-white); border-color: var(--brand-red); }

@media (max-width: 600px) {
.page-slug-manage-sub-members .bsm-mem-card { padding: 24px 20px; }
.page-slug-manage-sub-members .bsm-mem-title { font-size: var(--brand-font-size-xxxl); }
.page-slug-manage-sub-members .bsm-mem-seats { flex-wrap: wrap; }
.page-slug-manage-sub-members /* STACKED CARD TABLE */
    .bsm-mem-table thead { display: none; }
.page-slug-manage-sub-members .bsm-mem-table tbody { display: flex; flex-direction: column; gap: 12px; }
.page-slug-manage-sub-members .bsm-mem-table tr {
        display: block;
        background: var(--brand-gray-100); border: var(--brand-border-width-thin) solid var(--brand-gray-100);
        border-radius: var(--brand-radius-lg); padding: 16px 18px;
    }
.page-slug-manage-sub-members .bsm-mem-table tr:hover td { background: none; }
.page-slug-manage-sub-members .bsm-mem-table td {
        display: flex; justify-content: space-between; align-items: center;
        padding: 7px 0; border-bottom: var(--brand-border-width-thin) solid var(--brand-gray-100);
        font-size: var(--brand-font-size-md);
    }
.page-slug-manage-sub-members .bsm-mem-table td:last-child { border-bottom: none; padding-top: 12px; justify-content: flex-end; }
.page-slug-manage-sub-members .bsm-mem-table td[data-label=""] { border-bottom: none; }
.page-slug-manage-sub-members .bsm-mem-table td::before {
        content: attr(data-label);
        font-size: var(--brand-font-size-xs); font-weight: var(--brand-weight-bold); color: var(--brand-gray-400);
        text-transform: uppercase; letter-spacing: .5px;
        flex-shrink: 0; margin-right: 12px;
    }
.page-slug-manage-sub-members .bsm-mem-table td[data-label=""]::before { display: none; }
}

.page-slug-manage-sub-members /* ==== Stage 3: extracted repeated inline styles ==== */
.u-color-0d9488 { color:var(--brand-teal); }

.page-slug-manage-sub-members .u-text-align-center { text-align:center; }

.page-slug-manage-sub-members .u-color-0d9488-font-weight-700-margin-righ { color:var(--brand-teal);font-weight: var(--brand-weight-bold);margin-right:10px; }

.page-slug-manage-sub-members .u-padding-7px-0-font-size-14px-color-0f172 { padding:7px 0;font-size:var(--brand-font-size-md);color:var(--brand-black);line-height:1.5;border-bottom:var(--brand-border-width-thin) solid var(--brand-gray-100); }

.page-slug-manage-sub-members .u-color-0f172a { color:var(--brand-black); }

.page-slug-manage-sub-members .u-text-decoration-none { text-decoration:none; }

.page-slug-manage-sub-members .u-color-94a3b8-2 { color:var(--brand-gray-400); }

.page-slug-manage-sub-members .u-color-0891b2 { color:var(--brand-cyan); }

.page-slug-manage-sub-members .u-font-weight-700-2 { font-weight: var(--brand-weight-bold); }

/* ===== migrated from account/mail_console/inbox.php (scoped: .page-slug-mail-console) ===== */
.page-slug-mail-console #bsm-mc-root { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; max-width: var(--brand-width-wide); margin: 40px auto; padding: 0 16px; color: var(--brand-black); }

.page-slug-mail-console #bsm-mc-root .bsm-mc-title { font-size: var(--brand-font-size-xxl); font-weight: var(--brand-weight-extrabold); margin-bottom: 6px; }

.page-slug-mail-console #bsm-mc-root .bsm-mc-subtitle { font-size: var(--brand-font-size-base); color: var(--brand-gray-400); margin-bottom: 18px; }

.page-slug-mail-console #bsm-mc-root .bsm-mc-notice { background: var(--brand-peach); border: var(--brand-border-width-thin) solid var(--brand-peach); color: var(--brand-orange); padding: 12px 16px; border-radius: var(--brand-radius-md); font-size: var(--brand-font-size-base); margin-bottom: 16px; line-height: 1.5; }

.page-slug-mail-console #bsm-mc-root .bsm-mc-layout { display: flex; gap: 20px; background: var(--brand-white); border: var(--brand-border-width-thin) solid var(--brand-gray-100); border-radius: var(--brand-radius-lg); overflow: hidden; min-height: 560px; }

.page-slug-mail-console #bsm-mc-root .bsm-mc-sidebar { width: 280px; flex-shrink: 0; border-right: var(--brand-border-width-thin) solid var(--brand-gray-100); display: flex; flex-direction: column; }

.page-slug-mail-console #bsm-mc-root .bsm-mc-mid { width: 400px; flex-shrink: 0; border-right: var(--brand-border-width-thin) solid var(--brand-gray-100); display: flex; flex-direction: column; }

.page-slug-mail-console #bsm-mc-root .bsm-mc-thread { flex: 1; display: flex; flex-direction: column; min-width: 0; }

.page-slug-mail-console #bsm-mc-root .bsm-mc-section-label { font-size: var(--brand-font-size-xs); font-weight: var(--brand-weight-bold); text-transform: uppercase; letter-spacing: .04em; color: var(--brand-gray-400); padding: 16px 16px 6px; display: flex; justify-content: space-between; align-items: center; }

.page-slug-mail-console #bsm-mc-root .bsm-mc-add-btn { background: none; border: none; color: var(--brand-teal); font-weight: var(--brand-weight-bold); font-size: var(--brand-font-size-sm); cursor: pointer; font-family: inherit; }

.page-slug-mail-console #bsm-mc-root .bsm-mc-mailbox-list { flex: 1; overflow-y: auto; }

.page-slug-mail-console #bsm-mc-root .bsm-mc-mailbox { display: flex; align-items: center; gap: 10px; padding: 12px 16px; cursor: pointer; border-bottom: var(--brand-border-width-thin) solid var(--brand-gray-100); }

.page-slug-mail-console #bsm-mc-root .bsm-mc-mailbox:hover,
.page-slug-mail-console #bsm-mc-root .bsm-mc-mailbox.bsm-mc-active { background: var(--brand-gray-100); }

.page-slug-mail-console #bsm-mc-root .bsm-mc-mailbox-info { min-width: 0; flex: 1; }

.page-slug-mail-console #bsm-mc-root .bsm-mc-mailbox-label { font-size: var(--brand-font-size-md); font-weight: var(--brand-weight-bold); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.page-slug-mail-console #bsm-mc-root .bsm-mc-mailbox-addr { font-size: var(--brand-font-size-sm); color: var(--brand-gray-400); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.page-slug-mail-console #bsm-mc-root .bsm-mc-unread-badge { background: linear-gradient(135deg,var(--brand-teal),var(--brand-cyan)); color: var(--brand-white); font-size: var(--brand-font-size-xs); font-weight: var(--brand-weight-bold); border-radius: var(--brand-radius-pill); padding: 2px 8px; }

.page-slug-mail-console #bsm-mc-root .bsm-mc-mailbox-delete { background: none; border: none; color: var(--brand-gray-400); font-weight: var(--brand-weight-bold); font-size: var(--brand-font-size-xl); line-height: 1; cursor: pointer; padding: 4px 6px; border-radius: var(--brand-radius-sm); font-family: inherit; flex-shrink: 0; }

.page-slug-mail-console #bsm-mc-root .bsm-mc-mailbox-delete:hover { color: var(--brand-red); background: var(--brand-red-light); }

.page-slug-mail-console #bsm-mc-root .bsm-mc-mailbox-access { background: none; border: none; color: var(--brand-gray-400); font-size: var(--brand-font-size-md); line-height: 1; cursor: pointer; padding: 4px 6px; border-radius: var(--brand-radius-sm); font-family: inherit; flex-shrink: 0; }

.page-slug-mail-console #bsm-mc-root .bsm-mc-mailbox-access:hover { color: var(--brand-teal); background: var(--brand-mint); }

.page-slug-mail-console #bsm-mc-root .bsm-mc-access-row { display: flex; align-items: center; gap: 10px; padding: 8px 4px; border-bottom: var(--brand-border-width-thin) solid var(--brand-gray-100); font-size: var(--brand-font-size-base); }

.page-slug-mail-console #bsm-mc-root .bsm-mc-access-row input { width: auto; }

.page-slug-mail-console #bsm-mc-root .bsm-mc-access-row-name { font-weight: var(--brand-weight-bold); }

.page-slug-mail-console #bsm-mc-root .bsm-mc-access-row-email { color: var(--brand-gray-400); font-size: var(--brand-font-size-sm); }

.page-slug-mail-console #bsm-mc-root .bsm-mc-empty { padding: 40px 20px; text-align: center; color: var(--brand-gray-400); font-size: var(--brand-font-size-base); }

.page-slug-mail-console #bsm-mc-root .bsm-mc-mid-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 16px; border-bottom: var(--brand-border-width-thin) solid var(--brand-gray-100); }

.page-slug-mail-console #bsm-mc-root .bsm-mc-mid-title { font-size: var(--brand-font-size-md); font-weight: var(--brand-weight-bold); }

.page-slug-mail-console #bsm-mc-root .bsm-mc-mid-header-links { display: flex; align-items: center; gap: 8px; }

.page-slug-mail-console #bsm-mc-root .bsm-mc-link-btn { background: none; border: none; padding: 0; color: var(--brand-teal); font-size: var(--brand-font-size-sm); font-weight: var(--brand-weight-bold); cursor: pointer; font-family: inherit; }

.page-slug-mail-console #bsm-mc-root .bsm-mc-link-btn:hover { text-decoration: underline; }

.page-slug-mail-console #bsm-mc-root .bsm-mc-link-sep { color: var(--brand-gray-100); font-size: var(--brand-font-size-sm); }

.page-slug-mail-console #bsm-mc-root .bsm-mc-toolbar-row { display: flex; align-items: center; gap: 6px; padding: 10px 16px; border-bottom: var(--brand-border-width-thin) solid var(--brand-gray-100); flex-wrap: nowrap; }

.page-slug-mail-console #bsm-mc-root .bsm-mc-folder-tabs { display: flex; gap: 5px; order: 1; flex-shrink: 0; }

.page-slug-mail-console #bsm-mc-root .bsm-mc-compose-btn { order: 2; flex-shrink: 0; background: linear-gradient(135deg,var(--brand-cyan),var(--brand-cyan)); color: var(--brand-white); border: none; border-radius: var(--brand-radius-pill); padding: 6px 11px; font-size: var(--brand-font-size-sm); font-weight: var(--brand-weight-bold); cursor: pointer; font-family: inherit; white-space: nowrap; }

.page-slug-mail-console #bsm-mc-root .bsm-mc-folders-dropdown-wrap { position: relative; order: 3; flex-shrink: 0; }

.page-slug-mail-console #bsm-mc-root .bsm-mc-folder-tab { background: var(--brand-gray-100); color: var(--brand-gray-400); border: none; border-radius: var(--brand-radius-pill); padding: 6px 11px; font-size: var(--brand-font-size-sm); font-weight: var(--brand-weight-bold); cursor: pointer; font-family: inherit; white-space: nowrap; flex-shrink: 0; }

.page-slug-mail-console #bsm-mc-root .bsm-mc-folder-tab.bsm-mc-folder-tab-active { background: linear-gradient(135deg,var(--brand-teal),var(--brand-cyan)); color: var(--brand-white); }

.page-slug-mail-console /* position:fixed (not absolute) and coordinates set in JS
       (toggleFoldersDropdown) - .bsm-mc-layout has overflow:hidden for
       its rounded corners,
.page-slug-mail-console which was silently clipping an absolutely-
       positioned dropdown down to almost nothing no matter what height
       was set here. Fixed positioning escapes that clipping entirely. */
    #bsm-mc-root .bsm-mc-folders-menu { position: fixed; background: var(--brand-white); border: var(--brand-border-width-thin) solid var(--brand-gray-100); border-radius: var(--brand-radius-md); box-shadow: 0 12px 32px rgba(15,23,42,0.18); min-width: 200px; max-height: 70vh; overflow-y: auto; padding: 6px; z-index: 500; display: none; }

.page-slug-mail-console #bsm-mc-root .bsm-mc-folders-menu.bsm-mc-open { display: block; }

.page-slug-mail-console #bsm-mc-root .bsm-mc-folders-menu-item { display: block; width: 100%; text-align: left; background: none; border: none; padding: 10px 12px; border-radius: var(--brand-radius-md); font-size: var(--brand-font-size-base); font-weight: var(--brand-weight-semibold); color: var(--brand-gray-400); cursor: pointer; font-family: inherit; }

.page-slug-mail-console #bsm-mc-root .bsm-mc-folders-menu-item:hover { background: var(--brand-gray-100); }

.page-slug-mail-console #bsm-mc-root .bsm-mc-folders-menu-item.bsm-mc-folder-tab-active { background: var(--brand-mint); color: var(--brand-teal); }

.page-slug-mail-console #bsm-mc-root .bsm-mc-folders-menu-empty { padding: 10px 12px; font-size: var(--brand-font-size-sm); color: var(--brand-gray-400); }

.page-slug-mail-console #bsm-mc-root .bsm-mc-select-all-row { padding: 8px 16px; border-bottom: var(--brand-border-width-thin) solid var(--brand-gray-100); font-size: var(--brand-font-size-sm); color: var(--brand-gray-400); }

.page-slug-mail-console #bsm-mc-root .bsm-mc-select-all-row label { display: flex; align-items: center; gap: 8px; cursor: pointer; }

.page-slug-mail-console #bsm-mc-root .bsm-mc-bulk-bar { display: none; align-items: center; justify-content: space-between; padding: 10px 16px; background: var(--brand-mint); border-bottom: var(--brand-border-width-thin) solid var(--brand-gray-100); font-size: var(--brand-font-size-base); font-weight: var(--brand-weight-bold); color: var(--brand-teal); }

.page-slug-mail-console #bsm-mc-root .bsm-mc-bulk-bar.bsm-mc-bulk-visible { display: flex; }

.page-slug-mail-console #bsm-mc-root .bsm-mc-bulk-delete-btn { background: var(--brand-red); color: var(--brand-white); border: none; border-radius: var(--brand-radius-md); padding: 7px 14px; font-size: var(--brand-font-size-sm); font-weight: var(--brand-weight-bold); cursor: pointer; font-family: inherit; margin-left: 8px; }

.page-slug-mail-console #bsm-mc-root .bsm-mc-bulk-move-btn { background: var(--brand-white); color: var(--brand-teal); border: var(--brand-border-width-thin) solid var(--brand-mint); border-radius: var(--brand-radius-md); padding: 7px 14px; font-size: var(--brand-font-size-sm); font-weight: var(--brand-weight-bold); cursor: pointer; font-family: inherit; margin-left: 8px; }

.page-slug-mail-console #bsm-mc-root .bsm-mc-move-existing-btn { background: var(--brand-gray-100); color: var(--brand-gray-400); border: none; border-radius: var(--brand-radius-pill); padding: 8px 16px; font-size: var(--brand-font-size-base); font-weight: var(--brand-weight-bold); cursor: pointer; font-family: inherit; }

.page-slug-mail-console #bsm-mc-root .bsm-mc-move-existing-btn:hover { background: var(--brand-gray-100); }

.page-slug-mail-console #bsm-mc-root .bsm-mc-msg-list { flex: 1; overflow-y: auto; }

.page-slug-mail-console #bsm-mc-root .bsm-mc-msg-row { padding: 12px 16px 12px 40px; border-bottom: var(--brand-border-width-thin) solid var(--brand-gray-100); cursor: pointer; position: relative; }

.page-slug-mail-console #bsm-mc-root .bsm-mc-msg-row:hover,
.page-slug-mail-console #bsm-mc-root .bsm-mc-msg-row.bsm-mc-active { background: var(--brand-gray-100); }

.page-slug-mail-console #bsm-mc-root .bsm-mc-msg-row.bsm-mc-unread .bsm-mc-msg-subject { font-weight: var(--brand-weight-extrabold); }

.page-slug-mail-console #bsm-mc-root .bsm-mc-msg-row.bsm-mc-priority { background: var(--brand-pale-yellow); }

.page-slug-mail-console #bsm-mc-root .bsm-mc-msg-select { position: absolute; top: 14px; left: 14px; width: 16px; height: 16px; cursor: pointer; }

.page-slug-mail-console #bsm-mc-root .bsm-mc-msg-from { font-size: var(--brand-font-size-base); font-weight: var(--brand-weight-bold); margin-bottom: 2px; padding-right: 82px; }

.page-slug-mail-console #bsm-mc-root .bsm-mc-msg-controls { position: absolute; top: 10px; right: 10px; display: flex; gap: 2px; }

.page-slug-mail-console #bsm-mc-root .bsm-mc-star-btn,
.page-slug-mail-console #bsm-mc-root .bsm-mc-msg-move,
.page-slug-mail-console #bsm-mc-root .bsm-mc-msg-delete { background: none; border: none; cursor: pointer; font-size: var(--brand-font-size-lg); font-weight: var(--brand-weight-bold); padding: 4px 6px; border-radius: var(--brand-radius-sm); color: var(--brand-gray-400); line-height: 1; font-family: inherit; }

.page-slug-mail-console #bsm-mc-root .bsm-mc-star-btn.bsm-mc-starred { color: var(--brand-orange); }

.page-slug-mail-console #bsm-mc-root .bsm-mc-star-btn:hover { background: var(--brand-pale-yellow); color: var(--brand-orange); }

.page-slug-mail-console #bsm-mc-root .bsm-mc-msg-move:hover { background: var(--brand-mint); color: var(--brand-teal); }

.page-slug-mail-console #bsm-mc-root .bsm-mc-msg-delete:hover { background: var(--brand-red-light); color: var(--brand-red); }

.page-slug-mail-console #bsm-mc-root .bsm-mc-msg-dir-out .bsm-mc-msg-from::before { content: "To: "; color: var(--brand-gray-400); font-weight: var(--brand-weight-regular); }

.page-slug-mail-console #bsm-mc-root .bsm-mc-msg-subject { font-size: var(--brand-font-size-base); color: var(--brand-gray-400); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.page-slug-mail-console #bsm-mc-root .bsm-mc-msg-date { font-size: var(--brand-font-size-xs); color: var(--brand-gray-400); margin-top: 3px; }

.page-slug-mail-console #bsm-mc-root .bsm-mc-thread-header { padding: 16px 20px; border-bottom: var(--brand-border-width-thin) solid var(--brand-gray-100); }

.page-slug-mail-console #bsm-mc-root .bsm-mc-thread-subject { font-size: var(--brand-font-size-lg); font-weight: var(--brand-weight-extrabold); margin-bottom: 4px; }

.page-slug-mail-console #bsm-mc-root .bsm-mc-thread-meta { font-size: var(--brand-font-size-sm); color: var(--brand-gray-400); }

.page-slug-mail-console #bsm-mc-root .bsm-mc-thread-body { flex: 1; overflow-y: auto; padding: 20px; font-size: var(--brand-font-size-md); line-height: 1.6; }

.page-slug-mail-console #bsm-mc-root .bsm-mc-thread-actions { display: flex; gap: 8px; margin: 0 20px 20px; }

.page-slug-mail-console #bsm-mc-root .bsm-mc-reply-btn { background: linear-gradient(135deg,var(--brand-teal),var(--brand-cyan)); color: var(--brand-white); border: none; border-radius: var(--brand-radius-md); padding: 8px 16px; font-size: var(--brand-font-size-base); font-weight: var(--brand-weight-bold); cursor: pointer; font-family: inherit; }

.page-slug-mail-console #bsm-mc-root .bsm-mc-thread-delete-btn { background: var(--brand-white); color: var(--brand-red); border: var(--brand-border-width-thin) solid var(--brand-red-light); border-radius: var(--brand-radius-md); padding: 8px 16px; font-size: var(--brand-font-size-base); font-weight: var(--brand-weight-bold); cursor: pointer; font-family: inherit; }

.page-slug-mail-console #bsm-mc-root .bsm-mc-thread-star-btn { background: var(--brand-white); color: var(--brand-orange); border: var(--brand-border-width-thin) solid var(--brand-pale-yellow); border-radius: var(--brand-radius-md); padding: 8px 16px; font-size: var(--brand-font-size-base); font-weight: var(--brand-weight-bold); cursor: pointer; font-family: inherit; }

.page-slug-mail-console #bsm-mc-root .bsm-mc-thread-move-btn { background: var(--brand-white); color: var(--brand-teal); border: var(--brand-border-width-thin) solid var(--brand-mint); border-radius: var(--brand-radius-md); padding: 8px 16px; font-size: var(--brand-font-size-base); font-weight: var(--brand-weight-bold); cursor: pointer; font-family: inherit; }

.page-slug-mail-console /* Compose / reply overlay panel */
    #bsm-mc-root .bsm-mc-overlay { display: none; position: fixed; inset: 0; background: rgba(15,23,42,0.5); z-index: 99998; align-items: center; justify-content: center; }

.page-slug-mail-console #bsm-mc-root .bsm-mc-overlay.bsm-mc-open { display: flex; }

.page-slug-mail-console #bsm-mc-root .bsm-mc-panel { background: var(--brand-white); border-radius: var(--brand-radius-lg); width: 92%; max-width: var(--brand-width-standard); max-height: 85vh; overflow-y: auto; padding: 24px; }

.page-slug-mail-console #bsm-mc-root .bsm-mc-panel h3 { font-size: var(--brand-font-size-xl); font-weight: var(--brand-weight-extrabold); margin-bottom: 16px; }

.page-slug-mail-console #bsm-mc-root .bsm-mc-field { margin-bottom: 14px; }

.page-slug-mail-console #bsm-mc-root .bsm-mc-field label { display: block; font-size: var(--brand-font-size-sm); font-weight: var(--brand-weight-bold); color: var(--brand-gray-400); margin-bottom: 6px; }

.page-slug-mail-console #bsm-mc-root .bsm-mc-field input,
.page-slug-mail-console #bsm-mc-root .bsm-mc-field select,
.page-slug-mail-console #bsm-mc-root .bsm-mc-field textarea { width: 100%; padding: 10px 12px; border: var(--brand-border-width-thin) solid var(--brand-gray-100); border-radius: var(--brand-radius-md); font-size: var(--brand-font-size-base); font-family: inherit; }

.page-slug-mail-console #bsm-mc-root .bsm-mc-field textarea { min-height: 140px; resize: vertical; }

.page-slug-mail-console #bsm-mc-root .bsm-mc-panel-actions { display: flex; gap: 8px; justify-content: flex-end; margin-top: 8px; }

.page-slug-mail-console #bsm-mc-root .bsm-mc-btn-primary { background: linear-gradient(135deg,var(--brand-teal),var(--brand-cyan)); color: var(--brand-white); border: none; border-radius: var(--brand-radius-md); padding: 9px 18px; font-size: var(--brand-font-size-base); font-weight: var(--brand-weight-bold); cursor: pointer; font-family: inherit; }

.page-slug-mail-console #bsm-mc-root .bsm-mc-btn-secondary { background: var(--brand-gray-100); color: var(--brand-gray-400); border: none; border-radius: var(--brand-radius-md); padding: 9px 18px; font-size: var(--brand-font-size-base); font-weight: var(--brand-weight-bold); cursor: pointer; font-family: inherit; }

.page-slug-mail-console #bsm-mc-root .bsm-mc-field-row { display: flex; gap: 10px; }

.page-slug-mail-console #bsm-mc-root .bsm-mc-field-row .bsm-mc-field { flex: 1; }

@media (max-width: 900px) {
.page-slug-mail-console #bsm-mc-root .bsm-mc-layout { flex-direction: column; }
.page-slug-mail-console #bsm-mc-root .bsm-mc-sidebar,
.page-slug-mail-console #bsm-mc-root .bsm-mc-mid { width: auto; border-right: none; border-bottom: var(--brand-border-width-thin) solid var(--brand-gray-100); max-height: 240px; }
}

/* ===== migrated from account/upgrade-page.php (scoped: .page-slug-upgrade-page) -- was ALSO loading styleAssessment.css (double-load bug, upgrade-page is in $assessment_pages) -- its own CSS now lives centrally too ===== */
/* moved to css/common.css (Stage 5, 30 aug 2026): .page-slug-upgrade-page .is-layout-constrained > :where(:not(.alignleft):not(.alignright):... */

.page-slug-upgrade-page .bsm-up-wrap {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    background: var(--brand-peach); min-height: 100vh; width: 100%;
    box-sizing: border-box;
}

.page-slug-upgrade-page .bsm-up-topbar {
    position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important;
    width: 100vw !important; max-width: 100vw !important; height: 110px !important;
    background: var(--brand-white) !important; border-bottom: var(--brand-border-width-thick) solid var(--brand-gray-100) !important;
    display: flex !important; align-items: center !important;
    justify-content: space-between !important; padding: 0 40px !important;
    z-index: 999999 !important; box-sizing: border-box !important;
}

.page-slug-upgrade-page .bsm-up-logo img { height: 96px; display: block; }

.page-slug-upgrade-page .bsm-up-topbar-right { display: flex; align-items: center; gap: 20px; }

.page-slug-upgrade-page .bsm-up-back { font-size: var(--brand-font-size-md); color: var(--brand-gray-400); text-decoration: none; font-weight: var(--brand-weight-semibold); }

.page-slug-upgrade-page .bsm-up-back:hover { color: var(--brand-black); }

.page-slug-upgrade-page .bsm-up-inner { max-width: var(--brand-width-wide); margin: 0 auto; padding: 150px 20px 80px; box-sizing: border-box; }

.page-slug-upgrade-page /* HERO */
.bsm-up-hero {
    background: var(--brand-white);
    border: var(--brand-border-width-thick) solid var(--brand-cyan);
    border-radius: var(--brand-radius-xl); padding: 25px 56px 48px; text-align: center;
    margin-bottom: 40px; position: relative; overflow: hidden;
}

.page-slug-upgrade-page .bsm-up-hero::before {
    content: ""; position: absolute; top: -50px; right: -50px;
    width: 220px; height: 220px; background: rgba(224,122,95,0.06); border-radius: 50%;
}

.page-slug-upgrade-page .bsm-up-hero::after {
    content: ""; position: absolute; bottom: -60px; left: -30px;
    width: 180px; height: 180px; background: rgba(13,148,136,0.04); border-radius: 50%;
}

.page-slug-upgrade-page .bsm-up-hero-eyebrow { font-size: var(--brand-font-size-xl); font-weight: var(--brand-weight-bold); text-transform: uppercase; letter-spacing: 2px; color: var(--brand-teal); margin-bottom: 18px; position: relative; }

.page-slug-upgrade-page .bsm-up-hero-line1 { font-size: var(--brand-font-size-xl); color: var(--brand-gray-400); margin-bottom: 6px; font-weight: var(--brand-weight-regular); line-height: 1.6; position: relative; }

.page-slug-upgrade-page .bsm-up-hero-line2 { font-size: var(--brand-font-size-xl); color: var(--brand-gray-400); margin-bottom: 22px; font-weight: var(--brand-weight-regular); line-height: 1.6; position: relative; }

.page-slug-upgrade-page .bsm-up-hero-main { font-size: var(--brand-font-size-xxxl); font-weight: var(--brand-weight-bold); color: var(--brand-black); line-height: 1.3; margin-bottom: 26px; letter-spacing: -0.3px; max-width: var(--brand-width-standard); margin-left: auto; margin-right: auto; position: relative; }

.page-slug-upgrade-page .bsm-up-hero-nudge {
    display: inline-flex; align-items: center; gap: 8px;
    font-size: var(--brand-font-size-xxl); font-weight: var(--brand-weight-semibold); color: var(--brand-teal);
    position: relative;
}

.page-slug-upgrade-page .bsm-up-hero-nudge svg { animation: sp-upgrade-page-upgrade-page-bsmNudgeBounce 1.8s ease-in-out infinite; }

@keyframes sp-upgrade-page-upgrade-page-bsmNudgeBounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(4px); } }

@media (prefers-reduced-motion: reduce) {
.page-slug-upgrade-page .bsm-up-hero-nudge svg { animation: none; }
}

.page-slug-upgrade-page /* WHAT YOU UNLOCK */
.bsm-up-unlock {
    background: var(--brand-white); border: var(--brand-border-width-thin) solid var(--brand-gray-100); border-radius: var(--brand-radius-xl);
    padding: 48px 44px; margin-bottom: 48px; box-shadow: 0 4px 28px rgba(15,23,42,.06);
}

.page-slug-upgrade-page .bsm-up-unlock-title { font-size: var(--brand-font-size-xxxl); font-weight: var(--brand-weight-bold); color: var(--brand-black); margin-bottom: 8px; letter-spacing: -0.3px; }

.page-slug-upgrade-page .bsm-up-unlock-sub { font-size: var(--brand-font-size-lg); color: var(--brand-gray-400); margin-bottom: 32px; line-height: 1.6; }

.page-slug-upgrade-page .bsm-up-features { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }

@media (max-width: 640px) {
.page-slug-upgrade-page .bsm-up-features { grid-template-columns: 1fr; }
}

.page-slug-upgrade-page .bsm-up-feature {
    display: flex; align-items: flex-start; gap: 14px;
    padding: 18px 20px; background: var(--brand-gray-100);
    border: var(--brand-border-width-thin) solid var(--brand-gray-100); border-radius: var(--brand-radius-lg);
}

.page-slug-upgrade-page .bsm-up-feature-tick {
    width: 24px; height: 24px;
    background: linear-gradient(135deg, var(--brand-teal), var(--brand-cyan));
    border-radius: 50%; display: flex; align-items: center; justify-content: center;
    flex-shrink: 0; margin-top: 1px; font-size: var(--brand-font-size-base); color: var(--brand-white); font-weight: var(--brand-weight-black);
}

.page-slug-upgrade-page .bsm-up-feature-title { font-size: var(--brand-font-size-lg); font-weight: var(--brand-weight-bold); color: var(--brand-black); margin-bottom: 4px; }

.page-slug-upgrade-page .bsm-up-feature-desc { font-size: var(--brand-font-size-md); color: var(--brand-gray-400); line-height: 1.5; }

.page-slug-upgrade-page /* TIER SECTION */
.bsm-up-tiers-title { font-size: var(--brand-font-size-xxxl); font-weight: var(--brand-weight-bold); color: var(--brand-black); text-align: center; margin-bottom: 8px; letter-spacing: -0.3px; }

.page-slug-upgrade-page .bsm-up-tiers-sub { font-size: var(--brand-font-size-lg); color: var(--brand-gray-400); text-align: center; margin-bottom: 16px; }

.page-slug-upgrade-page /* TOGGLE */
.bsm-up-toggle-wrap { display: flex; align-items: center; justify-content: center; gap: 14px; margin-bottom: 32px; }

.page-slug-upgrade-page .bsm-up-toggle-label { font-size: var(--brand-font-size-md); font-weight: var(--brand-weight-bold); color: var(--brand-gray-400); transition: color .2s; }

.page-slug-upgrade-page .bsm-up-toggle-label.active { color: var(--brand-black); }

.page-slug-upgrade-page .bsm-up-toggle {
    position: relative; width: 52px; height: 28px;
    background: var(--brand-gray-100); border-radius: var(--brand-radius-lg);
    cursor: pointer; transition: background .2s; border: none; padding: 0; flex-shrink: 0;
}

.page-slug-upgrade-page .bsm-up-toggle.annual { background: var(--brand-teal); }

.page-slug-upgrade-page .bsm-up-toggle-thumb {
    position: absolute; top: 3px; left: 3px;
    width: 22px; height: 22px; border-radius: 50%;
    background: var(--brand-white); transition: transform .2s; box-shadow: var(--brand-elevation-soft);
}

.page-slug-upgrade-page .bsm-up-toggle.annual .bsm-up-toggle-thumb { transform: translateX(24px); }

.page-slug-upgrade-page /* TIER CARDS */
.bsm-up-tiers { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-bottom: 48px; }

@media (max-width: 900px) {
.page-slug-upgrade-page .bsm-up-tiers { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 500px) {
.page-slug-upgrade-page .bsm-up-tiers { grid-template-columns: 1fr; }
}

.page-slug-upgrade-page .bsm-up-tier {
    background: var(--brand-white); border: var(--brand-border-width-thick) solid var(--brand-gray-100); border-radius: var(--brand-radius-xl);
    padding: 32px 24px; text-align: center; position: relative;
    transition: transform .2s, box-shadow .2s; box-shadow: 0 4px 20px rgba(15,23,42,.04);
}

.page-slug-upgrade-page .bsm-up-tier:hover { transform: translateY(-3px); box-shadow: 0 12px 36px rgba(15,23,42,.09); }

.page-slug-upgrade-page .bsm-up-tier.featured { border-color: var(--brand-teal); background: linear-gradient(180deg, var(--brand-mint) 0%, var(--brand-white) 40%); }

.page-slug-upgrade-page .bsm-up-tier.current { border-color: var(--brand-gray-100); background: var(--brand-gray-100); }

.page-slug-upgrade-page .bsm-up-tier-badge {
    position: absolute; top: -13px; left: 50%; transform: translateX(-50%);
    font-size: var(--brand-font-size-xs); font-weight: var(--brand-weight-bold); text-transform: uppercase; letter-spacing: 1px;
    padding: 4px 16px; border-radius: var(--brand-radius-xl); white-space: nowrap;
}

.page-slug-upgrade-page .bsm-up-tier-badge.popular { background: linear-gradient(135deg, var(--brand-teal), var(--brand-cyan)); color: var(--brand-white); }

.page-slug-upgrade-page .bsm-up-tier-badge.current-plan { background: var(--brand-gray-100); color: var(--brand-gray-400); }

.page-slug-upgrade-page .bsm-up-tier-name { font-size: var(--brand-font-size-xxl); font-weight: var(--brand-weight-extrabold); color: var(--brand-black); margin-bottom: 8px; margin-top: 10px; }

.page-slug-upgrade-page .bsm-up-tier-desc { font-size: var(--brand-font-size-base); color: var(--brand-gray-400); line-height: 1.5; margin-bottom: 20px; min-height: 42px; }

.page-slug-upgrade-page .bsm-up-tier-price { font-size: var(--brand-font-size-xxxl); font-weight: var(--brand-weight-extrabold); color: var(--brand-teal); line-height: 1; margin-bottom: 4px; letter-spacing: -1px; }

.page-slug-upgrade-page .bsm-up-tier-price span { font-size: var(--brand-font-size-lg); font-weight: var(--brand-weight-semibold); color: var(--brand-gray-400); letter-spacing: 0; }

.page-slug-upgrade-page .bsm-up-tier.current .bsm-up-tier-price { color: var(--brand-gray-400); }

.page-slug-upgrade-page .bsm-up-tier-period { font-size: var(--brand-font-size-base); color: var(--brand-gray-400); margin-bottom: 20px; }

.page-slug-upgrade-page .bsm-up-tier-seats {
    font-size: var(--brand-font-size-base); font-weight: var(--brand-weight-bold); color: var(--brand-teal); background: var(--brand-mint);
    border: var(--brand-border-width-thin) solid var(--brand-mint); border-radius: var(--brand-radius-xl); padding: 5px 14px;
    display: inline-block; margin-bottom: 24px;
}

.page-slug-upgrade-page .bsm-up-tier.current .bsm-up-tier-seats { color: var(--brand-gray-400); background: var(--brand-gray-100); border-color: var(--brand-gray-100); }

.page-slug-upgrade-page .bsm-up-tier-btn {
    display: block; width: 100%; padding: 14px 20px;
    background: linear-gradient(135deg, var(--brand-teal), var(--brand-cyan));
    border: none; border-radius: var(--brand-radius-lg); font-size: var(--brand-font-size-md); font-weight: var(--brand-weight-bold);
    color: var(--brand-white); cursor: pointer; text-decoration: none; transition: opacity .15s;
    box-sizing: border-box;
}

.page-slug-upgrade-page .bsm-up-tier-btn:hover { opacity: .9; }

.page-slug-upgrade-page .bsm-up-tier-btn.outline { background: none; border: var(--brand-border-width-thick) solid var(--brand-gray-100); color: var(--brand-gray-400); }

.page-slug-upgrade-page .bsm-up-tier-btn.outline:hover { border-color: var(--brand-teal); color: var(--brand-teal); }

.page-slug-upgrade-page .bsm-up-tier-btn.current-btn { background: var(--brand-gray-100); border: var(--brand-border-width-thick) solid var(--brand-gray-100); color: var(--brand-gray-400); cursor: default; }

.page-slug-upgrade-page /* FOOTER */
.bsm-up-footnote {
    text-align: center; font-size: var(--brand-font-size-base); color: var(--brand-gray-400); line-height: 1.7;
    padding-top: 16px; border-top: var(--brand-border-width-thin) solid var(--brand-gray-100);
}

.page-slug-upgrade-page .bsm-up-footnote a { color: var(--brand-teal); }

@media (max-width: 600px) {
.page-slug-upgrade-page .bsm-up-hero { padding: 44px 28px; }
.page-slug-upgrade-page .bsm-up-hero-main { font-size: var(--brand-font-size-xxxl); }
.page-slug-upgrade-page .bsm-up-unlock { padding: 28px 20px; }
.page-slug-upgrade-page .bsm-up-topbar { padding: 0 20px !important; }
}

/* ===== migrated from account/instructor/profile.php (scoped: .page-slug-instructor-profile) ===== */
/* moved to css/common.css (Stage 5, 30 aug 2026): .page-slug-instructor-profile .is-layout-constrained > :where(:not(.alignleft):not(.alignr... */

.page-slug-instructor-profile .bsm-iprof-wrap {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    background: var(--brand-peach); min-height: 100vh; width: 100%;
    box-sizing: border-box; padding: 24px 20px 60px;
}

.page-slug-instructor-profile .bsm-iprof-inner { max-width: var(--brand-width-wide); margin: 0 auto; box-sizing: border-box; }

.page-slug-instructor-profile .bsm-iprof-header { margin-bottom: 28px; }

.page-slug-instructor-profile .bsm-iprof-eyebrow { font-size: var(--brand-font-size-base); font-weight: var(--brand-weight-bold); text-transform: uppercase; letter-spacing: 1px; color: var(--brand-teal); margin-bottom: 10px; }

.page-slug-instructor-profile .bsm-iprof-title { font-size: var(--brand-font-size-xxxl); font-weight: var(--brand-weight-bold); color: var(--brand-black); letter-spacing: -0.5px; margin-bottom: 8px; }

.page-slug-instructor-profile .bsm-iprof-title em { color: var(--brand-teal); font-style: normal; }

.page-slug-instructor-profile .bsm-iprof-sub { font-size: var(--brand-font-size-lg); color: var(--brand-gray-400); line-height: 1.6; max-width: var(--brand-width-standard); }

.page-slug-instructor-profile .bsm-iprof-link-box {
    background: linear-gradient(135deg, var(--brand-teal), var(--brand-cyan));
    border-radius: var(--brand-radius-lg); padding: 24px 28px; margin-bottom: 24px;
    color: var(--brand-white);
}

.page-slug-instructor-profile .bsm-iprof-link-label { font-size: var(--brand-font-size-sm); font-weight: var(--brand-weight-bold); text-transform: uppercase; letter-spacing: .5px; opacity: .85; margin-bottom: 8px; }

.page-slug-instructor-profile .bsm-iprof-link-row { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }

.page-slug-instructor-profile .bsm-iprof-link-url { font-size: var(--brand-font-size-lg); font-weight: var(--brand-weight-bold); word-break: break-all; }

.page-slug-instructor-profile .bsm-iprof-link-actions { display: flex; gap: 8px; margin-top: 14px; flex-wrap: wrap; }

.page-slug-instructor-profile .bsm-iprof-link-btn {
    background: rgba(255,255,255,.18); border: var(--brand-border-width-thin) solid rgba(255,255,255,.5);
    color: var(--brand-white); border-radius: var(--brand-radius-md); padding: 9px 16px; font-size: var(--brand-font-size-base); font-weight: var(--brand-weight-bold);
    cursor: pointer; text-decoration: none; display: inline-block;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    transition: background .15s;
}

.page-slug-instructor-profile .bsm-iprof-link-btn:hover { background: rgba(255,255,255,.3); color: var(--brand-white); }

.page-slug-instructor-profile .bsm-iprof-card {
    background: var(--brand-white); border: var(--brand-border-width-thin) solid var(--brand-gray-100); border-radius: var(--brand-radius-xl);
    padding: 32px 36px; margin-bottom: 24px; box-shadow: 0 4px 20px rgba(15,23,42,.05);
}

.page-slug-instructor-profile .bsm-iprof-card-title { font-size: var(--brand-font-size-xl); font-weight: var(--brand-weight-bold); color: var(--brand-black); margin-bottom: 6px; }

.page-slug-instructor-profile .bsm-iprof-card-sub { font-size: var(--brand-font-size-base); color: var(--brand-gray-400); margin-bottom: 22px; }

.page-slug-instructor-profile .bsm-iprof-field { margin-bottom: 20px; }

.page-slug-instructor-profile .bsm-iprof-field label { display: block; font-size: var(--brand-font-size-base); font-weight: var(--brand-weight-bold); color: var(--brand-gray-400); margin-bottom: 6px; }

.page-slug-instructor-profile .bsm-iprof-hint { font-size: var(--brand-font-size-sm); color: var(--brand-gray-400); margin-top: 6px; line-height: 1.5; }

.page-slug-instructor-profile .bsm-iprof-input,
.page-slug-instructor-profile .bsm-iprof-textarea {
    width: 100%; padding: 13px 16px; border: var(--brand-border-width-thick) solid var(--brand-gray-100); border-radius: var(--brand-radius-md);
    font-size: var(--brand-font-size-md); color: var(--brand-black); outline: none; transition: border-color .2s;
    background: var(--brand-white); box-sizing: border-box;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.page-slug-instructor-profile .bsm-iprof-input:focus,
.page-slug-instructor-profile .bsm-iprof-textarea:focus { border-color: var(--brand-teal); }

.page-slug-instructor-profile .bsm-iprof-textarea { resize: vertical; min-height: 96px; line-height: 1.6; }

.page-slug-instructor-profile .bsm-iprof-slug-row { display: flex; align-items: center; gap: 0; }

.page-slug-instructor-profile .bsm-iprof-slug-prefix {
    padding: 13px 12px; background: var(--brand-gray-100); border: var(--brand-border-width-thick) solid var(--brand-gray-100); border-right: none;
    border-radius: var(--brand-radius-md) 0 0 var(--brand-radius-md); font-size: var(--brand-font-size-base); color: var(--brand-gray-400); white-space: nowrap;
}

.page-slug-instructor-profile .bsm-iprof-slug-row .bsm-iprof-input { border-radius: 0 var(--brand-radius-md) var(--brand-radius-md) 0; }

.page-slug-instructor-profile .bsm-iprof-photo-row { display: flex; align-items: center; gap: 16px; }

.page-slug-instructor-profile .bsm-iprof-photo-preview-wrap { position: relative; flex-shrink: 0; }

.page-slug-instructor-profile .bsm-iprof-photo-preview {
    width: 72px; height: 72px; border-radius: 50%; background: var(--brand-gray-100); flex-shrink: 0;
    background-size: cover; background-position: center; border: var(--brand-border-width-thick) solid var(--brand-gray-100);
}

.page-slug-instructor-profile .bsm-iprof-photo-edit-btn {
    position: absolute; bottom: -2px; right: -2px;
    width: 26px; height: 26px; border-radius: 50%;
    background: var(--brand-teal); border: var(--brand-border-width-thick) solid var(--brand-white); color: var(--brand-white);
    font-size: var(--brand-font-size-sm); cursor: pointer; display: flex; align-items: center; justify-content: center;
    padding: 0;
}

.page-slug-instructor-profile .bsm-iprof-photo-edit-btn:hover { background: var(--brand-teal); }

.page-slug-instructor-profile /* CROP MODAL */
.bsm-crop-overlay {
    display: none; position: fixed; inset: 0; background: rgba(15,23,42,.6);
    z-index: 99999; overflow-y: auto; padding: 40px 20px;
}

.page-slug-instructor-profile .bsm-crop-overlay.open { display: block; }

.page-slug-instructor-profile .bsm-crop-box {
    background: var(--brand-white); border-radius: var(--brand-radius-lg); padding: 28px; max-width: var(--brand-width-wide); width: 100%;
    box-sizing: border-box; text-align: center; margin: 0 auto;
}

.page-slug-instructor-profile .bsm-crop-title { font-size: var(--brand-font-size-lg); font-weight: var(--brand-weight-bold); color: var(--brand-black); margin-bottom: 16px; }

.page-slug-instructor-profile .bsm-crop-canvas-wrap {
    width: 100%; max-width: var(--brand-width-narrow); aspect-ratio: 1 / 1;
    margin: 0 auto 12px; border-radius: var(--brand-radius-lg);
    overflow: hidden; background: var(--brand-black); cursor: grab; touch-action: none;
}

.page-slug-instructor-profile .bsm-crop-canvas-wrap:active { cursor: grabbing; }

.page-slug-instructor-profile #bsmCropCanvas { width: 100%; height: 100%; display: block; }

.page-slug-instructor-profile .bsm-crop-hint { font-size: var(--brand-font-size-sm); color: var(--brand-gray-400); margin-bottom: 10px; }

.page-slug-instructor-profile .bsm-crop-zoom { width: 100%; margin-bottom: 20px; }

.page-slug-instructor-profile .bsm-crop-actions { display: flex; gap: 10px; justify-content: center; }

.page-slug-instructor-profile .bsm-iprof-photo-btn {
    padding: 11px 18px; background: var(--brand-gray-100); border: var(--brand-border-width-thick) solid var(--brand-gray-100); border-radius: var(--brand-radius-md);
    font-size: var(--brand-font-size-base); font-weight: var(--brand-weight-bold); color: var(--brand-gray-400); cursor: pointer;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.page-slug-instructor-profile .bsm-iprof-photo-btn:hover { border-color: var(--brand-teal); color: var(--brand-teal); }

.page-slug-instructor-profile .bsm-iprof-grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }

@media (max-width: 600px) {
.page-slug-instructor-profile .bsm-iprof-grid-2 { grid-template-columns: 1fr; }
}

.page-slug-instructor-profile .bsm-iprof-domains { display: flex; flex-wrap: wrap; gap: 10px; }

.page-slug-instructor-profile .bsm-iprof-domain-chk {
    display: inline-flex; align-items: center; gap: 7px; cursor: pointer;
    padding: 9px 14px; border: var(--brand-border-width-thick) solid var(--brand-gray-100); border-radius: var(--brand-radius-pill);
    font-size: var(--brand-font-size-base); font-weight: var(--brand-weight-bold); color: var(--brand-gray-400); background: var(--brand-white);
}

.page-slug-instructor-profile .bsm-iprof-domain-chk input { accent-color: var(--brand-teal); width: 15px; height: 15px; cursor: pointer; }

.page-slug-instructor-profile .bsm-iprof-domain-chk:has(input:checked) { border-color: var(--brand-teal); background: var(--brand-mint); color: var(--brand-teal); }

.page-slug-instructor-profile /* SERVICE BLOCK BUILDER */
.bsm-svc-block {
    border: var(--brand-border-width-thick) solid var(--brand-gray-100); border-radius: var(--brand-radius-lg); padding: 20px 22px; margin-bottom: 16px;
    background: var(--brand-gray-100);
}

.page-slug-instructor-profile .bsm-svc-block-top { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 14px; }

.page-slug-instructor-profile .bsm-svc-block-order { display: flex; flex-direction: column; gap: 2px; flex-shrink: 0; padding-top: 2px; }

.page-slug-instructor-profile .bsm-svc-order-btn {
    width: 26px; height: 22px; border: var(--brand-border-width-thin) solid var(--brand-gray-100); background: var(--brand-white); border-radius: var(--brand-radius-sm);
    cursor: pointer; font-size: var(--brand-font-size-xs); color: var(--brand-gray-400); padding: 0; line-height: 1;
}

.page-slug-instructor-profile .bsm-svc-order-btn:hover { border-color: var(--brand-teal); color: var(--brand-teal); }

.page-slug-instructor-profile .bsm-svc-order-btn:disabled { opacity: .35; cursor: default; }

.page-slug-instructor-profile .bsm-svc-block-fields { flex: 1; min-width: 0; }

.page-slug-instructor-profile .bsm-svc-delete-btn {
    flex-shrink: 0; width: 30px; height: 30px; border-radius: var(--brand-radius-md); border: var(--brand-border-width-thin) solid var(--brand-red-light);
    background: var(--brand-white); color: var(--brand-red); font-size: var(--brand-font-size-md); cursor: pointer; line-height: 1;
}

.page-slug-instructor-profile .bsm-svc-delete-btn:hover { background: var(--brand-red-light); }

.page-slug-instructor-profile .bsm-svc-field-label { display: block; font-size: var(--brand-font-size-sm); font-weight: var(--brand-weight-bold); color: var(--brand-gray-400); margin-bottom: 6px; }

.page-slug-instructor-profile .bsm-svc-domain-chks { display: flex; flex-wrap: wrap; gap: 8px; }

.page-slug-instructor-profile .bsm-svc-domain-chk {
    display: inline-flex; align-items: center; gap: 6px; cursor: pointer;
    padding: 6px 12px; border: var(--brand-border-width-thick) solid var(--brand-gray-100); border-radius: var(--brand-radius-pill);
    font-size: var(--brand-font-size-sm); font-weight: var(--brand-weight-bold); color: var(--brand-gray-400); background: var(--brand-white);
}

.page-slug-instructor-profile .bsm-svc-domain-chk input { accent-color: var(--brand-teal); width: 14px; height: 14px; cursor: pointer; }

.page-slug-instructor-profile .bsm-svc-domain-chk:has(input:checked) { border-color: var(--brand-teal); background: var(--brand-mint); color: var(--brand-teal); }

.page-slug-instructor-profile .bsm-svc-row { display: grid; grid-template-columns: 2fr 1fr; gap: 12px; margin-bottom: 12px; }

@media (max-width: 600px) {
.page-slug-instructor-profile .bsm-svc-row { grid-template-columns: 1fr; }
}

.page-slug-instructor-profile .bsm-svc-block input[type="text"],
.page-slug-instructor-profile .bsm-svc-block textarea,
.page-slug-instructor-profile .bsm-svc-block select {
    width: 100%; padding: 10px 13px; border: var(--brand-border-width-thick) solid var(--brand-gray-100); border-radius: var(--brand-radius-md);
    font-size: var(--brand-font-size-md); color: var(--brand-black); box-sizing: border-box; font-family: inherit;
}

.page-slug-instructor-profile .bsm-svc-block textarea { min-height: 64px; resize: vertical; line-height: 1.5; }

.page-slug-instructor-profile .bsm-svc-block input:focus,
.page-slug-instructor-profile .bsm-svc-block textarea:focus,
.page-slug-instructor-profile .bsm-svc-block select:focus { border-color: var(--brand-teal); outline: none; }

.page-slug-instructor-profile .bsm-svc-featured-row { display: flex; align-items: center; gap: 8px; margin-bottom: 12px; }

.page-slug-instructor-profile .bsm-svc-featured-row label { display: flex; align-items: center; gap: 7px; font-size: var(--brand-font-size-base); font-weight: var(--brand-weight-bold); color: var(--brand-gray-400); cursor: pointer; }

.page-slug-instructor-profile .bsm-svc-featured-row input { accent-color: var(--brand-teal); width: 15px; height: 15px; cursor: pointer; }

.page-slug-instructor-profile .bsm-svc-features-toggle {
    background: var(--brand-white); border: var(--brand-border-width-thin) dashed var(--brand-gray-100); border-radius: var(--brand-radius-md); padding: 8px 14px;
    font-size: var(--brand-font-size-sm); font-weight: var(--brand-weight-bold); color: var(--brand-teal); cursor: pointer; margin-bottom: 10px;
}

.page-slug-instructor-profile .bsm-svc-features-toggle:hover { border-color: var(--brand-teal); background: var(--brand-mint); }

.page-slug-instructor-profile .bsm-svc-feature-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 10px; }

.page-slug-instructor-profile .bsm-svc-feature-chip {
    display: inline-flex; align-items: center; gap: 6px;
    background: var(--brand-mint); border: var(--brand-border-width-thin) solid var(--brand-mint); color: var(--brand-teal);
    border-radius: var(--brand-radius-pill); padding: 4px 10px; font-size: var(--brand-font-size-sm); font-weight: var(--brand-weight-bold);
}

.page-slug-instructor-profile .bsm-svc-feature-chip button {
    background: none; border: none; color: var(--brand-teal); cursor: pointer; font-size: var(--brand-font-size-base); padding: 0; line-height: 1;
}

.page-slug-instructor-profile .bsm-svc-feature-picker {
    display: none; border: var(--brand-border-width-thin) solid var(--brand-gray-100); border-radius: var(--brand-radius-md); padding: 12px 14px;
    margin-bottom: 12px; max-height: 220px; overflow-y: auto; background: var(--brand-white);
}

.page-slug-instructor-profile .bsm-svc-feature-picker.open { display: block; }

.page-slug-instructor-profile .bsm-svc-feature-cat-row { display: flex; align-items: center; gap: 8px; padding: 6px 0; }

.page-slug-instructor-profile .bsm-svc-feature-cat-select { accent-color: var(--brand-teal); cursor: pointer; flex-shrink: 0; }

.page-slug-instructor-profile .bsm-svc-feature-cat-name { font-size: var(--brand-font-size-base); font-weight: var(--brand-weight-bold); color: var(--brand-gray-400); cursor: pointer; user-select: none; }

.page-slug-instructor-profile .bsm-svc-feature-cat-name:hover { color: var(--brand-teal); }

.page-slug-instructor-profile .bsm-svc-feature-cat-arrow { font-size: var(--brand-font-size-xs); color: var(--brand-gray-400); }

.page-slug-instructor-profile .bsm-svc-feature-cat-items { padding: 2px 0 6px 24px; border-left: var(--brand-border-width-thick) solid var(--brand-gray-100); margin-left: 3px; }

.page-slug-instructor-profile .bsm-svc-feature-item { display: flex; align-items: center; gap: 8px; padding: 4px 0; font-size: var(--brand-font-size-base); color: var(--brand-gray-400); cursor: pointer; }

.page-slug-instructor-profile .bsm-svc-feature-item input { accent-color: var(--brand-teal); cursor: pointer; }

.page-slug-instructor-profile .bsm-svc-empty { text-align: center; padding: 24px; color: var(--brand-gray-400); font-size: var(--brand-font-size-md); }

.page-slug-instructor-profile .bsm-media-empty { text-align: center; padding: 20px; color: var(--brand-gray-400); font-size: var(--brand-font-size-md); }

.page-slug-instructor-profile .bsm-media-item { display: flex; align-items: center; gap: 14px; padding: 12px 0; border-bottom: var(--brand-border-width-thin) solid var(--brand-gray-100); }

.page-slug-instructor-profile .bsm-media-item:last-child { border-bottom: none; }

.page-slug-instructor-profile .bsm-media-item-thumb {
    width: 64px; height: 44px; border-radius: var(--brand-radius-md); background: var(--brand-black) center/cover no-repeat;
    display: flex; align-items: center; justify-content: center; color: var(--brand-white); font-size: var(--brand-font-size-lg); flex-shrink: 0;
}

.page-slug-instructor-profile .bsm-media-item-thumb-audio { background-color: var(--brand-teal); }

.page-slug-instructor-profile .bsm-media-item-thumb-video { background-color: var(--brand-gray-400); }

.page-slug-instructor-profile .bsm-media-item-body { min-width: 0; }

.page-slug-instructor-profile .bsm-media-item-title { font-size: var(--brand-font-size-md); font-weight: var(--brand-weight-bold); color: var(--brand-black); display: flex; align-items: center; gap: 8px; }

.page-slug-instructor-profile .bsm-media-item-meta { font-size: var(--brand-font-size-sm); color: var(--brand-gray-400); margin-top: 2px; }

.page-slug-instructor-profile .bsm-media-item-pending { font-size: var(--brand-font-size-xs); font-weight: var(--brand-weight-bold); text-transform: uppercase; letter-spacing: .04em; background: var(--brand-pale-yellow); color: var(--brand-peach); border: var(--brand-border-width-thin) solid var(--brand-pale-yellow); border-radius: var(--brand-radius-xl); padding: 2px 8px; }

.page-slug-instructor-profile .bsm-media-add-form { margin-top: 16px; padding-top: 16px; border-top: var(--brand-border-width-thin) solid var(--brand-gray-100); display: flex; flex-direction: column; gap: 12px; }

.page-slug-instructor-profile .bsm-media-type-toggle { display: flex; gap: 8px; }

.page-slug-instructor-profile .bsm-media-type-btn {
    padding: 8px 16px; border-radius: var(--brand-radius-md); border: var(--brand-border-width-thick) solid var(--brand-gray-100); background: var(--brand-white); color: var(--brand-gray-400);
    font-size: var(--brand-font-size-base); font-weight: var(--brand-weight-bold); cursor: pointer; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.page-slug-instructor-profile .bsm-media-type-btn.active { border-color: var(--brand-teal); background: var(--brand-mint); color: var(--brand-teal); }

.page-slug-instructor-profile .bsm-media-visibility { display: flex; flex-direction: column; gap: 6px; }

.page-slug-instructor-profile .bsm-media-vis-opt { display: flex; align-items: center; gap: 8px; font-size: var(--brand-font-size-base); color: var(--brand-gray-400); cursor: pointer; }

.page-slug-instructor-profile .bsm-media-vis-opt input { accent-color: var(--brand-teal); cursor: pointer; }

.page-slug-instructor-profile .bsm-iprof-save-btn {
    padding: 15px 32px; background: linear-gradient(135deg, var(--brand-teal), var(--brand-cyan));
    color: var(--brand-white); border: none; border-radius: var(--brand-radius-md); font-size: var(--brand-font-size-md); font-weight: var(--brand-weight-bold);
    cursor: pointer; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.page-slug-instructor-profile .bsm-iprof-save-btn:hover { opacity: .92; }

.page-slug-instructor-profile .bsm-iprof-example-banner {
    display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap;
    background: var(--brand-pale-yellow); border: var(--brand-border-width-thin) solid var(--brand-pale-yellow); border-radius: var(--brand-radius-lg);
    padding: 16px 20px; margin-bottom: 20px; font-size: var(--brand-font-size-md); color: var(--brand-orange); line-height: 1.6;
}

.page-slug-instructor-profile .bsm-iprof-reset-btn {
    background: var(--brand-white); border: var(--brand-border-width-thick) solid var(--brand-orange); color: var(--brand-orange); border-radius: var(--brand-radius-md);
    padding: 10px 18px; font-size: var(--brand-font-size-base); font-weight: var(--brand-weight-bold); cursor: pointer; white-space: nowrap;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.page-slug-instructor-profile .bsm-iprof-reset-btn:hover { background: var(--brand-orange); color: var(--brand-white); }

.page-slug-instructor-profile .bsm-iprof-success { background: var(--brand-green-light); border: var(--brand-border-width-thin) solid var(--brand-mint); border-radius: var(--brand-radius-md); padding: 14px 18px; font-size: var(--brand-font-size-md); color: var(--brand-teal); font-weight: var(--brand-weight-semibold); margin-bottom: 20px; }

.page-slug-instructor-profile .bsm-iprof-error { background: var(--brand-red-light); border: var(--brand-border-width-thin) solid var(--brand-red-light); border-radius: var(--brand-radius-md); padding: 14px 18px; font-size: var(--brand-font-size-md); color: var(--brand-red); font-weight: var(--brand-weight-semibold); margin-bottom: 20px; }

.page-slug-instructor-profile .bsm-iprof-locked { text-align: center; padding: 52px 40px; }

.page-slug-instructor-profile .bsm-iprof-locked-icon { font-size: var(--brand-font-size-xxxl); margin-bottom: 20px; }

.page-slug-instructor-profile .bsm-iprof-locked-title { font-size: var(--brand-font-size-xxl); font-weight: var(--brand-weight-bold); color: var(--brand-black); margin-bottom: 12px; letter-spacing: -0.3px; }

.page-slug-instructor-profile .bsm-iprof-locked-text { font-size: var(--brand-font-size-lg); color: var(--brand-gray-400); line-height: 1.7; max-width: var(--brand-width-standard); margin: 0 auto 32px; }

.page-slug-instructor-profile .bsm-iprof-locked-btn { display: inline-block; padding: 16px 36px; background: linear-gradient(135deg,var(--brand-teal),var(--brand-cyan)); color: var(--brand-white); border-radius: var(--brand-radius-lg); font-size: var(--brand-font-size-lg); font-weight: var(--brand-weight-bold); text-decoration: none; }

.page-slug-instructor-profile /* ==== Stage 3: extracted repeated inline styles ==== */
.u-display-none { display:none; }

/* ===== migrated from account/instructor/example-coach-page.php (scoped: .page-slug-coach-example) ===== */
/* moved to css/common.css (Stage 5, 30 aug 2026): .page-slug-coach-example .is-layout-constrained > :where(:not(.alignleft):not(.alignright)... */

.page-slug-coach-example .bsm-jpp-example-banner {
    background: var(--brand-pale-yellow); border-bottom: var(--brand-border-width-thin) solid var(--brand-pale-yellow); text-align: center;
    padding: 12px 20px; font-size: var(--brand-font-size-base); font-weight: var(--brand-weight-bold); color: var(--brand-orange);
}

.page-slug-coach-example .bsm-jpp-example-banner a { color: var(--brand-teal); text-decoration: underline; }

.page-slug-coach-example .bsm-jpp-hero-logo a { text-decoration: none; }

.page-slug-coach-example .bsm-jpp-avatar { width: 220px; height: 220px; border-radius: 50%; margin: 0 auto 26px; background: var(--brand-white); border: var(--brand-border-width-medium) solid var(--brand-white); box-shadow: 0 10px 34px rgba(15,23,42,.12); display: flex; align-items: center; justify-content: center; font-size: var(--brand-font-size-xxxl); font-weight: var(--brand-weight-extrabold); color: var(--brand-teal); }

.page-slug-coach-example .bsm-jpp-list li { display: flex; align-items: flex-start; gap: 12px; font-size: var(--brand-font-size-md); color: var(--brand-black); line-height: 1.6; padding: 10px 0; border-bottom: var(--brand-border-width-thin) solid var(--brand-gray-100); }

.page-slug-coach-example .bsm-jpp-list li:last-child { border-bottom: none; }

.page-slug-coach-example .bsm-jpp-list .tick { color: var(--brand-cyan); font-weight: var(--brand-weight-bold); flex-shrink: 0; }

.page-slug-coach-example .bsm-jpp-svc-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-bottom: 20px; }

@media (max-width: 700px) {
.page-slug-coach-example .bsm-jpp-svc-grid { grid-template-columns: 1fr; }
}

.page-slug-coach-example .bsm-jpp-svc-card.featured { border: var(--brand-border-width-thick) solid var(--brand-teal); box-shadow: 0 8px 26px rgba(13,148,136,.15); position: relative; }

.page-slug-coach-example .bsm-jpp-svc-includes { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 0; }

.page-slug-coach-example .bsm-jpp-media-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }

@media (max-width: 700px) {
.page-slug-coach-example .bsm-jpp-media-grid { grid-template-columns: 1fr; }
}

.page-slug-coach-example .bsm-jpp-media-tile { background: var(--brand-gray-100); border: var(--brand-border-width-thin) dashed var(--brand-gray-100); border-radius: var(--brand-radius-lg); padding: 22px 18px; text-align: center; }

.page-slug-coach-example .bsm-jpp-media-type { font-size: var(--brand-font-size-xs); font-weight: var(--brand-weight-extrabold); text-transform: uppercase; letter-spacing: .5px; color: var(--brand-teal); margin-bottom: 6px; }

.page-slug-coach-example .bsm-jpp-media-label { font-size: var(--brand-font-size-base); color: var(--brand-gray-400); font-weight: var(--brand-weight-semibold); }

.page-slug-coach-example .bsm-jpp-cta-btn { display: inline-block; padding: 18px 44px; background: linear-gradient(135deg, var(--brand-teal), var(--brand-cyan)); color: var(--brand-white); border-radius: var(--brand-radius-lg); font-size: var(--brand-font-size-lg); font-weight: var(--brand-weight-extrabold); text-decoration: none; letter-spacing: -0.2px; box-shadow: 0 10px 30px rgba(13,148,136,.35); }

.page-slug-coach-example .bsm-jpp-footer a { text-decoration: none; font-size: var(--brand-font-size-md); font-weight: var(--brand-weight-extrabold); }

.page-slug-coach-example /* ==== Stage 3: extracted repeated inline styles ==== */
.u-color-0d9488 { color:var(--brand-teal); }

.page-slug-coach-example .u-color-0f172a { color:var(--brand-black); }

.page-slug-coach-example .u-color-0891b2 { color:var(--brand-cyan); }

/* ===== migrated from account/wellness-meet/inbox.php (scoped: .page-slug-messages) ===== */
.page-slug-messages #bsm-wm-root { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; max-width: var(--brand-width-wide); margin: 40px auto; padding: 0 16px; color: var(--brand-black); }

.page-slug-messages #bsm-wm-root .bsm-wm-title { font-size: var(--brand-font-size-xxl); font-weight: var(--brand-weight-extrabold); margin-bottom: 18px; }

.page-slug-messages #bsm-wm-root .bsm-wm-layout { display: flex; gap: 20px; background: var(--brand-white); border: var(--brand-border-width-thin) solid var(--brand-gray-100); border-radius: var(--brand-radius-lg); overflow: hidden; min-height: 520px; }

.page-slug-messages #bsm-wm-root .bsm-wm-sidebar { width: 320px; flex-shrink: 0; border-right: var(--brand-border-width-thin) solid var(--brand-gray-100); display: flex; flex-direction: column; }

.page-slug-messages #bsm-wm-root .bsm-wm-thread { flex: 1; display: flex; flex-direction: column; min-width: 0; }

.page-slug-messages #bsm-wm-root .bsm-wm-section-label { font-size: var(--brand-font-size-xs); font-weight: var(--brand-weight-bold); text-transform: uppercase; letter-spacing: .04em; color: var(--brand-gray-400); padding: 16px 16px 6px; }

.page-slug-messages #bsm-wm-root .bsm-wm-request { padding: 10px 16px; }

.page-slug-messages #bsm-wm-root .bsm-wm-request-row { display: flex; align-items: center; gap: 10px; }

.page-slug-messages #bsm-wm-root .bsm-wm-request-note { font-size: var(--brand-font-size-base); color: var(--brand-gray-400); background: var(--brand-gray-100); border: var(--brand-border-width-thin) solid var(--brand-gray-100); border-radius: var(--brand-radius-md); padding: 8px 10px; margin: 8px 0 2px 50px; line-height: 1.4; }

.page-slug-messages #bsm-wm-root .bsm-wm-avatar { width: 40px; height: 40px; border-radius: 50%; background: var(--brand-gray-100); object-fit: cover; flex-shrink: 0; }

.page-slug-messages #bsm-wm-root .bsm-wm-request-name { font-size: var(--brand-font-size-md); font-weight: var(--brand-weight-bold); flex: 1; }

.page-slug-messages #bsm-wm-root .bsm-wm-btn { border: none; border-radius: var(--brand-radius-md); padding: 7px 12px; font-size: var(--brand-font-size-sm); font-weight: var(--brand-weight-bold); cursor: pointer; font-family: inherit; }

.page-slug-messages #bsm-wm-root .bsm-wm-btn-accept { background: linear-gradient(135deg,var(--brand-teal),var(--brand-cyan)); color: var(--brand-white); }

.page-slug-messages #bsm-wm-root .bsm-wm-btn-decline { background: var(--brand-gray-100); color: var(--brand-gray-400); margin-left: 6px; }

.page-slug-messages #bsm-wm-root .bsm-wm-convo-list { flex: 1; overflow-y: auto; }

.page-slug-messages #bsm-wm-root .bsm-wm-convo { display: flex; align-items: center; gap: 10px; padding: 12px 16px; cursor: pointer; border-bottom: var(--brand-border-width-thin) solid var(--brand-gray-100); }

.page-slug-messages #bsm-wm-root .bsm-wm-convo:hover,
.page-slug-messages #bsm-wm-root .bsm-wm-convo.bsm-wm-active { background: var(--brand-gray-100); }

.page-slug-messages #bsm-wm-root .bsm-wm-convo-info { min-width: 0; }

.page-slug-messages #bsm-wm-root .bsm-wm-convo-name { font-size: var(--brand-font-size-md); font-weight: var(--brand-weight-bold); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.page-slug-messages #bsm-wm-root .bsm-wm-convo-preview { font-size: var(--brand-font-size-sm); color: var(--brand-gray-400); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.page-slug-messages #bsm-wm-root .bsm-wm-empty { padding: 40px 20px; text-align: center; color: var(--brand-gray-400); font-size: var(--brand-font-size-base); }

.page-slug-messages #bsm-wm-root .bsm-wm-thread-header { display: flex; align-items: center; gap: 10px; padding: 14px 18px; border-bottom: var(--brand-border-width-thin) solid var(--brand-gray-100); }

.page-slug-messages #bsm-wm-root .bsm-wm-thread-name { font-size: var(--brand-font-size-md); font-weight: var(--brand-weight-bold); flex: 1; }

.page-slug-messages #bsm-wm-root .bsm-wm-block-btn { background: none; border: var(--brand-border-width-thin) solid var(--brand-red-light); color: var(--brand-red); border-radius: var(--brand-radius-md); padding: 6px 12px; font-size: var(--brand-font-size-sm); font-weight: var(--brand-weight-bold); cursor: pointer; font-family: inherit; }

.page-slug-messages #bsm-wm-root .bsm-wm-messages { flex: 1; overflow-y: auto; padding: 18px; display: flex; flex-direction: column; gap: 8px; }

.page-slug-messages #bsm-wm-root .bsm-wm-msg { max-width: 70%; padding: 9px 13px; border-radius: var(--brand-radius-lg); font-size: var(--brand-font-size-md); line-height: 1.4; word-wrap: break-word; }

.page-slug-messages #bsm-wm-root .bsm-wm-msg-mine { align-self: flex-end; background: linear-gradient(135deg,var(--brand-teal),var(--brand-cyan)); color: var(--brand-white); border-bottom-right-radius: var(--brand-radius-sm); }

.page-slug-messages #bsm-wm-root .bsm-wm-msg-theirs { align-self: flex-start; background: var(--brand-gray-100); color: var(--brand-black); border-bottom-left-radius: var(--brand-radius-sm); }

.page-slug-messages #bsm-wm-root .bsm-wm-compose { display: flex; gap: 8px; padding: 14px; border-top: var(--brand-border-width-thin) solid var(--brand-gray-100); }

.page-slug-messages #bsm-wm-root .bsm-wm-compose-input { flex: 1; padding: 11px 14px; border: var(--brand-border-width-thick) solid var(--brand-gray-100); border-radius: var(--brand-radius-md); font-size: var(--brand-font-size-md); font-family: inherit; }

.page-slug-messages #bsm-wm-root .bsm-wm-send-btn { background: linear-gradient(135deg,var(--brand-teal),var(--brand-cyan)); color: var(--brand-white); border: none; border-radius: var(--brand-radius-md); padding: 0 20px; font-size: var(--brand-font-size-md); font-weight: var(--brand-weight-bold); cursor: pointer; font-family: inherit; }

@media (max-width: 720px) {
.page-slug-messages #bsm-wm-root .bsm-wm-layout { flex-direction: column; }
.page-slug-messages #bsm-wm-root .bsm-wm-sidebar { width: auto; border-right: none; border-bottom: var(--brand-border-width-thin) solid var(--brand-gray-100); max-height: 260px; }
}

/* ===== migrated from account/wellness-meet/search.php (scoped: .page-slug-find-members) ===== */
.page-slug-find-members .bsm-wms-wrap { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background: var(--brand-peach); min-height: 100vh; padding: 24px 20px 60px; box-sizing: border-box; }

.page-slug-find-members .bsm-wms-inner { max-width: var(--brand-width-wide); margin: 0 auto; }

.page-slug-find-members .bsm-wms-header { margin-bottom: 20px; }

.page-slug-find-members .bsm-wms-title { font-size: var(--brand-font-size-xxxl); font-weight: var(--brand-weight-bold); color: var(--brand-black); letter-spacing: -0.5px; margin-bottom: 6px; }

.page-slug-find-members .bsm-wms-sub { font-size: var(--brand-font-size-md); color: var(--brand-gray-400); }

.page-slug-find-members .bsm-wms-search-form { display: flex; gap: 10px; margin-bottom: 28px; flex-wrap: wrap; align-items: center; }

.page-slug-find-members .bsm-wms-search-input { flex: 1; min-width: 220px; padding: 12px 16px; border: var(--brand-border-width-thick) solid var(--brand-gray-100); border-radius: var(--brand-radius-md); font-size: var(--brand-font-size-md); font-family: inherit; }

.page-slug-find-members .bsm-wms-search-btn { background: linear-gradient(135deg,var(--brand-teal),var(--brand-cyan)); color: var(--brand-white); border: none; border-radius: var(--brand-radius-md); padding: 0 22px; font-size: var(--brand-font-size-md); font-weight: var(--brand-weight-bold); cursor: pointer; font-family: inherit; }

.page-slug-find-members .bsm-wms-clear { font-size: var(--brand-font-size-base); color: var(--brand-gray-400); text-decoration: none; font-weight: var(--brand-weight-semibold); }

.page-slug-find-members .bsm-wms-clear:hover { color: var(--brand-teal); }

.page-slug-find-members .bsm-wms-empty { background: var(--brand-white); border: var(--brand-border-width-thin) solid var(--brand-gray-100); border-radius: var(--brand-radius-lg); padding: 48px 20px; text-align: center; color: var(--brand-gray-400); font-size: var(--brand-font-size-md); }

.page-slug-find-members .bsm-wms-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 16px; }

.page-slug-find-members .bsm-wms-card { display: block; background: var(--brand-white); border: var(--brand-border-width-thin) solid var(--brand-gray-100); border-radius: var(--brand-radius-lg); padding: 22px 18px; text-align: center; text-decoration: none; transition: border-color .15s, box-shadow .15s, transform .15s; }

.page-slug-find-members .bsm-wms-card:hover { border-color: var(--brand-teal); box-shadow: 0 8px 24px rgba(15,23,42,.08); transform: translateY(-2px); }

.page-slug-find-members .bsm-wms-avatar { width: 64px; height: 64px; border-radius: 50%; margin: 0 auto 14px; background: linear-gradient(135deg,var(--brand-teal),var(--brand-cyan)) center/cover; display: flex; align-items: center; justify-content: center; color: var(--brand-white); font-size: var(--brand-font-size-xxl); font-weight: var(--brand-weight-bold); background-size: cover; background-position: center; }

.page-slug-find-members .bsm-wms-name { font-size: var(--brand-font-size-md); font-weight: var(--brand-weight-bold); color: var(--brand-black); margin-bottom: 4px; }

.page-slug-find-members .bsm-wms-headline { font-size: var(--brand-font-size-base); color: var(--brand-gray-400); line-height: 1.4; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

@media (max-width: 600px) {
.page-slug-find-members .bsm-wms-title { font-size: var(--brand-font-size-xxxl); }
.page-slug-find-members .bsm-wms-grid { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); }
}

/* ===== migrated from account/marketing_hub/home.php (scoped: .page-slug-marketing-hub) ===== */
.page-slug-marketing-hub #bsm-mhh-root { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; max-width: var(--brand-width-wide); margin: 40px auto; padding: 0 16px; color: var(--brand-black); }

.page-slug-marketing-hub #bsm-mhh-root .bsm-mhh-title { font-size: var(--brand-font-size-xxxl); font-weight: var(--brand-weight-extrabold); margin-bottom: 6px; }

.page-slug-marketing-hub #bsm-mhh-root .bsm-mhh-subtitle { font-size: var(--brand-font-size-base); color: var(--brand-gray-400); margin-bottom: 26px; }

.page-slug-marketing-hub #bsm-mhh-root .bsm-mhh-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 18px; }

.page-slug-marketing-hub #bsm-mhh-root .bsm-mhh-tile { position: relative; display: block; background: var(--brand-white); border: var(--brand-border-width-thin) solid var(--brand-gray-100); border-radius: var(--brand-radius-lg); padding: 24px; text-decoration: none; color: inherit; transition: transform 0.15s ease, box-shadow 0.15s ease; }

.page-slug-marketing-hub #bsm-mhh-root .bsm-mhh-tile.bsm-mhh-live:hover { transform: translateY(-3px); box-shadow: var(--brand-elevation-strong); border-color: var(--brand-mint); }

.page-slug-marketing-hub #bsm-mhh-root .bsm-mhh-tile.bsm-mhh-disabled { opacity: 0.55; cursor: not-allowed; pointer-events: none; }

.page-slug-marketing-hub #bsm-mhh-root .bsm-mhh-icon { width: 46px; height: 46px; border-radius: var(--brand-radius-lg); background: linear-gradient(135deg,var(--brand-teal),var(--brand-cyan)); display: flex; align-items: center; justify-content: center; font-size: var(--brand-font-size-xxl); margin-bottom: 16px; }

.page-slug-marketing-hub #bsm-mhh-root .bsm-mhh-tile-title { font-size: var(--brand-font-size-lg); font-weight: var(--brand-weight-extrabold); margin-bottom: 6px; }

.page-slug-marketing-hub #bsm-mhh-root .bsm-mhh-tile-desc { font-size: var(--brand-font-size-base); color: var(--brand-gray-400); line-height: 1.5; }

.page-slug-marketing-hub #bsm-mhh-root .bsm-mhh-status { position: absolute; top: 18px; right: 18px; font-size: var(--brand-font-size-xs); font-weight: var(--brand-weight-bold); text-transform: uppercase; letter-spacing: .04em; padding: 3px 9px; border-radius: var(--brand-radius-pill); }

/* ===== migrated from account/marketing_hub/contacts.php (scoped: .page-slug-marketing-hub-contacts) ===== */
.page-slug-marketing-hub-contacts #bsm-mh-root { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; max-width: var(--brand-width-wide); margin: 40px auto; padding: 0 16px; color: var(--brand-black); }

.page-slug-marketing-hub-contacts #bsm-mh-root .bsm-mh-title { font-size: var(--brand-font-size-xxl); font-weight: var(--brand-weight-extrabold); margin-bottom: 6px; }

.page-slug-marketing-hub-contacts #bsm-mh-root .bsm-mh-subtitle { font-size: var(--brand-font-size-base); color: var(--brand-gray-400); margin-bottom: 18px; }

.page-slug-marketing-hub-contacts #bsm-mh-root .bsm-mh-card { background: var(--brand-white); border: var(--brand-border-width-thin) solid var(--brand-gray-100); border-radius: var(--brand-radius-lg); overflow: hidden; }

.page-slug-marketing-hub-contacts #bsm-mh-root .bsm-mh-segment-tabs { display: flex; gap: 6px; padding: 14px 16px; border-bottom: var(--brand-border-width-thin) solid var(--brand-gray-100); overflow-x: auto; }

.page-slug-marketing-hub-contacts #bsm-mh-root .bsm-mh-segment-tab { background: var(--brand-gray-100); color: var(--brand-gray-400); border: none; border-radius: var(--brand-radius-pill); padding: 7px 14px; font-size: var(--brand-font-size-sm); font-weight: var(--brand-weight-bold); cursor: pointer; font-family: inherit; white-space: nowrap; flex-shrink: 0; }

.page-slug-marketing-hub-contacts #bsm-mh-root .bsm-mh-segment-tab.bsm-mh-tab-active { background: linear-gradient(135deg,var(--brand-teal),var(--brand-cyan)); color: var(--brand-white); }

.page-slug-marketing-hub-contacts #bsm-mh-root .bsm-mh-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 14px 16px; border-bottom: var(--brand-border-width-thin) solid var(--brand-gray-100); }

.page-slug-marketing-hub-contacts #bsm-mh-root .bsm-mh-search { flex: 1; max-width: var(--brand-width-narrow); padding: 9px 14px; border: var(--brand-border-width-thin) solid var(--brand-gray-100); border-radius: var(--brand-radius-md); font-size: var(--brand-font-size-base); font-family: inherit; }

.page-slug-marketing-hub-contacts #bsm-mh-root .bsm-mh-add-btn { background: linear-gradient(135deg,var(--brand-teal),var(--brand-cyan)); color: var(--brand-white); border: none; border-radius: var(--brand-radius-md); padding: 9px 16px; font-size: var(--brand-font-size-base); font-weight: var(--brand-weight-bold); cursor: pointer; font-family: inherit; }

.page-slug-marketing-hub-contacts #bsm-mh-root .bsm-mh-list { min-height: 200px; }

.page-slug-marketing-hub-contacts #bsm-mh-root .bsm-mh-row { display: flex; align-items: center; gap: 14px; padding: 14px 16px; border-bottom: var(--brand-border-width-thin) solid var(--brand-gray-100); }

.page-slug-marketing-hub-contacts #bsm-mh-root .bsm-mh-row:hover { background: var(--brand-gray-100); }

.page-slug-marketing-hub-contacts #bsm-mh-root .bsm-mh-row-main { flex: 1; min-width: 0; }

.page-slug-marketing-hub-contacts #bsm-mh-root .bsm-mh-row-name { font-size: var(--brand-font-size-md); font-weight: var(--brand-weight-bold); }

.page-slug-marketing-hub-contacts #bsm-mh-root .bsm-mh-row-sub { font-size: var(--brand-font-size-sm); color: var(--brand-gray-400); margin-top: 2px; }

.page-slug-marketing-hub-contacts #bsm-mh-root .bsm-mh-badge { font-size: var(--brand-font-size-xs); font-weight: var(--brand-weight-bold); padding: 3px 10px; border-radius: var(--brand-radius-pill); background: var(--brand-mint); color: var(--brand-teal); white-space: nowrap; }

.page-slug-marketing-hub-contacts #bsm-mh-root .bsm-mh-badge-status { background: var(--brand-gray-100); color: var(--brand-cyan); }

.page-slug-marketing-hub-contacts #bsm-mh-root .bsm-mh-badge-unsub { background: var(--brand-red-light); color: var(--brand-red); }

.page-slug-marketing-hub-contacts #bsm-mh-root .bsm-mh-row-actions { display: flex; gap: 4px; flex-shrink: 0; }

.page-slug-marketing-hub-contacts #bsm-mh-root .bsm-mh-row-btn { background: none; border: none; color: var(--brand-gray-400); font-size: var(--brand-font-size-md); font-weight: var(--brand-weight-bold); cursor: pointer; padding: 6px 8px; border-radius: var(--brand-radius-sm); font-family: inherit; }

.page-slug-marketing-hub-contacts #bsm-mh-root .bsm-mh-row-btn:hover { background: var(--brand-gray-100); }

.page-slug-marketing-hub-contacts #bsm-mh-root .bsm-mh-row-btn-delete:hover { background: var(--brand-red-light); color: var(--brand-red); }

.page-slug-marketing-hub-contacts #bsm-mh-root .bsm-mh-empty { padding: 50px 20px; text-align: center; color: var(--brand-gray-400); font-size: var(--brand-font-size-base); }

.page-slug-marketing-hub-contacts #bsm-mh-root .bsm-mh-overlay { display: none; position: fixed; inset: 0; background: rgba(15,23,42,0.5); z-index: 99998; align-items: center; justify-content: center; }

.page-slug-marketing-hub-contacts #bsm-mh-root .bsm-mh-overlay.bsm-mh-open { display: flex; }

.page-slug-marketing-hub-contacts #bsm-mh-root .bsm-mh-panel { background: var(--brand-white); border-radius: var(--brand-radius-lg); width: 92%; max-width: var(--brand-width-standard); max-height: 85vh; overflow-y: auto; padding: 24px; }

.page-slug-marketing-hub-contacts #bsm-mh-root .bsm-mh-panel h3 { font-size: var(--brand-font-size-xl); font-weight: var(--brand-weight-extrabold); margin-bottom: 16px; }

.page-slug-marketing-hub-contacts #bsm-mh-root .bsm-mh-field { margin-bottom: 14px; }

.page-slug-marketing-hub-contacts #bsm-mh-root .bsm-mh-field label { display: block; font-size: var(--brand-font-size-sm); font-weight: var(--brand-weight-bold); color: var(--brand-gray-400); margin-bottom: 6px; }

.page-slug-marketing-hub-contacts #bsm-mh-root .bsm-mh-field input,
.page-slug-marketing-hub-contacts #bsm-mh-root .bsm-mh-field select,
.page-slug-marketing-hub-contacts #bsm-mh-root .bsm-mh-field textarea { width: 100%; padding: 10px 12px; border: var(--brand-border-width-thin) solid var(--brand-gray-100); border-radius: var(--brand-radius-md); font-size: var(--brand-font-size-base); font-family: inherit; }

.page-slug-marketing-hub-contacts #bsm-mh-root .bsm-mh-field textarea { min-height: 90px; resize: vertical; }

.page-slug-marketing-hub-contacts #bsm-mh-root .bsm-mh-field-row { display: flex; gap: 10px; }

.page-slug-marketing-hub-contacts #bsm-mh-root .bsm-mh-field-row .bsm-mh-field { flex: 1; }

.page-slug-marketing-hub-contacts #bsm-mh-root .bsm-mh-panel-actions { display: flex; gap: 8px; justify-content: flex-end; margin-top: 8px; }

.page-slug-marketing-hub-contacts #bsm-mh-root .bsm-mh-btn-primary { background: linear-gradient(135deg,var(--brand-teal),var(--brand-cyan)); color: var(--brand-white); border: none; border-radius: var(--brand-radius-md); padding: 9px 18px; font-size: var(--brand-font-size-base); font-weight: var(--brand-weight-bold); cursor: pointer; font-family: inherit; }

.page-slug-marketing-hub-contacts #bsm-mh-root .bsm-mh-btn-secondary { background: var(--brand-gray-100); color: var(--brand-gray-400); border: none; border-radius: var(--brand-radius-md); padding: 9px 18px; font-size: var(--brand-font-size-base); font-weight: var(--brand-weight-bold); cursor: pointer; font-family: inherit; }

.page-slug-marketing-hub-contacts #bsm-mh-root .bsm-mh-toolbar-actions { display: flex; gap: 8px; flex-shrink: 0; }

.page-slug-marketing-hub-contacts #bsm-mh-root .bsm-mh-import-hint { font-size: var(--brand-font-size-xs); color: var(--brand-gray-400); margin-top: 6px; line-height: 1.5; }

.page-slug-marketing-hub-contacts #bsm-mh-root .bsm-mh-import-result { display: none; font-size: var(--brand-font-size-base); padding: 12px 14px; border-radius: var(--brand-radius-md); margin: 14px 0; line-height: 1.5; }

.page-slug-marketing-hub-contacts #bsm-mh-root .bsm-mh-import-result.bsm-mh-import-show { display: block; }

.page-slug-marketing-hub-contacts #bsm-mh-root .bsm-mh-import-result.bsm-mh-import-success { background: var(--brand-green-light); color: var(--brand-teal); }

.page-slug-marketing-hub-contacts #bsm-mh-root .bsm-mh-import-result.bsm-mh-import-error { background: var(--brand-red-light); color: var(--brand-magenta); }

@media (max-width: 640px) {
.page-slug-marketing-hub-contacts #bsm-mh-root .bsm-mh-row { flex-wrap: wrap; }
.page-slug-marketing-hub-contacts #bsm-mh-root .bsm-mh-toolbar { flex-wrap: wrap; }
.page-slug-marketing-hub-contacts #bsm-mh-root .bsm-mh-search { max-width: none; }
}

.page-slug-marketing-hub-contacts #bsm-mh-root .bsm-mh-back-link { display: inline-block; font-size: var(--brand-font-size-sm); font-weight: var(--brand-weight-bold); color: var(--brand-teal); text-decoration: none; margin-bottom: 10px; }

/* ===== migrated from account/marketing_hub/campaigns.php (scoped: .page-slug-marketing-hub-campaigns) ===== */
.page-slug-marketing-hub-campaigns #bsm-mhp-root { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; max-width: var(--brand-width-wide); margin: 40px auto; padding: 0 16px; color: var(--brand-black); }

.page-slug-marketing-hub-campaigns #bsm-mhp-root .bsm-mhp-title { font-size: var(--brand-font-size-xxl); font-weight: var(--brand-weight-extrabold); margin-bottom: 6px; }

.page-slug-marketing-hub-campaigns #bsm-mhp-root .bsm-mhp-subtitle { font-size: var(--brand-font-size-base); color: var(--brand-gray-400); margin-bottom: 18px; }

.page-slug-marketing-hub-campaigns #bsm-mhp-root .bsm-mhp-back-link { display: inline-block; font-size: var(--brand-font-size-sm); font-weight: var(--brand-weight-bold); color: var(--brand-teal); text-decoration: none; margin-bottom: 10px; }

.page-slug-marketing-hub-campaigns #bsm-mhp-root .bsm-mhp-card { background: var(--brand-white); border: var(--brand-border-width-thin) solid var(--brand-gray-100); border-radius: var(--brand-radius-lg); overflow: hidden; }

.page-slug-marketing-hub-campaigns #bsm-mhp-root .bsm-mhp-toolbar { display: flex; align-items: center; justify-content: flex-end; gap: 10px; padding: 14px 16px; border-bottom: var(--brand-border-width-thin) solid var(--brand-gray-100); }

.page-slug-marketing-hub-campaigns #bsm-mhp-root .bsm-mhp-add-btn { background: linear-gradient(135deg,var(--brand-teal),var(--brand-cyan)); color: var(--brand-white); border: none; border-radius: var(--brand-radius-md); padding: 9px 16px; font-size: var(--brand-font-size-base); font-weight: var(--brand-weight-bold); cursor: pointer; font-family: inherit; }

.page-slug-marketing-hub-campaigns #bsm-mhp-root .bsm-mhp-list { min-height: 200px; }

.page-slug-marketing-hub-campaigns #bsm-mhp-root .bsm-mhp-row { display: flex; align-items: center; gap: 14px; padding: 14px 16px; border-bottom: var(--brand-border-width-thin) solid var(--brand-gray-100); }

.page-slug-marketing-hub-campaigns #bsm-mhp-root .bsm-mhp-row:hover { background: var(--brand-gray-100); }

.page-slug-marketing-hub-campaigns #bsm-mhp-root .bsm-mhp-row-main { flex: 1; min-width: 0; }

.page-slug-marketing-hub-campaigns #bsm-mhp-root .bsm-mhp-row-name { font-size: var(--brand-font-size-md); font-weight: var(--brand-weight-bold); }

.page-slug-marketing-hub-campaigns #bsm-mhp-root .bsm-mhp-row-sub { font-size: var(--brand-font-size-sm); color: var(--brand-gray-400); margin-top: 2px; }

.page-slug-marketing-hub-campaigns #bsm-mhp-root .bsm-mhp-badge { font-size: var(--brand-font-size-xs); font-weight: var(--brand-weight-bold); padding: 3px 10px; border-radius: var(--brand-radius-pill); background: var(--brand-mint); color: var(--brand-teal); white-space: nowrap; }

.page-slug-marketing-hub-campaigns #bsm-mhp-root .bsm-mhp-badge-ready { background: var(--brand-gray-100); color: var(--brand-cyan); }

.page-slug-marketing-hub-campaigns #bsm-mhp-root .bsm-mhp-badge-scheduled { background: var(--brand-gray-100); color: var(--brand-cyan); }

.page-slug-marketing-hub-campaigns #bsm-mhp-root .bsm-mhp-badge-sending { background: var(--brand-pale-yellow); color: var(--brand-peach); }

.page-slug-marketing-hub-campaigns #bsm-mhp-root .bsm-mhp-row-actions { display: flex; gap: 4px; flex-shrink: 0; }

.page-slug-marketing-hub-campaigns #bsm-mhp-root .bsm-mhp-row-btn { background: none; border: none; color: var(--brand-gray-400); font-size: var(--brand-font-size-md); font-weight: var(--brand-weight-bold); cursor: pointer; padding: 6px 8px; border-radius: var(--brand-radius-sm); font-family: inherit; }

.page-slug-marketing-hub-campaigns #bsm-mhp-root .bsm-mhp-row-btn:hover { background: var(--brand-gray-100); }

.page-slug-marketing-hub-campaigns #bsm-mhp-root .bsm-mhp-row-btn-delete:hover { background: var(--brand-red-light); color: var(--brand-red); }

.page-slug-marketing-hub-campaigns #bsm-mhp-root .bsm-mhp-empty { padding: 50px 20px; text-align: center; color: var(--brand-gray-400); font-size: var(--brand-font-size-base); }

.page-slug-marketing-hub-campaigns #bsm-mhp-root .bsm-mhp-overlay { display: none; position: fixed; inset: 0; background: rgba(15,23,42,0.5); z-index: 99998; align-items: center; justify-content: center; }

.page-slug-marketing-hub-campaigns #bsm-mhp-root .bsm-mhp-overlay.bsm-mhp-open { display: flex; }

.page-slug-marketing-hub-campaigns #bsm-mhp-root .bsm-mhp-panel { background: var(--brand-white); border-radius: var(--brand-radius-lg); width: 92%; max-width: var(--brand-width-standard); max-height: 88vh; overflow-y: auto; padding: 24px; }

.page-slug-marketing-hub-campaigns #bsm-mhp-root .bsm-mhp-panel h3 { font-size: var(--brand-font-size-xl); font-weight: var(--brand-weight-extrabold); margin-bottom: 16px; }

.page-slug-marketing-hub-campaigns #bsm-mhp-root .bsm-mhp-field { margin-bottom: 14px; }

.page-slug-marketing-hub-campaigns #bsm-mhp-root .bsm-mhp-field label { display: block; font-size: var(--brand-font-size-sm); font-weight: var(--brand-weight-bold); color: var(--brand-gray-400); margin-bottom: 6px; }

.page-slug-marketing-hub-campaigns #bsm-mhp-root .bsm-mhp-field input,
.page-slug-marketing-hub-campaigns #bsm-mhp-root .bsm-mhp-field select,
.page-slug-marketing-hub-campaigns #bsm-mhp-root .bsm-mhp-field textarea { width: 100%; padding: 10px 12px; border: var(--brand-border-width-thin) solid var(--brand-gray-100); border-radius: var(--brand-radius-md); font-size: var(--brand-font-size-base); font-family: inherit; box-sizing: border-box; }

.page-slug-marketing-hub-campaigns #bsm-mhp-root .bsm-mhp-field textarea { min-height: 160px; resize: vertical; font-family: monospace; }

.page-slug-marketing-hub-campaigns #bsm-mhp-root .bsm-mhp-editor-toolbar { display: flex; flex-wrap: wrap; gap: 4px; padding: 8px; border: var(--brand-border-width-thin) solid var(--brand-gray-100); border-bottom: none; border-radius: var(--brand-radius-md) var(--brand-radius-md) 0 0; background: var(--brand-gray-100); }

.page-slug-marketing-hub-campaigns #bsm-mhp-root .bsm-mhp-editor-toolbar button { background: var(--brand-white); border: var(--brand-border-width-thin) solid var(--brand-gray-100); border-radius: var(--brand-radius-sm); padding: 6px 10px; font-size: var(--brand-font-size-sm); font-weight: var(--brand-weight-bold); color: var(--brand-gray-400); cursor: pointer; font-family: inherit; }

.page-slug-marketing-hub-campaigns #bsm-mhp-root .bsm-mhp-editor-toolbar button:hover { background: var(--brand-mint); border-color: var(--brand-mint); color: var(--brand-teal); }

.page-slug-marketing-hub-campaigns #bsm-mhp-root .bsm-mhp-editor-body { min-height: 200px; max-height: 400px; overflow-y: auto; border: var(--brand-border-width-thin) solid var(--brand-gray-100); border-radius: 0 0 var(--brand-radius-md) var(--brand-radius-md); padding: 12px; font-size: var(--brand-font-size-base); line-height: 1.5; }

.page-slug-marketing-hub-campaigns #bsm-mhp-root .bsm-mhp-editor-body:focus { outline: 2px solid var(--brand-mint); outline-offset: -1px; }

.page-slug-marketing-hub-campaigns #bsm-mhp-root .bsm-mhp-editor-body img { max-width: 100%; height: auto; }

.page-slug-marketing-hub-campaigns #bsm-mhp-root .bsm-mhp-editor-body:empty:before { content: attr(data-placeholder); color: var(--brand-gray-400); }

.page-slug-marketing-hub-campaigns #bsm-mhp-root .bsm-mhp-seg-grid { display: flex; flex-direction: column; gap: 0; padding: 4px; border: var(--brand-border-width-thin) solid var(--brand-gray-100); border-radius: var(--brand-radius-md); }

.page-slug-marketing-hub-campaigns /* Segment checkbox rows - deliberately over-specified with !important
       on every layout-relevant property. This screen sits on a site with
       lots of other,
.page-slug-marketing-hub-campaigns much bigger,
.page-slug-marketing-hub-campaigns quiz-style checkboxes elsewhere (see
       assessment/wellnessPlanning) whose global label/input styling can
       otherwise win the specificity fight against a plain scoped rule and
       pull the checkbox onto its own stacked row,
.page-slug-marketing-hub-campaigns separated from its
       label by a big margin - exactly the misalignment bug this was
       hardened against. The border + hover background on each row is a
       second,
.page-slug-marketing-hub-campaigns independent safety net: even if some stray global style
       still leaks through,
.page-slug-marketing-hub-campaigns a bordered box makes it visually unambiguous
       which checkbox belongs to which label. */
    #bsm-mhp-root label.bsm-mhp-seg-item {
      display: flex !important;
      flex-direction: row !important;
      align-items: center !important;
      gap: 9px !important;
      font-size: var(--brand-font-size-sm) !important;
      font-weight: var(--brand-weight-semibold) !important;
      color: var(--brand-gray-400) !important;
      width: auto !important;
      max-width: none !important;
      margin: 0 !important;
      padding: 9px 8px !important;
      line-height: 1.3 !important;
      border-bottom: var(--brand-border-width-thin) solid var(--brand-gray-100);
      cursor: pointer;
    }

.page-slug-marketing-hub-campaigns #bsm-mhp-root .bsm-mhp-seg-item:last-child { border-bottom: none; }

.page-slug-marketing-hub-campaigns #bsm-mhp-root .bsm-mhp-seg-item:hover { background: var(--brand-gray-100); }

.page-slug-marketing-hub-campaigns #bsm-mhp-root .bsm-mhp-seg-item input[type="checkbox"] {
      display: inline-block !important;
      flex: 0 0 16px !important;
      width: 16px !important;
      height: 16px !important;
      min-width: 16px !important;
      margin: 0 !important;
      padding: 0 !important;
      order: -1;
    }

.page-slug-marketing-hub-campaigns #bsm-mhp-root .bsm-mhp-recipient-count { font-size: var(--brand-font-size-base); font-weight: var(--brand-weight-bold); color: var(--brand-teal); background: var(--brand-mint); border-radius: var(--brand-radius-md); padding: 10px 14px; margin: 6px 0 14px; }

.page-slug-marketing-hub-campaigns #bsm-mhp-root .bsm-mhp-send-note { font-size: var(--brand-font-size-sm); color: var(--brand-orange); background: var(--brand-pale-yellow); border-radius: var(--brand-radius-md); padding: 10px 14px; margin-bottom: 14px; }

.page-slug-marketing-hub-campaigns #bsm-mhp-root .bsm-mhp-sending-info { font-size: var(--brand-font-size-sm); font-weight: var(--brand-weight-semibold); color: var(--brand-orange); background: var(--brand-pale-yellow); border-radius: var(--brand-radius-md); padding: 10px 14px; margin-bottom: 14px; }

.page-slug-marketing-hub-campaigns #bsm-mhp-root .bsm-mhp-progress-wrap { margin-bottom: 14px; }

.page-slug-marketing-hub-campaigns #bsm-mhp-root .bsm-mhp-progress-bar { background: var(--brand-gray-100); border-radius: var(--brand-radius-pill); height: 10px; overflow: hidden; }

.page-slug-marketing-hub-campaigns #bsm-mhp-root .bsm-mhp-progress-fill { background: linear-gradient(135deg,var(--brand-teal),var(--brand-cyan)); height: 100%; width: 0%; transition: width 0.3s ease; }

.page-slug-marketing-hub-campaigns #bsm-mhp-root .bsm-mhp-progress-label { font-size: var(--brand-font-size-sm); color: var(--brand-gray-400); margin-top: 6px; text-align: center; }

.page-slug-marketing-hub-campaigns #bsm-mhp-root .bsm-mhp-sent-info { font-size: var(--brand-font-size-sm); color: var(--brand-teal); background: var(--brand-mint); border-radius: var(--brand-radius-md); padding: 10px 14px; margin-bottom: 14px; }

.page-slug-marketing-hub-campaigns #bsm-mhp-root .bsm-mhp-scheduled-info { font-size: var(--brand-font-size-sm); color: var(--brand-cyan); background: var(--brand-gray-100); border-radius: var(--brand-radius-md); padding: 10px 14px; margin-bottom: 14px; }

.page-slug-marketing-hub-campaigns #bsm-mhp-root .bsm-mhp-scheduled-info button { background: none; border: none; color: var(--brand-cyan); font-weight: var(--brand-weight-bold); text-decoration: underline; cursor: pointer; font-family: inherit; font-size: var(--brand-font-size-sm); padding: 0; margin-left: 6px; }

.page-slug-marketing-hub-campaigns #bsm-mhp-root .bsm-mhp-panel-actions { display: flex; gap: 8px; justify-content: flex-end; margin-top: 8px; flex-wrap: wrap; }

.page-slug-marketing-hub-campaigns #bsm-mhp-root .bsm-mhp-btn-primary { background: linear-gradient(135deg,var(--brand-teal),var(--brand-cyan)); color: var(--brand-white); border: none; border-radius: var(--brand-radius-md); padding: 9px 18px; font-size: var(--brand-font-size-base); font-weight: var(--brand-weight-bold); cursor: pointer; font-family: inherit; }

.page-slug-marketing-hub-campaigns #bsm-mhp-root .bsm-mhp-btn-secondary { background: var(--brand-gray-100); color: var(--brand-gray-400); border: none; border-radius: var(--brand-radius-md); padding: 9px 18px; font-size: var(--brand-font-size-base); font-weight: var(--brand-weight-bold); cursor: pointer; font-family: inherit; }

.page-slug-marketing-hub-campaigns #bsm-mhp-root .bsm-mhp-btn-disabled { background: var(--brand-gray-100); color: var(--brand-gray-400); border: none; border-radius: var(--brand-radius-md); padding: 9px 18px; font-size: var(--brand-font-size-base); font-weight: var(--brand-weight-bold); cursor: not-allowed; font-family: inherit; }

.page-slug-marketing-hub-campaigns #bsm-mhp-root .bsm-mhp-btn-send { background: linear-gradient(135deg,var(--brand-red),var(--brand-magenta)); color: var(--brand-white); border: none; border-radius: var(--brand-radius-md); padding: 9px 18px; font-size: var(--brand-font-size-base); font-weight: var(--brand-weight-bold); cursor: pointer; font-family: inherit; }

.page-slug-marketing-hub-campaigns /* ==== Stage 3: extracted repeated inline styles ==== */
.u-display-none { display:none; }

/* ===== migrated from account/marketing_hub/ses.php (scoped: .page-slug-marketing-hub-ses) -- shared #bsm-mhs-root id with social.php -- page-slug scoping keeps them separate ===== */
.page-slug-marketing-hub-ses #bsm-mhs-root { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; max-width: var(--brand-width-wide); margin: 40px auto; padding: 0 16px; color: var(--brand-black); }

.page-slug-marketing-hub-ses #bsm-mhs-root .bsm-mhs-title { font-size: var(--brand-font-size-xxl); font-weight: var(--brand-weight-extrabold); margin-bottom: 6px; }

.page-slug-marketing-hub-ses #bsm-mhs-root .bsm-mhs-subtitle { font-size: var(--brand-font-size-base); color: var(--brand-gray-400); margin-bottom: 18px; }

.page-slug-marketing-hub-ses #bsm-mhs-root .bsm-mhs-back-link { display: inline-block; font-size: var(--brand-font-size-sm); font-weight: var(--brand-weight-bold); color: var(--brand-teal); text-decoration: none; margin-bottom: 10px; }

.page-slug-marketing-hub-ses #bsm-mhs-root .bsm-mhs-card { background: var(--brand-white); border: var(--brand-border-width-thin) solid var(--brand-gray-100); border-radius: var(--brand-radius-lg); padding: 24px; margin-bottom: 20px; }

.page-slug-marketing-hub-ses #bsm-mhs-root .bsm-mhs-card h3 { font-size: var(--brand-heading-h3-size); font-weight: var(--brand-weight-extrabold); margin-bottom: 4px; }

.page-slug-marketing-hub-ses #bsm-mhs-root .bsm-mhs-card-desc { font-size: var(--brand-font-size-sm); color: var(--brand-gray-400); margin-bottom: 18px; }

.page-slug-marketing-hub-ses #bsm-mhs-root .bsm-mhs-status-row { display: flex; align-items: center; gap: 10px; margin-bottom: 18px; }

.page-slug-marketing-hub-ses #bsm-mhs-root .bsm-mhs-status-dot { width: 10px; height: 10px; border-radius: 50%; background: var(--brand-gray-100); flex-shrink: 0; }

.page-slug-marketing-hub-ses #bsm-mhs-root .bsm-mhs-status-dot.bsm-mhs-ok { background: var(--brand-teal); }

.page-slug-marketing-hub-ses #bsm-mhs-root .bsm-mhs-status-dot.bsm-mhs-bad { background: var(--brand-red); }

.page-slug-marketing-hub-ses #bsm-mhs-root .bsm-mhs-status-text { font-size: var(--brand-font-size-base); font-weight: var(--brand-weight-bold); }

.page-slug-marketing-hub-ses #bsm-mhs-root .bsm-mhs-field { margin-bottom: 14px; }

.page-slug-marketing-hub-ses #bsm-mhs-root .bsm-mhs-field label { display: block; font-size: var(--brand-font-size-sm); font-weight: var(--brand-weight-bold); color: var(--brand-gray-400); margin-bottom: 6px; }

.page-slug-marketing-hub-ses #bsm-mhs-root .bsm-mhs-field input,
.page-slug-marketing-hub-ses #bsm-mhs-root .bsm-mhs-field select,
.page-slug-marketing-hub-ses #bsm-mhs-root .bsm-mhs-field textarea { width: 100%; padding: 10px 12px; border: var(--brand-border-width-thin) solid var(--brand-gray-100); border-radius: var(--brand-radius-md); font-size: var(--brand-font-size-base); font-family: inherit; box-sizing: border-box; }

.page-slug-marketing-hub-ses #bsm-mhs-root .bsm-mhs-field textarea { resize: vertical; min-height: 56px; }

.page-slug-marketing-hub-ses #bsm-mhs-root .bsm-mhs-field-row { display: flex; gap: 10px; }

.page-slug-marketing-hub-ses #bsm-mhs-root .bsm-mhs-field-row .bsm-mhs-field { flex: 1; }

.page-slug-marketing-hub-ses #bsm-mhs-root .bsm-mhs-hint { font-size: var(--brand-font-size-xs); color: var(--brand-gray-400); margin-top: 4px; }

.page-slug-marketing-hub-ses #bsm-mhs-root .bsm-mhs-btn-primary { background: linear-gradient(135deg,var(--brand-teal),var(--brand-cyan)); color: var(--brand-white); border: none; border-radius: var(--brand-radius-md); padding: 10px 20px; font-size: var(--brand-font-size-base); font-weight: var(--brand-weight-bold); cursor: pointer; font-family: inherit; }

.page-slug-marketing-hub-ses #bsm-mhs-root .bsm-mhs-btn-secondary { background: var(--brand-gray-100); color: var(--brand-gray-400); border: none; border-radius: var(--brand-radius-md); padding: 10px 20px; font-size: var(--brand-font-size-base); font-weight: var(--brand-weight-bold); cursor: pointer; font-family: inherit; }

.page-slug-marketing-hub-ses #bsm-mhs-root .bsm-mhs-result { font-size: var(--brand-font-size-base); padding: 12px 14px; border-radius: var(--brand-radius-md); margin-top: 14px; display: none; }

.page-slug-marketing-hub-ses #bsm-mhs-root .bsm-mhs-result.bsm-mhs-show { display: block; }

.page-slug-marketing-hub-ses #bsm-mhs-root .bsm-mhs-result.bsm-mhs-success { background: var(--brand-green-light); color: var(--brand-teal); }

.page-slug-marketing-hub-ses #bsm-mhs-root .bsm-mhs-result.bsm-mhs-error { background: var(--brand-red-light); color: var(--brand-magenta); }

.page-slug-marketing-hub-ses #bsm-mhs-root .bsm-mhs-sandbox-note { font-size: var(--brand-font-size-sm); color: var(--brand-orange); background: var(--brand-pale-yellow); border-radius: var(--brand-radius-md); padding: 10px 14px; margin-bottom: 18px; }

.page-slug-marketing-hub-ses #bsm-mhs-root .bsm-mhs-title-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; }

.page-slug-marketing-hub-ses #bsm-mhs-root .bsm-mhs-help-btn { background: var(--brand-gray-100); color: var(--brand-teal); border: none; border-radius: var(--brand-radius-pill); padding: 8px 16px; font-size: var(--brand-font-size-sm); font-weight: var(--brand-weight-bold); cursor: pointer; font-family: inherit; white-space: nowrap; }

.page-slug-marketing-hub-ses #bsm-mhs-root .bsm-mhs-help-btn:hover { background: var(--brand-mint); }

.page-slug-marketing-hub-ses #bsm-mhs-root .bsm-mhs-overlay { display: none; position: fixed; inset: 0; background: rgba(15,23,42,0.5); z-index: 99998; align-items: center; justify-content: center; padding: 20px; box-sizing: border-box; }

.page-slug-marketing-hub-ses #bsm-mhs-root .bsm-mhs-overlay.bsm-mhs-open { display: flex; }

.page-slug-marketing-hub-ses #bsm-mhs-root .bsm-mhs-help-panel { background: var(--brand-white); border-radius: var(--brand-radius-lg); width: 92%; max-width: var(--brand-width-standard); max-height: 85vh; overflow-y: auto; padding: 26px; }

.page-slug-marketing-hub-ses #bsm-mhs-root .bsm-mhs-help-panel h3 { font-size: var(--brand-font-size-xl); font-weight: var(--brand-weight-extrabold); margin-bottom: 14px; }

.page-slug-marketing-hub-ses #bsm-mhs-root .bsm-mhs-help-list { margin: 0; padding: 0; list-style: none; }

.page-slug-marketing-hub-ses #bsm-mhs-root .bsm-mhs-help-list li { display: flex; gap: 12px; padding: 10px 0; border-bottom: var(--brand-border-width-thin) solid var(--brand-gray-100); font-size: var(--brand-font-size-md); line-height: 1.5; }

.page-slug-marketing-hub-ses #bsm-mhs-root .bsm-mhs-help-list li:last-child { border-bottom: none; }

.page-slug-marketing-hub-ses #bsm-mhs-root .bsm-mhs-help-num { flex-shrink: 0; width: 24px; height: 24px; border-radius: 50%; background: var(--brand-mint); color: var(--brand-teal); font-size: var(--brand-font-size-sm); font-weight: var(--brand-weight-extrabold); display: flex; align-items: center; justify-content: center; }

.page-slug-marketing-hub-ses #bsm-mhs-root .bsm-mhs-help-close { margin-top: 18px; }

.page-slug-marketing-hub-ses /* ==== Stage 3: extracted repeated inline styles ==== */
.u-margin-top-10px { margin-top:10px; }

/* ===== migrated from account/marketing_hub/social.php (scoped: .page-slug-marketing-hub-social) ===== */
.page-slug-marketing-hub-social #bsm-mhs-root { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; max-width: var(--brand-width-wide); margin: 40px auto; padding: 0 16px; color: var(--brand-black); }

.page-slug-marketing-hub-social #bsm-mhs-root .bsm-mhs-back-link { display: inline-block; font-size: var(--brand-font-size-sm); font-weight: var(--brand-weight-bold); color: var(--brand-teal); text-decoration: none; margin-bottom: 10px; }

.page-slug-marketing-hub-social #bsm-mhs-root .bsm-mhs-title { font-size: var(--brand-font-size-xxxl); font-weight: var(--brand-weight-extrabold); margin-bottom: 6px; }

.page-slug-marketing-hub-social #bsm-mhs-root .bsm-mhs-subtitle { font-size: var(--brand-font-size-base); color: var(--brand-gray-400); margin-bottom: 26px; }

.page-slug-marketing-hub-social #bsm-mhs-root .bsm-mhs-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 18px; }

.page-slug-marketing-hub-social #bsm-mhs-root .bsm-mhs-tile { position: relative; display: block; background: var(--brand-white); border: var(--brand-border-width-thin) solid var(--brand-gray-100); border-radius: var(--brand-radius-lg); padding: 24px; text-decoration: none; color: inherit; transition: transform 0.15s ease, box-shadow 0.15s ease; }

.page-slug-marketing-hub-social #bsm-mhs-root .bsm-mhs-tile.bsm-mhs-live:hover { transform: translateY(-3px); box-shadow: var(--brand-elevation-strong); border-color: var(--brand-mint); }

.page-slug-marketing-hub-social #bsm-mhs-root .bsm-mhs-tile.bsm-mhs-disabled { opacity: 0.55; cursor: not-allowed; pointer-events: none; }

.page-slug-marketing-hub-social #bsm-mhs-root .bsm-mhs-icon { width: 46px; height: 46px; border-radius: var(--brand-radius-lg); background: linear-gradient(135deg,var(--brand-teal),var(--brand-cyan)); display: flex; align-items: center; justify-content: center; font-size: var(--brand-font-size-xxl); margin-bottom: 16px; }

.page-slug-marketing-hub-social #bsm-mhs-root .bsm-mhs-tile-title { font-size: var(--brand-font-size-lg); font-weight: var(--brand-weight-extrabold); margin-bottom: 6px; }

.page-slug-marketing-hub-social #bsm-mhs-root .bsm-mhs-tile-desc { font-size: var(--brand-font-size-base); color: var(--brand-gray-400); line-height: 1.5; }

.page-slug-marketing-hub-social #bsm-mhs-root .bsm-mhs-status { position: absolute; top: 18px; right: 18px; font-size: var(--brand-font-size-xs); font-weight: var(--brand-weight-bold); text-transform: uppercase; letter-spacing: .04em; padding: 3px 9px; border-radius: var(--brand-radius-pill); }

/* ===== migrated from account/marketing_hub/social-buffer.php (scoped: .page-slug-marketing-hub-social-buffer) ===== */
.page-slug-marketing-hub-social-buffer #bsm-mhb-root { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; max-width: var(--brand-width-wide); margin: 40px auto; padding: 0 16px; color: var(--brand-black); }

.page-slug-marketing-hub-social-buffer #bsm-mhb-root .bsm-mhb-back-link { display: inline-block; font-size: var(--brand-font-size-sm); font-weight: var(--brand-weight-bold); color: var(--brand-teal); text-decoration: none; margin-bottom: 10px; }

.page-slug-marketing-hub-social-buffer #bsm-mhb-root .bsm-mhb-title { font-size: var(--brand-font-size-xxl); font-weight: var(--brand-weight-extrabold); margin-bottom: 6px; }

.page-slug-marketing-hub-social-buffer #bsm-mhb-root .bsm-mhb-subtitle { font-size: var(--brand-font-size-base); color: var(--brand-gray-400); margin-bottom: 22px; }

.page-slug-marketing-hub-social-buffer #bsm-mhb-root .bsm-mhb-card { background: var(--brand-white); border: var(--brand-border-width-thin) solid var(--brand-gray-100); border-radius: var(--brand-radius-lg); padding: 24px; margin-bottom: 18px; }

.page-slug-marketing-hub-social-buffer #bsm-mhb-root .bsm-mhb-field { margin-bottom: 14px; }

.page-slug-marketing-hub-social-buffer #bsm-mhb-root .bsm-mhb-field label { display: block; font-size: var(--brand-font-size-sm); font-weight: var(--brand-weight-bold); color: var(--brand-gray-400); margin-bottom: 6px; }

.page-slug-marketing-hub-social-buffer #bsm-mhb-root .bsm-mhb-field input { width: 100%; padding: 10px 12px; border: var(--brand-border-width-thin) solid var(--brand-gray-100); border-radius: var(--brand-radius-md); font-size: var(--brand-font-size-base); font-family: inherit; box-sizing: border-box; }

.page-slug-marketing-hub-social-buffer #bsm-mhb-root .bsm-mhb-hint { font-size: var(--brand-font-size-xs); color: var(--brand-gray-400); margin-top: 6px; line-height: 1.5; }

.page-slug-marketing-hub-social-buffer #bsm-mhb-root .bsm-mhb-btn-primary { background: linear-gradient(135deg,var(--brand-teal),var(--brand-cyan)); color: var(--brand-white); border: none; border-radius: var(--brand-radius-md); padding: 9px 18px; font-size: var(--brand-font-size-base); font-weight: var(--brand-weight-bold); cursor: pointer; font-family: inherit; }

.page-slug-marketing-hub-social-buffer #bsm-mhb-root .bsm-mhb-btn-secondary { background: var(--brand-gray-100); color: var(--brand-gray-400); border: none; border-radius: var(--brand-radius-md); padding: 9px 18px; font-size: var(--brand-font-size-base); font-weight: var(--brand-weight-bold); cursor: pointer; font-family: inherit; margin-left: 8px; }

.page-slug-marketing-hub-social-buffer #bsm-mhb-root .bsm-mhb-status-row { display: flex; align-items: center; gap: 10px; padding: 12px 14px; border-radius: var(--brand-radius-md); font-size: var(--brand-font-size-base); font-weight: var(--brand-weight-semibold); margin-bottom: 16px; }

.page-slug-marketing-hub-social-buffer #bsm-mhb-root .bsm-mhb-status-connected { background: var(--brand-mint); color: var(--brand-teal); }

.page-slug-marketing-hub-social-buffer #bsm-mhb-root .bsm-mhb-status-disconnected { background: var(--brand-gray-100); color: var(--brand-gray-400); }

.page-slug-marketing-hub-social-buffer #bsm-mhb-root .bsm-mhb-status-error { background: var(--brand-red-light); color: var(--brand-red); }

.page-slug-marketing-hub-social-buffer #bsm-mhb-root .bsm-mhb-msg { font-size: var(--brand-font-size-sm); margin-top: 10px; }

.page-slug-marketing-hub-social-buffer #bsm-mhb-root .bsm-mhb-msg-ok { color: var(--brand-teal); }

.page-slug-marketing-hub-social-buffer #bsm-mhb-root .bsm-mhb-msg-error { color: var(--brand-red); }

/* ===== migrated from account/marketing_hub/social-calendar.php (scoped: .page-slug-marketing-hub-social-calendar) ===== */
.page-slug-marketing-hub-social-calendar #bsm-mhc-root { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; max-width: var(--brand-width-wide); margin: 40px auto; padding: 0 16px; color: var(--brand-black); }

.page-slug-marketing-hub-social-calendar #bsm-mhc-root .bsm-mhc-back-link { display: inline-block; font-size: var(--brand-font-size-sm); font-weight: var(--brand-weight-bold); color: var(--brand-teal); text-decoration: none; margin-bottom: 10px; }

.page-slug-marketing-hub-social-calendar #bsm-mhc-root .bsm-mhc-title { font-size: var(--brand-font-size-xxl); font-weight: var(--brand-weight-extrabold); margin-bottom: 6px; }

.page-slug-marketing-hub-social-calendar #bsm-mhc-root .bsm-mhc-subtitle { font-size: var(--brand-font-size-base); color: var(--brand-gray-400); margin-bottom: 18px; }

.page-slug-marketing-hub-social-calendar #bsm-mhc-root .bsm-mhc-warn { font-size: var(--brand-font-size-sm); color: var(--brand-orange); background: var(--brand-pale-yellow); border-radius: var(--brand-radius-md); padding: 10px 14px; margin-bottom: 18px; }

.page-slug-marketing-hub-social-calendar #bsm-mhc-root .bsm-mhc-warn a { color: var(--brand-orange); font-weight: var(--brand-weight-bold); }

.page-slug-marketing-hub-social-calendar #bsm-mhc-root .bsm-mhc-card { background: var(--brand-white); border: var(--brand-border-width-thin) solid var(--brand-gray-100); border-radius: var(--brand-radius-lg); overflow: hidden; }

.page-slug-marketing-hub-social-calendar #bsm-mhc-root .bsm-mhc-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 14px 16px; border-bottom: var(--brand-border-width-thin) solid var(--brand-gray-100); flex-wrap: wrap; }

.page-slug-marketing-hub-social-calendar #bsm-mhc-root .bsm-mhc-toolbar-left { display: flex; gap: 6px; }

.page-slug-marketing-hub-social-calendar #bsm-mhc-root .bsm-mhc-toolbar-right { display: flex; gap: 8px; }

.page-slug-marketing-hub-social-calendar #bsm-mhc-root .bsm-mhc-view-tab { background: var(--brand-gray-100); color: var(--brand-gray-400); border: none; border-radius: var(--brand-radius-pill); padding: 7px 14px; font-size: var(--brand-font-size-sm); font-weight: var(--brand-weight-bold); cursor: pointer; font-family: inherit; }

.page-slug-marketing-hub-social-calendar #bsm-mhc-root .bsm-mhc-view-tab.bsm-mhc-view-active { background: linear-gradient(135deg,var(--brand-teal),var(--brand-cyan)); color: var(--brand-white); }

.page-slug-marketing-hub-social-calendar #bsm-mhc-root .bsm-mhc-add-btn { background: linear-gradient(135deg,var(--brand-teal),var(--brand-cyan)); color: var(--brand-white); border: none; border-radius: var(--brand-radius-md); padding: 9px 16px; font-size: var(--brand-font-size-base); font-weight: var(--brand-weight-bold); cursor: pointer; font-family: inherit; }

.page-slug-marketing-hub-social-calendar #bsm-mhc-root .bsm-mhc-sync-btn { background: var(--brand-gray-100); color: var(--brand-gray-400); border: none; border-radius: var(--brand-radius-md); padding: 9px 16px; font-size: var(--brand-font-size-base); font-weight: var(--brand-weight-bold); cursor: pointer; font-family: inherit; }

.page-slug-marketing-hub-social-calendar #bsm-mhc-root .bsm-mhc-list { min-height: 200px; }

.page-slug-marketing-hub-social-calendar #bsm-mhc-root .bsm-mhc-row { display: flex; align-items: center; gap: 14px; padding: 14px 16px; border-bottom: var(--brand-border-width-thin) solid var(--brand-gray-100); }

.page-slug-marketing-hub-social-calendar #bsm-mhc-root .bsm-mhc-row:hover { background: var(--brand-gray-100); }

.page-slug-marketing-hub-social-calendar #bsm-mhc-root .bsm-mhc-row-link { display: flex; align-items: center; gap: 14px; flex: 1; min-width: 0; text-decoration: none; color: inherit; }

.page-slug-marketing-hub-social-calendar #bsm-mhc-root .bsm-mhc-row-poster { position: relative; width: 48px; height: 48px; border-radius: var(--brand-radius-md); background: var(--brand-gray-100) center/cover no-repeat; flex-shrink: 0; display: flex; align-items: center; justify-content: center; overflow: hidden; }

.page-slug-marketing-hub-social-calendar #bsm-mhc-root .bsm-mhc-row-poster svg { width: 18px; height: 18px; color: var(--brand-gray-100); }

.page-slug-marketing-hub-social-calendar #bsm-mhc-root .bsm-mhc-poster-play { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; background: rgba(15,23,42,0.28); border: none; padding: 0; cursor: pointer; color: var(--brand-white); font-size: var(--brand-font-size-lg); }

.page-slug-marketing-hub-social-calendar #bsm-mhc-root .bsm-mhc-poster-play:hover { background: rgba(15,23,42,0.5); }

.page-slug-marketing-hub-social-calendar #bsm-mhc-root .bsm-mhc-row-main { flex: 1; min-width: 0; }

.page-slug-marketing-hub-social-calendar #bsm-mhc-root .bsm-mhc-row-caption { font-size: var(--brand-font-size-md); font-weight: var(--brand-weight-bold); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.page-slug-marketing-hub-social-calendar #bsm-mhc-root .bsm-mhc-row-link:hover .bsm-mhc-row-caption { text-decoration: underline; }

.page-slug-marketing-hub-social-calendar #bsm-mhc-root .bsm-mhc-row-sub { font-size: var(--brand-font-size-sm); color: var(--brand-gray-400); margin-top: 2px; }

.page-slug-marketing-hub-social-calendar #bsm-mhc-root .bsm-mhc-row-sub .bsm-mhc-live-tag { color: var(--brand-teal); font-weight: var(--brand-weight-bold); }

.page-slug-marketing-hub-social-calendar #bsm-mhc-root .bsm-mhc-live-link { color: var(--brand-teal); text-decoration: none; font-weight: var(--brand-weight-bold); }

.page-slug-marketing-hub-social-calendar #bsm-mhc-root .bsm-mhc-live-link:hover { text-decoration: underline; }

.page-slug-marketing-hub-social-calendar #bsm-mhc-root .bsm-mhc-badge { font-size: var(--brand-font-size-xs); font-weight: var(--brand-weight-bold); padding: 3px 10px; border-radius: var(--brand-radius-pill); background: var(--brand-gray-100); color: var(--brand-gray-400); white-space: nowrap; }

.page-slug-marketing-hub-social-calendar #bsm-mhc-root .bsm-mhc-badge-draft { background: var(--brand-gray-100); color: var(--brand-gray-400); }

.page-slug-marketing-hub-social-calendar #bsm-mhc-root .bsm-mhc-badge-scheduled { background: var(--brand-gray-100); color: var(--brand-cyan); }

.page-slug-marketing-hub-social-calendar #bsm-mhc-root .bsm-mhc-badge-sent { background: var(--brand-mint); color: var(--brand-teal); }

.page-slug-marketing-hub-social-calendar #bsm-mhc-root .bsm-mhc-badge-failed { background: var(--brand-red-light); color: var(--brand-red); }

.page-slug-marketing-hub-social-calendar #bsm-mhc-root .bsm-mhc-row-actions { display: flex; gap: 4px; flex-shrink: 0; }

.page-slug-marketing-hub-social-calendar #bsm-mhc-root .bsm-mhc-row-btn { background: none; border: none; color: var(--brand-gray-400); font-size: var(--brand-font-size-sm); font-weight: var(--brand-weight-bold); cursor: pointer; padding: 6px 10px; border-radius: var(--brand-radius-sm); font-family: inherit; white-space: nowrap; }

.page-slug-marketing-hub-social-calendar #bsm-mhc-root .bsm-mhc-row-btn:hover { background: var(--brand-gray-100); }

.page-slug-marketing-hub-social-calendar #bsm-mhc-root .bsm-mhc-row-btn-delete { font-size: var(--brand-font-size-md); }

.page-slug-marketing-hub-social-calendar #bsm-mhc-root .bsm-mhc-row-btn-delete:hover { background: var(--brand-red-light); color: var(--brand-red); }

.page-slug-marketing-hub-social-calendar #bsm-mhc-root .bsm-mhc-row-btn-cancel:hover { background: var(--brand-red-light); color: var(--brand-red); }

.page-slug-marketing-hub-social-calendar #bsm-mhc-root .bsm-mhc-empty { padding: 50px 20px; text-align: center; color: var(--brand-gray-400); font-size: var(--brand-font-size-base); }

.page-slug-marketing-hub-social-calendar /* Calendar (month grid) view */
    #bsm-mhc-root .bsm-mhc-cal-header { display: flex; align-items: center; justify-content: space-between; padding: 14px 16px; border-bottom: var(--brand-border-width-thin) solid var(--brand-gray-100); }

.page-slug-marketing-hub-social-calendar #bsm-mhc-root .bsm-mhc-cal-header button { background: var(--brand-gray-100); border: none; border-radius: var(--brand-radius-sm); padding: 6px 10px; cursor: pointer; font-weight: var(--brand-weight-bold); color: var(--brand-gray-400); }

.page-slug-marketing-hub-social-calendar #bsm-mhc-root .bsm-mhc-cal-month-label { font-size: var(--brand-font-size-md); font-weight: var(--brand-weight-extrabold); }

.page-slug-marketing-hub-social-calendar #bsm-mhc-root .bsm-mhc-cal-grid { display: grid; grid-template-columns: repeat(7, 1fr); }

.page-slug-marketing-hub-social-calendar #bsm-mhc-root .bsm-mhc-cal-dow { font-size: var(--brand-font-size-xs); font-weight: var(--brand-weight-bold); text-transform: uppercase; color: var(--brand-gray-400); text-align: center; padding: 8px 4px; border-bottom: var(--brand-border-width-thin) solid var(--brand-gray-100); }

.page-slug-marketing-hub-social-calendar #bsm-mhc-root .bsm-mhc-cal-cell { min-height: 90px; border-right: var(--brand-border-width-thin) solid var(--brand-gray-100); border-bottom: var(--brand-border-width-thin) solid var(--brand-gray-100); padding: 6px; vertical-align: top; }

.page-slug-marketing-hub-social-calendar #bsm-mhc-root .bsm-mhc-cal-cell-date { font-size: var(--brand-font-size-xs); font-weight: var(--brand-weight-bold); color: var(--brand-gray-400); margin-bottom: 4px; }

.page-slug-marketing-hub-social-calendar #bsm-mhc-root .bsm-mhc-cal-cell.bsm-mhc-cal-today .bsm-mhc-cal-cell-date { color: var(--brand-teal); }

.page-slug-marketing-hub-social-calendar #bsm-mhc-root .bsm-mhc-cal-post { display: flex; align-items: center; gap: 4px; font-size: var(--brand-font-size-xs); font-weight: var(--brand-weight-bold); padding: 3px 6px; border-radius: var(--brand-radius-sm); margin-bottom: 3px; cursor: pointer; overflow: hidden; text-decoration: none; }

.page-slug-marketing-hub-social-calendar #bsm-mhc-root .bsm-mhc-cal-post-label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.page-slug-marketing-hub-social-calendar #bsm-mhc-root .bsm-mhc-cal-post-thumb { position: relative; width: 16px; height: 16px; border-radius: var(--brand-radius-sm); background: rgba(0,0,0,0.08) center/cover no-repeat; flex-shrink: 0; }

.page-slug-marketing-hub-social-calendar #bsm-mhc-root .bsm-mhc-cal-post-play { flex-shrink: 0; border: none; background: none; padding: 0; cursor: pointer; font-size: var(--brand-font-size-xs); line-height: 1; color: inherit; opacity: 0.75; }

.page-slug-marketing-hub-social-calendar #bsm-mhc-root .bsm-mhc-cal-post-play:hover { opacity: 1; }

.page-slug-marketing-hub-social-calendar #bsm-mhc-root .bsm-mhc-cal-post-scheduled { background: var(--brand-gray-100); color: var(--brand-cyan); }

.page-slug-marketing-hub-social-calendar #bsm-mhc-root .bsm-mhc-cal-post-sent { background: var(--brand-mint); color: var(--brand-teal); }

.page-slug-marketing-hub-social-calendar #bsm-mhc-root .bsm-mhc-cal-post-failed { background: var(--brand-red-light); color: var(--brand-red); }

.page-slug-marketing-hub-social-calendar #bsm-mhc-root .bsm-mhc-overlay { display: none; position: fixed; inset: 0; background: rgba(15,23,42,0.5); z-index: 99998; align-items: center; justify-content: center; }

.page-slug-marketing-hub-social-calendar #bsm-mhc-root .bsm-mhc-overlay.bsm-mhc-open { display: flex; }

.page-slug-marketing-hub-social-calendar #bsm-mhc-root .bsm-mhc-panel { background: var(--brand-white); border-radius: var(--brand-radius-lg); width: 92%; max-width: var(--brand-width-standard); max-height: 88vh; overflow-y: auto; padding: 24px; }

.page-slug-marketing-hub-social-calendar #bsm-mhc-root .bsm-mhc-panel h3 { font-size: var(--brand-font-size-xl); font-weight: var(--brand-weight-extrabold); margin-bottom: 16px; }

.page-slug-marketing-hub-social-calendar #bsm-mhc-root .bsm-mhc-field { margin-bottom: 14px; }

.page-slug-marketing-hub-social-calendar #bsm-mhc-root .bsm-mhc-field label { display: block; font-size: var(--brand-font-size-sm); font-weight: var(--brand-weight-bold); color: var(--brand-gray-400); margin-bottom: 6px; }

.page-slug-marketing-hub-social-calendar #bsm-mhc-root .bsm-mhc-field textarea { width: 100%; padding: 10px 12px; border: var(--brand-border-width-thin) solid var(--brand-gray-100); border-radius: var(--brand-radius-md); font-size: var(--brand-font-size-base); font-family: inherit; box-sizing: border-box; min-height: 110px; resize: vertical; }

.page-slug-marketing-hub-social-calendar #bsm-mhc-root .bsm-mhc-field input[type="datetime-local"],
.page-slug-marketing-hub-social-calendar #bsm-mhc-root .bsm-mhc-field input[type="number"] { width: 100%; padding: 10px 12px; border: var(--brand-border-width-thin) solid var(--brand-gray-100); border-radius: var(--brand-radius-md); font-size: var(--brand-font-size-base); font-family: inherit; box-sizing: border-box; }

.page-slug-marketing-hub-social-calendar #bsm-mhc-root .bsm-mhc-video-drop { border: var(--brand-border-width-thin) dashed var(--brand-gray-100); border-radius: var(--brand-radius-md); padding: 16px; text-align: center; font-size: var(--brand-font-size-sm); color: var(--brand-gray-400); cursor: pointer; }

.page-slug-marketing-hub-social-calendar #bsm-mhc-root .bsm-mhc-video-drop:hover { border-color: var(--brand-mint); background: var(--brand-mint); }

.page-slug-marketing-hub-social-calendar #bsm-mhc-root .bsm-mhc-video-preview { display: none; margin-top: 10px; max-width: 100%; border-radius: var(--brand-radius-md); max-height: 220px; }

.page-slug-marketing-hub-social-calendar #bsm-mhc-root .bsm-mhc-thumb-field { display: none; }

.page-slug-marketing-hub-social-calendar #bsm-mhc-root .bsm-mhc-thumb-row { display: flex; gap: 8px; align-items: center; }

.page-slug-marketing-hub-social-calendar #bsm-mhc-root .bsm-mhc-thumb-row input[type="number"] { flex: 1; }

.page-slug-marketing-hub-social-calendar #bsm-mhc-root .bsm-mhc-thumb-row button { background: var(--brand-gray-100); border: none; border-radius: var(--brand-radius-md); padding: 9px 14px; font-size: var(--brand-font-size-sm); font-weight: var(--brand-weight-bold); cursor: pointer; font-family: inherit; white-space: nowrap; }

.page-slug-marketing-hub-social-calendar #bsm-mhc-root .bsm-mhc-thumb-hint { font-size: var(--brand-font-size-xs); color: var(--brand-gray-400); margin-top: 6px; }

.page-slug-marketing-hub-social-calendar #bsm-mhc-root .bsm-mhc-send-note { font-size: var(--brand-font-size-sm); color: var(--brand-gray-400); background: var(--brand-gray-100); border-radius: var(--brand-radius-md); padding: 10px 14px; margin-bottom: 14px; }

.page-slug-marketing-hub-social-calendar #bsm-mhc-root .bsm-mhc-sent-note { font-size: var(--brand-font-size-sm); color: var(--brand-orange); background: var(--brand-pale-yellow); border-radius: var(--brand-radius-md); padding: 10px 14px; margin-bottom: 14px; }

.page-slug-marketing-hub-social-calendar #bsm-mhc-root .bsm-mhc-panel-actions { display: flex; gap: 8px; justify-content: flex-end; margin-top: 8px; flex-wrap: wrap; }

.page-slug-marketing-hub-social-calendar #bsm-mhc-root .bsm-mhc-btn-primary { background: linear-gradient(135deg,var(--brand-teal),var(--brand-cyan)); color: var(--brand-white); border: none; border-radius: var(--brand-radius-md); padding: 9px 18px; font-size: var(--brand-font-size-base); font-weight: var(--brand-weight-bold); cursor: pointer; font-family: inherit; }

.page-slug-marketing-hub-social-calendar #bsm-mhc-root .bsm-mhc-btn-secondary { background: var(--brand-gray-100); color: var(--brand-gray-400); border: none; border-radius: var(--brand-radius-md); padding: 9px 18px; font-size: var(--brand-font-size-base); font-weight: var(--brand-weight-bold); cursor: pointer; font-family: inherit; }

.page-slug-marketing-hub-social-calendar #bsm-mhc-root .bsm-mhc-btn-schedule { background: linear-gradient(135deg,var(--brand-cyan),var(--brand-cyan)); color: var(--brand-white); border: none; border-radius: var(--brand-radius-md); padding: 9px 18px; font-size: var(--brand-font-size-base); font-weight: var(--brand-weight-bold); cursor: pointer; font-family: inherit; }

.page-slug-marketing-hub-social-calendar #bsm-mhc-root .bsm-mhc-panel-msg { display: none; font-size: var(--brand-font-size-md); font-weight: var(--brand-weight-bold); margin-top: 12px; padding: 12px 16px; border-radius: var(--brand-radius-md); line-height: 1.5; }

.page-slug-marketing-hub-social-calendar #bsm-mhc-root .bsm-mhc-panel-msg:empty { display: none; }

.page-slug-marketing-hub-social-calendar #bsm-mhc-root .bsm-mhc-panel-msg-error { display: block; color: var(--brand-magenta); background: var(--brand-red-light); border: var(--brand-border-width-thin) solid var(--brand-red-light); }

.page-slug-marketing-hub-social-calendar #bsm-mhc-root .bsm-mhc-panel-msg-ok { display: block; color: var(--brand-teal); background: var(--brand-mint); border: var(--brand-border-width-thin) solid var(--brand-mint); }

.page-slug-marketing-hub-social-calendar /* Video preview modal */
    #bsm-mhc-root .bsm-mhc-video-panel { background: var(--brand-black); border-radius: var(--brand-radius-lg); width: 92%; max-width: var(--brand-width-standard); padding: 0; overflow: hidden; position: relative; }

.page-slug-marketing-hub-social-calendar #bsm-mhc-root .bsm-mhc-video-panel video { width: 100%; max-height: 80vh; display: block; }

.page-slug-marketing-hub-social-calendar #bsm-mhc-root .bsm-mhc-video-close { position: absolute; top: 10px; right: 10px; background: rgba(15,23,42,0.6); color: var(--brand-white); border: none; border-radius: var(--brand-radius-pill); width: 30px; height: 30px; font-size: var(--brand-font-size-lg); cursor: pointer; z-index: 2; }

.page-slug-marketing-hub-social-calendar #bsm-mhc-root .bsm-mhc-video-error { padding: 28px 24px; text-align: center; }

.page-slug-marketing-hub-social-calendar #bsm-mhc-root .bsm-mhc-video-error p { color: var(--brand-gray-100); font-size: var(--brand-font-size-base); line-height: 1.6; margin-bottom: 16px; }

.page-slug-marketing-hub-social-calendar /* Metrics panel */
    #bsm-mhc-root .bsm-mhc-metrics-panel { background: var(--brand-white); border-radius: var(--brand-radius-lg); width: 92%; max-width: var(--brand-width-standard); padding: 24px; }

.page-slug-marketing-hub-social-calendar #bsm-mhc-root .bsm-mhc-metrics-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 14px; }

.page-slug-marketing-hub-social-calendar #bsm-mhc-root .bsm-mhc-metric-tile { background: var(--brand-gray-100); border-radius: var(--brand-radius-md); padding: 12px 14px; }

.page-slug-marketing-hub-social-calendar #bsm-mhc-root .bsm-mhc-metric-value { font-size: var(--brand-font-size-xl); font-weight: var(--brand-weight-extrabold); color: var(--brand-teal); }

.page-slug-marketing-hub-social-calendar #bsm-mhc-root .bsm-mhc-metric-label { font-size: var(--brand-font-size-xs); color: var(--brand-gray-400); text-transform: capitalize; margin-top: 2px; }

.page-slug-marketing-hub-social-calendar #bsm-mhc-root .bsm-mhc-metrics-updated { font-size: var(--brand-font-size-xs); color: var(--brand-gray-400); margin-top: 14px; }

.page-slug-marketing-hub-social-calendar /* ==== Stage 3: extracted repeated inline styles ==== */
.u-display-none { display:none; }

/* ===== migrated from account/marketing_hub/social-tiktok-guide.php (scoped: .page-slug-marketing-hub-social-tiktok-guide) ===== */
.page-slug-marketing-hub-social-tiktok-guide #bsm-mhtg-root { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; max-width: var(--brand-width-standard); margin: 40px auto; padding: 0 16px; color: var(--brand-black); line-height: 1.6; }

.page-slug-marketing-hub-social-tiktok-guide #bsm-mhtg-root .bsm-mhtg-back-link { display: inline-block; font-size: var(--brand-font-size-sm); font-weight: var(--brand-weight-bold); color: var(--brand-teal); text-decoration: none; margin-bottom: 10px; }

.page-slug-marketing-hub-social-tiktok-guide #bsm-mhtg-root .bsm-mhtg-title { font-size: var(--brand-font-size-xxxl); font-weight: var(--brand-weight-extrabold); margin-bottom: 6px; }

.page-slug-marketing-hub-social-tiktok-guide #bsm-mhtg-root .bsm-mhtg-subtitle { font-size: var(--brand-font-size-base); color: var(--brand-gray-400); margin-bottom: 28px; }

.page-slug-marketing-hub-social-tiktok-guide #bsm-mhtg-root .bsm-mhtg-card { background: var(--brand-white); border: var(--brand-border-width-thin) solid var(--brand-gray-100); border-radius: var(--brand-radius-lg); padding: 28px 32px; margin-bottom: 20px; }

.page-slug-marketing-hub-social-tiktok-guide #bsm-mhtg-root h2 { font-size: var(--brand-font-size-xl); font-weight: var(--brand-weight-extrabold); margin: 0 0 12px; color: var(--brand-teal); }

.page-slug-marketing-hub-social-tiktok-guide #bsm-mhtg-root h3 { font-size: var(--brand-font-size-md); font-weight: var(--brand-weight-extrabold); margin: 0 0 8px; }

.page-slug-marketing-hub-social-tiktok-guide #bsm-mhtg-root p { margin: 0 0 12px; font-size: var(--brand-font-size-md); }

.page-slug-marketing-hub-social-tiktok-guide #bsm-mhtg-root ul,
.page-slug-marketing-hub-social-tiktok-guide #bsm-mhtg-root ol { margin: 0 0 12px; padding-left: 20px; font-size: var(--brand-font-size-md); }

.page-slug-marketing-hub-social-tiktok-guide #bsm-mhtg-root li { margin-bottom: 6px; }

.page-slug-marketing-hub-social-tiktok-guide #bsm-mhtg-root strong { color: var(--brand-black); }

.page-slug-marketing-hub-social-tiktok-guide #bsm-mhtg-root .bsm-mhtg-glossary { background: var(--brand-gray-100); border-radius: var(--brand-radius-md); padding: 16px 20px; }

.page-slug-marketing-hub-social-tiktok-guide #bsm-mhtg-root .bsm-mhtg-glossary dt { font-weight: var(--brand-weight-extrabold); font-size: var(--brand-font-size-base); margin-top: 10px; }

.page-slug-marketing-hub-social-tiktok-guide #bsm-mhtg-root .bsm-mhtg-glossary dt:first-child { margin-top: 0; }

.page-slug-marketing-hub-social-tiktok-guide #bsm-mhtg-root .bsm-mhtg-glossary dd { margin: 2px 0 0; font-size: var(--brand-font-size-base); color: var(--brand-gray-400); }

.page-slug-marketing-hub-social-tiktok-guide #bsm-mhtg-root .bsm-mhtg-checklist { background: var(--brand-pale-yellow); border-radius: var(--brand-radius-md); padding: 16px 20px; }

.page-slug-marketing-hub-social-tiktok-guide #bsm-mhtg-root .bsm-mhtg-badge { display: inline-block; font-size: var(--brand-font-size-xs); font-weight: var(--brand-weight-bold); text-transform: uppercase; letter-spacing: .04em; padding: 3px 9px; border-radius: var(--brand-radius-pill); background: var(--brand-mint); color: var(--brand-teal); margin-left: 8px; vertical-align: middle; }

.page-slug-marketing-hub-social-tiktok-guide #bsm-mhtg-root .bsm-mhtg-badge-recommended { background: var(--brand-gray-100); color: var(--brand-cyan); }

.page-slug-marketing-hub-social-tiktok-guide #bsm-mhtg-root table { width: 100%; border-collapse: collapse; font-size: var(--brand-font-size-base); }

.page-slug-marketing-hub-social-tiktok-guide #bsm-mhtg-root th,
.page-slug-marketing-hub-social-tiktok-guide #bsm-mhtg-root td { text-align: left; padding: 10px 12px; border-bottom: var(--brand-border-width-thin) solid var(--brand-gray-100); }

.page-slug-marketing-hub-social-tiktok-guide #bsm-mhtg-root th { color: var(--brand-gray-400); font-size: var(--brand-font-size-xs); text-transform: uppercase; letter-spacing: .03em; }

.page-slug-marketing-hub-social-tiktok-guide #bsm-mhtg-root .bsm-mhtg-note { font-size: var(--brand-font-size-sm); color: var(--brand-orange); background: var(--brand-pale-yellow); border-radius: var(--brand-radius-md); padding: 10px 14px; margin-top: 10px; }

.page-slug-marketing-hub-social-tiktok-guide /* ==== Stage 3: extracted repeated inline styles ==== */
.u-margin-top-12px { margin-top:12px; }

/* ===== migrated from account/inbox.php -- stale duplicate of mail_console/inbox.php per its own header comment -- migrated anyway (unscoped) rather than left local ===== */

    #bsm-mc-root { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; max-width: var(--brand-width-wide); margin: 40px auto; padding: 0 16px; color: var(--brand-black); }
    #bsm-mc-root .bsm-mc-title { font-size: var(--brand-font-size-xxl); font-weight: var(--brand-weight-extrabold); margin-bottom: 6px; }
    #bsm-mc-root .bsm-mc-subtitle { font-size: var(--brand-font-size-base); color: var(--brand-gray-400); margin-bottom: 18px; }

    #bsm-mc-root .bsm-mc-notice { background: var(--brand-peach); border: var(--brand-border-width-thin) solid var(--brand-peach); color: var(--brand-orange); padding: 12px 16px; border-radius: var(--brand-radius-md); font-size: var(--brand-font-size-base); margin-bottom: 16px; line-height: 1.5; }

    #bsm-mc-root .bsm-mc-layout { display: flex; gap: 20px; background: var(--brand-white); border: var(--brand-border-width-thin) solid var(--brand-gray-100); border-radius: var(--brand-radius-lg); overflow: hidden; min-height: 560px; }
    #bsm-mc-root .bsm-mc-sidebar { width: 280px; flex-shrink: 0; border-right: var(--brand-border-width-thin) solid var(--brand-gray-100); display: flex; flex-direction: column; }
    #bsm-mc-root .bsm-mc-mid { width: 320px; flex-shrink: 0; border-right: var(--brand-border-width-thin) solid var(--brand-gray-100); display: flex; flex-direction: column; }
    #bsm-mc-root .bsm-mc-thread { flex: 1; display: flex; flex-direction: column; min-width: 0; }

    #bsm-mc-root .bsm-mc-section-label { font-size: var(--brand-font-size-xs); font-weight: var(--brand-weight-bold); text-transform: uppercase; letter-spacing: .04em; color: var(--brand-gray-400); padding: 16px 16px 6px; display: flex; justify-content: space-between; align-items: center; }
    #bsm-mc-root .bsm-mc-add-btn { background: none; border: none; color: var(--brand-teal); font-weight: var(--brand-weight-bold); font-size: var(--brand-font-size-sm); cursor: pointer; font-family: inherit; }

    #bsm-mc-root .bsm-mc-mailbox-list { flex: 1; overflow-y: auto; }
    #bsm-mc-root .bsm-mc-mailbox { display: flex; align-items: center; gap: 10px; padding: 12px 16px; cursor: pointer; border-bottom: var(--brand-border-width-thin) solid var(--brand-gray-100); }
    #bsm-mc-root .bsm-mc-mailbox:hover, #bsm-mc-root .bsm-mc-mailbox.bsm-mc-active { background: var(--brand-gray-100); }
    #bsm-mc-root .bsm-mc-mailbox-info { min-width: 0; flex: 1; }
    #bsm-mc-root .bsm-mc-mailbox-label { font-size: var(--brand-font-size-md); font-weight: var(--brand-weight-bold); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    #bsm-mc-root .bsm-mc-mailbox-addr { font-size: var(--brand-font-size-sm); color: var(--brand-gray-400); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    #bsm-mc-root .bsm-mc-unread-badge { background: linear-gradient(135deg,var(--brand-teal),var(--brand-cyan)); color: var(--brand-white); font-size: var(--brand-font-size-xs); font-weight: var(--brand-weight-bold); border-radius: var(--brand-radius-pill); padding: 2px 8px; }
    #bsm-mc-root .bsm-mc-mailbox-delete { background: none; border: none; color: var(--brand-gray-400); font-weight: var(--brand-weight-bold); font-size: var(--brand-font-size-xl); line-height: 1; cursor: pointer; padding: 4px 6px; border-radius: var(--brand-radius-sm); font-family: inherit; flex-shrink: 0; }
    #bsm-mc-root .bsm-mc-mailbox-delete:hover { color: var(--brand-red); background: var(--brand-red-light); }
    #bsm-mc-root .bsm-mc-mailbox-access { background: none; border: none; color: var(--brand-gray-400); font-size: var(--brand-font-size-md); line-height: 1; cursor: pointer; padding: 4px 6px; border-radius: var(--brand-radius-sm); font-family: inherit; flex-shrink: 0; }
    #bsm-mc-root .bsm-mc-mailbox-access:hover { color: var(--brand-teal); background: var(--brand-mint); }
    #bsm-mc-root .bsm-mc-access-row { display: flex; align-items: center; gap: 10px; padding: 8px 4px; border-bottom: var(--brand-border-width-thin) solid var(--brand-gray-100); font-size: var(--brand-font-size-base); }
    #bsm-mc-root .bsm-mc-access-row input { width: auto; }
    #bsm-mc-root .bsm-mc-access-row-name { font-weight: var(--brand-weight-bold); }
    #bsm-mc-root .bsm-mc-access-row-email { color: var(--brand-gray-400); font-size: var(--brand-font-size-sm); }

    #bsm-mc-root .bsm-mc-empty { padding: 40px 20px; text-align: center; color: var(--brand-gray-400); font-size: var(--brand-font-size-base); }

    #bsm-mc-root .bsm-mc-mid-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 16px; border-bottom: var(--brand-border-width-thin) solid var(--brand-gray-100); }
    #bsm-mc-root .bsm-mc-mid-title { font-size: var(--brand-font-size-md); font-weight: var(--brand-weight-bold); }
    #bsm-mc-root .bsm-mc-mid-header-links { display: flex; align-items: center; gap: 8px; }
    #bsm-mc-root .bsm-mc-link-btn { background: none; border: none; padding: 0; color: var(--brand-teal); font-size: var(--brand-font-size-sm); font-weight: var(--brand-weight-bold); cursor: pointer; font-family: inherit; }
    #bsm-mc-root .bsm-mc-link-btn:hover { text-decoration: underline; }
    #bsm-mc-root .bsm-mc-link-sep { color: var(--brand-gray-100); font-size: var(--brand-font-size-sm); }

    #bsm-mc-root .bsm-mc-toolbar-row { display: flex; align-items: center; gap: 8px; padding: 10px 16px; border-bottom: var(--brand-border-width-thin) solid var(--brand-gray-100); flex-wrap: wrap; }
    #bsm-mc-root .bsm-mc-folder-tabs { display: flex; gap: 6px; order: 1; }
    #bsm-mc-root .bsm-mc-compose-btn { order: 2; background: linear-gradient(135deg,var(--brand-teal),var(--brand-cyan)); color: var(--brand-white); border: none; border-radius: var(--brand-radius-pill); padding: 6px 14px; font-size: var(--brand-font-size-sm); font-weight: var(--brand-weight-bold); cursor: pointer; font-family: inherit; white-space: nowrap; }
    #bsm-mc-root .bsm-mc-folders-dropdown-wrap { position: relative; order: 3; }
    #bsm-mc-root .bsm-mc-folder-tab { background: var(--brand-gray-100); color: var(--brand-gray-400); border: none; border-radius: var(--brand-radius-pill); padding: 6px 14px; font-size: var(--brand-font-size-sm); font-weight: var(--brand-weight-bold); cursor: pointer; font-family: inherit; white-space: nowrap; flex-shrink: 0; }
    #bsm-mc-root .bsm-mc-folder-tab.bsm-mc-folder-tab-active { background: linear-gradient(135deg,var(--brand-teal),var(--brand-cyan)); color: var(--brand-white); }
    #bsm-mc-root .bsm-mc-folders-menu { position: absolute; top: calc(100% + 6px); left: 0; background: var(--brand-white); border: var(--brand-border-width-thin) solid var(--brand-gray-100); border-radius: var(--brand-radius-md); box-shadow: 0 8px 24px rgba(15,23,42,0.14); min-width: 170px; padding: 6px; z-index: 20; display: none; }
    #bsm-mc-root .bsm-mc-folders-menu.bsm-mc-open { display: block; }
    #bsm-mc-root .bsm-mc-folders-menu-item { display: block; width: 100%; text-align: left; background: none; border: none; padding: 8px 10px; border-radius: var(--brand-radius-md); font-size: var(--brand-font-size-base); font-weight: var(--brand-weight-semibold); color: var(--brand-gray-400); cursor: pointer; font-family: inherit; }
    #bsm-mc-root .bsm-mc-folders-menu-item:hover { background: var(--brand-gray-100); }
    #bsm-mc-root .bsm-mc-folders-menu-item.bsm-mc-folder-tab-active { background: var(--brand-mint); color: var(--brand-teal); }
    #bsm-mc-root .bsm-mc-folders-menu-empty { padding: 8px 10px; font-size: var(--brand-font-size-sm); color: var(--brand-gray-400); }
    #bsm-mc-root .bsm-mc-select-all-row { padding: 8px 16px; border-bottom: var(--brand-border-width-thin) solid var(--brand-gray-100); font-size: var(--brand-font-size-sm); color: var(--brand-gray-400); }
    #bsm-mc-root .bsm-mc-select-all-row label { display: flex; align-items: center; gap: 8px; cursor: pointer; }
    #bsm-mc-root .bsm-mc-bulk-bar { display: none; align-items: center; justify-content: space-between; padding: 10px 16px; background: var(--brand-mint); border-bottom: var(--brand-border-width-thin) solid var(--brand-gray-100); font-size: var(--brand-font-size-base); font-weight: var(--brand-weight-bold); color: var(--brand-teal); }
    #bsm-mc-root .bsm-mc-bulk-bar.bsm-mc-bulk-visible { display: flex; }
    #bsm-mc-root .bsm-mc-bulk-delete-btn { background: var(--brand-red); color: var(--brand-white); border: none; border-radius: var(--brand-radius-md); padding: 7px 14px; font-size: var(--brand-font-size-sm); font-weight: var(--brand-weight-bold); cursor: pointer; font-family: inherit; margin-left: 8px; }
    #bsm-mc-root .bsm-mc-bulk-move-btn { background: var(--brand-white); color: var(--brand-teal); border: var(--brand-border-width-thin) solid var(--brand-mint); border-radius: var(--brand-radius-md); padding: 7px 14px; font-size: var(--brand-font-size-sm); font-weight: var(--brand-weight-bold); cursor: pointer; font-family: inherit; margin-left: 8px; }
    #bsm-mc-root .bsm-mc-move-existing-btn { background: var(--brand-gray-100); color: var(--brand-gray-400); border: none; border-radius: var(--brand-radius-pill); padding: 8px 16px; font-size: var(--brand-font-size-base); font-weight: var(--brand-weight-bold); cursor: pointer; font-family: inherit; }
    #bsm-mc-root .bsm-mc-move-existing-btn:hover { background: var(--brand-gray-100); }

    #bsm-mc-root .bsm-mc-msg-list { flex: 1; overflow-y: auto; }
    #bsm-mc-root .bsm-mc-msg-row { padding: 12px 16px 12px 40px; border-bottom: var(--brand-border-width-thin) solid var(--brand-gray-100); cursor: pointer; position: relative; }
    #bsm-mc-root .bsm-mc-msg-row:hover, #bsm-mc-root .bsm-mc-msg-row.bsm-mc-active { background: var(--brand-gray-100); }
    #bsm-mc-root .bsm-mc-msg-row.bsm-mc-unread .bsm-mc-msg-subject { font-weight: var(--brand-weight-extrabold); }
    #bsm-mc-root .bsm-mc-msg-row.bsm-mc-priority { background: var(--brand-pale-yellow); }
    #bsm-mc-root .bsm-mc-msg-select { position: absolute; top: 14px; left: 14px; width: 16px; height: 16px; cursor: pointer; }
    #bsm-mc-root .bsm-mc-msg-from { font-size: var(--brand-font-size-base); font-weight: var(--brand-weight-bold); margin-bottom: 2px; padding-right: 82px; }
    #bsm-mc-root .bsm-mc-msg-controls { position: absolute; top: 10px; right: 10px; display: flex; gap: 2px; }
    #bsm-mc-root .bsm-mc-star-btn, #bsm-mc-root .bsm-mc-msg-move, #bsm-mc-root .bsm-mc-msg-delete { background: none; border: none; cursor: pointer; font-size: var(--brand-font-size-lg); font-weight: var(--brand-weight-bold); padding: 4px 6px; border-radius: var(--brand-radius-sm); color: var(--brand-gray-400); line-height: 1; font-family: inherit; }
    #bsm-mc-root .bsm-mc-star-btn.bsm-mc-starred { color: var(--brand-orange); }
    #bsm-mc-root .bsm-mc-star-btn:hover { background: var(--brand-pale-yellow); color: var(--brand-orange); }
    #bsm-mc-root .bsm-mc-msg-move:hover { background: var(--brand-mint); color: var(--brand-teal); }
    #bsm-mc-root .bsm-mc-msg-delete:hover { background: var(--brand-red-light); color: var(--brand-red); }
    #bsm-mc-root .bsm-mc-msg-dir-out .bsm-mc-msg-from::before { content: "To: "; color: var(--brand-gray-400); font-weight: var(--brand-weight-regular); }
    #bsm-mc-root .bsm-mc-msg-subject { font-size: var(--brand-font-size-base); color: var(--brand-gray-400); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    #bsm-mc-root .bsm-mc-msg-date { font-size: var(--brand-font-size-xs); color: var(--brand-gray-400); margin-top: 3px; }

    #bsm-mc-root .bsm-mc-thread-header { padding: 16px 20px; border-bottom: var(--brand-border-width-thin) solid var(--brand-gray-100); }
    #bsm-mc-root .bsm-mc-thread-subject { font-size: var(--brand-font-size-lg); font-weight: var(--brand-weight-extrabold); margin-bottom: 4px; }
    #bsm-mc-root .bsm-mc-thread-meta { font-size: var(--brand-font-size-sm); color: var(--brand-gray-400); }
    #bsm-mc-root .bsm-mc-thread-body { flex: 1; overflow-y: auto; padding: 20px; font-size: var(--brand-font-size-md); line-height: 1.6; }
    #bsm-mc-root .bsm-mc-thread-actions { display: flex; gap: 8px; margin: 0 20px 20px; }
    #bsm-mc-root .bsm-mc-reply-btn { background: linear-gradient(135deg,var(--brand-teal),var(--brand-cyan)); color: var(--brand-white); border: none; border-radius: var(--brand-radius-md); padding: 8px 16px; font-size: var(--brand-font-size-base); font-weight: var(--brand-weight-bold); cursor: pointer; font-family: inherit; }
    #bsm-mc-root .bsm-mc-thread-delete-btn { background: var(--brand-white); color: var(--brand-red); border: var(--brand-border-width-thin) solid var(--brand-red-light); border-radius: var(--brand-radius-md); padding: 8px 16px; font-size: var(--brand-font-size-base); font-weight: var(--brand-weight-bold); cursor: pointer; font-family: inherit; }
    #bsm-mc-root .bsm-mc-thread-star-btn { background: var(--brand-white); color: var(--brand-orange); border: var(--brand-border-width-thin) solid var(--brand-pale-yellow); border-radius: var(--brand-radius-md); padding: 8px 16px; font-size: var(--brand-font-size-base); font-weight: var(--brand-weight-bold); cursor: pointer; font-family: inherit; }
    #bsm-mc-root .bsm-mc-thread-move-btn { background: var(--brand-white); color: var(--brand-teal); border: var(--brand-border-width-thin) solid var(--brand-mint); border-radius: var(--brand-radius-md); padding: 8px 16px; font-size: var(--brand-font-size-base); font-weight: var(--brand-weight-bold); cursor: pointer; font-family: inherit; }

    /* Compose / reply overlay panel */
    #bsm-mc-root .bsm-mc-overlay { display: none; position: fixed; inset: 0; background: rgba(15,23,42,0.5); z-index: 99998; align-items: center; justify-content: center; }
    #bsm-mc-root .bsm-mc-overlay.bsm-mc-open { display: flex; }
    #bsm-mc-root .bsm-mc-panel { background: var(--brand-white); border-radius: var(--brand-radius-lg); width: 92%; max-width: var(--brand-width-standard); max-height: 85vh; overflow-y: auto; padding: 24px; }
    #bsm-mc-root .bsm-mc-panel h3 { font-size: var(--brand-font-size-xl); font-weight: var(--brand-weight-extrabold); margin-bottom: 16px; }
    #bsm-mc-root .bsm-mc-field { margin-bottom: 14px; }
    #bsm-mc-root .bsm-mc-field label { display: block; font-size: var(--brand-font-size-sm); font-weight: var(--brand-weight-bold); color: var(--brand-gray-400); margin-bottom: 6px; }
    #bsm-mc-root .bsm-mc-field input, #bsm-mc-root .bsm-mc-field select, #bsm-mc-root .bsm-mc-field textarea { width: 100%; padding: 10px 12px; border: var(--brand-border-width-thin) solid var(--brand-gray-100); border-radius: var(--brand-radius-md); font-size: var(--brand-font-size-base); font-family: inherit; }
    #bsm-mc-root .bsm-mc-field textarea { min-height: 140px; resize: vertical; }
    #bsm-mc-root .bsm-mc-panel-actions { display: flex; gap: 8px; justify-content: flex-end; margin-top: 8px; }
    #bsm-mc-root .bsm-mc-btn-primary { background: linear-gradient(135deg,var(--brand-teal),var(--brand-cyan)); color: var(--brand-white); border: none; border-radius: var(--brand-radius-md); padding: 9px 18px; font-size: var(--brand-font-size-base); font-weight: var(--brand-weight-bold); cursor: pointer; font-family: inherit; }
    #bsm-mc-root .bsm-mc-btn-secondary { background: var(--brand-gray-100); color: var(--brand-gray-400); border: none; border-radius: var(--brand-radius-md); padding: 9px 18px; font-size: var(--brand-font-size-base); font-weight: var(--brand-weight-bold); cursor: pointer; font-family: inherit; }
    #bsm-mc-root .bsm-mc-field-row { display: flex; gap: 10px; }
    #bsm-mc-root .bsm-mc-field-row .bsm-mc-field { flex: 1; }

    @media (max-width: 900px) {
      #bsm-mc-root .bsm-mc-layout { flex-direction: column; }
      #bsm-mc-root .bsm-mc-sidebar, #bsm-mc-root .bsm-mc-mid { width: auto; border-right: none; border-bottom: var(--brand-border-width-thin) solid var(--brand-gray-100); max-height: 240px; }
    }
  

/* ===== migrated from account/instructor/public-profile.php (scoped under #acct-instructor-public-profile-root -- this is a custom rewrite
   route /leader/{slug}, not a real WP Page, so it can't use .page-slug-X body-class
   scoping like everything else here -- functions.php enqueues styleAccount.css for it
   via get_query_var('bsm_instructor_slug') instead of is_page() ===== */
/* moved to css/common.css (Stage 5, 30 aug 2026): #acct-instructor-public-profile-root .is-layout-constrained > :where(:not(.alignleft):not(... */

#acct-instructor-public-profile-root /* NOT FOUND */
.bsm-jpp-notfound { text-align: center; padding: 100px 20px; }

#acct-instructor-public-profile-root .bsm-jpp-notfound-icon { font-size: var(--brand-font-size-xxxl); margin-bottom: 20px; }

#acct-instructor-public-profile-root .bsm-jpp-notfound-title { font-size: var(--brand-font-size-xxxl); font-weight: var(--brand-weight-bold); color: var(--brand-black); margin-bottom: 12px; }

#acct-instructor-public-profile-root .bsm-jpp-notfound-text { font-size: var(--brand-font-size-lg); color: var(--brand-gray-400); margin-bottom: 28px; }

#acct-instructor-public-profile-root .bsm-jpp-notfound-btn { display: inline-block; padding: 14px 30px; background: linear-gradient(135deg,var(--brand-teal),var(--brand-cyan)); color: var(--brand-white); border-radius: var(--brand-radius-md); font-size: var(--brand-font-size-md); font-weight: var(--brand-weight-bold); text-decoration: none; }

#acct-instructor-public-profile-root .bsm-jpp-hero-logo a { text-decoration: none; }

#acct-instructor-public-profile-root .bsm-jpp-avatar {
    width: 220px; height: 220px; border-radius: 50%; margin: 0 auto 26px;
    background: var(--brand-white); background-size: cover; background-position: center;
    border: var(--brand-border-width-medium) solid var(--brand-white); box-shadow: 0 10px 34px rgba(15,23,42,.12);
    display: flex; align-items: center; justify-content: center;
    font-size: var(--brand-font-size-xxxl); font-weight: var(--brand-weight-extrabold); color: var(--brand-teal);
}

#acct-instructor-public-profile-root .bsm-jpp-message-btn {
    display: inline-block; margin-top: 18px; padding: 10px 22px; background: var(--brand-white);
    border: var(--brand-border-width-thick) solid var(--brand-teal); color: var(--brand-teal); border-radius: var(--brand-radius-pill); font-size: var(--brand-font-size-md);
    font-weight: var(--brand-weight-bold); text-decoration: none; cursor: pointer;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

#acct-instructor-public-profile-root .bsm-jpp-message-btn:hover { background: var(--brand-mint); }

#acct-instructor-public-profile-root .bsm-jpp-message-btn-disabled { border-color: var(--brand-gray-100); color: var(--brand-gray-400); cursor: default; }

#acct-instructor-public-profile-root .bsm-jpp-message-btn-disabled:hover { background: var(--brand-white); }

#acct-instructor-public-profile-root /* URGENCY BAR - floats over the hero/card seam */
.bsm-jpp-urgency-wrap { display: flex; justify-content: center; margin-bottom: 24px; }

#acct-instructor-public-profile-root .bsm-jpp-urgency {
    display: inline-flex; align-items: center; gap: 8px;
    background: var(--brand-white); border: var(--brand-border-width-thin) solid var(--brand-gray-100); border-radius: var(--brand-radius-pill);
    padding: 12px 22px; font-size: var(--brand-font-size-md); font-weight: var(--brand-weight-bold); color: var(--brand-teal);
    box-shadow: 0 6px 24px rgba(15,23,42,.1);
}

#acct-instructor-public-profile-root .bsm-jpp-urgency.full { color: var(--brand-red); }

#acct-instructor-public-profile-root .bsm-jpp-urgency-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--brand-teal); flex-shrink: 0; }

#acct-instructor-public-profile-root .bsm-jpp-urgency.full .bsm-jpp-urgency-dot { background: var(--brand-red); }

#acct-instructor-public-profile-root .bsm-jpp-top-cta-wrap { text-align: center; margin-bottom: 24px; }

#acct-instructor-public-profile-root .bsm-jpp-top-cta-btn {
    display: inline-block; margin-top: 12px; padding: 11px 26px;
    background: linear-gradient(135deg, var(--brand-teal), var(--brand-cyan)); color: var(--brand-white);
    border-radius: var(--brand-radius-pill); font-size: var(--brand-font-size-md); font-weight: var(--brand-weight-extrabold); text-decoration: none;
    box-shadow: 0 6px 18px rgba(13,148,136,.25);
}

#acct-instructor-public-profile-root .bsm-jpp-top-cta-btn:hover { opacity: .92; }

#acct-instructor-public-profile-root .bsm-jpp-list li {
    display: flex; align-items: flex-start; gap: 12px;
    font-size: var(--brand-font-size-md); color: var(--brand-black); line-height: 1.6;
    padding: 10px 0; border-bottom: var(--brand-border-width-thin) solid var(--brand-gray-100);
}

#acct-instructor-public-profile-root .bsm-jpp-list li:last-child { border-bottom: none; }

#acct-instructor-public-profile-root .bsm-jpp-list .tick { color: var(--brand-teal); font-weight: var(--brand-weight-bold); flex-shrink: 0; }

#acct-instructor-public-profile-root .bsm-jpp-list.credentials .tick { color: var(--brand-cyan); }

@media (max-width: 600px) {

}

#acct-instructor-public-profile-root /* VALUE PROP - what you get */
.bsm-jpp-value-card {
    background: linear-gradient(135deg, var(--brand-mint), var(--brand-gray-100));
    border: var(--brand-border-width-thin) solid var(--brand-mint); border-radius: var(--brand-radius-xl);
    padding: 32px 34px; margin-bottom: 20px;
}

#acct-instructor-public-profile-root .bsm-jpp-value-title { font-size: var(--brand-font-size-xl); font-weight: var(--brand-weight-bold); color: var(--brand-black); margin-bottom: 4px; }

#acct-instructor-public-profile-root .bsm-jpp-value-sub { font-size: var(--brand-font-size-md); color: var(--brand-gray-400); margin-bottom: 20px; }

#acct-instructor-public-profile-root .bsm-jpp-value-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }

@media (max-width: 560px) {
#acct-instructor-public-profile-root .bsm-jpp-value-grid { grid-template-columns: 1fr; }
}

#acct-instructor-public-profile-root .bsm-jpp-value-item { display: flex; align-items: flex-start; gap: 10px; font-size: var(--brand-font-size-md); color: var(--brand-black); font-weight: var(--brand-weight-semibold); line-height: 1.5; }

#acct-instructor-public-profile-root .bsm-jpp-value-item .tick { color: var(--brand-teal); flex-shrink: 0; }

#acct-instructor-public-profile-root /* PRIVACY */
.bsm-jpp-privacy {
    background: var(--brand-white); border: var(--brand-border-width-thick) solid var(--brand-teal); border-radius: var(--brand-radius-lg);
    padding: 22px 26px; margin-bottom: 28px; font-size: var(--brand-font-size-md); color: var(--brand-black); line-height: 1.7;
}

#acct-instructor-public-profile-root .bsm-jpp-cta-btn {
    display: inline-block; padding: 20px 52px;
    background: linear-gradient(135deg, var(--brand-teal), var(--brand-cyan));
    color: var(--brand-white); border-radius: var(--brand-radius-lg); font-size: var(--brand-font-size-xl); font-weight: var(--brand-weight-extrabold);
    text-decoration: none; letter-spacing: -0.2px;
    box-shadow: 0 10px 30px rgba(13,148,136,.35);
}

#acct-instructor-public-profile-root .bsm-jpp-cta-btn:hover { opacity: .94; }

#acct-instructor-public-profile-root .bsm-jpp-cta-note { font-size: var(--brand-font-size-base); color: var(--brand-gray-400); margin-top: 14px; }

#acct-instructor-public-profile-root .bsm-jpp-cta-full { background: var(--brand-gray-100); border: var(--brand-border-width-thick) dashed var(--brand-gray-100); border-radius: var(--brand-radius-lg); padding: 26px; color: var(--brand-gray-400); font-size: var(--brand-font-size-md); font-weight: var(--brand-weight-semibold); }

#acct-instructor-public-profile-root /* SOCIAL */
.bsm-jpp-social { display: flex; justify-content: center; gap: 12px; flex-wrap: wrap; margin-bottom: 8px; }

#acct-instructor-public-profile-root .bsm-jpp-social a {
    padding: 10px 18px; background: var(--brand-white); border: var(--brand-border-width-thin) solid var(--brand-gray-100); border-radius: var(--brand-radius-pill);
    font-size: var(--brand-font-size-base); font-weight: var(--brand-weight-bold); color: var(--brand-black); text-decoration: none;
}

#acct-instructor-public-profile-root .bsm-jpp-social a:hover { border-color: var(--brand-teal); color: var(--brand-teal); }

#acct-instructor-public-profile-root .bsm-jpp-footer a { text-decoration: none; font-size: var(--brand-font-size-md); font-weight: var(--brand-weight-extrabold); }

#acct-instructor-public-profile-root .bsm-jpp-svc-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-bottom: 20px; }

@media (max-width: 700px) {
#acct-instructor-public-profile-root .bsm-jpp-svc-grid { grid-template-columns: 1fr; }
}

#acct-instructor-public-profile-root .bsm-jpp-svc-card.featured { border: var(--brand-border-width-thick) solid var(--brand-teal); box-shadow: 0 8px 26px rgba(13,148,136,.15); position: relative; }

#acct-instructor-public-profile-root .bsm-jpp-svc-includes { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 16px; }

#acct-instructor-public-profile-root .bsm-jpp-svc-cta {
    display: inline-block; margin-top: auto; align-self: flex-start;
    background: var(--brand-white); border: var(--brand-border-width-thick) solid var(--brand-teal); color: var(--brand-teal);
    padding: 9px 18px; border-radius: var(--brand-radius-pill); font-size: var(--brand-font-size-base); font-weight: var(--brand-weight-bold);
    text-decoration: none; cursor: pointer; font-family: inherit;
}

#acct-instructor-public-profile-root .bsm-jpp-svc-cta:hover { background: var(--brand-mint); }

#acct-instructor-public-profile-root .bsm-jpp-media-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }

@media (max-width: 700px) {
#acct-instructor-public-profile-root .bsm-jpp-media-grid { grid-template-columns: 1fr; }
}

#acct-instructor-public-profile-root .bsm-jpp-media-tile { background: var(--brand-gray-100); border: var(--brand-border-width-thin) solid var(--brand-gray-100); border-radius: var(--brand-radius-lg); padding: 14px; }

#acct-instructor-public-profile-root .bsm-jpp-media-video { width: 100%; border-radius: var(--brand-radius-md); background: var(--brand-black); display: block; }

#acct-instructor-public-profile-root .bsm-jpp-media-audio-wrap { display: flex; align-items: center; gap: 12px; background: var(--brand-black); border-radius: var(--brand-radius-md); padding: 10px 12px; }

#acct-instructor-public-profile-root .bsm-jpp-media-audio-icon { color: var(--brand-cyan); font-size: var(--brand-font-size-xl); flex-shrink: 0; }

#acct-instructor-public-profile-root .bsm-jpp-media-audio-wrap audio { width: 100%; }

#acct-instructor-public-profile-root .bsm-jpp-media-title { font-size: var(--brand-font-size-md); font-weight: var(--brand-weight-bold); color: var(--brand-black); margin-top: 10px; }

#acct-instructor-public-profile-root .bsm-jpp-media-desc { font-size: var(--brand-font-size-base); color: var(--brand-gray-400); margin-top: 4px; line-height: 1.5; }

#acct-instructor-public-profile-root /* ==== restored: bsm-jpp-* classes missing on public-profile.css (this page never loads common.css - bypasses wp_head) ==== */
.bsm-jpp-bio { font-size: var(--brand-font-size-lg); color: var(--brand-gray-400); line-height: 1.8; white-space: pre-line; }

#acct-instructor-public-profile-root .bsm-jpp-card { background: var(--brand-white); border: var(--brand-border-width-thin) solid var(--brand-gray-100); border-radius: var(--brand-radius-xl); padding: 32px 34px; margin-bottom: 20px; box-shadow: 0 4px 20px rgba(15,23,42,.05); }

#acct-instructor-public-profile-root .bsm-jpp-card-title { font-size: var(--brand-font-size-md); font-weight: var(--brand-weight-extrabold); color: var(--brand-teal); text-transform: uppercase; letter-spacing: 1px; margin-bottom: 16px; }

#acct-instructor-public-profile-root .bsm-jpp-cta-wrap { text-align: center; padding: 8px 0 32px; }

#acct-instructor-public-profile-root .bsm-jpp-domain-badge { background: var(--brand-white); border: var(--brand-border-width-thin) solid var(--brand-mint); color: var(--brand-teal); border-radius: var(--brand-radius-pill); padding: 5px 13px; font-size: var(--brand-font-size-sm); font-weight: var(--brand-weight-bold); }

#acct-instructor-public-profile-root .bsm-jpp-domain-badges { display: flex; justify-content: center; flex-wrap: wrap; gap: 6px; margin-top: 12px; }

#acct-instructor-public-profile-root .bsm-jpp-footer { text-align: center; padding-top: 24px; }

#acct-instructor-public-profile-root .bsm-jpp-hero { background: linear-gradient(160deg, var(--brand-peach) 0%, var(--brand-pale-mint) 100%); padding: 56px 20px 100px; text-align: center; color: var(--brand-black); margin-bottom: -60px; }

#acct-instructor-public-profile-root .bsm-jpp-hero-eyebrow { font-size: var(--brand-font-size-base); font-weight: var(--brand-weight-bold); text-transform: uppercase; letter-spacing: 1.5px; color: var(--brand-teal); margin-bottom: 10px; }

#acct-instructor-public-profile-root .bsm-jpp-hero-headline { font-size: var(--brand-font-size-xl); font-weight: var(--brand-weight-medium); color: var(--brand-gray-400); max-width: var(--brand-width-standard); margin: 0 auto; line-height: 1.5; }

#acct-instructor-public-profile-root .bsm-jpp-hero-logo { font-size: var(--brand-font-size-md); font-weight: var(--brand-weight-extrabold); letter-spacing: -0.3px; margin-bottom: 34px; }

#acct-instructor-public-profile-root .bsm-jpp-hero-name { font-size: var(--brand-font-size-xxxl); font-weight: var(--brand-weight-extrabold); letter-spacing: -0.5px; margin-bottom: 10px; color: var(--brand-black); }

#acct-instructor-public-profile-root .bsm-jpp-inner { margin: 0 auto; box-sizing: border-box; padding: 0 20px 80px; }

#acct-instructor-public-profile-root .bsm-jpp-list { list-style: none; margin: 0; padding: 0; }

#acct-instructor-public-profile-root .bsm-jpp-svc-badge { position: absolute; top: -12px; left: 20px; background: var(--brand-teal); color: var(--brand-white); font-size: var(--brand-font-size-xs); font-weight: var(--brand-weight-extrabold); text-transform: uppercase; letter-spacing: .5px; padding: 4px 12px; border-radius: var(--brand-radius-pill); }

#acct-instructor-public-profile-root .bsm-jpp-svc-card { background: var(--brand-white); border: var(--brand-border-width-thin) solid var(--brand-gray-100); border-radius: var(--brand-radius-xl); padding: 26px 26px 22px; display: flex; flex-direction: column; }

#acct-instructor-public-profile-root .bsm-jpp-svc-desc { font-size: var(--brand-font-size-md); color: var(--brand-gray-400); line-height: 1.6; margin-bottom: 12px; flex: 1; }

#acct-instructor-public-profile-root .bsm-jpp-svc-domain { display: inline-block; font-size: var(--brand-font-size-xs); font-weight: var(--brand-weight-extrabold); text-transform: uppercase; letter-spacing: .3px; color: var(--brand-cyan); background: var(--brand-gray-100); border: var(--brand-border-width-thin) solid var(--brand-cyan); border-radius: var(--brand-radius-pill); padding: 3px 9px; }

#acct-instructor-public-profile-root .bsm-jpp-svc-domains { display: flex; flex-wrap: wrap; gap: 4px; margin-bottom: 8px; }

#acct-instructor-public-profile-root .bsm-jpp-svc-include-chip { background: var(--brand-mint); border: var(--brand-border-width-thin) solid var(--brand-mint); color: var(--brand-teal); border-radius: var(--brand-radius-pill); padding: 4px 11px; font-size: var(--brand-font-size-sm); font-weight: var(--brand-weight-bold); }

#acct-instructor-public-profile-root .bsm-jpp-svc-includes-label { font-size: var(--brand-font-size-xs); font-weight: var(--brand-weight-extrabold); text-transform: uppercase; letter-spacing: .5px; color: var(--brand-gray-400); margin-bottom: 6px; }

#acct-instructor-public-profile-root .bsm-jpp-svc-name { font-size: var(--brand-font-size-xl); font-weight: var(--brand-weight-bold); color: var(--brand-black); margin-bottom: 6px; }

#acct-instructor-public-profile-root .bsm-jpp-svc-price { font-size: var(--brand-font-size-lg); font-weight: var(--brand-weight-extrabold); color: var(--brand-teal); margin-bottom: 12px; }

#acct-instructor-public-profile-root .bsm-jpp-svc-summary { font-size: var(--brand-font-size-lg); color: var(--brand-gray-400); font-weight: var(--brand-weight-semibold); line-height: 1.6; margin-bottom: 4px; }

#acct-instructor-public-profile-root .bsm-jpp-wrap { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background: var(--brand-peach); min-height: 100vh; width: 100%; box-sizing: border-box; }

#acct-instructor-public-profile-root /* ==== Stage 3: extracted repeated inline styles ==== */
.u-color-0d9488 { color:var(--brand-teal); }

#acct-instructor-public-profile-root .u-color-0f172a { color:var(--brand-black); }

#acct-instructor-public-profile-root .u-color-0891b2 { color:var(--brand-cyan); }

                body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background: var(--brand-peach); margin: 0; padding: 40px 20px; color: var(--brand-black); }
                .bsm-unsub-card { max-width: var(--brand-width-standard); margin: 0 auto; background: var(--brand-white); border: var(--brand-border-width-thin) solid var(--brand-gray-100); border-radius: var(--brand-radius-xl); padding: 40px 36px; box-shadow: 0 4px 20px rgba(15,23,42,.05); text-align: center; }
                .bsm-unsub-icon { font-size: var(--brand-font-size-xxxl); margin-bottom: 14px; }
                .bsm-unsub-title { font-size: var(--brand-font-size-xxl); font-weight: var(--brand-weight-bold); margin-bottom: 12px; }
                .bsm-unsub-text { font-size: var(--brand-font-size-md); color: var(--brand-gray-400); line-height: 1.6; margin-bottom: 24px; }
                .bsm-unsub-btn { display: inline-block; background: linear-gradient(135deg,var(--brand-teal),var(--brand-cyan)); color: var(--brand-white); border: none; border-radius: var(--brand-radius-md); padding: 13px 28px; font-size: var(--brand-font-size-md); font-weight: var(--brand-weight-bold); cursor: pointer; font-family: inherit; text-decoration: none; }
                .bsm-unsub-btn.secondary { background: var(--brand-gray-100); color: var(--brand-gray-400); }
                .bsm-unsub-email { font-weight: var(--brand-weight-bold); color: var(--brand-teal); }
                form { margin: 0; }
                .bsm-unsub-home { display: inline-block; margin-top: 22px; font-size: var(--brand-font-size-base); font-weight: var(--brand-weight-bold); color: var(--brand-gray-400); text-decoration: none; }
                .bsm-unsub-home:hover { color: var(--brand-teal); }
            
/* ===== migrated from features/feature_list_popup.php (scoped under .page-slug-plans-page -- FIX: was previously
   mis-scoped under .page-slug-admin-feature-list-generator in style_bodyglobal.css, which
   is not this component's real host page (account/bsm-plans-page.php includes it) ===== */
.page-slug-plans-page #bsmflp-root { text-align: center; margin: 4px 0 40px; }

.page-slug-plans-page #bsmflpOpenBtn {
    display: inline-flex; align-items: center; gap: 9px;
    background: var(--brand-white); border: var(--brand-border-width-thick) solid var(--brand-gray-100); color: var(--brand-black);
    font-size: var(--brand-font-size-md); font-weight: var(--brand-weight-bold); padding: 13px 24px; border-radius: var(--brand-radius-lg);
    cursor: pointer; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.page-slug-plans-page #bsmflpOpenBtn:hover { border-color: var(--brand-teal); color: var(--brand-teal); }

.page-slug-plans-page .bsmflp-overlay {
    /* WordPress's own admin toolbar (#wpadminbar) sits at z-index 99999
       when you're logged in — this has to clear it or the toolbar draws
       on top of the popup and hides the close button. */
    display: none; position: fixed; inset: 0; top: 50px; background: rgba(15,23,42,.55); z-index: 999999;
    align-items: center; justify-content: center; padding: 24px 16px; box-sizing: border-box;
}

.page-slug-plans-page .bsmflp-overlay.bsmflp-open { display: flex; }

.page-slug-plans-page .bsmflp-panel {
    background: var(--brand-white); border-radius: var(--brand-radius-xl); width: 100%; max-width: var(--brand-width-standard);
    max-height: 85vh; display: flex; flex-direction: column; overflow: hidden;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.page-slug-plans-page .bsmflp-panel-header {
    display: flex; align-items: center; justify-content: space-between;
    padding: 20px 26px; border-bottom: var(--brand-border-width-thin) solid var(--brand-gray-100); flex-shrink: 0;
}

.page-slug-plans-page .bsmflp-panel-header h2 { margin: 0; font-size: var(--brand-font-size-xl); color: var(--brand-black); }

.page-slug-plans-page .bsmflp-panel-close {
    display: inline-flex; align-items: center; gap: 7px; flex-shrink: 0;
    background: var(--brand-black); border: none; color: var(--brand-white);
    font-size: var(--brand-font-size-base); font-weight: var(--brand-weight-bold); line-height: 1;
    padding: 9px 16px; border-radius: var(--brand-radius-xl); cursor: pointer;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.page-slug-plans-page .bsmflp-panel-close:hover { background: var(--brand-red); }

.page-slug-plans-page .bsmflp-panel-body { padding: 16px 26px 26px; overflow-y: auto; }

.page-slug-plans-page .bsmflp-matrix-header {
    display: grid; grid-template-columns: 1fr 100px 100px; gap: 10px; align-items: end;
    padding: 2px 0 10px; margin-bottom: 4px; border-bottom: var(--brand-border-width-thick) solid var(--brand-gray-100);
    position: sticky; top: 0; background: var(--brand-white); z-index: 2;
}

.page-slug-plans-page .bsmflp-matrix-header .bsmflp-matrix-col {
    text-align: center; font-size: var(--brand-font-size-xs); font-weight: var(--brand-weight-extrabold); text-transform: uppercase;
    letter-spacing: .4px; color: var(--brand-gray-400);
}

.page-slug-plans-page .bsmflp-matrix-header .bsmflp-matrix-col.plus-ai { color: var(--brand-teal); }

.page-slug-plans-page .bsmflp-cat { margin-top: 20px; }

.page-slug-plans-page .bsmflp-cat-title {
    display: flex; align-items: center; gap: 8px; font-size: var(--brand-font-size-md); font-weight: var(--brand-weight-extrabold);
    color: var(--brand-black); margin-bottom: 6px; padding-bottom: 8px; border-bottom: var(--brand-border-width-thin) solid var(--brand-gray-100);
}

.page-slug-plans-page .bsmflp-row {
    display: grid; grid-template-columns: 1fr 100px 100px; gap: 10px; align-items: center;
    padding: 8px 0; font-size: var(--brand-font-size-base); color: var(--brand-gray-400);
}

.page-slug-plans-page .bsmflp-row.bsmflp-sub { padding-left: 18px; color: var(--brand-gray-400); font-size: var(--brand-font-size-sm); }

.page-slug-plans-page .bsmflp-matrix-col { text-align: center; }

.page-slug-plans-page .bsmflp-tick { color: var(--brand-teal); font-size: var(--brand-font-size-md); }

.page-slug-plans-page .bsmflp-cap { display: block; font-size: var(--brand-font-size-xs); color: var(--brand-gray-400); font-weight: var(--brand-weight-semibold); margin-top: 2px; }


/* ================================================================
   INLINE STYLES EXTRACTED FROM account/ -- 28 aug 2026
   Same process as sleep platform / wellnessPlanning: each static
   inline style="" moved into its own uniquely-named class with
   !important, so it behaves exactly like the inline style did.
   A few inline styles were left in place on purpose -- they build
   their value at runtime from PHP data.
   ================================================================ */

/* ---- extracted from account/account_page_index.php ---- */
.pg-account-page-index-i001 { margin-bottom:24px !important; }
.pg-account-page-index-i002 { font-size:var(--brand-font-size-xl) !important; flex-shrink:0 !important; }
.pg-account-page-index-i003 { color:var(--brand-orange) !important; font-weight: var(--brand-weight-bold) !important; }
.pg-account-page-index-i004 { padding:8px 4px 4px !important; display:flex !important; gap:12px !important; flex-wrap:wrap !important; }
.pg-account-page-index-i005 { font-size: var(--brand-font-size-lg)!important; font-weight: var(--brand-weight-bold) !important; color:var(--brand-black) !important; margin-bottom:6px !important; }
.pg-account-page-index-i006 { font-size:var(--brand-font-size-lg) !important; font-weight: var(--brand-weight-bold) !important; color:var(--brand-teal) !important; margin-bottom:14px !important; }
.pg-account-page-index-i007 { padding:8px 4px 4px !important; }
.pg-account-page-index-i008 { font-size: var(--brand-font-size-lg)!important; font-weight: var(--brand-weight-bold) !important; color:var(--brand-black) !important; margin-bottom:6px !important; }
.pg-account-page-index-i009 { font-size:var(--brand-font-size-lg) !important; font-weight: var(--brand-weight-bold) !important; color:var(--brand-teal) !important; margin-bottom:18px !important; }
.pg-account-page-index-i010 { display:flex !important; justify-content:space-between !important; align-items:center !important; padding:10px 0 !important; border-bottom:var(--brand-border-width-thin) solid var(--brand-gray-100) !important; }
.pg-account-page-index-i011 { font-weight: var(--brand-weight-bold) !important; color:var(--brand-black) !important; }
.pg-account-page-index-i012 { color:var(--brand-gray-400) !important; font-size:var(--brand-font-size-base) !important; margin-left:8px !important; }
.pg-account-page-index-i013 { background:var(--brand-mint) !important; color:var(--brand-teal) !important; border-color:var(--brand-mint) !important; }
.pg-account-page-index-i014 { background:var(--brand-pale-yellow) !important; color:var(--brand-orange) !important; border-color:var(--brand-pale-yellow) !important; }
.pg-account-page-index-i015 { background:var(--brand-mint) !important; color:var(--brand-teal) !important; border-color:var(--brand-mint) !important; }
.pg-account-page-index-i016 { margin-top:4px !important; }
.pg-account-page-index-i017 { border:none !important; }
.pg-account-page-index-i018 { font-size:var(--brand-font-size-sm) !important; color:var(--brand-gray-400) !important; margin-top:10px !important; }
.pg-account-page-index-i019 { background:var(--brand-pale-yellow) !important; border-color:var(--brand-pale-yellow) !important; }
.pg-account-page-index-i020 { border-color:var(--brand-pale-yellow) !important; color:var(--brand-orange) !important; }

/* ---- extracted from account/admin-delete-user.php ---- */
.pg-admin-delete-user-i001 { font-size:var(--brand-font-size-xl) !important; }
.pg-admin-delete-user-i002 { font-size:var(--brand-font-size-xs) !important; font-weight: var(--brand-weight-bold) !important; color:var(--brand-gray-400) !important; text-transform:uppercase !important; letter-spacing:.5px !important; margin-bottom:3px !important; }
.pg-admin-delete-user-i003 { background:var(--brand-gray-100) !important; border:var(--brand-border-width-thin) solid var(--brand-gray-100) !important; border-radius: var(--brand-radius-md)!important; padding:12px 18px !important; margin-bottom:20px !important; display:flex !important; align-items:center !important; gap:10px !important; }
.pg-admin-delete-user-i004 { font-size:var(--brand-font-size-xl) !important; }
.pg-admin-delete-user-i005 { font-size:var(--brand-font-size-xs) !important; font-weight: var(--brand-weight-bold) !important; color:var(--brand-gray-400) !important; text-transform:uppercase !important; letter-spacing:.5px !important; margin-bottom:3px !important; }
.pg-admin-delete-user-i006 { font-size:var(--brand-font-size-md) !important; font-weight: var(--brand-weight-bold) !important; color:var(--brand-black) !important; }
.pg-admin-delete-user-i007 { background:var(--brand-pale-yellow) !important; border:var(--brand-border-width-thin) solid var(--brand-pale-yellow) !important; border-radius: var(--brand-radius-md)!important; padding:14px 18px !important; margin-bottom:20px !important; }
.pg-admin-delete-user-i008 { font-size:var(--brand-font-size-xs) !important; font-weight: var(--brand-weight-bold) !important; color:var(--brand-orange) !important; text-transform:uppercase !important; letter-spacing:.5px !important; margin-bottom:8px !important; }
.pg-admin-delete-user-i009 { font-size:var(--brand-font-size-md) !important; color:var(--brand-orange) !important; }
.pg-admin-delete-user-i010 { margin:6px 0 0 !important; padding-left:20px !important; }
.pg-admin-delete-user-i011 { background:var(--brand-red-light) !important; border-color:var(--brand-red) !important; }
.pg-admin-delete-user-i012 { font-size: var(--brand-font-size-xxxl)!important; text-align:center !important; margin-bottom:16px !important; }
.pg-admin-delete-user-i013 { font-size:var(--brand-font-size-md) !important; color:var(--brand-gray-400) !important; text-align:center !important; margin-bottom:24px !important; line-height:1.6 !important; }
.pg-admin-delete-user-i014 { margin-top:20px !important; text-align:center !important; }
.pg-admin-delete-user-i015 { font-size:var(--brand-font-size-md) !important; color:var(--brand-gray-400) !important; text-decoration:none !important; font-weight: var(--brand-weight-semibold) !important; }

/* ---- extracted from account/admin_user_management_guide.php ---- */
.pg-admin-user-management-guide-i001 { margin-top:36px !important; }
.pg-admin-user-management-guide-i002 { margin-top:36px !important; }
.pg-admin-user-management-guide-i003 { cursor:default !important; margin-left:0 !important; }
.pg-admin-user-management-guide-i004 { width:160px !important; }
.pg-admin-user-management-guide-i005 { width:40px !important; }
.pg-admin-user-management-guide-i006 { width:160px !important; }
.pg-admin-user-management-guide-i007 { width:40px !important; }
.pg-admin-user-management-guide-i008 { width:160px !important; }
.pg-admin-user-management-guide-i009 { width:40px !important; }
.pg-admin-user-management-guide-i010 { color:var(--brand-gray-400) !important; font-weight: var(--brand-weight-regular) !important; }

/* ---- extracted from account/bsm-plans-page.php ---- */
.pg-bsm-plans-page-i001 { font-size:var(--brand-font-size-xl) !important; flex-shrink:0 !important; }
.pg-bsm-plans-page-i002 { color:var(--brand-orange) !important; font-weight: var(--brand-weight-bold) !important; }

/* ---- extracted from account/dashboard-admin-nav.php ---- */
.pg-dashboard-admin-nav-i001 { margin-right:0 !important; margin-left:8px !important; }

/* ---- extracted from account/delete-my-account.php ---- */
.pg-delete-my-account-i001 { margin-top:16px !important; text-align:center !important; }
.pg-delete-my-account-i002 { font-size:var(--brand-font-size-base) !important; color:var(--brand-teal) !important; font-weight: var(--brand-weight-bold) !important; text-decoration:none !important; }

/* ---- extracted from account/forgot-password.php ---- */
.pg-forgot-password-i001 { text-decoration:none !important; display:flex !important; align-items:center !important; justify-content:center !important; }

/* ---- extracted from account/inbox.php ---- */
.pg-inbox-i001 { margin: auto !important; }
.pg-inbox-i002 { font-weight: var(--brand-weight-regular) !important; color:var(--brand-gray-400) !important; }
.pg-inbox-i003 { display:flex !important; flex-wrap:wrap !important; gap:8px !important; margin-bottom:16px !important; }
.pg-inbox-i004 { font-size:var(--brand-font-size-sm) !important; color:var(--brand-gray-400) !important; margin-bottom:14px !important; line-height:1.5 !important; }
.pg-inbox-i005 { max-height:280px !important; overflow-y:auto !important; margin-bottom:14px !important; }

/* ---- extracted from account/manage-sub-members.php ---- */
.pg-manage-sub-members-i001 { margin:0 !important; padding:0 !important; background:var(--brand-peach) !important; font-family:-apple-system,BlinkMacSystemFont,\'Segoe UI\',sans-serif !important; }
.pg-manage-sub-members-i002 { background:var(--brand-peach) !important; padding:40px 20px !important; }
.pg-manage-sub-members-i003 { max-width: var(--brand-width-standard)!important; width:100% !important; }
.pg-manage-sub-members-i004 { padding-bottom:32px !important; }
.pg-manage-sub-members-i005 { font-size: var(--brand-font-size-xxxl)!important; font-weight: var(--brand-weight-extrabold) !important; color:var(--brand-teal) !important; letter-spacing:-0.5px !important; }
.pg-manage-sub-members-i006 { font-size: var(--brand-font-size-xxxl)!important; font-weight: var(--brand-weight-extrabold) !important; color:var(--brand-black) !important; letter-spacing:-0.5px !important; }
.pg-manage-sub-members-i007 { font-size: var(--brand-font-size-xxxl)!important; font-weight: var(--brand-weight-extrabold) !important; color:var(--brand-cyan) !important; letter-spacing:-0.5px !important; }
.pg-manage-sub-members-i008 { background:var(--brand-white) !important; border-radius: var(--brand-radius-xl)!important; padding:48px 44px !important; box-shadow:0 4px 28px rgba(15,23,42,0.08) !important; }
.pg-manage-sub-members-i009 { margin:0 0 24px !important; font-size: var(--brand-font-size-lg)!important; color:var(--brand-black) !important; line-height:1.6 !important; }
.pg-manage-sub-members-i010 { margin:0 0 24px !important; font-size:var(--brand-font-size-lg) !important; color:var(--brand-gray-400) !important; line-height:1.7 !important; }
.pg-manage-sub-members-i011 { color:var(--brand-teal) !important; font-weight: var(--brand-weight-bold) !important; text-decoration:none !important; }
.pg-manage-sub-members-i012 { margin:0 0 24px !important; font-size: var(--brand-font-size-md)!important; color:var(--brand-gray-400) !important; line-height:1.7 !important; }
.pg-manage-sub-members-i013 { background:var(--brand-gray-100) !important; border:var(--brand-border-width-thin) solid var(--brand-gray-100) !important; border-radius: var(--brand-radius-lg)!important; padding:28px 32px !important; margin-bottom:32px !important; }
.pg-manage-sub-members-i014 { margin:0 0 16px !important; font-size:var(--brand-font-size-base) !important; font-weight: var(--brand-weight-bold) !important; color:var(--brand-teal) !important; text-transform:uppercase !important; letter-spacing:1px !important; }
.pg-manage-sub-members-i015 { padding:7px 0 !important; font-size:var(--brand-font-size-md) !important; color:var(--brand-black) !important; line-height:1.5 !important; }
.pg-manage-sub-members-i016 { background:var(--brand-mint) !important; border:var(--brand-border-width-thick) solid var(--brand-teal) !important; border-radius: var(--brand-radius-lg)!important; margin-bottom:32px !important; }
.pg-manage-sub-members-i017 { padding:20px 24px !important; }
.pg-manage-sub-members-i018 { margin:0 !important; font-size: var(--brand-font-size-md)!important; color:var(--brand-black) !important; line-height:1.7 !important; }
.pg-manage-sub-members-i019 { margin:0 0 32px !important; font-size: var(--brand-font-size-md)!important; color:var(--brand-gray-400) !important; line-height:1.7 !important; }
.pg-manage-sub-members-i020 { margin:0 0 16px !important; font-size:var(--brand-font-size-base) !important; font-weight: var(--brand-weight-bold) !important; color:var(--brand-black) !important; text-transform:uppercase !important; letter-spacing:1px !important; }
.pg-manage-sub-members-i021 { margin-bottom:32px !important; }
.pg-manage-sub-members-i022 { padding:8px 0 !important; font-size: var(--brand-font-size-md)!important; color:var(--brand-gray-400) !important; line-height:1.6 !important; }
.pg-manage-sub-members-i023 { display:inline-block !important; width:24px !important; height:24px !important; background:linear-gradient(135deg,var(--brand-teal),var(--brand-cyan)) !important; border-radius:50% !important; color:var(--brand-white) !important; font-size:var(--brand-font-size-sm) !important; font-weight: var(--brand-weight-bold) !important; text-align:center !important; line-height:24px !important; margin-right:12px !important; }
.pg-manage-sub-members-i024 { padding:8px 0 !important; font-size: var(--brand-font-size-md)!important; color:var(--brand-gray-400) !important; line-height:1.6 !important; }
.pg-manage-sub-members-i025 { display:inline-block !important; width:24px !important; height:24px !important; background:linear-gradient(135deg,var(--brand-teal),var(--brand-cyan)) !important; border-radius:50% !important; color:var(--brand-white) !important; font-size:var(--brand-font-size-sm) !important; font-weight: var(--brand-weight-bold) !important; text-align:center !important; line-height:24px !important; margin-right:12px !important; }
.pg-manage-sub-members-i026 { margin-bottom:32px !important; }
.pg-manage-sub-members-i027 { display:inline-block !important; padding:18px 48px !important; background:linear-gradient(135deg,var(--brand-teal),var(--brand-cyan)) !important; color:var(--brand-white) !important; font-size: var(--brand-font-size-lg)!important; font-weight: var(--brand-weight-bold) !important; text-decoration:none !important; border-radius: var(--brand-radius-lg)!important; letter-spacing:-0.2px !important; }
.pg-manage-sub-members-i028 { margin:0 0 32px !important; font-size:var(--brand-font-size-md) !important; color:var(--brand-gray-400) !important; text-align:center !important; line-height:1.6 !important; }
.pg-manage-sub-members-i029 { margin:0 !important; font-size:var(--brand-font-size-lg) !important; color:var(--brand-black) !important; line-height:1.7 !important; }
.pg-manage-sub-members-i030 { padding:28px 0 0 !important; text-align:center !important; border-top:var(--brand-border-width-thin) solid var(--brand-gray-100) !important; margin-top:28px !important; }
.pg-manage-sub-members-i031 { font-size:var(--brand-font-size-lg) !important; font-weight: var(--brand-weight-extrabold) !important; color:var(--brand-teal) !important; }
.pg-manage-sub-members-i032 { font-size:var(--brand-font-size-lg) !important; font-weight: var(--brand-weight-extrabold) !important; color:var(--brand-black) !important; }
.pg-manage-sub-members-i033 { font-size:var(--brand-font-size-lg) !important; font-weight: var(--brand-weight-extrabold) !important; color:var(--brand-cyan) !important; }
.pg-manage-sub-members-i034 { margin:8px 0 0 !important; font-size:var(--brand-font-size-sm) !important; color:var(--brand-gray-400) !important; line-height:1.6 !important; }
.pg-manage-sub-members-i035 { text-align:center !important; padding:52px 40px !important; }
.pg-manage-sub-members-i036 { font-size: var(--brand-font-size-xxxl)!important; margin-bottom:20px !important; }
.pg-manage-sub-members-i037 { font-size: var(--brand-font-size-xxl)!important; font-weight: var(--brand-weight-bold) !important; color:var(--brand-black) !important; margin-bottom:12px !important; letter-spacing:-0.3px !important; }
.pg-manage-sub-members-i038 { font-size:var(--brand-font-size-lg) !important; color:var(--brand-gray-400) !important; line-height:1.7 !important; max-width: var(--brand-width-standard)!important; margin:0 auto 32px !important; }
.pg-manage-sub-members-i039 { display:inline-block !important; padding:16px 36px !important; background:linear-gradient(135deg,var(--brand-teal),var(--brand-cyan)) !important; color:var(--brand-white) !important; border-radius: var(--brand-radius-lg)!important; font-size: var(--brand-font-size-lg)!important; font-weight: var(--brand-weight-bold) !important; text-decoration:none !important; transition:opacity .15s !important; }
.pg-manage-sub-members-i040 { text-align:center !important; padding:52px 40px !important; }
.pg-manage-sub-members-i041 { font-size: var(--brand-font-size-xxxl)!important; margin-bottom:20px !important; }
.pg-manage-sub-members-i042 { font-size: var(--brand-font-size-xxl)!important; font-weight: var(--brand-weight-bold) !important; color:var(--brand-black) !important; margin-bottom:12px !important; letter-spacing:-0.3px !important; }
.pg-manage-sub-members-i043 { font-size:var(--brand-font-size-lg) !important; color:var(--brand-gray-400) !important; line-height:1.7 !important; max-width: var(--brand-width-standard)!important; margin:0 auto 32px !important; }
.pg-manage-sub-members-i044 { display:inline-block !important; padding:16px 36px !important; background:linear-gradient(135deg,var(--brand-teal),var(--brand-cyan)) !important; color:var(--brand-white) !important; border-radius: var(--brand-radius-lg)!important; font-size: var(--brand-font-size-lg)!important; font-weight: var(--brand-weight-bold) !important; text-decoration:none !important; }
.pg-manage-sub-members-i045 { background:linear-gradient(135deg,var(--brand-teal),var(--brand-cyan)) !important; border:none !important; color:var(--brand-white) !important; }
.pg-manage-sub-members-i046 { font-size:var(--brand-font-size-sm) !important; font-weight: var(--brand-weight-bold) !important; text-transform:uppercase !important; letter-spacing:.5px !important; opacity:.85 !important; margin-bottom:8px !important; }
.pg-manage-sub-members-i047 { font-size:var(--brand-font-size-lg) !important; font-weight: var(--brand-weight-bold) !important; margin-bottom:14px !important; word-break:break-all !important; }
.pg-manage-sub-members-i048 { display:inline-block !important; padding:10px 18px !important; background:rgba(255,255,255,.18) !important; border:var(--brand-border-width-thin) solid rgba(255,255,255,.5) !important; color:var(--brand-white) !important; border-radius: var(--brand-radius-md)!important; font-size:var(--brand-font-size-base) !important; font-weight: var(--brand-weight-bold) !important; text-decoration:none !important; margin-right:8px !important; }
.pg-manage-sub-members-i049 { font-size: var(--brand-font-size-md)!important; line-height:1.6 !important; margin-bottom:16px !important; opacity:.95 !important; }
.pg-manage-sub-members-i050 { display:inline-block !important; padding:12px 22px !important; background:var(--brand-white) !important; color:var(--brand-teal) !important; border-radius: var(--brand-radius-md)!important; font-size:var(--brand-font-size-md) !important; font-weight: var(--brand-weight-bold) !important; text-decoration:none !important; }
.pg-manage-sub-members-i051 { color:var(--brand-red) !important; font-weight: var(--brand-weight-bold) !important; }
.pg-manage-sub-members-i052 { color:var(--brand-gray-400) !important; }
.pg-manage-sub-members-i053 { color:var(--brand-black) !important; font-weight: var(--brand-weight-semibold) !important; }
.pg-manage-sub-members-i054 { color:var(--brand-gray-100) !important; font-weight: var(--brand-weight-regular) !important; }
.pg-manage-sub-members-i055 { font-size:var(--brand-font-size-md) !important; color:var(--brand-gray-400) !important; text-decoration:none !important; font-weight: var(--brand-weight-semibold) !important; }

/* ---- extracted from account/instructor/profile.php ---- */
.pg-profile-i001 { font-size:var(--brand-font-size-sm) !important; color:var(--brand-gray-400) !important; }
.pg-profile-i002 { margin-top:0 !important; margin-bottom:10px !important; }
.pg-profile-i003 { color:var(--brand-teal) !important; font-weight: var(--brand-weight-bold) !important; }
.pg-profile-i004 { text-align:right !important; font-size:var(--brand-font-size-sm) !important; margin:4px 0 16px !important; }
.pg-profile-i005 { color:var(--brand-teal) !important; font-weight: var(--brand-weight-bold) !important; }
.pg-profile-i006 { font-size:var(--brand-font-size-base) !important; color:var(--brand-gray-400) !important; margin-left:10px !important; }
.pg-profile-i007 { display:flex !important; align-items:center !important; gap:14px !important; flex-wrap:wrap !important; }
.pg-profile-i008 { font-size:var(--brand-font-size-base) !important; color:var(--brand-gray-400) !important; }
.pg-profile-i009 { text-align:center !important; margin-top:28px !important; }
.pg-profile-i010 { font-size:var(--brand-font-size-md) !important; color:var(--brand-gray-400) !important; text-decoration:none !important; font-weight: var(--brand-weight-semibold) !important; }
.pg-profile-i011 { background:var(--brand-gray-100) !important; border-color:var(--brand-gray-100) !important; color:var(--brand-gray-400) !important; }
.pg-profile-i012 { padding:11px 24px !important; }
.pg-profile-i013 { font-size:var(--brand-font-size-base) !important; color:var(--brand-gray-400) !important; text-align:center !important; margin-top:8px !important; }

/* ---- extracted from account/instructor/public-profile.php ---- */
.pg-public-profile-i001 { max-width: var(--brand-width-wide)!important; margin: 24px auto 0 !important; padding: 0 16px !important; }

/* ---- extracted from account/mail_console/inbox.php ---- */
.pg-inbox-i001 { margin: auto !important; }
.pg-inbox-i002 { font-weight: var(--brand-weight-regular) !important; color:var(--brand-gray-400) !important; }
.pg-inbox-i003 { display:flex !important; flex-wrap:wrap !important; gap:8px !important; margin-bottom:16px !important; }
.pg-inbox-i004 { font-size:var(--brand-font-size-sm) !important; color:var(--brand-gray-400) !important; margin-bottom:14px !important; line-height:1.5 !important; }
.pg-inbox-i005 { max-height:280px !important; overflow-y:auto !important; margin-bottom:14px !important; }

/* ---- extracted from account/marketing_hub/campaigns.php ---- */
.pg-campaigns-i001 { font-weight: var(--brand-weight-regular) !important; color:var(--brand-gray-400) !important; }
.pg-campaigns-i002 { font-weight: var(--brand-weight-regular) !important; color:var(--brand-gray-400) !important; }

/* ---- extracted from account/marketing_hub/contacts.php ---- */
.pg-contacts-i001 { font-weight: var(--brand-weight-regular) !important; color:var(--brand-gray-400) !important; }

/* ---- extracted from account/marketing_hub/ses-helpers.php ---- */
.pg-ses-helpers-i001 { margin:0 0 8px !important; }
.pg-ses-helpers-i002 { margin-top:32px !important; padding-top:16px !important; border-top:var(--brand-border-width-thin) solid var(--brand-gray-100) !important; font-family:-apple-system,BlinkMacSystemFont,\'Segoe UI\',sans-serif !important; font-size:var(--brand-font-size-sm) !important; line-height:1.6 !important; color:var(--brand-gray-400) !important; }
.pg-ses-helpers-i003 { margin:0 !important; }
.pg-ses-helpers-i004 { color:var(--brand-gray-400) !important; text-decoration:underline !important; }

/* ---- extracted from account/marketing_hub/ses.php ---- */
.pg-ses-i001 { margin-bottom:14px !important; }

/* ---- extracted from account/wellness-meet/inbox.php ---- */
.pg-inbox-i001 { margin: auto !important; }

/* ---- extracted from account/_to_delete/feature_list/feature_list_generator_modal.php ---- */
.pg-feature-list-generator-modal-i001 { color:var(--brand-gray-400) !important; font-size: var(--brand-font-size-sm)!important; margin:0 0 16px !important; }
.pg-feature-list-generator-modal-i002 { width:100% !important; box-sizing:border-box !important; padding:9px 10px !important; border:var(--brand-border-width-thin) solid var(--brand-gray-100) !important; border-radius: var(--brand-radius-md)!important; font-size:var(--brand-font-size-base) !important; }
.pg-feature-list-generator-modal-i003 { display:none !important; }
.pg-feature-list-generator-modal-i004 { display:none !important; }