/* TodoPorras feed: identical semantic surfaces and inks to the standard app.
   Explicit per-theme foreground AND webkit text fill prevent inherited white
   stadium headings from disappearing on a pale card in Chrome for Android. */
html[data-tp-theme="light"] #tpActivityFeed{
  --tp-feed-surface:var(--tp-panel,#fff);
  --tp-feed-card:var(--tp-panel-2,#f3f7fb);
  --tp-feed-subtle:var(--tp-panel-3,#eaf5ef);
  --tp-feed-border:var(--tp-line,#dce5ed);
  --tp-feed-ink:#071c38;
  --tp-feed-muted:#52637b;
  --tp-feed-accent:#067545;
}
html[data-tp-theme="dark"] #tpActivityFeed{
  --tp-feed-surface:var(--tp-panel,#101d17);
  --tp-feed-card:var(--tp-panel-2,#17271e);
  --tp-feed-subtle:var(--tp-panel-3,#1b3427);
  --tp-feed-border:var(--tp-line,#263a30);
  --tp-feed-ink:#f5f8f6;
  --tp-feed-muted:#b1c5b9;
  --tp-feed-accent:#8af3bc;
}
html[data-tp-theme] .tp-main-v2 #tpActivityFeed{
  display:block;min-width:0;margin:0 0 32px;padding:21px;
  background:var(--tp-feed-surface)!important;border:1px solid var(--tp-feed-border)!important;
  border-radius:19px;box-shadow:var(--tp-shadow,0 10px 28px rgba(8,44,99,.06));
  color:var(--tp-feed-ink)!important;
  -webkit-text-fill-color:var(--tp-feed-ink)!important;
  opacity:1!important;
}
#tpActivityFeed .tp-feed-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 0 16px;min-width:0}
html[data-tp-theme] #tpActivityFeed .tp-feed-overline{
  display:block;font-size:11px;font-weight:850;letter-spacing:.1em;text-transform:uppercase;
  color:var(--tp-feed-accent)!important;-webkit-text-fill-color:var(--tp-feed-accent)!important;opacity:1!important;
}
html[data-tp-theme] #tpActivityFeed .tp-feed-heading h2,
html[data-tp-theme] #tpActivityFeed>h2{
  margin:5px 0 7px;font-size:clamp(21px,2.3vw,28px);line-height:1.25;letter-spacing:-.025em;
  color:var(--tp-feed-ink)!important;-webkit-text-fill-color:var(--tp-feed-ink)!important;
  opacity:1!important;text-shadow:none!important;
}
html[data-tp-theme] #tpActivityFeed .tp-feed-heading p{
  margin:0;font-size:13px;line-height:1.5;
  color:var(--tp-feed-muted)!important;-webkit-text-fill-color:var(--tp-feed-muted)!important;opacity:1!important;
}
#tpActivityFeed .tp-feed-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
html[data-tp-theme] #tpActivityFeed .tp-feed-event{
  display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;min-width:0;
  padding:17px;border:1px solid var(--tp-feed-border)!important;border-radius:16px;
  background:var(--tp-feed-card)!important;color:var(--tp-feed-ink)!important;
  -webkit-text-fill-color:var(--tp-feed-ink)!important;
  box-shadow:var(--tp-shadow,0 8px 24px rgba(8,44,99,.06));
}
html[data-tp-theme] #tpActivityFeed .tp-feed-icon{
  display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;
  border-radius:12px;background:var(--tp-feed-subtle)!important;
  color:var(--tp-feed-accent)!important;-webkit-text-fill-color:var(--tp-feed-accent)!important;
  font-size:20px;font-weight:900;opacity:1!important;
}
#tpActivityFeed .tp-feed-copy{min-width:0}
html[data-tp-theme] #tpActivityFeed .tp-feed-copy h3{
  display:block;margin:0 0 7px;font-size:15px;font-weight:800;line-height:1.4;
  overflow-wrap:anywhere;letter-spacing:normal;
  color:var(--tp-feed-ink)!important;-webkit-text-fill-color:var(--tp-feed-ink)!important;
  text-shadow:none!important;opacity:1!important;
}
html[data-tp-theme] #tpActivityFeed .tp-feed-copy p{
  margin:0 0 12px;font-size:13px;line-height:1.55;overflow-wrap:anywhere;
  color:var(--tp-feed-muted)!important;-webkit-text-fill-color:var(--tp-feed-muted)!important;
  text-shadow:none!important;opacity:1!important;
}
#tpActivityFeed .tp-feed-foot{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}
html[data-tp-theme] #tpActivityFeed .tp-feed-foot time{
  font-size:11px;color:var(--tp-feed-muted)!important;
  -webkit-text-fill-color:var(--tp-feed-muted)!important;opacity:1!important;
}
html[data-tp-theme] #tpActivityFeed .tp-feed-view,
html[data-tp-theme] #tpActivityFeed [data-feed-expand]{
  display:inline-flex;align-items:center;min-height:36px;
  padding:5px 0;border:0;background:transparent!important;
  font:inherit;font-size:13px;font-weight:800;text-decoration:underline;text-underline-offset:4px;
  color:var(--tp-feed-accent)!important;-webkit-text-fill-color:var(--tp-feed-accent)!important;
  cursor:pointer;opacity:1!important;
}
#tpActivityFeed .tp-feed-more{display:flex;justify-content:center;margin:12px 0 0}
#tpActivityFeed .tp-feed-more a{max-width:100%;text-align:center}
html[data-tp-theme] #tpActivityFeed .tp-feed-empty,
html[data-tp-theme] #tpActivityFeed .tp-feed-loading{
  padding:20px;border:1px solid var(--tp-feed-border)!important;border-radius:14px;
  background:var(--tp-feed-surface)!important;color:var(--tp-feed-muted)!important;
  -webkit-text-fill-color:var(--tp-feed-muted)!important;
  opacity:1!important;line-height:1.55;
}
#tpActivityFeed .tp-feed-view:focus-visible,
#tpActivityFeed [data-feed-expand]:focus-visible{
  outline:3px solid var(--tp-feed-accent);outline-offset:4px;border-radius:3px;
}
@media(max-width:780px){
  html[data-tp-theme] .tp-main-v2 #tpActivityFeed{margin-bottom:25px;padding:15px;border-radius:17px}
  #tpActivityFeed .tp-feed-list{grid-template-columns:1fr}
  html[data-tp-theme] #tpActivityFeed .tp-feed-event{padding:14px}
  html[data-tp-theme] #tpActivityFeed .tp-feed-heading h2{font-size:23px}
}
@media(max-width:370px){
  html[data-tp-theme] #tpActivityFeed .tp-feed-event{grid-template-columns:34px minmax(0,1fr);gap:9px;padding:12px}
  html[data-tp-theme] .tp-main-v2 #tpActivityFeed{padding:12px}
  html[data-tp-theme] #tpActivityFeed .tp-feed-icon{width:34px;height:34px;font-size:17px}
}

/* Editorial news accents: colorful headlines with WCAG-AA contrast in both themes. */
html[data-tp-theme="light"] #tpActivityFeed{
  --tp-feed-card:#fff;
}
html[data-tp-theme="dark"] #tpActivityFeed{
  --tp-feed-card:#14261d;
}
html[data-tp-theme="light"] #tpActivityFeed .tp-feed-event{--tp-story-accent:#1768a5}
html[data-tp-theme="dark"] #tpActivityFeed .tp-feed-event{--tp-story-accent:#9fd4fb}
html[data-tp-theme="light"] #tpActivityFeed .tp-feed-event.tp-feed-won,
html[data-tp-theme="light"] #tpActivityFeed .tp-feed-event.tp-feed-lost,
html[data-tp-theme="light"] #tpActivityFeed .tp-feed-event.tp-feed-public_won{--tp-story-accent:var(--tp-blue,#176fc1)}
html[data-tp-theme="dark"] #tpActivityFeed .tp-feed-event.tp-feed-won,
html[data-tp-theme="dark"] #tpActivityFeed .tp-feed-event.tp-feed-lost,
html[data-tp-theme="dark"] #tpActivityFeed .tp-feed-event.tp-feed-public_won{--tp-story-accent:var(--tp-blue,#7fc8ff)}
html[data-tp-theme="light"] #tpActivityFeed .tp-feed-event.tp-feed-correct,
html[data-tp-theme="light"] #tpActivityFeed .tp-feed-event.tp-feed-passed,
html[data-tp-theme="light"] #tpActivityFeed .tp-feed-event.tp-feed-public_passed{--tp-story-accent:#087c58}
html[data-tp-theme="dark"] #tpActivityFeed .tp-feed-event.tp-feed-correct,
html[data-tp-theme="dark"] #tpActivityFeed .tp-feed-event.tp-feed-passed,
html[data-tp-theme="dark"] #tpActivityFeed .tp-feed-event.tp-feed-public_passed{--tp-story-accent:#8ce9bf}
html[data-tp-theme="light"] #tpActivityFeed .tp-feed-event.tp-feed-incorrect,
html[data-tp-theme="light"] #tpActivityFeed .tp-feed-event.tp-feed-eliminated{--tp-story-accent:#a15515}
html[data-tp-theme="dark"] #tpActivityFeed .tp-feed-event.tp-feed-incorrect,
html[data-tp-theme="dark"] #tpActivityFeed .tp-feed-event.tp-feed-eliminated{--tp-story-accent:#ffd08d}
html[data-tp-theme="light"] #tpActivityFeed .tp-feed-event.tp-feed-opened{--tp-story-accent:#a33881}
html[data-tp-theme="dark"] #tpActivityFeed .tp-feed-event.tp-feed-opened{--tp-story-accent:#ffaddb}
html[data-tp-theme] #tpActivityFeed .tp-feed-event{
  border-left:4px solid var(--tp-story-accent)!important;
  padding:15px!important;
  box-shadow:0 3px 16px rgba(12,35,28,.065);
  gap:11px;
}
html[data-tp-theme] #tpActivityFeed .tp-feed-event .tp-feed-icon{
  background:color-mix(in srgb,var(--tp-story-accent) 8%,var(--tp-feed-card))!important;
  color:var(--tp-story-accent)!important;
  -webkit-text-fill-color:var(--tp-story-accent)!important;
}
html[data-tp-theme] #tpActivityFeed .tp-feed-event .tp-feed-copy h3{
  color:var(--tp-story-accent)!important;-webkit-text-fill-color:var(--tp-story-accent)!important;
  margin:4px 0 8px;line-height:1.32;font-size:16px;
}
html[data-tp-theme] #tpActivityFeed .tp-feed-kind{
  display:inline-block;font-size:10px;letter-spacing:.07em;font-weight:900;line-height:1.3;
  color:var(--tp-story-accent)!important;-webkit-text-fill-color:var(--tp-story-accent)!important;
}
html[data-tp-theme] #tpActivityFeed .tp-feed-pick{
  padding:9px 11px;margin:8px 0;border-radius:10px;
  background:color-mix(in srgb,var(--tp-story-accent) 9%,var(--tp-feed-card))!important;
  border:1px solid color-mix(in srgb,var(--tp-story-accent) 18%,var(--tp-feed-border));
}
html[data-tp-theme] #tpActivityFeed .tp-feed-pick span{
  display:block;font-size:10px;margin-bottom:3px;font-weight:800;
  color:var(--tp-feed-muted)!important;-webkit-text-fill-color:var(--tp-feed-muted)!important;
}
html[data-tp-theme] #tpActivityFeed .tp-feed-pick strong{
  display:block;font-size:13px;line-height:1.35;font-weight:850;overflow-wrap:anywhere;
  color:var(--tp-feed-ink)!important;-webkit-text-fill-color:var(--tp-feed-ink)!important;
}
html[data-tp-theme] #tpActivityFeed .tp-feed-copy .tp-feed-outcome{
  font-size:12px;font-weight:800;margin:5px 0 11px;
  color:var(--tp-feed-ink)!important;-webkit-text-fill-color:var(--tp-feed-ink)!important;
}
html[data-tp-theme] #tpActivityFeed .tp-feed-copy>p:not(.tp-feed-outcome){
  margin-bottom:10px;
}
@media(max-width:780px){
 html[data-tp-theme] #tpActivityFeed .tp-feed-event{padding:12px!important;gap:10px}
 html[data-tp-theme] #tpActivityFeed .tp-feed-copy h3{font-size:15px}
}

html[data-tp-theme] #tpActivityFeed .tp-feed-blog-link{display:inline-flex;align-items:center;justify-content:center;min-height:40px;max-width:100%;font-size:12px;font-weight:850;text-align:center;white-space:normal;flex-shrink:0;padding:9px 12px;text-decoration:none;border-radius:10px;background:var(--tp-feed-subtle)!important;border:1px solid var(--tp-feed-border);color:var(--tp-feed-accent)!important;-webkit-text-fill-color:var(--tp-feed-accent)!important}
#tpActivityFeed .tp-feed-blog-link:focus-visible{outline:3px solid var(--tp-feed-accent);outline-offset:3px}
@media(max-width:680px){#tpActivityFeed .tp-feed-heading{align-items:flex-start;flex-direction:column}#tpActivityFeed .tp-feed-blog-link{width:100%}}