[data-update-nav-badge][hidden],
.simh-update-notice-backdrop[hidden]{display:none!important}

body.simh-app [data-update-nav-link]{
  display:grid!important;
  grid-template-columns:32px minmax(0,1fr) auto!important;
  align-items:center!important
}
body.simh-app [data-update-nav-link].has-update{position:relative}
body.simh-app [data-update-nav-link] [data-update-nav-badge]{
  grid-column:3!important;
  justify-self:end!important;
  margin-left:8px!important;
  min-width:22px!important;
  height:22px!important;
  padding:0 6px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  background:#dc2626!important;
  color:#fff!important;
  box-shadow:0 0 0 4px rgba(220,38,38,.16)!important;
  font-size:11px!important;
  font-style:normal!important;
  font-weight:900!important
}
[data-update-auto-status][data-state="waiting"]{color:#9a5b00}
[data-update-auto-status][data-state="connected"]{color:#15803d}
[data-update-auto-status][data-state="error"]{color:#c42323}
#simhAvailableUpdate{scroll-margin-top:90px}

.simh-update-notice-backdrop{
  position:fixed;
  inset:0;
  z-index:100000;
  display:grid;
  place-items:center;
  padding:16px;
  background:rgba(6,20,34,.72);
  backdrop-filter:blur(8px)
}
.simh-update-notice{
  width:min(88vw,420px);
  max-height:calc(100vh - 32px);
  overflow:auto;
  padding:20px;
  border:1px solid rgba(148,163,184,.3);
  border-radius:18px;
  background:var(--simh-surface,#fff);
  color:var(--simh-text-strong,#17324d);
  box-shadow:0 30px 90px rgba(2,12,27,.38)
}
.simh-update-notice-head{
  display:flex;
  align-items:center;
  gap:9px;
  margin-bottom:12px
}
.simh-update-notice-icon{
  width:36px;
  height:36px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:11px;
  background:rgba(15,143,135,.12);
  color:#0f8f87;
  font-size:21px;
  font-weight:900
}
.simh-update-notice-type{
  display:inline-flex;
  padding:5px 9px;
  border-radius:999px;
  background:rgba(47,114,189,.12);
  color:#2463a5;
  font-size:10px;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase
}
.simh-update-notice-backdrop[data-update-type="recommended"] .simh-update-notice-type{
  background:rgba(245,158,11,.16);
  color:#9a5b00
}
.simh-update-notice-backdrop[data-update-type="mandatory"] .simh-update-notice-type{
  background:rgba(239,68,68,.15);
  color:#c42323
}
.simh-update-notice h2{
  margin:0 0 6px;
  color:inherit;
  font-size:clamp(19px,2.6vw,23px);
  line-height:1.18
}
.simh-update-notice-version{
  margin:0 0 12px;
  color:var(--simh-muted,#60788d);
  font-weight:800
}
.simh-update-countdown{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:12px 0;
  padding:12px 14px;
  border:1px solid rgba(239,68,68,.28);
  border-radius:13px;
  background:rgba(239,68,68,.08)
}
.simh-update-countdown span{
  color:#a61f1f;
  font-size:12px;
  font-weight:800
}
.simh-update-countdown strong{
  color:#b91c1c;
  font-size:22px;
  font-variant-numeric:tabular-nums;
  letter-spacing:.04em
}
.simh-update-notice-copy,
.simh-update-notice-notes{
  margin:10px 0 0;
  color:var(--simh-muted,#60788d);
  font-size:13.5px;
  line-height:1.5
}
.simh-update-notice-notes{
  max-height:80px;
  overflow:auto;
  padding:10px 12px;
  border-radius:11px;
  background:var(--simh-surface-soft,#f3f7fa);
  white-space:pre-line
}
.simh-update-notice-actions{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:16px
}
.simh-update-notice-actions .btn{
  min-height:40px;
  padding:9px 13px!important;
  font-size:12.5px!important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none
}
body.simh-update-enforced .simh-update-notice{
  border-color:rgba(239,68,68,.5)
}

html[data-theme="dark"] .simh-update-notice-backdrop{
  background:rgba(1,5,14,.82)
}
html[data-theme="dark"] .simh-update-notice{
  border-color:#26364e;
  background:#111c2d;
  color:#e7eef8
}
html[data-theme="dark"] .simh-update-notice-notes{
  background:#17243a
}

@media(max-width:600px){
  .simh-update-notice-backdrop{padding:10px}
  .simh-update-notice{width:min(90vw,380px);padding:15px;border-radius:15px}
  .simh-update-countdown{align-items:flex-start;flex-direction:column;gap:6px}
  .simh-update-notice-actions{display:grid;grid-template-columns:1fr}
  .simh-update-notice-actions .btn{width:100%}
}

body.simh-app [data-update-nav-link] [data-update-nav-badge][hidden]{
  display:none!important
}