.account-settings { max-width: 42rem; }
.account-settings > form { display: grid; gap: .65rem; min-width: 0; }
#account-timezone { margin-top: 1.75rem; padding-top: 1.5rem; border-top: 1px solid var(--border, #dfd1bc); }
#account-timezone-zone { min-height: 44px; width: 100%; min-width: 0; box-sizing: border-box; }
.account-timezone-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .65rem;
  margin: 0;
  min-width: 0;
  max-width: 100%;
}
.account-timezone-actions button {
  min-height: 44px;
  min-width: 44px;
  max-width: 100%;
  box-sizing: border-box;
  margin: 0;
  white-space: normal;
  overflow-wrap: anywhere;
}
.account-timezone-actions button:not(.primary) {
  background: var(--card);
  color: var(--ink);
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 10px 16px;
}
.account-timezone-actions button:not(.primary):hover {
  background: var(--paper-2);
  border-color: var(--teal);
}
.account-timezone-actions button:not(.primary):focus-visible {
  outline: 2px solid var(--teal);
  outline-offset: 2px;
  box-shadow: var(--focus);
}
.account-timezone-actions button:disabled {
  cursor: default;
  opacity: .55;
}
.account-timezone-actions button:disabled:hover {
  background: var(--card);
  border-color: var(--line);
  transform: none;
  box-shadow: none;
}
.account-timezone-actions button.primary:disabled:hover {
  background: var(--ink);
}
#account-timezone-help, #account-timezone-current, #account-timezone-status { margin: 0; line-height: 1.5; overflow-wrap: anywhere; }
#account-timezone-status:empty { display: none; }
.account-timezone-widget-hold { border: 0; margin: 0; padding: 0; min-width: 0; }
.account-timezone-widget-hold > p { color: #9b302d; line-height: 1.45; }
#account-timezone-notice { padding: .8rem; margin: .5rem 0; border: 1px solid #dfd1bc; border-radius: .65rem; }
#account-timezone-notice > p { margin: 0 0 .65rem; line-height: 1.45; overflow-wrap: anywhere; }