/* ==========================================================================
   Talenta Pros — portal brightness + contrast pass (Oct 23, 2026)
   Brighter page, darker/crisper text, livelier emerald, Manrope type.
   Loaded after portal-polish.css; scoped to body.tp-app (signed-in only).
   ========================================================================== */
body.tp-app{
  --display:"Manrope","Segoe UI",system-ui,sans-serif;
  --body:"Manrope","Segoe UI",system-ui,sans-serif;
  --pp-em:#10C98F; --pp-ink:#081330; --pp-mut:#36425E; --pp-bg:#FBFCFE;
  font-family:var(--body);
  -webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto;
  text-rendering:optimizeLegibility;font-feature-settings:"cv11","ss01";
  background:
    radial-gradient(1000px 460px at 90% -140px,rgba(16,201,143,.14),transparent 70%),
    radial-gradient(800px 420px at -10% 0%,rgba(80,130,255,.07),transparent 70%),
    #FBFCFE!important;
  background-attachment:fixed!important;
}
body.tp-app,body.tp-app button,body.tp-app input,body.tp-app select,body.tp-app textarea{font-family:var(--body)}
body.tp-app h1,body.tp-app h2,body.tp-app h3{font-family:var(--display)}

/* ---------- Header ---------- */
body.tp-app .tp-h-eyebrow{color:#0BAF7C;background:#E3FAF1;letter-spacing:.14em;font-weight:800}
body.tp-app .tp-home h1{color:#081330;font-weight:800;letter-spacing:-.02em;line-height:1.12}
body.tp-app .tp-h-sub{color:#2E3A57;font-weight:500;font-size:16.5px;line-height:1.55}
body.tp-app .tp-h-plan{background:#DDF8EE;color:#067A55;font-weight:800}

/* ---------- Today's step: brighter navy-to-blue with emerald glow ---------- */
body.tp-app .tp-p-today{
  background:
    radial-gradient(520px 260px at 92% 110%,rgba(16,201,143,.38),transparent 70%),
    radial-gradient(460px 240px at 0% -20%,rgba(96,140,255,.35),transparent 70%),
    linear-gradient(125deg,#13286A 0%,#1E3F9A 55%,#1A4FA8 100%)!important;
  box-shadow:0 24px 48px -26px rgba(30,63,154,.75)!important;
}
body.tp-app .tp-p-today h2{color:#fff!important;font-weight:800!important;letter-spacing:-.01em!important}
body.tp-app .tp-h-k{color:#5DF2C2}
body.tp-app .tp-h-m{color:rgba(255,255,255,.9)}
body.tp-app .tp-p-mini li{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);font-weight:700}
body.tp-app .tp-p-mini i{background:#10C98F;color:#081330}
body.tp-app .tp-p-today-r{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.2)!important}
body.tp-app .tp-p-prog{color:rgba(255,255,255,.88)}
body.tp-app .tp-p-prog .tp-p-bar{background:rgba(255,255,255,.22)}

/* ---------- Buttons: livelier emerald ---------- */
body.tp-app .tp-h-go,body.tp-app .tp-h-btn.gold{
  background:linear-gradient(180deg,#14D69A 0%,#0FC48C 100%)!important;color:#061127!important;
  font-weight:800;box-shadow:0 10px 24px -10px rgba(16,201,143,.9)
}
body.tp-app .tp-h-go:hover,body.tp-app .tp-h-btn.gold:hover{background:#2BE3AA!important}
body.tp-app .tp-p-bar i,body.tp-app .tp-h-bar i{background:linear-gradient(90deg,#10C98F,#3BE0B0)}

/* ---------- Cards: whiter, crisper edges, darker copy ---------- */
body.tp-app .tp-p-how,body.tp-app .tp-h-card{background:#fff;border-color:#DFE5EF;box-shadow:0 1px 2px rgba(8,19,48,.04),0 14px 34px -22px rgba(8,19,48,.22)}
body.tp-app .tp-p-how summary{color:#36425E}
body.tp-app .tp-p-how summary b,body.tp-app .tp-p-chev{color:#081330}
body.tp-app .tp-p-how-list li{background:linear-gradient(180deg,#FFFFFF 0%,#F4F8FF 100%);border:1px solid #E3E9F4}
body.tp-app .tp-p-how-list small{color:#0BAF7C;font-weight:800}
body.tp-app .tp-p-how-list b{color:#081330;font-size:16px}
body.tp-app .tp-p-how-list p,body.tp-app .tp-h-card p{color:#36425E}
body.tp-app .tp-p-how-list li:nth-child(1) .tp-p-ic,body.tp-app .tp-p-how-list li:nth-child(3) .tp-p-ic{background:#10C98F;color:#fff}
body.tp-app .tp-p-how-list li:nth-child(2) .tp-p-ic,body.tp-app .tp-p-how-list li:nth-child(4) .tp-p-ic{background:#1E3F9A;color:#fff}
body.tp-app .tp-p-tip{background:#E3FAF1;color:#0F3D2E}
body.tp-app .tp-h-card h3,body.tp-app .tp-p-ttl b{color:#081330}
body.tp-app .tp-p-what{color:#2E3A57!important}
body.tp-app .tp-p-ttl small,body.tp-app .tp-p-meta,body.tp-app .tp-h-mt small{color:#5C6784}
body.tp-app .tp-p-les{color:#2E3A57}
body.tp-app .tp-p-node[data-st="now"] .tp-p-pin{background:#10C98F;border-color:#10C98F;box-shadow:0 0 0 6px rgba(16,201,143,.2)}
body.tp-app .tp-p-node[data-st="now"] .tp-p-body{background:#F2FDF8;border-color:#A8EED5}
body.tp-app .tp-p-node[data-st="locked"] .tp-p-body{opacity:.75}
body.tp-app .tp-h-up{background:#E9FBF4;border-color:#A8EED5}

/* ---------- Clarity pass: larger, heavier, darker small text ---------- */
body.tp-app .tp-h-sub{font-size:17px;font-weight:500;color:#1F2B47}
body.tp-app .tp-h-eyebrow,body.tp-app .tp-h-k{font-size:13px;letter-spacing:.1em}
body.tp-app .tp-p-today h2{font-size:clamp(24px,2.6vw,31px)!important}
body.tp-app .tp-h-m{font-size:15.5px;font-weight:600;color:#fff}
body.tp-app .tp-p-mini li{font-size:14px;color:#fff}
body.tp-app .tp-p-prog{font-size:14px;font-weight:600;color:#fff}
body.tp-app .tp-h-go{font-size:16px}
body.tp-app .tp-p-how summary{font-size:16px;font-weight:500;color:#1F2B47}
body.tp-app .tp-p-how-list small{font-size:12px}
body.tp-app .tp-p-how-list b{font-size:17px}
body.tp-app .tp-p-how-list p,body.tp-app .tp-h-card p{font-size:15px;font-weight:450;line-height:1.55;color:#28344F}
body.tp-app .tp-p-tip{font-size:15px;font-weight:500}
body.tp-app .tp-p-what{font-size:15px!important;color:#1F2B47!important}
body.tp-app .tp-p-les{font-size:15px;color:#1F2B47}
body.tp-app .tp-p-ttl small,body.tp-app .tp-p-meta{font-size:12.5px;font-weight:600;color:#4A5572}

/* ==========================================================================
   White + green theme (Oct 23, 2026) — white surfaces, emerald accents,
   dark green-navy text only for reading. No blue.
   ========================================================================== */
body.tp-app{
  --g-500:#10B981; --g-600:#059669; --g-700:#047857; --g-50:#ECFDF5; --g-100:#D1FAE5; --g-200:#A7F3D0;
  --ink:#0B2A22; --ink-2:#2F4A42; --ink-3:#557068;
  background:
    radial-gradient(1000px 480px at 92% -160px,rgba(16,185,129,.16),transparent 70%),
    radial-gradient(800px 420px at -10% 0%,rgba(16,185,129,.07),transparent 70%),
    #FFFFFF!important;
}

/* App bar: white with green */
body.tp-app .tp-appbar{background:#fff!important;color:var(--ink);box-shadow:0 1px 0 #E3EFEA,0 8px 24px -18px rgba(4,120,87,.35)!important}
body.tp-app .tp-appbar-logo img{width:150px}
body.tp-app .tp-appbar-nav button{color:var(--ink-2)!important}
body.tp-app .tp-appbar-nav button:hover{background:var(--g-50)!important;color:var(--g-700)!important}
body.tp-app .tp-appbar-nav button.on{background:var(--g-50)!important;color:var(--g-700)!important;box-shadow:inset 0 -2px 0 var(--g-500)!important}
body.tp-app .tp-appbar-plan{border-color:var(--g-200)!important;color:var(--g-700)!important;background:#fff!important}
body.tp-app .tp-appbar-plan:hover{background:var(--g-50)!important}
body.tp-app .tp-appbar-up{background:var(--g-600)!important;color:#fff!important;box-shadow:0 6px 16px -8px rgba(5,150,105,.8)!important}
body.tp-app .tp-appbar-up:hover{background:var(--g-700)!important}
body.tp-app .tp-appbar-icon{background:var(--g-50)!important;color:var(--g-700)!important}
body.tp-app .tp-appbar-me{background:var(--g-600)!important;border-color:var(--g-100)!important;color:#fff!important}
body.tp-app .fn-bar-btn{background:var(--g-50)!important;color:var(--g-700)!important;border-color:var(--g-200)!important}

/* Header */
body.tp-app .tp-home h1,body.tp-app .tp-h-card h3,body.tp-app .tp-p-ttl b,body.tp-app .tp-p-how summary b,body.tp-app .tp-p-how-list b{color:var(--ink)}
body.tp-app .tp-h-sub,body.tp-app .tp-p-how summary{color:var(--ink-2)}
body.tp-app .tp-h-eyebrow{background:var(--g-50);color:var(--g-700)}
body.tp-app .tp-h-plan{background:var(--g-100);color:var(--g-700)}

/* Today's step: emerald card, white text */
body.tp-app .tp-p-today{
  background:
    radial-gradient(520px 280px at 95% 115%,rgba(255,255,255,.18),transparent 70%),
    radial-gradient(420px 220px at 0% -30%,rgba(110,231,183,.45),transparent 70%),
    linear-gradient(125deg,#047857 0%,#059669 55%,#10B981 100%)!important;
  box-shadow:0 24px 48px -26px rgba(4,120,87,.7)!important;
}
body.tp-app .tp-h-k{color:#D1FAE5}
body.tp-app .tp-p-mini li{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.28)}
body.tp-app .tp-p-mini i{background:#fff;color:var(--g-700)}
body.tp-app .tp-p-today-r{background:rgba(255,255,255,.14)!important;border-color:rgba(255,255,255,.3)!important}
body.tp-app .tp-p-today .tp-h-go{background:#fff!important;color:var(--g-700)!important;box-shadow:0 12px 26px -12px rgba(2,44,34,.6)}
body.tp-app .tp-p-today .tp-h-go:hover{background:var(--g-50)!important}
body.tp-app .tp-p-prog .tp-p-bar{background:rgba(255,255,255,.28)}
body.tp-app .tp-p-prog .tp-p-bar i{background:#fff}

/* Buttons + bars elsewhere */
body.tp-app .tp-h-go,body.tp-app .tp-h-btn.gold,body.tp-app .tp-h-btn{background:var(--g-600)!important;color:#fff!important;box-shadow:0 10px 22px -12px rgba(5,150,105,.85)}
body.tp-app .tp-h-btn:hover,body.tp-app .tp-h-go:hover{background:var(--g-700)!important}
body.tp-app .tp-p-bar i,body.tp-app .tp-h-bar i{background:linear-gradient(90deg,var(--g-600),var(--g-500))}

/* How-to cards: white with green icons */
body.tp-app .tp-p-how,body.tp-app .tp-h-card{border-color:#DCEFE7;box-shadow:0 1px 2px rgba(4,120,87,.05),0 14px 34px -24px rgba(4,120,87,.35)}
body.tp-app .tp-p-how-list li{background:linear-gradient(180deg,#fff 0%,#F3FBF7 100%);border-color:#DCEFE7}
body.tp-app .tp-p-how-list li .tp-p-ic{background:var(--g-600)!important;color:#fff!important}
body.tp-app .tp-p-how-list li:nth-child(even) .tp-p-ic{background:var(--g-100)!important;color:var(--g-700)!important}
body.tp-app .tp-p-how-list small{color:var(--g-600)}
body.tp-app .tp-p-how-list p,body.tp-app .tp-h-card p,body.tp-app .tp-p-what,body.tp-app .tp-p-les{color:var(--ink-2)!important}
body.tp-app .tp-p-ttl small,body.tp-app .tp-p-meta{color:var(--ink-3)}
body.tp-app .tp-p-tip{background:var(--g-50);color:var(--ink)}
body.tp-app .tp-p-tip b{color:var(--g-700)}

/* Learning path nodes: green instead of navy */
body.tp-app .tp-p-sn{background:var(--g-50);color:var(--g-700)}
body.tp-app .tp-p-stage.here .tp-p-sn{background:var(--g-600);color:#fff}
body.tp-app .tp-p-stage.done .tp-p-sn,body.tp-app .tp-p-tag{background:var(--g-700);color:#fff}
body.tp-app .tp-p-node[data-st="done"] .tp-p-pin,body.tp-app .tp-p-les.done .tp-p-dot,body.tp-app .tp-h-mod[data-st="done"] .tp-h-num{background:var(--g-700);border-color:var(--g-700);color:#fff}
body.tp-app .tp-p-node[data-st="now"] .tp-p-pin{background:var(--g-500);border-color:var(--g-500);color:#fff}
body.tp-app .tp-p-node[data-st="done"]:not(:last-child)::before{background:var(--g-500)}
body.tp-app .tp-p-dot,body.tp-app .tp-p-pill,body.tp-app .tp-h-num{background:var(--g-50);color:var(--g-700)}
body.tp-app .tp-p-node[data-st="now"] .tp-p-pill,body.tp-app .tp-p-les.next .tp-p-dot{background:var(--g-500);color:#fff}
body.tp-app .tp-h-link{color:var(--g-700);text-decoration-color:var(--g-200)}
body.tp-app .tp-h-line{color:var(--ink)!important}