/* AOL Instant Messenger 5 (apps/aim): Windows face, white transcripts,
   screen names in red (you) and blue (others). */

.aim {
  background: var(--face);
}

.aim-small {
  color: #0000ff;
  line-height: 13px !important;
}

.aim-err {
  color: #c00000;
  line-height: 13px !important;
}

.aim-ver {
  color: #404040;
}

.btn.aim-drop,
.btn.aim-signon {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
}

.btn.aim-signon {
  font-weight: bold;
}

.aim-tabs {
  display: flex;
  align-items: flex-end;
  gap: 1px;
  font: 11px var(--ui-font);
}

.aim-tab {
  padding: 2px 8px 1px;
  box-shadow: inset 1px 1px var(--hilite), inset -1px 0 var(--dark), inset -2px 0 var(--shadow);
  color: #404040;
}

.aim-tab.on {
  background: var(--window);
  color: #000;
  padding-top: 3px;
}

.aim-tree,
.aim-log,
.aim-members {
  background: var(--window);
  box-shadow: inset -1px -1px var(--hilite), inset 1px 1px var(--shadow), inset -2px -2px var(--light), inset 2px 2px var(--dark);
  overflow-y: auto;
  overflow-x: hidden;
  outline: none;
}

.aim-tree {
  padding: 3px 2px;
  font: 11px var(--ui-font);
}

.aim-group {
  display: flex;
  align-items: center;
  gap: 3px;
  height: 16px;
  font-weight: bold;
  padding-left: 2px;
}

.aim-buddy {
  display: flex;
  align-items: center;
  gap: 2px;
  height: 16px;
  padding-left: 16px;
  white-space: nowrap;
}

.aim-buddy.sel span {
  background: var(--select);
  color: #fff;
  padding: 0 1px;
}

.aim-buddy.off,
.aim-buddy.away {
  color: #808080;
}

.aim-awaylbl {
  color: #800000;
}

.aim-bbar {
  display: flex;
  justify-content: space-around;
  align-items: center;
  box-shadow: inset 0 1px var(--shadow), inset 0 2px var(--hilite);
}

.aim-bbtn,
.aim-ibtn,
.aim-send {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1px;
  background: var(--face);
  border: none;
  padding: 1px 2px;
  font: 10px var(--ui-font);
  color: #000;
  outline: none;
}

.aim-bbtn {
  width: 32px;
  height: 40px;
}

.aim-bbtn:hover:not(:disabled),
.aim-ibtn:hover:not(:disabled) {
  box-shadow: inset -1px -1px var(--shadow), inset 1px 1px var(--hilite);
}

.aim-bbtn:active:not(:disabled),
.aim-ibtn:active:not(:disabled) {
  box-shadow: inset -1px -1px var(--hilite), inset 1px 1px var(--shadow);
}

.aim-bbtn:disabled,
.aim-ibtn:disabled {
  color: var(--shadow);
}

.aim-bbtn:disabled canvas,
.aim-ibtn:disabled canvas {
  filter: grayscale(1) opacity(0.5);
}

.aim-log {
  padding: 2px 4px;
  font: 13px var(--arial);
  line-height: 16px;
  -webkit-user-select: text;
  user-select: text;
  cursor: text;
  overflow-wrap: anywhere;
}

.aim-line {
  white-space: pre-wrap;
}

.aim-me {
  color: #ff0000;
}

.aim-them {
  color: #0000ff;
}

.aim-auto {
  color: #808080;
  font-size: 11px;
}

.aim-host {
  color: #000080;
}

.aim-line.joined,
.aim-line.left {
  color: #808080;
}

.aim-line.error {
  color: #ff0000;
}

.aim-fmt {
  display: flex;
  align-items: center;
  gap: 1px;
  padding: 1px 0;
}

.aim-fbtn {
  width: 22px;
  height: 22px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--face);
  border: none;
  font: bold 11px var(--arial);
  color: #000;
  outline: none;
}

.aim-fbtn:hover:not(:disabled) {
  box-shadow: inset -1px -1px var(--shadow), inset 1px 1px var(--hilite);
}

.aim-fbtn.pressed,
.aim-fbtn:active:not(:disabled) {
  box-shadow: inset -1px -1px var(--hilite), inset 1px 1px var(--shadow);
  background: var(--light);
}

.aim-fbtn:disabled {
  color: var(--shadow);
  text-shadow: 1px 1px 0 var(--hilite);
}

.aim-fbtn:disabled canvas {
  filter: grayscale(1) opacity(0.5);
}

.aim-fbtn.small {
  font-size: 9px;
}

.aim-fbtn.big {
  font-size: 14px;
}

.aim-fbtn.bold {
  font-weight: 900;
}

.aim-fbtn.ital {
  font-style: italic;
  font-family: 'Times New Roman', serif;
  font-size: 13px;
}

.aim-fbtn.under {
  text-decoration: underline;
  font-weight: normal;
}

.aim-chip {
  display: block;
  width: 12px;
  height: 12px;
  background: #000;
  box-shadow: 0 0 0 1px var(--shadow);
}

.memo.aim-input {
  -webkit-user-select: text;
  user-select: text;
  resize: none;
}

.aim-imbar {
  display: flex;
  align-items: stretch;
  gap: 2px;
}

.aim-ibtn {
  min-width: 46px;
  height: 28px;
}

.aim-send {
  font-weight: bold;
  box-shadow: inset -1px -1px var(--dark), inset 1px 1px var(--hilite), inset -2px -2px var(--shadow), inset 2px 2px var(--light);
}

.aim-imbar .aim-send {
  margin-left: auto;
  min-width: 56px;
  height: 28px;
}

.aim-send:active:not(:disabled) {
  box-shadow: inset -1px -1px var(--hilite), inset 1px 1px var(--dark), inset -2px -2px var(--light), inset 2px 2px var(--shadow);
}

.aim-send:disabled {
  color: var(--shadow);
}

.aim-members {
  padding: 2px;
  font: 11px var(--ui-font);
}

.aim-member {
  height: 15px;
  line-height: 15px;
  padding: 0 3px;
  white-space: nowrap;
}

.aim-member.sel {
  background: var(--select);
  color: #fff;
}

.aim-member.ignored {
  color: #808080;
  text-decoration: line-through;
}