/**
 * Copyright © 2016-2026 The Thingsboard Authors
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
:host {
  .arguments-table {
    min-height: 108px;

    &-with-error {
      min-height: 150px;
    }

    .mat-mdc-table {
      table-layout: fixed;
    }

    .key-text {
      font-size: 13px;
    }

    .copy-argument-name {
      visibility: hidden;
      transition: visibility 0.1s;
    }

    .argument-name-cell:hover {
      .copy-argument-name {
        visibility: visible;
      }
    }
  }

  .no-data-found {
    font-size: 16px;
  }

  .max-args-warning {
    .mat-icon {
      color: #FAA405;
    }
  }

  .tb-form-table-row-cell-buttons {
    --mat-badge-legacy-small-size-container-size: 8px;
    --mat-badge-small-size-container-overlap-offset: -5px;
    --mat-badge-small-size-text-size: 0;
    width: 100%;
    display: flex;
    justify-content: end;
  }
}

:host ::ng-deep {
  .arguments-table:not(.arguments-table-with-error) {
    .mdc-data-table__row:last-child .mat-mdc-cell {
      border-bottom: none;
    }
  }

  .arguments-table {
    .mat-mdc-header-row.mat-row-select .mat-mdc-header-cell:nth-child(2) {
      padding: 0 28px 0 0;
    }
  }

  .copy-argument-name {
    .mat-icon {
      font-size: 16px;
      padding: 4px;
    }
  }
}
