/**
 * UR POS Frontend Styles
 *
 * @package UR_POS
 * @since 4.0.0
 */

/* Error message styling */
.ur-pos-error {
    padding: 15px 20px;
    background: #fef2f2;
    border-left: 4px solid #dc2626;
    color: #991b1b;
    font-weight: 600;
    margin: 20px 0;
    border-radius: 4px;
}

@media (prefers-color-scheme: dark) {
    .ur-pos-error {
        background: rgba(220, 38, 38, 0.1);
        color: #fca5a5;
    }
}

/* Loading state */
.ur-pos-loading {
    text-align: center;
    padding: 40px 20px;
    color: #64748b;
}

.ur-pos-loading::after {
    content: '...';
    animation: dots 1.5s infinite;
}

@keyframes dots {
    0%, 20% { content: '.'; }
    40% { content: '..'; }
    60%, 100% { content: '...'; }
}