@import url("../../utils/palette_v2-xqjh14X.css");
@import url("../../utils/breakpoints-fRdcjGc.css");

[data-controller~='back--tab-turbo'] {
  background-color: #f5f9fc;
  /*background-color: #ffffff;*/
  border-radius: 16px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  border: 1px solid #e5e7eb;
  margin-top: 2rem;

  .navTabs {
    display: flex;
    gap: .5rem;
    border-bottom: 2px solid #d0d7de;

    .navLink {
      text-decoration: none;
      padding: 0.5rem 1rem;
      font-weight: 500;
      color: #4a4a4a;
      border-bottom: 3px solid transparent;
      cursor: pointer;

      &.active {
        border-bottom: 3px solid #2563eb;
        color: #2563eb;
      }
    }
  }


  .tab-content {
    padding: 0.8rem;
  }
}