.update-shell { padding-bottom:4rem; }
.update-stat-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1rem; margin:1rem 0 1.25rem; }
.update-stat { padding:1rem 1.05rem; border-radius:16px; background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018)); border:1px solid rgba(255,255,255,.09); min-height:105px; display:flex; flex-direction:column; justify-content:center; }
.update-stat span { color:var(--muted,#aaa4bb); font-size:.72rem; text-transform:uppercase; letter-spacing:.11em; font-weight:800; }
.update-stat strong { font-size:1.45rem; margin:.28rem 0; }
.update-stat small { color:var(--muted,#aaa4bb); }
.update-two-column { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; margin:1rem 0; }
.privacy-strip { padding:.78rem .9rem; margin:.8rem 0 1rem; border-radius:12px; background:rgba(93,214,170,.06); border:1px solid rgba(93,214,170,.18); }
.mini-note { margin-top:.8rem; color:var(--muted,#aaa4bb); font-size:.82rem; }
.update-file { display:grid; gap:.45rem; margin:.9rem 0; }
.update-file span { font-weight:800; font-size:.82rem; }
.update-file input { padding:.8rem; border:1px dashed rgba(255,255,255,.17); border-radius:12px; background:rgba(255,255,255,.025); }
.tiny { font-size:.74rem; }
.update-badge { display:inline-flex; align-items:center; padding:.38rem .65rem; border-radius:999px; font-size:.7rem; font-weight:900; letter-spacing:.08em; }
.update-badge.good { color:#a9f3cf; background:rgba(50,214,144,.1); border:1px solid rgba(50,214,144,.25); }
.update-badge.neutral { color:#c8c0d5; background:rgba(255,255,255,.045); border:1px solid rgba(255,255,255,.1); }
.staged-panel { margin-top:.7rem; }
.empty-stage { display:grid; gap:.25rem; padding:1rem; border-radius:13px; background:rgba(46,204,142,.05); border:1px solid rgba(46,204,142,.15); }
.empty-stage span { color:var(--muted,#aaa4bb); }
.stage-detail-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.65rem; }
.stage-detail-grid > div { padding:.75rem; border-radius:11px; background:rgba(255,255,255,.028); border:1px solid rgba(255,255,255,.07); min-width:0; }
.stage-detail-grid .wide { grid-column:span 2; }
.stage-detail-grid span, .stage-detail-grid strong, .stage-detail-grid code { display:block; }
.stage-detail-grid span { color:var(--muted,#aaa4bb); font-size:.68rem; text-transform:uppercase; letter-spacing:.08em; margin-bottom:.2rem; }
.stage-detail-grid code { overflow-wrap:anywhere; font-size:.72rem; }
.stage-warning { margin-top:.75rem; padding:.75rem .9rem; border-radius:11px; background:rgba(255,181,67,.08); border:1px solid rgba(255,181,67,.2); color:#ffd7a1; }
.apply-box { margin-top:.8rem; padding:1rem; border-radius:13px; background:rgba(0,0,0,.14); }
.apply-box ol { margin:.55rem 0 0 1.2rem; padding:0; }
.apply-box li { margin:.42rem 0; }
.row-actions { display:flex; gap:.55rem; flex-wrap:wrap; margin-top:.8rem; }
.health-list { display:grid; gap:.55rem; }
.health-row { display:grid; grid-template-columns:auto 1fr; gap:.7rem; align-items:center; padding:.72rem .8rem; border-radius:12px; border:1px solid rgba(255,255,255,.07); background:rgba(255,255,255,.025); }
.health-row .health-icon { width:1.8rem; height:1.8rem; border-radius:50%; display:grid; place-items:center; font-weight:900; }
.health-row strong, .health-row small { display:block; }
.health-row small { color:var(--muted,#aaa4bb); margin-top:.13rem; }
.health-row.good .health-icon { color:#91efc4; background:rgba(45,203,139,.1); }
.health-row.warn .health-icon { color:#ffd596; background:rgba(255,184,77,.1); }
.health-row.bad .health-icon { color:#ff9cad; background:rgba(255,76,111,.1); }
.release-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.75rem; }
.release-card { padding:1rem; border-radius:14px; border:1px solid rgba(255,255,255,.08); background:rgba(255,255,255,.025); }
.release-card.current { border-color:rgba(255,80,173,.35); background:linear-gradient(145deg,rgba(255,55,158,.08),rgba(127,72,255,.045)); }
.release-head { display:flex; justify-content:space-between; gap:.65rem; align-items:flex-start; }
.release-head > div { display:flex; gap:.55rem; align-items:center; flex-wrap:wrap; }
.version-chip, .current-chip { display:inline-flex; padding:.28rem .5rem; border-radius:999px; font-size:.68rem; font-weight:900; }
.version-chip { background:rgba(255,255,255,.07); }
.current-chip { color:#ffb5df; background:rgba(255,65,163,.1); border:1px solid rgba(255,65,163,.24); }
.release-card ul { margin:.7rem 0 .55rem 1.1rem; padding:0; }
.release-card li { margin:.3rem 0; color:#ddd7e8; font-size:.85rem; }
.release-card small { color:var(--muted,#aaa4bb); }
.timeline { display:grid; gap:.08rem; }
.timeline-row { position:relative; display:grid; grid-template-columns:18px 1fr; gap:.65rem; padding:.62rem 0; }
.timeline-row:not(:last-child)::before { content:""; position:absolute; left:7px; top:24px; bottom:-5px; width:1px; background:rgba(255,255,255,.11); }
.timeline-dot { width:15px; height:15px; margin-top:.2rem; border-radius:50%; border:3px solid rgba(255,100,185,.35); background:#21172d; z-index:1; }
.timeline-row strong, .timeline-row small, .timeline-row time { display:block; }
.timeline-row strong { text-transform:capitalize; }
.timeline-row small { color:#d8d1e1; margin:.12rem 0; }
.timeline-row time { color:var(--muted,#aaa4bb); font-size:.72rem; }
.support-card .button { margin-top:.35rem; display:inline-flex; }
@media (max-width:1050px) {
  .update-stat-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .update-two-column { grid-template-columns:1fr; }
  .stage-detail-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:680px) {
  .update-stat-grid, .release-grid, .stage-detail-grid { grid-template-columns:1fr; }
  .stage-detail-grid .wide { grid-column:span 1; }
}