@charset "UTF-8";
.members-commandbar{display:flex;align-items:center;gap:22px;padding:0 0 18px;flex-wrap:wrap}
.members-register-label{display:flex;align-items:center;gap:12px;min-width:220px}
.members-register-label>span{width:43px;height:43px;border:1px solid #d9e3fa;background:#e8eefc;color:#4267c4;border-radius:10px;display:grid;place-items:center}
.members-register-label strong{font-size:15px;color:#354866;display:block}
.members-register-label div>span{font-size:12px;color:#76849a;display:block;margin-top:4px}
.members-counters{display:flex;gap:22px;margin-left:auto;font-size:12px;color:#768297}
.members-counters b{font-family:Arial,sans-serif;font-size:20px;color:#324969;margin-left:7px;font-weight:650}
.members-workgrid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:17px;align-items:start}
.members-searchbar{display:flex;align-items:center;gap:8px;padding:16px 18px;border-bottom:1px solid #e7edf5}
.members-searchbar .app-search{max-width:none}
.members-searchbar select,.member-edit-row select,.member-form-field select,.circulation-member-select select{min-width:0;max-width:100%;height:38px;font:inherit;font-size:12px;border:1px solid #dbe3ef;border-radius:5px;background:#fff;color:#4b5e7a;padding:7px 8px}
.members-table-scroll{overflow:auto;scrollbar-width:thin}
.members-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}
.members-table th{color:#7b899d;background:#f7f9fc;padding:11px 10px;font-size:12px;font-weight:500;white-space:nowrap;border-bottom:1px solid #e7edf5}
.members-table td{padding:16px 10px;border-bottom:1px solid #edf1f6;vertical-align:middle;color:#65758e}
.members-table th:first-child,.members-table td:first-child{padding-left:18px}
.members-table th:last-child,.members-table td:last-child{padding-right:16px}
.members-table tr:last-child td{border-bottom:0}
.members-table tr.is-selected td{background:#f0f4ff}
.members-table tr.is-selected td:first-child{box-shadow:inset 3px 0 #456bd6}
.members-table tr:hover td{background:#f6f8fe}
.member-select-button{display:flex;align-items:center;gap:10px;background:none;border:0;padding:0;text-align:left;color:#344968;width:100%}
.member-initial{display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;border-radius:9px;color:#607ab1;background:#e9eef8;font-size:13px;font-weight:650}
.member-select-button strong{font-size:13px;display:block;line-height:1.6;white-space:nowrap}
.member-select-button small{display:block;font:12px Consolas,monospace;color:#8997ab;margin-top:3px}
.member-badge{display:inline-flex;align-items:center;gap:5px;border-radius:4px;padding:3px 6px;white-space:nowrap;font-size:12px;background:#edf5f0;color:#397864}
.member-badge:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}
.member-badge.is-suspended{color:#976720;background:#fbf1df}
.member-badge.is-inactive{color:#778399;background:#edf0f4}
.member-badge.is-expired{color:#a0574a;background:#fbefeb}
.member-loan-fraction{font:12px Arial,sans-serif;white-space:nowrap;color:#8a98ab}
.member-loan-fraction strong{font-size:16px;font-weight:650;color:#48678f;margin-right:3px}
.member-expiry{font:12px Consolas,monospace;white-space:nowrap;color:#7a8ba3}
.members-list-foot{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #e7edf5;background:#fbfcfe;padding:13px 18px;font-size:12px;color:#8290a5}
.members-list-foot>span{white-space:nowrap}
.members-empty td{height:200px!important;text-align:center;font-size:13px;color:#8492a8}
.member-detail-content{padding:22px 20px}
.member-detail-profile{display:flex;align-items:center;gap:13px;padding-bottom:20px;border-bottom:1px solid #e9edf5}
.member-detail-profile .member-initial{width:49px;height:49px;border-radius:13px;font-size:21px;background:#dfe8fb;color:#5979b5}
.member-detail-profile h3{font-size:18px;color:#324a6b;margin-top:7px}
.member-detail-profile p{font:12px Consolas,monospace;color:#8494ac;margin-top:5px}
.member-detail-stats{display:flex;justify-content:space-between;gap:12px;padding:20px 0}
.member-detail-stats>div{display:flex;flex-direction:column;gap:5px;font-size:12px;color:#8090a7}
.member-detail-stats strong{font-size:16px;font-weight:650;color:#3e5778;line-height:1.5}
.member-detail-stats small{font-size:12px;font-weight:400;color:#8a9bb1}
.member-edit-form{display:grid;gap:10px;border-top:1px solid #e9edf5;padding:17px 0 0;margin-top:18px}
.member-edit-row{display:grid;grid-template-columns:65px 1fr;gap:10px;align-items:center;color:#73849c;font-size:12px}
.member-edit-row select{width:100%}
.member-edit-row input{min-width:0;width:100%;height:38px;border:1px solid #dbe3ef;border-radius:5px;padding:7px 8px;font:inherit;font-size:12px;color:#4b5e7a;background:#fff}
.member-edit-form>.app-button{justify-self:end}
.member-rule-message{font-size:12px;line-height:1.8;background:#f0f5fc;color:#627b9e;border-radius:6px;padding:11px 12px;margin-bottom:14px!important}
.member-rule-message.is-restricted{background:#fcf3e8;color:#927244}
.member-detail-content>.app-button{width:100%}
.member-detail-loans{border-top:1px solid #e6edf5;background:#fbfcff}
.member-detail-loans h3{font-size:13px!important;padding:16px 20px 0;color:#526988}
.member-detail-loans .member-loan-row{padding:15px 20px;gap:10px}
.member-detail-loans .member-loan-row strong{font-size:12px}
.member-detail-loans .member-loan-row p{font-size:12px;line-height:1.6}
.member-detail-loans .book-cover-small{display:none}
.member-detail-loans .member-loans-empty{font-size:12px;padding:20px}
.member-history{padding:17px 20px;border-top:1px solid #e5ebf4}
.member-history h3{font-size:12px;color:#647d9f;margin:0 0 13px}
.member-history>p{font-size:12px;line-height:1.8;color:#8b9bb0}
.member-history ol{list-style:none;margin:0;padding:0}
.member-history li{display:flex;gap:9px;font-size:12px;color:#657d9d;padding:9px 0;border-bottom:1px solid #ecf0f6}
.member-history li:last-child{border-bottom:0}
.member-history li>span{border-radius:4px;background:#edf2fb;color:#5577b1;padding:2px 5px;font-size:11px;align-self:start;white-space:nowrap}
.member-history small{display:block;font-size:11px;color:#96a4b9;margin-top:4px}
.member-reservations-link{font-size:12px!important;border:0;border-bottom:1px solid #d9e3f1;padding:4px 0;background:none;color:#5777a7;margin-top:10px}
.member-change-log{border-top:1px solid #e5ebf4;padding:16px 20px;background:#fbfcfe}
.member-change-log summary{font-size:12px;color:#647d9f;cursor:pointer}
.member-change-log summary .app-count{margin-left:5px}
.member-change-log p{font-size:12px;color:#8b9bb0;line-height:1.8;margin-top:12px}
.member-change-log ol{list-style:none;margin:13px 0 0;padding:0}
.member-change-log li{padding:10px 0;border-bottom:1px solid #e9eef6;line-height:1.8}
.member-change-log li:last-child{border:0}
.member-change-log strong{font-size:12px;font-weight:500;color:#647d9f;display:block;word-break:break-word}
.member-change-log li>span{font-size:11px;color:#99a6b9;display:block;margin-top:4px}
.members-policy-note{display:flex;align-items:flex-start;gap:12px;border:1px solid #dce5f3;background:#eaf0f9;border-radius:7px;padding:17px 19px;margin-top:18px;color:#7d91ae}
.members-policy-note>.icon,.members-policy-note>span{margin-top:3px;flex-shrink:0}
.members-policy-note p{flex:1;font-size:12px;line-height:1.8}
.members-policy-note strong{display:block;font-size:13px;font-weight:600;color:#536f94;margin-bottom:3px}
.members-policy-note button{background:none;border:0;font:inherit;font-size:12px;color:#476ba7;padding:5px 0;white-space:nowrap}
.member-register-dialog{padding:0;border:1px solid #dbe3ee;border-radius:12px;width:min(480px,calc(100% - 32px));max-height:calc(100dvh - 40px);overflow:auto;box-shadow:0 30px 100px #1329473d;color:#33465f;background:#fff}
.member-register-dialog::backdrop{background:#15243f88;backdrop-filter:blur(3px)}
.member-register-dialog form{padding:26px;font-family:inherit}
.member-dialog-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}
.member-dialog-heading div>span{font-size:10px;letter-spacing:.15em;color:#7e91ae}
.member-dialog-heading h2{font-size:23px;margin:8px 0 0;font-weight:700;letter-spacing:-.035em}
.member-dialog-close{border:0;background:#f0f3f8;color:#7f90a8;border-radius:5px;font-size:24px;width:30px;height:30px;line-height:1;cursor:pointer}
.member-dialog-intro{margin:19px 0!important;font-size:13px;line-height:1.8;color:#78889e}
.member-form-field{display:flex;flex-direction:column;gap:8px;font-size:13px;color:#5a6d89;font-weight:600}
.member-form-field input,.member-form-field select{height:41px;border:1px solid #d6e0ed;border-radius:5px;padding:8px 11px;font:inherit;font-size:13px;background:#fff;color:#3d5678}
.member-form-field>span{font-size:12px;font-weight:400;color:#91a0b5}
.member-dialog-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}
.member-dialog-local{padding:12px 13px;margin:20px 0!important;background:#f3f6fb;border-radius:5px;color:#8191a9;font-size:12px;line-height:1.8}
.member-dialog-actions{display:flex;justify-content:flex-end;gap:9px;padding-top:3px}
.circulation-member.member-connected{display:block;padding:17px;margin:20px}
.member-connected .circulation-member-summary{display:flex;align-items:center;gap:12px}
.member-connected .circulation-member-summary>div{flex:1;min-width:0}
.member-connected .circulation-member-summary strong{font-size:18px}
.member-connected .circulation-member-summary p{font-size:12px;color:#798da9}
.member-connected .circulation-member-controls{display:flex;gap:9px;margin-top:15px}
.circulation-member-select{flex:1;display:flex;align-items:center;gap:8px;min-width:0;font-size:12px;color:#6e829f}
.circulation-member-select select{flex:1;width:100%;min-width:0;font-size:13px}
.member-connected .circulation-member-controls>.app-button{flex-shrink:0}
.member-connected .member-rule-message{margin:13px 0 0!important;background:#eaf0fa;font-size:12px}
.member-connected .member-rule-message.is-restricted{background:#faf0e2;color:#91713d}
.circulation-selected .loan-owner{font-size:12px;color:#526f95;display:block;margin-top:6px}
.member-loan-row .loan-due{color:#6f87a8;font-size:12px;margin-top:4px}
.member-loan-row .loan-due.is-overdue{color:#a8684d}
.library-state.is-reserved{background:#eaf0fc;color:#597ab2}
.member-register-dialog :focus-visible{outline:3px solid #90a9ff;outline-offset:3px}
@media(max-width:1280px){.members-workgrid{grid-template-columns:minmax(0,1fr) 270px}.members-searchbar{flex-wrap:wrap}.members-searchbar .app-search{flex-basis:100%}.member-filter-label{flex:1}.member-filter-label select{width:100%}.members-counters{gap:16px}.members-register-label div>span{display:none}.member-initial{display:none}.member-detail-profile .member-initial{display:grid}.members-table td,.members-table th{padding-inline:8px}.members-table th:first-child,.members-table td:first-child{padding-left:14px}}
@media(max-width:1050px){.members-workgrid{grid-template-columns:minmax(0,1fr)}.members-counters{margin-left:0}.members-commandbar>.app-button{margin-left:auto}.members-register-label{min-width:0}.member-initial{display:grid}.members-searchbar .app-search{flex-basis:auto}.member-filter-label{flex:0}.member-detail-content{display:grid;grid-template-columns:1fr 1fr;gap:10px 24px}.member-detail-profile{padding-bottom:10px}.member-detail-stats{padding:10px 0}.member-edit-form{grid-column:2;grid-row:1/4;border:0;padding:0;align-content:center}.member-detail-content>.member-rule-message{grid-column:1}.member-detail-content>.app-button{grid-column:1}.member-detail-loans{padding-bottom:5px}}
@media(max-width:760px){.members-commandbar{gap:15px}.members-register-label{flex:1}.members-register-label>span{width:36px;height:36px}.members-counters{order:3;flex-basis:100%;border-bottom:1px solid #dce4ef;padding-bottom:13px;justify-content:space-between}.members-counters b{font-size:19px}.members-searchbar{padding:14px;flex-wrap:wrap}.members-searchbar .app-search{flex-basis:100%}.member-filter-label{flex:1}.members-register .app-card-title>.app-subtle{display:none}.members-table th:nth-child(2),.members-table td:nth-child(2),.members-table th:nth-child(5),.members-table td:nth-child(5){display:none}.members-table th:nth-child(3){width:91px}.members-table th:nth-child(4){width:61px}.member-initial{display:none}.members-table th,.members-table td{padding:15px 8px}.member-select-button strong{font-size:13px;white-space:normal}.member-detail-content{display:block;padding:20px}.member-detail-stats{padding:18px 0}.member-edit-form{border-top:1px solid #e9edf5;padding:17px 0}.member-detail-profile{padding-bottom:17px}.members-list-foot>span{display:none}.members-policy-note{flex-wrap:wrap;padding:16px}.members-policy-note button{margin-left:30px}.members-policy-note p{flex-basis:calc(100% - 32px)}.member-register-dialog form{padding:22px}.member-connected .circulation-member-controls{flex-wrap:wrap}.circulation-member-select{flex-basis:100%}.member-connected .circulation-member-controls>.app-button{width:100%}.circulation-member.member-connected{margin:16px}.member-dialog-heading h2{font-size:21px}}