/* Inline styles moved from HTML for better maintainability */

/* Layout and Display States */
.main-buttons-hidden {
    display: none;
}

.login-subtitle {
    margin: 20px 0;
}

.login-error-hidden {
    display: none;
}

.user-info-hidden {
    display: none;
}

.user-name {
    font-weight: 600;
    font-size: 1.1rem;
}

.user-class {
    color: #b0b0b0;
}

/* Section Headers */
.section-header {
    margin: 20px 0 10px;
    color: #ff6b35;
}

/* Button Groups */
.button-group {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
}

/* Notices and Alerts */
.settings-note {
    font-size: 0.85rem;
    color: #ffd23f;
    margin-top: 5px;
}

/* Hidden Elements */
.hidden {
    display: none;
}

/* Stat Priority Section */
.stat-priority-note {
    font-size: 0.85rem;
    color: #ffd23f;
    margin-bottom: 10px;
}

.reset-priorities-btn {
    margin-bottom: 10px;
    font-size: 0.85rem;
    padding: 5px 10px;
}

/* Armor Preview Section */
.armor-preview-hidden {
    display: none;
    margin-bottom: 20px;
}

.armor-preview-title {
    margin-bottom: 15px;
}

.armor-class-wrap {
    margin-bottom: 15px;
}

.armor-class-label {
    font-weight: bold;
    margin-bottom: 5px;
}

.choose-exotic-btn {
    margin-bottom: 15px;
}

/* Analysis Results */
.analysis-results-hidden {
    display: none;
}

.analysis-results-title {
    margin-bottom: 20px;
    color: #ff6b35;
}

/* Grid Layout Improvements */
.item-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 15px;
    padding: 10px 0;
}

/* Loading States */
.loading-hidden {
    display: none;
}

.character-slots-hidden {
    display: none;
}

/* Inventory Grid Container */
.inventory-grid-container {
    display: grid;
    gap: 15px;
    margin-top: 20px;
}

/* Item Search Container */
.item-search-container {
    display: block;
    margin: 15px 0;
}

.item-search-hidden {
    display: none;
}

/* Floating Menu Positioning */
.floating-menu {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1000;
}

/* Additional inline style replacements */
.armor-preview-cards {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 15px;
}

.armor-preview-totals {
    text-align: center;
}

.armor-preview-actions {
    display: flex;
    gap: 10px;
    justify-content: center;
    margin-bottom: 15px;
}

.item-search-block {
    display: block;
    margin: 15px 0;
}

.checkbox-center {
    justify-content: center;
    margin: 10px 0;
    display: none;
}

.analysis-controls-bottom {
    margin-top: 30px;
}

/* Performance optimizations */
.animated-element {
    will-change: transform, opacity;
}

.spinner-optimized {
    will-change: transform;
}

.pulse-element {
    will-change: transform, opacity;
}

/* Remove deprecated properties */
.item-row {
    /* Removed -webkit-overflow-scrolling: touch; as it's deprecated */
    overflow-x: auto;
    overflow-y: visible;
}

/* Responsive Design Improvements */
@media (max-width: 768px) {
    .item-grid {
        grid-template-columns: 1fr;
        gap: 10px;
    }
    
    .button-group {
        flex-direction: column;
        gap: 5px;
    }
    
    .main-buttons {
        flex-direction: column;
        width: 100%;
    }
    
    .armor-preview-cards {
        flex-direction: column;
        align-items: center;
    }
    
    .armor-preview-actions {
        flex-direction: column;
        align-items: center;
    }
}