@import '_content/Blazored.Toast/Blazored.Toast.bundle.scp.css';

/* /Components/Layout/BiblioteekLayout.razor.rz.scp.css */
.library-shell[b-6t74d4ez4g] {
    --library-ink: #183048;
    --library-blue: #3b6ea2;
    --library-sky: #6b9ed2;
    --library-paper: #f5f8fb;
    --library-line: #d9e3ec;
}

.library-shell[b-6t74d4ez4g] { min-height: 100vh; background: var(--library-paper); color: var(--library-ink); font-family: "Helvetica Neue", Arial, sans-serif; }
.library-header[b-6t74d4ez4g] { min-height: 76px; padding: 12px clamp(18px, 5vw, 72px); display: flex; align-items: center; gap: 36px; background: #fff; border-bottom: 1px solid var(--library-line); position: sticky; top: 0; z-index: 20; }
.library-brand[b-6t74d4ez4g] { display: flex; align-items: center; gap: 12px; color: var(--library-ink); font-size: 22px; font-weight: 700; text-decoration: none; }
.library-brand img[b-6t74d4ez4g] { width: 52px; height: 52px; object-fit: contain; }
.library-header nav[b-6t74d4ez4g] { display: flex; gap: 26px; margin-left: auto; }
.library-header nav a[b-6t74d4ez4g] { color: var(--library-ink); font-size: 15px; font-weight: 600; text-decoration: none; }
.library-header nav a:hover[b-6t74d4ez4g], .library-header nav a:focus-visible[b-6t74d4ez4g] { color: var(--library-blue); }
.language-switch[b-6t74d4ez4g] { min-width: 44px; min-height: 44px; border: 1px solid var(--library-line); border-radius: 8px; background: #fff; color: var(--library-ink); font-weight: 700; }
.library-main[b-6t74d4ez4g] { width: min(1180px, calc(100% - 36px)); margin: 0 auto; padding: 48px 0 96px; }
.library-mobile-nav[b-6t74d4ez4g] { display: none; }

@media (max-width: 800px) {
    .library-header[b-6t74d4ez4g] { min-height: 64px; padding: 8px 18px; }
    .library-brand[b-6t74d4ez4g] { font-size: 18px; }
    .library-brand img[b-6t74d4ez4g] { width: 42px; height: 42px; }
    .library-header nav[b-6t74d4ez4g] { display: none; }
    .language-switch[b-6t74d4ez4g] { margin-left: auto; }
    .library-main[b-6t74d4ez4g] { padding-top: 28px; padding-bottom: 110px; }
    .library-mobile-nav[b-6t74d4ez4g] { position: fixed; display: grid; grid-template-columns: repeat(5, 1fr); left: 0; right: 0; bottom: 0; z-index: 30; padding: 8px 6px max(8px, env(safe-area-inset-bottom)); background: #fff; border-top: 1px solid var(--library-line); }
    .library-mobile-nav a[b-6t74d4ez4g] { display: flex; min-height: 52px; align-items: center; justify-content: center; flex-direction: column; gap: 3px; color: var(--library-ink); font-size: 11px; font-weight: 600; text-decoration: none; }
    .library-mobile-nav span[b-6t74d4ez4g] { color: var(--library-blue); font-size: 20px; line-height: 1; }
}

.library-shell[b-6t74d4ez4g]  a:focus-visible, .library-shell[b-6t74d4ez4g]  button:focus-visible,
.library-shell[b-6t74d4ez4g]  input:focus-visible, .library-shell[b-6t74d4ez4g]  select:focus-visible,
.library-shell[b-6t74d4ez4g]  textarea:focus-visible, .library-shell[b-6t74d4ez4g]  summary:focus-visible {
    outline: 3px solid #3b6ea2;
    outline-offset: 3px;
}
.library-header nav a.current[b-6t74d4ez4g] { text-decoration: underline; text-decoration-thickness: 3px; text-underline-offset: 7px; }
.library-shell[b-6t74d4ez4g]  .library-auth { width: min(520px, 100%); margin: 42px auto; padding: 38px; box-sizing: border-box; border: 1px solid var(--library-line); border-radius: 12px; background: #fff; box-shadow: 0 18px 50px rgba(24,48,72,.08); }
.library-shell[b-6t74d4ez4g]  .library-auth h1 { margin: 30px 0 10px; color: var(--library-ink); font: 500 38px Georgia,serif; }
.library-shell[b-6t74d4ez4g]  .library-auth > p { margin: 0 0 28px; color: #52677a; line-height: 1.6; }
.library-shell[b-6t74d4ez4g]  .back-link { color: var(--library-blue); font-size: 14px; font-weight: 700; text-decoration: none; }
.library-shell[b-6t74d4ez4g]  .form-field { margin-bottom: 20px; }
.library-shell[b-6t74d4ez4g]  .form-field label { display: block; margin-bottom: 7px; color: var(--library-ink); font-size: 14px; font-weight: 700; }
.library-shell[b-6t74d4ez4g]  .library-input { display: block; width: 100%; min-height: 48px; padding: 10px 12px; box-sizing: border-box; border: 1px solid #b9c9d7; border-radius: 7px; color: var(--library-ink); font-size: 16px; }
.library-shell[b-6t74d4ez4g]  .form-error { margin: 4px 0 18px; padding: 12px; border-left: 4px solid #9a2f2f; background: #fff4f4; color: #9a2f2f; }
.library-shell[b-6t74d4ez4g]  .primary-action { width: 100%; min-height: 50px; border: 0; border-radius: 7px; background: var(--library-blue); color: #fff; font-size: 15px; font-weight: 700; }
.library-shell[b-6t74d4ez4g]  .privacy-check { display: flex; align-items: flex-start; gap: 10px; margin: 20px 0; line-height: 1.45; }
.library-shell[b-6t74d4ez4g]  .privacy-check input { width: 20px; height: 20px; flex: 0 0 auto; }
@media(max-width:600px){.library-shell[b-6t74d4ez4g]  .library-auth{margin:8px auto;padding:28px 22px}.library-shell[b-6t74d4ez4g]  .library-auth h1{font-size:32px}}

/* Keep Biblioteek aligned with the church theme while isolating legacy form resets. */
.library-shell[b-6t74d4ez4g]{font-family:Roboto,"Helvetica Neue",Arial,sans-serif;background:#f7f7f7}
.library-header[b-6t74d4ez4g]{border-top:4px solid #6b9ed2;gap:20px}
.library-header nav[b-6t74d4ez4g]{gap:18px}
.library-shell[b-6t74d4ez4g]  h1,.library-shell[b-6t74d4ez4g]  h2,.library-shell[b-6t74d4ez4g]  h3{font-family:Volkhov,Georgia,serif}
.library-shell[b-6t74d4ez4g]  input:not([type=checkbox]):not([type=radio]),.library-shell[b-6t74d4ez4g]  select{height:48px;min-height:48px;line-height:24px;padding:11px 12px;margin-bottom:0;box-sizing:border-box;font-family:inherit;font-size:16px;border:1px solid #bccbd7;border-radius:4px;background-color:white;color:#183048;max-width:100%;box-shadow:none}
.library-shell[b-6t74d4ez4g]  select{padding-right:30px}
.library-shell[b-6t74d4ez4g]  textarea{font-family:inherit;font-size:16px;line-height:1.6;border-radius:4px;padding:12px;box-shadow:none}
.library-shell[b-6t74d4ez4g]  button{font-family:inherit;min-width:44px;min-height:44px}
.library-shell[b-6t74d4ez4g]  input[aria-invalid=true],.library-shell[b-6t74d4ez4g]  select[aria-invalid=true],.library-shell[b-6t74d4ez4g]  textarea[aria-invalid=true]{border:2px solid #922626}
.library-shell[b-6t74d4ez4g]  .privacy-check{min-height:44px}
.library-shell[b-6t74d4ez4g]  button:disabled{opacity:.55;cursor:not-allowed}
.library-shell[b-6t74d4ez4g]  .primary-action{width:auto;justify-content:center;border-radius:4px}
.library-shell[b-6t74d4ez4g]  label{line-height:1.5}
@media(max-width:1100px){.library-header[b-6t74d4ez4g]{gap:12px;padding-left:18px;padding-right:18px}.library-header nav[b-6t74d4ez4g]{gap:12px}.library-header nav a[b-6t74d4ez4g]{font-size:13px}}
@media(max-width:800px){.library-brand[b-6t74d4ez4g]{margin-right:auto}.language-switch[b-6t74d4ez4g]{margin-left:0}.library-header[b-6t74d4ez4g]{gap:14px}.library-shell[b-6t74d4ez4g]  .library-intro .primary-action{width:auto}}
.library-shell[b-6t74d4ez4g]  input:not([type=checkbox]):not([type=radio]),.library-shell[b-6t74d4ez4g]  select,.library-shell[b-6t74d4ez4g]  textarea{font-weight:400}

.mobile-admin[b-6t74d4ez4g]{display:none}
.library-shell[b-6t74d4ez4g]  .support-panel{display:none}
@media(max-width:800px){.mobile-admin[b-6t74d4ez4g]{display:inline-flex;align-items:center;min-height:44px;padding:0 8px}.library-shell[b-6t74d4ez4g]  .support-panel{display:block}}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-jm9zh02tux] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-jm9zh02tux] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Pages/Admin/AdminPreekReekse.razor.rz.scp.css */
.right[b-919cybtvo4] {
    right: 0%;
    left: 100%;
}

.drop-zone-scroll[b-919cybtvo4] {
    max-height: 400px;   /* height per column */
    overflow: auto;
    display: block;      /* ensure overflow works even if parent uses flex */
}
/* /Components/Pages/Biblioteek/Admin.razor.rz.scp.css */
.library-admin[b-v6qhwdde2p]{padding:30px 0}.library-admin h1[b-v6qhwdde2p]{margin:0;color:#183048;font:500 clamp(38px,5vw,58px) Georgia,serif}.library-admin h2[b-v6qhwdde2p]{margin-top:34px;color:#183048}.admin-tabs[b-v6qhwdde2p]{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.admin-tabs a[b-v6qhwdde2p]{min-height:42px;display:inline-flex;align-items:center;padding:0 13px;border:1px solid #b9ccdc;border-radius:7px;color:#294d6d;font-weight:700;text-decoration:none}.admin-tabs a[aria-current=page][b-v6qhwdde2p]{background:#294d6d;color:#fff}.admin-message[b-v6qhwdde2p],.handoff[b-v6qhwdde2p]{margin:18px 0;padding:16px;border:1px solid #c8d8e5;border-radius:9px;background:#fff}.admin-message.error[b-v6qhwdde2p]{border-color:#d7a2a2;color:#8b2929}.handoff[b-v6qhwdde2p]{display:grid;gap:10px;border-color:#8fb1cf;background:#f5faff}.handoff code[b-v6qhwdde2p]{padding:10px;overflow-wrap:anywhere;background:#e8f0f7}.admin-stats[b-v6qhwdde2p]{display:grid;grid-template-columns:repeat(2,1fr);margin:24px 0;border:1px solid #d9e3ec;border-radius:9px;background:#fff}.admin-stats div[b-v6qhwdde2p]{padding:20px}.admin-stats strong[b-v6qhwdde2p],.admin-stats span[b-v6qhwdde2p]{display:block}.admin-stats strong[b-v6qhwdde2p]{font:500 30px Georgia,serif}.admin-form[b-v6qhwdde2p]{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.admin-form span[b-v6qhwdde2p]{display:block;margin-bottom:6px;font-weight:700}.admin-form[b-v6qhwdde2p]  input,.admin-form[b-v6qhwdde2p]  select{width:100%;min-height:46px;padding:8px;border:1px solid #bccddd;border-radius:7px}.primary[b-v6qhwdde2p],.actions button[b-v6qhwdde2p],.handoff button[b-v6qhwdde2p]{min-height:44px;padding:8px 14px;border:1px solid #9bb6cd;border-radius:7px;background:#fff;color:#234d70;font-weight:700}.primary[b-v6qhwdde2p]{border-color:#3b6ea2;background:#3b6ea2;color:#fff}.admin-list[b-v6qhwdde2p]{display:grid;gap:10px}.admin-list article[b-v6qhwdde2p]{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;padding:17px;border:1px solid #d9e3ec;border-radius:9px;background:#fff;scroll-margin-top:90px}.admin-list strong[b-v6qhwdde2p],.admin-list span[b-v6qhwdde2p]{display:block;overflow-wrap:anywhere}.admin-list span[b-v6qhwdde2p]{margin-top:4px;color:#5a7185}.actions[b-v6qhwdde2p]{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:7px}@media(max-width:850px){.admin-form[b-v6qhwdde2p]{grid-template-columns:1fr 1fr}.admin-list article[b-v6qhwdde2p]{grid-template-columns:1fr}.actions[b-v6qhwdde2p]{justify-content:flex-start}}@media(max-width:520px){.admin-form[b-v6qhwdde2p],.admin-stats[b-v6qhwdde2p]{grid-template-columns:1fr}}
.member-link[b-v6qhwdde2p]{display:inline-flex;gap:8px;align-items:center;font-size:18px;font-weight:700;color:#315b7e;text-decoration:underline;text-underline-offset:4px}.member-link span[b-v6qhwdde2p]{display:inline}
.admin-form button[b-v6qhwdde2p]{min-height:44px;padding:8px 14px;border:1px solid #9bb6cd;border-radius:7px;background:#fff;color:#234d70;font-weight:700}
.member-filters[b-v6qhwdde2p]{margin:18px 0}.member-filters input[b-v6qhwdde2p],.member-filters select[b-v6qhwdde2p]{width:100%;min-height:44px;padding:8px;border:1px solid #bccddd;border-radius:7px}.admin-list article.member-disabled[b-v6qhwdde2p],.admin-list article.member-rejected[b-v6qhwdde2p]{background:#fff3f3;border-left:5px solid #9c3030}.admin-list article.member-pending[b-v6qhwdde2p],.admin-list article.member-invited[b-v6qhwdde2p]{background:#fff8e6;border-left:5px solid #916300}.admin-list article.member-active[b-v6qhwdde2p]{border-left:5px solid #28613c}.actions button.positive[b-v6qhwdde2p]{background:#28613c;color:#fff;border-color:#28613c}.actions button.danger[b-v6qhwdde2p]{background:#9c3030;color:#fff;border-color:#9c3030}.invite-qr[b-v6qhwdde2p]{width:220px;max-width:100%;height:auto}
/* /Components/Pages/Biblioteek/AdminMember.razor.rz.scp.css */
h1[b-9f4zntpk6h]{margin:24px 0 8px}section[b-9f4zntpk6h]{margin:28px 0}article[b-9f4zntpk6h]{padding:16px 20px;background:white;border:1px solid #d9e3ec;border-bottom:0}article:last-child[b-9f4zntpk6h]{border-bottom:1px solid #d9e3ec}article strong[b-9f4zntpk6h]{font-size:17px}article p[b-9f4zntpk6h]{margin:5px 0 0;color:#52677a;overflow-wrap:anywhere}
article[b-9f4zntpk6h],h1[b-9f4zntpk6h],p[b-9f4zntpk6h]{min-width:0;overflow-wrap:anywhere}article strong[b-9f4zntpk6h]{display:block;overflow-wrap:anywhere}
/* /Components/Pages/Biblioteek/AdminOperations.razor.rz.scp.css */
.admin-operations[b-hh5kjbwith]{padding:30px 0}.admin-operations h1[b-hh5kjbwith]{margin:0;color:#183048;font:500 clamp(38px,5vw,58px) Georgia,serif}.admin-operations h2[b-hh5kjbwith]{margin-top:38px;color:#183048}.admin-tabs[b-hh5kjbwith]{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.admin-tabs a[b-hh5kjbwith],.editor button[b-hh5kjbwith],.rows button[b-hh5kjbwith]{display:inline-flex;min-height:44px;align-items:center;padding:0 13px;border:1px solid #b9ccdc;border-radius:7px;background:#fff;color:#294d6d;font-weight:700;text-decoration:none}.admin-tabs a[aria-current=page][b-hh5kjbwith]{background:#294d6d;color:#fff}.message[b-hh5kjbwith]{margin:14px 0;padding:13px;border:1px solid #a9cfb3;background:#f5fff7}.message.error[b-hh5kjbwith]{border-color:#d7a2a2;background:#fff8f8}.metrics[b-hh5kjbwith]{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:24px 0;border:1px solid #d9e3ec;background:#d9e3ec}.metrics div[b-hh5kjbwith]{padding:16px;background:#fff}.metrics strong[b-hh5kjbwith],.metrics span[b-hh5kjbwith]{display:block}.metrics strong[b-hh5kjbwith]{font:500 28px Georgia,serif}.editor[b-hh5kjbwith]{display:flex;flex-wrap:wrap;align-items:end;gap:10px;margin:14px 0}.editor label[b-hh5kjbwith]{min-width:150px;flex:1;color:#38546c;font-size:12px;font-weight:800}.editor[b-hh5kjbwith]  input,.editor input[b-hh5kjbwith],.editor select[b-hh5kjbwith],.feedback-editor input[b-hh5kjbwith],.feedback-editor select[b-hh5kjbwith]{display:block;width:100%;min-height:44px;padding:8px;box-sizing:border-box;border:1px solid #bccddd;border-radius:7px;background:#fff}.editor .check[b-hh5kjbwith]{display:flex;min-height:44px;align-items:center;gap:7px}.editor .check[b-hh5kjbwith]  input{width:20px;min-width:20px}.rows[b-hh5kjbwith]{display:grid;gap:9px}.rows article[b-hh5kjbwith]{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:15px;border:1px solid #d9e3ec;border-radius:8px;background:#fff}.rows strong[b-hh5kjbwith],.rows span[b-hh5kjbwith]{display:block;overflow-wrap:anywhere}.rows span[b-hh5kjbwith]{margin-top:4px;color:#61768a}.rows article>div:last-child[b-hh5kjbwith]{display:flex;flex-wrap:wrap;gap:7px}.rows.feedback article[b-hh5kjbwith]{grid-template-columns:1fr}.feedback-editor[b-hh5kjbwith]{display:grid!important;grid-template-columns:150px minmax(200px,1fr) auto}.program-editor fieldset[b-hh5kjbwith]{margin:12px 0;border:1px solid #d9e3ec}.book-options[b-hh5kjbwith]{display:grid;grid-template-columns:repeat(3,1fr);max-height:260px;overflow:auto;gap:6px}.book-options label[b-hh5kjbwith]{display:flex;align-items:flex-start;gap:6px;padding:5px}.book-options input[b-hh5kjbwith]{width:18px;height:18px}.compact article[b-hh5kjbwith]{padding:10px 15px}@media(max-width:850px){.metrics[b-hh5kjbwith]{grid-template-columns:repeat(2,1fr)}.rows article[b-hh5kjbwith]{grid-template-columns:1fr}.feedback-editor[b-hh5kjbwith],.book-options[b-hh5kjbwith]{grid-template-columns:1fr}}@media(max-width:480px){.metrics[b-hh5kjbwith]{grid-template-columns:1fr}}

.demand-editor[b-hh5kjbwith]{align-items:end}.demand-editor label[b-hh5kjbwith]{flex:1;min-width:150px}.demand-editor textarea[b-hh5kjbwith]{display:block;width:100%;min-height:44px;padding:8px;box-sizing:border-box;border:1px solid #bccddd;border-radius:7px}.editor[b-hh5kjbwith]  input[aria-invalid=true],.demand-editor textarea[aria-invalid=true][b-hh5kjbwith]{border-color:#a52a2a}
.book-options label[b-hh5kjbwith]{min-height:44px;box-sizing:border-box}
/* /Components/Pages/Biblioteek/BiblioteekSupportPanel.razor.rz.scp.css */
.support-panel[b-cte8vojgw8]{display:none}
@media(max-width:700px){.support-panel[b-cte8vojgw8]{display:grid;gap:.65rem;margin:1.25rem 0 5rem;padding:1rem;border:1px solid #ddd4c6;border-radius:14px;background:#fff}.support-heading[b-cte8vojgw8],.support-chips[b-cte8vojgw8]{display:flex;justify-content:space-between;gap:.65rem;align-items:center}.support-chips span[b-cte8vojgw8]{padding:.25rem .55rem;border-radius:999px;background:#f0eadf}.support-row[b-cte8vojgw8]{display:grid;gap:.15rem;padding:.65rem;border-radius:10px;background:#f8f5ef;color:inherit;text-decoration:none}.support-row span[b-cte8vojgw8]{font-size:.85rem;color:#5e584e}}
/* /Components/Pages/Biblioteek/BookCover.razor.rz.scp.css */
.book-cover[b-03ukzdymgy] { width: 48px; height: 68px; object-fit: cover; flex: 0 0 48px; border-radius: 4px; }
.placeholder[b-03ukzdymgy] { display: grid; place-items: center; background: #eee8dd; font-size: 24px; }
/* /Components/Pages/Biblioteek/BookMetadataFields.razor.rz.scp.css */
.metadata-fields[b-pejovg51mi]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0}
.metadata-fields label[b-pejovg51mi],.metadata-fields span[b-pejovg51mi]{display:block}.metadata-fields span[b-pejovg51mi]{margin-bottom:7px}
.metadata-fields[b-pejovg51mi]  input{width:100%;box-sizing:border-box}.metadata-topics[b-pejovg51mi]{margin:18px 0}.metadata-topics label[b-pejovg51mi]{display:flex;min-height:44px;gap:8px;align-items:center}
@media(max-width:600px){.metadata-fields[b-pejovg51mi]{grid-template-columns:1fr}}
/* /Components/Pages/Biblioteek/Browse.razor.rz.scp.css */
.library-intro[b-p9kzl7fa1g] { display: flex; align-items: end; justify-content: space-between; gap: 36px; padding: 30px 0 42px; }
.library-intro h1[b-p9kzl7fa1g] { max-width: 680px; margin: 0 0 14px; color: #183048; font-family: Georgia, serif; font-size: clamp(42px, 6vw, 72px); font-weight: 500; line-height: 1.02; letter-spacing: -2px; }
.library-intro p[b-p9kzl7fa1g] { max-width: 660px; margin: 0; color: #52677a; font-size: 18px; line-height: 1.6; }
.primary-action[b-p9kzl7fa1g] { flex: none; display: inline-flex; min-height: 50px; align-items: center; padding: 0 22px; border-radius: 7px; background: #3b6ea2; color: #fff; font-size: 15px; font-weight: 700; text-decoration: none; box-shadow: 0 8px 20px rgba(59,110,162,.18); }
.primary-action:hover[b-p9kzl7fa1g], .primary-action:focus-visible[b-p9kzl7fa1g] { background: #2f5c89; color: #fff; }
.library-stats[b-p9kzl7fa1g] { display: grid; grid-template-columns: repeat(4, 1fr); margin-bottom: 62px; border: 1px solid #d9e3ec; border-radius: 12px; background: #fff; }
.library-stats div[b-p9kzl7fa1g] { padding: 24px 28px; border-right: 1px solid #d9e3ec; }
.library-stats div:last-child[b-p9kzl7fa1g] { border-right: 0; }
.library-stats strong[b-p9kzl7fa1g], .library-stats span[b-p9kzl7fa1g] { display: block; }
.library-stats strong[b-p9kzl7fa1g] { margin-bottom: 3px; color: #183048; font-family: Georgia, serif; font-size: 34px; font-weight: 500; }
.library-stats span[b-p9kzl7fa1g] { color: #52677a; font-size: 13px; font-weight: 700; letter-spacing: .03em; }
.catalog-heading[b-p9kzl7fa1g] { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 22px; }
.catalog-heading h2[b-p9kzl7fa1g] { margin: 0 0 6px; color: #183048; font-size: 27px; }
.catalog-heading p[b-p9kzl7fa1g] { margin: 0; color: #52677a; }
.search-box input[b-p9kzl7fa1g] { width: min(360px, 100%); min-height: 46px; padding: 0 14px; border: 1px solid #cbd8e3; border-radius: 7px; background: #fff; color: #52677a; font-size: 14px; }
.library-empty[b-p9kzl7fa1g] { padding: 58px 24px; border: 1px dashed #b9c9d7; border-radius: 12px; background: rgba(255,255,255,.65); text-align: center; }
.empty-mark[b-p9kzl7fa1g] { display: grid; width: 54px; height: 64px; margin: 0 auto 20px; place-items: center; border-radius: 4px 9px 9px 4px; background: #6b9ed2; color: #fff; font-family: Georgia, serif; font-size: 24px; box-shadow: inset 5px 0 rgba(255,255,255,.2); }
.library-empty h2[b-p9kzl7fa1g] { margin: 0 0 8px; color: #183048; font-size: 22px; }
.library-empty p[b-p9kzl7fa1g] { max-width: 560px; margin: 0 auto; color: #52677a; line-height: 1.55; }
.visually-hidden[b-p9kzl7fa1g] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.catalog-grid[b-p9kzl7fa1g] { display: grid; grid-template-columns: repeat(2,1fr); gap: 20px; }
.catalog-card[b-p9kzl7fa1g] { display: grid; grid-template-columns: 105px 1fr; gap: 18px; padding: 18px; border: 1px solid #d9e3ec; border-radius: 11px; background: #fff; }
.catalog-card > div:last-child[b-p9kzl7fa1g] { min-width: 0; }
.catalog-cover[b-p9kzl7fa1g] { display: grid; min-height: 175px; place-items: center; border-radius: 7px; background: linear-gradient(145deg,#315b7e,#73a5cf); color: #fff; font: 500 25px Georgia,serif; }
.catalog-card h3[b-p9kzl7fa1g] { margin: 8px 0 3px; overflow-wrap: anywhere; color: #183048; font: 600 21px Georgia,serif; }
.catalog-card p[b-p9kzl7fa1g] { margin: 7px 0; overflow-wrap: anywhere; color: #617689; font-size: 13px; }
.catalog-card button[b-p9kzl7fa1g] { min-height: 42px; margin-top: 8px; padding: 0 14px; border: 1px solid #b9ccdc; border-radius: 7px; background: #fff; color: #294d6d; font-weight: 800; }
.availability[b-p9kzl7fa1g] { color: #2f713e; font-size: 11px; font-weight: 900; text-transform: uppercase; }

@media (max-width: 800px) {
    .library-intro[b-p9kzl7fa1g] { display: block; padding-top: 12px; }
    .library-intro h1[b-p9kzl7fa1g] { font-size: 43px; letter-spacing: -1px; }
    .library-intro p[b-p9kzl7fa1g] { font-size: 16px; }
    .primary-action[b-p9kzl7fa1g] { margin-top: 24px; width: 100%; justify-content: center; }
    .library-stats[b-p9kzl7fa1g] { grid-template-columns: 1fr 1fr; margin-bottom: 42px; }
    .library-stats div:nth-child(2)[b-p9kzl7fa1g] { border-right: 0; }
    .library-stats div:nth-child(-n+2)[b-p9kzl7fa1g] { border-bottom: 1px solid #d9e3ec; }
    .library-stats div[b-p9kzl7fa1g] { padding: 18px; }
    .catalog-heading[b-p9kzl7fa1g] { display: block; }
    .search-box[b-p9kzl7fa1g] { display: block; margin-top: 18px; }
    .search-box input[b-p9kzl7fa1g] { width: 100%; }
    .catalog-grid[b-p9kzl7fa1g] { grid-template-columns: 1fr; }
    .catalog-card[b-p9kzl7fa1g] { grid-template-columns: 82px 1fr; }
}
.catalog-filters[b-p9kzl7fa1g]{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin:0 0 24px}.catalog-filters label[b-p9kzl7fa1g]{color:#38546c;font-size:12px;font-weight:800}.catalog-filters select[b-p9kzl7fa1g]{display:block;width:100%;min-height:44px;margin-top:5px;padding:7px;border:1px solid #c5d5e2;border-radius:7px;background:#fff;color:#183048}.catalog-cover.image[b-p9kzl7fa1g]{width:100%;height:190px;object-fit:cover}.card-actions[b-p9kzl7fa1g]{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.card-actions button[b-p9kzl7fa1g]{min-height:44px}.program-badges[b-p9kzl7fa1g]{display:flex;flex-wrap:wrap;gap:5px}.program-badges span[b-p9kzl7fa1g]{padding:3px 7px;border-radius:999px;background:#e8f1f8;color:#294d6d;font-size:12px}@media(max-width:1100px){.catalog-filters[b-p9kzl7fa1g]{grid-template-columns:repeat(3,1fr)}}@media(max-width:560px){.catalog-filters[b-p9kzl7fa1g]{grid-template-columns:1fr 1fr}}
.library-intro[b-p9kzl7fa1g]{align-items:center;padding:28px 32px;margin:0 0 28px;border-left:4px solid #6b9ed2;background:#fff;gap:28px}
.library-intro h1[b-p9kzl7fa1g]{font-size:clamp(30px,3.3vw,44px);line-height:1.22;letter-spacing:-.5px;max-width:650px}
.library-intro p[b-p9kzl7fa1g]{font-size:16px;max-width:620px}
.library-intro .primary-action[b-p9kzl7fa1g]{width:auto;white-space:nowrap;box-shadow:none}
.library-stats[b-p9kzl7fa1g]{margin-bottom:32px;border-radius:4px}.library-stats strong[b-p9kzl7fa1g]{font-size:28px}.library-stats div[b-p9kzl7fa1g]{padding:18px 24px}
.catalog-filters[b-p9kzl7fa1g]{padding:20px;background:#fff;border:1px solid #d9e3ec;border-radius:4px;align-items:end;grid-template-columns:repeat(4,minmax(0,1fr))}
.catalog-filters button[b-p9kzl7fa1g]{height:48px;border:1px solid #3b6ea2;background:#3b6ea2;color:#fff;border-radius:4px;font-weight:700}
.catalog-card[b-p9kzl7fa1g]{border-radius:4px;align-items:start}.catalog-cover[b-p9kzl7fa1g]{min-height:150px}.catalog-card h3[b-p9kzl7fa1g]{font-size:21px;line-height:1.4;margin:6px 0}
.book-details summary[b-p9kzl7fa1g]{cursor:pointer;list-style:none;color:#3b6ea2}.book-details summary[b-p9kzl7fa1g]::-webkit-details-marker{display:none}.book-details summary>span[b-p9kzl7fa1g]{font-size:12px;font-weight:700}.book-details summary h3:hover[b-p9kzl7fa1g]{text-decoration:underline}.book-details[open][b-p9kzl7fa1g]{padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid #d9e3ec}.book-details .book-summary[b-p9kzl7fa1g]{font-size:15px;line-height:1.7;white-space:pre-wrap;color:#38546c}.book-details dl[b-p9kzl7fa1g]{margin:12px 0}.book-details dt[b-p9kzl7fa1g]{font-size:12px;color:#617689}.book-details dd[b-p9kzl7fa1g]{margin:0 0 8px;font-size:14px;overflow-wrap:anywhere}.pager[b-p9kzl7fa1g]{display:flex;align-items:center;justify-content:flex-end;gap:14px;margin-top:24px}.pager button[b-p9kzl7fa1g]{min-height:44px;padding:8px 16px;border:1px solid #bccbd7;background:white;border-radius:4px}
@media(max-width:800px){.library-intro[b-p9kzl7fa1g]{padding:24px}.library-intro .primary-action[b-p9kzl7fa1g]{margin-top:20px}.catalog-filters[b-p9kzl7fa1g]{grid-template-columns:1fr 1fr}.library-stats div[b-p9kzl7fa1g]{padding:16px}.catalog-card[b-p9kzl7fa1g]{gap:14px}.pager[b-p9kzl7fa1g]{flex-wrap:wrap}}

.copy-option[b-p9kzl7fa1g]{border-top:1px solid #d9e3ec;margin-top:16px;padding-top:12px;scroll-margin-top:100px}.catalog-card:target[b-p9kzl7fa1g],.copy-option:target[b-p9kzl7fa1g]{outline:3px solid #3b6ea2}.card-actions label[b-p9kzl7fa1g]{display:block;width:100%}.card-actions input[b-p9kzl7fa1g]{width:100%;box-sizing:border-box}.metadata-topics label[b-p9kzl7fa1g]{display:flex;align-items:center;gap:8px}
.program-tabs[b-p9kzl7fa1g]{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.program-tabs button[b-p9kzl7fa1g]{min-height:44px;padding:8px 14px;border:1px solid #b9ccdc;border-radius:4px;background:#fff;color:#294d6d;font-weight:700;overflow-wrap:anywhere;max-width:100%}.program-tabs button[aria-pressed=true][b-p9kzl7fa1g]{background:#294d6d;color:#fff}
/* /Components/Pages/Biblioteek/ContactSettings.razor.rz.scp.css */
.form-grid[b-663pn454y3] { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; margin: 18px 0; }
.contact-settings label[b-663pn454y3] { display: grid; gap: 7px; margin-bottom: 18px; color: #38546c; font-size: 13px; font-weight: 800; }
.contact-settings h2[b-663pn454y3] { margin: 34px 0 14px; }
.contact-settings p[b-663pn454y3] { color: #52677a; line-height: 1.6; }
@media(max-width:800px) { .form-grid[b-663pn454y3] { grid-template-columns: 1fr; } }

.field-error[b-663pn454y3]{display:block;color:#922626;font-size:14px}.contact-settings[b-663pn454y3]  input[aria-invalid=true]{border:2px solid #922626}
/* /Components/Pages/Biblioteek/EnrollmentForm.razor.rz.scp.css */
.library-auth label:not(.privacy-check)[b-49otyn25dz] { display: block; margin: 18px 0; font-weight: 700; }
.library-auth p[b-49otyn25dz] { line-height: 1.6; }

.field-error[b-49otyn25dz]{display:block;color:#922626;font-size:14px}.library-auth[b-49otyn25dz]  input[aria-invalid=true]{border:2px solid #922626}
/* /Components/Pages/Biblioteek/Login.razor.rz.scp.css */
.library-auth[b-hncvgmh9kt] { width: min(520px, 100%); margin: 42px auto; padding: 38px; border: 1px solid #d9e3ec; border-radius: 12px; background: #fff; box-shadow: 0 18px 50px rgba(24,48,72,.08); }
.library-auth h1[b-hncvgmh9kt] { margin: 30px 0 10px; color: #183048; font-family: Georgia, serif; font-size: 38px; font-weight: 500; }
.library-auth > p[b-hncvgmh9kt] { margin: 0 0 28px; color: #52677a; line-height: 1.6; }
.back-link[b-hncvgmh9kt] { color: #3b6ea2; font-size: 14px; font-weight: 700; text-decoration: none; }
.form-field[b-hncvgmh9kt] { margin-bottom: 20px; }
.form-field label[b-hncvgmh9kt] { display: block; margin-bottom: 7px; color: #183048; font-size: 14px; font-weight: 700; }
.library-auth[b-hncvgmh9kt]  .library-input { display: block; width: 100% !important; min-height: 48px; padding: 10px 12px; border: 1px solid #b9c9d7; border-radius: 7px; color: #183048; font-size: 16px; }
.form-field[b-hncvgmh9kt]  input:focus { outline: 3px solid rgba(59,110,162,.2); border-color: #3b6ea2; }
.validation-message[b-hncvgmh9kt], .form-error[b-hncvgmh9kt] { color: #9a2f2f; font-size: 14px; }
.form-error[b-hncvgmh9kt] { margin: 4px 0 18px; padding: 12px; border-left: 4px solid #9a2f2f; background: #fff4f4; }
.primary-action[b-hncvgmh9kt] { width: 100%; min-height: 50px; border: 0; border-radius: 7px; background: #3b6ea2; color: #fff; font-size: 15px; font-weight: 700; }
.primary-action:disabled[b-hncvgmh9kt] { cursor: wait; opacity: .65; }
@media (max-width: 600px) { .library-auth[b-hncvgmh9kt] { margin: 8px auto; padding: 28px 22px; } .library-auth h1[b-hncvgmh9kt] { font-size: 32px; } }
/* /Components/Pages/Biblioteek/MemberSurface.razor.rz.scp.css */
.member-surface[b-ndko994rkz] { padding: 30px 0; }
.member-surface h1[b-ndko994rkz] { margin: 0 0 10px; color: #183048; font-family: Georgia, serif; font-size: clamp(38px, 5vw, 58px); font-weight: 500; }
.member-surface > p[b-ndko994rkz] { color: #52677a; font-size: 18px; }
.surface-state[b-ndko994rkz] { display: flex; flex-direction: column; gap: 7px; margin-top: 34px; padding: 24px; border: 1px solid #d9e3ec; border-radius: 10px; background: #fff; color: #52677a; }
.surface-state strong[b-ndko994rkz] { color: #183048; font-size: 17px; }
.surface-state.error[b-ndko994rkz] { border-color: #d7a2a2; background: #fff8f8; }
.surface-state button[b-ndko994rkz], .item-list button[b-ndko994rkz] { min-height: 44px; padding: 0 15px; border: 1px solid #b9ccdc; border-radius: 7px; background: #fff; color: #294d6d; font-weight: 700; }
.form-grid[b-ndko994rkz] { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin: 28px 0 18px; }
.form-grid label[b-ndko994rkz], .full-field[b-ndko994rkz] { display: block; color: #38546c; font-size: 13px; font-weight: 800; }
.form-grid span[b-ndko994rkz], .full-field span[b-ndko994rkz] { display: block; margin-bottom: 7px; }
.form-grid[b-ndko994rkz]  input, .form-grid[b-ndko994rkz]  select, .full-field[b-ndko994rkz]  textarea { width: 100%; min-height: 48px; padding: 10px 12px; border: 1px solid #c7d6e2; border-radius: 7px; box-sizing: border-box; background: #fff; color: #183048; }
.full-field[b-ndko994rkz]  textarea { min-height: 110px; }
.check[b-ndko994rkz] { display: block; margin: 18px 0; color: #38546c; font-weight: 700; }
.check[b-ndko994rkz]  input { width: 18px; height: 18px; margin-right: 7px; vertical-align: middle; }
.success[b-ndko994rkz] { display: inline-block; margin-left: 14px; color: #2f713e; font-weight: 800; }
.summary-grid[b-ndko994rkz] { display: grid; grid-template-columns: repeat(3,1fr); margin: 28px 0; border: 1px solid #d9e3ec; border-radius: 10px; background: #fff; overflow: hidden; }
.summary-grid div[b-ndko994rkz] { padding: 20px; border-right: 1px solid #d9e3ec; }
.summary-grid div:last-child[b-ndko994rkz] { border: 0; }
.summary-grid strong[b-ndko994rkz], .summary-grid span[b-ndko994rkz] { display: block; }
.summary-grid strong[b-ndko994rkz] { color: #183048; font: 500 30px Georgia,serif; }
.summary-grid span[b-ndko994rkz] { color: #62788b; font-size: 12px; font-weight: 800; text-transform: uppercase; }
.item-list[b-ndko994rkz] { display: grid; gap: 12px; }
.item-list article[b-ndko994rkz] { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 8px 18px; padding: 18px; border: 1px solid #d9e3ec; border-radius: 9px; background: #fff; }
.item-list strong[b-ndko994rkz], .item-list span[b-ndko994rkz] { display: block; }
.item-list span[b-ndko994rkz] { color: #61768a; }
@media(max-width:800px){.form-grid[b-ndko994rkz],.summary-grid[b-ndko994rkz]{grid-template-columns:1fr}.summary-grid div[b-ndko994rkz]{border-right:0;border-bottom:1px solid #d9e3ec}.item-list article[b-ndko994rkz]{grid-template-columns:1fr}.success[b-ndko994rkz]{display:block;margin:12px 0 0}}

.item-list article > *[b-ndko994rkz] { min-width: 0; overflow-wrap: anywhere; }
.member-surface h2[b-ndko994rkz] { margin-top: 28px; }
.account-actions[b-ndko994rkz] { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; }
.account-actions button[b-ndko994rkz] { min-height: 44px; padding: 8px 16px; }

.primary-action[b-ndko994rkz] { display: inline-flex; align-items: center; min-height: 50px; padding: 0 22px; border: 0; border-radius: 7px; background: #3b6ea2; color: #fff; font-size: 15px; font-weight: 700; }
.primary-action:disabled[b-ndko994rkz] { opacity: .65; cursor: wait; }
.check[b-ndko994rkz] { min-height: 44px; display: flex; align-items: center; gap: 8px; }
.inbox-tools[b-ndko994rkz],.pager[b-ndko994rkz]{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0}.inbox-tools select[b-ndko994rkz]{min-height:44px;margin-left:7px;padding:6px 10px;border:1px solid #b9ccdc;border-radius:7px;background:#fff}.pager[b-ndko994rkz]{justify-content:flex-end}.pager button[b-ndko994rkz],.notification-actions a[b-ndko994rkz]{display:inline-flex;min-height:44px;align-items:center;padding:0 14px;border:1px solid #b9ccdc;border-radius:7px;background:#fff;color:#294d6d;font-weight:700;text-decoration:none}.notification-actions[b-ndko994rkz]{display:flex;align-items:center;gap:8px}.availability-note[b-ndko994rkz]{margin:18px 0;padding:14px;border-left:4px solid #6b9ed2;background:#f4f8fc;color:#38546c}@media(max-width:520px){.inbox-tools[b-ndko994rkz]{align-items:flex-start;flex-direction:column}}
.isbn-lookup[b-ndko994rkz]{margin:28px 0;padding:24px;background:white;border:1px solid #d9e3ec;border-left:4px solid #6b9ed2;border-radius:4px}.isbn-lookup h2[b-ndko994rkz]{margin:0 0 10px;font-size:24px}.isbn-lookup p[b-ndko994rkz]{max-width:740px;line-height:1.6}.isbn-lookup label[b-ndko994rkz]{display:block;font-weight:700}.isbn-actions[b-ndko994rkz]{display:flex;align-items:center;gap:10px;margin:8px 0}.isbn-actions input[b-ndko994rkz]{flex:1;min-width:0}.isbn-actions button[b-ndko994rkz]{min-height:48px;padding:10px 18px;background:#3b6ea2;color:white;border:0;border-radius:4px;font-weight:700}.isbn-actions button:last-child[b-ndko994rkz]{background:#eef4f8;color:#294d6d}.isbn-lookup small[b-ndko994rkz]{color:#52677a}.form-grid[b-ndko994rkz]{align-items:start}.form-grid label[b-ndko994rkz]{min-width:0}.form-grid label>span[b-ndko994rkz]{min-height:20px}.full-field[b-ndko994rkz]{margin-bottom:20px}.inbox-list[b-ndko994rkz]{margin-top:20px}.inbox-list article[b-ndko994rkz]{grid-template-columns:minmax(0,1fr) auto;padding:22px}.inbox-list article.unread[b-ndko994rkz]{background:#f0f6fc;border-left:4px solid #3b6ea2}.notification-copy strong[b-ndko994rkz]{font-size:17px}.notification-copy p[b-ndko994rkz]{margin:8px 0;line-height:1.6;color:#52677a}.notification-copy small[b-ndko994rkz]{color:#52677a}.notification-copy .action-badge[b-ndko994rkz]{display:inline-block;margin-left:8px;padding:3px 8px;background:#fff1d9;color:#815012;border-radius:12px;font-size:11px}.notification-actions[b-ndko994rkz]{flex-wrap:wrap}@media(max-width:600px){.isbn-lookup[b-ndko994rkz]{padding:18px}.isbn-actions[b-ndko994rkz]{flex-wrap:wrap}.isbn-actions input[b-ndko994rkz]{flex-basis:100%;width:100%}.inbox-list article[b-ndko994rkz]{grid-template-columns:1fr}.notification-actions[b-ndko994rkz]{margin-top:8px}}
/* /Components/Pages/Biblioteek/MockPreview.razor.rz.scp.css */
.mock-banner[b-dhciwny7ox] { margin: -20px 0 28px; padding: 9px 14px; border: 1px solid #e4bd62; border-radius: 8px; background: #fff7dd; color: #745818; font-size: 13px; font-weight: 700; text-align: center; }
[b-dhciwny7ox] .mock-page-header { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin: 8px 0 32px; }
[b-dhciwny7ox] .mock-page-header h1 { margin: 0 0 8px; color: #183048; font: 500 clamp(40px, 5vw, 62px)/1 Georgia, serif; letter-spacing: -1px; }
[b-dhciwny7ox] .mock-page-header p { margin: 0; color: #607487; font-size: 17px; }
.mock-stats[b-dhciwny7ox] { display: grid; grid-template-columns: repeat(4, 1fr); margin-bottom: 30px; border: 1px solid #d9e3ec; border-radius: 12px; background: #fff; overflow: hidden; }
[b-dhciwny7ox] .mock-stats > div { padding: 20px 24px; border-right: 1px solid #d9e3ec; }
[b-dhciwny7ox] .mock-stats > div:last-child { border: 0; }
[b-dhciwny7ox] .mock-stats strong, [b-dhciwny7ox] .mock-stats span { display: block; }
[b-dhciwny7ox] .mock-stats strong { color: #183048; font: 500 32px Georgia, serif; }
[b-dhciwny7ox] .mock-stats span { margin-top: 4px; color: #697d8f; font-size: 12px; font-weight: 800; text-transform: uppercase; }
.mock-toolbar[b-dhciwny7ox] { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin: 0 0 18px; }
.mock-toolbar > input[b-dhciwny7ox] { flex: 1; min-height: 48px; padding: 0 15px; border: 1px solid #c8d7e3; border-radius: 8px; background: #fff; font-size: 15px; }
button[b-dhciwny7ox], [b-dhciwny7ox] button { min-height: 44px; padding: 0 17px; border: 1px solid #bfcfdd; border-radius: 7px; background: #fff; color: #24445f; font-weight: 700; }
button.primary[b-dhciwny7ox], [b-dhciwny7ox] button.primary { border-color: #3b6ea2; background: #3b6ea2; color: #fff; }
.mock-chips[b-dhciwny7ox] { display: flex; flex-wrap: wrap; gap: 9px; margin-bottom: 24px; }
.mock-chips span[b-dhciwny7ox] { padding: 9px 13px; border: 1px solid #cbd8e3; border-radius: 999px; background: #fff; color: #52677a; font-size: 13px; font-weight: 700; }
.mock-chips span.active[b-dhciwny7ox] { border-color: #3b6ea2; background: #eaf2fa; color: #234f79; }
.book-grid[b-dhciwny7ox] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
[b-dhciwny7ox] .book-card { display: grid; grid-template-columns: 105px 1fr; min-height: 245px; border: 1px solid #d8e3ec; border-radius: 12px; background: #fff; overflow: hidden; box-shadow: 0 8px 28px rgba(35,61,84,.06); }
[b-dhciwny7ox] .book-cover { display: grid; place-items: center; background: linear-gradient(145deg,#315b7e,#73a5cf); color: white; font: 500 25px Georgia,serif; letter-spacing: 2px; }
[b-dhciwny7ox] .book-body { padding: 18px 16px; }
[b-dhciwny7ox] .book-body h3 { margin: 10px 0 3px; color: #183048; font: 600 19px Georgia,serif; }
[b-dhciwny7ox] .book-body p { margin: 7px 0; color: #617689; font-size: 13px; }
[b-dhciwny7ox] .book-body .author { color: #304b62; font-weight: 700; }
[b-dhciwny7ox] .book-body .owner { padding-top: 9px; border-top: 1px solid #edf1f4; }
[b-dhciwny7ox] .book-status, [b-dhciwny7ox] .success-pill { display: inline-block; padding: 5px 8px; border-radius: 999px; background: #e7f4e9; color: #2f6c3b; font-size: 11px; font-weight: 800; }
.mock-two[b-dhciwny7ox] { display: grid; grid-template-columns: .8fr 1.2fr; gap: 22px; }
.mock-card[b-dhciwny7ox] { margin-bottom: 22px; padding: 24px; border: 1px solid #d9e3ec; border-radius: 12px; background: #fff; box-shadow: 0 8px 28px rgba(35,61,84,.05); }
.mock-card h2[b-dhciwny7ox] { margin: 0 0 18px; color: #183048; font-size: 21px; }
.scan-card[b-dhciwny7ox] { display: flex; align-items: center; flex-direction: column; justify-content: center; text-align: center; }
.scan-mark[b-dhciwny7ox] { display: grid; width: 78px; height: 78px; margin-bottom: 15px; place-items: center; border-radius: 50%; background: #eaf2fa; color: #3b6ea2; font-size: 38px; }
.scan-card button[b-dhciwny7ox] { width: 100%; margin-top: 10px; }
[b-dhciwny7ox] .mock-field { display: block; margin-bottom: 16px; }
[b-dhciwny7ox] .mock-field span { display: block; margin-bottom: 6px; color: #40596f; font-size: 13px; font-weight: 800; }
[b-dhciwny7ox] .mock-field input { width: 100%; min-height: 46px; padding: 0 12px; border: 1px solid #cbd8e3; border-radius: 7px; background: #fdfefe; color: #183048; box-sizing: border-box; }
.field-row[b-dhciwny7ox] { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
[b-dhciwny7ox] .mock-row { display: grid; grid-template-columns: 96px 1fr auto; align-items: center; gap: 18px; padding: 18px 0; border-top: 1px solid #e5ecf1; }
[b-dhciwny7ox] .mock-row:first-of-type { border-top: 0; }
[b-dhciwny7ox] .mock-row strong { color: #183048; font-size: 16px; }
[b-dhciwny7ox] .mock-row p { margin: 4px 0 0; color: #63778a; font-size: 14px; }
[b-dhciwny7ox] .row-badge { color: #3b6ea2; font-size: 11px; font-weight: 900; letter-spacing: .04em; }
.switch-row[b-dhciwny7ox], .check-row[b-dhciwny7ox] { display: flex; align-items: center; gap: 9px; margin: 20px 0; color: #304b62; font-weight: 700; }
.switch-row input[b-dhciwny7ox], .check-row input[b-dhciwny7ox] { width: 19px; height: 19px; }
.privacy[b-dhciwny7ox] { display: flex; justify-content: space-between; margin-top: 20px; padding: 15px; border-radius: 8px; background: #edf5ed; color: #34613b; }
.admin-grid[b-dhciwny7ox] { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-bottom: 22px; }
[b-dhciwny7ox] .admin-card { position: relative; padding: 24px; border: 1px solid #d9e3ec; border-radius: 12px; background: #fff; }
[b-dhciwny7ox] .admin-card > span { position: absolute; top: 20px; right: 22px; color: #3b6ea2; font-size: 24px; }
[b-dhciwny7ox] .admin-card h2 { margin: 0 0 8px; color: #183048; font-size: 19px; }
[b-dhciwny7ox] .admin-card p { color: #65798a; }
[b-dhciwny7ox] .admin-card a { color: #315f8c; font-weight: 800; }
.auth-card[b-dhciwny7ox] { width: min(570px,100%); margin: 0 auto; }
.auth-card .primary[b-dhciwny7ox] { width: 100%; }
.help[b-dhciwny7ox] { color: #667b8e; font-size: 13px; text-align: center; }

@media (max-width: 800px) {
    .mock-banner[b-dhciwny7ox] { margin-top: -10px; }
    [b-dhciwny7ox] .mock-page-header { display: block; }
    [b-dhciwny7ox] .mock-page-header h1 { font-size: 39px; }
    .mock-stats[b-dhciwny7ox] { grid-template-columns: 1fr 1fr; }
    [b-dhciwny7ox] .mock-stats > div:nth-child(2) { border-right: 0; }
    [b-dhciwny7ox] .mock-stats > div:nth-child(-n+2) { border-bottom: 1px solid #d9e3ec; }
    .book-grid[b-dhciwny7ox], .mock-two[b-dhciwny7ox], .admin-grid[b-dhciwny7ox] { grid-template-columns: 1fr; }
    [b-dhciwny7ox] .book-card { grid-template-columns: 92px 1fr; }
    .mock-toolbar[b-dhciwny7ox] { align-items: stretch; flex-direction: column; }
    [b-dhciwny7ox] .mock-row { grid-template-columns: 1fr; gap: 7px; }
    [b-dhciwny7ox] .mock-row button { width: 100%; }
}
/* /Components/Pages/Biblioteek/MockStat.razor.rz.scp.css */
div[b-v8f3n30uig] { padding: 20px 24px; border-right: 1px solid #d9e3ec; }
strong[b-v8f3n30uig], span[b-v8f3n30uig] { display: block; }
strong[b-v8f3n30uig] { color: #183048; font: 500 32px Georgia, serif; line-height: 1.1; }
span[b-v8f3n30uig] { margin-top: 5px; color: #697d8f; font-size: 12px; font-weight: 800; line-height: 1.25; text-transform: uppercase; }

@media (max-width: 800px) {
    div[b-v8f3n30uig] { padding: 16px 18px; }
}
/* /Components/Pages/Biblioteek/MyBooks.razor.rz.scp.css */
.my-books[b-4ih68er37u] { padding: 30px 0; }
.my-books h1[b-4ih68er37u] { margin: 0 0 10px; color: #183048; font: 500 clamp(38px,5vw,58px) Georgia,serif; }
.my-books > p[b-4ih68er37u], .empty[b-4ih68er37u] { color: #52677a; }
.my-books h2[b-4ih68er37u] { margin: 34px 0 14px; color: #183048; }
.message[b-4ih68er37u] { margin: 18px 0; padding: 14px 18px; border: 1px solid #d9e3ec; border-radius: 8px; background: #fff; }
.message.success[b-4ih68er37u] { border-color: #a9cfb3; background: #f5fff7; color: #246238; }
.message.error[b-4ih68er37u] { border-color: #d7a2a2; background: #fff8f8; color: #8b2929; }
.summary-grid[b-4ih68er37u] { display: grid; grid-template-columns: repeat(3,1fr); margin: 28px 0; border: 1px solid #d9e3ec; border-radius: 10px; background: #fff; overflow: hidden; }
.summary-grid div[b-4ih68er37u] { padding: 20px; border-right: 1px solid #d9e3ec; }
.summary-grid div:last-child[b-4ih68er37u] { border: 0; }
.summary-grid strong[b-4ih68er37u], .summary-grid span[b-4ih68er37u] { display: block; }
.summary-grid strong[b-4ih68er37u] { color: #183048; font: 500 30px Georgia,serif; }
.summary-grid span[b-4ih68er37u] { color: #62788b; font-size: 12px; font-weight: 800; text-transform: uppercase; }
.item-list[b-4ih68er37u] { display: grid; gap: 12px; }
.item-list article[b-4ih68er37u] { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 14px 24px; padding: 18px; border: 1px solid #d9e3ec; border-radius: 9px; background: #fff; scroll-margin-top: 100px; }
.item-list article:target[b-4ih68er37u] { outline: 4px solid rgba(59,110,162,.28); }
.item-list strong[b-4ih68er37u], .item-list span[b-4ih68er37u] { display: block; overflow-wrap: anywhere; }
.item-list span[b-4ih68er37u] { margin-top: 4px; color: #61768a; }
.item-list p[b-4ih68er37u] { margin: 8px 0 0; color: #38546c; }
.actions[b-4ih68er37u] { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.actions button[b-4ih68er37u], .panel-actions button[b-4ih68er37u], .action-panel > button[b-4ih68er37u] { min-height: 44px; padding: 8px 14px; border: 1px solid #b9ccdc; border-radius: 7px; background: #fff; color: #294d6d; font-weight: 700; }
.panel-backdrop[b-4ih68er37u] { position: fixed; inset: 0; z-index: 100; display: grid; place-items: center; padding: 18px; background: rgba(12,31,47,.48); }
.action-panel[b-4ih68er37u] { width: min(560px,100%); max-height: min(760px,calc(100vh - 36px)); overflow: auto; padding: 24px; border-radius: 12px; background: #fff; box-shadow: 0 22px 70px rgba(0,0,0,.25); }
.panel-heading[b-4ih68er37u] { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.panel-heading h2[b-4ih68er37u] { margin: 0; color: #183048; }
.panel-heading button[b-4ih68er37u] { min-width: 44px; min-height: 44px; border: 0; background: transparent; color: #183048; font-size: 28px; }
.action-panel label[b-4ih68er37u] { display: block; margin-top: 16px; color: #38546c; font-size: 13px; font-weight: 800; }
.action-panel label > span[b-4ih68er37u] { display: block; margin-bottom: 7px; }
.action-panel[b-4ih68er37u]  input, .action-panel[b-4ih68er37u]  select, .action-panel[b-4ih68er37u]  textarea, .action-panel > textarea[b-4ih68er37u] { width: 100%; min-height: 48px; padding: 10px 12px; box-sizing: border-box; border: 1px solid #c7d6e2; border-radius: 7px; background: #fff; color: #183048; }
.action-panel[b-4ih68er37u]  textarea, .action-panel > textarea[b-4ih68er37u] { min-height: 100px; }
.archive-check[b-4ih68er37u] { display: flex !important; min-height: 44px; align-items: center; gap: 8px; }
.archive-check[b-4ih68er37u]  input { width: 20px; min-height: 20px; }
.panel-actions[b-4ih68er37u] { display: flex; justify-content: flex-end; gap: 10px; margin-top: 22px; }
.panel-actions .primary[b-4ih68er37u] { border-color: #3b6ea2; background: #3b6ea2; color: #fff; }
@media(max-width:800px){.summary-grid[b-4ih68er37u]{grid-template-columns:1fr}.summary-grid div[b-4ih68er37u]{border-right:0;border-bottom:1px solid #d9e3ec}.item-list article[b-4ih68er37u]{grid-template-columns:1fr}.actions[b-4ih68er37u]{justify-content:flex-start}.panel-backdrop[b-4ih68er37u]{align-items:end;padding:0}.action-panel[b-4ih68er37u]{width:100%;max-height:88vh;border-radius:14px 14px 0 0;padding-bottom:max(24px,env(safe-area-inset-bottom))}}

.action-dialog[b-4ih68er37u]{border:0;padding:0;background:transparent;max-width:calc(100vw - 36px);max-height:calc(100vh - 36px)}
.action-dialog[b-4ih68er37u]::backdrop{background:rgba(12,31,47,.48)}
.action-dialog .action-panel[b-4ih68er37u]{width:min(560px,calc(100vw - 36px));box-sizing:border-box}
.my-books .pager[b-4ih68er37u]{display:flex;gap:14px;align-items:center;justify-content:space-between;margin:18px 0}
@media(max-width:800px){.action-dialog .action-panel[b-4ih68er37u]{width:calc(100vw - 36px)}}
.inventory-filters[b-4ih68er37u]{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0;align-items:end}.inventory-filters label[b-4ih68er37u]{display:grid;gap:5px;flex:1 1 150px;min-width:0}.inventory-filters input[b-4ih68er37u],.inventory-filters select[b-4ih68er37u],.inventory-filters button[b-4ih68er37u]{width:100%;min-height:44px;padding:8px;border:1px solid #bccddd;border-radius:7px}.item-list[b-4ih68er37u]  article:has(.book-cover){grid-template-columns:48px minmax(0,1fr) auto}@media(max-width:700px){.item-list[b-4ih68er37u]  article:has(.book-cover){grid-template-columns:48px minmax(0,1fr)}.item-list[b-4ih68er37u]  article:has(.book-cover) .actions{grid-column:1/-1}}
/* /Components/Pages/Biblioteek/NotificationMenu.razor.rz.scp.css */
.notification-menu[b-zelyjlub8z]{position:relative;flex:none}.notification-toggle[b-zelyjlub8z]{position:relative;width:44px;height:44px;border:1px solid #d9e3ec;border-radius:50%;background:white;color:#38546c;font-size:21px}.notification-count[b-zelyjlub8z]{position:absolute;top:-5px;right:-7px;min-width:21px;padding:2px 5px;background:#a83932;color:white;border:2px solid white;border-radius:12px;font:700 11px/15px Arial,sans-serif}.notification-dismiss[b-zelyjlub8z]{position:fixed;inset:0;z-index:21;border:0;background:transparent;cursor:default}.notification-dropdown[b-zelyjlub8z]{position:absolute;right:0;top:54px;width:380px;max-width:calc(100vw - 36px);max-height:calc(100dvh - 160px);overflow:auto;z-index:22;background:white;border:1px solid #d9e3ec;border-radius:8px;box-shadow:0 12px 36px #18304826}.notification-dropdown header[b-zelyjlub8z]{display:flex;align-items:center;justify-content:space-between;padding:12px 18px}.notification-dropdown header strong[b-zelyjlub8z]{font-size:19px}.notification-dropdown header button[b-zelyjlub8z]{height:36px;width:36px;border:0;background:transparent;font-size:24px}.notification-totals[b-zelyjlub8z]{display:flex;gap:8px;padding:0 18px 14px;font-size:12px;color:#52677a}.notification-totals span[b-zelyjlub8z]{background:#eef4f8;padding:4px 8px;border-radius:20px}.notification-row[b-zelyjlub8z]{display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;padding:16px 18px;border-top:1px solid #edf0f3;color:#183048;text-decoration:none}.notification-row:hover[b-zelyjlub8z]{background:#f4f8fb}.notification-row.unread[b-zelyjlub8z]{background:#eef5fb;border-left:3px solid #3b6ea2;padding-left:15px}.notification-icon[b-zelyjlub8z]{display:grid;place-items:center;width:36px;height:36px;background:#dfebf5;border-radius:50%;color:#3b6ea2}.notification-row strong[b-zelyjlub8z]{display:block;font-size:14px;line-height:1.4}.notification-body[b-zelyjlub8z]{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;color:#52677a;font-size:13px;margin:4px 0}.notification-row small[b-zelyjlub8z]{font-size:11px;color:#52677a}.notification-row em[b-zelyjlub8z]{font-style:normal;color:#945b13;margin-left:6px}.notification-all[b-zelyjlub8z]{display:block;padding:16px;text-align:center;font-weight:700;border-top:1px solid #d9e3ec}.notification-dropdown>p[b-zelyjlub8z]{padding:18px}@media(max-width:800px){.notification-dropdown[b-zelyjlub8z]{position:fixed;top:72px;right:18px}}