.page.lexile-ranges-page { max-width:none; padding:34px 35px 50px; background:#f8f8f8; color:#676a6c; font:300 14px/21px Lexend,sans-serif; }
.xr-shell { min-width:0; color:#676a6c; font:300 14px/21px Lexend,sans-serif; }
.xr-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.xr-filters { display:flex; align-items:center; gap:10px; margin-bottom:16px; }
.xr-filters label { font-weight:500; }
.xr-filters select { min-width:230px; height:34px; }
.xr-filters > .select2-container { width:230px !important; }
.xr-filters button, .xr-dialog-actions button { padding:4px 8px; border:1px solid #005be8; border-radius:3px; background:#005be8; color:#fff; font:400 14px/21px Lexend,sans-serif; cursor:pointer; }
.xr-tabs { display:flex; gap:2px; margin-bottom:12px; border-bottom:1px solid #e5e6e7; }
.xr-tabs button { padding:8px 14px; border:0; background:transparent; color:#676a6c; font:400 14px/21px Lexend,sans-serif; cursor:pointer; }
.xr-tabs button.active { border-bottom:2px solid #005be8; color:#005be8; }
.xr-table-wrap { max-width:100%; overflow-x:auto; }
.xr-table, .xr-editor-table { width:100%; border-collapse:collapse; background:#fff; }
.xr-table th, .xr-table td, .xr-editor-table th, .xr-editor-table td { padding:11px 8px; border:1px solid #ebebeb; text-align:left; vertical-align:middle; }
.xr-table th, .xr-editor-table th { background:#ededed; color:#000; font:700 14px/20px Lexend,sans-serif; }
.xr-table td { min-height:43px; font:300 14px/21px Lexend,sans-serif; }
.xr-table button { margin-left:5px; padding:2px 6px; border:0; background:transparent; color:#1c84c6; cursor:pointer; }
.xr-table .xr-pencil { font-size:16px; }
.xr-assignment-actions { white-space:nowrap; }
.xr-assignment-actions button { margin-left:3px; }
.xr-table select { width:100%; min-width:175px; height:34px; padding:4px 8px; border:1px solid #e5e6e7; color:#676a6c; font:400 14px/21px Lexend,sans-serif; }
.xr-error, .xr-notice { padding:8px 11px; border:1px solid; border-radius:3px; }
.xr-error { border-color:#e5b4bb; background:#fff5f6; color:#ad3440; }
.xr-notice { border-color:#b8daca; background:#f2fbf5; color:#28744b; }
.xr-dialog { position:fixed; top:28px; left:50vw; transform:translateX(-50%); width:80vw; max-height:calc(100vh - 56px); box-sizing:border-box; margin:0; padding:0; border:1px solid #e5e5e5; border-radius:5px; background:#fff; color:#676a6c; font:300 14px/21px Lexend,sans-serif; }
.xr-dialog::backdrop, .xr-warning::backdrop, .xr-confirm::backdrop { background:rgba(0,0,0,.4); }
.xr-dialog-head { display:flex; justify-content:space-between; align-items:flex-start; height:61px; box-sizing:border-box; padding:14px; border-bottom:1px solid #e5e5e5; }
.xr-dialog-head h2 { margin:5px 0 0; color:#222; font:500 18px/27px Lexend,sans-serif; }
.xr-dialog-head button { padding:0 8px; border:0; background:transparent; color:#333; font:300 23px/28px Lexend,sans-serif; cursor:pointer; }
.xr-dialog-body { box-sizing:border-box; padding:8px 10px 30px; max-height:calc(100vh - 117px); overflow:auto; }
.xr-dialog-actions { display:flex; justify-content:flex-end; align-items:flex-start; height:37px; }
.xr-dialog-actions button { min-height:31px; }
.xr-editor-table { margin-bottom:16px; min-width:790px; }
.xr-editor-table th { height:43px; }
.xr-editor-table td { height:79px; box-sizing:border-box; }
.xr-editor-table input, .xr-editor-table textarea { display:block; box-sizing:border-box; width:100%; padding:6px 12px; border:1px solid #e5e6e7; border-radius:1px; background:#fff; color:#676a6c; font:400 14px/21px Lexend,sans-serif; }
.xr-editor-table input { height:35px; }
.xr-editor-table textarea { height:56px; resize:vertical; }
.xr-editor-table .select2-container { min-width:0; }
.xr-editor-table select { width:100%; height:33px; }
.xr-warning, .xr-confirm { position:fixed; top:50%; left:50vw; transform:translate(-50%,-50%); width:min(480px,calc(100vw - 24px)); margin:0; padding:22px; border:0; border-radius:5px; background:#fff; color:#575757; text-align:center; }
.xr-warning h2, .xr-confirm h2 { margin:0 0 20px; font:600 25px/34px Lexend,sans-serif; }
.xr-warning button, .xr-confirm button { margin:3px; padding:8px 20px; border:0; border-radius:4px; background:#aedef4; color:#fff; font:500 16px/24px Lexend,sans-serif; cursor:pointer; }
.xr-confirm [data-xr-delete-yes] { background:#dd6b55; }
.xr-view-dialog { width:min(850px,calc(100vw - 24px)); }
@media (max-width:800px) { .page.lexile-ranges-page { padding:22px 12px; } .xr-filters { flex-wrap:wrap; } .xr-table { min-width:900px; } .xr-dialog { top:8px; width:calc(100vw - 16px); max-height:calc(100vh - 16px); } .xr-dialog-body { max-height:calc(100vh - 78px); } .xr-dialog-head h2 { font-size:16px; } }