.page.library-reader-page { max-width:none; padding:24px 20px 50px; background:#f8f8f8; color:#676a6c; font:300 14px/21px Lexend,sans-serif; }
.lreader-shell { min-width:0; font:300 14px/21px Lexend,sans-serif; }
.lreader-filters { display:flex; align-items:end; flex-wrap:wrap; gap:12px; margin:0 0 16px; }
.lreader-filters label { display:grid; gap:5px; min-width:170px; }
.lreader-filters select { min-width:170px; height:35px; border:1px solid #e5e6e7; background:#fff; }
.lreader-filters .select2-container { width:220px!important; }
.lreader-filters button, .lreader-dialog-actions button { height:31px; padding:4px 12px; border:1px solid #005be8; border-radius:3px; background:#005be8; color:#fff; font:400 14px/21px Lexend,sans-serif; cursor:pointer; }
.lreader-tabs { display:flex; flex-wrap:wrap; gap:0; margin:0 0 14px; border-bottom:1px solid #ddd; }
.lreader-tabs button { padding:9px 15px; border:0; border-bottom:2px solid transparent; background:transparent; color:#676a6c; font:400 14px/21px Lexend,sans-serif; cursor:pointer; }
.lreader-tabs button.active { border-bottom-color:#005be8; color:#005be8; }
.lreader-search { display:flex; justify-content:flex-end; margin:0 0 10px; }
.lreader-search input { height:35px; width:192px; padding:6px 12px; border:1px solid #e5e6e7; border-radius:1px; background:#fff; font:300 14px/21px Lexend,sans-serif; }
.lreader-table-scroll { max-width:100%; overflow-x:auto; background:#fff; }
.lreader-table { width:100%; min-width:1250px; border-collapse:collapse; }
.lreader-table th,.lreader-table td { padding:11px 8px; border:1px solid #ebebeb; vertical-align:middle; text-align:left; }
.lreader-table th { background:#ededed; color:#111; font:700 14px/20px Lexend,sans-serif; }
.lreader-table td { color:#676a6c; font:300 14px/21px Lexend,sans-serif; }
.lreader-pencil { padding:3px 6px; border:0; background:transparent; color:#1c84c6; cursor:pointer; }
.lreader-error,.lreader-notice { padding:8px 11px; border:1px solid; border-radius:3px; }
.lreader-error { border-color:#e5b4bb; background:#fff5f6; color:#ad3440; }
.lreader-notice { border-color:#b8daca; background:#f2fbf5; color:#28744b; }
.lreader-dialog { position:fixed; left:50vw; top:28px; transform:translateX(-50%); box-sizing:border-box; width:69vw; max-width:calc(100vw - 20px); max-height:calc(100vh - 56px); margin:0; padding:0; border:1px solid #e5e5e5; border-radius:5px; background:#fff; color:#676a6c; font:300 14px/21px Lexend,sans-serif; }
.lreader-dialog::backdrop,.lreader-warning::backdrop { background:rgba(0,0,0,.4); }
.lreader-dialog-head { display:flex; justify-content:space-between; align-items:center; height:48px; padding:10px 15px; box-sizing:border-box; border-bottom:1px solid #e5e5e5; }
.lreader-dialog-head h2 { margin:0; color:#222; font:300 18px/27px Lexend,sans-serif; }
.lreader-dialog-head h2 span { color:#00f; }
.lreader-dialog-head button { width:30px; height:30px; border:0; background:transparent; color:#333; font:300 23px/28px Lexend,sans-serif; cursor:pointer; }
.lreader-dialog-body { max-height:calc(100vh - 108px); overflow:auto; padding:20px 18px 30px; box-sizing:border-box; }
.lreader-form-head { display:flex; justify-content:space-between; align-items:flex-start; height:31px; margin:0 0 8px; }
.lreader-form-head h4 { margin:5px 0 8px; color:#00f; font:400 14px/16.8px Lexend,sans-serif; }
.lreader-form-head button { height:31px; padding:4px 12px; border:1px solid #005be8; border-radius:3px; background:#005be8; color:#fff; font:400 14px/21px Lexend,sans-serif; cursor:pointer; }
.lreader-form { width:100%; min-height:393.984px; margin:0 0 16px; table-layout:fixed; border-collapse:collapse; }
.lreader-form td { padding:11px 9px; border:1px solid #ebebeb; color:#676a6c; font:300 14px/20px Lexend,sans-serif; vertical-align:top; }
.lreader-form tr:first-child { height:56px; }
.lreader-form tr:nth-child(2),.lreader-form tr:nth-child(3),.lreader-form tr:nth-child(4) { height:58px; }
.lreader-form tr:nth-child(5) { height:63px; }
.lreader-form tr:last-child { height:100px; }
.lreader-form-spacer { height:0; }
.lreader-form input,.lreader-form select,.lreader-form textarea { box-sizing:border-box; width:100%; min-height:35px; padding:6px 12px; border:1px solid #e5e6e7; border-radius:1px; background:#fff; color:#676a6c; font:400 14px/21px Lexend,sans-serif; }
.lreader-form input,.lreader-form textarea { display:block; }
.lreader-form .select2-container--default .select2-selection--single { height:33px; }
.lreader-form .select2-container--default .select2-selection__rendered { line-height:31px; }
.lreader-form textarea { min-height:77px; resize:vertical; }
.lreader-dialog button[disabled] { opacity:.55; cursor:not-allowed; }
.lreader-warning { position:fixed; left:50vw; top:50%; transform:translate(-50%,-50%); width:min(478px,calc(100vw - 24px)); min-height:303px; box-sizing:border-box; margin:0; padding:17px; border:0; border-radius:5px; background:#fff; color:#575757; text-align:center; font:300 14px/21px 'Open Sans','Helvetica Neue',Arial,sans-serif; }
.lreader-warning-icon { width:80px; height:80px; margin:20px auto; border:4px solid #f8c786; border-radius:50%; color:#f8c786; font:300 60px/78px Arial,sans-serif; }
.lreader-warning h2 { margin:25px 0; font:600 30px/40px 'Open Sans','Helvetica Neue',Arial,sans-serif; }
.lreader-warning button { margin:26px 5px 0; padding:10px 32px; border:0; border-radius:5px; background:#aedef4; color:#fff; font:500 17px/25px 'Open Sans','Helvetica Neue',Arial,sans-serif; cursor:pointer; }
@media (max-width:800px) { .page.library-reader-page { padding:15px 10px 40px; } .lreader-filters { display:grid; grid-template-columns:1fr 1fr; } .lreader-filters .select2-container { width:100%!important; } .lreader-dialog { top:8px; width:calc(100vw - 16px); max-height:calc(100vh - 16px); } .lreader-form { min-width:670px; } }