.inv-button-primary {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.5rem;
    border-radius: 1.5rem;
    font-weight: 600;
    background: var(--inv-brand-solid-primary-bg-secondary);
    color: var(--inv-text-white);
}


.inv-button-primary:disabled {
    cursor: not-allowed;
    
    background: var(--inv-border-primary);
}

.inv-button-primary:hover {
    background: var(--inv-brand-solid-primary-bg-tertiary);
}

.inv-button-secondary {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.5rem;
    border-radius: 1.5rem;
    font-weight: 600;
    background: var(--inv-brand-secondary-bg-tertiary);
}


.inv-badge-secondary {
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
    background: var(--inv-box-bg-secondary);
    width: fit-content;
}

.inv-badge-quartenary {
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
    background: var(--inv-brand-secondary-bg-quartenary_pressed);
    width: fit-content;
}


.inv-badge-success {
    border-radius: 1.5rem;
    padding: 0.25rem 1rem;
    background: var(--inv-status-bg-success-primary);
    border: 1px solid var(--inv-status-bg-success-secondary);
    width: fit-content;
}


.inv-badge-neutral {
    border-radius: 1.5rem;
    padding: 0.25rem 1rem;
    background: var(--inv-box-bg-secondary);
    border: 1px solid var(--inv-border-primary);
    width: fit-content;
}


.inv-status-dot {
    border-radius: 9999px;
    width: 10px;
    height: 10px;
}

.inv-status-dot-success {
    background: var(--inv-status-bg-success-quaternary);
}

.inv-status-dot-neutral {
    background: var(--inv-bg-quartenary_pressed);
}

/* Markdown table styles */
.md-table {
    border-collapse: collapse;
    width: auto; /* Changed from 100% to auto to prevent full-width stretching */
    margin-bottom: 1rem;
    border: 1px solid #ddd;
}

.md-table th,
.md-table td,
.md-table .md-table-header,
.md-table .md-table-cell {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: left;
}

.md-table th,
.md-table .md-table-header {
    background-color: #f2f2f2;
    font-weight: bold;
}

.md-table tr:nth-child(even),
.md-table .md-table-row:nth-child(even) {
    background-color: #f9f9f9;
}

/* Ensure tables inside markdown render component always show borders */
.inv-markdown-render table {
    border-collapse: collapse;
    width: auto; /* Changed from 100% to auto to prevent full-width stretching */
    margin-bottom: 1rem;
    border: 1px solid #ddd;
}

.inv-markdown-render table th,
.inv-markdown-render table td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: left;
}

.inv-markdown-render table th {
    background-color: #f2f2f2;
    font-weight: bold;
}

.inv-markdown-render table tr:nth-child(even) {
    background-color: #f9f9f9;
}

.feedback-zeroten {
  display: flex;
  justify-content: space-between;
  gap: 0.25rem;
  max-width: 380px;
  padding: 10px 0;
}

.feedback-zeroten-input { 
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

.feedback-zeroten-button {
  color: var(--inv-text-primary);
  font-weight: 600;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  width: 1.75rem;
  height: 2.5rem;
  display: inline-flex
}

@media (max-width: 370px) {
  .feedback-zeroten-button   {
    width: 1.5rem;
    height: 2.5rem;
  }
}


.feedback-zeroten-input:checked + .feedback-zeroten-button {
  outline: 2px ridge black;
}


.feedback-star {
            background-position: center;
            background-size: contain;
            background-repeat: no-repeat;
            height: 40px;
            width: 40px;
}

@keyframes feedbackstarping {
    75%, 100% {
        transform: scale(1.3);
    }
}


.feedback-star:hover {
    animation: feedbackstarping 300ms linear both;
}

 
.feedback-star-full + span {
    background-image: url('/icons/star-full-guest.svg');
} 

 
.feedback-star-empty + span {
    background-image: url('/icons/star-empty-guest.svg');
} 

.feedback-star-input { 
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

.feedback-star-input:focus + span {
  animation: feedbackstarping 300ms linear both;
}