/* datatjek.css — Datatjek/integritets-visning */
.dt-wrap { max-width: 900px; margin: 0 auto; padding: 8px 4px 40px; }
.dt-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.dt-head h2 { margin: 0; font-size: 22px; font-weight: 700; color: var(--cream, #ece7db); }
.dt-refresh {
    font-size: 12px; font-weight: 600; color: var(--cream-mute, #a9a293);
    background: var(--ink-4, #23201b); border: 1px solid var(--rule-2, #3a352d);
    border-radius: 7px; padding: 5px 12px; cursor: pointer;
}
.dt-refresh:hover { color: var(--cream, #ece7db); border-color: var(--cream-mute, #a9a293); }
.dt-sub { font-size: 13px; color: var(--cream-mute, #a9a293); margin: 6px 0 18px; line-height: 1.5; }
.dt-empty {
    text-align: center; padding: 48px 20px; font-size: 16px; color: #7bbfa0;
    background: var(--ink-4, #23201b); border: 1px solid var(--rule-2, #3a352d); border-radius: 12px;
}

.dt-tiles { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 22px; }
.dt-tile {
    flex: 1 1 120px; min-width: 110px; padding: 12px 14px; border-radius: 10px;
    background: var(--ink-4, #23201b); border: 1px solid var(--rule-2, #3a352d);
}
.dt-tile-n { font-size: 26px; font-weight: 800; line-height: 1; }
.dt-tile-t { font-size: 11px; color: var(--cream-mute, #a9a293); margin-top: 5px; text-transform: uppercase; letter-spacing: .04em; }
.dt-tile.dt-zero { opacity: .4; }
.dt-tile.dt-err .dt-tile-n { color: #e0736a; }
.dt-tile.dt-warn .dt-tile-n { color: #d6a44a; }
.dt-tile.dt-review .dt-tile-n { color: #6ba3d6; }

.dt-cat { margin-bottom: 16px; background: var(--ink-4, #23201b); border: 1px solid var(--rule-2, #3a352d); border-radius: 12px; overflow: hidden; }
.dt-cat-err { border-left: 3px solid #e0736a; }
.dt-cat-warn { border-left: 3px solid #d6a44a; }
.dt-cat-review { border-left: 3px solid #6ba3d6; }
.dt-cat-head { display: flex; align-items: center; gap: 10px; padding: 12px 14px 4px; }
.dt-badge { font-size: 12px; font-weight: 700; border-radius: 20px; padding: 1px 9px; color: #1a1712; }
.dt-badge.dt-err { background: #e0736a; }
.dt-badge.dt-warn { background: #d6a44a; }
.dt-badge.dt-review { background: #6ba3d6; }
.dt-cat-title { font-size: 15px; font-weight: 700; color: var(--cream, #ece7db); flex: 1; }
.dt-fixall {
    font-size: 11px; font-weight: 600; color: var(--cream-mute, #a9a293);
    background: transparent; border: 1px solid var(--rule-2, #3a352d); border-radius: 6px; padding: 3px 10px; cursor: pointer;
}
.dt-fixall:hover { color: var(--cream, #ece7db); border-color: var(--cream-mute, #a9a293); }
.dt-cat-hint { font-size: 12px; color: var(--cream-mute, #a9a293); padding: 0 14px 10px; line-height: 1.45; }
.dt-items { border-top: 1px solid var(--rule, #2c2822); }
.dt-item { display: flex; align-items: center; gap: 12px; padding: 9px 14px; border-bottom: 1px solid var(--rule, #2c2822); }
.dt-item:last-child { border-bottom: none; }
.dt-item-txt { flex: 1; font-size: 13px; color: var(--cream, #ece7db); line-height: 1.4; }
.dt-item-txt strong { font-weight: 600; }
.dt-muted { color: var(--cream-mute, #a9a293); }
.dt-view {
    flex: none; font-size: 12px; font-weight: 600; color: var(--accent, #c7a86a);
    background: transparent; border: 1px solid var(--rule-2, #3a352d);
    border-radius: 7px; padding: 5px 11px; cursor: pointer; white-space: nowrap; margin-right: 6px;
}
.dt-view:hover { border-color: var(--accent, #c7a86a); background: color-mix(in srgb, var(--accent, #c7a86a) 12%, transparent); }
.dt-fix {
    flex: none; font-size: 12px; font-weight: 600; color: var(--cream, #ece7db);
    background: var(--ink-3, #2c2822); border: 1px solid var(--rule-2, #3a352d);
    border-radius: 7px; padding: 5px 12px; cursor: pointer; white-space: nowrap;
}
.dt-fix:hover { border-color: var(--cream-mute, #a9a293); background: var(--ink-2, #35302a); }

/* "Alt OK"-kvittering: kvittér+skjul et gennemgangs-fund; "Vis kvitterede"-toggle + "Fortryd OK". */
.dt-head-btns { display: flex; align-items: center; gap: 8px; }
.dt-toggle-acked {
    flex: none; font-size: 12px; font-weight: 600; color: var(--cream-mute, #a9a293);
    background: transparent; border: 1px solid var(--rule-2, #3a352d);
    border-radius: 7px; padding: 6px 12px; cursor: pointer; white-space: nowrap;
}
.dt-toggle-acked:hover { color: var(--cream, #ece7db); border-color: var(--cream-mute, #a9a293); }
.dt-ack {
    flex: none; font-size: 12px; font-weight: 600; color: #6bbf6b;
    background: transparent; border: 1px solid color-mix(in srgb, #6bbf6b 45%, transparent);
    border-radius: 7px; padding: 5px 12px; cursor: pointer; white-space: nowrap; margin-left: 6px;
}
.dt-ack:hover { background: color-mix(in srgb, #6bbf6b 14%, transparent); border-color: #6bbf6b; }
.dt-unack {
    flex: none; font-size: 12px; font-weight: 600; color: var(--cream-mute, #a9a293);
    background: transparent; border: 1px solid var(--rule-2, #3a352d);
    border-radius: 7px; padding: 5px 12px; cursor: pointer; white-space: nowrap; margin-left: 6px;
}
.dt-unack:hover { color: var(--cream, #ece7db); border-color: var(--cream-mute, #a9a293); }