/**
 * Table header.
 */
table.views-table {
  table-layout: auto;
  width: 100%;
  margin: 0;

  thead {
    tr:hover {
      background-color: #ffffff;
    }

    tr {
      border-bottom: 1px solid #e5e7eb !important;
      color: var(--color-text);
      background: var(--color-white) !important;

      th a::before,
      th.is-active a::before{
        border: none;
      }

      tr:hover {
        color: var(--color-text) !important;
        background: var(--color-bgblue-hover) !important;
      }

      a:hover {
        text-decoration: none;
        border: none;
      }
    }

    th {
      background: none;
      border: none;
      padding: 0 12px !important;
      font-size: 14px;
      font-weight: 400;
      height: auto;
      padding-block-start: 0.5rem !important;
      padding-block-end: 0.5rem !important;

      a {
        color: inherit;
        text-decoration: none;
        padding-block: 0;
      }
    }
  }

  /**
   * Table body — zebra striping via the 'odd'/'even' classes added
   * by our views-view-table.html.twig override.
   */
  tbody {
    tr {
      &.entity-info-inline,
      &.user-info-inline {
        background-color: #fafbfc;

        td {
          cursor: default;
        }
      }

      &.content-children-role-mismatch {
        background-color: #FFF5F5;

        &:hover,
        &.is-open {
          background-color: #FFE3E3;
        }
      }
    }

    td {
      padding: 10px 12px !important;
      border-bottom: 1px solid #f1f4f9 !important;
      font-size: 14px;

      table {
        margin-block: 0;
      }
    }
  }

  .views-view-table {
    tr {
      td {
        padding-top: 1em;
        padding-bottom: 1em;
      }
    }
  }

  th,
  td {
    width: 1%;
    white-space: nowrap;
  }

  td.views-field-title,
  td.views-field-name {
    width: 100%;
    white-space: nowrap;
  }

  tr .form-item,
  .container-inline .form-item {
    margin: 0;
  }
}

/**
 * Filters.
 */
.view-filters {
  margin-bottom: 12px;

  .views-exposed-form {
    display: flex;
    align-items: flex-end;
    gap: 8px;
    margin: 0;
    box-shadow: none;
    border: none;

    padding: 4px 0 16px;
    border-bottom: 1px solid #e5e7eb;
    background: none;

    .form-actions {
      display: flex;
      align-items: flex-end;
      gap: 8px;
    }
  }

  .form-item__label {
    display: none;
  }

  input[type=text],
  select {
    padding: 3px 8px;
    font-size: 14px;
    border: 1px solid #dbdee1;
    border-radius: 4px;
    min-height: auto;
  }

  .form-item,
  .form-actions {
    margin: 0 !important;
  }

  .form-submit {
    padding: 8px 20px;
    font-size: 14px;
    min-height: auto;
    height: auto;
    font-weight: normal;
    background: #f1f4f9;
    border: none;
    border-radius: 4px;
    color: #0036b3;
    cursor: pointer;
    margin: 0;
  }

  .form-submit:hover {
    background: #e6ecf5;
  }
}


/**
 * Sections.
 */
.company-children__section {
  margin-bottom: 2em;

  .views-view-table {
    margin: 0;
  }

  .company-children__section-title {
    font-weight: normal;
    font-size: 18px;
    margin: 0 0 0.5em 0;
  }

  .company-children__section-body {
    border-radius: 6px;
    padding: 12px 16px;
    background: #f7f8f9;
  }
}