/* ANA-11 — folha de estilos ISOLADA; ainda não incluída no index.html/SW. */
.c4y{--c4y-text:#172335;--c4y-muted:#64748b;--c4y-bg:#fff;--c4y-edge:#e2e8f0;--c4y-soft:#f5f8fd;--c4y-accent:#156a55;--c4y-accent-bg:#e8f5ee;color:var(--c4y-text);display:grid;gap:14px;max-width:720px;margin:0 auto;padding:10px 0 24px;font-family:inherit;line-height:1.45;min-width:0}
.dark .c4y,.c4y.dark{--c4y-text:#e8effa;--c4y-muted:#abbcd0;--c4y-bg:#131d2b;--c4y-edge:#33445a;--c4y-soft:#202d3d;--c4y-accent:#66d7b0;--c4y-accent-bg:#183b36}
.c4y *{box-sizing:border-box;min-width:0}
.c4y h2,.c4y h3,.c4y p{margin:0}
.c4y-card{border:1px solid var(--c4y-edge);border-radius:18px;background:var(--c4y-bg);padding:16px}
.c4y-intro{display:grid;gap:6px;padding:4px 2px 6px}
.c4y-title{font-size:27px;font-weight:850;letter-spacing:-.7px;line-height:1.15}
.c4y-eyebrow,.c4y-label{font-size:10px;letter-spacing:.11em;font-weight:800;color:var(--c4y-muted)}
.c4y-muted{color:var(--c4y-muted)}
.c4y-small{font-size:12px;line-height:1.5}
.c4y-period{font-size:12px;font-weight:700;color:var(--c4y-accent)}
.c4y-hero{background:linear-gradient(145deg,var(--c4y-soft),var(--c4y-bg));display:grid;gap:9px;padding:20px}
.c4y-hero-value{display:block;font-size:clamp(27px,7vw,38px);font-weight:850;letter-spacing:-1.1px;color:var(--c4y-accent);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.c4y-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.c4y-stat{display:grid;align-content:start;gap:8px;padding:13px}
.c4y-stat-value{font-size:clamp(15px,4.1vw,20px);letter-spacing:-.3px;line-height:1.25;font-weight:800;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.c4y-projected{background:var(--c4y-soft);font-size:13px;display:grid;gap:5px}
.c4y-note{background:var(--c4y-accent-bg);border-color:transparent;display:grid;gap:10px}
.c4y-note-title,.c4y-section-title{font-size:17px;font-weight:850;line-height:1.25;letter-spacing:-.2px}
.c4y-note p{font-size:13px;line-height:1.6}
.c4y-section{display:grid;gap:9px}
.c4y-month{padding:0;overflow:hidden}
.c4y-month-toggle{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:7px;row-gap:5px;width:100%;align-items:center;text-align:left;padding:15px 35px 15px 15px;border:0;background:transparent;color:inherit;cursor:pointer;font:inherit}
.c4y-month-toggle:focus-visible,.c4y-link:focus-visible,.c4y-primary:focus-visible,.c4y-secondary:focus-visible{outline:2px solid var(--c4y-accent);outline-offset:2px}
.c4y-month-caption{font-size:13px;color:var(--c4y-muted);grid-column:1}
.c4y-month-value{font-size:19px;font-weight:800;font-variant-numeric:tabular-nums;grid-column:1}
.c4y-chevron{position:absolute;right:15px;top:22px;color:var(--c4y-accent);font-size:18px}
.c4y-month-forecast{font-size:12px;color:var(--c4y-muted);padding:0 15px 12px}
.c4y-month-details{padding:13px 15px 16px;border-top:1px solid var(--c4y-edge);display:grid;gap:10px}
.c4y-month-details[hidden]{display:none}
.c4y-account-line{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--c4y-edge);padding:0 0 9px}
.c4y-account-line:last-child{border-bottom:0;padding-bottom:0}
.c4y-account-info{display:grid;gap:4px;flex:1 1 120px}
.c4y-account-name{font-size:13px;font-weight:650;overflow-wrap:anywhere}
.c4y-account-value{font-size:14px;font-weight:800;font-variant-numeric:tabular-nums}
.c4y button{font-family:inherit}
.c4y-link{font-size:12px;color:var(--c4y-accent);font-weight:800;text-decoration:underline;text-underline-offset:2px;background:transparent;border:0;cursor:pointer;padding:7px 0;text-align:left}
.c4y-rank-row{display:grid;gap:6px;padding:12px 14px;grid-template-columns:1fr auto;align-items:center}
.c4y-rank-track{height:5px;border-radius:99px;background:var(--c4y-soft);overflow:hidden;grid-column:1/-1}
.c4y-rank-fill{height:100%;background:var(--c4y-accent);border-radius:99px;max-width:100%}
.c4y-alert{display:grid;gap:10px;background:var(--c4y-soft)}
.c4y-alert p{font-size:13px;line-height:1.6}
.c4y-primary,.c4y-secondary{width:100%;min-height:43px;border-radius:12px;padding:10px 12px;border:1px solid var(--c4y-accent);font-size:13px;font-weight:800;cursor:pointer}
.c4y-primary{background:var(--c4y-accent);color:#fff}
.dark .c4y-primary{color:#09281d}
.c4y-secondary{background:transparent;color:var(--c4y-accent)}
.c4y-disclaimer{font-size:11px;line-height:1.5;color:var(--c4y-muted)}
.c4y-empty{color:var(--c4y-muted);padding:16px}
@media(max-width:359px){.c4y{gap:10px}.c4y-card{padding:12px}.c4y-month{padding:0}.c4y-month-toggle{padding:13px 32px 13px 12px}.c4y-month-details{padding:12px}.c4y-stats{gap:7px}.c4y-stat{padding:10px}.c4y-hero{padding:16px}}

/* Menu por assunto — o card Rendimentos abre em subtela própria. */
.c4y-topic-menu{display:grid;gap:12px;padding:4px 0 22px;max-width:720px;margin:0 auto}
.c4y-topic{width:100%;display:flex;align-items:center;gap:12px;text-align:left;cursor:pointer;font:inherit;color:#172335;min-height:92px;box-shadow:0 4px 16px rgba(23,35,53,.04)}
.dark .c4y-topic{color:#e8effa;background:#131d2b;border-color:#33445a}
.c4y-topic:focus-visible{outline:2px solid #156a55;outline-offset:3px}
.c4y-topic-icon{width:42px;height:42px;flex:0 0 42px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:#e8f5ee;color:#156a55}
.dark .c4y-topic-icon{background:#183b36;color:#66d7b0}
.c4y-topic-body{flex:1;min-width:0;display:grid;gap:5px}
.c4y-topic-body strong{font-size:16px;font-weight:850;line-height:1.25}
.c4y-topic-body small{font-size:12px;line-height:1.45;color:#64748b}
.dark .c4y-topic-body small{color:#abbcd0}

/* Identidade visual: reutilizar ícone/logotipo já cadastrado para cada conta. */
.c4y-account-title{display:inline-flex;align-items:center;gap:9px;min-width:0;max-width:100%}
.c4y-account-title .c4y-account-name{min-width:0;overflow-wrap:anywhere}
.c4y-account-icon{width:30px;height:30px;flex:0 0 30px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;background:#f1f5f9;overflow:hidden}
.dark .c4y-account-icon{background:#263648}
.c4y-account-logo{display:block;width:100%;height:100%;object-fit:contain;background:#fff;border-radius:inherit}
.c4y-account-logo[hidden],.c4y-account-logo-fallback[hidden]{display:none}
.c4y-account-logo-fallback{font-size:17px;color:#637b95;line-height:1}
.dark .c4y-account-logo-fallback{color:#acc2d7}

/* ANA-11: quatro competências dentro do card de renda passiva aprovado. */
.c4y-hero-months{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;
  padding-top:16px;margin-top:7px;border-top:1px solid var(--c4y-edge)}
.c4y-hero-month{position:relative;display:flex;align-items:center;justify-content:space-between;
  gap:7px;min-height:92px;padding:13px 12px;border:1px solid var(--c4y-edge);
  border-radius:14px;background:var(--c4y-bg);color:inherit;text-align:left;width:100%;cursor:pointer;font:inherit}
.c4y-hero-month:focus-visible,.c4y-month-account:focus-visible{
  outline:2px solid var(--c4y-accent);outline-offset:2px}
.c4y-month-screen{padding-top:14px}
.c4y-month-back{width:max-content;max-width:100%;padding:8px 14px}
.c4y-month-account{width:100%;text-align:left;color:inherit;cursor:pointer;font:inherit}
.c4y-month-account:disabled{opacity:.75;cursor:wait}
.c4y-month-account .c4y-rank-track{display:block}
.c4y-month-account .c4y-rank-fill{display:block}
.c4y-month-screen .c4y-hero-value{font-size:clamp(25px,6vw,33px)}
.c4y-month-screen .c4y-account-title{justify-content:flex-start}
.c4y-hero-month-info{display:grid;gap:6px;min-width:0}
.c4y-hero-month-name{font-size:12px;font-weight:650;line-height:1.3;color:var(--c4y-muted)}
.c4y-hero-month-value{font-size:clamp(13px,3.6vw,21px);line-height:1.22;
  letter-spacing:-.025em;font-weight:850;font-variant-numeric:tabular-nums;
  overflow-wrap:anywhere}
.c4y-hero-month-icon{display:inline-flex;flex:0 0 38px;width:38px;height:38px;
  border-radius:50%;align-items:center;justify-content:center;
  background:var(--c4y-soft);color:var(--c4y-muted)}
.c4y-hero-month-winner{border-color:color-mix(in srgb,var(--c4y-accent) 31%,var(--c4y-edge));
  background:color-mix(in srgb,var(--c4y-accent-bg) 30%,var(--c4y-bg))}
.c4y-hero-month-winner .c4y-hero-month-name,
.c4y-hero-month-winner .c4y-hero-month-value{color:var(--c4y-accent)}
.c4y-hero-month-winner .c4y-hero-month-icon{color:var(--c4y-accent);background:var(--c4y-accent-bg)}
.c4y-hero-winner-badge{position:absolute;top:0;right:9px;transform:translateY(-45%);
  background:var(--c4y-accent-bg);color:var(--c4y-accent);border-radius:100px;
  padding:3px 6px;font-size:8px;letter-spacing:.055em;font-weight:850;line-height:1.2}
@media(max-width:359px){
 .c4y-hero-months{gap:7px;padding-top:14px}
 .c4y-hero-month{padding:12px 8px;gap:4px;min-height:87px}
 .c4y-hero-month-icon{flex-basis:29px;width:29px;height:29px}
 .c4y-hero-month-icon svg{width:19px;height:19px}
 .c4y-hero-month-name{font-size:11px}
 .c4y-hero-month-value{font-size:13px}
 .c4y-hero-winner-badge{font-size:7px;right:5px}
}
/* Filtro de quatro meses: cabeçalho superior, na linha da seta. */
.c4y-detail-header{display:flex;align-items:center;gap:10px;justify-content:space-between;flex-wrap:nowrap}
.c4y-detail-header .ana10-back{flex:0 0 auto}
.c4y-detail-header-title{min-width:0;flex:1 1 auto}
.c4y-period-filter{position:relative;flex:0 1 auto;min-width:0}
.c4y-period-trigger{display:inline-flex;align-items:center;justify-content:center;gap:5px;
  min-height:43px;padding:7px 9px;background:var(--c4y-bg,#fff);
  border:1px solid var(--c4y-edge,#e2e8f0);border-radius:13px;
  color:var(--c4y-text,#172335);font:inherit;font-size:12px;font-weight:700;
  white-space:nowrap;cursor:pointer}
.c4y-period-trigger svg{width:17px;height:17px;flex-shrink:0;color:var(--c4y-accent,#156a55)}
.c4y-period-trigger:focus-visible,.c4y-period-panel button:focus-visible,
.c4y-period-panel input:focus-visible{outline:2px solid var(--c4y-accent,#156a55);outline-offset:2px}
.c4y-period-trigger-label{min-width:0;overflow:hidden;text-overflow:ellipsis}
.c4y-period-panel{position:absolute;right:0;top:calc(100% + 6px);z-index:20;
  width:min(300px,calc(100vw - 35px));padding:14px;border:1px solid var(--c4y-edge,#e2e8f0);
  border-radius:14px;background:var(--c4y-bg,#fff);color:var(--c4y-text,#172335);
  box-shadow:0 14px 36px rgba(15,23,42,.18)}
.c4y-period-panel[hidden]{display:none}
.c4y-period-panel label{display:grid;gap:7px;font-size:13px;font-weight:700}
.c4y-period-panel input{width:100%;padding:10px;border:1px solid var(--c4y-edge,#e2e8f0);
  border-radius:9px;background:var(--c4y-bg,#fff);color:inherit;font:inherit}
.c4y-period-panel p{margin:9px 0;font-size:12px;color:var(--c4y-muted,#64748b)}
.c4y-period-panel .c4y-period-error{color:#b91c1c}
.c4y-period-actions{display:flex;gap:8px}
.c4y-period-actions button{flex:1;padding:9px;border-radius:10px;border:1px solid var(--c4y-accent,#156a55);
  font:inherit;font-size:12px;font-weight:700;cursor:pointer}
.c4y-period-apply{background:var(--c4y-accent,#156a55);color:#fff}
.c4y-period-cancel{background:transparent;color:var(--c4y-accent,#156a55)}
.dark .c4y-period-filter{--c4y-bg:#131d2b;--c4y-text:#e8effa;--c4y-edge:#33445a;--c4y-muted:#abbcd0;--c4y-accent:#66d7b0}
.dark .c4y-period-apply{color:#09281d}
@media(max-width:359px){
 .c4y-detail-header{gap:6px}
 .c4y-period-trigger{padding:6px;font-size:10px;min-height:39px}
 .c4y-period-trigger svg{width:13px;height:13px}
}

/* ANA-11: histórico de inativas no mesmo ranking, cinco primeiros e expansão. */
.c4y-account-title{flex-wrap:wrap;row-gap:5px}
.c4y-account-title .c4y-account-icon{flex-shrink:0}
.c4y-inactive-tag{display:inline-flex;align-items:center;max-width:100%;
  border-radius:99px;padding:3px 7px;background:var(--c4y-soft);
  color:var(--c4y-muted);border:1px solid var(--c4y-edge);
  font-size:10px;line-height:1.2;font-weight:750;white-space:nowrap}
.c4y-rank-extras{display:grid;gap:9px}
.c4y-rank-extras[hidden]{display:none}
.c4y-rank-more{margin-top:2px}
.c4y-restore-inline{display:grid;gap:8px;padding:12px;border-radius:13px;
  border:1px solid var(--c4y-edge);background:var(--c4y-soft)}
.c4y-restore-line{display:flex;align-items:center;justify-content:space-between;
  gap:8px;flex-wrap:wrap;border-top:1px solid var(--c4y-edge);padding-top:7px}
.c4y-restore-line .c4y-account-title{flex:1 1 170px}
@media(max-width:359px){
 .c4y-rank-row{grid-template-columns:minmax(0,1fr) auto;gap:5px;padding:10px 8px}
 .c4y-rank-row .c4y-account-value{font-size:12px}
 .c4y-inactive-tag{font-size:9px;padding:2px 5px}
}