.legacy-appearance-actions {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.legacy-full-appearance {
  max-width: 710px;
  min-height: 420px;
  display: flex;
  flex-direction: column;
}
html[lang] .legacy-full-appearance .legacy-appearance-action {
  grid-template-columns: 165px 190px minmax(108px, 1fr);
  min-height: 25px;
}
.legacy-full-appearance > .actions {
  margin-top: auto;
  padding-top: 15px;
}
.legacy-appearance-list {
  display: grid;
  grid-template-columns: 165px minmax(0, 1fr);
  align-items: center;
  margin-top: 6px;
  gap: 5px;
  font:
    12px Arial,
    sans-serif;
}
.legacy-appearance-list > div {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
html[lang] .legacy-appearance-list .field {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  gap: 2px;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  font:
    12px Arial,
    sans-serif;
}
html[lang] .legacy-appearance-list input {
  appearance: auto;
  width: 13px;
  min-width: 13px;
  height: 13px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}
.classic-list-menu {
  width: max-content;
  min-width: 140px;
  max-width: 250px;
  max-height: min(350px, 70vh);
  overflow: auto;
}
.classic-list-menu [aria-checked="true"]::before {
  content: "✓ ";
}
#appearance-games {
  overflow: auto;
  flex: 1;
  background: white;
  color: black;
}
html[lang] body.chat-client #appearance-games button {
  display: block;
  width: 100%;
  min-height: 24px;
  height: 24px;
  padding: 2px 4px;
  border: 0;
  border-radius: 0;
  background: white;
  color: black;
  text-align: start;
  box-shadow: none;
  font: 12px Arial;
}
html[lang] body.chat-client #appearance-games button.active {
  background: #aaa9d0;
}
.legacy-game-heading {
  height: 23px;
  border-bottom: 1px solid #888;
  padding: 2px 4px;
  font: bold 12px Arial;
}
.legacy-games-switch {
  display: grid;
  gap: 5px;
  padding: 8px;
}
.legacy-games-switch button {
  min-width: 80px;
}
.legacy-game-icon {
  max-height: 24px;
  max-width: 24px;
  object-fit: contain;
  vertical-align: middle;
  margin-inline-end: 6px;
}
.legacy-game-switch-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
}
.legacy-games-switch .legacy-game-switch-row button {
  min-width: 80px;
  min-height: 20px;
  justify-content: center;
}
.legacy-game-switch-row button img {
  display: block;
  width: auto;
  height: auto;
}
#game-list-window {
  padding: 10px;
}
html[lang] body.chat-client #appearance-games-button {
  margin-inline-start: auto;
  width: 55px;
  min-height: 24px;
  height: 24px;
  padding: 1px 4px;
  font: 12px Arial;
}
html[lang] .legacy-appearance-action {
  display: grid;
  grid-template-columns: minmax(125px, 1fr) 90px 108px;
  align-items: center;
  gap: 3px;
  font:
    bold 12px Arial,
    sans-serif;
}
html[lang] .legacy-appearance-action .field {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: center;
  margin: 0;
  padding: 0;
  gap: 3px;
  font:
    12px Arial,
    sans-serif;
}
html[lang] .legacy-appearance-action .field input {
  width: 13px;
  min-width: 13px;
  height: 13px;
  margin: 0;
}
html[lang] body.chat-client .classic-settings-dialog .legacy-appearance-action {
  grid-template-columns: 151px 90px 108px;
}
html[lang]
  body.chat-client
  .classic-settings-dialog
  .legacy-appearance-action
  .field {
  display: flex;
}
html[lang]
  body.chat-client
  .classic-settings-dialog
  .legacy-option-fields
  .legacy-appearance-action
  .field {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-self: auto;
  margin: 0;
  margin-inline-start: 0;
  gap: 3px;
  height: 17px;
  min-height: 17px;
  white-space: nowrap;
}
html[lang]
  body.chat-client
  .classic-settings-dialog
  .legacy-option-fields
  .legacy-appearance-action
  .field
  > span {
  white-space: nowrap;
}
.classic-user-icons:has([data-appearance-action]) {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(0, 1fr);
  gap: 2px;
  height: 31px;
}
html[lang] body.chat-client .classic-user-icons button[data-appearance-action] {
  width: 100%;
}
.legacy-watch-editor input[type="radio"],
.legacy-watch-editor input[type="checkbox"] {
  width: 13px;
  height: 13px;
  margin: 2px;
}
.legacy-watch-editor .classic-list th:nth-last-child(2),
.legacy-watch-editor .classic-list th:last-child {
  min-width: 80px;
}
.legacy-watch-editor .classic-list td {
  max-width: 170px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.legacy-watch-editor button:disabled {
  opacity: 0.5;
  cursor: default;
}
.legacy-watch-editor {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 74px;
  gap: 6px;
  align-items: start;
}
.legacy-watch-editor .legacy-watch-lists {
  grid-column: 1;
  display: flex;
  justify-content: space-between;
  margin: 0;
}
.legacy-watch-editor .legacy-watch-lists label {
  display: flex;
  align-items: center;
  gap: 3px;
}
.legacy-watch-editor .legacy-watch-list {
  grid-column: 1;
  grid-row: 2;
  background: white;
  min-height: 240px;
  margin: 0;
}
.legacy-watch-editor .legacy-watch-actions {
  grid-column: 2;
  grid-row: 2;
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin: 0;
}
.legacy-watch-editor .legacy-watch-actions button {
  width: 100%;
}
.legacy-watch-editor .legacy-watch-io {
  grid-column: 1 / -1;
  grid-row: 3;
}
.legacy-watch-editor > footer,
.legacy-watch-editor > [role="alert"] {
  grid-column: 1 / -1;
}
html body .legacy-watch-editor > .legacy-watch-mode {
  grid-column:1/-1; grid-row:3; display:flex; flex-direction:row;
  align-items:center; justify-content:center; gap:8px; margin:0; font:12px Arial,sans-serif;
}
.legacy-watch-mode > span { white-space:nowrap; }
html body .legacy-watch-mode > select { width:auto; min-width:145px; min-height:23px; padding:0; font:12px Arial,sans-serif; }
.legacy-watch-editor:has(> .legacy-watch-mode) > .legacy-watch-io { grid-row:4; }