/* Copyright (c) 2026 TNSystem. Alle Rechte vorbehalten. */
.local-tool-button {
  min-width: 34px;
  height: 34px;
  border: 1px solid #85b5d78c;
  border-radius: 9px;
  background: #153752;
  color: #e9f6ff;
  font-size: 18px;
}
.local-tool-button[aria-pressed="true"] { border-color: #ff9baf; background: #743a50; }
.attach-menu {
  position: absolute;
  z-index: 8;
  right: 52px;
  bottom: calc(100% + 8px);
  display: grid;
  gap: 4px;
  min-width: 180px;
  padding: 7px;
  border: 1px solid #8db9d8;
  border-radius: 11px;
  background: #152b40;
  box-shadow: 0 12px 30px #000a;
}
.attach-menu button,
.attachment-tray button {
  border: 1px solid #789cb879;
  border-radius: 7px;
  background: #1b4563;
  color: #e6f4ff;
  padding: 7px 10px;
  text-align: left;
}
.attachment-tray {
  max-height: 116px;
  overflow: auto;
  margin: 0 0 8px;
  padding: 8px 10px;
  border: 1px solid #7eacca7a;
  border-radius: 9px;
  background: #0d2538;
  font-size: 11px;
}
.attachment-tray strong { color: #bce1fa; }
.attachment-tray button { float: right; padding: 3px 6px; font-size: 10px; }
.attachment-tray ul { clear: both; margin: 7px 0 0; padding-left: 18px; }
.attachment-tray li { overflow-wrap: anywhere; margin: 3px 0; }
.local-ui-status { margin: 0 0 8px; color: #ffe0b6; font-size: 11px; }
@media(max-width:390px) {
  .composer-actions { gap: 4px; }
  .local-tool-button { min-width: 30px; height: 30px; font-size: 16px; }
  .composer-hint { max-width: 120px; }
}