/*
 * Copyright 2025 The Chromium Authors
 * Use of this source code is governed by a BSD-style license that can be
 * found in the LICENSE file.
 */

@scope to (devtools-widget > *) {
  .disabled-view {
    display: flex;
    max-width: var(--sys-size-34);
    border-radius: var(--sys-shape-corner-small);
    box-shadow: var(--sys-elevation-level3);
    background-color: var(--app-color-card-background);
    font: var(--sys-typescale-body4-regular);
    text-wrap: pretty;
    padding: var(--sys-size-6) var(--sys-size-8);
    margin: var(--sys-size-4);
    line-height: var(--sys-size-9);

    .disabled-view-icon-container {
      flex-shrink: 0;
      border-radius: var(--sys-shape-corner-extra-small);
      width: var(--sys-size-9);
      height: var(--sys-size-9);
      background: linear-gradient(
        135deg,
        var(--sys-color-gradient-primary),
        var(--sys-color-gradient-tertiary)
      );
      margin-right: var(--sys-size-5);

      devtools-icon {
        margin: var(--sys-size-2);
        width: var(--sys-size-8);
        height: var(--sys-size-8);
      }
    }
  }

  .link {
    color: var(--text-link);
    text-decoration: underline;
    cursor: pointer;
  }
}