/* Package, document and activity presentation. */

.package-row,
.document-row {
  display: grid;
  min-height: 78px;
  align-items: center;
  gap: 16px;
  padding: 13px 20px;
  border-bottom: 1px solid var(--border);
}

.package-row {
  grid-template-columns: minmax(0, 1fr) auto 54px;
  transition: background-color 150ms ease;
}

.package-publication-actions {
  gap: 12px;
}

.package-email-action {
  display: grid;
  min-width: 0;
  justify-items: end;
  gap: 4px;
}

.package-email-action small {
  max-width: 210px;
  overflow: hidden;
  color: var(--muted-ink);
  font-size: 11px;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.publication-disabled-action {
  display: grid;
  justify-items: end;
  gap: 4px;
}

.publication-disabled-action small {
  color: var(--muted-ink);
  font-size: 11px;
  font-weight: 800;
}

.package-row:focus-visible {
  outline-offset: -3px;
}

.document-row {
  grid-template-columns: 48px minmax(0, 1fr) auto;
}

.document-row-manage {
  grid-template-columns: 24px 48px minmax(0, 1fr) auto;
  transition: background-color 150ms ease;
}

.document-selection-form:not(.is-managing) .document-row-manage {
  grid-template-columns: 48px minmax(0, 1fr) auto;
}

.document-row-manage:has(.document-checkbox:checked) {
  background: var(--interactive-soft);
}

.document-checkbox {
  width: 24px;
  height: 24px;
  margin: 0;
  accent-color: var(--primary);
}

.document-checkbox-target {
  display: grid;
  width: 44px;
  height: 44px;
  place-items: center;
  justify-self: center;
  cursor: pointer;
}

.document-checkbox-target:has(.document-checkbox[hidden]) {
  display: none;
}

.panel-heading-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}

.selection-count:not(:empty)::before {
  content: " · ";
}

.document-select-all {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  gap: 8px;
  padding: 7px 4px;
  font-size: 12px;
  font-weight: 900;
  cursor: pointer;
}

.document-select-all input {
  width: 24px;
  height: 24px;
  margin: 0;
  accent-color: var(--primary);
}

.deletion-impact-page {
  margin: 24px 0 0;
}

.deletion-review-actions {
  margin-top: 28px;
}

.package-list,
.document-list {
  display: grid;
}

.package-row-copy,
.document-row-copy {
  display: grid;
  min-width: 0;
  gap: 3px;
}

.package-row-copy strong,
.document-row-copy strong {
  overflow-wrap: anywhere;
  font-size: 15px;
}

.package-row-copy small,
.document-row-copy small,
.document-upload-meta {
  color: var(--muted-ink);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.45;
}

.document-row-description {
  display: -webkit-box;
  overflow: hidden;
  color: var(--ink);
  font-size: 13px;
  font-weight: 650;
  line-height: 1.4;
  white-space: pre-line;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.document-row-copy small {
  overflow-wrap: anywhere;
}

.document-upload-meta {
  display: grid;
  justify-items: end;
  gap: 2px;
  text-align: right;
}

.document-upload-meta small {
  max-width: 240px;
  overflow-wrap: anywhere;
}

.document-row-end {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 18px;
}

.document-download-link {
  display: inline-flex;
  min-height: 40px;
  align-items: center;
  padding: 7px 4px;
  color: var(--primary-dark);
  font-size: 12px;
  font-weight: 900;
  text-decoration: underline;
  text-decoration-thickness: 1.5px;
  text-underline-offset: 3px;
  white-space: nowrap;
}

.document-download-link:hover {
  color: var(--primary);
  text-decoration-thickness: 2px;
}

.client-packages-panel {
  margin-bottom: 28px;
}

.package-history-panel {
  margin-top: 28px;
}

.package-activity-panel {
  margin-top: 28px;
}

.activity-group + .activity-group {
  border-top: 1px solid var(--border);
}

.activity-section-heading {
  display: flex;
  min-height: 50px;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 11px var(--panel-inline);
  background: var(--surface-meta);
}

.activity-section-heading h3 {
  margin: 0;
  font-size: 14px;
}

.activity-section-heading span {
  color: var(--muted-ink);
  font-size: 11px;
  font-weight: 750;
}

.activity-list {
  display: grid;
  margin: 0;
  padding: 0;
  list-style: none;
}

.activity-row {
  display: grid;
  min-height: 66px;
  grid-template-columns: 62px minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  padding: 11px var(--panel-inline);
  border-top: 1px solid var(--border);
}

.activity-kind {
  color: var(--muted-ink);
  font-size: 10px;
  font-weight: 950;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.activity-copy {
  display: grid;
  min-width: 0;
  gap: 2px;
}

.activity-copy strong,
.activity-copy small {
  overflow-wrap: anywhere;
}

.activity-copy strong {
  font-size: 13px;
}

.activity-copy small,
.activity-time,
.activity-empty {
  color: var(--muted-ink);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.45;
}

.activity-time {
  text-align: right;
  white-space: nowrap;
}

.activity-empty {
  margin: 0;
  padding: 20px var(--panel-inline);
  border-top: 1px solid var(--border);
}

.publication-history-list {
  display: grid;
  margin: 0;
  padding: 0;
  list-style: none;
}

.publication-history-row {
  display: grid;
  min-height: 66px;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 14px;
  padding: 12px var(--panel-inline);
  border-bottom: 1px solid var(--border);
}

.publication-history-row:last-child {
  border-bottom: 0;
}

.publication-history-row > span:last-child {
  display: grid;
  min-width: 0;
  gap: 2px;
}

.publication-history-row strong {
  overflow-wrap: anywhere;
  font-size: 13px;
}

.publication-history-row small {
  color: var(--muted-ink);
  font-size: 12px;
  font-weight: 700;
}