/* 2.97.0: privacy and security (security.js): the tabs of Data and privacy, the access log, the data map (printable),
   the two-factor banner */
.sec-tabs { margin-bottom: 12px; }
.sec-filters { flex-wrap: wrap; align-items: flex-end; gap: 8px; margin-bottom: 10px; }
.sec-filters .field { margin: 0; }
.sec-log { width: 100%; border-collapse: collapse; font-size: 13px; }
.sec-log th, .sec-log td { text-align: start; padding: 6px 8px; border-bottom: 1px solid var(--line); vertical-align: top; }
.sec-log th { font-weight: 600; color: var(--muted); }
.sec-log .nowrap { white-space: nowrap; }
.sec-log tr.sec-overdue td { background: color-mix(in srgb, var(--danger, #c0392b) 8%, transparent); }
.sec-ok { color: var(--ok, #1e7d4f); display: flex; align-items: center; gap: 6px; }
.sec-bad { color: var(--danger, #c0392b); font-weight: 600; display: flex; align-items: center; gap: 6px; }
.sec-map h1 { font-size: 20px; margin: 0 0 4px; }
.sec-map h2 { font-size: 16px; margin: 18px 0 6px; }
.sec-map code { font-size: 12px; }
.sec-banner { position: sticky; top: 0; z-index: 70; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding: 8px 16px; background: color-mix(in srgb, var(--warn, #b7791f) 16%, var(--panel, #fff)); color: var(--ink); border-bottom: 1px solid var(--line); font-size: 14px; }
.sec-banner span { flex: 1; min-width: 200px; }
@media print {
  body.print-datamap { visibility: hidden; background: #fff; }
  body.print-datamap .sec-map, body.print-datamap .sec-map * { visibility: visible; }
  body.print-datamap .sec-map { position: absolute; inset: 0 auto auto 0; width: 100%; border: 0; box-shadow: none; padding: 0; margin: 0; }
  body.print-datamap .sec-log th, body.print-datamap .sec-log td { border-color: #999; }
}