/* AURELION_PROVIDER_RECORDS_START */

/*
  Каждый проверенный номер становится
  отдельной хорошо различимой карточкой.
*/
#providersPanel .provider-v2-request {
  position:relative;

  margin:
    8px 0 18px
    !important;

  border:
    2px solid #cbd5e1
    !important;

  border-radius:
    16px
    !important;

  overflow:hidden;

  background:#ffffff
    !important;

  box-shadow:
    0 10px 26px
    rgba(15,23,42,.09)
    !important;
}


/*
  Вертикальная полоса слева показывает
  полную высоту одной проверки.
*/
#providersPanel
.provider-v2-request::before {
  content:'';

  position:absolute;
  z-index:5;

  top:0;
  bottom:0;
  left:0;

  width:5px;

  background:#64748b;

  pointer-events:none;
}


/*
  Между соседними номерами должен быть
  хорошо заметный промежуток.
*/
#providersPanel
.provider-v2-request
+ .provider-v2-request {
  margin-top:
    8px
    !important;
}


/*
  Шапка с номером, временем и метками.
  Используем несколько селекторов для
  совместимости с текущей разметкой.
*/
#providersPanel
.provider-v2-request
> :first-child,
#providersPanel
.provider-v2-request-head,
#providersPanel
.provider-v2-request-header {
  background:#f1f5f9
    !important;

  border-bottom:
    1px solid #cbd5e1
    !important;

  padding-top:
    14px
    !important;

  padding-bottom:
    14px
    !important;
}


/*
  Итог Aurelion отделяется от шапки
  и от строки задействованных сервисов.
*/
#providersPanel
.provider-v2-request-result,
#providersPanel
.provider-v2-result {
  background:#ffffff
    !important;

  border-bottom:
    1px solid #e2e8f0
    !important;

  padding-top:
    12px
    !important;

  padding-bottom:
    12px
    !important;
}


/*
  Область с карточками API получает
  больше внутреннего пространства.
*/
#providersPanel
.provider-v2-request
.provider-v2-calls {
  padding:
    18px
    !important;

  background:#ffffff
    !important;
}


/*
  Нижняя строка со списанием, историей
  и ID завершает карточку номера.
*/
#providersPanel
.provider-v2-request-foot {
  min-height:34px;

  padding:
    10px 16px
    !important;

  border-top:
    1px solid #cbd5e1
    !important;

  background:#f8fafc
    !important;
}


/*
  При наведении граница немного темнее,
  чтобы вся запись воспринималась единым
  интерактивным блоком.
*/
#providersPanel
.provider-v2-request:hover {
  border-color:#94a3b8
    !important;

  box-shadow:
    0 12px 30px
    rgba(15,23,42,.12)
    !important;
}


/*
  Внутренние карточки провайдеров
  не должны сливаться с внешней рамкой.
*/
#providersPanel
.provider-v2-request
.provider-v2-call {
  border-radius:
    10px
    !important;
}


/*
  На узком экране уменьшаем отступы,
  но сохраняем разделение номеров.
*/
@media (max-width:900px) {
  #providersPanel
  .provider-v2-request {
    margin-bottom:
      22px
      !important;

    border-radius:
      12px
      !important;
  }

  #providersPanel
  .provider-v2-request
  .provider-v2-calls {
    padding:
      12px
      !important;
  }
}

/* AURELION_PROVIDER_RECORDS_END */