// This file is part of Indico.
// Copyright (C) 2002 - 2026 CERN
//
// Indico is free software; you can redistribute it and/or
// modify it under the terms of the MIT License; see the
// LICENSE file for more details.

@use 'base/palette' as *;

.role-list-row {
  background: #eee;

  td {
    padding: 0 !important;

    .content-area {
      background: #fff;
      margin: 0 0 0 58px !important;

      .empty {
        padding: 10px;
        font-style: italic;
        color: $dark-gray;
      }

      .toolbar {
        padding: 10px;
      }
    }
  }

  .i-tag {
    display: inline-flex;
    justify-content: center;
    align-items: baseline;
  }
}

.role-list {
  padding: 10px;
  list-style-type: none;

  li {
    font-size: 11px !important;
    display: inline-block;
    margin-right: 0.3em;
    margin-bottom: 0.7em;

    &::before {
      margin-right: 0.3em;
    }
  }
}

.badge-column {
  width: 20px;
}

.role-badge {
  display: inline-block;
  width: 25px;
  text-align: center;
}

.role-members-summary {
  text-align: right;
}

.toggle-members {
  cursor: pointer;
}

.i-button[class*='icon-cross']::before {
  font-size: 1em !important;
  vertical-align: -5% !important;
}
