/* Main stylesheet - will be populated in later steps */
/* Custom Bootstrap theme will be added here */

/* UI icon utility - consistent size and alignment for Bootstrap Icons */
.ui-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  margin-right: 0.35rem;
  color: currentColor;
}

/* Placeholder image styling - grayscale and subtle opacity */
img.is-placeholder {
    filter: grayscale(100%);
    opacity: 0.9;
}

/* Chat Safety Warning Banner */
.chat-safety-banner {
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #fff3cd 0%, #ffeeba 100%);
    border: 1px solid #ffc107;
    border-radius: 8px;
    padding: 8px 16px;
    margin: 8px 16px 0 16px;
    font-size: 0.85rem;
    color: #856404;
}

.chat-safety-banner i {
    font-size: 1rem;
}

.chat-safety-banner strong {
    font-weight: 600;
}

/* Chat Safety Policy Modal Enhancements */
#chatSafetyPolicyModal .card {
    border-width: 2px;
}

#chatSafetyPolicyModal .card-header {
    font-weight: 600;
}

#chatSafetyPolicyModal .card-body li {
    line-height: 1.5;
}