/* ============================================================================
   RUNDE 11 (Wunsch Lino 10.11.2026): Bibliothek (Ordner-Kacheln, Zusammenstellen, responsive),
   Lebenslauf-Coach-Feinheiten, Multicheck-Training, Zurück-Knöpfe. Nur Ergänzungen.
   ============================================================================ */

/* ── Bibliothek: Reiter nie über den Rand ─────────────────────────────── */
#page-bibliothek .bib-tabs { max-width: 100%; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
#page-bibliothek .bib-tabs::-webkit-scrollbar { display: none; }
#page-bibliothek .bib-tab { white-space: nowrap; flex: none; }
#page-bibliothek .bibx-viewbar { max-width: 100%; }
#page-bibliothek .bibn-pills, #page-bibliothek #bibn-pills { flex-wrap: wrap; }
#page-bibliothek .bibn-row { min-width: 0; }
#page-bibliothek .bibn-row-main { min-width: 0; }
#page-bibliothek .bibn-row-title, #page-bibliothek .bibn-row-sub, #page-bibliothek .bibp-name { overflow: hidden; text-overflow: ellipsis; }
@media (max-width: 640px) {
  #page-bibliothek .bibn-row { flex-wrap: wrap; row-gap: 6px; }
  #page-bibliothek .bibn-row-date { margin-left: auto; }
  #page-bibliothek .bibp-grid { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); }
}

/* ── Alle Dateien: Ordner als Kacheln ─────────────────────────────────── */
#bibr6-folders, #bibp-folders { display: none !important; }
.r11-grid { align-items: stretch; }
.r11-folder { cursor: pointer; transition: border-color .15s, box-shadow .15s, transform .15s; outline: none; }
.r11-folder:hover { border-color: #CDBFAE; box-shadow: 0 8px 20px -10px rgba(112, 94, 78, .4); }
.r11-folder:focus-visible { box-shadow: 0 0 0 3px #2563EB; }
.r11-folder.is-sel { border-color: #8A7765; box-shadow: 0 0 0 2px #8A7765; }
.r11-folder.is-over, .r11-crumb-b.is-over { border-color: #3F8F60 !important; box-shadow: 0 0 0 3px rgba(63, 143, 96, .25) !important; background: #EEF6F0 !important; }
.r11-ft { display: grid; place-items: center; position: relative; background: #F3E9DA !important; color: #A07D4C; }
.r11-fico { display: grid; place-items: center; }
.r11-fico svg { fill: rgba(255, 255, 255, .55); }
.r11-fcount { position: absolute; right: 10px; top: 10px; min-width: 24px; height: 24px; padding: 0 7px; border-radius: 999px; background: #fff; color: #6E5E4F; font-size: 12px; font-weight: 800; display: grid; place-items: center; }
.r11-newf { cursor: pointer; background: transparent; border: 2px dashed #D6C9B9; color: #8A7765; font: inherit; justify-content: center; align-items: center; min-height: 100%; padding: 0; }
.r11-newf:hover { border-color: #8A7765; background: #FBF8F2; }
.r11-newf-in { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 24px 8px; }
.r11-newf-in b { font-size: 14px; }
.r11-file { cursor: grab; }
.r11-file.is-drag { opacity: .45; }
.r11-crumb { display: flex; align-items: center; gap: 8px; margin: 0 0 14px; font-size: 14px; flex-wrap: wrap; }
.r11-crumb svg { flex: none; }
.r11-crumb b { display: inline-flex; align-items: center; gap: 6px; }
.r11-crumb-b { display: inline-flex; align-items: center; gap: 6px; border: 1px solid #E3D8CA; background: #fff; border-radius: 12px; padding: 8px 12px; font: inherit; font-weight: 700; color: #6E5E4F; cursor: pointer; min-height: 40px; }
.r11-crumb-b:hover { border-color: #CDBFAE; }
.r11-tip { margin: 0 0 12px; font-size: 13px; color: var(--text-muted, #756B63); }
.r11-hint { margin-top: 14px; }

/* ── Zusammenstellen wie iLovePDF ─────────────────────────────────────── */
#bib-tab-zusammenstellen > .card:first-child { display: none; }
#bib-tab-zusammenstellen > .card:last-child > p, #bib-tab-zusammenstellen > .card:last-child > h3 { display: none; }
#bib-tab-zusammenstellen > .card:last-child { padding: 18px; }
.r11c { display: grid; gap: 22px; }
.r11c-step { display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 14px; }
.r11c-st { width: 34px; height: 34px; border-radius: 50%; background: #8A7765; color: #fff; font-weight: 800; display: grid; place-items: center; }
.r11c-body { min-width: 0; }
.r11c-body h4 { margin: 4px 0 12px; font-size: 17px; display: flex; align-items: center; gap: 10px; }
.r11c-body h4 em { font-style: normal; font-size: 12px; font-weight: 700; color: #6E5E4F; background: #EFE7DC; border-radius: 999px; padding: 3px 9px; }
.r11c-drop { position: relative; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 6px; padding: 26px 16px; border: 2px dashed #D6C9B9; border-radius: 20px; background: #FBF8F2; cursor: pointer; color: #756B63; transition: border-color .15s, background .15s; }
.r11c-drop:hover, .r11c-drop.is-over { border-color: #8A7765; background: #fff; }
.r11c-drop:focus-within { outline: 3px solid #2563EB; outline-offset: 2px; }
.r11c-drop b { color: var(--text, #302923); font-size: 16px; }
.r11c-drop small { font-size: 13px; }
.r11c-drop input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.r11c-plus { width: 52px; height: 52px; border-radius: 50%; background: #8A7765; color: #fff; display: grid; place-items: center; }
.r11c-lbl { display: block; margin: 16px 0 8px; font-size: 12px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; color: #756B63; }
.r11c-chips { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 8px; }
.r11c-chip { display: flex; align-items: center; gap: 10px; text-align: left; border: 1px solid #E3D8CA; background: #fff; border-radius: 14px; padding: 8px; font: inherit; color: inherit; cursor: pointer; min-width: 0; }
.r11c-chip:hover { border-color: #8A7765; }
.r11c-chip-th { width: 38px; height: 46px; flex: none; border-radius: 8px; overflow: hidden; background: #F3EDE5; display: block; }
.r11c-chip-th .bibp-thumb { height: 46px; }
.r11c-chip-th svg { width: 20px; height: 20px; }
.r11c-chip-th .bibp-page { font-size: 2px; padding: 2px; }
.r11c-chip-t { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.r11c-chip-t b { font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.r11c-chip-t small { font-size: 12px; color: #756B63; }
.r11c-chip-p { width: 30px; height: 30px; border-radius: 50%; background: #EDE2D5; display: grid; place-items: center; flex: none; color: #6E5E4F; }
.r11c-grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 12px; }
.r11c-tile { position: relative; display: flex; flex-direction: column; background: #fff; border: 1px solid #E3D8CA; border-radius: 16px; overflow: hidden; cursor: grab; transition: box-shadow .15s, border-color .15s; }
.r11c-tile.is-drag { opacity: .4; }
.r11c-tile.is-over { border-color: #3F8F60; box-shadow: 0 0 0 3px rgba(63, 143, 96, .25); }
.r11c-num { position: absolute; left: 8px; top: 8px; z-index: 2; width: 26px; height: 26px; border-radius: 50%; background: #8A7765; color: #fff; font-size: 13px; font-weight: 800; display: grid; place-items: center; }
.r11c-th { display: block; width: 100%; padding: 0; border: 0; background: none; cursor: pointer; }
.r11c-th .bibp-thumb { height: 130px; }
.r11c-name { padding: 8px 10px 4px; font-size: 13px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.r11c-btns { display: flex; justify-content: space-between; padding: 4px 6px 8px; }
.r11c-btns button { width: 36px; height: 34px; border-radius: 10px; border: 0; background: #F3EDE5; color: #6E5E4F; cursor: pointer; display: grid; place-items: center; }
.r11c-btns button:hover:not(:disabled) { background: #E5D5C5; }
.r11c-btns button:disabled { opacity: .35; cursor: default; }
.r11c-btns .is-del:hover:not(:disabled) { background: #F3D8CF; color: #9A3E22; }
.r11c-hint, .r11c-empty { margin: 10px 0 0; font-size: 13px; color: #756B63; }
.r11c-make { display: flex; gap: 10px; flex-wrap: wrap; }
.r11c-make input { flex: 1 1 240px; min-width: 0; border: 1.5px solid #DED2C5; border-radius: 14px; padding: 12px 14px; font: inherit; font-size: 15px; background: #fff; min-height: 48px; }
.r11c-make input:focus { outline: none; border-color: #8A7765; }
.r11c-go { border: 0; border-radius: 14px; background: #8A7765; color: #fff; font: inherit; font-weight: 800; font-size: 15.5px; padding: 12px 24px; min-height: 48px; cursor: pointer; }
.r11c-go:hover:not(:disabled) { background: #6C5C4D; }
.r11c-go:disabled { opacity: .45; cursor: default; }
@media (max-width: 640px) {
  .r11c-step { grid-template-columns: 1fr; gap: 6px; }
  .r11c-st { width: 28px; height: 28px; font-size: 14px; }
  .r11c-go { width: 100%; }
  .r11c-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .r11c-chips { grid-template-columns: 1fr; }
}

/* ── Home: neuer Bereich ohne Blau, über die ganze Breite ─────────────── */
#h2-root.h2 { --now: #8A7765; margin: 32px 0 8px; display: grid; gap: 18px; }
#h2-root .h2-card { border-radius: 24px; padding: 20px 22px; }
#h2-root .h2-neu { background: #F6F0E7; border-color: #E6DCCD; }
#h2-root .h2-opt { background: #fff; border-color: #E3D8CA; }
#h2-root .h2-opt:hover { border-color: #8A7765; }
#h2-root .h2-radio:has(input:checked) { border-color: #8A7765; background: #F3EBDF; }
#h2-root .h2 button:focus-visible, #h2-root button:focus-visible, #h2-root input:focus-visible { outline: 3px solid #8A7765; outline-offset: 2px; }
#h2-root .h2-row-ico.src-date { background: #F3E5CF; color: #A3763A; }
#h2-root .h2-row-ico.src-way { background: #E4EFE6; color: #4C8A62; }
#h2-root .h2-list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px 16px; }
@media (max-width: 800px) { #h2-root .h2-list { grid-template-columns: 1fr; } }
#h2-root .h2-chatc { padding: 28px 22px 22px; text-align: center; background: #FBF8F2; }
.h2-chatc-top { display: flex; flex-direction: column; align-items: center; gap: 6px; margin-bottom: 18px; }
.h2-chatc-top h3 { margin: 4px 0 0; font-size: clamp(20px, 3vw, 26px); }
.h2-chatc-top p { margin: 0; color: #756B63; font-size: 14.5px; }
#h2-root .h2-chatc-ava, .h2-chatc-ava { background: #F3E5CF; color: #A3763A; width: 52px; height: 52px; }
.h2-ask-big { max-width: 760px; margin: 0 auto 14px; }
.h2-ask-big input { min-height: 56px; border-radius: 28px; padding: 0 24px; font-size: 16px; border: 1.5px solid #DED2C5; background: #fff; box-shadow: 0 6px 20px -10px rgba(60, 45, 30, .25); }
.h2-ask-big input:focus { border-color: #8A7765; outline: none; }
.h2-ask-big button { width: 56px; height: 56px; border-radius: 50%; }
.h2-chips-c { justify-content: center; max-width: 900px; margin: 0 auto; }
#h2-root .h2-chip, .h2-chat .h2-chip { border-color: #E3D8CA; background: #fff; color: #5A4E43; }
#h2-root .h2-chip:hover, .h2-chat .h2-chip:hover { background: #F3EBDF; border-color: #CDBFAE; }
#h2-root .h2-chatc-last { max-width: 760px; margin: 16px auto 0; text-align: left; }
#h2-chat-wrap .h2-m-ava, #h2-chat-wrap .h2-chatc-ava { background: #F3E5CF; }
#h2-chat-wrap .h2-m.is-me p { background: #8A7765; }
#h2-chat-wrap .h2-opt:hover { border-color: #8A7765; }
#h2-chat-wrap button:focus-visible, #h2-chat-wrap input:focus-visible { outline-color: #8A7765; }

/* ── Lebenslauf-Coach: Suche ohne blauen Kasten, Knöpfe nicht durchsichtig, Plus ohne blauen Schatten ── */
#page-cvcoach .cvs-search input:focus, #page-cvcoach .cvs-search input:focus-visible { outline: none; box-shadow: none; background: transparent; }
#page-cvcoach .cvs-search { background: #FBF8F2; }
#page-cvcoach .cvs-search:focus-within { border-color: #8A7765; box-shadow: 0 0 0 3px rgba(138, 119, 101, .16); }
#page-cvcoach .cvs-bar .btn, #page-cvcoach .cvs-bar .btn-ghost { background: #FBF8F2; border-color: #DED2C5; color: #302923; }
#page-cvcoach .cvs-bar .btn:hover { background: #F3EBDF; border-color: #CDBFAE; }
.cvp-plus-btn { background: #8A7765; box-shadow: 0 6px 16px rgba(112, 94, 78, .30); }
.cvp-plus-btn:focus-visible { outline: 3px solid rgba(138, 119, 101, .4); outline-offset: 3px; }

/* ── Multicheck-Training: Zurück links, Nummern in der Mitte, Weiter rechts ── */
.mc-shell-footer .mc-shell-nav-count { flex: 1; justify-content: center; flex-wrap: wrap; }
.mc-shell-footer { display: flex; }

/* ── Immer: Logo ganz oben, Zurück-Pfeil darunter; nichts über den Rand ── */
#zr-slot { z-index: 55; }
.tracker-tabs { max-width: 100%; overflow-x: auto; scrollbar-width: none; }
.tracker-tabs::-webkit-scrollbar { display: none; }

/* Bibliothek: Gruppen nach Art und Ordner pro Bewerbung */
.r11-gh { margin: 22px 0 10px; font-size: 15px; display: flex; align-items: center; gap: 8px; }
.r11-gh em { font-style: normal; font-size: 12px; font-weight: 700; background: #EFE7DC; color: #6E5E4F; border-radius: 999px; padding: 2px 9px; }
.r11-appf { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 14px; font-size: 13.5px; color: #756B63; }
.r11-appf-b { display: inline-flex; align-items: center; gap: 6px; padding: 7px 12px; }