@use '~@/scss/themeColor.scss' as theme;
.time-selector {
  // 区域标题 - 灰色背景
  width: 100%;
  // 时间区域 - 合并的白色块
  .time-section {
    background: white;
    border-radius: 16px;
    width: 100%;
    .time-item {
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: 44px;
      padding-left: 12px;
      &:last-child {
        margin-bottom: 0;
        .time-content {
          border-bottom: none;
        }
      }

      .time-label {
        display: flex;
        align-items: center;
        padding: 0 3px;
        font-size: 14px;
        color: theme.$primary-color;
        font-weight: 500;
        .dot {
          width: 8px;
          height: 8px;
          border-radius: 50%;
          background: theme.$primary-color;
          border: 1.5px solid theme.$primary-color;
          margin-right: 12px;
          &.hollow {
            background: transparent;
            width: 8px;
            height: 8px;
          }
        }
      }

      .time-content {
        display: flex;
        align-items: center;
        border-bottom: 1px solid  rgba(0, 0, 0, 0.06);
        line-height: 44px;
        justify-content: space-between;
        flex: 1;
        padding-right: 12px;
        .time-text-wrapper {
          display: flex;
          align-items: center;
          justify-content: flex-end;
          gap: 4px;
        }
        .time-text {
          font-size: 13px;
          color: theme.$primary-color;
          padding: 0 12px;
          background: theme.$primary-shallow-bg;
          height: 28px;
          line-height: 28px;
          border-radius: 14px;
          font-weight: 600;
          &.time-am {
            font-weight: 600;
          }
        }
      }
    }
  }
}