/* Upwork Proposal Writer - Usage Limits Styles */

.upw-usage-limit-error {
    background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%) !important;
    border: 2px solid #fca5a5 !important;
    padding: 0 !important;
    margin-top: 15px !important;
}

.upw-usage-limit-message {
    display: flex !important;
    align-items: flex-start !important;
    gap: 15px !important;
    padding: 20px !important;
}

.upw-usage-limit-icon {
    font-size: 32px !important;
    flex-shrink: 0 !important;
    animation: upw-pulse-glow 2s ease-in-out infinite !important;
}

@keyframes upw-pulse-glow {
    0%, 100% { 
        transform: scale(1);
        opacity: 1;
    }
    50% { 
        transform: scale(1.1);
        opacity: 0.8;
    }
}

.upw-usage-limit-content {
    flex: 1 !important;
}

.upw-usage-limit-content h4 {
    margin: 0 0 10px 0 !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #dc2626 !important;
}

.upw-usage-limit-content p {
    margin: 8px 0 !important;
    font-size: 14px !important;
    color: #991b1b !important;
    line-height: 1.5 !important;
}

.upw-usage-reset {
    background: rgba(255, 255, 255, 0.6) !important;
    padding: 8px 12px !important;
    border-radius: 6px !important;
    display: inline-block !important;
    margin-top: 10px !important;
}

.upw-usage-reset strong {
    color: #dc2626 !important;
    font-weight: 600 !important;
}

.upw-usage-upgrade {
    background: rgba(255, 255, 255, 0.8) !important;
    padding: 12px !important;
    border-radius: 8px !important;
    border-left: 3px solid #3b82f6 !important;
    margin-top: 12px !important;
}

.upw-usage-upgrade strong {
    color: #1e40af !important;
    display: block !important;
    margin-bottom: 5px !important;
}

.upw-usage-upgrade a {
    color: #2563eb !important;
    text-decoration: underline !important;
    font-weight: 500 !important;
}

.upw-usage-upgrade a:hover {
    color: #1d4ed8 !important;
}

/* AI Button disabled state */
.upw-ai-disabled {
    background: #9ca3af !important;
    border-color: #9ca3af !important;
    cursor: not-allowed !important;
    opacity: 0.6 !important;
}

.upw-ai-disabled:hover {
    background: #9ca3af !important;
    border-color: #9ca3af !important;
    transform: none !important;
    box-shadow: none !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .upw-usage-limit-message {
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
    }
    
    .upw-usage-limit-icon {
        font-size: 28px !important;
    }
    
    .upw-usage-limit-content h4 {
        font-size: 16px !important;
    }
    
    .upw-usage-limit-content p {
        font-size: 13px !important;
    }
}

/* Pro User Badge */
.upw-ai-pro {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    border-color: #667eea !important;
}

.upw-ai-pro:hover:not(:disabled) {
    background: linear-gradient(135deg, #5568d3 0%, #6a3f8e 100%) !important;
    border-color: #5568d3 !important;
}

.upw-ai-pro .upw-ai-text::after {
    content: " ✨" !important;
}