// Chat message styles

.chat-message {
  .message-header {
    .flex-row();
    gap: @spacing-base;
    margin-bottom: @spacing-small;
  }

  .dice-roll {
    .flex-center();
    padding: @spacing-base;
    background: lighten(@color-secondary, 70%);
    border-radius: @input-border-radius;

    .dice-total {
      font-size: 1.2rem;
      font-weight: bold;
    }
  }
}

// Placeholder - to be expanded based on chat templates