/* MyPortfolioHub v15 — emerald application brand normalization.
   Resume documents keep independent professional palettes. */
:root{
  --mph-brand-950:#032f2d;
  --mph-brand-900:#064e46;
  --mph-brand-800:#065f55;
  --mph-brand-700:#047857;
  --mph-brand-600:#059669;
  --mph-brand-500:#10b981;
  --mph-brand-100:#d1fae5;
  --mph-brand-50:#ecfdf5;
  --mph-ink:#10211f;
  --mph-muted:#60716e;
  --mph-border:#dbe7e4;
  --mph-surface:#ffffff;
}

/* Shared application chrome */
.rb-header{
  background:linear-gradient(180deg,#042f2e 0%,#032725 100%)!important;
  border-bottom-color:rgba(255,255,255,.08)!important;
}
.rb-brand{color:#fff!important}.rb-brand small{color:#61e7c3!important}
.rb-brand-mark,.rb-editor-brand-mark{filter:none!important}
.rb-nav a,.rb-header-login{color:#d8e7e4!important}
.rb-nav a:hover,.rb-nav a.is-active{color:#fff!important}
.rb-nav a.is-active:after{background:#55e4c1!important}
.rb-btn-primary,.v7-primary-button,.mph26-primary-action{
  background:linear-gradient(135deg,var(--mph-brand-600),var(--mph-brand-700))!important;
  border-color:transparent!important;
  color:#fff!important;
  box-shadow:0 8px 20px rgba(5,150,105,.18)!important;
}
.rb-btn-primary:hover,.v7-primary-button:hover{background:var(--mph-brand-800)!important}
.rb-btn-outline:focus-visible,.rb-btn-primary:focus-visible,.rb-nav a:focus-visible,
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:3px solid rgba(16,185,129,.24)!important;
  outline-offset:2px;
}

/* Public landing */
.mph26-light-page,.v7-public-template-main{background:#f7faf9!important;color:var(--mph-ink)!important}
.mph26-hero-copy .rb-eyebrow,.rb-eyebrow,.v7-template-hero .rb-eyebrow{color:var(--mph-brand-700)!important}
.mph26-hero h1 em,.mph26-hero-copy h1 em{color:var(--mph-brand-700)!important}
.mph26-hero-preview,.mph26-template-card,.v7-template-card,.v7-template-controls,.v7-template-guide{
  border-color:var(--mph-border)!important;
}
.mph26-trust-item svg,.mph26-proof-strip strong{color:var(--mph-brand-700)!important}

/* Workspace / dashboard shells */
.v7-sidebar,.mph26-workspace-sidebar{
  background:linear-gradient(180deg,#073b39 0%,#032f2d 100%)!important;
  border-right-color:rgba(255,255,255,.08)!important;
}
.v7-sidebar .v7-side-link,.v7-sidebar a{color:#c9ded9!important}
.v7-sidebar .v7-side-link.active,.v7-sidebar a.active{
  color:#fff!important;
  background:rgba(16,185,129,.13)!important;
  border-color:rgba(52,211,153,.35)!important;
}
.v7-sidebar .v7-side-link.active:before{background:#2dd4bf!important}
.v7-page-content,.v7-app-main{background:#f7faf9!important}
.v7-kpi-card,.v7-panel,.v7-template-card,.v7-template-guide,.v7-account-card{
  border-color:var(--mph-border)!important;
  box-shadow:0 10px 30px rgba(3,47,45,.045)!important;
}
.v7-kpi-icon,.v7-icon-tile{background:#e5f7f1!important;color:var(--mph-brand-700)!important}
.v7-panel-eyebrow,.v7-section-kicker{color:var(--mph-brand-700)!important}

/* Dashboard create dialog — use the same renderer-backed previews as the library. */
.rb-template-radio-preview-real{
  overflow:hidden!important;
  padding:0!important;
  background:#eef4f2!important;
  border:1px solid #d7e4e0!important;
}
.rb-template-radio-preview-real img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center top;
  background:#eef4f2;
}
.rb-template-radio:has(input:checked) .rb-template-radio-preview-real{
  border-color:var(--mph-brand-600)!important;
  box-shadow:0 0 0 2px rgba(16,185,129,.12)!important;
}

/* Template library */
.v7-template-hero-note span{color:var(--mph-brand-700)!important}
.v7-filter-pills button.active{
  background:var(--mph-brand-900)!important;
  border-color:var(--mph-brand-900)!important;
  color:#fff!important;
}
.v7-filter-pills button:hover{border-color:#9ed8c8!important;color:var(--mph-brand-800)!important}
.v7-template-safety{color:var(--mph-brand-700)!important}
.v7-template-card:hover{border-color:#9ed8c8!important;box-shadow:0 18px 42px rgba(3,47,45,.08)!important}
.v7-template-category{background:var(--mph-brand-950)!important;color:#fff!important}
.v7-template-quality{background:#f2fbf8!important;color:var(--mph-brand-800)!important;border-color:#cceee4!important}
.v7-template-tags span{background:#f3f8f7!important;border-color:#e0ebe8!important;color:#4f6560!important}

/* Stable editor — palette only, structure intentionally untouched */
.rb-editor-toolbar-v4{background:#fff!important;border-bottom-color:var(--mph-border)!important}
.mph26-editor-steps .is-active>span{background:var(--mph-brand-700)!important;color:#fff!important}
.rb-editor-sections-v4{
  background:linear-gradient(180deg,#073b39,#032f2d)!important;
  border-right-color:rgba(255,255,255,.07)!important;
}
.rb-editor-sections-v4 button{color:#bfd5d0!important}
.rb-editor-sections-v4 button.active{
  color:#fff!important;
  background:rgba(16,185,129,.14)!important;
  box-shadow:inset 3px 0 #34d399!important;
}
.rb-editor-nav-label{color:#74a79c!important}
.rb-section-help{background:rgba(16,185,129,.09)!important;border-color:rgba(52,211,153,.18)!important}
.rb-form-heading-v4 .rb-eyebrow{color:var(--mph-brand-700)!important}
.rb-form-progress-hint{background:#f2faf7!important;border-color:#d8eee7!important}
.rb-form-progress-hint>span{background:#e2f7ef!important;color:var(--mph-brand-700)!important}
.rb-live-indicator{background:#10b981!important;box-shadow:0 0 0 4px rgba(16,185,129,.12)!important}
.rb-template-choice.active{border-color:var(--mph-brand-600)!important;box-shadow:0 0 0 2px rgba(16,185,129,.09)!important}
.rb-order-item button:hover{color:var(--mph-brand-700)!important;border-color:#a8ddcf!important}

/* Creative templates without sidebar support (for example Swiss Professional)
   must match the single-column print renderer rather than inheriting the visual rail. */
body .rb-resume-live.family-creative:not(.has-sidebar) .live-resume{
  display:block!important;
  min-height:100%!important;
  padding:28px 32px!important;
  background:#fff!important;
}
body .rb-resume-live.family-creative:not(.has-sidebar) .live-sidebar{
  display:block!important;
  width:auto!important;
  min-height:0!important;
  padding:0 0 14px!important;
  margin:0 0 18px!important;
  background:transparent!important;
  color:#20252c!important;
  border:0!important;
  border-bottom:2px solid var(--live-accent)!important;
}
body .rb-resume-live.family-creative:not(.has-sidebar) .live-sidebar .live-avatar{display:none!important}
body .rb-resume-live.family-creative:not(.has-sidebar) .live-sidebar h1{
  margin:0!important;
  color:#18222c!important;
  font-size:26px!important;
  line-height:1!important;
}
body .rb-resume-live.family-creative:not(.has-sidebar) .live-sidebar>p{
  margin:6px 0 7px!important;
  color:var(--live-accent)!important;
  font-size:9px!important;
  font-weight:700!important;
  letter-spacing:.08em;
  text-transform:uppercase;
}
body .rb-resume-live.family-creative:not(.has-sidebar) .live-sidebar section{
  display:block!important;
  margin:0!important;
}
body .rb-resume-live.family-creative:not(.has-sidebar) .live-sidebar section h2{display:none!important}
body .rb-resume-live.family-creative:not(.has-sidebar) .live-contact{
  display:flex!important;
  flex-wrap:wrap;
  gap:3px 10px;
  color:#52606d!important;
  font-size:8px!important;
}
body .rb-resume-live.family-creative:not(.has-sidebar) .live-main{padding:0!important}
body .rb-resume-live.family-creative:not(.has-sidebar) .live-main .live-main-skills,
body .rb-resume-live.family-creative:not(.has-sidebar) .live-main .live-main-languages{display:block!important}

/* Enterprise */
.v7-enterprise-page .v7-page-kicker,.enterprise-page .rb-eyebrow{color:var(--mph-brand-700)!important}
.v7-enterprise-page .v7-stat-icon{background:#e5f7f1!important;color:var(--mph-brand-700)!important}
.v7-enterprise-page .v7-side-promo,.v7-enterprise-promo{
  background:linear-gradient(160deg,#064e46,#032f2d)!important;
  border-color:#0b6257!important;
}

/* Auth */
.rb-auth-page .rb-auth-panel,.rb-auth-card{border-color:var(--mph-border)!important}
.rb-auth-page .rb-auth-mark,.rb-auth-brand-mark{background:linear-gradient(135deg,var(--mph-brand-600),var(--mph-brand-800))!important}
.rb-auth-page a{color:var(--mph-brand-700)!important}

@media(max-width:760px){
  .rb-header{background:#032f2d!important}
  .rb-nav{background:#043936!important;border-color:rgba(255,255,255,.08)!important}
}