/* Check for updates. The same shape as the About screen: the app's sheet, the
   modal head with its close box, 37dp meta rows over an #EEE8F4 divider, and a
   full-width button on the #6330DB to #9147ED gradient. */

.update-page .modal-head h2
{
  color:#201C25;
  font-size:21px;
  font-weight:700
}

.update-page .close-btn
{
  width:35px;
  height:35px;
  display:grid;
  place-items:center;
  border:0;
  border-radius:11px;
  background:#f5f2f8;
  color:#5d5666;
  font-size:22px;
  line-height:22px;
  cursor:pointer
}

.update-status
{
  margin:12px 0 0;
  color:#756f7f;
  font-size:12px;
  line-height:1.5
}

.update-status.is-new
{
  color:#6330db;
  font-weight:700
}

.update-status.is-error
{
  color:#b3261e
}

.update-meta
{
  margin-top:8px
}

.update-meta-row
{
  display:flex;
  align-items:center;
  gap:10px;
  height:37px;
  border-top:1px solid #eee8f4
}

.update-meta-row span
{
  color:#756f7f;
  font-size:12px
}

.update-meta-row strong
{
  margin-left:auto;
  color:#24202a;
  font-size:12px;
  font-weight:700
}

.update-download
{
  display:grid;
  place-items:center;
  width:100%;
  height:44px;
  margin-top:10px;
  border-radius:13px;
  background:linear-gradient(
    90deg,
    #6330db 0%,
    #9147ed 100%
  );
  color:#fff;
  font-size:13px;
  font-weight:700;
  text-decoration:none
}

.update-done
{
  width:100%;
  height:44px;
  margin-top:10px;
  border:1px solid #eee8f4;
  border-radius:13px;
  background:#fff;
  color:#6330db;
  font-size:13px;
  font-weight:700;
  cursor:pointer
}