@use '../../../common/scss/global.scss';

:host {
  display: table-row;
  vertical-align: middle;
}

:host(.selected),
:host(.clickable:hover) {
  background-color: var(--kd-color-background-inverse-hover);
}

:host(.clickable:hover) {
  cursor: pointer;
}

::slotted(kyn-th:first-child) {
  border-top-left-radius: 4px;
}
::slotted(kyn-th:last-child) {
  border-top-right-radius: 4px;
}

.detail-row {
  display: none;
}

:host([expanded]) .detail-row {
  display: block;
}