/**
 * Linked Accounts Module Styles
 * 
 * @license MIT
 * @copyright (c) 2025 Universal AI Cloud Development Team
 * @version 1.0.0
 * 
 * Version History:
 * - 1.0.0 (2025-12-02): Initial extraction from dashboard.css
 *   - Account linking interface
 *   - Account cards and badges
 */

/* Linked Accounts Container */
.linked-accounts-container {
    padding: 0;
}

.linked-accounts-container h1 {
    color: #2c3e50;
    margin-bottom: 10px;
}

.linked-accounts-container .subtitle {
    color: #7f8c8d;
    font-size: 1.1rem;
    margin-bottom: 30px;
}

/* Account Section */
.account-section {
    background-color: white;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    margin-bottom: 20px;
}

.account-section-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 2px solid #e0e0e0;
}

.account-section-header h2 {
    margin: 0;
    color: #2c3e50;
    font-size: 1.3rem;
}

/* Accounts List */
.accounts-list {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.no-accounts {
    padding: 30px;
    text-align: center;
    color: #95a5a6;
    font-style: italic;
    background-color: #f8f9fa;
    border-radius: 4px;
}

/* Account Card */
.account-card {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    background-color: #f8f9fa;
    border-radius: 8px;
    border-left: 4px solid #3498db;
    transition: box-shadow 0.2s ease;
}

.account-card:hover {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.account-info {
    flex: 1;
}

/* Account Type Badges */
.account-type-badge {
    display: inline-block;
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 0.85rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 8px;
}

.account-type-badge.google {
    background-color: #ea4335;
    color: white;
}

.account-type-badge.slack {
    background-color: #4a154b;
    color: white;
}

.account-type-badge.clickup {
    background-color: #7b68ee;
    color: white;
}

.account-type-badge.dropbox {
    background-color: #0061ff;
    color: white;
}

/* Account Details */
.account-email {
    font-size: 1rem;
    color: #333;
    font-weight: 500;
    margin-bottom: 8px;
}

.account-user-id {
    font-size: 0.9rem;
    color: #555;
    margin-bottom: 8px;
}

.account-dates {
    display: flex;
    gap: 20px;
    font-size: 0.85rem;
    color: #95a5a6;
}

.account-actions {
    display: flex;
    gap: 10px;
    align-items: center;
}

/* Revoked Account Indicator */
.revoked-indicator {
    margin-right: 6px;
}