/* Workfolio v12 brand layer.
   Product palette mirrors the existing emerald/teal application system.
   Resume document template palettes remain independent. */
:root{
  --wf-deep:#043936;
  --wf-deeper:#032f2d;
  --wf-emerald:#047857;
  --wf-emerald-dark:#065f46;
  --wf-mint:#2dd4bf;
  --wf-mint-light:#72e8cb;
  --wf-soft:#ecfdf5;
}

.wf-wordmark{font-family:Manrope,Outfit,system-ui,sans-serif;font-weight:800;letter-spacing:-.035em}
.wf-wordmark>span{color:var(--wf-mint)}

.rb-header .wf-wordmark{color:#fff!important;font-size:15px}
.rb-header .wf-wordmark>span{color:#5ee5c2!important}
.rb-brand small{letter-spacing:.115em!important}

.rb-brand-mark,
.rb-auth-mobile-brand .rb-brand-mark,
.ent-product-icon-logo,
.ent-callout-mark-logo{
  background:transparent!important;
  box-shadow:0 8px 22px rgba(4,120,87,.18)!important;
  overflow:hidden;
}
.rb-brand-mark img,
.rb-auth-mobile-brand .rb-brand-mark img,
.ent-product-icon-logo img,
.ent-callout-mark-logo img,
.rb-footer-logo{
  display:block;
  object-fit:cover;
  border-radius:11px;
}

.rb-footer-brand .wf-wordmark{color:#f5fffc!important;font-size:15px}
.rb-footer-brand .wf-wordmark>span{color:#5ee5c2!important}

.ent-product .wf-wordmark{color:#fff!important;font-size:14px}
.ent-product .wf-wordmark>span{color:#5ee5c2!important}
.ent-product-icon-logo{width:40px!important;height:40px!important;border-radius:12px!important}
.ent-product-icon-logo img{width:40px!important;height:40px!important}

.rb-auth-mobile-brand .wf-wordmark{color:#123936!important}
.rb-auth-mobile-brand .wf-wordmark>span{color:var(--wf-emerald)!important}
.rb-auth-mobile-brand small{color:#68817b!important}

/* Keep the approved brand mark legible on both dark and light surfaces. */
.rb-footer-logo{background:var(--wf-soft)}
.document-public-footer a{color:var(--wf-emerald);font-weight:750}

/* Brand-forward landing accents without changing resume template colors. */
.mph26-light-page .mph26-kicker{letter-spacing:.11em}
.mph26-light-page .mph26-hero-copy h1 em{color:var(--wf-emerald)!important}
.mph26-light-page .rb-header .wf-wordmark>span{color:#5ee5c2!important}

@media (max-width:720px){
  .rb-header .wf-wordmark{font-size:14px}
  .rb-brand small{font-size:7.5px!important}
}

/* Unified Workfolio dashboard: portfolios + resumes + private work letters. */
.v7-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important}
.wf-recent-letter-list{display:grid;gap:7px}
.wf-recent-letter-list>a{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px;border:1px solid var(--rb-line);border-radius:10px;background:#fff;transition:.18s ease}
.wf-recent-letter-list>a:hover{border-color:#9fd8c7;transform:translateY(-1px)}
.wf-recent-letter-list>a>span{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:var(--wf-soft);color:var(--wf-emerald)}
.wf-recent-letter-list>a>div{display:grid;gap:2px;min-width:0}
.wf-recent-letter-list strong{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wf-recent-letter-list small{font-size:8px;color:var(--rb-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wf-recent-letter-list i{font-style:normal;color:var(--wf-emerald)}
.wf-recent-letter-empty{padding:8px 2px 2px;color:var(--rb-muted);font-size:10px}
.wf-recent-letter-empty p{margin:0 0 6px}
.wf-recent-letter-empty a{color:var(--wf-emerald);font-weight:750}
/* Workfolio v14 account lifecycle pages */
.rb-auth-shell-single{grid-template-columns:minmax(0,560px)!important;justify-content:center!important;align-items:center!important;padding:32px 16px}.rb-auth-shell-single .rb-auth-card-v4{min-height:auto!important;width:100%;border-radius:24px;box-shadow:0 24px 64px rgba(4,57,54,.10)}
@media(max-width:700px){.rb-auth-shell-single{padding:0}.rb-auth-shell-single .rb-auth-card-v4{min-height:100vh!important;border-radius:0}}