* {
  box-sizing: border-box; /* 👈 Важно для корректных расчётов */
}

body {
  margin: 20px; /* Небольшой отступ от краёв экрана */
  min-height: 100vh;
  
  display: flex;
  justify-content: center;
  align-items: center;
  
  background-color: teal;
}

.window {
  width: 25%;
  height: auto;
  margin: 0;
  max-width: none;
  
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;

  /* Важно для перетаскивания */
  position: relative;
}

#window-pass {
  width: 40%;
  height: auto;
  margin: 0;
  max-width: none;
}

#window-wish {
  width: 40%;
  height: auto;
  margin: 0;
  max-width: none;

  user-select: text;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
}

.title-bar {
  cursor: grab;
}

.title-bar:active {
  cursor: grabbing;
}

.web-icon {
  height: 30px;           /* Увеличенный размер */
  width: auto;
  position: absolute;     /* Вынимаем из потока, чтобы не мешала тексту */
  top: 5px;              /* Отступ от верхнего края */
  right: 10px;            /* Отступ от правого края */
}

.window-body {
  position: relative;
}


.password-row {
  display: flex;
  align-items: center;
  gap: 5px;
  width: 100%;
  margin-bottom: 5px;
}

.password-input {
  /* 👇 Убираем flex: 1 и задаём фиксированную ширину */
  width: 20ch; /* Примерно 20 символов */
  height: 28px;
  font-family: 'Pixelify Sans', monospace;
  font-size: 12px;
  flex-shrink: 0; /* Не сжимать */
}

.password-btn {
  width: 28px;  /* 👈 Сделали равным height */
  height: 28px; /* 👈 Оставили как есть */
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.password-btn .btn-copy {
  height: 16px;
  width: auto;
  display: block;
}