/* Kather Lab Branding + Compact Theme for Element */

/* ========== SMALL FOOTER (login page) ========== */
#kather-footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 6px 16px;
  text-align: center;
  font-size: 11px;
  color: #6b7280;
  background: #fff;
  z-index: 99999;
  border-top: 1px solid #e5e7eb;
}
#kather-footer a {
  color: #6b7280;
  text-decoration: none;
}
#kather-footer a:hover {
  color: #0dbd8b;
}
#kather-footer .dot {
  margin: 0 6px;
  opacity: 0.5;
}

/* ========== COMPACT THEME ========== */

/* Room list items - tighter padding */
.mx_RoomTile,
.mx_SpaceTreeLevel .mx_RoomTile {
  padding: 4px 8px !important;
  min-height: 32px !important;
  margin: 1px 0 !important;
}

/* Room list avatars - smaller */
.mx_RoomTile .mx_DecoratedRoomAvatar,
.mx_RoomTile .mx_BaseAvatar {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
}

.mx_RoomTile .mx_BaseAvatar_image {
  width: 28px !important;
  height: 28px !important;
}

/* Room name text - slightly smaller */
.mx_RoomTile_title {
  font-size: 13px !important;
  line-height: 1.3 !important;
}

/* Room subtitle/preview text */
.mx_RoomTile_subtitle {
  font-size: 11px !important;
}

/* Left panel overall - tighter */
.mx_LeftPanel,
.mx_LeftPanel_roomListContainer {
  padding: 4px !important;
}

/* Space panel - compact */
.mx_SpacePanel {
  padding: 4px 0 !important;
}

.mx_SpaceButton {
  padding: 4px !important;
  margin: 2px 0 !important;
}

.mx_SpaceButton .mx_BaseAvatar {
  width: 32px !important;
  height: 32px !important;
}

/* Room list header sections */
.mx_RoomListHeader,
.mx_RoomSublist_headerContainer {
  padding: 4px 8px !important;
  min-height: 24px !important;
}

.mx_RoomSublist_headerText {
  font-size: 11px !important;
}

/* Messages - tighter spacing */
.mx_EventTile {
  padding: 4px 8px !important;
  margin: 0 !important;
}

.mx_EventTile[data-layout="group"] {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

/* Message avatars - smaller */
.mx_EventTile .mx_BaseAvatar,
.mx_EventTile .mx_BaseAvatar_image {
  width: 28px !important;
  height: 28px !important;
}

/* Message sender name */
.mx_DisambiguatedProfile {
  font-size: 13px !important;
}

/* Message body text */
.mx_EventTile_body {
  font-size: 14px !important;
  line-height: 1.4 !important;
}

/* Message timestamp */
.mx_MessageTimestamp {
  font-size: 10px !important;
}

/* Room header - compact */
.mx_RoomHeader {
  padding: 8px 12px !important;
  min-height: 48px !important;
}

.mx_RoomHeader_name {
  font-size: 15px !important;
}

/* Message composer - compact */
.mx_MessageComposer {
  padding: 8px !important;
}

.mx_BasicMessageComposer {
  padding: 8px 12px !important;
}

/* Scrollbar - thinner */
::-webkit-scrollbar {
  width: 6px !important;
  height: 6px !important;
}

::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2) !important;
  border-radius: 3px !important;
}

::-webkit-scrollbar-track {
  background: transparent !important;
}

/* Right panel - compact */
.mx_RightPanel {
  padding: 8px !important;
}

.mx_RightPanel_header {
  padding: 8px !important;
  min-height: 48px !important;
}

/* Member list - compact */
.mx_EntityTile {
  padding: 4px 8px !important;
  min-height: 36px !important;
}

.mx_EntityTile .mx_BaseAvatar {
  width: 28px !important;
  height: 28px !important;
}

/* Dialogs/modals - compact */
.mx_Dialog {
  padding: 16px !important;
}

/* Tabs - compact */
.mx_TabbedView_tabLabel {
  padding: 8px 12px !important;
  font-size: 13px !important;
}

/* Settings - compact */
.mx_SettingsTab {
  padding: 12px !important;
}

/* Buttons - slightly tighter */
.mx_AccessibleButton {
  padding: 6px 12px !important;
}

/* Reduce icon sizes in toolbars */
.mx_MessageComposer_button svg,
.mx_RoomHeader_button svg {
  width: 18px !important;
  height: 18px !important;
}

/* Date separators - compact */
.mx_DateSeparator {
  margin: 8px 0 !important;
  font-size: 11px !important;
}

/* Read receipts - smaller */
.mx_ReadReceiptGroup {
  height: 14px !important;
}

.mx_ReadReceiptGroup_avatar {
  width: 14px !important;
  height: 14px !important;
}

/* Reactions - compact */
.mx_ReactionsRow {
  gap: 4px !important;
  margin-top: 4px !important;
}

.mx_ReactionsRowButton {
  padding: 2px 6px !important;
  font-size: 12px !important;
}

/* Thread summary - compact */
.mx_ThreadSummary {
  padding: 4px 8px !important;
  margin-top: 4px !important;
}

/* Breadcrumbs - compact */
.mx_RoomBreadcrumbs {
  padding: 4px !important;
}

.mx_RoomBreadcrumbs_crumb {
  width: 28px !important;
  height: 28px !important;
}

/* Search - compact */
.mx_SearchBar {
  padding: 8px !important;
}

/* Unread indicators - adjust */
.mx_NotificationBadge {
  font-size: 10px !important;
  min-width: 16px !important;
  height: 16px !important;
  padding: 0 4px !important;
}