.page.library-reports-page { max-width:none; min-height:calc(100vh - 116px); padding:52px 15px 48px; background:#f3f3f4; color:#676a6c; font:300 14px/21px Lexend,sans-serif; }
.library-reports-page .page-heading { display:block; height:75px; margin:-28px -12px 0; padding:28px 12px 0; background:#fafafa; }
.library-reports-page .page-heading h1 { margin-left:5px; padding-bottom:5px; color:#676a6c; font:400 22px/26.4px Lexend,sans-serif; }
.lrep-shell { min-width:0; margin:40px 40px 0; padding:16px; border:1px solid #0002; border-radius:6px; background:#fff; color:#676a6c; font:300 14px/21px Lexend,sans-serif; }
.lrep-filters { padding:16px 16px 24px; border:1px solid #0002; border-radius:6px; background:#fff; }
.lrep-row { display:grid; grid-template-columns:3fr 3fr 4fr 2fr; min-height:64px; margin:0 -12px; }
.lrep-row>div { display:grid; align-content:start; min-width:0; padding:0 12px; }
.lrep-row label,.lrep-student label { color:#0d6efd; font:500 14px/21px Lexend,sans-serif; padding-left:5px; }
.lrep-row>div:first-child label { color:#676a6c; }
.lrep-dates>div { display:flex; align-items:center; gap:0; }
.lrep-dates>div input { min-width:0; width:0; flex:1 1 auto; text-align:center; }
.lrep-dates>div input:last-child { margin-left:-1px; }
.lrep-dates>div span { display:grid; place-items:center; flex:0 1 auto; min-width:16px; height:35px; margin:0 -5px 0 -1px; padding:4px 5px; border:1px solid #e5e6e7; border-right-width:0; border-left-width:0; background:#eee; font:400 14px/20px Lexend,sans-serif; position:relative; z-index:1; }
.lrep-row select,.lrep-row input,.lrep-student select { box-sizing:border-box; width:100%; height:35px; padding:6px 12px; border:1px solid #e5e6e7; border-radius:1px; background:#fff; color:#676a6c; font:400 14px/21px Lexend,sans-serif; }
.lrep-row input[readonly] { cursor:pointer; }
.lrep-row .select2-container,.lrep-student .select2-container { width:100%!important; }
.lrep-row .select2-container .select2-selection--single { height:33px; }
.lrep-row .select2-container .select2-selection__rendered { line-height:31px; }
.lrep-row select:empty + .select2-container { height:5px; overflow:hidden; margin-top:9px; }
.lrep-choices { display:grid; grid-template-columns:6fr 4fr 2fr; align-items:center; min-height:31px; margin:8px -12px 0; }
.lrep-choice-group { display:flex; align-items:center; min-width:0; padding:0 12px; white-space:nowrap; }
.lrep-choice-label { flex:0 0 130px; padding-left:5px; color:#0d6efd; font:500 14px/21px Lexend,sans-serif; }
.lrep-choice-group label { display:inline-flex; align-items:center; flex:0 0 130px; font-weight:500; cursor:pointer; }
.lrep-issue label:nth-of-type(2) { flex-basis:260px; }
.lrep-choice-group input { margin:0 7px 0 0; accent-color:#1c84c6; }
.lrep-student { height:110px; margin:0 -12px; padding:0 12px; }
.lrep-student-field { width:33.3333%; }
.lrep-student label { display:block; }
.lrep-student select { height:37px; }
.lrep-student .select2-container .select2-selection--multiple { min-height:37px; }
.lrep-student-actions { margin-top:21px; padding-left:9px; }
.lrep-actions { display:flex; justify-content:flex-start; padding:0 12px; }
.lrep-actions button,.lrep-student-actions button { min-height:31px; padding:4px 8px; border:1px solid #005be8; border-radius:3px; background:#005be8; color:#fff; font:400 14px/21px Lexend,sans-serif; cursor:pointer; }
.lrep-actions button[disabled],.lrep-student-actions button[disabled] { opacity:.55; cursor:not-allowed; }
.lrep-error,.lrep-notice { margin:12px 0; padding:8px 11px; border:1px solid; border-radius:3px; }
.lrep-error { border-color:#e5b4bb; background:#fff5f6; color:#ad3440; }
.lrep-notice { border-color:#b8daca; background:#f2fbf5; color:#28744b; }
.lrep-loading { padding:14px 0; }
.lrep-result { margin:8px 0; padding:16px; border:1px solid #0002; border-radius:6px; background:#fff; }
.lrep-toolbar { display:flex; justify-content:flex-end; align-items:flex-start; gap:5px; height:58px; padding:10px 0 0; }
.lrep-toolbar input { width:192px; height:35px; padding:6px 12px; border:1px solid #e5e6e7; border-radius:1px; background:#fff; font:300 14px/21px Lexend,sans-serif; }
.lrep-export { position:relative; }
.lrep-export>button { display:grid; place-items:center; width:42px; height:38px; padding:6px 12px; border:1px solid #6c757d; border-radius:3px; background:#6c757d; color:#fff; cursor:pointer; }
.lrep-export-menu { position:absolute; z-index:4; right:0; top:100%; min-width:150px; padding:5px 0; border:1px solid #ddd; border-radius:3px; background:#fff; box-shadow:0 4px 12px #0002; }
.lrep-export-menu button { display:block; width:100%; padding:6px 12px; border:0; background:transparent; color:#333; text-align:left; font:300 14px/21px Lexend,sans-serif; cursor:pointer; }
.lrep-export-menu button:hover,.lrep-export-menu button:focus { background:#f2f4f6; }
.lrep-table-scroll { max-width:100%; overflow-x:auto; }
.lrep-table { width:1989px; min-width:1989px; table-layout:fixed; border-collapse:collapse; background:#fff; }
.lrep-table.lrep-raw { width:100%; min-width:0; table-layout:auto; }
.lrep-table th,.lrep-table td { padding:11px 8px; border:1px solid #ebebeb; text-align:center; vertical-align:middle; }
.lrep-table th { background:#ededed; color:#111; font:700 14px/20px Lexend,sans-serif; overflow-wrap:break-word; }
.lrep-table td { font:300 14px/21px Lexend,sans-serif; }
.lrep-table .lrep-separator { background:#ededed; }
.lrep-heading-six { font:500 16px/19.2px Lexend,sans-serif; margin-bottom:8px; }
.lrep-heading-five { display:inline-block; width:0; height:24px; vertical-align:middle; font:500 20px/24px Lexend,sans-serif; }
@media (max-width:900px) { .page.library-reports-page { padding:24px 13px 40px; } .library-reports-page .page-heading { height:auto; margin:0; padding:0; background:transparent; } .lrep-shell { margin:20px 0 0; padding:10px; } .lrep-filters { padding:12px; } .lrep-row { grid-template-columns:repeat(2,minmax(0,1fr)); row-gap:12px; } .lrep-choices { display:block; height:auto; } .lrep-choice-group { flex-wrap:wrap; padding:6px 12px; } .lrep-actions { padding:6px 12px; } }
@media (max-width:520px) { .lrep-row { grid-template-columns:1fr; } .lrep-choice-group { display:grid; grid-template-columns:1fr; gap:5px; } .lrep-choice-group label { width:auto; } .lrep-student-field { width:100%; } .lrep-result { padding:8px; } }