.btn.signature-type-text {
    position: absolute;
    left: 20px;
    top: 0;
    z-index: 1000;
    padding: 3px;
    line-height: 0;
}





/*!
 * Star Rating
 * @version: 4.0.0
 * @author: Paul Ryley (http://geminilabs.io)
 * @url: https://github.com/pryley/star-rating.js
 * @license: MIT
 */

:root {
    --gl-star-color: #fdd835;
    --gl-star-size: 24px;
    --gl-tooltip-color: #fff;
}

@media screen and (min-width: 35em) {
    .gl-star-rating .gl-star-rating--stars > span {
      --gl-star-size: 30px;
    }
    .gl-star-rating .gl-star-rating--stars[aria-label]::after {
      --gl-tooltip-padding: .75em 1em;
    }
}
@media screen and (min-width: 42em) {
    .gl-star-rating .gl-star-rating--stars > span {
      --gl-star-size: 36px;
    }
}
@media screen and (min-width: 50em) {
    .gl-star-rating .gl-star-rating--stars > span {
      --gl-star-size: 42px;
    }
}

.gl-star-rating .gl-emote-bg {
  transition: fill 0.15s ease-in-out;
}
.gl-star-rating [data-value]:not(.gl-active) .gl-emote-bg {
  fill: #DCDCE6;
}

.gl-star-rating .gl-emote {
  transform: scale(.9);
  transition: transform 0.25s ease-in-out;
}
.gl-star-rating .gl-selected .gl-emote {
  transform: scale(1.1);
}

/* Transcription Chat Area Styles */
.transcription-chat-container {
    max-height: 400px;
    overflow-y: auto;
    scroll-behavior: smooth;
}

.transcription-chat-container ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.transcription-chat-container li {
    padding: 10px 0;
    border-bottom: 1px solid #e9ecef;
}

.transcription-chat-container li:last-child {
    border-bottom: none;
}

.transcription-chat-container b {
    color: #574BAA;
    font-weight: 600;
}

.transcription-chat-container span {
    color: #6c757d;
    font-size: 0.875rem;
    margin-left: 8px;
}

.transcription-chat-container p {
    margin: 5px 0 0 0;
    line-height: 1.4;
    word-wrap: break-word;
}