/*
 * This file is part of contao-community-alliance/contao-clipboard-bundle.
 *
 * (c) 2026 The CCA team.
 *
 * @license https://github.com/contao-community-alliance/contao-clipboard-bundle/blob/master/LICENSE LGPL-3.0-or-later
 */

/* The group in the navigation, drawn like the one of the favorites */
#tl_navigation .group-clipboard {
  background: url("../icons/group-clipboard.svg") 3px 2px no-repeat;
}

.cca-clipboard-admin .cca-clipboard-table {
  table-layout: fixed;
  width: 100%;
}

/* The checkboxes of the head and of the rows share one column, so they stand below each other */
.cca-clipboard-admin .cca-clipboard-table th,
.cca-clipboard-admin .cca-clipboard-table td {
  padding: 4px 10px;
  vertical-align: middle;
}

.cca-clipboard-admin .cca-col-select {
  width: 44px;
}

.cca-clipboard-admin .cca-col-title {
  width: 250px;
}

.cca-clipboard-admin .cca-col-count {
  width: 110px;
}

.cca-clipboard-admin .cca-col-created {
  width: 230px;
}

.cca-clipboard-admin .cca-col-action {
  width: 60px;
}

.cca-clipboard-admin .cca-select {
  text-align: center;
}

.cca-clipboard-admin td input.tl_text {
  width: 15em;
}

/* Choose the group, then share: one below the other, with a select which is no wider than its content */
.cca-clipboard-admin .cca-share label,
.cca-clipboard-admin .cca-share select,
.cca-clipboard-admin .cca-share button {
  display: block;
}

.cca-clipboard-admin .cca-share select {
  width: auto;
  min-width: 15em;
  max-width: 25em;
  margin: 4px 0 8px;
}

.cca-clipboard-admin .cca-clipboard-import {
  margin-top: 18px;
}

/* The headline, the hint and the field of the import start at the same edge */
.cca-clipboard-admin .cca-import-body {
  padding: 0 18px 12px;
}

.cca-clipboard-admin .cca-import-body .sub_headline {
  margin-left: 0;
  padding-left: 0;
}

/* Numbers stand right aligned, the info icon follows the number */
.cca-clipboard-admin .cca-count {
  text-align: right;
}

.cca-clipboard-admin td.cca-count img {
  margin-left: 6px;
  vertical-align: middle;
}

.cca-clipboard-admin td.cca-action {
  text-align: center;
}