@use "../../../../variables/index" as *;

/**
 * C8Y Asset Notes - Asset notes component
 *
 * Note: Uses $component-padding and $size-* tokens for spacing.
 *
 * Intentionally hardcoded values:
 * - Component-specific dimensions (200px): Flex basis
 * - Typography size (62px): Icon font size
 * - Percentages (100%): Layout
 */

c8y-asset-notes {
  position: relative;
  display: block;
  padding: $component-padding;
  height: 100%;
  .asset-notes-icon {
    align-self: flex-start;
    margin-right: $size-10;
    font-size: 62px;
  }
  .asset-notes-content {
    flex: 1 0 200px;
  }
  .asset-notes-body {
    padding-top: $component-padding;
  }
}

.card.card-dashboard > .card-inner-scroll {
  > c8y-ui-component {
    display: block;
    height: 100%;
    > c8y-asset-notes {
      display: block;
      height: 100%;
    }
  }
}
