/* "Uygulamayı İndir" instructions dialog, shared by the menu, waiter app and login page. */
.install-app span:empty { display: none; }
.install-login { margin-top: 10px; }

.install-dialog {
  margin: auto;
  width: min(400px, calc(100% - 32px));
  max-height: calc(100dvh - 32px);
  padding: 28px 24px 22px;
  border: 0; border-radius: 22px;
  font-family: "Roboto", system-ui, sans-serif;
  color: #1d2230; text-align: center;
}
.install-dialog::backdrop { background: rgba(13, 21, 38, .65); }
.install-close { position: absolute; top: 12px; right: 12px; width: 36px; height: 36px; display: grid; place-items: center; border: 0; border-radius: 8px; background: none; color: #6b7180; cursor: pointer; }
.install-close .icon { width: 22px; height: 22px; }
.install-icon { border-radius: 18px; box-shadow: 0 8px 20px rgba(24, 34, 53, .3); }
.install-dialog h2 { font-size: 22px; margin: 14px 0 4px; }
.install-lead { color: #6b7180; font-size: 15px; margin-bottom: 18px; }
.install-now {
  width: 100%; height: 54px; margin-bottom: 14px;
  display: flex; align-items: center; justify-content: center; gap: 10px;
  border: 0; border-radius: 12px; cursor: pointer;
  background: linear-gradient(135deg, #3b82f6, #2563eb); color: #fff;
  font: 700 17px "Roboto", system-ui, sans-serif;
}
.install-now[hidden] { display: none; }
.install-now .icon { width: 22px; height: 22px; }
.install-dialog section { text-align: left; padding: 14px 16px; border-radius: 14px; background: #f5f6f9; margin-bottom: 14px; }
.install-dialog h3 { font-size: 16px; margin-bottom: 8px; color: #f26419; }
.install-dialog ol { padding-left: 20px; display: flex; flex-direction: column; gap: 8px; font-size: 15px; line-height: 1.4; }
.install-glyph { display: inline-grid; place-items: center; width: 24px; height: 24px; border-radius: 6px; background: #e8f0fe; color: #2563eb; font-size: 14px; }
.install-ok {
  width: 100%; height: 50px; border: 0; border-radius: 12px; cursor: pointer;
  background: linear-gradient(135deg, #ff8a3d, #f26419); color: #fff;
  font: 700 17px "Roboto", system-ui, sans-serif;
}