// Admin interface styles for SW Admin Customizer

// Upload buttons
#upload_login_logo_button,
#upload_login_background_button {
    background-color: #0073aa !important;
    border-color: #0073aa !important;
    color: #ffffff !important;
    
    &:hover {
        background-color: #005a87 !important;
        border-color: #005a87 !important;
    }
    
    &:focus {
        background-color: #005a87 !important;
        border-color: #005a87 !important;
        box-shadow: 0 0 0 1px #005a87 !important;
    }
}

// Preview images for logo and background
.sw-admin-preview-image {
    max-width: 200px;
    height: auto;
    
    &.hidden {
        display: none;
    }
    
    &.visible {
        display: block;
    }
}

// Remove buttons (trash buttons)
.sw-admin-remove-button {
    background-color: #dc3232 !important;
    border-color: #dc3232 !important;
    color: #ffffff !important;
    font-size: 13px !important;
    line-height: 13px !important;
    padding: 9px !important;
    
    &.hidden {
        display: none;
    }
    
    &.visible {
        display: inline-block;
    }
    
    .dashicons {
        font-size: 20px !important;
        line-height: 20px !important;
    }
}

// Section dividers
.sw-admin-section-divider {
    margin: 20px 0;
    border: none;
    border-top: 1px solid #ddd;
}

// Section headings
.sw-admin-section-heading {
    margin: 0 0 10px 0;
    font-size: 14px;
    color: #333;
}

// Tab navigation styles
.tab-content {
    display: none;
    padding: 20px 0;
    
    &.active {
        display: block;
    }
}

.nav-tab {
    cursor: pointer;
    background: none;
    border: none;
    text-decoration: none;
    color: #0073aa;
    padding: 8px 12px;
    margin: 0 2px 0 0;
    border-radius: 3px 3px 0 0;
    border: 1px solid #ccd0d4;
    border-bottom: none;
    background: #f1f1f1;
    font-size: 14px;
    
    &:hover {
        background: #fff;
        color: #0073aa;
    }
    
    &.nav-tab-active {
        background: #fff;
        border-bottom: 1px solid #fff;
        color: #000;
    }
}