/* ==========================================
   PÁGINA /changelog  (escopo #fd-home .fd-cl)
   Usa as variáveis de home.css
   ========================================== */
#fd-home{
  --cl-add:#22c55e;
  --cl-change:#60a5fa;
  --cl-fix:#f59e0b;
}
#fd-home .fd-cl{padding-top:24px;padding-bottom:56px}
#fd-home .fd-cl-empty{padding:40px;text-align:center}
#fd-home .fd-cl-empty h1{margin:0 0 8px;font-family:'Barlow Condensed',system-ui,sans-serif;font-size:36px;font-style:italic;font-weight:800}
#fd-home .fd-cl-empty p{color:var(--fd-dim);margin:0 0 20px}

/* ---- Cabeçalho do log ---- */
#fd-home .fd-cl-head{position:relative;overflow:hidden;margin-bottom:16px;min-height:220px}
#fd-home .fd-cl-head-media{position:absolute;inset:0;z-index:0;background:linear-gradient(135deg,rgba(59,130,246,.25),rgba(10,12,15,.9))}
#fd-home .fd-cl-head-media img,
#fd-home .fd-cl-head-media video{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(.55)}
#fd-home .fd-cl-head-scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,12,15,.25),rgba(10,12,15,.92))}
#fd-home .fd-cl-head-in{position:relative;z-index:1;padding:24px 28px 22px;display:flex;flex-direction:column;gap:14px;min-height:220px;justify-content:flex-end}

#fd-home .fd-cl-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
#fd-home .fd-cl-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
#fd-home .fd-cl-chip{
  font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  padding:4px 10px;border-radius:999px;
  background:var(--fd-accent-dim);color:var(--fd-accent-hover);border:1px solid rgba(59,130,246,.35);
}
#fd-home .fd-cl-ver{font-family:'Barlow Condensed',system-ui,sans-serif;font-size:16px;font-weight:700;letter-spacing:.06em;color:#fff}
#fd-home .fd-cl-date{font-size:13px;color:var(--fd-dim)}
#fd-home .fd-cl-back{
  display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  color:var(--fd-dim);padding:6px 12px;border-radius:var(--fd-rs);border:1px solid var(--fd-border);background:rgba(255,255,255,.04);transition:all .2s;
}
#fd-home .fd-cl-back:hover{color:#fff;border-color:rgba(255,255,255,.25)}

#fd-home .fd-cl-title{
  margin:0;font-family:'Barlow Condensed','Arial Narrow',system-ui,sans-serif;
  font-size:clamp(34px,6vw,58px);line-height:1;font-weight:800;font-style:italic;letter-spacing:-.005em;color:#fff;
}
#fd-home .fd-cl-lead{margin:0;max-width:640px;font-size:15px;line-height:1.55;color:rgba(255,255,255,.7)}

#fd-home .fd-cl-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:4px}
#fd-home .fd-cl-stats{display:flex;gap:8px;flex-wrap:wrap}
#fd-home .fd-cl-pill{
  display:inline-flex;align-items:baseline;gap:6px;padding:5px 12px;border-radius:999px;
  font-family:'Barlow Condensed',system-ui,sans-serif;font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;
  color:var(--fd-dim);background:rgba(255,255,255,.05);border:1px solid var(--fd-border);
}
#fd-home .fd-cl-pill b{font-size:18px;font-weight:800;color:#fff;letter-spacing:0}
#fd-home .fd-cl-pill[data-kind="add"]{border-color:rgba(34,197,94,.35)} #fd-home .fd-cl-pill[data-kind="add"] b{color:var(--cl-add)}
#fd-home .fd-cl-pill[data-kind="change"]{border-color:rgba(96,165,250,.35)} #fd-home .fd-cl-pill[data-kind="change"] b{color:var(--cl-change)}
#fd-home .fd-cl-pill[data-kind="fix"]{border-color:rgba(245,158,11,.35)} #fd-home .fd-cl-pill[data-kind="fix"] b{color:var(--cl-fix)}

#fd-home .fd-cl-by{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
#fd-home .fd-cl-by-label{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--fd-dim)}
#fd-home .fd-cl-author{display:inline-flex;align-items:center;gap:8px;padding:4px 12px 4px 4px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid var(--fd-border);font-size:13px;font-weight:600;color:#fff;transition:border-color .2s}
#fd-home a.fd-cl-author:hover{border-color:rgba(96,165,250,.6)}
#fd-home .fd-cl-author img,
#fd-home .fd-cl-author i{width:22px;height:22px;border-radius:50%;object-fit:cover;flex-shrink:0}
#fd-home .fd-cl-author i{display:flex;align-items:center;justify-content:center;font-style:normal;font-size:11px;font-weight:800;background:var(--fd-accent);color:#fff}

/* ---- Colunas ---- */
#fd-home .fd-cl-cols{display:grid;grid-template-columns:260px minmax(0,1fr);gap:16px;align-items:start}

/* Trilho de versões */
#fd-home .fd-cl-rail-col{
  position:sticky;top:84px;display:flex;flex-direction:column;
  max-height:calc(100vh - 110px);
  border:1px solid var(--fd-border);border-radius:var(--fd-r);background:var(--fd-glass);overflow:hidden;
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
}
#fd-home .fd-cl-rail-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--fd-border);font-family:'Barlow Condensed',system-ui,sans-serif;font-size:13px;font-weight:700;letter-spacing:.16em;color:var(--fd-dim)}
#fd-home .fd-cl-rail-head b{color:#fff;font-size:15px;letter-spacing:0}
#fd-home .fd-cl-rail{display:flex;flex-direction:column;overflow-y:auto;padding:8px;gap:4px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}
#fd-home .fd-cl-rail-item{
  position:relative;display:grid;grid-template-columns:1fr auto;column-gap:8px;row-gap:2px;
  padding:10px 12px;border-radius:10px;border:1px solid transparent;transition:background .15s,border-color .15s;
}
#fd-home .fd-cl-rail-item:hover{background:rgba(255,255,255,.05)}
#fd-home .fd-cl-rail-item.is-on{background:var(--fd-accent-dim);border-color:rgba(59,130,246,.4)}
#fd-home .fd-cl-rail-v{font-family:'Barlow Condensed',system-ui,sans-serif;font-size:16px;font-weight:700;letter-spacing:.04em;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#fd-home .fd-cl-rail-d{font-size:11px;color:var(--fd-dim);font-variant-numeric:tabular-nums;align-self:center}
#fd-home .fd-cl-rail-t{grid-column:1/-1;font-size:12px;color:var(--fd-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#fd-home .fd-cl-rail-now{position:absolute;right:10px;top:-7px;font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:2px 7px;border-radius:99px;background:var(--fd-accent);color:#fff}

/* ---- Módulos ---- */
#fd-home .fd-cl-body{display:flex;flex-direction:column;gap:12px;min-width:0}
#fd-home .fd-cl-mod{padding:20px 22px}
#fd-home .fd-cl-mod-head{display:flex;align-items:center;gap:12px}
#fd-home .fd-cl-mod-n{
  flex-shrink:0;min-width:34px;height:34px;padding:0 8px;border-radius:9px;display:flex;align-items:center;justify-content:center;
  font-family:'Barlow Condensed',system-ui,sans-serif;font-size:16px;font-weight:800;letter-spacing:.04em;
  color:var(--cl-add);background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.3);
}
#fd-home .fd-cl-mod-n[data-kind="change"]{color:var(--cl-change);background:rgba(96,165,250,.1);border-color:rgba(96,165,250,.3)}
#fd-home .fd-cl-mod-n[data-kind="fix"]{color:var(--cl-fix);background:rgba(245,158,11,.1);border-color:rgba(245,158,11,.3)}
#fd-home .fd-cl-mod-title{margin:0;flex:1;min-width:0;font-family:'Barlow Condensed',system-ui,sans-serif;font-size:26px;font-weight:700;letter-spacing:.02em;color:#fff;line-height:1.1}
#fd-home .fd-cl-mod-count{font-size:12px;font-weight:600;letter-spacing:.06em;color:var(--fd-dim);white-space:nowrap}

#fd-home .fd-cl-kindbar{display:flex;gap:3px;margin:14px 0 6px}
#fd-home .fd-cl-kindbar i{flex:1;max-width:14px;height:4px;border-radius:2px;background:var(--cl-add)}
#fd-home .fd-cl-kindbar i[data-kind="change"]{background:var(--cl-change)}
#fd-home .fd-cl-kindbar i[data-kind="fix"]{background:var(--cl-fix)}

#fd-home .fd-cl-changes{display:flex;flex-direction:column}
#fd-home .fd-cl-change{display:grid;grid-template-columns:26px minmax(0,1fr);gap:12px;padding:14px 0;border-top:1px solid var(--fd-border)}
#fd-home .fd-cl-change:first-child{border-top:none}
#fd-home .fd-cl-mark{
  width:24px;height:24px;border-radius:7px;display:flex;align-items:center;justify-content:center;margin-top:1px;
  font-family:ui-monospace,'Cascadia Code',monospace;font-size:14px;font-weight:800;
  color:var(--cl-add);background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.3);
}
#fd-home .fd-cl-mark[data-kind="change"]{color:var(--cl-change);background:rgba(96,165,250,.12);border-color:rgba(96,165,250,.3)}
#fd-home .fd-cl-mark[data-kind="fix"]{color:var(--cl-fix);background:rgba(245,158,11,.12);border-color:rgba(245,158,11,.3)}
#fd-home .fd-cl-change-title{margin:0;font-size:15px;font-weight:700;color:#fff;line-height:1.35}
#fd-home .fd-cl-change ul{margin:8px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}
#fd-home .fd-cl-change li{position:relative;padding-left:14px;font-size:13.5px;line-height:1.6;color:rgba(255,255,255,.62)}
#fd-home .fd-cl-change li::before{content:"";position:absolute;left:0;top:.72em;width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.25)}
#fd-home .fd-cl-change code,
#fd-home .fd-cl-prose code{font-family:ui-monospace,'Cascadia Code',monospace;font-size:.92em;padding:1px 6px;border-radius:5px;background:rgba(255,255,255,.08);color:#cfe0ff}
#fd-home .fd-cl-change strong{color:#fff}

#fd-home .fd-cl-prose{font-size:14.5px;line-height:1.7;color:rgba(255,255,255,.75)}
#fd-home .fd-cl-prose p{margin:0 0 12px}
#fd-home .fd-cl-prose p:last-child{margin-bottom:0}

/* ---- Responsivo ---- */
@media(max-width:900px){
  #fd-home .fd-cl-cols{grid-template-columns:1fr}
  #fd-home .fd-cl-rail-col{position:static;max-height:none}
  #fd-home .fd-cl-rail{flex-direction:row;overflow-x:auto;overflow-y:hidden;padding:10px}
  #fd-home .fd-cl-rail-item{flex:0 0 150px}
}
@media(max-width:600px){
  #fd-home .fd-cl-head-in{padding:18px 16px}
  #fd-home .fd-cl-mod{padding:16px}
  #fd-home .fd-cl-mod-title{font-size:22px}
  #fd-home .fd-cl-mod-count{display:none}
}