/* Release notes. Uses the app's own tokens; falls back to the lumic values
   where an app has none. */
.release-bar{
  display:flex; flex-wrap:wrap; align-items:center; gap:4px 12px;
  padding:7px 26px; font-size:13px; line-height:1.4;
  background:var(--primary-tint,rgba(94,92,230,.12)); color:var(--text-strong,#1b2230);
  border-bottom:1px solid var(--primary-tint-strong,rgba(94,92,230,.2));
}
.release-bar .rb-dot{width:8px; height:8px; border-radius:50%; background:var(--primary,#5e5ce6); flex:none}
.release-bar .rb-text{min-width:0; overflow-wrap:anywhere}
.release-bar .rb-when{color:var(--muted,#6b7280)}
.release-bar .rb-link{color:var(--primary-dark,#4b49c9); font-weight:620; text-decoration:none; white-space:nowrap}
.release-bar .rb-link:hover{text-decoration:underline}

/* Update installed: green, at the top, closes by itself */
.release-installed[hidden]{display:none}
.release-installed{
  display:flex; flex-wrap:wrap; align-items:center; gap:4px 12px;
  padding:8px 26px; font-size:13px; line-height:1.4;
  background:var(--green-bg,#e8f7ee); color:var(--green-fg,#11713a);
  border-bottom:1px solid rgba(21,163,74,.25);
  animation:riIn .3s ease-out; transition:opacity .4s ease;
}
.release-installed.ri-leaving{opacity:0}
.release-installed .ri-check{font-weight:700}
.release-installed .ri-text{min-width:0; overflow-wrap:anywhere}
.release-installed .ri-link{color:inherit; font-weight:650; white-space:nowrap}
.release-installed .ri-close{margin-left:auto; background:none; border:none; color:inherit;
  font-size:18px; line-height:1; padding:2px 6px; border-radius:6px; cursor:pointer; opacity:.7}
.release-installed .ri-close:hover{opacity:1; background:rgba(21,163,74,.12)}
@keyframes riIn{from{opacity:0; transform:translateY(-6px)}to{opacity:1; transform:none}}
@media (prefers-reduced-motion: reduce){.release-installed{animation:none; transition:none}}

.release-modal[hidden]{display:none}
.release-modal{position:fixed; inset:0; z-index:1000; display:flex; align-items:center; justify-content:center; padding:16px}
.release-modal .rm-backdrop{position:absolute; inset:0; background:rgba(20,24,40,.38)}
.release-modal .rm-card{
  position:relative; width:min(480px,100%); max-height:calc(100vh - 32px); overflow:auto;
  background:var(--card,#fff); color:var(--text,#333c4d); border-radius:var(--radius,14px);
  box-shadow:0 18px 50px -12px rgba(20,24,40,.35); padding:22px 24px 18px;
}
.release-modal .rm-kicker{font-size:11px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--primary,#5e5ce6)}
.release-modal h2{margin:4px 0 2px; font-size:18px; line-height:1.3; color:var(--text-strong,#1b2230)}
.release-modal .rm-date{font-size:12px; color:var(--muted-2,#9aa3b2); min-height:1em}
.release-modal ul{margin:14px 0 18px; padding-left:20px}
.release-modal li{margin:0 0 8px}
.release-modal .rm-foot{display:flex; align-items:center; justify-content:space-between; gap:12px}
.release-modal .rm-all{font-size:13px; color:var(--primary-dark,#4b49c9); text-decoration:none}
.release-modal .rm-ok{border:none; border-radius:10px; padding:9px 20px; font-weight:650; font-size:14px;
  background:var(--primary,#5e5ce6); color:#fff}
.release-modal .rm-ok:hover{background:var(--primary-dark,#4b49c9)}

/* Settings -> Updates */
.updates-list{display:flex; flex-direction:column; gap:14px; max-width:760px}
.update-card{background:var(--card,#fff); border:1px solid var(--border,#e7eaf0); border-radius:var(--radius,14px); padding:16px 20px}
.update-card h3{margin:0; font-size:15px; color:var(--text-strong,#1b2230)}
.update-card .uc-meta{font-size:12px; color:var(--muted-2,#9aa3b2); margin-top:2px}
.update-card ul{margin:10px 0 0; padding-left:20px}
.update-card li{margin:0 0 6px}
.updates-empty{color:var(--muted,#6b7280)}

@media (max-width:600px){ .release-bar,.release-installed{padding:7px 16px} }
@media print{ .release-bar,.release-installed,.release-modal{display:none !important} }