/* MrSelect 简化样式 - 配合组件的style属性使用 */

.mr-select {
  /* 基础样式，让组件与设计系统保持一致 */
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB',
    'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  position: relative;
  display: inline-block;
  width: 100%;
  box-sizing: border-box;

  /* 确保选择器容器正常显示 */
  .rv-picker {
    background: transparent;
    border: none;

    .rv-picker__toolbar {
      background: var(--selected-background-color, #f7f8fa);
      border-bottom: 1px solid var(--border-color, #ebedf0);

      .rv-picker__cancel,
      .rv-picker__confirm {
        color: var(--selected-color, #1989fa);
        font-weight: 500;
      }

      .rv-picker__title {
        color: var(--text-color, #323233);
        font-weight: 600;
      }
    }

    .rv-picker__columns {
      background: var(--background-color, #ffffff);
    }

    .rv-picker__column {
      .rv-picker__item {
        color: var(--text-color, #323233);

        &.rv-picker__item--selected {
          color: var(--selected-color, #1989fa);
          font-weight: 500;
        }

        &.rv-picker__item--disabled {
          color: #c8c9cc;
          cursor: not-allowed;
        }
      }
    }
  }

  /* 错误状态样式 */
  &.mr-select--error {
    .rv-picker {
      .rv-picker__toolbar {
        background: #fff1f0;
        border-bottom-color: #ee0a24;
      }

      .rv-picker__columns {
        background: #fff1f0;
      }
    }
  }

  /* 禁用状态样式 */
  &.mr-select--disabled {
    opacity: 0.6;
    cursor: not-allowed;

    .rv-picker {
      pointer-events: none;

      .rv-picker__item {
        color: #c8c9cc !important;
      }
    }
  }
}

/* 主题预设的选中效果增强 */
.mr-select {
  &.mr-select--primary {
    --selected-color: #1989fa;
    --selected-background-color: #f0f8ff;
  }

  &.mr-select--success {
    --selected-color: #07c160;
    --selected-background-color: #f0f9ff;
  }

  &.mr-select--warning {
    --selected-color: #ffa726;
    --selected-background-color: #fff3e0;
  }

  &.mr-select--danger {
    --selected-color: #ee0a24;
    --selected-background-color: #fff1f0;
  }
}

/* 尺寸变体 */
.mr-select {
  &.mr-select--small {
    .rv-picker__toolbar {
      height: 40px;
      padding: 0 12px;

      .rv-picker__title {
        font-size: 14px;
      }

      .rv-picker__cancel,
      .rv-picker__confirm {
        font-size: 14px;
      }
    }

    .rv-picker__item {
      font-size: 14px;
      height: 36px;
      line-height: 36px;
    }
  }

  &.mr-select--normal {
    .rv-picker__toolbar {
      height: 48px;
      padding: 0 16px;

      .rv-picker__title {
        font-size: 16px;
      }

      .rv-picker__cancel,
      .rv-picker__confirm {
        font-size: 16px;
      }
    }

    .rv-picker__item {
      font-size: 16px;
      height: 44px;
      line-height: 44px;
    }
  }

  &.mr-select--large {
    .rv-picker__toolbar {
      height: 56px;
      padding: 0 20px;

      .rv-picker__title {
        font-size: 18px;
      }

      .rv-picker__cancel,
      .rv-picker__confirm {
        font-size: 18px;
      }
    }

    .rv-picker__item {
      font-size: 18px;
      height: 50px;
      line-height: 50px;
    }
  }
}

/* 错误信息样式 */
.mr-select__error {
  color: #ee0a24;
  font-size: 12px;
  margin-top: 4px;
  line-height: 1.4;
  word-break: break-word;
}

/* 响应式设计 */
@media (max-width: 768px) {
  .mr-select {
    .rv-picker__toolbar {
      .rv-picker__title {
        font-size: 16px;
      }

      .rv-picker__cancel,
      .rv-picker__confirm {
        font-size: 16px;
      }
    }

    .rv-picker__item {
      font-size: 16px; /* 防止iOS缩放 */
    }
  }
}

/* 动画效果 */
.mr-select .rv-picker {
  transition: all 0.3s ease;
}

.mr-select .rv-picker__item {
  transition: color 0.2s ease, font-weight 0.2s ease;
}