/* Zalcara – eigene Ergänzungen zu Bootstrap */
:root { --z-ink: #1b2a4a; --z-accent: #b4914f; --z-accent-2: #2b4b7a; --bs-link-color-rgb: 43,75,122; }
body { background: #f5f6fa; }
.z-nav { background: linear-gradient(90deg, #14213a 0%, #1b2a4a 70%, #243a66 100%); border-bottom: 2px solid var(--z-accent); }
.btn-primary { --bs-btn-bg: #1b2a4a; --bs-btn-border-color: #1b2a4a; --bs-btn-hover-bg: #243a66; --bs-btn-hover-border-color: #243a66; }
.btn-outline-primary { --bs-btn-color: #1b2a4a; --bs-btn-border-color: #1b2a4a; --bs-btn-hover-bg: #1b2a4a; --bs-btn-hover-border-color: #1b2a4a; --bs-btn-active-bg: #1b2a4a; --bs-btn-active-border-color: #1b2a4a; }
a { color: #2b4b7a; }
.navbar-brand span { letter-spacing: .18em; font-weight: 300; text-transform: uppercase; font-size: .95rem; color: #e8dcc0; }
.htmx-indicator { position: fixed; top: 0; left: 0; right: 0; height: 3px; opacity: 0; transition: opacity .2s; z-index: 2000; }
.htmx-request .htmx-indicator, .htmx-request.htmx-indicator { opacity: 1; }
.htmx-indicator .bar { height: 100%; width: 40%; background: var(--z-accent); animation: z-slide 1s infinite linear; }
@keyframes z-slide { from { transform: translateX(-100%);} to { transform: translateX(250%);} }
.card { border: 0; box-shadow: 0 1px 3px rgba(11,16,32,.08); }
.stat { font-size: 2rem; font-weight: 600; line-height: 1; }
.review-pages img { width: 100%; border: 1px solid #ddd; border-radius: 4px; margin-bottom: .75rem; background: #fff; }
.review-pages { position: sticky; top: 1rem; max-height: calc(100vh - 2rem); overflow: auto; }
.field-conf { font-size: .7rem; }
.table-docs td { vertical-align: middle; }
.dropzone { border: 2px dashed #b9b7d8; border-radius: 12px; padding: 2.5rem; text-align: center; background: #fff; cursor: pointer; }
.dropzone.dragover { background: #eef; border-color: var(--z-accent); }
.reason { font-size: .8rem; color: #6c757d; }
.kbd { font-family: monospace; background: #eee; border-radius: 3px; padding: 0 .3em; font-size: .8em; }