/* wwwroot/css/template-editor.css */

.whatsapp-preview-container {
    background: linear-gradient(180deg, #009688 0%, #00796b 100%);
    padding: 1rem;
    border-radius: 8px;
}

.whatsapp-message-bubble {
    background: white;
    border-radius: 7.5px;
    padding: 6px 7px 8px 9px;
    box-shadow: 0 1px 0.5px rgba(0, 0, 0, 0.13);
    max-width: 350px;
    position: relative;
}

.whatsapp-message-bubble::before {
    content: '';
    position: absolute;
    left: -8px;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 8px 13px 0;
    border-color: transparent white transparent transparent;
}

.parameter-highlight {
    background-color: #fff3cd;
    padding: 2px 4px;
    border-radius: 3px;
    font-family: monospace;
}

.validation-error-item {
    display: flex;
    align-items: start;
    gap: 0.5rem;
    padding: 0.5rem;
    border-left: 3px solid;
    margin-bottom: 0.5rem;
}

.validation-error-item.error {
    border-color: #dc3545;
    background: #f8d7da;
}

.validation-error-item.warning {
    border-color: #ffc107;
    background: #fff3cd;
}