// Модалка выбора сертификата КЭП — docplat_new

.sln-select-sertificate {
  color: var(--DARK-GREY);
  text-transform: none;

  small {
    font-family: var(--font-medium);
  }

  .sln-search-button {
    padding: 0 !important;

    button {
      display: flex;
      align-items: center;
      justify-content: center;
      // width: 40px;
      // height: 40px;
      border-radius: 12px;
      background: var(--LIGHT-GRAY);
      transition: background 0.15s ease;

      &:hover {
        background: #eef3fc;
      }
    }
  }

  .certificate-list {
    padding-top: 0;
  }

  .sln-sertificate-footer {
    justify-content: flex-end;
    padding-top: 4px;

    .light-btn-primary {
      min-width: 140px;
      border: none;
      background: var(--PRIMARY);
      color: var(--WHITE);

      &:hover:not(:disabled) {
        background: #2a5ae0;
      }

      &:disabled {
        background: var(--LIGHT-GRAY);
        color: var(--GRAY-SOFT);
        border: none;
        opacity: 1;
      }
    }
  }
}

.sln-core-certificate-list {
  .sln-scroll {
    max-height: 320px;
    overflow: auto;
    padding: 1px 4px 1px 1px;
  }

  .sln-input-container {
    position: relative;
    margin-bottom: 12px;

    .search-input {
      box-sizing: border-box;
      width: 100%;
      min-height: var(--INPUT-HEIGHT);
      padding: 0 var(--INPUT-PADDING-X);
      border: 1px solid var(--INPUT-BORDER);
      border-radius: var(--INPUT-RADIUS);
      background: var(--WHITE);
      color: var(--DARK-GREY);
      font-family: var(--font-medium);
      font-size: 14px;
      outline: none;
      transition: border-color 0.15s ease;

      &::placeholder {
        color: var(--INPUT-PLACEHOLDER);
      }

      &:hover:not(:focus) {
        border-color: var(--INPUT-BORDER-HOVER);
      }

      &:focus {
        border-color: var(--PRIMARY);
      }
    }

    .sln-clear-btn {
      position: absolute;
      right: 10px;
      top: 50%;
      transform: translateY(-50%);
      background: #4453710d;
      border: none;
      border-radius: 8px;
      padding: 4px;
    }
  }
}

.sln-select-sertificate-wrap {
  border: 1px solid var(--LIGHT-GRAY);
  border-radius: var(--INPUT-RADIUS);
  padding: 14px 12px;
  margin-bottom: 12px;
  margin-right: 0;
  cursor: pointer;
  transition:
    border-color 0.15s ease,
    box-shadow 0.15s ease;

  &:last-child {
    margin-bottom: 0;
  }

  &:hover {
    border-color: #c5d4f8;
  }

  &.highlight {
    border-color: var(--PRIMARY);
    box-shadow: 0 0 0 1px var(--PRIMARY);
    background: #f8faff;
  }
}

.sln-select-sertificate {
  .sln-row-person,
  .sln-row-organization {
    text-transform: none;
  }

  .col-md-7 .sln-row-person,
  .col-md-6 span {
    font-size: 13px;
    text-transform: none;
  }
}
