/* Bright UI consistency for member/feature pages */
body.app-compact-header,
body.marketing-premium{
  background:
    radial-gradient(circle at 18% 0%, rgba(236,26,167,.10), transparent 260px),
    radial-gradient(circle at 75% 10%, rgba(255,122,26,.10), transparent 300px),
    #fbfcff!important;
}

body.app-compact-header .site-header,
body.marketing-premium .site-header{
  background:rgba(255,255,255,.9)!important;
  backdrop-filter:blur(16px);
  border-bottom:1px solid #edf0f7!important;
  box-shadow:0 14px 35px rgba(17,19,60,.055)!important;
}

body.app-compact-header .page-wrap,
body.marketing-premium .page-wrap{max-width:1240px}

.page-wrap-app,.page-wrap-premium{padding-top:24px!important}

.page-wrap-app > h1,.page-wrap-premium > h1,.page-wrap > h1{
  font-size:2rem;
  letter-spacing:-.035em;
  color:#17133f;
}

.card,.panel,.box,.table-wrap,form.card{
  border:1px solid #edf0f7!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 16px 38px rgba(17,19,60,.055)!important;
}

button,.btn,input[type=submit]{border-radius:12px!important}
.btn,button:not(.ms-menu-toggle):not(.ms-dropdown button){font-weight:850}
input,select,textarea{border-radius:12px!important;border:1px solid #dfe5f0!important}
table{border-radius:16px;overflow:hidden}
th{background:#faf7ff!important;color:#332e63!important}
.alert{border-radius:14px!important}

.mpb-page{max-width:1220px;margin:0 auto;padding:28px 20px 42px}
.mpb-hero{
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  padding:28px 30px;border:1px solid #edf0f7;border-radius:24px;
  background:radial-gradient(circle at 10% 15%,rgba(236,26,167,.15),transparent 180px),
             radial-gradient(circle at 75% 10%,rgba(255,122,26,.16),transparent 220px),
             linear-gradient(90deg,#fff,#fff9fd);
  box-shadow:0 18px 42px rgba(17,19,60,.06);margin-bottom:22px;
}
.mpb-hero span{display:inline-flex;padding:7px 12px;border-radius:999px;color:#8b35ff;background:#f4efff;font-weight:900;font-size:.82rem;margin-bottom:10px}
.mpb-hero h1{margin:0 0 8px;font-size:2.25rem;letter-spacing:-.04em;color:#17133f}
.mpb-hero p{margin:0;color:#74708c;line-height:1.7}
.mpb-btn,.mpb-form button{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 17px;border-radius:12px;text-decoration:none;border:0;color:#fff;
  background:linear-gradient(90deg,#ff7a1a,#ff4d65,#e014a8);font-weight:900;box-shadow:0 15px 28px rgba(236,26,167,.16);cursor:pointer;
}
.mpb-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.mpb-card{border:1px solid #edf0f7;border-radius:20px;background:#fff;box-shadow:0 16px 38px rgba(17,19,60,.055);padding:24px}
.mpb-card h2{margin:0 0 16px;color:#17133f;letter-spacing:-.025em}
.mpb-muted{color:#74708c;line-height:1.75}
.mpb-form{display:flex;flex-direction:column;gap:16px}
.mpb-form label{color:#332e63;font-weight:850}
.mpb-form input,.mpb-form select,.mpb-form textarea{width:100%;margin-top:7px;padding:13px 14px;border:1px solid #dfe5f0;border-radius:12px}
.mpb-form small{display:block;color:#74708c;margin-top:6px;font-weight:500}
.mpb-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:22px}
.mpb-stat-grid article{display:flex;align-items:center;gap:16px;padding:22px;border-radius:18px;background:#fff;border:1px solid #edf0f7;box-shadow:0 16px 38px rgba(17,19,60,.055)}
.mpb-stat-grid i{display:grid;place-items:center;width:58px;height:58px;border-radius:16px;color:#fff;font-style:normal;font-weight:900}
.mpb-stat-grid strong{display:block;color:#17133f;font-size:1.6rem}
.mpb-stat-grid span{color:#74708c;font-weight:800}
.mpb-stat-grid .orange{background:linear-gradient(135deg,#ffbd67,#ff7a1a)}
.mpb-stat-grid .pink{background:linear-gradient(135deg,#ff75b7,#ec1aa7)}
.mpb-stat-grid .purple{background:linear-gradient(135deg,#b875ff,#7b35ff)}
.mpb-stat-grid .green{background:linear-gradient(135deg,#67d87b,#32b851)}
.mpb-stat-grid .blue{background:linear-gradient(135deg,#7fabff,#467df4)}
.mpb-stat-grid .mint{background:linear-gradient(135deg,#78e8c2,#12b981)}
.mpb-action-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}

.mdb-action-dropdown{position:relative}
.mdb-icon-action{position:relative;width:44px;height:44px;border:0;background:#fff;border-radius:14px;box-shadow:0 10px 24px rgba(17,19,60,.05);cursor:pointer;font-size:1.18rem}
.mdb-icon-action em{position:absolute;top:-8px;right:-8px;display:grid;place-items:center;min-width:20px;height:20px;border-radius:999px;background:#ec1aa7;color:#fff;font-size:.72rem;font-style:normal;font-weight:900}
.mdb-action-panel{position:absolute;right:0;top:calc(100% + 12px);width:310px;padding:14px;border-radius:18px;background:#fff;border:1px solid #edf0f7;box-shadow:0 24px 60px rgba(17,19,60,.16);display:none;z-index:60}
.mdb-action-panel.open{display:block}
.mdb-action-panel h3{margin:0 0 10px;color:#17133f}
.mdb-action-panel a{display:block;padding:12px;border-radius:12px;text-decoration:none;color:#17133f}
.mdb-action-panel a:hover{background:#faf7ff}
.mdb-action-panel strong{display:block}
.mdb-action-panel span{display:block;color:#74708c;font-size:.88rem;margin-top:3px;line-height:1.45}

@media(max-width:900px){
  .mpb-hero{flex-direction:column;align-items:flex-start}
  .mpb-grid,.mpb-stat-grid{grid-template-columns:1fr}
  .mdb-action-panel{right:auto;left:0;width:280px}
}