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

/* =============================================
   Root 基础样式
   ============================================= */
.MuiOutlinedInput-root {
  position: relative;
  border-radius: 4px;
}

/* =============================================
   Input 样式
   ============================================= */
.MuiOutlinedInput-input {
  padding: 16.5px 14px;
  border: 0;
  background: transparent;
  outline: 0;
}

.MuiOutlinedInput-inputSizeSmall {
  padding: 8.5px 14px;
}

.MuiOutlinedInput-inputMultiline {
  padding: 0;
}

.MuiOutlinedInput-inputAdornedStart {
  padding-left: 0;
}

.MuiOutlinedInput-inputAdornedEnd {
  padding-right: 0;
}

/* =============================================
   装饰器
   ============================================= */
.MuiOutlinedInput-adornedStart {
  padding-left: 14px;
}

.MuiOutlinedInput-adornedEnd {
  padding-right: 14px;
}

/* =============================================
   多行
   ============================================= */
.MuiOutlinedInput-multiline {
  padding: 16.5px 14px;
}

.MuiOutlinedInput-multiline.MuiOutlinedInput-sizeSmall {
  padding: 8.5px 14px;
}

/* =============================================
   Notched Outline 边框
   ============================================= */
.MuiOutlinedInput-notchedOutline {
  position: absolute;
  top: -5px;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid rgba(0, 0, 0, 0.23);
  border-radius: inherit;
  pointer-events: none;
  overflow: hidden;
  padding: 0 8px;
}

/* Hover 状态 */
.MuiOutlinedInput-root:not(.Mui-disabled):not(.Mui-error) .MuiOutlinedInput-notchedOutline {
  border-color: rgba(0, 0, 0, 0.23);
}

/* 聚焦状态 */
.MuiOutlinedInput-notchedOutline.Mui-focused {
  border-color: #1976d2;
  border-width: 2px;
}

/* 错误状态 */
.MuiOutlinedInput-notchedOutline.Mui-error {
  border-color: #d32f2f;
}

/* 禁用状态 */
.MuiOutlinedInput-root.Mui-disabled .MuiOutlinedInput-notchedOutline {
  border-color: rgba(0, 0, 0, 0.26);
}

/* =============================================
   Legend (缺口)
   ============================================= */
.MuiOutlinedInput-legend {
  float: unset;
  width: auto;
  overflow: hidden;
  display: block;
  padding: 0;
  height: 11px;
  font-size: 0.75em;
  visibility: hidden;
  max-width: 0.01px;
  transition: max-width 50ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
  white-space: nowrap;
}

.MuiOutlinedInput-notchedOutline.Mui-focused .MuiOutlinedInput-legend {
  max-width: 100%;
}

/* =============================================
   颜色变体
   ============================================= */
.MuiOutlinedInput-colorSecondary .MuiOutlinedInput-notchedOutline.Mui-focused {
  border-color: #9c27b0;
}