/**
 * AI Image Alt Text Generator - Settings Page Styles
 * 
 * Styles for the plugin settings page
 */

/* Layout */
.account-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.account-box, .integration-box {
    background: #fff;
    border-radius: 5px;
    
}
 

.aiimatg-settings-nav {
    margin-bottom: 20px;
}

/* Button and Form Elements */
.generate-token-button {
    margin-top: 10px;
}

.token-help-text {
    margin-top: 10px;
    color: #666;
    font-style: italic;
}

.upgrade-section {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #eee;
}

/* Credit Info Styling */
.aiimatg-credit-info ul {
    background: #f9f9f9;
    padding: 15px;
    border-radius: 4px;
    margin-bottom: 20px;
}

.aiimatg-credit-info ul li {
    margin-bottom: 8px;
}

/* Notification Styles */
.aiimatg-warning {
    background: #fff8e5;
    border-left: 4px solid #ffb900;
    padding: 10px;
    margin: 15px 0;
}

.aiimatg-error {
    background: #fbeaea;
    border-left: 4px solid #dc3232;
    padding: 10px;
    margin: 15px 0;
}