/* mudblazor-compact.css — shared compact/dense styling for MudBlazor components
   Sections are organized by component family for clarity and maintainability.
*/

/* === Compact Selects & Popovers === */
.chat-compact-select .mud-input {
    font-size: 0.75rem !important;
}
.chat-compact-select .mud-input-control-input-container {
    padding-top: 0;
    padding-bottom: 0;
}
.chat-compact-select .mud-input-root-margin-dense,
.chat-compact-select input.mud-input-root-margin-dense,
.chat-compact-select div.mud-input-slot.mud-input-root-margin-dense {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}
.chat-compact-select .mud-select-input {
    line-height: 1.2;
}

/* Hook class used by MudSelectItem in compact selectors. */
.chat-compact-select-item { }

.chat-compact-popover .mud-list-item {
    min-height: unset;
    padding-top: 2px;
    padding-bottom: 2px;
}
.chat-compact-popover .mud-list-item-gutters {
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
}
.chat-compact-popover .mud-typography {
    font-size: 0.75rem !important;
    line-height: 1.3;
}

/* === Compact TreeView === */
.compact-treeview .mud-treeview-item-content {
  min-height: 22px;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 0.92rem;
}
.compact-treeview .mud-treeview-item {
  margin-bottom: 0;
}
.compact-treeview .mud-treeview-item-icon {
  margin-right: 4px;
}
.compact-treeview .mud-typography.mud-typography-body1.mud-treeview-item-label {
  margin-left: 2px;
  font-size: 0.8rem;
}
.compact-treeview .mud-treeview-item-text {
  margin-left: 2px;
  font-size: 0.8rem;
}
.compact-treeview .mud-treeview-children {
  margin-left: 4px !important;
}

/* === Future: Add more compact/dense classes by component family here === */