/**
 * IconButton 组件样式 - 100% 一比一复刻 MUI
 * 对应 MUI: packages/mui-material/src/IconButton/IconButton.js
 */

/* =============================================
   Root 基础样式
   ============================================= */
.MuiIconButton-root {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  background-color: transparent;
  outline: 0;
  border: 0;
  margin: 0;
  border-radius: 50%;
  padding: 8px;
  cursor: pointer;
  user-select: none;
  vertical-align: middle;
  text-decoration: none;
  color: rgba(0, 0, 0, 0.54);
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

/* =============================================
   尺寸变体
   ============================================= */
.MuiIconButton-sizeSmall {
  padding: 5px;
  font-size: 1.125rem;
}

.MuiIconButton-sizeMedium {
  padding: 8px;
  font-size: 1.5rem;
}

.MuiIconButton-sizeLarge {
  padding: 12px;
  font-size: 1.75rem;
}

/* =============================================
   颜色变体
   ============================================= */
.MuiIconButton-colorInherit {
  color: inherit;
}

.MuiIconButton-colorPrimary {
  color: #1976d2;
}

.MuiIconButton-colorSecondary {
  color: #9c27b0;
}

.MuiIconButton-colorError {
  color: #d32f2f;
}

.MuiIconButton-colorInfo {
  color: #0288d1;
}

.MuiIconButton-colorSuccess {
  color: #2e7d32;
}

.MuiIconButton-colorWarning {
  color: #ed6c02;
}

/* =============================================
   边缘变体
   ============================================= */
.MuiIconButton-edgeStart {
  margin-left: -12px;
}

.MuiIconButton-edgeEnd {
  margin-right: -12px;
}

.MuiIconButton-sizeSmall.MuiIconButton-edgeStart {
  margin-left: -3px;
}

.MuiIconButton-sizeSmall.MuiIconButton-edgeEnd {
  margin-right: -3px;
}

/* =============================================
   禁用状态
   ============================================= */
.MuiIconButton-root.Mui-disabled {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.26);
  pointer-events: none;
  cursor: default;
}