/* Quartiva – Marken-Layer über Filament. Tokens aus der Charte. */
@font-face{font-family:'IBM Plex Sans';font-weight:400;font-display:swap;src:url(../fonts/plex-sans-400.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Sans';font-weight:500;font-display:swap;src:url(../fonts/plex-sans-500.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Sans';font-weight:600;font-display:swap;src:url(../fonts/plex-sans-600.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Sans';font-weight:700;font-display:swap;src:url(../fonts/plex-sans-700.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-weight:500;font-display:swap;src:url(../fonts/plex-mono-500.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-weight:600;font-display:swap;src:url(../fonts/plex-mono-600.woff2) format('woff2')}

:root{
  --qv-page:#f1f3ee; --qv-panel:#fbfcfa; --qv-ink:#17231f; --qv-soft:#51605a; --qv-faint:#8a978f;
  --qv-line:#d7ddd1; --qv-line-strong:#b9c2b3; --qv-base-surface:#e6e9e2;
  --qv-brand:#3f6659; --qv-brand-surface:#e2ece5; --qv-accent:#a8781f; --qv-accent-surface:#f2e6c9;
  --qv-trust:#35597a; --qv-trust-surface:#e1e8ef;
  --qv-sans:'IBM Plex Sans',-apple-system,'Segoe UI',sans-serif;
  --qv-mono:'IBM Plex Mono',ui-monospace,Menlo,monospace;
}
.dark{
  --qv-page:#141c19; --qv-panel:#1a2420; --qv-ink:#eef2ec; --qv-soft:#aab8b0; --qv-faint:#71807a;
  --qv-line:#2c3733; --qv-line-strong:#3d4a44; --qv-base-surface:#232f2a;
  --qv-brand:#7fb39d; --qv-brand-surface:#22342d; --qv-accent:#e0ab52; --qv-accent-surface:#3a3020;
  --qv-trust:#8fb3d6; --qv-trust-surface:#1f2d3a;
}

.fi-body, .fi-simple-layout, .fi-main, .fi-sidebar, .fi-topbar{font-family:var(--qv-sans)}
.fi-body{background-color:var(--qv-page)}

/* ---------- Tagesbetrieb ---------- */
.qv-td{display:flex;flex-direction:column;gap:20px;font-family:var(--qv-sans);color:var(--qv-ink)}
.qv-eyebrow{font-family:var(--qv-mono);font-weight:500;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--qv-soft)}
.qv-head{display:flex;flex-wrap:wrap;gap:12px 16px;align-items:center;justify-content:space-between}
.qv-pills{display:flex;gap:8px;flex-wrap:wrap}
.qv-pill{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap;background:var(--qv-base-surface);color:var(--qv-ink)}
.qv-pill--ok{background:var(--qv-brand-surface);color:var(--qv-brand)}
.qv-pill--warn{background:var(--qv-accent-surface);color:var(--qv-ink)}
.qv-pill--info{background:var(--qv-trust-surface);color:var(--qv-trust)}
.qv-date{height:36px;border:1px solid var(--qv-line-strong);border-radius:8px;background:var(--qv-panel);color:var(--qv-ink);padding:0 10px;font-family:var(--qv-sans)}

.qv-alert{background:var(--qv-accent-surface);border:1px solid var(--qv-line-strong);border-radius:14px;padding:16px 20px;display:flex;flex-direction:column;gap:12px}
.qv-alert h3{margin:0;font-size:16px;font-weight:700}
.qv-alert p{margin:0;font-size:14px;color:var(--qv-soft)}
.qv-chain{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
@media (max-width:760px){.qv-chain{grid-template-columns:1fr}}
.qv-step{background:var(--qv-panel);border:1px solid var(--qv-line);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:2px}
.qv-step--active{border-color:var(--qv-brand);box-shadow:0 0 0 1px var(--qv-brand) inset}
.qv-step small{font-family:var(--qv-mono);font-weight:500;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--qv-faint)}
.qv-step b{font-size:14.5px}
.qv-step span{font-size:12.5px;color:var(--qv-soft)}

.qv-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:start}
@media (max-width:1100px){.qv-layout{grid-template-columns:1fr}}
.qv-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.qv-col h4,.qv-card h4{margin:0 0 10px;display:flex;justify-content:space-between;align-items:center;font-size:12.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.qv-col h4 span{font-weight:500;letter-spacing:0;text-transform:none;color:var(--qv-faint);font-size:12px}
.qv-tour{background:var(--qv-panel);border:1px solid var(--qv-line);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:6px;margin-bottom:10px}
.qv-tour__top{display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:14px}
.qv-tour__time{font-family:var(--qv-mono);font-weight:500;font-size:12.5px;color:var(--qv-soft)}
.qv-tour__meta{display:flex;justify-content:space-between;font-size:12.5px;color:var(--qv-soft)}
.qv-card{background:var(--qv-panel);border:1px solid var(--qv-line);border-radius:14px;padding:16px;margin-bottom:16px}
.qv-card--trust{background:var(--qv-trust-surface)}
.qv-card p{margin:0 0 4px;font-size:14px}
.qv-muted{color:var(--qv-soft);font-size:13px}
.qv-row{display:flex;flex-direction:column;gap:2px;padding:10px 0;border-top:1px solid var(--qv-line)}
.qv-row:first-of-type{border-top:0;padding-top:0}
.qv-row__top{display:flex;justify-content:space-between;gap:8px;align-items:center;font-weight:600;font-size:14px}
.qv-empty{color:var(--qv-faint);font-size:13px}

/* ---------- Tagesbetrieb: Aktionen, Hinweise, Verlauf ---------- */
.qv-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.qv-btn{height:36px;padding:0 14px;border:1px solid var(--qv-line-strong);border-radius:8px;background:var(--qv-panel);color:var(--qv-ink);font:600 13.5px var(--qv-sans);cursor:pointer}
.qv-btn:hover{background:var(--qv-base-surface)}
.qv-btn--primary{background:var(--qv-brand);border-color:var(--qv-brand);color:#fff}
.dark .qv-btn--primary{color:#141c19}
.qv-btn--primary:hover{filter:brightness(1.08);background:var(--qv-brand)}
.qv-note{border-radius:10px;padding:10px 14px;font-size:13.5px;border:1px solid var(--qv-line-strong);background:var(--qv-panel)}
.qv-note--warn{background:var(--qv-accent-surface)}
.qv-verlauf{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--qv-soft)}
.qv-verlauf li{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.qv-mono{font-family:var(--qv-mono);font-weight:500;color:var(--qv-ink)}

/* ---------- Diktat (Spracheingabe) ---------- */
.qv-diktat{display:flex;flex-direction:column;gap:6px;font-family:var(--qv-sans);color:var(--qv-ink)}
.qv-diktat__zeile{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.qv-diktat__zeit{font-family:var(--qv-mono);font-size:12px;color:var(--qv-soft)}
.qv-diktat__status{font-size:12px;color:var(--qv-soft)}
.qv-diktat__fehler{font-size:13px;font-weight:600;color:#a33a2a}
.dark .qv-diktat__fehler{color:#e8907f}
.qv-diktat__info{font-size:12px;color:var(--qv-faint)}
.qv-diktat--aktiv{background:var(--qv-accent-surface);border-color:var(--qv-accent)}

a.qv-btn{display:inline-flex;align-items:center;text-decoration:none}
.qv-diktat__sprache{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--qv-soft)}
select.qv-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:36px;min-width:170px;border:1px solid var(--qv-line-strong);border-radius:8px;color:var(--qv-ink);font-family:var(--qv-sans);font-size:14px;line-height:1.2;padding:0 34px 0 12px;cursor:pointer;
background-color:var(--qv-panel);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%238a8f98' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center;background-size:14px 14px}
select.qv-select:focus{outline:2px solid var(--qv-accent);outline-offset:1px}
select.qv-select:disabled{opacity:.55;cursor:not-allowed}
.qv-diktat__original{border:1px solid var(--qv-line-strong);border-radius:10px;background:var(--qv-accent-surface);padding:10px 12px;font-size:13px;display:flex;flex-direction:column;gap:4px}
.qv-diktat__original p{margin:0;white-space:pre-wrap}
.qv-diktat__original small{color:var(--qv-faint)}
[x-cloak]{display:none !important}
