@import '../themes/themes.scss';

triage-page-sk {
  > dialog {
    z-index: 2;
    background: var(--background);
    color: var(--on-background);
    border: solid 1px var(--on-background);
  }

  summary h2 {
    display: inline-block;
    margin: 0;
  }

  header {
    display: flex;
  }

  details {
    display: inline-block;
    margin: 1em 0.4em;
    padding: 1em;
    background: var(--surface);
  }

  details[open] {
    border: solid 1px var(--on-surface);
    background: var(--surface);
  }

  details table {
    margin: 1em;
  }

  summary {
    padding: 0 0.6em;
  }

  summary:focus {
    outline: dashed 2px var(--primary);
    outline-offset: 3px;
  }

  tr:nth-child(even) {
    background-color: var(--surface);
  }

  table {
    border-collapse: collapse;
    border-spacing: 0;
  }

  .cluster {
    text-align: center;
  }

  th {
    padding: 0 1em;
  }

  a {
    color: var(--primary);
  }
}