.account-layout { grid-template-columns: minmax(0, 1fr); }

.account {
  min-width: 0;
  width: min(100%, 406px);
}

.account:has(#delivery:not([hidden])) { width: min(100%, 560px); }
.account-phone, .account-note { margin: 0 0 16px; color: var(--muted); font-size: 14px; line-height: 1.55; }
.account > .message { margin: 0 0 16px; }
#title:focus { outline: none; }

.delivery-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  border-top: 1px solid var(--line);
  padding-block: 10px;
}

.delivery-bar h2, .delivery-bar h3 { margin: 0; }
.delivery-bar h2 { font-size: 22px; font-weight: 680; }
.delivery-bar h3 { font-size: 14px; font-weight: 650; }
.delivery-bar .secondary { min-width: 88px; min-height: 44px; }
.content-bar { border: 0; padding-top: 2px; }

#delivery-text {
  margin: 0;
  min-height: 70px;
  padding: 14px 15px;
  border: 1px solid var(--line);
  border-radius: 3px;
  background: var(--field);
  color: var(--ink);
  font: 14px/1.65 ui-monospace, Consolas, "Microsoft YaHei", monospace;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  user-select: text;
}

.exit-button {
  min-height: 44px;
  margin-top: 12px;
  padding: 0 4px;
  border: 0;
  background: transparent;
  color: var(--muted);
  font-size: 14px;
}
.exit-button:hover:enabled { color: var(--ink); text-decoration: underline; }

@media (max-width: 720px) {
  .account { margin-inline: auto; }
}