/* Bibliothek, Runde 8 (06.11.2026): «Meine Bewerbungen» mit Unterteilen */
.bibr8-tabs { margin-bottom: 18px; }
#bibn-apps .bibr8-tabs { background: #F3EDE5; box-shadow: none; }
#bibn-apps .bibr8-tabs .bib-tab.active { background: #FFFDF9; }
.bibr8-n:not(:empty) { min-width: 18px; padding: 0 6px; border-radius: 999px; background: rgba(0, 0, 0, .07); font-style: normal; font-size: 11.5px; font-weight: 700; line-height: 18px; text-align: center; }
.bib-tab.active .bibr8-n:not(:empty) { background: var(--gold); color: #fff; }

#bibn-apps[data-r8="aktuell"] #bibx-saved,
#bibn-apps[data-r8="schnupper"] #bibx-saved { display: none; }
#bibn-apps:not([data-r8="aktuell"]) #bibn-app-list { display: none; }
#bibn-apps:not([data-r8="schnupper"]) .bibr8-schnupper { display: none; }
#bibx-saved[data-r8="berufe"] .fav-grid > .fav-card:nth-child(2),
#bibx-saved[data-r8="stellen"] .fav-grid > .fav-card:nth-child(1) { display: none; }
#bibx-saved[data-r8="berufe"] .fav-grid, #bibx-saved[data-r8="stellen"] .fav-grid { grid-template-columns: 1fr; }
#bibx-saved[data-r8="berufe"] .fav-head, #bibx-saved[data-r8="stellen"] .fav-head { display: none; }
.bibr8-link { cursor: pointer; }
.bibr8-link:hover { color: var(--gold); text-decoration: underline; text-underline-offset: 3px; }

.bibr8-rows { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.bibr8-row { width: 100%; display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: 16px; border: 1px solid var(--line-soft, #e7e5e4); background: var(--card-bg, #fff); font: inherit; color: inherit; text-align: left; cursor: pointer; transition: transform .15s, box-shadow .15s; }
.bibr8-row:hover { transform: translateY(-1px); box-shadow: 0 8px 18px -10px rgba(0, 0, 0, .25); }
.bibr8-row-ico { flex: none; width: 38px; height: 38px; border-radius: 12px; display: grid; place-items: center; background: #E0F2FE; color: #0891B2; }
.bibr8-row-t { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.bibr8-row-t b { font-size: 15px; }
.bibr8-row-t small { font-size: 12.5px; color: var(--text-muted); }
.bibr8-row-go { font-size: 22px; color: var(--text-muted); }
.bibr8-empty { padding: 26px; border-radius: 20px; border: 1.5px dashed var(--line-soft, #e7e5e4); text-align: center; }
.bibr8-empty b { display: block; font-size: 16px; }
.bibr8-empty p { margin: 4px 0 12px; color: var(--text-muted); font-size: 14px; }
.bibr8-wait { display: flex; align-items: center; gap: 8px; color: var(--text-muted); font-size: 14px; }
.bibr8-spin { width: 16px; height: 16px; border-radius: 50%; border: 2.5px solid #E2E8F0; border-top-color: var(--gold); animation: bibr8Spin .8s linear infinite; }
@keyframes bibr8Spin { to { transform: rotate(360deg); } }

/* Mehr zur Firma */
.bibr8-modal { position: fixed; inset: 0; z-index: 1100; display: grid; place-items: center; padding: 16px; background: rgba(15, 23, 42, .45); }
.bibr8-mcard { position: relative; width: min(520px, 100%); max-height: calc(100vh - 32px); overflow-y: auto; padding: 22px; border-radius: 22px; background: var(--card-bg, #fff); box-shadow: 0 30px 70px rgba(15, 23, 42, .3); }
.bibr8-x { position: absolute; top: 12px; right: 12px; width: 30px; height: 30px; border-radius: 50%; border: 0; background: none; font-size: 20px; color: var(--text-muted); cursor: pointer; }
.bibr8-x:hover { background: var(--tone-inset, #f4f1ec); }
.bibr8-fhead { display: flex; gap: 12px; align-items: center; margin-bottom: 14px; padding-right: 30px; }
.bibr8-fhead h3 { margin: 0; font-size: 19px; }
.bibr8-fhead p { margin: 2px 0 0; font-size: 13.5px; color: var(--text-muted); }
.bibr8-flogo { flex: none; width: 46px; height: 46px; border-radius: 14px; display: grid; place-items: center; background: var(--gold); color: #fff; font-size: 20px; font-weight: 800; }
.bibr8-finfo h4 { margin: 12px 0 4px; font-size: 14px; }
.bibr8-finfo p, .bibr8-finfo li { font-size: 14px; line-height: 1.5; }
.bibr8-finfo p { margin: 0; }
.bibr8-finfo ul { margin: 0; padding-left: 18px; }
.bibr8-facts { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.bibr8-facts span { display: flex; flex-direction: column; padding: 8px 12px; border-radius: 12px; background: #F8FAFC; }
.bibr8-facts small { font-size: 11.5px; color: var(--text-muted); }
.bibr8-facts b { font-size: 13.5px; }
.bibr8-note { margin-top: 10px !important; font-size: 13px !important; color: var(--text-muted); }
.bibr8-mfoot { display: flex; justify-content: flex-end; gap: 8px; margin-top: 18px; }
@media (max-width: 600px) { .bibr8-tabs .bib-tab span { white-space: nowrap; } }
/* Runde 9: Lieblingslehrstellen als Karten wie in Entdecken */
#bibn-apps[data-r8="stellen"] #bibx-saved { display: none; }
#bibn-apps:not([data-r8="stellen"]) .bibr9-stellen { display: none; }
.bibr9-grid { margin-top: 4px; }
.bibr9-cardwrap { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.bibr9-cardwrap .ls-card { width: 100%; }
.bibr9-acts { display: flex; flex-wrap: wrap; gap: 6px; }
.bibr8-row-ico { background: #F3EDE5; color: #8A7765; }