/**
 * Azora Member UI — Unified Stylesheet
 * Covers: My Network page (azmp-*) + Agreement Gate (azora-gated-entrance)
 *
 * Visual tokens: assets/css/azora-network-semantics.css (--azn-*) → azora-design-system (--azora-*).
 * Override via Customizer/child theme or add_filter( 'azora_my_network_css_variables', ... ).
 */

/* ═══════════════════════════════════════════════════════════════
   MY NETWORK PAGE  (azmp-*)
═══════════════════════════════════════════════════════════════ */

/* ── Wrapper ─────────────────────────────────────────────────── */
.azmp-page{font-family:var(--azora-font-family);color:var(--azora-text-secondary,var(--azn-text-body));max-width:1080px;-webkit-font-smoothing:antialiased;background:var(--azn-page-shell);border:none;border-radius:var(--azn-page-outer-radius,12px);padding:var(--azn-page-inner-padding,1.75rem);box-sizing:border-box}

/* Member layout: bottom-layer card is .azmp-member-content (see shortcodes.php). Inner pad matches .azora-my-submissions-container. */
.azmp-member-content #azn-network-root.azmp-page{background:transparent!important;border:none!important;border-radius:0!important;padding:0!important;max-width:none!important;box-shadow:none!important}
.azmp-member-content #azn-network-root .azmp-member-workspace{max-width:none;width:100%;margin:0;padding:var(--azora-spacing-xl,2rem);box-sizing:border-box}
@media(max-width:768px){.azmp-member-content #azn-network-root .azmp-member-workspace{padding:var(--azora-spacing-lg,1.5rem) var(--azora-spacing-md,1rem)}}

/* ── Page header ─────────────────────────────────────────────── */
.azmp-page-header{background:var(--azn-surface);border:none;border-radius:8px;padding:1.4rem 1.5rem 1.2rem;margin-bottom:.875rem}
.azmp-page-header-top{display:flex;align-items:center;gap:.75rem;margin-bottom:.4rem;flex-wrap:wrap}
.azmp-page-title{margin:0;color:var(--azn-text-heading);font-size:1.25rem;font-weight:700;line-height:1.2;letter-spacing:-.02em}
.azmp-page-desc{margin:.3rem 0 0;font-size:.8125rem;color:var(--azn-text-muted);line-height:1.6;max-width:560px}
.azmp-page-meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-top:.45rem}
.azmp-page-meta-item{color:var(--azn-text-faint);font-size:.775rem}
.azmp-page-meta-dot{color:var(--azn-divider);font-size:.75rem}

/* ── My Network overview (referrals + connections, when filter enabled) ─ */
.azmp-page-overview{display:flex;flex-direction:column;gap:.875rem;margin-bottom:1.25rem}
.azmp-page-overview > *{background:var(--azn-surface);border-radius:8px;overflow:hidden;box-sizing:border-box}
.azmp-page-overview .azmp-overview-referrals,
.azmp-page-overview .azmp-overview-connections{padding:.875rem 1.1rem;color:var(--azn-text-muted);font-size:.8125rem;line-height:1.55}
.azmp-page-overview .azmp-overview-referrals a,
.azmp-page-overview .azmp-overview-connections a{color:var(--azn-chrome-accent);text-decoration:none}
.azmp-page-overview .azmp-overview-referrals a:hover,
.azmp-page-overview .azmp-overview-connections a:hover{text-decoration:underline}

/* Lead toolbar (umbrella / joint lead) — compact actions + collapsible help */
.azmp-lead-toolbar{background:var(--azn-surface);border-radius:8px;padding:.75rem 1rem;margin-bottom:.875rem;border:1px solid var(--azn-border-subtle);box-sizing:border-box}
.azmp-lead-toolbar-row{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:.75rem 1rem}
.azmp-lead-toolbar-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}
.azmp-lead-help{flex:1;min-width:min(100%,200px);max-width:100%}
.azmp-lead-help summary{cursor:pointer;font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--azn-text-faint);list-style:none;padding:.2rem 0;user-select:none}
.azmp-lead-help summary::-webkit-details-marker{display:none}
.azmp-lead-help[open] summary{color:var(--azn-text-muted);margin-bottom:.35rem}
.azmp-lead-help-inner{font-size:.8125rem;color:var(--azn-text-muted);line-height:1.55;max-width:42rem;padding-top:.15rem}
.azmp-lead-help-inner p{margin:0}
.azmp-lead-joint-circle{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--azn-border-subtle)}
.azmp-form-inline{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}
.azmp-form-inline .azmp-input{flex:1;min-width:160px}

/* ── Badges ──────────────────────────────────────────────────── */
.azmp-badge{display:inline-flex;align-items:center;padding:.2rem .7rem;border-radius:20px;font-size:.6875rem;font-weight:600;letter-spacing:.03em;background:var(--azn-soft-bg-10);color:var(--azn-chrome-accent);border:1px solid var(--azn-soft-border-18)}
.azmp-badge-green{background:var(--azora-tag-success-bg);color:var(--azn-success);border-color:color-mix(in srgb, var(--azn-success) 22%, transparent)}
.azmp-badge-amber{background:var(--azora-tag-warning-bg);color:var(--azn-warning);border-color:color-mix(in srgb, var(--azn-warning) 22%, transparent)}
.azmp-badge-blue{background:var(--azn-soft-bg-10);color:var(--azn-chrome-accent);border-color:var(--azn-soft-border-18)}
.azmp-badge-purple{background:var(--azora-tag-purple-bg);color:var(--azora-tag-purple-text);border-color:color-mix(in srgb, var(--azora-tag-purple-text) 22%, transparent)}
.azmp-badge-muted{background:var(--azn-soft-bg-07);color:var(--azn-text-muted);border-color:var(--azn-border-strong)}
.azmp-focus-tag{display:inline-flex;align-items:center;padding:.2rem .7rem;border-radius:20px;font-size:.6875rem;font-weight:500;background:var(--azn-soft-bg-07);color:var(--azn-chrome-accent);border:1px solid var(--azn-soft-border-14)}

/* ── KPI stats strip ─────────────────────────────────────────── */
.azmp-stats-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));background:var(--azn-surface);border:none;border-radius:8px;overflow:hidden;margin-bottom:.875rem}
.azmp-stat-box{padding:1.1rem 1.2rem;text-align:center;border-right:1px solid var(--azn-border-faint)}
.azmp-stat-box:last-child{border-right:none}
.azmp-stat-val{font-size:1.75rem;font-weight:700;color:var(--azn-text-heading);line-height:1;letter-spacing:-.03em}
.azmp-stat-lbl{font-size:.6rem;color:var(--azn-text-faint);text-transform:uppercase;letter-spacing:.09em;font-weight:600;margin-top:.3rem}

/* ── My Network KPI chart — same shell as dashboard Activity Overview ─ */
.azmp-network-stats-chart.azora-analytics-chart-only{
  width:100%;
  max-width:100%;
  box-sizing:border-box;
  display:block;
  clear:both;
  margin:0 0 1.25rem;
  position:relative;
}
.azmp-network-stats-chart.azora-analytics-chart-only *{box-sizing:border-box}
.azmp-network-stats-chart .azora-analytics-chart-container{
  background:var(--azn-surface);
  border-radius:var(--azn-radius-md);
  padding:20px;
  width:100%;
  max-width:100%;
  overflow:hidden;
}
.azmp-network-stats-chart .azora-chart-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:20px;
  flex-wrap:wrap;
  gap:15px;
}
.azmp-network-stats-chart .azora-chart-header h3{
  margin:0;
  color:var(--azn-text-heading);
  font-size:1.2em;
  font-weight:700;
  letter-spacing:-.02em;
}
.azmp-network-chart-meta{
  margin:-8px 0 16px;
  font-size:.8125rem;
  color:var(--azn-text-faint);
  line-height:1.5;
}
.azmp-network-stats-chart .azora-chart-wrapper{
  position:relative;
  width:100%;
  min-height:320px;
  height:380px;
}

/* ── Two-column layout ───────────────────────────────────────── */
.azmp-two-col{display:grid;grid-template-columns:1fr 272px;gap:.875rem;align-items:start}
.azmp-main-col{min-width:0}
.azmp-sidebar-col{min-width:0}

/* ── Cards ───────────────────────────────────────────────────── */
.azmp-card{background:var(--azn-surface);border:none;border-radius:8px;overflow:hidden;margin-bottom:.875rem}

/* ── Section headers ─────────────────────────────────────────── */
.azmp-section-head{display:flex;align-items:center;justify-content:space-between;gap:.875rem;padding:.55rem 1.1rem;border-bottom:1px solid var(--azn-border-faint);background:var(--azn-surface-raised);font-size:.6875rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--azn-text-muted);flex-shrink:0}
.azmp-section-title{display:flex;align-items:center;gap:.65rem;padding:.55rem 1.1rem;border-bottom:1px solid var(--azn-border-faint);background:var(--azn-surface-raised);font-size:.6875rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--azn-text-muted);margin:0}
.azmp-section-count{display:inline-flex;align-items:center;padding:.1rem .45rem;border-radius:8px;font-size:.6875rem;font-weight:600;background:var(--azn-soft-bg-10);color:var(--azn-chrome-accent);text-transform:none;letter-spacing:0}

/* ── Invite / share panel ────────────────────────────────────── */
.azmp-invite-panel{background:var(--azn-surface);border:none;border-radius:8px;overflow:hidden;margin-bottom:.875rem}
.azmp-invite-title{display:flex;align-items:center;padding:.55rem 1.1rem;border-bottom:1px solid var(--azn-border-faint);background:var(--azn-surface-raised);font-size:.6875rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--azn-text-muted);margin:0}
.azmp-invite-body{padding:.875rem 1.1rem}
.azmp-invite-input{display:block;width:100%;background:var(--azn-input-bg);border:1px solid var(--azn-border-input);border-radius:8px;padding:.45rem .875rem;color:var(--azn-chrome-accent);font-size:.75rem;font-family:SFMono-Regular,Consolas,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.6rem;cursor:text;box-sizing:border-box}
.azmp-invite-actions{display:flex;gap:.4rem;flex-wrap:wrap}
.azmp-copy-btn{flex:1;padding:0 .875rem;height:31px;background:var(--azn-soft-bg-08);color:var(--azn-chrome-accent);border:none;border-radius:8px;font-size:.775rem;font-weight:600;cursor:pointer;font-family:inherit;transition:background .12s;white-space:nowrap;box-sizing:border-box}
.azmp-copy-btn:hover{background:var(--azn-soft-border-14)}
.azmp-share-wrap{position:relative}
.azmp-share-btn{padding:0 .875rem;height:31px;background:transparent;color:var(--azn-text-faint);border:none;border-radius:8px;font-size:.775rem;font-weight:600;cursor:pointer;font-family:inherit;transition:background .12s,color .12s;white-space:nowrap}
.azmp-share-btn:hover{background:color-mix(in srgb, var(--azn-text-heading) 6%, transparent);color:var(--azn-text-muted)}
.azmp-share-dropdown{position:absolute;right:0;top:calc(100% + 5px);background:var(--azn-popover-bg);border:1px solid var(--azn-border-strong);border-radius:var(--azora-radius-xl,10px);overflow:hidden;min-width:158px;z-index:200;display:none;box-shadow:var(--azn-shadow-dropdown)}
.azmp-share-dropdown.open{display:block}
.azmp-share-opt{display:flex;align-items:center;gap:.65rem;padding:.58rem 1rem;font-size:.8125rem;color:var(--azn-text-muted);cursor:pointer;border:none;background:none;width:100%;text-align:left;font-family:inherit;transition:background .1s}
.azmp-share-opt:hover{background:color-mix(in srgb, var(--azn-text-heading) 6%, transparent)}

/* ── CRM tables ──────────────────────────────────────────────── */
.azmp-table{width:100%;border-collapse:collapse;font-size:.8125rem}
.azmp-table th{font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--azn-text-muted);padding:.5rem 1.1rem;text-align:left;border-bottom:1px solid var(--azn-border-faint);background:var(--azn-surface-raised);white-space:nowrap}
.azmp-table td{padding:.72rem 1.1rem;border-bottom:1px solid var(--azn-border-faint);color:var(--azn-text-muted);vertical-align:middle}
.azmp-table tr:last-child td{border-bottom:none}
.azmp-table tbody tr{transition:background .1s}
.azmp-table tbody tr:hover td{background:var(--azn-surface-hover)}
.azmp-member-cell{display:flex;align-items:center;gap:.7rem}
.azmp-member-name{font-size:.8125rem;font-weight:500;color:var(--azn-text-body);line-height:1.2}
.azmp-member-sub{font-size:.75rem;color:var(--azn-text-faint);margin-top:.1rem}
.azmp-avatar{width:31px;height:31px;border-radius:50%;background:var(--azn-soft-bg-08);color:var(--azn-chrome-accent);font-size:.6875rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;letter-spacing:0;border:1px solid var(--azn-soft-border-14)}

/* ── Status pills ────────────────────────────────────────────── */
.azmp-status{display:inline-flex;align-items:center;gap:.3rem;padding:.15rem .55rem;border-radius:10px;font-size:.6875rem;font-weight:600}
.azmp-status::before{content:'';width:5px;height:5px;border-radius:50%;flex-shrink:0}
.azmp-status-active{background:var(--azora-tag-success-bg);color:var(--azn-success);border:1px solid color-mix(in srgb, var(--azn-success) 18%, transparent)}
.azmp-status-active::before{background:var(--azn-success)}
.azmp-status-inactive{background:color-mix(in srgb, var(--azn-danger) 10%, transparent);color:var(--azn-danger);border:1px solid color-mix(in srgb, var(--azn-danger) 18%, transparent)}
.azmp-status-inactive::before{background:var(--azn-danger)}

/* ── Action buttons ──────────────────────────────────────────── */
.azmp-act-btn{font-size:.6875rem;font-weight:600;padding:.2rem .6rem;height:26px;border-radius:6px;border:none;cursor:pointer;background:transparent;transition:background .12s;font-family:inherit;white-space:nowrap}
.azmp-act-remove{color:var(--azn-danger)}.azmp-act-remove:hover{background:color-mix(in srgb, var(--azn-danger) 8%, transparent)}
.azmp-act-promote{color:var(--azn-success)}.azmp-act-promote:hover{background:color-mix(in srgb, var(--azn-success) 8%, transparent)}
.azmp-act-move{color:var(--azn-chrome-accent)}.azmp-act-move:hover{background:color-mix(in srgb, var(--azn-chrome-accent) 8%, transparent)}
.azmp-act-demote{color:var(--azn-warning)}.azmp-act-demote:hover{background:color-mix(in srgb, var(--azn-warning) 8%, transparent)}

/* ── Buttons ─────────────────────────────────────────────────── */
.azmp-btn-primary{display:inline-flex;align-items:center;gap:.35rem;padding:.55rem .95rem;background:var(--azora-primary);color:var(--azora-text-primary);border:none;border-radius:var(--azora-radius-md,var(--azn-radius-md));font-size:.875rem;font-weight:var(--azora-font-weight-medium,600);cursor:pointer;font-family:inherit;transition:background var(--azora-transition-fast,.12s ease);white-space:nowrap;letter-spacing:0}
.azmp-btn-primary:hover{background:var(--azora-primary-dark)}
.azmp-btn-ghost{display:inline-flex;align-items:center;gap:.35rem;height:31px;padding:0 .875rem;background:var(--azn-soft-bg-10);color:var(--azn-chrome-accent);border:none;border-radius:8px;font-size:.8125rem;font-weight:600;cursor:pointer;font-family:inherit;transition:background .12s;white-space:nowrap;box-sizing:border-box}
.azmp-btn-ghost:hover{background:var(--azn-soft-border-18)}
.azmp-btn-success{display:inline-flex;align-items:center;gap:.35rem;padding:.55rem .95rem;background:var(--azora-primary);color:var(--azora-text-primary);border:none;border-radius:var(--azora-radius-md,var(--azn-radius-md));font-size:.875rem;font-weight:var(--azora-font-weight-medium,600);cursor:pointer;font-family:inherit;transition:background var(--azora-transition-fast,.12s ease);letter-spacing:0;white-space:nowrap}
.azmp-btn-success:hover{background:var(--azora-primary-dark)}
.azmp-btn-red{display:inline-flex;align-items:center;gap:.35rem;height:31px;padding:0 .875rem;background:transparent;color:var(--azn-danger);border:none;border-radius:8px;font-size:.8125rem;font-weight:600;cursor:pointer;font-family:inherit;transition:background .12s}
.azmp-btn-red:hover{background:color-mix(in srgb, var(--azn-danger) 8%, transparent)}

/* ── Circle accordion ────────────────────────────────────────── */
.azmp-circle-card{border:none;border-radius:8px;overflow:hidden;margin-bottom:.4rem;background:var(--azn-surface-raised)}
.azmp-circle-head{background:color-mix(in srgb, var(--azn-text-heading) 4%, transparent);padding:.7rem 1.1rem;display:flex;align-items:center;gap:.7rem;cursor:pointer;user-select:none;transition:background .12s}
.azmp-circle-head:hover{background:var(--azn-surface-hover)}
.azmp-circle-av{width:32px;height:32px;border-radius:50%;background:var(--azn-soft-bg-08);color:var(--azn-chrome-accent);font-size:.8125rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid var(--azn-soft-border-14)}
.azmp-circle-info{flex:1;min-width:0}
.azmp-circle-name{font-size:.875rem;font-weight:600;color:var(--azn-text-body)}
.azmp-circle-meta{font-size:.75rem;color:var(--azn-text-faint);margin-top:.1rem}
.azmp-circle-body{display:none}
.azmp-circle-card.open .azmp-circle-body{display:block}
.azmp-circle-toggle{color:var(--azn-text-faint);font-size:.6rem;transition:transform .2s;flex-shrink:0}
.azmp-circle-card.open .azmp-circle-toggle{transform:rotate(180deg)}

/* ── Forms ───────────────────────────────────────────────────── */
.azmp-form-col{display:flex;flex-direction:column;gap:.45rem}
/* ID-scoped to beat any theme input overrides */
#azn-network-root .azmp-input{background:var(--azn-input-bg)!important;border:1px solid var(--azn-border-strong)!important;border-radius:8px!important;padding:.5rem .875rem!important;color:var(--azn-text-body)!important;font-size:.8125rem!important;font-family:inherit!important;transition:border-color .12s;width:100%!important;box-sizing:border-box!important;box-shadow:none!important}
#azn-network-root .azmp-input:focus{outline:none!important;border-color:var(--azn-focus-ring)!important;box-shadow:0 0 0 3px var(--azn-soft-bg-07)!important}
#azn-network-root .azmp-input::placeholder{color:var(--azn-placeholder)}
#azn-network-root textarea.azmp-input{resize:vertical}
#azn-network-root select.azmp-input{-webkit-appearance:none;appearance:none;cursor:pointer}
.azmp-inline-select{background:var(--azn-input-bg)!important;border:1px solid var(--azn-border-strong)!important;border-radius:6px;padding:.35rem .65rem;color:var(--azn-text-muted)!important;font-size:.775rem;font-family:inherit}
.azmp-promote-row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;padding:.7rem 1.1rem;border-top:1px solid var(--azn-border-faint)}
.azmp-move-form{display:none;margin-top:.45rem;background:var(--azn-input-bg);border:1px solid var(--azn-border-subtle);border-radius:7px;padding:.6rem .875rem}

/* ── Expand panels ───────────────────────────────────────────── */
/* ID-scoped to prevent any theme display:block override */
#azn-network-root .azmp-expand-panel{display:none!important}
#azn-network-root .azmp-expand-panel.open{display:block!important}

/* ── Activity feed ───────────────────────────────────────────── */
.azmp-activity{list-style:none;padding:0;margin:0}
.azmp-activity li{padding:.6rem 1.1rem;border-bottom:1px solid var(--azn-border-faint);font-size:.8125rem;color:var(--azn-text-faint);display:flex;align-items:baseline;gap:.45rem;flex-wrap:wrap;transition:background .1s}
.azmp-activity li:last-child{border-bottom:none}
.azmp-activity li:hover{background:var(--azn-surface-hover)}
.azmp-act-type{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--azn-chrome-accent);background:color-mix(in srgb, var(--azn-chrome-accent) 12%, transparent);padding:.125rem .4rem;border-radius:4px;flex-shrink:0}
.azmp-act-when{font-size:.7rem;color:var(--azn-placeholder);flex-shrink:0}
.azmp-act-who{font-style:normal;color:var(--azn-text-faint)}

/* ── Position info ───────────────────────────────────────────── */
.azmp-pos-info{}
.azmp-pos-row{display:flex;align-items:flex-start;padding:.58rem 1.1rem;border-bottom:1px solid var(--azn-border-faint);font-size:.8125rem;gap:.875rem}
.azmp-pos-row:last-child{border-bottom:none}
.azmp-pos-lbl{font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--azn-text-faint);min-width:86px;padding-top:.1rem;flex-shrink:0}
.azmp-pos-val{color:var(--azn-text-muted);flex:1;line-height:1.4;font-weight:500;font-size:.8125rem}

/* ── Role options ────────────────────────────────────────────── */
.azmp-role-option{padding:.875rem 1.1rem;border-bottom:1px solid var(--azn-border-faint)}
.azmp-role-option:last-child{border-bottom:none}
.azmp-role-opt-title{font-size:.875rem;font-weight:600;color:var(--azn-text-body);margin:0 0 .25rem}
.azmp-role-opt-desc{font-size:.8rem;color:var(--azn-text-faint);margin:0 0 .75rem;line-height:1.6}

/* ── Danger zone ─────────────────────────────────────────────── */
.azmp-danger-zone{border:1px solid color-mix(in srgb, var(--azn-danger) 16%, transparent);border-radius:8px;overflow:hidden;margin-bottom:.875rem}
.azmp-danger-head{background:transparent;padding:.875rem 1.1rem;display:flex;align-items:center;justify-content:space-between;cursor:pointer;user-select:none;transition:background .12s}
.azmp-danger-head:hover{background:color-mix(in srgb, var(--azn-danger) 4%, transparent)}
.azmp-danger-label{font-size:.8125rem;font-weight:600;color:color-mix(in srgb, var(--azn-danger) 58%, transparent);display:flex;align-items:center;gap:.5rem}
.azmp-danger-body{display:none;padding:.875rem 1.1rem;border-top:1px solid color-mix(in srgb, var(--azn-danger) 14%, transparent)}
.azmp-danger-zone.open .azmp-danger-body{display:block}
.azmp-danger-toggle{color:color-mix(in srgb, var(--azn-danger) 28%, transparent);font-size:.6rem;transition:transform .2s}
.azmp-danger-zone.open .azmp-danger-toggle{transform:rotate(180deg)}

/* ── Modals ──────────────────────────────────────────────────── */
.azmp-modal{position:fixed;inset:0;background:var(--azn-overlay-scrim);z-index:9999;display:none;align-items:center;justify-content:center;backdrop-filter:blur(6px)}
.azmp-modal.open,.azmp-modal[style*="flex"]{display:flex}
.azmp-modal-box{background:var(--azn-page-shell);border:none;border-radius:8px;width:100%;max-width:480px;margin:20px}
.azmp-modal-head{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1.1rem;border-bottom:1px solid var(--azn-border-faint);background:var(--azn-surface-raised);font-size:.9375rem;font-weight:600;color:var(--azn-text-heading);letter-spacing:-.01em}
.azmp-modal-close-btn{background:none;border:none;color:var(--azn-text-faint);font-size:1.375rem;cursor:pointer;line-height:1;padding:0;transition:color .1s}
.azmp-modal-close-btn:hover{color:var(--azn-text-muted)}
.azmp-modal-body{padding:1.25rem 1.1rem}
.azmp-modal-foot{padding:.875rem 1.1rem;border-top:1px solid var(--azn-border-faint);display:flex;align-items:center;justify-content:flex-end;gap:.6rem}

/* ── Feedback messages ───────────────────────────────────────── */
.azmp-msg{font-size:.8125rem;padding:.5rem .875rem;border-radius:7px;display:none;margin-top:.5rem}
.azmp-msg.ok{background:color-mix(in srgb, var(--azn-success) 8%, transparent);color:var(--azn-success);border:1px solid color-mix(in srgb, var(--azn-success) 18%, transparent)}
.azmp-msg.err{background:color-mix(in srgb, var(--azn-danger) 8%, transparent);color:var(--azn-danger);border:1px solid color-mix(in srgb, var(--azn-danger) 18%, transparent)}

/* ── Setup checklist ─────────────────────────────────────────── */
.azmp-checklist{background:var(--azn-surface);border:none;border-radius:8px;overflow:hidden;margin-bottom:.875rem}
.azmp-checklist-head{display:flex;align-items:center;padding:.55rem 1.1rem;border-bottom:1px solid var(--azn-border-faint);background:var(--azn-surface-raised)}
.azmp-checklist-title{font-size:.6875rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--azn-text-faint);flex:1}
.azmp-checklist-count{font-size:.75rem;color:var(--azn-text-faint);margin-right:.5rem}
.azmp-checklist-dismiss{background:none;border:none;color:var(--azn-text-faint);font-size:1.1rem;cursor:pointer;line-height:1;padding:0;transition:color .1s}
.azmp-checklist-dismiss:hover{color:var(--azn-text-muted)}
.azmp-checklist-bar{height:2px;background:var(--azn-border-faint);overflow:hidden}
.azmp-checklist-fill{height:100%;background:var(--azn-chrome-accent);transition:width .35s}
.azmp-checklist-items{list-style:none;margin:0;padding:.875rem 1.1rem;display:flex;flex-direction:column;gap:.55rem}
.azmp-checklist-item{display:flex;align-items:center;gap:.65rem;font-size:.8125rem;color:var(--azn-text-faint)}
.azmp-checklist-item.done{color:var(--azn-success)}
.azmp-checklist-icon{width:17px;height:17px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.625rem;flex-shrink:0}
.azmp-checklist-item.done .azmp-checklist-icon{background:color-mix(in srgb, var(--azn-success) 14%, transparent);color:var(--azn-success)}
.azmp-checklist-item.todo .azmp-checklist-icon{border:1px solid var(--azn-border-strong)}

/* ── Card body / expand ──────────────────────────────────────── */
.azmp-card-body{padding:1.2rem 1.3rem}
.azmp-expand-border{border-top:1px solid var(--azn-border-faint)}
.azmp-form-hint{font-size:.775rem;color:var(--azn-text-faint);margin:0 0 .7rem;line-height:1.55}
.azmp-form-hint--flush{margin:0}
.azmp-form-note{font-size:.725rem;color:var(--azn-text-faint);margin:.7rem 0 0;line-height:1.5}

/* ── Invite lock (member CTA) ────────────────────────────────── */
.azmp-invite-lock{display:flex;align-items:flex-start;gap:1rem;padding:1.2rem 1.3rem}
.azmp-invite-lock-icon{flex-shrink:0;width:40px;height:40px;border-radius:9px;background:var(--azn-soft-bg-07);border:1px solid var(--azn-soft-border-14);display:flex;align-items:center;justify-content:center}
.azmp-invite-lock-icon svg{width:20px;height:20px;stroke:var(--azn-chrome-accent);stroke-width:1.5}
.azmp-invite-lock-body{flex:1;min-width:0}
.azmp-invite-lock-title{font-size:.9375rem;font-weight:600;color:var(--azn-text-heading);margin:0 0 .3rem;line-height:1.3;letter-spacing:-.01em}
.azmp-invite-lock-desc{font-size:.8125rem;color:var(--azn-text-faint);line-height:1.65;margin:0 0 .875rem}

/* ── Empty states ────────────────────────────────────────────── */
.azmp-empty{color:var(--azn-text-faint);font-size:.8125rem;font-style:italic;padding:.6rem 1.1rem}
.azmp-empty-state{display:flex;align-items:flex-start;gap:.6rem;font-style:normal;line-height:1.55}
.azmp-empty-icon{flex-shrink:0;font-size:1rem;opacity:.35;margin-top:.05rem}

/* ── Activation banner (stage 0) ────────────────────────────── */
.azmp-activation-banner{display:flex;align-items:center;gap:.65rem;background:color-mix(in srgb, var(--azora-primary) 8%, transparent);border:1px solid color-mix(in srgb, var(--azora-primary) 20%, transparent);border-radius:var(--azora-radius-md,8px);padding:.875rem 1.1rem;margin-bottom:.875rem;font-size:.875rem;font-weight:500;color:var(--azora-text-secondary,var(--azn-text-body));line-height:1.5}
.azmp-activation-banner-icon{font-size:1rem;opacity:.5;flex-shrink:0;color:var(--azn-info-accent)}

/* ── Invite panel — full-width variant (main column) ────────── */
.azmp-invite-panel-main{margin-bottom:.875rem}
.azmp-invite-panel-main .azmp-invite-body{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;padding:.65rem 1.1rem}
.azmp-invite-panel-main .azmp-invite-input{margin-bottom:0;flex:1;min-width:200px}

/* --- No-network onboarding (styled to match my-submissions shell) --- */
.azmp-page-header-actions{margin-left:auto;display:flex;align-items:center;gap:.5rem}
.azmp-page-header-actions .azmp-btn-primary{height:38px;padding:0 1.05rem}

/* Match .azora-card / .azora-page-header look-and-feel — ID-scoped to beat theme */
#azn-network-root .azmp-page-header,
#azn-network-root .azmp-onboarding-form-wrap,
#azn-network-root .azmp-onboarding-intro,
#azn-network-root .azmp-onboarding-step{
  background:var(--azora-bg-card,var(--azn-surface))!important;
  border:none!important;
  border-radius:var(--azora-radius-lg,var(--azn-radius-lg))!important;
}

.azmp-page-header{
  padding:var(--azora-spacing-lg,1.25rem)!important;
  margin-bottom:var(--azora-spacing-lg,1rem)!important;
}
.azmp-page-title{
  font-size:var(--azora-font-size-2xl,1.5rem)!important;
  font-weight:var(--azora-font-weight-semibold,700)!important;
}
.azmp-page-desc{
  color:var(--azora-text-secondary,var(--azn-text-muted))!important;
  font-size:var(--azora-font-size-base,1rem)!important;
}

.azmp-onboarding-form-wrap{
  margin-top:.5rem;
  margin-bottom:var(--azora-spacing-lg,1rem);
  padding:var(--azora-spacing-lg,1.25rem);
  border-top:1px solid var(--azn-border-hairline);
}
.azmp-onboarding-form-wrap .azmp-form-col{gap:.65rem}
#azn-network-root .azmp-onboarding-form-wrap .azmp-input{
  background:var(--azora-bg-card-item,var(--azn-surface-raised))!important;
  border:1px solid var(--azn-border-subtle)!important;
  border-radius:var(--azora-radius-md,var(--azn-radius-md))!important;
  padding:.62rem .85rem!important;
  color:var(--azora-text-secondary,var(--azn-text-body))!important;
  box-shadow:none!important;
}
#azn-network-root .azmp-onboarding-form-wrap .azmp-input:focus{
  outline:none!important;
  border-color:color-mix(in srgb, var(--azora-primary) 38%, transparent)!important;
  box-shadow:0 0 0 2px color-mix(in srgb, var(--azora-primary) 18%, transparent)!important;
}

.azmp-onboarding-intro{
  padding:var(--azora-spacing-lg,1.25rem);
  margin-bottom:var(--azora-spacing-lg,1rem);
}
.azmp-onboarding-title{
  margin:0 0 .55rem;
  font-size:var(--azora-font-size-xl,1.25rem);
  font-weight:var(--azora-font-weight-semibold,700);
  color:var(--azora-text-primary,var(--azn-text-heading));
  letter-spacing:-.02em;
  line-height:1.25;
  text-align:left;
}
.azmp-onboarding-accent{color:var(--azora-primary)}
.azmp-onboarding-desc{
  margin:0 0 .95rem;
  font-size:.9375rem;
  color:var(--azora-text-secondary,var(--azn-text-muted));
  max-width:760px;
  line-height:1.68;
  text-align:left;
}

/* Match primary button feel from my-submissions */
#azn-network-root .azmp-onboarding-intro .azmp-btn-primary,
#azn-network-root .azmp-ms-header-body--stack .azmp-btn-primary,
#azn-network-root .azmp-onboarding-form-wrap .azmp-btn-success{
  background:#007AFF!important;
  color:#FFFFFF!important;
  border:none!important;
  border-radius:8px!important;
  padding:.5rem 1rem!important;
  height:auto!important;
  font-size:.875rem!important;
  font-weight:500!important;
  letter-spacing:0!important;
  cursor:pointer!important;
  font-family:inherit!important;
  display:inline-flex!important;
  align-items:center!important;
  text-shadow:none!important;
  box-shadow:none!important;
  text-decoration:none!important;
}
#azn-network-root .azmp-onboarding-intro .azmp-btn-primary:hover,
#azn-network-root .azmp-ms-header-body--stack .azmp-btn-primary:hover,
#azn-network-root .azmp-onboarding-form-wrap .azmp-btn-success:hover{
  background:#0056CC!important;
  opacity:1!important;
}

.azmp-onboarding-steps{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:var(--azora-spacing-md,.75rem);
}
.azmp-onboarding-step{
  display:flex;
  align-items:flex-start;
  gap:.7rem;
  padding:var(--azora-spacing-md,1rem);
  min-height:138px;
  text-align:left;
  box-shadow:none!important;
  transition:background var(--azora-transition-base,.15s ease);
}
.azmp-onboarding-step:hover{
  background:var(--azora-bg-card-hover,var(--azn-surface-hover))!important;
}
.azmp-onboarding-step-num{
  display:inline-flex;align-items:center;justify-content:center;
  width:26px;height:26px;border-radius:999px;
  background:color-mix(in srgb, var(--azora-primary) 20%, transparent);
  color:var(--azn-chrome-accent);
  font-size:.75rem;font-weight:700;line-height:1;flex-shrink:0;
}
.azmp-onboarding-step-copy{display:flex;flex-direction:column;gap:.22rem;min-width:0}
.azmp-onboarding-step-title{
  color:var(--azora-text-primary,var(--azn-text-heading));
  font-size:.95rem;
  font-weight:var(--azora-font-weight-semibold,700);
  line-height:1.34;
}
.azmp-onboarding-step-desc{
  color:var(--azora-text-secondary,var(--azn-text-muted));
  font-size:.845rem;
  font-weight:500;
  line-height:1.56;
}
@media (max-width: 820px){
  .azmp-page-header-actions{width:100%;margin-left:0;margin-top:.35rem}
  .azmp-page-header-actions .azmp-btn-primary{width:100%;justify-content:center}
  .azmp-onboarding-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 620px){
  .azmp-onboarding-steps{grid-template-columns:1fr}
}

/* -- Pre-umbrella gradient header — matches My Submissions section shell -- */
.azmp-ms-header{background:linear-gradient(180deg,#0a1018 0%,#0D1420 60%,#0b121c 100%);border:1px solid #1E2839;border-radius:10px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.3);margin-bottom:.75rem}
.azmp-ms-header-label{padding:.6rem 1.1rem;background:rgba(8,12,20,.55);border-bottom:1px solid rgba(30,40,57,.9);color:#C8D4E8;font-size:.75rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase}
.azmp-ms-header-body{padding:1rem 1.1rem 1.1rem;display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}
.azmp-ms-header-body--stack{display:flex;flex-direction:column;align-items:stretch;align-content:flex-start;gap:0;width:100%;box-sizing:border-box}
.azmp-ms-header .azmp-ms-steps-wrap{padding:0;background:transparent!important}
.azmp-ms-header-title{margin:0;color:var(--azora-text-primary,var(--azn-text-heading));font-size:var(--azora-font-size-xl,1.25rem);font-weight:var(--azora-font-weight-semibold,700);line-height:1.25;letter-spacing:-.02em}
@media(max-width:620px){.azmp-ms-header-body{padding:.75rem 1rem .875rem}}
.azmp-ms-intro-title{margin:0 0 .5rem;font-size:1.125rem;font-weight:600;color:#FFFFFF;line-height:1.35}
.azmp-ms-accent{color:#007AFF}
.azmp-ms-intro-desc{margin:0 0 1rem;font-size:.875rem;color:#E8ECF5;line-height:1.6}
.azmp-ms-steps-wrap{padding:1rem 1rem .75rem}
.azmp-ms-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}
.azmp-ms-step{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem;background:#1E2839;border:1px solid rgba(255,255,255,0.07);border-radius:8px;box-shadow:inset 0 1px 0 rgba(255,255,255,.04);transition:background .15s ease,border-color .15s ease}
.azmp-ms-step:hover{background:#253141;border-color:rgba(255,255,255,0.11)}
.azmp-ms-step-num{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:26px;height:26px;border-radius:999px;background:rgba(0,122,255,.12);color:#007AFF;font-size:.75rem;font-weight:700;line-height:1}
.azmp-ms-step-copy{display:flex;flex-direction:column;gap:.22rem;min-width:0}
.azmp-ms-step-title{color:#FFFFFF;font-size:1rem;font-weight:600;line-height:1.34}
.azmp-ms-step-desc{color:#8E9AAF;font-size:.875rem;line-height:1.55}
@media(max-width:860px){.azmp-ms-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.azmp-ms-steps{grid-template-columns:1fr}}

/* ── Nudge banners ───────────────────────────────────────────── */
.azmp-nudge{border-radius:8px;padding:.875rem 1rem;margin-bottom:.75rem;position:relative;background:color-mix(in srgb, var(--azn-chrome-accent) 5%, transparent);border:1px solid color-mix(in srgb, var(--azn-chrome-accent) 16%, transparent)}
.azmp-nudge-dismiss{position:absolute;top:.65rem;right:.875rem;background:none;border:none;color:var(--azn-placeholder);font-size:1rem;cursor:pointer;line-height:1;padding:0;transition:color .1s}
.azmp-nudge-dismiss:hover{color:var(--azn-text-muted)}

/* ── Tab bar ─────────────────────────────────────────────────── */
.azmp-tabs,.azmp-tab-bar{display:flex;flex-wrap:wrap;gap:.375rem;margin-bottom:1.25rem}
.azmp-tab,.azmp-tab-btn{background:transparent;color:#8E9AAF;border:1px solid transparent;border-radius:6px;padding:.4rem .875rem;font-size:.8125rem;font-weight:500;cursor:pointer;font-family:inherit;transition:all .12s;white-space:nowrap;display:inline-flex;align-items:center;gap:.35rem}
.azmp-tab:not(.active):hover,.azmp-tab-btn:not(.azmp-tab-active):hover{color:#C8D5EE!important;background:rgba(255,255,255,0.05)!important;border-color:rgba(255,255,255,0.08)!important}
.azmp-tab.active,.azmp-tab-btn.azmp-tab-active{color:#6B8FD6!important;background:rgba(107,143,214,0.15)!important;border-color:rgba(107,143,214,0.35)!important;font-weight:600!important}
.azmp-tab-badge{background:rgba(255,255,255,0.08);color:#8E9AAF;padding:.1rem .45rem;border-radius:8px;font-size:.675rem;font-weight:500;line-height:1.2}
.azmp-tab.active .azmp-tab-badge,.azmp-tab-btn.azmp-tab-active .azmp-tab-badge{background:rgba(107,143,214,0.22);color:#6B8FD6}
.azmp-tab-panel{display:none}
.azmp-tab-panel.active,.azmp-tab-panel.azmp-tab-active{display:block}

/* ── Responsive ──────────────────────────────────────────────── */
@media(max-width:768px){
  .azmp-two-col{grid-template-columns:1fr}
  .azmp-stats-strip{grid-template-columns:repeat(2,1fr)}
  .azmp-network-stats-chart .azora-chart-wrapper{min-height:280px;height:340px}
  .azmp-table thead{display:none}
  .azmp-table tr{display:block;background:var(--azn-surface-raised);border-radius:8px;margin-bottom:.5rem;padding:.5rem}
  .azmp-table td{display:flex;justify-content:space-between;align-items:center;border:none;padding:.4rem .25rem}
  .azmp-table td::before{content:attr(data-label);color:var(--azn-text-faint);font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em}
}

/* My Network now follows the same inherited scale as My Submissions. */

/* ── Logged-in admin safety: neutralize WP/admin button defaults ───────────── */
body.logged-in #azn-network-root button.azmp-tab,
body.logged-in #azn-network-root button.azmp-tab-btn{
  -webkit-appearance:none!important;
  appearance:none!important;
  background:transparent!important;
  color:#8E9AAF!important;
  border:1px solid transparent!important;
  border-radius:6px!important;
  box-shadow:none!important;
  text-shadow:none!important;
}
body.logged-in #azn-network-root button.azmp-tab.active,
body.logged-in #azn-network-root button.azmp-tab-btn.azmp-tab-active{
  background:rgba(107,143,214,0.15)!important;
  color:#6B8FD6!important;
  border-color:rgba(107,143,214,0.35)!important;
}
body.logged-in #azn-network-root button.azmp-tab:not(.active):hover,
body.logged-in #azn-network-root button.azmp-tab-btn:not(.azmp-tab-active):hover{
  background:rgba(255,255,255,0.05)!important;
  color:#C8D5EE!important;
  border-color:rgba(255,255,255,0.08)!important;
}
body.logged-in #azn-network-root button.azmp-copy-btn,
body.logged-in #azn-network-root button.azmp-share-btn,
body.logged-in #azn-network-root button.azmp-btn-primary,
body.logged-in #azn-network-root button.azmp-btn-ghost,
body.logged-in #azn-network-root button.azmp-btn-success,
body.logged-in #azn-network-root button.azmp-btn-red{
  -webkit-appearance:none!important;
  appearance:none!important;
  box-shadow:none!important;
}


/* ═══════════════════════════════════════════════════════════════
   AGREEMENT GATE  (azora-gated-entrance)
═══════════════════════════════════════════════════════════════ */

.azora-gated-entrance{
  font-family:'Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  -webkit-font-smoothing:antialiased;
  background:#111827;
  min-height:78vh;
  padding:clamp(1.5rem,4vh,3rem) clamp(1rem,4vw,2.5rem) clamp(2.5rem,6vh,4.5rem);
  box-sizing:border-box;
  position:relative;
}
.azora-wrap.azora-gated-entrance{
  width:100%!important;max-width:100%!important;
  margin-left:auto!important;margin-right:auto!important;
  padding-left:clamp(1rem,4vw,2.5rem)!important;
  padding-right:clamp(1rem,4vw,2.5rem)!important;
  padding-top:clamp(1.25rem,3.5vw,2.75rem)!important;
  padding-bottom:clamp(2rem,5vw,4rem)!important;
  background:#111827!important;
  border-radius:0!important;
  box-sizing:border-box;
}

/* ── Gate panel (max-width centring) ─────────────────────────── */
.azora-gated-entrance .azora-gate-panel{
  width:100%;max-width:min(900px,100%);margin:0 auto;box-sizing:border-box;
}

/* ── Authority header ────────────────────────────────────────── */
.azora-gated-entrance .azora-gate-authority{
  text-align:center;margin-bottom:clamp(1.5rem,3vw,2.25rem);
}
.azora-gated-entrance .azora-gate-authority .azora-gate-title{
  font-size:clamp(1.4rem,2.5vw,1.875rem);font-weight:700;
  margin:0 0 .75rem;color:#FFFFFF!important;
  letter-spacing:-.02em;line-height:1.2;
}
.azora-gated-entrance .azora-gate-authority-sub{
  max-width:min(38rem,92vw);margin:0 auto;
  font-size:.9375rem;color:#8E9AAF!important;line-height:1.7;font-weight:500;
}

/* ── Card ────────────────────────────────────────────────────── */
.azora-gated-entrance .azora-gate-card{
  background:#141B2D!important;
  border:none!important;
  border-radius:8px!important;
  box-shadow:none!important;
  color:#E8ECF5!important;
  padding:clamp(1.25rem,2.5vw,1.75rem)!important;
  position:relative;
}

/* ── Typography ──────────────────────────────────────────────── */
.azora-gated-entrance .azora-gate-title{
  font-size:1.5rem;font-weight:700;margin:0 0 .875rem;
  color:#FFFFFF!important;letter-spacing:-.02em;line-height:1.25;
}
.azora-gated-entrance .azora-gate-h2{
  margin:0 0 .5rem;font-size:1.25rem;font-weight:700;color:#FFFFFF!important;
}
.azora-gated-entrance .azora-gate-sub{
  font-size:.9375rem;color:#8E9AAF!important;line-height:1.6;margin:0 0 1rem;
}
.azora-gated-entrance .azora-gate-body{
  font-size:.9375rem;color:#E8ECF5!important;line-height:1.65;margin:0 0 1rem;
}
.azora-gated-entrance .azora-gate-list{
  margin:.75rem 0 1.25rem;padding-left:1.25rem;
  color:#8E9AAF!important;line-height:1.8;font-size:.9375rem;
}
.azora-gated-entrance .azora-gate-g1-lead{
  font-size:.9375rem;color:#8E9AAF!important;
  text-align:center;margin:0 0 1.5rem;line-height:1.65;
}

/* ── Framework pillars ───────────────────────────────────────── */
.azora-gated-entrance .azora-gate-pillars{
  display:flex;gap:.75rem;margin:0 0 1.75rem;
}
.azora-gated-entrance .azora-gate-pillar{
  flex:1;display:flex;flex-direction:column;align-items:center;
  gap:.5rem;padding:1.125rem .75rem;
  background:#1E2839;border-radius:8px;text-align:center;
}
.azora-gated-entrance .azora-gate-pillar-check{
  font-size:.875rem;font-weight:700;
  color:#B8D0F0;line-height:1;
  width:28px;height:28px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:rgba(184,208,240,.1);flex-shrink:0;
}
.azora-gated-entrance .azora-gate-pillar-label{
  font-size:.8rem;font-weight:600;color:#E8ECF5;
  letter-spacing:.01em;line-height:1.3;
}
@media (max-width:480px){
  .azora-gated-entrance .azora-gate-pillars{flex-direction:column;gap:.5rem}
  .azora-gated-entrance .azora-gate-pillar{flex-direction:row;padding:.875rem 1rem;text-align:left;align-items:center;gap:.75rem}
}

/* ── Stepper ─────────────────────────────────────────────────── */
.azora-gated-entrance .azora-gate-stepper{
  display:flex;align-items:flex-start;justify-content:space-between;
  gap:.5rem;margin:0 0 1.5rem;
  padding:0 clamp(.35rem,1vw,.75rem) 1.25rem;
  border-bottom:1px solid rgba(255,255,255,.05);
}
.azora-gated-entrance .azora-gate-step{flex:1;text-align:center;position:relative}
.azora-gated-entrance .azora-gate-step::after{
  content:"";position:absolute;top:17px;left:50%;width:100%;height:2px;
  background:rgba(255,255,255,.06);z-index:0;
}
.azora-gated-entrance .azora-gate-step:last-child::after{display:none}
.azora-gated-entrance .azora-gate-step-inner{
  position:relative;z-index:1;display:flex;flex-direction:column;
  align-items:center;gap:.4rem;
}
.azora-gated-entrance .azora-gate-step-num{
  width:34px;height:34px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-size:.8rem;font-weight:700;
  background:#1E2839;border:2px solid rgba(255,255,255,.1);color:#6B7280;
  transition:border-color .15s,background .15s,color .15s;
}
.azora-gated-entrance .azora-gate-step.is-active .azora-gate-step-num{
  border-color:#B8D0F0;color:#B8D0F0;background:rgba(184,208,240,.12);
}
.azora-gated-entrance .azora-gate-step.is-done .azora-gate-step-num{
  border-color:#B8D0F0;color:#B8D0F0;background:rgba(184,208,240,.12);
}
.azora-gated-entrance .azora-gate-step-label{
  font-size:.65rem;font-weight:600;text-transform:uppercase;
  letter-spacing:.07em;color:#6B7280;max-width:min(9rem,28vw);line-height:1.3;
}
.azora-gated-entrance .azora-gate-step.is-active .azora-gate-step-label{color:#E8ECF5}
.azora-gated-entrance .azora-gate-step.is-done .azora-gate-step-label{color:#8E9AAF}

/* ── Sections inside card ────────────────────────────────────── */
.azora-gated-entrance .azora-gate-section{
  margin-top:1.5rem;padding-top:1.5rem;
  border-top:1px solid rgba(255,255,255,.05);
}
.azora-gated-entrance .azora-gate-section:first-of-type{border-top:none;padding-top:0;margin-top:0}
.azora-gated-entrance .azora-gate-section-h{
  display:block;margin:0 0 .5rem;font-size:.65rem;font-weight:700;
  text-transform:uppercase;letter-spacing:.08em;color:#8E9AAF!important;
}
.azora-gated-entrance .azora-gate-section-lead{
  font-size:.9rem;color:#6B7280!important;margin:0 0 1rem;line-height:1.6;
}
.azora-gated-entrance .azora-gate-scroll-hint{
  font-size:.875rem;color:#6B7280!important;margin:0 0 .75rem;line-height:1.55;
}

/* ── Terms scroll box ────────────────────────────────────────── */
.azora-gated-entrance .azora-gate-terms-scroll{
  max-height:min(48vh,380px);overflow:auto;
  border:none;border-radius:8px;
  padding:clamp(.875rem,2vw,1.25rem) clamp(1rem,2vw,1.25rem);
  margin:0 0 1rem;background:#0f1628;
  scroll-behavior:smooth;
  color:#E8ECF5!important;font-size:.875rem;line-height:1.7;outline:none;
}
.azora-gated-entrance .azora-gate-terms-scroll:focus-visible{
  outline:2px solid #B8D0F0;outline-offset:2px;
}
.azora-gated-entrance .azora-gate-terms-scroll p{color:#E8ECF5}
.azora-gated-entrance .azora-gate-terms-scroll::-webkit-scrollbar{width:6px}
.azora-gated-entrance .azora-gate-terms-scroll::-webkit-scrollbar-track{
  background:#141B2D;border-radius:6px;
}
.azora-gated-entrance .azora-gate-terms-scroll::-webkit-scrollbar-thumb{
  background:rgba(184,208,240,.3);border-radius:6px;
}

/* ── Sign block ──────────────────────────────────────────────── */
.azora-gated-entrance .azora-gate-sign-block{
  background:#1E2839;border:none;border-radius:8px;
  padding:1.25rem 1.25rem 1.125rem;margin-top:1.5rem;
}
.azora-gated-entrance .azora-gate-sign-block .azora-gate-section-h{margin-bottom:.75rem}
.azora-gated-entrance .azora-gate-footer .form-row{margin-bottom:1rem}
.azora-gated-entrance .azora-gate-footer label{
  display:block;font-weight:600;margin-bottom:.35rem;
  color:#E8ECF5!important;font-size:.875rem;
}

/* ── Input ───────────────────────────────────────────────────── */
.azora-gated-entrance .azora-gate-input{
  width:100%;max-width:100%;box-sizing:border-box;
  background:#0f1628!important;
  border:1px solid rgba(255,255,255,.08)!important;
  color:#E8ECF5!important;
  border-radius:8px;padding:.625rem .875rem;
  font-size:.875rem;font-family:inherit;
  transition:border-color .12s;
}
.azora-gated-entrance .azora-gate-input:focus{
  outline:none;border-color:rgba(184,208,240,.4)!important;
  box-shadow:0 0 0 3px rgba(184,208,240,.07);
}
.azora-gated-entrance .azora-gate-input::placeholder{color:#374151}

/* ── Checkbox confirm ────────────────────────────────────────── */
.azora-gated-entrance .azora-gate-chk{
  display:flex;gap:.65rem;align-items:flex-start;
  margin:1rem 0;line-height:1.6;color:#8E9AAF!important;font-size:.9rem;
}
.azora-gated-entrance .azora-gate-chk input{
  margin-top:.2rem;flex-shrink:0;width:17px;height:17px;accent-color:#B8D0F0;
}
.azora-gated-entrance .azora-gate-final-line{
  font-size:.8125rem;font-style:italic;color:#6B7280!important;
  margin:0 0 1rem;line-height:1.55;text-align:center;
}

/* ── Disabled states ─────────────────────────────────────────── */
.azora-gated-entrance #azora-gate-accept:disabled,
.azora-gated-entrance #azora-gate-review-btn:disabled{opacity:.45;cursor:not-allowed}

/* ── Version note ────────────────────────────────────────────── */
.azora-gated-entrance .azora-gate-ver{
  font-size:.7rem;color:#6B7280!important;margin-top:.875rem;
  line-height:1.5;text-align:center;
}

/* ── Error message ───────────────────────────────────────────── */
.azora-gated-entrance .azora-gate-error{
  color:#FF3B30!important;margin:0 0 1rem;font-size:.875rem;
}

/* ── CTA row ─────────────────────────────────────────────────── */
.azora-gated-entrance .azora-gate-cta-row{
  margin-top:1.5rem;display:flex;flex-wrap:wrap;
  gap:.65rem;align-items:center;justify-content:center;
}

/* ── G3 confirmation centring ────────────────────────────────── */
.azora-gated-entrance .azora-gate-g3 .azora-gate-title{text-align:center}
.azora-gated-entrance .azora-gate-g3 .azora-gate-body{text-align:center}
.azora-gated-entrance .azora-gate-g3 .azora-gate-cta-row{justify-content:center}

/* ── Buttons ─────────────────────────────────────────────────── */
.azora-gated-entrance .azora-btn-primary,
.azora-gated-entrance .azora-btn.azora-btn-primary{
  background:#B8D0F0!important;color:#111827!important;
  border:none!important;
  font-weight:700;border-radius:8px!important;
  padding:.5rem 1.5rem!important;
  width:auto;box-sizing:border-box;
  font-size:.875rem!important;font-family:inherit!important;
  transition:opacity .12s;cursor:pointer;display:inline-flex;
  align-items:center;justify-content:center;letter-spacing:.01em;
}
.azora-gated-entrance .azora-btn-primary:hover:not(:disabled),
.azora-gated-entrance .azora-btn.azora-btn-primary:hover:not(:disabled){
  opacity:.85;color:#111827!important;
}
.azora-gated-entrance .azora-gate-btn-secondary{
  background:#1E2839!important;color:#E8ECF5!important;border:none!important;
  border-radius:8px!important;padding:.5rem 1.25rem!important;
  font-weight:600;font-size:.875rem;font-family:inherit;cursor:pointer;
  transition:background .12s;
}
.azora-gated-entrance .azora-gate-btn-secondary:hover{
  background:#253141!important;color:#E8ECF5!important;
}

/* ── Doc list ────────────────────────────────────────────────── */
.azora-gated-entrance .azora-gate-doc-block{margin:0;padding:0;background:transparent;border:none}
.azora-gated-entrance .azora-gate-doc-list{list-style:none;margin:0;padding:0}
#azora-gate-g2.azora-gate-card{display:grid;grid-template-columns:1fr;align-items:start;gap:0}
.azora-gated-entrance .azora-gate-doc-row{
  display:flex;flex-wrap:wrap;align-items:center;
  justify-content:space-between;gap:.75rem 1.25rem;
  margin-bottom:.5rem;padding:.875rem 1rem;
  background:#1E2839;border:none;border-radius:8px;
  transition:background .12s;
}
.azora-gated-entrance .azora-gate-doc-row:hover{background:#253141}
.azora-gated-entrance .azora-gate-doc-row.is-reviewed{box-shadow:none}
.azora-gated-entrance .azora-gate-doc-row:last-child{margin-bottom:0}
.azora-gated-entrance .azora-gate-doc-title{
  flex:1 1 140px;font-size:.9rem;font-weight:600;
  color:#E8ECF5!important;margin:0;min-width:0;
}
.azora-gated-entrance .azora-gate-doc-actions{
  display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;
}
.azora-gated-entrance .azora-gate-doc-open{
  display:inline-flex;align-items:center;justify-content:center;
  background:rgba(184,208,240,.1)!important;color:#B8D0F0!important;
  text-decoration:none!important;
  padding:.375rem .875rem;border-radius:8px;
  font-size:.8125rem;font-weight:600;border:none;
  cursor:pointer;transition:background .12s;
  font-family:inherit;
}
.azora-gated-entrance .azora-gate-doc-open:hover{
  background:rgba(184,208,240,.18)!important;color:#B8D0F0!important;
}
.azora-gated-entrance .azora-gate-doc-row.is-reviewed .azora-gate-doc-open{
  background:rgba(184,208,240,.15)!important;color:#B8D0F0!important;
}
.azora-gated-entrance .azora-gate-doc-status{
  font-size:.75rem;font-weight:600;min-width:5.5rem;text-align:right;
}
.azora-gated-entrance .azora-gate-doc-status-pending{color:#6B7280}
.azora-gated-entrance .azora-gate-doc-status-done{color:#B8D0F0;display:none}
.azora-gated-entrance .azora-gate-doc-row.is-reviewed .azora-gate-doc-status-pending{display:none}
.azora-gated-entrance .azora-gate-doc-row.is-reviewed .azora-gate-doc-status-done{display:inline}

/* ── Desktop two-column layout ───────────────────────────────── */
@media (min-width:1100px){
  #azora-gate-g2.azora-gate-card{
    grid-template-columns:minmax(0,1fr) min(380px,34%);
    column-gap:2rem;row-gap:1rem;padding:1.75rem 2rem!important;
  }
  #azora-gate-g2 > .azora-gate-stepper{grid-column:1/-1;margin-bottom:0;padding-bottom:1.25rem}
  #azora-gate-g2 > .azora-gate-doc-block{border-top:none;margin-top:0;padding-top:0}
  #azora-gate-g2 > .azora-gate-section[aria-labelledby="azora-gate-full-heading"]{margin-top:1.25rem}
  #azora-gate-g2 > .azora-gate-sign-block{
    grid-column:2;grid-row:2/-1;margin-top:0;
    padding:1.25rem;border-top:none;
    align-self:start;position:sticky;top:1.25rem;
    max-height:calc(100vh - 2.5rem);overflow:auto;
  }
  .azora-gated-entrance #azora-gate-g2 .azora-gate-terms-scroll{
    max-height:min(62vh,560px);min-height:240px;
  }
  .azora-gated-entrance .azora-gate-doc-title{font-size:.9375rem}
  .azora-gated-entrance .azora-gate-doc-actions{flex-shrink:0}
}

/* ── Reduced motion ──────────────────────────────────────────── */
@media (prefers-reduced-motion:reduce){
  .azora-gated-entrance .azora-btn-primary,
  .azora-gated-entrance .azora-gate-doc-open,
  .azora-gated-entrance .azora-gate-step-num{transition:none!important}
}

/* ── Mobile ──────────────────────────────────────────────────── */
@media (max-width:600px){
  .azora-gated-entrance{padding:1.25rem .875rem 2rem}
  .azora-gated-entrance .azora-gate-card{padding:1.25rem 1rem!important}
  .azora-gated-entrance .azora-gate-authority .azora-gate-title{font-size:1.35rem}
  .azora-gated-entrance .azora-gate-step-label{font-size:.58rem;max-width:5rem}
  .azora-gated-entrance .azora-gate-doc-status{text-align:left;width:100%}
}


/* =============================================================================
   MEMBER LAYOUT — sidebar + content shell (.azmp-*)
   Previously lived as inline <style> in shortcodes.php body output, which
   caused every CSS file edit for these classes to be silently overridden.
   ============================================================================= */

/* Force full width: override theme content container */
#azora-dashboard,
#azora-dashboard ~ *,
.azmp-welcome-bar,
.azmp-dashboard-wrap {
  max-width: none !important;
  width: 100% !important;
  box-sizing: border-box;
}

.azmp-member-layout {
  padding: 2rem;
  width: 100%;
  box-sizing: border-box;
}

.azmp-welcome-bar {
  padding: 20px 0 20px;
  margin-bottom: 0;
}

.azmp-dashboard-wrap {
  display: flex;
  gap: 16px;
  min-height: 600px;
  background: transparent;
  align-items: flex-start;
}

/* -- Sidebar shell --------------------------------------------------------- */
.azmp-sidebar {
  width: 230px;
  flex-shrink: 0;
  background: #111827;
  border-radius: 12px;
  border: 1px solid #1E2839;
  padding: 20px 10px 0;
  position: sticky;
  top: 20px;
  align-self: flex-start;
  max-height: calc(100vh - 40px);
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  text-align: left;
}
.azmp-sidebar::-webkit-scrollbar { width: 4px; }
.azmp-sidebar::-webkit-scrollbar-track { background: transparent; }
.azmp-sidebar::-webkit-scrollbar-thumb { background: #253141; border-radius: 2px; }

/* -- Sidebar nav ----------------------------------------------------------- */
.azmp-nav {
  display: flex;
  flex-direction: column;
  flex: 1;
  text-align: left;
  align-items: stretch;
}

.azmp-nav-toggle {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  padding: 16px 4px 6px 4px;
  font-size: 0.65rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #4A6080;
  background: none;
  border: none;
  cursor: pointer;
  text-align: left;
  transition: color 0.15s;
}
.azmp-nav-toggle:hover { color: #8E9AAF; }

.azmp-nav-toggle-arrow {
  font-size: 0.55rem;
  transition: transform 0.2s ease;
  transform: rotate(0deg);
  margin-left: auto;
  flex-shrink: 0;
}
.azmp-nav-toggle.collapsed .azmp-nav-toggle-arrow {
  transform: rotate(-90deg);
}

.azmp-nav-children {
  overflow: hidden;
  transition: max-height 0.22s ease;
}
.azmp-nav-children.open  { max-height: 400px; }
.azmp-nav-children.closed { max-height: 0; }

.azmp-nav-standalone {
  display: block;
  padding: 10px 4px 10px 4px;
  font-size: 0.875rem;
  font-weight: 500;
  color: #8E9AAF;
  text-decoration: none;
  text-align: left;
  border-left: 2px solid transparent;
  transition: all 0.15s ease;
}
.azmp-nav-standalone:hover,
.azmp-nav-standalone.azmp-nav-active {
  color: #E5EAFF;
  background: rgba(255,255,255,0.04);
  border-left-color: #6B8FD6;
}

.azmp-nav-item {
  display: block;
  padding: 8px 4px 8px 4px;
  font-size: 0.8rem;
  font-weight: 400;
  color: #8E9AAF;
  text-decoration: none;
  text-align: left;
  border-left: 2px solid transparent;
  transition: all 0.15s ease;
  line-height: 1.4;
}
.azmp-nav-item:hover,
.azmp-nav-item.azmp-nav-active {
  color: #E5EAFF;
  background: rgba(255,255,255,0.04);
  border-left-color: #6B8FD6;
}

.azmp-nav-item-locked {
  display: flex;
  align-items: center;
  justify-content: space-between;
  opacity: 0.58;
  cursor: not-allowed;
  border-left-color: transparent !important;
}
.azmp-nav-item-locked:hover {
  color: #8E9AAF;
  background: transparent;
  border-left-color: transparent !important;
}

.azmp-lock-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 10px;
  color: #6B7280;
  opacity: 0.95;
  line-height: 1;
}
.azmp-lock-icon svg {
  display: block;
  width: 11px;
  height: 11px;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* -- Sidebar profile card -------------------------------------------------- */
.azmp-sidebar-profile {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  margin: 12px 0 10px;
  background: rgba(107,143,214,0.1);
  border: 1px solid rgba(107,143,214,0.22);
  border-radius: 10px;
  text-decoration: none;
  transition: background 0.15s, border-color 0.15s;
  flex-shrink: 0;
}
.azmp-sidebar-profile:hover {
  background: rgba(107,143,214,0.2);
  border-color: rgba(107,143,214,0.4);
}
.azmp-profile-avatar {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #6B8FD6;
  color: #fff;
  font-size: 0.75rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  letter-spacing: 0.03em;
}
.azmp-profile-info { flex: 1; min-width: 0; }
.azmp-profile-name {
  color: #E5EAFF;
  font-size: 0.78rem;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.3;
}
.azmp-profile-role {
  color: #6B8FD6;
  font-size: 0.68rem;
  margin-top: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.3;
}

/* -- Content panels -------------------------------------------------------- */
.azmp-dashboard-content,
.azmp-member-content {
  flex: 1;
  padding: 28px;
  min-width: 0;
  background: #111827;
  border-radius: 12px;
  border: 1px solid #1E2839;
}

/* -- Responsive ------------------------------------------------------------- */
@media (max-width: 768px) {
  .azmp-dashboard-wrap { flex-direction: column; gap: 12px; }
  .azmp-sidebar {
    width: 100%;
    border-radius: 12px;
    padding: 12px 0 0;
    position: static;
    max-height: none;
    overflow-y: visible;
  }
  .azmp-nav-item {
    padding: 8px 14px 8px 20px;
    border-left: none;
    border-bottom: 2px solid transparent;
  }
  .azmp-nav-item:hover,
  .azmp-nav-item.azmp-nav-active {
    border-bottom-color: #6B8FD6;
    border-left-color: transparent;
  }
  .azmp-dashboard-content,
  .azmp-member-content { padding: 20px 16px; border-radius: 12px; }
}

/* ── My Network: gradient-aligned layout ───────────────────────────────────── */

/* Structure */
.azmp-page.azmp-my-network .azmp-card{border-radius:12px;overflow:hidden;margin-bottom:1.5rem}
.azmp-page.azmp-my-network .azmp-page-label-strip{padding:.5rem 1.1rem;background:rgba(8,12,20,0.55);border-bottom:1px solid rgba(255,255,255,0.06);color:#C8D4E8;font-size:.75rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase}
.azmp-page.azmp-my-network .azmp-card-header{padding:.875rem 1.375rem .75rem;border-bottom:1px solid rgba(255,255,255,0.06);display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}
.azmp-page.azmp-my-network .azmp-card-header-badges{display:flex;align-items:center;gap:.375rem;flex-wrap:wrap}
.azmp-page.azmp-my-network .azmp-card-header-desc{width:100%;margin:.375rem 0 0;font-size:.8125rem;color:#8E9AAF;line-height:1.55}
.azmp-page.azmp-my-network .azmp-focus-tag{display:inline-flex;align-items:center;padding:.2rem .65rem;border-radius:999px;font-size:.6875rem;font-weight:600;letter-spacing:.04em;background:rgba(107,143,214,.12);color:#6B8FD6;border:1px solid rgba(107,143,214,.22)}
.azmp-page.azmp-my-network .azmp-tabs{display:flex;flex-wrap:wrap;gap:.375rem;padding:.75rem 1.375rem .25rem;border-bottom:1px solid rgba(255,255,255,0.06);margin-bottom:0}
.azmp-page.azmp-my-network .azmp-tab{background:transparent;color:#8E9AAF;border:1px solid transparent;border-radius:6px;padding:.35rem .875rem;font-size:.8125rem;font-weight:500;cursor:pointer;font-family:inherit;transition:all .12s;white-space:nowrap;display:inline-flex;align-items:center;gap:.35rem}
.azmp-page.azmp-my-network .azmp-tab:not(.active):hover{color:#C8D5EE!important;background:rgba(255,255,255,.05)!important;border-color:rgba(255,255,255,.08)!important}
.azmp-page.azmp-my-network .azmp-tab.active{color:#6B8FD6!important;background:rgba(107,143,214,.15)!important;border-color:rgba(107,143,214,.35)!important;font-weight:600!important}
.azmp-page.azmp-my-network .azmp-tab-panel{display:none;padding:.875rem 1.375rem 1.25rem}
.azmp-page.azmp-my-network .azmp-tab-panel.active{display:block}
.azmp-page.azmp-my-network .azmp-section{margin-bottom:1rem;border-radius:8px;overflow:hidden}
.azmp-page.azmp-my-network .azmp-section:last-child{margin-bottom:0}
.azmp-page.azmp-my-network .azmp-section-body{padding:.875rem 1rem}
.azmp-page.azmp-my-network .azmp-step-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}
.azmp-page.azmp-my-network .azmp-step>span{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:26px;height:26px;border-radius:999px;background:rgba(107,143,214,.12);color:#6B8FD6;font-size:.75rem;font-weight:700}
.azmp-page.azmp-my-network .azmp-step h4{margin:0 0 .2rem;font-size:.875rem;font-weight:600;line-height:1.3;color:#E8ECF5}
.azmp-page.azmp-my-network .azmp-step p{margin:0;font-size:.8125rem;color:#8E9AAF;line-height:1.55}
.azmp-page.azmp-my-network .azmp-input-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}
.azmp-page.azmp-my-network .azmp-input-row .azmp-input{flex:1 1 0;min-width:0;background:#0F1724;border:1px solid rgba(255,255,255,0.06);color:#C8D5EE;padding:.5rem .75rem;border-radius:6px;font-size:.875rem;font-family:inherit}
.azmp-page.azmp-my-network .azmp-input-row-actions{display:flex;gap:.375rem;flex-shrink:0}
.azmp-page.azmp-my-network .azmp-onboarding-title{font-size:.9375rem;font-weight:600;color:#E8ECF5;margin:0 0 .375rem;line-height:1.4}
.azmp-page.azmp-my-network .azmp-onboarding-accent{color:#6B8FD6}
.azmp-page.azmp-my-network .azmp-onboarding-desc{font-size:.875rem;color:#8E9AAF;line-height:1.6;margin:0}

/* Gradient-aligned colours (user spec) */
.azmp-page.azmp-my-network .azmp-card,
.azmp-page.azmp-my-network .azmp-section {
    background: linear-gradient(180deg, #0b1623 0%, #0a1420 100%) !important;
    border: 1px solid rgba(255,255,255,0.06) !important;
    box-shadow: none !important;
}
.azmp-page.azmp-my-network .azmp-section-title {
    background: rgba(255,255,255,0.025) !important;
    border-bottom: 1px solid rgba(255,255,255,0.06) !important;
    color: #b7c3d4 !important;
}
.azmp-page.azmp-my-network .azmp-section-title{display:flex;align-items:center;gap:.65rem;padding:.55rem 1rem;font-size:.6875rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase}
.azmp-page.azmp-my-network .azmp-section-body,
.azmp-page.azmp-my-network .azmp-step-grid,
.azmp-page.azmp-my-network .azmp-input-row {
    background: transparent !important;
}
.azmp-page.azmp-my-network .azmp-step {
    display:flex;align-items:flex-start;gap:.75rem;padding:.875rem;border-radius:8px;
    background: rgba(255,255,255,0.045) !important;
    border: 1px solid rgba(255,255,255,0.075) !important;
}
.azmp-page.azmp-my-network .azmp-card-header h2 {
    margin:0;font-size:1.0625rem;font-weight:700;line-height:1.3;flex:1 1 auto;
    color: #f5f8ff !important;
}

/* Responsive (legacy step-grid / input-row kept for supervisor/member views) */
@media(max-width:680px){
  .azmp-page.azmp-my-network .azmp-step-grid{grid-template-columns:1fr}
  .azmp-page.azmp-my-network .azmp-input-row{flex-direction:column;align-items:stretch}
  .azmp-page.azmp-my-network .azmp-input-row-actions{justify-content:flex-end}
}

/* ── azmp-ms-panel system (lead / umbrella views) ──────────────────────────── */
.azmp-ms-panel{overflow:hidden;margin-bottom:16px;background:linear-gradient(180deg,#0b1623 0%,#0a1420 100%);border:1px solid rgba(255,255,255,.06);border-radius:12px}
/* Override outer-card .azmp-ms-header styles when it is the label strip inside a panel */
.azmp-ms-panel>.azmp-ms-header{background:rgba(255,255,255,.025)!important;border:none!important;border-bottom:1px solid rgba(255,255,255,.06)!important;border-radius:0!important;box-shadow:none!important;margin-bottom:0!important;overflow:visible!important;padding:13px 16px;color:#b7c3d4;font-size:12px;line-height:1;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.azmp-ms-body{padding:24px 18px}
.azmp-ms-body h3{margin:0 0 10px;color:#f5f8ff;font-size:20px;line-height:1.35;font-weight:700}
.azmp-ms-body p{margin:0;color:#c8d2e3;font-size:15px;line-height:1.65}
/* Scoped step grid inside panels — adds padding + wider gap, keeps 4-col from global rule */
.azmp-ms-panel .azmp-ms-steps{padding:18px;gap:14px}
/* Scoped step card inside panels — card-style with absolute-positioned number */
.azmp-ms-panel .azmp-ms-step{position:relative;display:block;min-height:150px;padding:22px 22px 20px 56px;background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.075)!important;border-radius:10px;gap:0}
.azmp-ms-panel .azmp-ms-step span{position:absolute;top:22px;left:18px;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:999px;color:#168bff;background:rgba(22,139,255,.16);font-size:12px;font-weight:700}
.azmp-ms-panel .azmp-ms-step h4{margin:0 0 8px;color:#f5f8ff;font-size:17px;line-height:1.25;font-weight:700}
.azmp-ms-panel .azmp-ms-step p{margin:0;color:#aab6c8;font-size:15px;line-height:1.55}
/* Referral invite row */
.azmp-ms-invite{display:flex;gap:10px;padding:18px}
.azmp-ms-invite .azmp-input,.azmp-ms-invite input{flex:1;min-height:44px;padding:0 14px;color:#e8eef8;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.09);border-radius:8px;font-size:14px;font-family:inherit;outline:none}
@media(max-width:1100px){.azmp-ms-panel .azmp-ms-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.azmp-ms-panel .azmp-ms-steps{grid-template-columns:1fr}.azmp-ms-invite{flex-direction:column}}

#azora-my-network,
#azora-my-network * {
    box-sizing: border-box;
}

#azora-my-network {
    width: 100%;
    color: #e8eef8;
}

#azora-my-network.azmp-page.azmp-my-network-clean {
    max-width: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: var(--azora-spacing-xl) !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/*
 * Inner shell uses the same class as My Submissions, but this page often does not load
 * my-submissions.css — define width here so the dashboard never shrink-wraps to a narrow column.
 */
#azora-my-network .azora-my-submissions-container {
    max-width: none;
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0;
    display: block;
    box-sizing: border-box;
}

/* Main column must absorb remaining width beside .azmp-sidebar (flex default min-width:auto can squeeze content). */
.azmp-dashboard-wrap > .azmp-member-content {
    flex: 1 1 0%;
    min-width: 0;
    max-width: 100%;
}

/* Member layout is injected inside the theme content area; keep it spanning that column. */
.content-area > .azmp-member-layout,
#primary .azmp-member-layout,
.site-main .azmp-member-layout,
main .azmp-member-layout {
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box;
}

/* Full-width main column when theme adds a secondary sidebar (e.g. “Member Access” widgets). */
.site-main:has(#azora-my-network) .content-area,
.site-main:has(#azora-my-network) .site-content,
.site-main:has(#azora-my-network) main:not(.azmp-sidebar),
#primary:has(#azora-my-network) {
    flex: 1 1 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
}

.site-main:has(#azora-my-network) aside.widget-area,
.site-main:has(#azora-my-network) aside.sidebar,
.site-main:has(#azora-my-network) .widget-area,
.site-content:has(#azora-my-network) > aside,
.content-area:has(#azora-my-network) + aside,
#primary:has(#azora-my-network) ~ aside {
    display: none !important;
}

#azora-my-network .azmp-shell-card {
    width: 100%;
    background: var(--azora-bg-card) !important;
    border: none !important;
    border-radius: var(--azora-radius-lg) !important;
    padding: var(--azora-spacing-lg) !important;
    overflow: hidden;
}

#azora-my-network .azmp-clean-shell-title {
    padding: .55rem 1.1rem;
    border-bottom: 1px solid var(--azn-border-faint);
    color: var(--azn-text-muted);
    font-size: .6875rem;
    font-weight: 600;
    letter-spacing: .09em;
    text-transform: uppercase;
    background: var(--azn-surface-raised);
}

#azora-my-network .azmp-clean-header {
    display: flex;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
    margin: 0;
    padding: .875rem 1.1rem;
}

#azora-my-network .azmp-clean-header h2 {
    margin: 0;
    color: #f5f8ff;
    font-size: var(--azora-font-size-2xl);
    line-height: 1.2;
    font-weight: var(--azora-font-weight-semibold);
}

#azora-my-network .azmp-clean-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 20px;
    padding: .2rem .7rem;
    border-radius: 20px;
    font-size: .6875rem;
    font-weight: 600;
    white-space: nowrap;
    background: var(--azn-soft-bg-10);
    border: 1px solid var(--azn-soft-border-18);
    color: var(--azn-chrome-accent);
}

#azora-my-network .azmp-clean-badge.success {
    color: #25d366;
    background: rgba(37,211,102,0.12);
    border-color: rgba(37,211,102,0.28);
}

#azora-my-network .azmp-clean-tabs {
    display: flex;
    gap: var(--azora-spacing-sm);
    flex-wrap: wrap;
    margin: 0;
    padding: 0 1.1rem .75rem;
    border-bottom: 1px solid var(--azn-border-faint);
}

#azora-my-network .azmp-clean-tab {
    border-bottom: 2px solid transparent;
    border: 1px solid transparent;
    background: transparent;
    color: #8E9AAF;
    font-size: var(--azora-font-size-base);
    font-weight: var(--azora-font-weight-medium);
    padding: var(--azora-spacing-sm) var(--azora-spacing-md);
    border-radius: var(--azora-radius-md);
    line-height: 1.1;
    cursor: pointer;
    font-family: var(--azora-font-family);
    transition: all var(--azora-transition-base);
}

#azora-my-network .azmp-clean-tab.active {
    color: #6B8FD6 !important;
    background: rgba(107,143,214,0.15) !important;
    border: 1px solid rgba(107,143,214,0.35) !important;
    font-weight: 600 !important;
}

#azora-my-network .azmp-clean-tab:not(.active):hover {
    color: #C8D5EE !important;
    background: rgba(255,255,255,0.05) !important;
    border-color: rgba(255,255,255,0.08) !important;
}

#azora-my-network .azmp-clean-panel {
    overflow: hidden;
    margin: 0 1.1rem .875rem;
    background: var(--azora-bg-card-item) !important;
    border: none !important;
    border-radius: var(--azora-radius-md) !important;
}

#azora-my-network .azmp-clean-panel-title {
    padding: 13px 16px;
    color: #b7c3d4;
    font-size: .6875rem;
    font-weight: 600;
    letter-spacing: .09em;
    text-transform: uppercase;
    background: rgba(255,255,255,0.02);
    border-bottom: 1px solid var(--azn-border-faint);
}

#azora-my-network .azmp-clean-panel-body {
    padding: .875rem 1rem;
}

#azora-my-network h3 {
    margin: 0 0 10px;
    color: #f5f8ff;
    font-size: var(--azora-font-size-xl);
    line-height: 1.35;
    font-weight: 700;
}

#azora-my-network p {
    margin: 0;
    color: var(--azora-text-secondary);
    font-size: var(--azora-font-size-base);
    line-height: 1.65;
}

#azora-my-network a {
    color: #168bff;
    text-decoration: none;
}

#azora-my-network .azmp-clean-steps {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    padding: 18px;
}

#azora-my-network .azmp-clean-step {
    position: relative;
    min-height: 150px;
    padding: 22px 22px 20px 56px;
    background: rgba(255,255,255,0.045);
    border: 1px solid rgba(255,255,255,0.075);
    border-radius: 10px;
}

#azora-my-network .azmp-clean-step span {
    position: absolute;
    top: 22px;
    left: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 999px;
    color: #168bff;
    background: rgba(22,139,255,0.16);
    font-size: 12px;
    font-weight: 700;
}

#azora-my-network .azmp-clean-step h4 {
    margin: 0 0 8px;
    color: #f5f8ff;
    font-size: 17px;
    font-weight: 700;
}

#azora-my-network .azmp-clean-step p {
    color: #aab6c8;
    font-size: 15px;
    line-height: 1.55;
}

#azora-my-network .azmp-clean-referral {
    display: flex;
    gap: 10px;
    padding: .875rem 1rem;
}

#azora-my-network .azmp-clean-referral input {
    flex: 1;
    max-width: 320px;
    height: 32px;
    padding: 0 12px;
    color: #C8D4E8;
    background: rgba(14,20,32,0.8);
    border: 1px solid #253141 !important;
    border-radius: 6px;
    font-size: .8rem;
    outline: none;
}

#azora-my-network .azmp-clean-btn {
    height: 32px;
    padding: 0 .95rem;
    border: none !important;
    border-radius: var(--azora-radius-md);
    background: var(--azora-primary) !important;
    color: #fff;
    font-size: var(--azora-font-size-base);
    font-weight: var(--azora-font-weight-medium);
    cursor: pointer;
    font-family: var(--azora-font-family);
    transition: all var(--azora-transition-base);
}

#azora-my-network .azmp-clean-btn:hover {
    background: var(--azora-primary-dark) !important;
}

#azora-my-network .azmp-input,
#azora-my-network textarea.azmp-input,
#azora-my-network select.azmp-input {
    width: 100%;
    display: block;
    background: #111b2b !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    color: #d7e2f3 !important;
    border-radius: 6px;
    height: 32px;
    padding: 0 12px;
    font-size: .8rem;
    box-shadow: none !important;
}

#azora-my-network .azmp-input::placeholder,
#azora-my-network textarea.azmp-input::placeholder {
    color: #7f90a8;
}

#azora-my-network .azmp-network-form .azmp-clean-btn {
    margin-top: 4px;
}

#azora-my-network .azmp-clean-panel-body ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#azora-my-network .azmp-clean-panel-body ul li {
    padding: .6rem 0;
    border-bottom: 1px solid rgba(255,255,255,0.05);
    color: var(--azn-text-faint);
    font-size: .8125rem;
}

#azora-my-network .azmp-clean-panel-body ul li:last-child {
    border-bottom: 0;
}

#azora-my-network .azmp-clean-panel[data-clean-panel] {
    display: none;
}

#azora-my-network .azmp-clean-panel.active[data-clean-panel] {
    display: block;
}

@media (max-width: 1100px) {
    #azora-my-network .azmp-clean-steps {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    #azora-my-network .azmp-shell-card {
        border-radius: 10px;
    }

    #azora-my-network .azmp-clean-header {
        padding: 12px 14px 10px;
    }

    #azora-my-network .azmp-clean-tabs {
        padding: 0 14px 10px;
    }

    #azora-my-network .azmp-clean-panel {
        margin: 10px 14px;
    }

    #azora-my-network .azmp-clean-steps {
        grid-template-columns: 1fr;
    }

    #azora-my-network .azmp-clean-referral {
        flex-direction: column;
    }
}

@media (max-width: 768px) {
    #azora-my-network.azmp-page.azmp-my-network-clean {
        padding: var(--azora-spacing-md) !important;
    }
}

/* My Network (new build): class-based parity layer */
#azora-my-network .azora-myn-card,
#azora-my-network .azora-myn-panel {
    background: var(--azora-dashboard-surface-gradient);
    border: 1px solid var(--azora-dashboard-surface-border);
    border-radius: var(--azora-radius-lg);
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0,0,0,0.3);
    margin-bottom: var(--azora-spacing-sm);
}

#azora-my-network .azora-myn-strip {
    padding: 0.6rem 1.1rem;
    background: var(--azora-dashboard-strip-bg);
    border-bottom: 1px solid var(--azora-dashboard-strip-border);
}

#azora-my-network .azora-myn-strip span {
    color: var(--azora-dashboard-strip-text);
    font-size: var(--azora-font-size-xs);
    font-weight: var(--azora-font-weight-semibold);
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

#azora-my-network .azora-myn-tabs {
    padding: 0.55rem 1.1rem;
    display: flex;
    gap: var(--azora-spacing-xs);
    flex-wrap: wrap;
}

#azora-my-network .azora-myn-strip--top {
    display: flex;
    align-items: center;
    gap: 0.48rem;
    flex-wrap: wrap;
}

#azora-my-network .azora-myn-strip-top-meta {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.35rem;
    color: var(--azora-text-label);
    font-size: 0.7rem;
    line-height: 1.35;
}

#azora-my-network .azora-myn-strip-top-meta__sep,
#azora-my-network .azora-myn-strip-top-meta__pipe {
    color: color-mix(in srgb, var(--azora-primary) 55%, var(--azora-text-muted));
}

#azora-my-network .azora-myn-strip-top-meta__label {
    color: var(--azora-text-label);
    font-size: 0.68rem;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

#azora-my-network .azora-myn-strip-top-meta__value {
    color: color-mix(in srgb, var(--azora-primary) 48%, var(--azora-text-muted));
    font-size: var(--azora-font-size-sm);
}

@media (max-width: 900px) {
    #azora-my-network .azora-myn-strip--top {
        align-items: flex-start;
        gap: 0.25rem;
    }
    #azora-my-network .azora-myn-strip-top-meta {
        width: 100%;
    }
}

#azora-my-network .azora-myn-tab {
    padding: 0.3rem 0.75rem;
    color: var(--azora-dashboard-tab-muted-text);
    background: transparent;
    border-radius: var(--azora-radius-sm);
    font-size: var(--azora-font-size-sm);
    font-weight: var(--azora-font-weight-normal);
    border: 1px solid transparent;
    cursor: pointer;
    transition: all var(--azora-transition-fast);
    font-family: var(--azora-font-family);
}

#azora-my-network .azora-myn-tab.is-active {
    color: var(--azora-dashboard-tab-active-text);
    background: var(--azora-dashboard-tab-active-bg);
    border-color: var(--azora-dashboard-tab-active-border);
    font-weight: var(--azora-font-weight-semibold);
}

#azora-my-network .azora-myn-tab:not(.is-active):hover {
    background: var(--azora-dashboard-tab-hover-bg);
    color: var(--azora-dashboard-tab-hover-text);
    border-color: var(--azora-dashboard-tab-hover-border);
}

#azora-my-network .azora-myn-tab[data-locked="1"] {
    opacity: 0.72;
    cursor: default;
}

#azora-my-network .azora-myn-tab[data-locked="1"]:hover {
    background: transparent;
    color: var(--azora-dashboard-tab-muted-text);
    border-color: transparent;
}

#azora-my-network .azora-myn-tab-lock {
    margin-left: 0.32rem;
    color: var(--azora-text-disabled);
    font-size: 0.72em;
    line-height: 1;
    vertical-align: middle;
    filter: grayscale(1) saturate(0);
    opacity: 0.9;
}

#azora-my-network .azora-myn-panel {
    display: none;
}

#azora-my-network .azora-myn-panel.is-active {
    display: block;
}

#azora-my-network .azora-myn-body {
    padding: 1rem 1.1rem;
}

#azora-my-network .azora-myn-body h3 {
    margin: 0 0 0.5rem;
    color: var(--azora-text-secondary);
    font-size: var(--azora-font-size-2xl);
    font-weight: var(--azora-font-weight-medium);
    line-height: 1.2;
}

#azora-my-network .azora-myn-body p {
    margin: 0;
    color: var(--azora-text-muted);
    font-size: var(--azora-font-size-md);
    line-height: 1.6;
}

#azora-my-network .azora-myn-empty {
    color: #9AA9C2;
}

#azora-my-network .azora-myn-subtle {
    margin: 0 0 0.85rem;
    color: var(--azora-text-label);
    font-size: 0.78rem;
    line-height: 1.5;
}

#azora-my-network .azora-myn-kpi-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 0.65rem;
    margin-bottom: 0.9rem;
}

#azora-my-network .azora-myn-kpi-card {
    background: var(--azora-bg-card-item);
    border: 1px solid var(--azora-dashboard-surface-border);
    border-radius: var(--azora-radius-md);
    padding: 0.7rem 0.8rem;
    min-height: 72px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#azora-my-network .azora-myn-kpi-label {
    color: var(--azora-text-label);
    font-size: 0.68rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

#azora-my-network .azora-myn-kpi-value {
    margin-top: 0.3rem;
    color: var(--azora-text-primary);
    font-size: 1.05rem;
    font-weight: 700;
    line-height: 1.2;
}

#azora-my-network .azora-myn-section {
    margin-bottom: 0.9rem;
}

#azora-my-network .azora-myn-section:last-child {
    margin-bottom: 0;
}

#azora-my-network .azora-myn-section__title {
    margin: 0 0 0.45rem;
    color: var(--azora-text-primary);
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

#azora-my-network .azora-myn-welcome {
    margin: 0 0 var(--azora-spacing-sm);
    border: 1px solid color-mix(in srgb, var(--azora-primary) 34%, transparent);
    border-radius: var(--azora-radius-md);
    background: color-mix(in srgb, var(--azora-primary) 10%, var(--azora-bg-card-item));
    padding: 0.82rem 0.95rem;
}

#azora-my-network .azora-myn-welcome__title {
    margin: 0 0 0.28rem;
    color: color-mix(in srgb, var(--azora-primary) 70%, #d7e9ff);
    font-size: var(--azora-font-size-base);
    line-height: 1.25;
    font-weight: var(--azora-font-weight-semibold);
}

#azora-my-network .azora-myn-welcome__text {
    margin: 0;
    color: var(--azora-text-muted);
    font-size: var(--azora-font-size-sm);
    line-height: 1.55;
    max-width: 78ch;
}

#azora-my-network .azora-myn-chip-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

#azora-my-network .azora-myn-chip {
    display: inline-flex;
    align-items: center;
    padding: 0.16rem 0.52rem;
    border-radius: var(--azora-radius-xs-plus);
    font-size: 0.7rem;
    color: var(--azora-dashboard-tab-hover-text);
    border: 1px solid var(--azora-dashboard-accent-border-soft);
    background: var(--azora-dashboard-accent-bg-soft);
}

#azora-my-network .azora-myn-chip--lead {
    color: var(--azora-dashboard-tab-active-text);
    border-color: var(--azora-dashboard-tab-active-border);
    background: var(--azora-dashboard-tab-active-bg);
}

#azora-my-network .azora-myn-list {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

#azora-my-network .azora-myn-list__row {
    background: var(--azora-bg-card-item);
    border: 1px solid var(--azora-dashboard-surface-border);
    border-radius: var(--azora-radius-sm);
    padding: 0.58rem 0.72rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

#azora-my-network .azora-myn-list__main {
    min-width: 0;
}

#azora-my-network .azora-myn-list__main strong {
    display: block;
    color: var(--azora-text-secondary);
    font-size: 0.8rem;
    font-weight: 600;
    line-height: 1.35;
}

#azora-my-network .azora-myn-list__main span {
    display: block;
    color: var(--azora-text-muted);
    font-size: 0.74rem;
    margin-top: 0.1rem;
    line-height: 1.4;
}

#azora-my-network .azora-myn-list__meta {
    flex-shrink: 0;
    display: inline-flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.18rem;
}

#azora-my-network .azora-myn-list__meta span {
    color: var(--azora-text-subtle);
    font-size: 0.68rem;
    white-space: nowrap;
}

#azora-my-network .azora-myn-loading {
    display: none;
    margin-bottom: var(--azora-spacing-sm);
    border-radius: var(--azora-radius-md);
    border: 1px solid rgba(107,143,214,0.3);
    background: rgba(107,143,214,0.12);
    color: #AFC6EA;
    padding: 0.55rem 0.9rem;
    font-size: var(--azora-font-size-sm);
    line-height: 1.4;
}

#azora-my-network .azora-myn-loading.is-visible {
    display: block;
}

#azora-my-network .azora-myn-actions-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 0.6rem;
}

#azora-my-network .azora-myn-action-form {
    background: var(--azora-bg-card-item);
    border: 1px solid var(--azora-dashboard-surface-border);
    border-radius: var(--azora-radius-md);
    padding: 0.65rem 0.72rem;
}

#azora-my-network .azora-myn-action-form > label {
    display: block;
    margin: 0 0 0.42rem;
    color: var(--azora-text-label);
    font-size: 0.66rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-weight: 700;
}

#azora-my-network .azora-myn-action-row {
    display: flex;
    gap: 0.42rem;
    align-items: center;
    flex-wrap: wrap;
}

#azora-my-network .azora-myn-action-input {
    min-height: 32px;
    border-radius: var(--azora-radius-sm);
    border: 1px solid var(--azora-dashboard-surface-border);
    background: var(--azora-dashboard-input-bg);
    color: var(--azora-text-secondary);
    font-size: 0.76rem;
    padding: 0 0.58rem;
    font-family: var(--azora-font-family);
    flex: 1 1 120px;
}

#azora-my-network .azora-myn-action-input:focus {
    outline: none;
    border-color: var(--azora-dashboard-tab-active-border);
    box-shadow: 0 0 0 2px var(--azora-dashboard-accent-bg-soft);
}

#azora-my-network .azora-myn-action-input--textarea {
    min-height: 88px;
    height: auto;
    padding: 0.5rem 0.58rem;
    resize: vertical;
}

#azora-my-network .azora-myn-action-btn {
    min-height: 32px;
    padding: 0 var(--azora-spacing-md);
    border: 1px solid var(--azora-dashboard-tab-active-border);
    border-radius: var(--azora-radius-sm);
    background: var(--azora-dashboard-tab-active-bg);
    color: var(--azora-dashboard-tab-active-text);
    font-size: var(--azora-font-size-sm);
    font-weight: var(--azora-font-weight-semibold);
    cursor: pointer;
    transition: all var(--azora-transition-fast);
    font-family: var(--azora-font-family);
}

#azora-my-network .azora-myn-action-btn:hover {
    filter: brightness(1.06);
}

#azora-my-network .azora-myn-action-msg {
    min-height: 1.1em;
    margin: 0.45rem 0 0;
    color: var(--azora-text-muted);
    font-size: 0.7rem;
    line-height: 1.35;
}

#azora-my-network .azora-myn-action-msg.is-ok {
    color: var(--azora-success);
}

#azora-my-network .azora-myn-action-msg.is-error {
    color: var(--azora-danger);
}

#azora-my-network .azora-myn-member-onboarding {
    max-width: none;
    width: 100%;
    margin: 0;
    padding: 0 0 1rem;
}

#azora-my-network .azora-myn-member-onboarding__intro {
    margin-bottom: var(--azora-spacing-sm);
}

#azora-my-network .azora-myn-member-onboarding__status {
    margin: 0 0 var(--azora-spacing-sm);
    border: 1px solid var(--azora-dashboard-surface-border);
    border-radius: var(--azora-radius-md);
    background: var(--azora-dashboard-surface-gradient);
    box-shadow: var(--azora-shadow-elevated);
    padding: 0.85rem 1rem;
}

#azora-my-network .azora-myn-member-onboarding__status-title {
    margin: 0 0 0.38rem;
    color: color-mix(in srgb, var(--azora-primary) 72%, #d7e9ff);
    font-size: var(--azora-font-size-base);
    line-height: 1.25;
    font-weight: var(--azora-font-weight-semibold);
    letter-spacing: 0;
    text-transform: none;
}

#azora-my-network .azora-myn-body .azora-myn-member-onboarding__status-text {
    margin: 0;
    color: var(--azora-text-muted);
    font-size: var(--azora-font-size-sm);
    line-height: 1.6;
    max-width: 74ch;
}

#azora-my-network .azora-myn-member-onboarding__section {
    border: 1px solid var(--azora-dashboard-surface-border);
    border-radius: var(--azora-radius-md);
    background: color-mix(in srgb, var(--azora-bg-card-item) 90%, transparent);
    padding: var(--azora-spacing-md);
}

#azora-my-network .azora-myn-member-onboarding__gradient-section {
    background: var(--azora-dashboard-surface-gradient);
    border-color: var(--azora-dashboard-surface-border);
    box-shadow: var(--azora-shadow-elevated);
}

#azora-my-network .azora-myn-member-onboarding__form {
    margin-top: 0;
    padding: 0;
    border: 0;
    background: transparent;
}

#azora-my-network .azora-myn-member-onboarding__form--notice {
    margin-top: 0.65rem;
    display: inline-flex;
    align-items: flex-start;
    justify-content: flex-start;
    width: auto;
    max-width: fit-content;
    flex-wrap: wrap;
    gap: 0.5rem;
}

/* Full-width block so the CTA never shrink-wraps the whole dashboard or clips the button. */
#azora-my-network .azora-myn-inline-cta-form {
    margin-top: 0.65rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    gap: 0.5rem;
    box-sizing: border-box;
}

#azora-my-network .azora-myn-member-onboarding__button {
    width: auto;
    min-height: 32px;
    font-size: 0.78rem;
    padding: 0 0.78rem;
    justify-content: center;
    border-radius: var(--azora-radius-sm);
    letter-spacing: 0.01em;
}

#azora-my-network.is-member-onboarding .azora-myn-body {
    padding: 0;
}

#azora-my-network.is-member-onboarding .azora-myn-panel[data-clean-panel="overview"] {
    background: transparent;
    border: none;
    box-shadow: none;
    margin-bottom: 0;
}

#azora-my-network .azora-myn-create-circle {
    margin-top: 1rem;
}

@media (max-width: 700px) {
    #azora-my-network .azora-myn-member-onboarding__button {
        min-height: 36px;
        font-size: var(--azora-font-size-sm);
    }
}