@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: 64px; padding: 8px clamp(18px, 5vw, 72px); display: flex; align-items: center; gap: 28px; 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: 20px; font-weight: 700; text-decoration: none; }
.library-brand img[b-6t74d4ez4g] { width: 40px; height: 40px; 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: 24px 0 56px; }
.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(4, 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: 13px; 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: 20px 0 8px; color: var(--library-ink); font: 500 38px Volkhov,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;padding-left:max(18px,calc((100% - 1180px)/2));padding-right:max(18px,calc((100% - 1180px)/2))}
.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:44px;min-height:44px;line-height:22px;padding:9px 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:14px}}
@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}}

.library-footer[b-6t74d4ez4g]{width:min(1180px,calc(100% - 36px));margin:0 auto;padding:24px 0 40px;border-top:1px solid var(--library-line);font-size:14px}
.library-footer a[b-6t74d4ez4g]{color:var(--library-blue);font-weight:600}
@media(max-width:800px){.library-footer[b-6t74d4ez4g]{padding-bottom:110px}.library-main[b-6t74d4ez4g]{padding-bottom:28px}}

/* Shared admin tab bar for Admin and AdminOperations. */
.library-shell[b-6t74d4ez4g]  .admin-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin: 18px 0 8px; border-bottom: 1px solid var(--library-line); }
.library-shell[b-6t74d4ez4g]  .admin-tabs a, .library-shell[b-6t74d4ez4g]  .admin-tabs button { min-height: 44px; display: inline-flex; align-items: center; padding: 0 16px; border: 0; border-bottom: 3px solid transparent; border-radius: 0; background: transparent; color: #294d6d; font-size: 15px; font-weight: 700; text-decoration: none; cursor: pointer; }
.library-shell[b-6t74d4ez4g]  .admin-tabs a[aria-current=page], .library-shell[b-6t74d4ez4g]  .admin-tabs button[aria-current=page] { background: transparent; color: var(--library-ink); border-bottom-color: var(--library-blue); }
.library-shell[b-6t74d4ez4g]  .admin-operations h1, .library-shell[b-6t74d4ez4g]  .library-admin h1 { font-size: 24px; font-weight: 400; line-height: 1.25; }


/* Shared stat tiles: plain, linked, needs-you and quiet states */
.library-shell[b-6t74d4ez4g]  .stat-row { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 16px 0; border: 1px solid var(--library-line); border-radius: 4px; background: #fff; overflow: hidden; }
.library-shell[b-6t74d4ez4g]  .stat-tile { display: flex; flex-direction: column; gap: 2px; min-height: 44px; padding: 16px 24px; border: 0; border-right: 1px solid var(--library-line); border-radius: 0; background: transparent; color: #183048; font: inherit; text-align: left; text-decoration: none; }
.library-shell[b-6t74d4ez4g]  .stat-tile:last-child { border-right: 0; }
.library-shell[b-6t74d4ez4g]  .stat-tile strong { font: 500 28px/1.2 Volkhov, Georgia, serif; font-variant-numeric: tabular-nums; }
.library-shell[b-6t74d4ez4g]  .stat-tile .stat-label { color: #52677a; font-size: 14px; font-weight: 700; }
.library-shell[b-6t74d4ez4g]  .stat-tile .stat-hint { color: #52677a; font-size: 14px; }
.library-shell[b-6t74d4ez4g]  .stat-tile .stat-go { color: #294d6d; font-size: 14px; font-weight: 700; }
.library-shell[b-6t74d4ez4g]  button.stat-tile, .library-shell[b-6t74d4ez4g]  a.stat-tile { cursor: pointer; }
.library-shell[b-6t74d4ez4g]  button.stat-tile:hover, .library-shell[b-6t74d4ez4g]  a.stat-tile:hover { background: #edf3f8; }
.library-shell[b-6t74d4ez4g]  .stat-tile:focus-visible { outline: 3px solid #294d6d; outline-offset: -3px; }
.library-shell[b-6t74d4ez4g]  .stat-tile.needs { background: #fdf0dc; }
.library-shell[b-6t74d4ez4g]  button.stat-tile.needs:hover { background: #f9e5c6; }
.library-shell[b-6t74d4ez4g]  .stat-tile.needs .stat-label, .library-shell[b-6t74d4ez4g]  .stat-tile.needs .stat-go { color: #7a4510; }
.library-shell[b-6t74d4ez4g]  .stat-tile.needs .stat-go { text-decoration: underline; }
.library-shell[b-6t74d4ez4g]  .stat-tile.quiet strong { color: #52677a; }
.library-shell[b-6t74d4ez4g]  .stat-banner { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; min-height: 44px; margin: 0 0 16px; padding: 10px 20px; border: 1px solid #e4c48a; border-radius: 4px; background: #fdf0dc; color: #183048; font-size: 15px; text-decoration: none; }
.library-shell[b-6t74d4ez4g]  .stat-banner b { color: #7a4510; text-decoration: underline; }
@media (max-width: 800px) { .library-shell[b-6t74d4ez4g]  .stat-row { grid-template-columns: 1fr 1fr; } .library-shell[b-6t74d4ez4g]  .stat-tile { border-bottom: 1px solid var(--library-line); } .library-shell[b-6t74d4ez4g]  .stat-tile.needs { order: -1; } }
.library-shell[b-6t74d4ez4g]  .stat-row.skeleton .stat-tile strong,.library-shell[b-6t74d4ez4g]  .stat-row.skeleton .stat-tile span{display:block;border-radius:4px;background:linear-gradient(90deg,#e8eef4 25%,#f3f6f9 50%,#e8eef4 75%);background-size:200% 100%;animation:stat-shimmer-b-6t74d4ez4g 1.2s linear infinite;color:transparent}
.library-shell[b-6t74d4ez4g]  .stat-row.skeleton .stat-tile strong{width:60px;height:28px}.library-shell[b-6t74d4ez4g]  .stat-row.skeleton .stat-tile .stat-label{width:90px;height:14px;margin-top:6px}.library-shell[b-6t74d4ez4g]  .stat-row.skeleton .stat-tile .stat-go{width:110px;height:14px;margin-top:6px}
@keyframes stat-shimmer-b-6t74d4ez4g{to{background-position:-200% 0}}
@media(prefers-reduced-motion:reduce){.library-shell[b-6t74d4ez4g]  .stat-row.skeleton .stat-tile strong,.library-shell[b-6t74d4ez4g]  .stat-row.skeleton .stat-tile span{animation:none}}
/* /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:8px 0}.library-admin h1[b-v6qhwdde2p]{margin:0;color:#183048;font:500 clamp(38px,5vw,58px) Volkhov,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 Volkhov,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}

.admin-section[b-v6qhwdde2p]{margin:20px 0;padding:18px;border:1px solid #d9e3ec;border-radius:8px;background:white}.admin-section>summary[b-v6qhwdde2p]{font-size:20px;font-weight:600;cursor:pointer}

.admin-section>summary[b-v6qhwdde2p]{list-style:none}.admin-section>summary[b-v6qhwdde2p]::-webkit-details-marker{display:none}.admin-section>summary[b-v6qhwdde2p]::after{content:"＋";float:right;margin-left:12px;color:#3b6ea2}.admin-section[open]>summary[b-v6qhwdde2p]::after{content:"−"}

.library-admin h1[b-v6qhwdde2p] { font-size: 24px; font-weight: 400; line-height: 1.2; }
.library-admin h2[b-v6qhwdde2p] { margin: 20px 0 8px; font-size: 20px; font-weight: 400; }
.library-admin h3[b-v6qhwdde2p] { margin: 22px 0 8px; font-size: 19px; }
.admin-tabs[b-v6qhwdde2p] { gap: 8px; margin: 18px 0 8px; border-bottom: 1px solid #d9e3ec; }
.admin-tabs a[b-v6qhwdde2p], .admin-tabs button[b-v6qhwdde2p] { min-height: 44px; display: inline-flex; align-items: center; padding: 0 16px; border: 0; border-bottom: 3px solid transparent; border-radius: 0; background: transparent; color: #294d6d; font-size: 15px; font-weight: 700; text-decoration: none; cursor: pointer; }
.admin-tabs a[aria-current=page][b-v6qhwdde2p], .admin-tabs button[aria-current=page][b-v6qhwdde2p] { background: transparent; color: #183048; border-bottom-color: #3b6ea2; }
.admin-stats[b-v6qhwdde2p] { grid-template-columns: repeat(2, 1fr); border-radius: 4px; }
.admin-stats strong[b-v6qhwdde2p] { font-size: 24px; }
.admin-stats span[b-v6qhwdde2p] { color: #52677a; font-size: 14px; font-weight: 700; }
.primary[b-v6qhwdde2p], .actions button[b-v6qhwdde2p], .handoff button[b-v6qhwdde2p], .admin-form button[b-v6qhwdde2p] { border-radius: 4px; }
.actions button.danger[b-v6qhwdde2p], .admin-list button.danger[b-v6qhwdde2p] { border: 1px solid #9a2f2f; background: #fff; color: #9a2f2f; }
.admin-list + nav.admin-form[b-v6qhwdde2p] { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.pill[b-v6qhwdde2p] { display: inline-block; margin: 0 8px 0 10px; padding: 2px 8px; border-radius: 999px; font-size: 13px; font-weight: 700; }
.pill.warn[b-v6qhwdde2p] { background: #fdf0dc; color: #7a4510; }
.pill.info[b-v6qhwdde2p] { background: #e8f1f8; color: #294d6d; margin-left: 0; }
.admin-list article span.pill[b-v6qhwdde2p] { display: block; width: fit-content; margin: 4px 0; }

.admin-stats div[b-v6qhwdde2p] { padding: 12px 20px; }
.admin-stats[b-v6qhwdde2p] { margin: 16px 0; }
/* /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}

.member-section[b-9f4zntpk6h]{margin:16px 0;padding:18px;border:1px solid #d9e3ec;border-radius:8px;background:white}.member-section>summary[b-9f4zntpk6h]{font-size:19px;font-weight:600;cursor:pointer}.member-counts[b-9f4zntpk6h]{display:grid;grid-template-columns:1fr auto;gap:8px 24px;padding:18px;background:#eef4f8;border-radius:8px}.member-counts dd[b-9f4zntpk6h]{margin:0;font-weight:700}

.member-section>summary[b-9f4zntpk6h]{list-style:none}.member-section>summary[b-9f4zntpk6h]::-webkit-details-marker{display:none}.member-section>summary[b-9f4zntpk6h]::after{content:"＋";float:right;margin-left:12px;color:#3b6ea2}.member-section[open]>summary[b-9f4zntpk6h]::after{content:"−"}

.member-links[b-9f4zntpk6h]{display:flex;flex-wrap:wrap;gap:12px 24px}article[id][b-9f4zntpk6h]{scroll-margin-top:90px}
/* /Components/Pages/Biblioteek/AdminOperations.razor.rz.scp.css */
.admin-operations[b-hh5kjbwith]{padding:8px 0}.admin-operations h1[b-hh5kjbwith]{margin:0;color:#183048;font:400 24px/1.25 Volkhov,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 Volkhov,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}

/* Section nav beside the content, matching the Library design */
.ops-layout[b-hh5kjbwith]{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start}
.ops-nav[b-hh5kjbwith]{flex:0 0 220px;position:sticky;top:12px;display:flex;flex-direction:column;gap:2px;padding:10px;background:#fff;border:1px solid #d9e3ec;border-radius:8px}
.ops-nav a[b-hh5kjbwith]{display:block;padding:11px 12px;border-radius:6px;color:#294d6d;font-weight:700;font-size:14px;text-decoration:none}.ops-nav a:hover[b-hh5kjbwith]{background:#e6eff7}
.ops-main[b-hh5kjbwith]{flex:999 1 560px;min-width:0}.ops-main h2:first-child[b-hh5kjbwith]{margin-top:0}
.ops-main 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}
.ops-main button.primary[b-hh5kjbwith]{background:#3b6ea2;border-color:#3b6ea2;color:#fff}.ops-main button.danger[b-hh5kjbwith]{color:#8b2929;border-color:#d7a2a2}.ops-main button:disabled[b-hh5kjbwith]{opacity:.55}
.feedback-editor[b-hh5kjbwith]{align-items:start}.feedback-editor button[b-hh5kjbwith]{height:44px}
.topic-actions[b-hh5kjbwith]{display:flex;flex-wrap:wrap;align-items:flex-end;gap:7px}.merge-pick[b-hh5kjbwith]{display:block;font-size:12px;font-weight:700;color:#38546c}.merge-pick select[b-hh5kjbwith]{display:block;min-height:44px;margin-top:4px;padding:0 8px;border:1px solid #bccddd;border-radius:7px;background:#fff}
@media(max-width:850px){.ops-nav[b-hh5kjbwith]{position:static;flex:1 1 100%;flex-direction:row;flex-wrap:wrap}}
/* /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}}
.cover-field[b-pejovg51mi] {display:grid;grid-template-columns:minmax(0,1fr) 56px;gap:12px;align-items:end;}
.cover-field label[b-pejovg51mi] {min-width:0;}
.cover-field input[b-pejovg51mi] {width:100%;}
.cover-preview[b-pejovg51mi] {display:block;}
/* /Components/Pages/Biblioteek/Browse.razor.rz.scp.css */
.library-intro[b-p9kzl7fa1g] { display: flex; align-items: center; justify-content: space-between; gap: 28px; padding: 28px 32px; margin: 0 0 28px; border-left: 4px solid #6b9ed2; background: #fff; }
.library-intro h1[b-p9kzl7fa1g] { max-width: 650px; margin: 0 0 14px; color: #183048; font-family: Volkhov, Georgia, serif; font-size: clamp(30px, 3.3vw, 44px); font-weight: 500; line-height: 1.22; letter-spacing: -.5px; }
.library-intro p[b-p9kzl7fa1g] { max-width: 620px; margin: 0; color: #52677a; font-size: 16px; line-height: 1.6; }
.primary-action[b-p9kzl7fa1g] { flex: none; display: inline-flex; min-height: 44px; align-items: center; padding: 0 22px; border-radius: 4px; 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: 32px; border: 1px solid #d9e3ec; border-radius: 4px; background: #fff; }
.library-stats strong[b-p9kzl7fa1g], .library-stats span[b-p9kzl7fa1g] { display: block; }
.library-stats strong[b-p9kzl7fa1g] { margin-bottom: 3px; color: #183048; font-family: Volkhov,Georgia,serif; font-size: 28px; font-weight: 500; }
.library-stats span[b-p9kzl7fa1g] { color: #52677a; font-size: 14px; 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: Volkhov,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 Volkhov,Georgia,serif; }
.catalog-card h3[b-p9kzl7fa1g] { margin: 8px 0 3px; overflow-wrap: anywhere; color: #183048; font: 600 21px Volkhov,Georgia,serif; }
.catalog-card p[b-p9kzl7fa1g] { margin: 7px 0; overflow-wrap: anywhere; color: #617689; font-size: 14px; }
.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: 14px; font-weight: 900; text-transform: uppercase; }

@media (max-width: 800px) {
    .library-intro[b-p9kzl7fa1g] { display: block; padding: 24px; }
    .library-stats[b-p9kzl7fa1g] { grid-template-columns: 1fr 1fr; margin-bottom: 32px; }
    .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]{margin:0 0 24px}.catalog-filters label[b-p9kzl7fa1g]{color:#38546c;font-size:14px;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:14px}@media(max-width:1100px){.catalog-filters[b-p9kzl7fa1g]{grid-template-columns:repeat(3,1fr)}}@media(max-width:560px){}
.library-intro .primary-action[b-p9kzl7fa1g]{width:auto;white-space:nowrap;box-shadow:none}
.library-stats strong[b-p9kzl7fa1g]{font-size:28px}
.catalog-filters[b-p9kzl7fa1g]{background:#fff;border:1px solid #d9e3ec;border-radius:4px}
.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:14px;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:14px;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-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}
.library-stats a[b-p9kzl7fa1g] {display:flex;flex-direction:column;padding:18px 24px;color:inherit;text-decoration:none;min-height:80px;}
.library-stats a:hover[b-p9kzl7fa1g] {background:#edf3f8;}
.catalog-cover[b-p9kzl7fa1g] {background:transparent;min-height:0;}
.catalog-cover[b-p9kzl7fa1g]  .book-cover {width:100%;height:190px;object-fit:contain;}
.copy-option[b-p9kzl7fa1g] {position:relative;}
.copy-option:has(.sale-price)[b-p9kzl7fa1g] {padding-top:46px;}
.sale-price[b-p9kzl7fa1g] {position:absolute;right:0;top:12px;color:#183048;font-size:20px;}
.view-switch[b-p9kzl7fa1g] {display:flex;gap:8px;justify-content:flex-end;}
.view-switch button[b-p9kzl7fa1g] {padding:8px 16px;background:white;border:1px solid #bccbd7;border-radius:4px;}
.view-switch button[aria-pressed=true][b-p9kzl7fa1g] {background:#294d6d;color:white;}
@media(max-width:560px){.catalog-cover[b-p9kzl7fa1g]  .book-cover {height:150px;}.catalog-list .catalog-card[b-p9kzl7fa1g] {grid-template-columns:82px 1fr;}.library-stats a[b-p9kzl7fa1g]{padding:14px;}}
.catalog-filters[b-p9kzl7fa1g]{display:flex;flex-direction:column;gap:14px;padding:16px}
.filter-row[b-p9kzl7fa1g]{display:flex;gap:12px;flex-wrap:wrap}
.filter-row .search-box[b-p9kzl7fa1g]{flex:1 1 280px}.filter-row .search-box input[b-p9kzl7fa1g]{width:100%;box-sizing:border-box}
.filter-search[b-p9kzl7fa1g],.filter-toggle[b-p9kzl7fa1g]{min-height:48px;padding:0 20px;border-radius:4px;font-weight:700;font-size:15px;cursor:pointer}
.filter-search[b-p9kzl7fa1g]{border:1px solid #3b6ea2;background:#3b6ea2;color:#fff}
.filter-toggle[b-p9kzl7fa1g]{display:inline-flex;align-items:center;gap:10px;border:1px solid #294d6d;background:#fff;color:#294d6d}
.filter-toggle[aria-expanded=true][b-p9kzl7fa1g]{background:#294d6d;color:#fff}
.filter-count[b-p9kzl7fa1g]{min-width:24px;height:24px;border-radius:12px;background:#fff;color:#294d6d;font-size:13px;display:inline-flex;align-items:center;justify-content:center}
.filter-toggle[aria-expanded=false] .filter-count[b-p9kzl7fa1g]{background:#294d6d;color:#fff}
.quick-chips[b-p9kzl7fa1g],.active-tags[b-p9kzl7fa1g]{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.quick-chips button[b-p9kzl7fa1g]{min-height:44px;padding:0 16px;border:1px solid #b9ccdc;border-radius:999px;background:#fff;color:#294d6d;font-size:14px;font-weight:700;cursor:pointer}
.quick-chips button[aria-pressed=true][b-p9kzl7fa1g]{background:#294d6d;border-color:#294d6d;color:#fff}
.filter-panel[b-p9kzl7fa1g]{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px 16px;padding-top:14px;border-top:1px solid #d9e3ec}
.active-tags[b-p9kzl7fa1g]{padding-top:12px;border-top:1px solid #d9e3ec}.active-tags>span[b-p9kzl7fa1g]{color:#52677a;font-size:14px}
.active-tags button[b-p9kzl7fa1g]{min-height:44px;padding:0 12px 0 14px;border:1px solid #294d6d;border-radius:999px;background:#e8f1f8;color:#183048;font-size:14px;font-weight:700;cursor:pointer}
.active-tags .clear-all[b-p9kzl7fa1g]{border:0;background:transparent;color:#294d6d;text-decoration:underline}
.results-bar[b-p9kzl7fa1g]{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin:0 0 16px}
.results-bar p[b-p9kzl7fa1g]{margin:0;color:#38546c}.results-bar label[b-p9kzl7fa1g]{display:flex;align-items:center;gap:8px;color:#38546c;font-size:14px}
.results-bar select[b-p9kzl7fa1g]{min-width:140px}
@media(max-width:1100px){.filter-panel[b-p9kzl7fa1g]{grid-template-columns:repeat(2,minmax(0,1fr))}}
.library-stats[b-p9kzl7fa1g]{margin:32px 0 0}

.results-tools[b-p9kzl7fa1g]{display:flex;align-items:center;gap:16px;flex-wrap:wrap}

/* Card layout: cover on top, status and one filled primary action per copy. */
.copy-status[b-p9kzl7fa1g]{display:flex;gap:6px;align-items:baseline;font-weight:700;color:#7a4510}
.copy-status[data-state=available][b-p9kzl7fa1g]{color:#1f5f33}
.card-actions button[b-p9kzl7fa1g]{border-radius:4px}
.card-actions .primary-card-action[b-p9kzl7fa1g]{border-color:#3b6ea2;background:#3b6ea2;color:#fff}
.card-actions .primary-card-action:disabled[b-p9kzl7fa1g]{opacity:.55}
.availability[b-p9kzl7fa1g]{font-size:14px}
.results-tools[b-p9kzl7fa1g]{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.add-hint a[b-p9kzl7fa1g]{text-decoration:underline}
.library-intro[b-p9kzl7fa1g]{padding:16px 24px;margin-bottom:20px}
.library-intro h1[b-p9kzl7fa1g]{font-size:28px;margin-bottom:4px}
.library-intro p[b-p9kzl7fa1g]{font-size:15px}
.catalog-card[b-p9kzl7fa1g]{align-content:start}
.note-toggle[b-p9kzl7fa1g]{width:100%}
.note-toggle summary[b-p9kzl7fa1g]{min-height:44px;display:flex;align-items:center;color:#294d6d;font-size:14px;font-weight:700;cursor:pointer}

/* Compact density: smaller banner and toolbar. */
.library-intro[b-p9kzl7fa1g]{padding:12px 20px;margin:0 0 12px}
.library-intro h1[b-p9kzl7fa1g]{font-size:24px;margin-bottom:2px}
.library-intro p[b-p9kzl7fa1g]{font-size:14px}
.catalog-filters[b-p9kzl7fa1g]{padding:12px;gap:10px;margin:0 0 12px}
.filter-search[b-p9kzl7fa1g],.filter-toggle[b-p9kzl7fa1g]{min-height:44px;padding:0 16px}
.quick-chips button[b-p9kzl7fa1g]{min-height:36px;padding:0 14px}
.results-bar[b-p9kzl7fa1g]{margin:0 0 12px}
.catalog-card h3[b-p9kzl7fa1g]{margin:0 0 2px;font-size:17px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.catalog-card p[b-p9kzl7fa1g]{margin:2px 0}
.copy-option[b-p9kzl7fa1g]{margin-top:8px;padding-top:8px}
.card-actions[b-p9kzl7fa1g]{margin-top:8px}
@media(max-width:800px){.quick-chips button[b-p9kzl7fa1g]{min-height:44px}}
@media(min-width:801px){.view-switch button[b-p9kzl7fa1g]{min-height:36px;padding:0 14px}.results-bar select[b-p9kzl7fa1g]{height:36px;min-height:36px;padding:4px 10px}.note-toggle summary[b-p9kzl7fa1g]{min-height:32px}}

/* Grid view: block cards, cover on top. */
.catalog-grid:not(.catalog-list)[b-p9kzl7fa1g]{grid-template-columns:repeat(auto-fill,minmax(min(250px,100%),1fr));gap:16px}
.catalog-grid:not(.catalog-list) .catalog-card[b-p9kzl7fa1g]{grid-template-columns:1fr;gap:12px;padding:14px;align-content:start}
.catalog-grid:not(.catalog-list) .catalog-cover[b-p9kzl7fa1g]{width:100%;max-width:none;margin:0}
.catalog-grid:not(.catalog-list) .catalog-cover[b-p9kzl7fa1g]  .book-cover{width:100%;height:180px;object-fit:contain}
/* List view: horizontal rows, a larger cover on the left, details and copies side by side. */
.catalog-grid.catalog-list[b-p9kzl7fa1g]{grid-template-columns:1fr;gap:12px}
.catalog-list .catalog-card[b-p9kzl7fa1g]{grid-template-columns:140px minmax(0,1fr);gap:20px;padding:16px;align-items:start}
.catalog-list .catalog-cover[b-p9kzl7fa1g]{width:140px;margin:0}
.catalog-list .catalog-cover[b-p9kzl7fa1g]  .book-cover{width:140px;height:200px;object-fit:contain}
.catalog-list .book-body[b-p9kzl7fa1g]{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:8px 28px;align-items:start}
.catalog-list .book-copies .copy-option:first-child[b-p9kzl7fa1g]{margin-top:0;padding-top:0;border-top:0}
@media(max-width:800px){.catalog-list .catalog-card[b-p9kzl7fa1g]{grid-template-columns:96px minmax(0,1fr);gap:14px}.catalog-list .catalog-cover[b-p9kzl7fa1g],.catalog-list .catalog-cover[b-p9kzl7fa1g]  .book-cover{width:96px}.catalog-list .catalog-cover[b-p9kzl7fa1g]  .book-cover{height:140px}.catalog-list .book-body[b-p9kzl7fa1g]{grid-template-columns:1fr}}


.copy-note[b-p9kzl7fa1g]{overflow-wrap:anywhere;margin:4px 0}.copy-note.clamped[b-p9kzl7fa1g]{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.note-more[b-p9kzl7fa1g]{min-height:44px;padding:0 4px;border:0;background:transparent;color:#294d6d;font-weight:700;text-decoration:underline;cursor:pointer}

/* Books without a cover get a small tile instead of a full-size empty frame. */
.catalog-list .catalog-card:has(.no-cover)[b-p9kzl7fa1g]{grid-template-columns:56px minmax(0,1fr)}
.catalog-list .catalog-cover.no-cover[b-p9kzl7fa1g],.catalog-list .catalog-cover.no-cover[b-p9kzl7fa1g]  .book-cover{width:56px}
.catalog-list .catalog-cover.no-cover[b-p9kzl7fa1g]  .book-cover{height:80px}
.catalog-grid:not(.catalog-list) .catalog-cover.no-cover[b-p9kzl7fa1g]  .book-cover{height:96px}

/* Phone: search with Filters on one row, chips in one scrolling row, count/view/sort together. */
@media(max-width:560px){
.filter-row[b-p9kzl7fa1g]{flex-wrap:wrap;gap:8px}
.filter-row .search-box[b-p9kzl7fa1g]{flex:1 1 100%;order:1}
.filter-row .filter-search[b-p9kzl7fa1g]{order:2;flex:1 1 0}
.filter-row .filter-toggle[b-p9kzl7fa1g]{order:3;flex:1 1 0;justify-content:center}
.quick-chips[b-p9kzl7fa1g]{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -12px;padding:0 12px}
.quick-chips button[b-p9kzl7fa1g]{flex:0 0 auto;white-space:nowrap}
.results-bar[b-p9kzl7fa1g]{flex-wrap:nowrap;gap:8px}
.results-bar p[b-p9kzl7fa1g]{font-size:14px;white-space:nowrap}
.results-tools[b-p9kzl7fa1g]{flex-wrap:nowrap;gap:8px;min-width:0}
.results-tools label[b-p9kzl7fa1g]{font-size:0;gap:0}
.results-bar select[b-p9kzl7fa1g]{min-width:0;max-width:110px}
.view-switch button[b-p9kzl7fa1g]{padding:0 10px;min-height:44px}
}

/* Live filters: keep the previous results on screen while the next set loads */
.catalog-grid[b-p9kzl7fa1g]{transition:opacity .15s}.catalog-grid.is-refreshing[b-p9kzl7fa1g]{opacity:.45;pointer-events:none}
.filter-foot[b-p9kzl7fa1g]{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px}.filter-foot p[b-p9kzl7fa1g]{margin:0;color:#38546c;font-size:14px}.filter-foot .clear-all[b-p9kzl7fa1g]{margin-left:auto}
.show-results[b-p9kzl7fa1g],.filter-backdrop[b-p9kzl7fa1g]{display:none}
@media(max-width:800px){
.filter-panel[b-p9kzl7fa1g]{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;flex-direction:column;max-height:80vh;overflow-y:auto;padding:18px 18px calc(20px + env(safe-area-inset-bottom));background:#fff;border-radius:16px 16px 0 0;box-shadow:0 -8px 24px rgba(0,0,0,.18);border-top:0}
.filter-backdrop[b-p9kzl7fa1g]{display:block;position:fixed;inset:0;z-index:39;border:0;background:rgba(24,48,72,.45)}
.filter-foot[b-p9kzl7fa1g]{flex-wrap:wrap;position:sticky;bottom:0;background:#fff;padding-top:8px}.filter-foot p[b-p9kzl7fa1g]{display:none}
.show-results[b-p9kzl7fa1g]{display:flex;align-items:center;justify-content:center;order:3;flex:1 1 100%;min-height:52px;border:0;border-radius:6px;background:#3b6ea2;color:#fff;font-size:16px;font-weight:700}
.filter-foot .clear-all[b-p9kzl7fa1g]{order:2;margin:0}
}
/* /Components/Pages/Biblioteek/ContactSettings.razor.rz.scp.css */
.form-grid[b-663pn454y3] { display: grid; grid-template-columns: 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}

.contact-subhead[b-663pn454y3]{margin:0 0 8px;font:700 16px Roboto,Arial,sans-serif;color:#183048}
/* /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: Volkhov,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/MemberShelfManager.razor.rz.scp.css */
.shelf-manager[b-iy6fx02ult]{margin:24px 0;padding:18px;background:white;border:1px solid #d9e3ec;border-radius:8px}
.shelf-manager header h2[b-iy6fx02ult]{margin:0 0 6px;font-size:20px}.shelf-manager header p[b-iy6fx02ult]{margin:0 0 14px;color:#52677a;font-size:14px}
form[b-iy6fx02ult]{display:flex;gap:12px;align-items:end;flex-wrap:wrap}form label[b-iy6fx02ult]{flex:1 1 240px;color:#38546c;font-size:13px;font-weight:700}
input[b-iy6fx02ult]{display:block;width:100%;box-sizing:border-box;min-height:44px;margin-top:6px;padding:8px 10px;border:1px solid #c7d5e0;border-radius:4px}
button[b-iy6fx02ult]{min-height:44px;padding:0 16px;border:1px solid #3b6ea2;border-radius:4px;background:#3b6ea2;color:white;font-weight:700}
button.danger[b-iy6fx02ult]{background:#fff;border-color:#d7a2a2;color:#8b2929}
ul[b-iy6fx02ult]{margin:14px 0 0;padding:0;list-style:none;border-top:1px solid #e5ecf2}li[b-iy6fx02ult]{padding:10px 0;display:flex;align-items:center;gap:16px;justify-content:space-between;border-bottom:1px solid #e5ecf2}li>span[b-iy6fx02ult]{overflow-wrap:anywhere;font-weight:700}button:disabled[b-iy6fx02ult]{opacity:.6}
.shelf-name[b-iy6fx02ult]{display:flex;flex-direction:column;gap:2px;min-width:0}.shelf-name small[b-iy6fx02ult]{color:#52677a;font-weight:400}.shelf-actions[b-iy6fx02ult]{display:flex;gap:8px;flex-wrap:wrap}
button.plain[b-iy6fx02ult]{background:#fff;border-color:#b9ccdc;color:#294d6d}.rename-form[b-iy6fx02ult]{width:100%;flex-wrap:nowrap}.rename-form label[b-iy6fx02ult]{flex:1 1 200px}
@media(max-width:560px){.rename-form[b-iy6fx02ult]{flex-wrap:wrap}}
.shelf-name span[b-iy6fx02ult]{font-weight:700;overflow-wrap:anywhere}.shelf-manager .visually-hidden[b-iy6fx02ult],button .visually-hidden[b-iy6fx02ult]{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* /Components/Pages/Biblioteek/MemberSurface.razor.rz.scp.css */
.member-surface[b-ndko994rkz] { padding: 8px 0; }
.member-surface h1[b-ndko994rkz] { margin: 0 0 10px; color: #183048; font-family: Volkhov,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: 14px; margin: 16px 0 12px; }
.form-grid label[b-ndko994rkz], .full-field[b-ndko994rkz] { display: block; color: #38546c; font-size: 14px; 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: 16px 0; border: 1px solid #d9e3ec; border-radius: 10px; background: #fff; overflow: hidden; }
.summary-grid div[b-ndko994rkz] { padding: 12px 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 24px Volkhov,Georgia,serif; }
.summary-grid span[b-ndko994rkz] { color: #62788b; font-size: 14px; 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 16px; padding: 12px 16px; 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: 44px; padding: 0 22px; border: 0; border-radius: 4px; 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}}

.add-steps[b-ndko994rkz] { display: flex; flex-wrap: wrap; gap: 8px 28px; margin: 24px 0 8px; padding: 0; list-style: none; color: #38546c; font-size: 14px; font-weight: 700; }
.add-steps li[b-ndko994rkz] { display: flex; align-items: center; gap: 8px; }
.add-steps li span[b-ndko994rkz] { display: inline-flex; width: 28px; height: 28px; align-items: center; justify-content: center; border: 2px solid #294d6d; border-radius: 50%; }
.add-step[b-ndko994rkz] { margin: 16px 0; padding: 20px; border: 1px solid #d9e3ec; border-radius: 4px; background: #fff; }
.add-step > h2[b-ndko994rkz] { margin: 0 0 12px; font-size: 20px; }
.add-step .isbn-lookup[b-ndko994rkz] { margin: 0 0 16px; padding: 0; border: 0; background: transparent; }
.add-step .isbn-lookup h3[b-ndko994rkz] { margin: 0 0 8px; font-size: 18px; }
.add-step .isbn-lookup + .isbn-lookup[b-ndko994rkz] { padding-top: 16px; border-top: 1px solid #d9e3ec; }
.add-hint[b-ndko994rkz] { margin: 8px 0 16px; font-size: 14px; }
.add-hint a[b-ndko994rkz] { color: #294d6d; font-weight: 700; }
.more-details[b-ndko994rkz] { margin-top: 18px; padding-top: 6px; border-top: 1px solid #d9e3ec; }
.more-details > summary[b-ndko994rkz] { display: flex; min-height: 44px; align-items: center; color: #294d6d; font-weight: 700; cursor: pointer; }
.share-options[b-ndko994rkz] { display: grid; gap: 10px; }
.share-option[b-ndko994rkz] { display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: 12px; align-items: start; padding: 14px 16px; border: 1px solid #bccbd7; border-radius: 4px; cursor: pointer; }
.share-option.selected[b-ndko994rkz] { border: 2px solid #3b6ea2; padding: 13px 15px; background: #f1f6fb; }
.share-option input[b-ndko994rkz] { width: 20px; height: 20px; margin: 2px 0 0; }
.share-option strong[b-ndko994rkz] { display: block; font-size: 16px; }
.share-option span span[b-ndko994rkz] { display: block; margin-top: 2px; color: #52677a; font-size: 14px; }
.add-step .share-options + label[b-ndko994rkz] { margin-top: 18px; display: block; color: #38546c; font-size: 14px; font-weight: 800; }
.add-actions[b-ndko994rkz] { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.link-button[b-ndko994rkz] { border: 0; background: transparent; color: #294d6d; font-size: 15px; font-weight: 700; text-decoration: underline; cursor: pointer; }
.member-surface h1[b-ndko994rkz] { font-size: 24px; font-weight: 400; line-height: 1.2; }
.more-details > summary[b-ndko994rkz]::after { content: "＋"; margin-left: 10px; color: #3b6ea2; }
.more-details[open] > summary[b-ndko994rkz]::after { content: "−"; }
.member-surface[b-ndko994rkz]{padding-top:8px}.library-admin[b-ndko994rkz]{padding-top:8px}
.add-success[b-ndko994rkz] { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; margin: 24px 0 0; padding: 18px 20px; border: 1px solid #9cc5a8; border-radius: 4px; background: #eaf5ee; }
.add-success > div[b-ndko994rkz] { flex: 1 1 260px; }
.add-success strong[b-ndko994rkz] { display: block; color: #1f5f33; font-size: 16px; }
.add-success span[b-ndko994rkz] { color: #38546c; font-size: 14px; }
.add-success .primary-action[b-ndko994rkz] { min-height: 44px; padding: 0 16px; text-decoration: none; }
.outline-action[b-ndko994rkz] { min-height: 44px; padding: 0 16px; border: 1px solid #294d6d; border-radius: 4px; background: #fff; color: #294d6d; font-size: 15px; font-weight: 700; cursor: pointer; }
.add-step .isbn-actions[b-ndko994rkz] { display: flex; gap: 10px; flex-wrap: wrap; }
.add-step .isbn-actions input[b-ndko994rkz] { flex: 1 1 260px; }
.add-step .isbn-actions button:not(.find-submit)[b-ndko994rkz] { border: 1px solid #294d6d; background: #fff; color: #294d6d; }
.add-step .item-list article[b-ndko994rkz] { grid-template-columns: 72px minmax(0, 1fr); justify-items: start; }

.tab-count[b-ndko994rkz] { min-width: 22px; height: 22px; margin-left: 8px; border-radius: 11px; font-size: 13px; display: inline-flex; align-items: center; justify-content: center; }
.tab-count.quiet[b-ndko994rkz] { background: #e8f1f8; color: #294d6d; }
.tab-count.warn[b-ndko994rkz] { background: #fdf0dc; color: #7a4510; }
.inbox-spacer[b-ndko994rkz] { flex: 1; }
.inbox-list article.unread[b-ndko994rkz] { background: #f1f6fb; }
.inbox-list article.unread strong[b-ndko994rkz]::before { content: ""; display: inline-block; width: 10px; height: 10px; margin-right: 8px; border-radius: 50%; background: #3b6ea2; }

.profile-card[b-ndko994rkz] { margin: 16px 0; padding: 20px; border: 1px solid #d9e3ec; border-radius: 4px; background: #fff; }
.profile-card > h2[b-ndko994rkz], .profile-card > summary[b-ndko994rkz] { margin: 0 0 12px; font-family: Volkhov, Georgia, serif; font-size: 20px; font-weight: 400; }
details.profile-card > summary[b-ndko994rkz] { display: flex; min-height: 44px; align-items: center; justify-content: space-between; margin: 0; cursor: pointer; }
details.profile-card > summary[b-ndko994rkz]::after { content: "＋"; color: #3b6ea2; font-family: Roboto, sans-serif; }
details.profile-card[open] > summary[b-ndko994rkz] { margin-bottom: 16px; }
details.profile-card[open] > summary[b-ndko994rkz]::after { content: "−"; }
.danger-zone[b-ndko994rkz] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; margin-top: 16px; padding-top: 16px; border-top: 1px solid #d9e3ec; }
.danger-zone p[b-ndko994rkz] { max-width: 420px; margin: 0; color: #38546c; line-height: 1.55; }
.danger-action[b-ndko994rkz] { min-height: 48px; padding: 0 22px; border: 1px solid #9a2f2f; border-radius: 4px; background: #fff; color: #9a2f2f; font-size: 15px; font-weight: 700; cursor: pointer; }

.inbox-day[b-ndko994rkz]{margin:20px 0 8px;color:#52677a;font-size:14px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.inbox-list[b-ndko994rkz]{max-width:720px}
.inbox-list article[b-ndko994rkz]{display:grid;grid-template-columns:12px minmax(0,1fr) auto;gap:12px;align-items:start;padding:16px;background:#fff}
.inbox-list article.unread[b-ndko994rkz]{background:#f1f6fb}
.inbox-list article.unread strong[b-ndko994rkz]::before{content:none}
.inbox-dot[b-ndko994rkz]{width:10px;height:10px;margin-top:7px;border:2px solid #9bb0c2;border-radius:50%;box-sizing:border-box}
.inbox-list article.unread .inbox-dot[b-ndko994rkz]{border-color:#3b6ea2;background:#3b6ea2}
.notification-title[b-ndko994rkz]{color:#183048;text-decoration:none}.notification-title:hover strong[b-ndko994rkz]{text-decoration:underline}
.inbox-list article .notification-title strong[b-ndko994rkz]{font-size:16px;font-weight:500}.inbox-list article.unread .notification-title strong[b-ndko994rkz]{font-weight:700}
.inbox-list article small[b-ndko994rkz]{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:6px;color:#52677a;font-size:13px}
.notification-actions .primary-link[b-ndko994rkz]{min-height:44px;display:inline-flex;align-items:center;padding:0 16px;border-radius:4px;background:#3b6ea2;color:#fff;font-size:14px;font-weight:700;text-decoration:none}
@media(max-width:560px){.inbox-list article[b-ndko994rkz]{grid-template-columns:12px minmax(0,1fr)}.inbox-list article .notification-actions[b-ndko994rkz]{grid-column:2}}
.inbox-list article.unread[b-ndko994rkz]{border-left:1px solid #d9e3ec}
.inbox-list article small .action-badge[b-ndko994rkz]{margin:0;padding:2px 8px;border-radius:999px;background:#fdf0dc;color:#7a4510;font-size:13px;font-weight:700}
.member-surface .inbox-nav[b-ndko994rkz]{max-width:720px}
.profile-save[b-ndko994rkz]{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin:0 0 16px;padding:14px 20px;background:#fff;border:1px solid #d9e3ec;border-radius:4px}
.profile-save .add-hint[b-ndko994rkz]{margin:0 0 0 auto}.profile-save .success[b-ndko994rkz]{margin:0}
@media(max-width:560px){.profile-save .add-hint[b-ndko994rkz]{margin:0;flex-basis:100%}}

/* Add Book: one 16px rhythm between fields, hints and sections inside each step. */
.add-step[b-ndko994rkz]{display:flex;flex-direction:column;gap:16px}
.add-step > *[b-ndko994rkz]{margin-top:0;margin-bottom:0}
.add-step > h2[b-ndko994rkz]{margin-bottom:0}
.add-step .form-grid[b-ndko994rkz]{gap:16px}
.add-step .isbn-lookup[b-ndko994rkz]{padding:0;border:0;background:transparent}
.add-step .isbn-lookup p[b-ndko994rkz],.add-step .isbn-lookup label[b-ndko994rkz]{margin-top:0;margin-bottom:0}.add-step .isbn-lookup[b-ndko994rkz]{display:flex;flex-direction:column;gap:8px}

.profile-layout[b-ndko994rkz]{display:flex;flex-wrap:wrap;gap:0 24px;align-items:flex-start}
.profile-main[b-ndko994rkz]{flex:999 1 620px;min-width:0}.profile-side[b-ndko994rkz]{flex:1 1 320px;min-width:0}
.profile-save[b-ndko994rkz]{position:sticky;bottom:0;z-index:5}
@media(max-width:800px){.profile-save[b-ndko994rkz]{position:static}}

.profile-side[b-ndko994rkz]  input{width:100%;box-sizing:border-box}
/* /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/MoneyInput.razor.rz.scp.css */
.money-field[b-3rnmlzlpl9] { position:relative; display:block; width:100%; }
.money-prefix[b-3rnmlzlpl9] { position:absolute; left:14px; top:50%; transform:translateY(-50%); z-index:1; pointer-events:none; font-weight:700; }
.money-field input[b-3rnmlzlpl9] { width:100%; padding-left:36px !important; }
/* /Components/Pages/Biblioteek/MyBooks.razor.rz.scp.css */
.my-books[b-4ih68er37u] { padding: 8px 0; }
.my-books h1[b-4ih68er37u] { margin: 0 0 10px; color: #183048; font: 500 clamp(38px,5vw,58px) Volkhov,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: 16px 0; border: 1px solid #d9e3ec; border-radius: 10px; background: #fff; overflow: hidden; }
.summary-grid div[b-4ih68er37u] { padding: 12px 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 24px Volkhov,Georgia,serif; }
.summary-grid span[b-4ih68er37u] { color: #62788b; font-size: 14px; 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: 14px; 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 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}}

.inventory-filters .primary-action[b-4ih68er37u]{background:#3b6ea2;color:white;border-color:#3b6ea2}

.item-list[b-4ih68er37u]  .personal-copy-fields {grid-column:1/-1;display:flex;gap:12px;align-items:end;flex-wrap:wrap;border-top:1px solid #d9e3ec;padding-top:12px;}
.item-list[b-4ih68er37u]  .personal-copy-fields label {display:flex;flex-direction:column;gap:4px;max-width:230px;}
.collection-value[b-4ih68er37u] {padding:16px;background:#fff;border:1px solid #d9e3ec;}
.my-books h1[b-4ih68er37u]{font-size:24px;font-weight:400;line-height:1.25}

/* Section tabs and compact copy filters (same pattern as Browse). */
.summary-grid.four[b-4ih68er37u] { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.summary-grid small[b-4ih68er37u] { display: block; margin-top: 2px; color: #52677a; font-size: 14px; }
.tab-count[b-4ih68er37u] { min-width: 22px; height: 22px; margin-left: 8px; border-radius: 11px; background: #a83932; color: #fff; font-size: 13px; display: inline-flex; align-items: center; justify-content: center; }
.my-books h2[b-4ih68er37u] { margin: 20px 0 8px; font-size: 20px; font-weight: 400; }
.inventory-bar[b-4ih68er37u] { display: flex; flex-direction: column; gap: 14px; margin: 0 0 20px; padding: 16px; background: #fff; border: 1px solid #d9e3ec; border-radius: 4px; }
.inventory-bar .filter-row[b-4ih68er37u] { display: flex; gap: 12px; flex-wrap: wrap; }
.inventory-bar .search-box[b-4ih68er37u] { flex: 1 1 280px; }
.inventory-bar .search-box input[b-4ih68er37u] { width: 100%; box-sizing: border-box; }
.filter-search[b-4ih68er37u], .filter-toggle[b-4ih68er37u] { min-height: 48px; padding: 0 20px; border-radius: 4px; font-weight: 700; font-size: 15px; cursor: pointer; }
.filter-search[b-4ih68er37u] { border: 1px solid #3b6ea2; background: #3b6ea2; color: #fff; }
.filter-toggle[b-4ih68er37u] { display: inline-flex; align-items: center; gap: 10px; border: 1px solid #294d6d; background: #fff; color: #294d6d; }
.filter-toggle[aria-expanded=true][b-4ih68er37u] { background: #294d6d; color: #fff; }
.filter-count[b-4ih68er37u] { min-width: 24px; height: 24px; border-radius: 12px; background: #294d6d; color: #fff; font-size: 13px; display: inline-flex; align-items: center; justify-content: center; }
.filter-toggle[aria-expanded=true] .filter-count[b-4ih68er37u] { background: #fff; color: #294d6d; }
.quick-chips[b-4ih68er37u], .active-tags[b-4ih68er37u] { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.quick-chips button[b-4ih68er37u] { min-height: 44px; padding: 0 16px; border: 1px solid #b9ccdc; border-radius: 999px; background: #fff; color: #294d6d; font-size: 14px; font-weight: 700; cursor: pointer; }
.quick-chips button[aria-pressed=true][b-4ih68er37u] { background: #294d6d; border-color: #294d6d; color: #fff; }
.filter-panel[b-4ih68er37u] { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px 16px; padding-top: 14px; border-top: 1px solid #d9e3ec; }
.filter-panel label[b-4ih68er37u] { display: block; color: #38546c; font-size: 14px; font-weight: 800; }
.filter-panel select[b-4ih68er37u] { display: block; width: 100%; margin-top: 5px; }
.active-tags[b-4ih68er37u] { padding-top: 12px; border-top: 1px solid #d9e3ec; }
.active-tags > span[b-4ih68er37u] { color: #52677a; font-size: 14px; }
.active-tags button[b-4ih68er37u] { min-height: 44px; padding: 0 12px 0 14px; border: 1px solid #294d6d; border-radius: 999px; background: #e8f1f8; color: #183048; font-size: 14px; font-weight: 700; cursor: pointer; }
.active-tags .clear-all[b-4ih68er37u] { border: 0; background: transparent; color: #294d6d; text-decoration: underline; }
.visually-hidden[b-4ih68er37u] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; }
@media (max-width: 1100px) { .filter-panel[b-4ih68er37u] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 700px) { .summary-grid.four[b-4ih68er37u] { grid-template-columns: 1fr 1fr; } }

.type-tag[b-4ih68er37u]{display:inline-block;margin:4px 0;padding:2px 8px;border-radius:999px;background:#e8f1f8;color:#294d6d;font-size:13px;font-weight:700}
.primary-answer[b-4ih68er37u]{border-color:#3b6ea2;background:#3b6ea2;color:#fff}
[b-4ih68er37u] .personal-copy-details{grid-column:1/-1;margin-top:8px}[b-4ih68er37u] .personal-copy-details>summary{min-height:44px;display:flex;align-items:center;color:#294d6d;font-size:14px;font-weight:700;cursor:pointer}
.item-list article .type-tag[b-4ih68er37u]{display:inline-flex;width:fit-content;justify-self:start;color:#294d6d}
.item-list .actions button.primary-answer[b-4ih68er37u],.actions button.primary-answer[b-4ih68er37u]{border-color:#3b6ea2;background:#3b6ea2;color:#fff}

/* Loan rows share the My copies row shape: small cover, one meta line, actions on the right. */
.loan-body[b-4ih68er37u]{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;min-width:0}
.loan-body > strong[b-4ih68er37u]{flex:0 1 auto}
.loan-body > .row-meta[b-4ih68er37u],.loan-body > p[b-4ih68er37u]{flex:1 1 100%;color:#52677a;font-size:14px;margin:0}
.loan-body .row-tag[b-4ih68er37u]{padding:2px 8px;border-radius:999px;font-size:13px;font-weight:700}
.loan-body .row-tag.warn[b-4ih68er37u]{background:#fdf0dc;color:#7a4510}
.item-list .reading-line[b-4ih68er37u] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.link-button[b-4ih68er37u] { min-height: 44px; padding: 0; border: 0; background: none; color: #294d6d; font-size: 14px; text-decoration: underline; cursor: pointer; }
/* /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}}

.notification-all[b-zelyjlub8z]{margin:12px;border-radius:6px;background:#3b6ea2;color:white}.notification-all:hover[b-zelyjlub8z]{background:#2e5883;color:white}
.notification-toggle[b-zelyjlub8z]{display:inline-flex;align-items:center;justify-content:center}
.notification-count[b-zelyjlub8z]{font:700 12px/16px Roboto,Arial,sans-serif}
.notification-totals[b-zelyjlub8z]{font-size:14px}
.notification-row[b-zelyjlub8z]{grid-template-columns:14px minmax(0,1fr)}
.notification-row.unread[b-zelyjlub8z]{border-left:0;padding-left:18px}
.notification-row.unread strong[b-zelyjlub8z]{font-weight:700}
.notification-row:not(.unread) strong[b-zelyjlub8z]{font-weight:500}
.notification-dot[b-zelyjlub8z]{width:10px;height:10px;margin-top:6px;border:2px solid #9bb0c2;border-radius:50%;box-sizing:border-box}
.notification-dot.unread[b-zelyjlub8z]{border-color:#3b6ea2;background:#3b6ea2}
.notification-body[b-zelyjlub8z]{font-size:14px}
.notification-row small[b-zelyjlub8z]{display:flex;gap:8px;align-items:center;font-size:13px}
.notification-row em.action-tag[b-zelyjlub8z]{margin:0;padding:2px 8px;border-radius:999px;background:#fdf0dc;color:#7a4510;font-weight:700}
.mark-all[b-zelyjlub8z]{display:block;min-height:44px;margin:4px 12px 0;padding:0 8px;border:0;background:transparent;color:#294d6d;font-size:14px;font-weight:700;text-decoration:underline;cursor:pointer}


.notification-dropdown[b-zelyjlub8z]{border:1px solid #bccbd7;border-radius:4px;box-shadow:0 12px 32px #18304829}
.notification-dropdown header[b-zelyjlub8z]{padding:4px 8px 4px 16px;border-bottom:1px solid #d9e3ec}.notification-dropdown header strong[b-zelyjlub8z]{font-size:16px}.notification-dropdown header button[b-zelyjlub8z]{width:44px;height:44px;color:#38546c;cursor:pointer}
.notification-totals[b-zelyjlub8z]{display:block;padding:10px 16px;border-bottom:1px solid #eef2f6;font-size:14px;color:#52677a}
.notification-row[b-zelyjlub8z]{padding:14px 16px;border-top:0;border-bottom:1px solid #eef2f6}.notification-row.unread[b-zelyjlub8z]{background:#f1f6fb;padding-left:16px}
.notification-footer[b-zelyjlub8z]{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px}
.notification-footer .mark-all[b-zelyjlub8z]{margin:0;padding:0}.notification-footer .notification-all[b-zelyjlub8z]{display:inline-flex;align-items:center;min-height:44px;margin:0 0 0 auto;padding:0 16px;border-top:0;border-radius:4px;font-size:14px}
.notification-toggle .notification-count[b-zelyjlub8z]{top:-7px;right:-9px;min-width:22px;height:22px;padding:0 5px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;font:700 12px/1 Roboto,Arial,sans-serif;white-space:nowrap}
/* /Components/Pages/Biblioteek/ReadingTab.razor.rz.scp.css */
.reading-tab h2[b-5sthhmjy3d] { margin: 28px 0 14px; color: #183048; font: 500 26px Georgia,serif; }
.message[b-5sthhmjy3d] { margin: 18px 0; padding: 14px 18px; border: 1px solid #d9e3ec; border-radius: 8px; background: #fff; }
.message.success[b-5sthhmjy3d] { border-color: #a9cfb3; background: #f5fff7; color: #246238; }
.message.error[b-5sthhmjy3d] { border-color: #d7a2a2; background: #fff8f8; color: #8b2929; }
.muted[b-5sthhmjy3d], .empty[b-5sthhmjy3d] { color: #52677a; }
.visually-hidden[b-5sthhmjy3d] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
button[b-5sthhmjy3d] { cursor: pointer; }
button:disabled[b-5sthhmjy3d] { cursor: default; opacity: .6; }
button.primary[b-5sthhmjy3d], .card-actions button[b-5sthhmjy3d], .log-actions button[b-5sthhmjy3d], .add-panel button[type=submit][b-5sthhmjy3d], .goal-form button[b-5sthhmjy3d] { min-height: 44px; padding: 0 14px; border: 1px solid #b9ccdc; border-radius: 7px; background: #fff; color: #294d6d; font-weight: 700; font-size: 14px; }
button.primary[b-5sthhmjy3d] { border-color: #3b6ea2; background: #3b6ea2; color: #fff; }
button.link[b-5sthhmjy3d] { min-height: 44px; padding: 0; border: 0; background: none; color: #294d6d; font-size: 14px; text-decoration: underline; }

.reading-stats[b-5sthhmjy3d] { display: grid; grid-template-columns: repeat(auto-fit,minmax(220px,1fr)); gap: 16px; margin: 0 0 8px; }
.rd-tile[b-5sthhmjy3d] { display: flex; cursor: default; flex-direction: column; gap: 4px; padding: 18px 20px; border: 1px solid #d9e3ec; border-radius: 8px; background: #fff; color: #183048; text-align: left; font: inherit; min-width: 0; }
.rd-tile strong[b-5sthhmjy3d] { font: 500 34px Georgia,serif; }
.rd-tile .stat-label[b-5sthhmjy3d] { color: #52677a; font-size: 13px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.rd-tile .stat-go[b-5sthhmjy3d] { color: #294d6d; font-size: 14px; }
button.rd-tile[b-5sthhmjy3d] { cursor: pointer; }
button.rd-tile:hover[b-5sthhmjy3d] { background: #edf3f8; }
.goal-tile[b-5sthhmjy3d] { grid-column: span 2; }
.goal-head[b-5sthhmjy3d] { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; }
.goal-of[b-5sthhmjy3d] { color: #52677a; font-size: 15px; }
.goal-note[b-5sthhmjy3d] { color: #38546c; font-size: 14px; }
.goal-form[b-5sthhmjy3d] { display: flex; gap: 8px; align-items: end; flex-wrap: wrap; }
.goal-form label[b-5sthhmjy3d] { display: grid; gap: 4px; color: #38546c; font-size: 14px; font-weight: 700; }
.goal-form input[b-5sthhmjy3d] { width: 120px; min-height: 44px; box-sizing: border-box; padding: 0 12px; border: 1px solid #b9ccdc; border-radius: 6px; font-size: 16px; }
.progress[b-5sthhmjy3d] { height: 8px; border-radius: 4px; background: #e3ecf3; overflow: hidden; }
.progress > div[b-5sthhmjy3d] { height: 100%; background: #3b6ea2; }
.goal-tile .progress[b-5sthhmjy3d] { height: 10px; border-radius: 5px; }
.goal-tile .progress > div[b-5sthhmjy3d] { background: #2f6a4f; }

.current-grid[b-5sthhmjy3d] { display: grid; grid-template-columns: repeat(auto-fit,minmax(340px,1fr)); gap: 16px; }
.current-card[b-5sthhmjy3d] { display: flex; gap: 16px; padding: 18px; border: 1px solid #d9e3ec; border-radius: 8px; background: #fff; }
.current-card[b-5sthhmjy3d]  .book-cover { width: 72px; height: 108px; flex: none; border-radius: 3px; object-fit: cover; }
.current-body[b-5sthhmjy3d] { display: flex; flex-direction: column; gap: 6px; min-width: 0; flex-grow: 1; }
.current-body strong[b-5sthhmjy3d] { font-size: 18px; overflow-wrap: anywhere; }
.progress-meta[b-5sthhmjy3d] { display: flex; justify-content: space-between; margin-top: 6px; color: #38546c; font-size: 13px; }
.card-actions[b-5sthhmjy3d] { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 6px; }

.list-head[b-5sthhmjy3d] { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.list-head button[b-5sthhmjy3d] { background: #183048; border-color: #183048; color: #fff; }
.add-panel[b-5sthhmjy3d] { display: grid; gap: 12px; margin: 0 0 16px; padding: 16px; border: 1px solid #d9e3ec; border-radius: 8px; background: #fff; }
.add-panel form[b-5sthhmjy3d] { display: flex; gap: 8px; align-items: end; flex-wrap: wrap; }
.add-panel label[b-5sthhmjy3d] { display: grid; gap: 4px; flex: 1 1 260px; color: #38546c; font-size: 14px; font-weight: 700; }
.add-panel input[b-5sthhmjy3d] { min-height: 44px; box-sizing: border-box; padding: 0 12px; border: 1px solid #b9ccdc; border-radius: 6px; font-size: 16px; }
.add-panel article[b-5sthhmjy3d] { display: grid; grid-template-columns: 44px minmax(0,1fr) auto; gap: 12px; align-items: center; padding-top: 12px; border-top: 1px solid #edf0f3; }
.add-panel article[b-5sthhmjy3d]  .book-cover, .reading-row[b-5sthhmjy3d]  .book-cover { width: 44px; height: 66px; border-radius: 3px; object-fit: cover; }
.add-panel article strong[b-5sthhmjy3d], .add-panel article span[b-5sthhmjy3d] { display: block; }
.chips[b-5sthhmjy3d] { display: flex; gap: 8px; flex-wrap: wrap; margin: 0 0 12px; }
.chips button[b-5sthhmjy3d] { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 16px; border: 1px solid #b9ccdc; border-radius: 22px; background: #fff; color: #294d6d; font-weight: 700; font-size: 14px; }
.chips button span[b-5sthhmjy3d] { font-weight: 400; }
.chips button[aria-pressed=true][b-5sthhmjy3d] { border-color: #183048; background: #183048; color: #fff; }
.search-box[b-5sthhmjy3d] { display: block; margin: 0 0 14px; }
.search-box input[b-5sthhmjy3d] { width: 100%; max-width: 420px; min-height: 44px; box-sizing: border-box; padding: 0 12px; border: 1px solid #b9ccdc; border-radius: 6px; font-size: 16px; }
.reading-list[b-5sthhmjy3d] { display: grid; gap: 10px; }
.reading-row[b-5sthhmjy3d] { display: grid; grid-template-columns: 44px minmax(180px,2fr) minmax(120px,1fr) minmax(140px,1fr) minmax(150px,1fr) auto; gap: 16px; align-items: center; padding: 14px 18px; border: 1px solid #d9e3ec; border-radius: 8px; background: #fff; }
.row-title[b-5sthhmjy3d] { display: flex; flex-direction: column; gap: 3px; min-width: 0; overflow-wrap: anywhere; }
.row-title strong[b-5sthhmjy3d] { font-size: 16px; }
.source-tag[b-5sthhmjy3d] { justify-self: start; padding: 4px 10px; border-radius: 12px; background: #eef4f8; color: #294d6d; font-size: 13px; font-weight: 700; }
.source-tag.own[b-5sthhmjy3d] { background: #e6f2ea; color: #1f5a3d; }
.source-tag.borrowed[b-5sthhmjy3d] { background: #fff1d9; color: #6f4510; }
.status-text[b-5sthhmjy3d] { color: #52677a; font-size: 14px; font-weight: 700; }
.status-text.reading[b-5sthhmjy3d] { color: #2a5a8a; }
.status-text.read[b-5sthhmjy3d] { color: #1f5a3d; }
.row-when[b-5sthhmjy3d] { display: flex; flex-direction: column; gap: 2px; color: #52677a; font-size: 13px; }
.stars[b-5sthhmjy3d] { color: #945b13; font-size: 18px; letter-spacing: 2px; }
.row-log[b-5sthhmjy3d] { min-height: 44px; padding: 0 14px; border: 1px solid #b9ccdc; border-radius: 7px; background: #fff; color: #294d6d; font-weight: 700; font-size: 14px; }
.pager[b-5sthhmjy3d] { display: flex; gap: 14px; align-items: center; justify-content: space-between; margin: 18px 0; }
.pager button[b-5sthhmjy3d] { min-height: 44px; padding: 0 14px; border: 1px solid #b9ccdc; border-radius: 7px; background: #fff; color: #294d6d; font-weight: 700; }

.log-dialog[b-5sthhmjy3d] { border: 0; padding: 0; background: transparent; max-width: calc(100vw - 36px); max-height: calc(100vh - 36px); }
.log-dialog[b-5sthhmjy3d]::backdrop { background: rgba(12,31,47,.48); }
.log-panel[b-5sthhmjy3d] { display: flex; flex-direction: column; gap: 18px; width: min(520px,calc(100vw - 36px)); box-sizing: border-box; padding: 22px; border-radius: 12px; background: #fff; color: #183048; box-shadow: 0 22px 70px rgba(0,0,0,.25); }
.log-heading[b-5sthhmjy3d] { display: flex; gap: 12px; align-items: flex-start; }
.log-heading > div[b-5sthhmjy3d] { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex-grow: 1; }
.log-heading h2[b-5sthhmjy3d] { margin: 0; font: 700 18px Arial,sans-serif; overflow-wrap: anywhere; }
.log-heading small[b-5sthhmjy3d] { color: #52677a; font-size: 12px; }
.log-heading[b-5sthhmjy3d]  .book-cover { width: 48px; height: 72px; flex: none; border-radius: 3px; object-fit: cover; }
.close[b-5sthhmjy3d] { min-width: 44px; min-height: 44px; border: 0; background: transparent; color: #183048; font-size: 28px; }
.segmented[b-5sthhmjy3d] { display: grid; grid-template-columns: repeat(3,1fr); border: 1px solid #b9ccdc; border-radius: 8px; overflow: hidden; }
.segmented button[b-5sthhmjy3d] { min-height: 48px; border: 0; border-left: 1px solid #b9ccdc; background: #fff; color: #294d6d; font-weight: 700; font-size: 14px; }
.segmented button:first-child[b-5sthhmjy3d] { border-left: 0; }
.segmented button[aria-pressed=true][b-5sthhmjy3d] { background: #3b6ea2; color: #fff; }
.field[b-5sthhmjy3d] { display: flex; flex-direction: column; gap: 6px; font-size: 14px; font-weight: 700; }
.field-head[b-5sthhmjy3d] { display: flex; justify-content: space-between; }
.field-head .muted[b-5sthhmjy3d] { font-weight: 400; }
.field-label[b-5sthhmjy3d] { font-size: 14px; font-weight: 700; }
.field small[b-5sthhmjy3d] { font-weight: 400; }
.page-row[b-5sthhmjy3d] { display: flex; gap: 8px; }
.log-panel input[b-5sthhmjy3d], .log-panel textarea[b-5sthhmjy3d] { min-height: 48px; box-sizing: border-box; padding: 0 12px; border: 1px solid #b9ccdc; border-radius: 6px; font: 400 16px Arial,sans-serif; color: #183048; background: #fff; }
.log-panel textarea[b-5sthhmjy3d] { padding: 12px; resize: vertical; }
.page-row input[b-5sthhmjy3d] { flex: 1; min-width: 0; }
.page-row button[b-5sthhmjy3d] { min-width: 72px; min-height: 48px; border: 1px solid #b9ccdc; border-radius: 6px; background: #fff; color: #294d6d; font-weight: 700; }
.date-pair[b-5sthhmjy3d] { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.date-pair label[b-5sthhmjy3d] { display: flex; flex-direction: column; gap: 6px; font-size: 14px; font-weight: 700; }
.date-pair[b-5sthhmjy3d]  input { width: 100%; font-weight: 400; }
.rating[b-5sthhmjy3d] { display: flex; gap: 2px; }
.rating button[b-5sthhmjy3d] { width: 44px; height: 44px; border: 0; background: none; color: #945b13; font-size: 30px; }
.rating button:disabled[b-5sthhmjy3d] { color: #52677a; }
.log-actions[b-5sthhmjy3d] { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px; }
.log-actions .link[b-5sthhmjy3d] { margin-right: auto; }
@media(max-width:800px){ button.rd-tile[b-5sthhmjy3d] { cursor: pointer; }
button.rd-tile:hover[b-5sthhmjy3d] { background: #edf3f8; }
.goal-tile[b-5sthhmjy3d] { grid-column: auto; } .reading-row[b-5sthhmjy3d] { grid-template-columns: 44px minmax(0,1fr) auto; } .reading-row .source-tag[b-5sthhmjy3d], .reading-row .status-text[b-5sthhmjy3d], .reading-row .row-when[b-5sthhmjy3d] { grid-column: 2 / -1; } .add-panel article[b-5sthhmjy3d] { grid-template-columns: 44px minmax(0,1fr); } .add-panel article .card-actions[b-5sthhmjy3d] { grid-column: 1 / -1; } .current-grid[b-5sthhmjy3d] { grid-template-columns: 1fr; } .log-panel[b-5sthhmjy3d] { padding: 18px; } }
/* /Components/Pages/Biblioteek/SalesPanel.razor.rz.scp.css */
.item-list[b-u3vrny7w9i] {display:grid;gap:12px;}
.item-list article[b-u3vrny7w9i] {display:grid;grid-template-columns:64px minmax(0,1fr);gap:16px;padding:18px;background:white;border:1px solid #d9e3ec;border-radius:6px;scroll-margin-top:100px;}
.item-list article:target[b-u3vrny7w9i] {outline:3px solid #3b6ea2;}
.actions[b-u3vrny7w9i] {display:flex;gap:8px;flex-wrap:wrap;}
button[b-u3vrny7w9i] {padding:8px 14px;border:1px solid #b9ccdc;border-radius:4px;background:white;color:#294d6d;}
label[b-u3vrny7w9i] {display:flex;align-items:center;gap:8px;margin:12px 0;}
.item-list p[b-u3vrny7w9i] {overflow-wrap:anywhere;}
section h2[b-u3vrny7w9i]{margin:20px 0 8px;font-size:20px;font-weight:400}
section h3[b-u3vrny7w9i]{margin:16px 0 8px;font-size:17px}
section>p[b-u3vrny7w9i]{margin:0 0 8px;color:#52677a;font-size:15px}
.item-list article[b-u3vrny7w9i]{padding:12px 16px}