/**
 * 统一角色标签样式 - PC端+移动端共用
 * v1.0 2026-07-16
 */

/* 基础样式 */
.badge-role {
    display: inline-block;
    padding: 4px 10px;
    font-size: 12px;
    font-weight: 500;
    border-radius: 6px;
    line-height: 1.4;
    white-space: nowrap;
}

/* 角色颜色 */
.badge-role-super_admin { 
    background: rgba(124, 58, 237, 0.15); 
    color: #7C3AED; 
}
.badge-role-admin { 
    background: rgba(239, 68, 68, 0.15); 
    color: #EF4444; 
}
.badge-role-branch { 
    background: rgba(245, 158, 11, 0.15); 
    color: #D97706; 
}
.badge-role-partner { 
    background: rgba(59, 130, 246, 0.15); 
    color: #2563EB; 
}
.badge-role-employee { 
    background: rgba(20, 184, 166, 0.15); 
    color: #0D9488; 
}
.badge-role-guest { 
    background: rgba(108, 117, 125, 0.15); 
    color: #6b7280; 
}

/* 暗色主题适配 */
[data-theme="dark"] .badge-role-super_admin { 
    background: rgba(124, 58, 237, 0.25); 
    color: #A78BFA; 
}
[data-theme="dark"] .badge-role-admin { 
    background: rgba(239, 68, 68, 0.25); 
    color: #FCA5A5; 
}
[data-theme="dark"] .badge-role-branch { 
    background: rgba(245, 158, 11, 0.25); 
    color: #FCD34D; 
}
[data-theme="dark"] .badge-role-partner { 
    background: rgba(59, 130, 246, 0.25); 
    color: #93C5FD; 
}
[data-theme="dark"] .badge-role-employee { 
    background: rgba(20, 184, 166, 0.25); 
    color: #5EEAD4; 
}
[data-theme="dark"] .badge-role-guest { 
    background: rgba(108, 117, 125, 0.25); 
    color: #D1D5DB; 
}

/* 小尺寸变体 */
.badge-role-sm {
    padding: 2px 8px;
    font-size: 11px;
}

/* 移动端适配 */
@media (max-width: 768px) {
    .badge-role {
        padding: 3px 8px;
        font-size: 11px;
    }
}