/* Runde 8 (06.11.2026): Lebenslauf – Beispiel-Schalter, Menü zuklappen, Hilfslinien, Schriftgrösse, Balkenfarbe */
/* Eigene Farbe für Balken und Flächen der Vorlage (nur wenn gewählt) */
.cvd-page[style*="--cvd-bar"].cvd-t-atelier::before { background:color-mix(in srgb, var(--cvd-bar) 22%, #fff); }
.cvd-page[style*="--cvd-bar"].cvd-t-band::before { background:var(--cvd-bar); }
.cvd-page[style*="--cvd-bar"].cvd-t-bogen .cvd-sec h3 { border:1.5px solid var(--cvd-bar); }
.cvd-page[style*="--cvd-bar"].cvd-t-bogen::after { background:color-mix(in srgb, var(--cvd-bar) 10%, #fff); }
.cvd-page[style*="--cvd-bar"].cvd-t-bogen::before { background:color-mix(in srgb, var(--cvd-bar) 18%, #fff); }
.cvd-page[style*="--cvd-bar"].cvd-t-fokus .cvd-head { border-left:6px solid var(--cvd-bar); }
.cvd-page[style*="--cvd-bar"].cvd-t-fokus .cvd-main-col .cvd-date { background:color-mix(in srgb, var(--cvd-bar) 12%, #fff); }
.cvd-page[style*="--cvd-bar"].cvd-t-fokus .cvd-side-col { border-top:5px solid var(--cvd-bar); }
.cvd-page[style*="--cvd-bar"].cvd-t-foto-seite::before { background:var(--cvd-bar); }
.cvd-page[style*="--cvd-bar"].cvd-t-frisch .cvd-chip-able { background:color-mix(in srgb, var(--cvd-bar) 12%, #fff); }
.cvd-page[style*="--cvd-bar"].cvd-t-gross .cvd-sec h3 { border-left:4px solid var(--cvd-bar); }
.cvd-page[style*="--cvd-bar"].cvd-t-kacheln .cvd-sec { background:color-mix(in srgb, var(--cvd-bar) 7%, #fff); }
.cvd-page[style*="--cvd-bar"].cvd-t-klassisch .cvd-sec h3 { border-bottom:1.5px solid var(--cvd-bar); }
.cvd-page[style*="--cvd-bar"].cvd-t-kontrast .cvd-head { border-bottom:6px solid var(--cvd-bar); }
.cvd-page[style*="--cvd-bar"].cvd-t-kreativ .cvd-head { border-left:10px solid var(--cvd-bar); }
.cvd-page[style*="--cvd-bar"].cvd-t-kreativ .cvd-sec h3 { background:var(--cvd-bar); }
.cvd-page[style*="--cvd-bar"].cvd-t-leiste .cvd-sec h3::after { background:color-mix(in srgb, var(--cvd-bar) 40%, #fff); }
.cvd-page[style*="--cvd-bar"].cvd-t-leiste { border-left:14px solid var(--cvd-bar); }
.cvd-page[style*="--cvd-bar"].cvd-t-linie .cvd-sec h3::after { background:var(--cvd-bar); }
.cvd-page[style*="--cvd-bar"].cvd-t-linie { border-top:8px solid var(--cvd-bar); }
.cvd-page[style*="--cvd-bar"].cvd-t-modern .cvd-head { background:var(--cvd-bar); }
.cvd-page[style*="--cvd-bar"].cvd-t-modern .cvd-side-col { background:color-mix(in srgb, var(--cvd-bar) 8%, #fff); }
.cvd-page[style*="--cvd-bar"].cvd-t-pastell .cvd-head { background:color-mix(in srgb, var(--cvd-bar) 12%, #fff); }
.cvd-page[style*="--cvd-bar"].cvd-t-poster .cvd-name::after { background:var(--cvd-bar); }
.cvd-page[style*="--cvd-bar"].cvd-t-profilband .cvd-head { background:var(--cvd-bar); }
.cvd-page[style*="--cvd-bar"].cvd-t-raster .cvd-head { border-bottom:2px solid var(--cvd-bar); }
.cvd-page[style*="--cvd-bar"].cvd-t-sanft .cvd-side-col { background:color-mix(in srgb, var(--cvd-bar) 12%, #fff); }
.cvd-page[style*="--cvd-bar"].cvd-t-signatur .cvd-sec h3::after { background:var(--cvd-bar); }
.cvd-page[style*="--cvd-bar"].cvd-t-studio::before { background:var(--cvd-bar); }
.cvd-page[style*="--cvd-bar"].cvd-t-swiss .cvd-sec h3 { border-top:3px solid var(--cvd-bar); }
.cvd-page[style*="--cvd-bar"].cvd-t-welle .cvd-head { background:var(--cvd-bar); }
.cvd-page[style*="--cvd-bar"].cvd-t-zeitstrahl .cvd-line { border-left:2px solid color-mix(in srgb, var(--cvd-bar) 35%, #fff); }
.cvd-page[style*="--cvd-bar"].cvd-t-zeitstrahl .cvd-line::before { background:var(--cvd-bar); }
.cvd-page[style*="--cvd-bar"].cvd-t-zweispaltig .cvd-side-col { border-left:3px solid var(--cvd-bar); }

/* Schalter «Beispiel» (Fragen und Bearbeiten) */
.cvq-sample-sw { display: inline-flex; align-items: center; gap: 7px; margin-left: auto; padding: 5px 10px 5px 6px; border-radius: 999px; border: 1px solid var(--line-soft, #e7e5e4); background: var(--card-bg, #fff); color: var(--text-muted); font: inherit; font-size: 13px; font-weight: 600; cursor: pointer; white-space: nowrap; }
.cvq-sample-sw:hover { border-color: var(--gold); }
.cvq-sw-track { position: relative; width: 30px; height: 18px; border-radius: 999px; background: #d6d3d1; transition: background .18s; flex: none; }
.cvq-sw-track i { position: absolute; left: 2px; top: 2px; width: 14px; height: 14px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, .25); transition: transform .18s; }
.cvq-sample-sw.is-on { color: var(--text); }
.cvq-sample-sw.is-on .cvq-sw-track { background: var(--gold); }
.cvq-sample-sw.is-on .cvq-sw-track i { transform: translateX(12px); }
.cvw-right-head { gap: 8px; }
.cvw-paper.is-nosample .cvw-sample { display: none !important; }
#cvr-paper .cvw-sample { opacity: .38; filter: grayscale(1); pointer-events: none; }
.cvr-top-right .cvq-sample-sw { margin-left: 0; }

/* Oben: nur das blaue Stellio-Zeichen, Zurück daneben */
.cvr-logo { width: 28px; height: 28px; object-fit: contain; flex: none; }

/* Linkes Menü zuklappen */
.cvr-rail-fold { color: var(--text-muted); border-bottom: 1px solid var(--line-soft); border-radius: 12px 12px 0 0 !important; margin-bottom: 4px; }
.cvr.is-folded .cvr-rail-fold svg { transform: scaleX(-1); }
.cvr.is-folded .cvr-panel { display: none; }
@media (min-width: 901px) {
  .cvr.is-folded .cvr-body { grid-template-columns: 78px minmax(0, 1fr) 320px; }
  .cvr.is-folded:has(.cvr-help.is-closed) .cvr-body { grid-template-columns: 78px minmax(0, 1fr); }
}
@media (min-width: 901px) and (max-width: 1100px) { .cvr.is-folded .cvr-body { grid-template-columns: 72px minmax(0, 1fr); } }
@media (max-width: 900px) { .cvr-rail-fold { display: none !important; } }

/* Foto: beim Darüberfahren rund bleiben, leeres Foto mit Plus zum Hinzufügen */
#cvr-paper .cvd-photo[data-u="photo"]:hover { box-shadow: 0 0 0 2px rgb(37 99 235 / .45); }
#cvr-paper .cvd-photo:not(:has(img)) { position: relative; cursor: pointer; }
#cvr-paper .cvd-photo:not(:has(img))::after { content: "+"; position: absolute; right: 6%; bottom: 6%; width: 30px; height: 30px; border-radius: 50%; background: var(--gold, #2563EB); color: #fff; font: 700 22px/30px Inter, sans-serif; text-align: center; box-shadow: 0 3px 10px rgba(37, 99, 235, .4); }
.cvr-photo-empty { cursor: pointer; background: none; padding: 0; font: inherit; }
.cvr-photo-empty:hover i { transform: scale(1.08); }
.cvr-photo-empty i { transition: transform .15s; }

/* Hilfslinien beim Ziehen */
.cvr-guides { position: absolute; inset: 0; pointer-events: none; z-index: 6; }
.cvr-guide { position: absolute; background: #EC4899; }
.cvr-guide.is-v { width: 1px; margin-left: -.5px; }
.cvr-guide.is-h { height: 1px; margin-top: -.5px; }
.cvr-gap { position: absolute; width: 2px; background: #EC4899; }
.cvr-gap::before, .cvr-gap::after { content: ""; position: absolute; left: -4px; width: 10px; height: 2px; background: #EC4899; }
.cvr-gap::before { top: 0; } .cvr-gap::after { bottom: 0; }
.cvr-gap b { position: absolute; left: 8px; top: 50%; transform: translateY(-50%); padding: 1px 5px; border-radius: 5px; background: #EC4899; color: #fff; font: 700 10px/1.3 Inter, sans-serif; }

/* Schriftgrösse als Zahl */
.cvr-fs { display: inline-flex; align-items: center; gap: 2px; padding: 0 6px 0 2px; height: 32px; border-radius: 9px; box-shadow: inset 0 0 0 1px var(--line-soft, #e7e5e4); background: #fff; }
.cvr-fs input { width: 42px; border: 0; background: none; font: inherit; font-size: 13px; font-weight: 700; text-align: center; color: var(--text); padding: 0; -moz-appearance: textfield; }
.cvr-fs input::-webkit-outer-spin-button, .cvr-fs input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.cvr-fs input:focus { outline: none; }
.cvr-fs:focus-within { box-shadow: inset 0 0 0 2px var(--gold); }
.cvr-fs span { font-size: 11px; color: var(--text-muted); }

/* Balkenfarbe «wie Akzent» */
.cvr-sw-same { background: repeating-linear-gradient(135deg, #fff 0 5px, #e5e7eb 5px 10px) !important; }

/* Rechtschreibung: Stellen auf dem Blatt und Liste im Chat */
mark.cvr-typo { background: #FEF08A; color: inherit; border-radius: 2px; box-shadow: 0 2px 0 #EAB308; padding: 0 1px; }
.cvr-typos { list-style: none; margin: 8px 0 6px; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.cvr-typos li { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 7px 9px; border-radius: 10px; background: #fff; box-shadow: inset 0 0 0 1px var(--line-soft, #e7e5e4); font-size: 13px; }
.cvr-typos li s { color: #B91C1C; }
.cvr-typos li small { display: block; color: var(--text-muted); font-size: 11.5px; }
.cvr-typos li button { flex: none; padding: 4px 10px; border-radius: 999px; border: 0; background: var(--gold); color: #fff; font: inherit; font-size: 12px; font-weight: 700; cursor: pointer; }
.cvr-typos li.is-done { opacity: .6; }
.cvr-typos li em { font-style: normal; font-size: 12px; color: #16A34A; font-weight: 700; }