/* Warning Component Styles */

app-warning {
    margin-top: 8px;
    padding: 10px 12px;
    border-radius: 10px;
    background: rgba(234, 179, 8, 0.15);
    border: 1px solid rgba(234, 179, 8, 0.3);
    font-size: 0.875rem;
    color: #fbbf24;
    line-height: 1.4;
    display: flex;
    align-items: flex-start;
    gap: 8px;
    width: fit-content;
    max-width: 450px;
}

app-warning .warning-icon {
    width: 1.25rem;
    height: 1.25rem;
    flex-shrink: 0;
    margin-top: 0.1rem;
}

[data-theme="light"] app-warning {
    background: rgba(234, 179, 8, 0.12);
    border: 1px solid rgba(234, 179, 8, 0.4);
    color: #92400e;
}