/* Keep labels, technical names and status badges on separate rows. */
.mini-app body {
  padding-top: var(--tg-content-safe-area-inset-top, 0px);
  padding-bottom: var(--tg-content-safe-area-inset-bottom, 0px);
}
.mini-app .sidebar {
  margin-bottom: var(--tg-content-safe-area-inset-bottom, 0px);
}
.mini-app .boot-screen, .mini-app .login-shell {
  min-height: var(--tg-viewport-stable-height, 100vh);
}
.mini-app .row-delete { display: block; }
.settings-content {
  min-width: 0;
  container-type: inline-size;
}

.field-row {
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
  padding-block: 20px;
}

.field-copy {
  display: grid;
  justify-items: start;
  gap: 8px;
  min-width: 0;
}

.field-copy label {
  margin: 0;
  font-size: 14px;
  line-height: 1.4;
}

.field-copy code {
  max-width: 100%;
  overflow-wrap: anywhere;
  font-size: 11px;
  line-height: 1.5;
}

.field-copy small {
  margin: 0;
  font-size: 12px;
  line-height: 1.5;
}

.restart-mark {
  margin: 0;
  padding: 3px 8px;
  border: 1px solid rgba(244, 200, 103, .18);
  border-radius: 6px;
  background: rgba(244, 200, 103, .06);
  font-size: 11px;
  line-height: 1.5;
  letter-spacing: normal;
  text-transform: none;
}

.field-control,
.field-control input,
.field-control select,
.field-control textarea {
  min-width: 0;
}

.field-control input,
.field-control select,
.field-control textarea {
  font-size: 14px;
}

.secret-control {
  grid-template-columns: minmax(0, 1fr) auto auto;
}

.dotenv-path {
  overflow-wrap: anywhere;
}

@container (max-width: 620px) {
  .field-row {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
  }
  .switch { margin-left: 0; }
}

@media (max-width: 700px) {
  .field-row {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
  }
  .field-control input,
  .field-control select,
  .field-control textarea {
    font-size: 16px;
  }
}