/**
 * Model Size Metabox CSS
 *
 * Metabox-specific styles for the model size UI
 * Shared components are in admin/css/components.css
 * 
 * @package ExploreXR
 * @since 1.0.8
 */

/* Model Size UI Styles - Card specific to metabox */
.explorexr-card {
    background: #fff;
    border: 1px solid #e2e4e7;
    border-radius: 5px;
    margin-bottom: 20px;
}

.explorexr-tabs {
    display: flex;
    border-bottom: 1px solid #e2e4e7;
    background-color: #f8f9fa;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

/* Tabs, tab content, size options, device tabs - shared styles moved to components.css */

span.optional {
    font-size: 12px;
    font-weight: normal;
    color: #646970;
}

/* Input groups and poster styles - shared styles moved to components.css */