/* Import Design System Variables */
@import url('design-system.css');

.ratelimit-cooldown{position:fixed;bottom:16px;right:16px;padding:12px 16px;background:#fff3cd;border:1px solid #ffeeba;border-radius:8px;z-index:2000;box-shadow:0 2px 8px rgba(0,0,0,0.08);max-width:320px;font-family:Arial,Helvetica,sans-serif}
.ratelimit-cooldown .rl-header{display:flex;align-items:center;justify-content:space-between}
.ratelimit-cooldown .rl-close{background:transparent;border:none;font-size:14px;cursor:pointer}
.ratelimit-cooldown .rl-body{margin-top:6px;color:#555}

/* Radzen Divider styling - replacement for RadzenDivider component */
.rz-divider {
    border: none;
    border-top: 1px solid var(--rz-border-color, rgba(0, 0, 0, 0.12));
    margin: 1rem 0;
}

/* Dark theme support */
.rz-dark .rz-divider,
[data-theme="dark"] .rz-divider {
    border-top-color: rgba(255, 255, 255, 0.12);
}

/* Language Switcher styling */
.language-switcher {
    min-width: 160px;
}

.language-option {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 4px 0;
}

.language-option .flag {
    font-size: 1.2em;
    line-height: 1;
}

.language-option .name {
    font-size: 0.875rem;
    font-weight: 500;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .language-switcher {
        min-width: 120px;
    }
    
    .language-option .name {
        font-size: 0.8rem;
    }
}