/* Mail archive page. One file per feature, as everywhere else. */

.marc-bar { display: flex; gap: 8px; }
.marc-bar input { flex: 1; min-width: 0; }
.marc-count { margin: 6px 0 12px; }

.marc-rows { padding: 0; overflow: hidden; }
.marc-row {
  display: grid; grid-template-columns: 96px minmax(0, 180px) minmax(0, 1fr) auto; gap: 10px;
  align-items: baseline; width: 100%; text-align: left; padding: 9px 12px;
  border: 0; border-bottom: 1px solid var(--line); background: none; color: inherit; font: inherit; cursor: pointer;
}
.marc-row:last-child { border-bottom: 0; }
.marc-row:hover { background: var(--bg); }
.marc-from, .marc-subj { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.marc-att { white-space: nowrap; }
@media (max-width: 640px) {
  .marc-row { grid-template-columns: 1fr auto; }
  .marc-from { grid-column: 1; }
  .marc-date { grid-column: 2; grid-row: 1; }
  .marc-subj { grid-column: 1 / -1; }
  .marc-att { display: none; }
}

.marc-view .marc-hd { border-collapse: collapse; margin-bottom: 10px; font-size: 13px; }
.marc-view .marc-hd th { text-align: left; color: var(--muted); font-weight: 600; padding: 2px 12px 2px 0; vertical-align: top; }
.marc-view .marc-hd td { padding: 2px 0; word-break: break-word; }
.marc-files { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 10px; }
.marc-text {
  white-space: pre-wrap; word-break: break-word; font: inherit; font-size: 14px;
  max-height: 55vh; overflow: auto; padding: 10px; border: 1px solid var(--line); border-radius: 6px; background: var(--bg);
}

.marc-admin h3 { margin: 4px 0 6px; font-size: 15px; }
.marc-admin h3 + label, .marc-admin h3 + .muted { margin-top: 0; }
.marc-admin .stat-grid { margin: 10px 0; }
.marc-admin > .muted, .marc-admin label { display: block; margin-bottom: 8px; }
.marc-admin .bad, .marc-imports .bad { color: #b91c1c; }
.marc-imports { width: 100%; border-collapse: collapse; margin: 8px 0; font-size: 13px; }
.marc-imports td { padding: 6px 8px 6px 0; border-bottom: 1px solid var(--line); vertical-align: top; }
#marc-imports .warn-box {
  padding: 8px 10px; margin: 8px 0; border-radius: 6px;
  background: #fef3c7; color: #78350f; border: 1px solid #fcd34d;
}