.page.lexile-grades-page { max-width:none; padding:34px 35px 50px; background:#f8f8f8; color:#676a6c; font:300 14px/21px Lexend,sans-serif; }
.lg-toolbar { display:flex; justify-content:flex-end; margin:0 0 14px; }
.lg-toolbar [data-lg-add] { border:1px solid #1ab394; border-radius:3px; background:#1ab394; color:#fff; padding:7px 12px; font:400 14px/21px Lexend,sans-serif; cursor:pointer; }
.lg-list-scroll,.lg-detail-scroll { overflow-x:auto; }
.lg-list,.lg-detail-table { width:100%; border-collapse:collapse; background:#fff; }
.lg-list th,.lg-list td,.lg-detail-table th,.lg-detail-table td { border:1px solid #e7eaec; padding:9px 11px; text-align:left; vertical-align:middle; }
.lg-list th,.lg-detail-table th { color:#333; background:#f3f3f4; font-weight:600; }
.lg-empty td { text-align:center; padding:22px 12px; color:#676a6c; }
.lg-row-actions { display:inline-flex; gap:6px; margin-left:12px; }
.lg-row-actions button { border:1px solid #1c84c6; border-radius:3px; background:#fff; color:#1c84c6; padding:3px 8px; cursor:pointer; }
.lg-row-actions [data-lg-delete] { border-color:#d9534f; color:#d9534f; }
.lg-list img,.lg-detail-table img { object-fit:contain; vertical-align:middle; margin-left:8px; }
.lg-dialog { position:fixed; top:28px; left:50%; transform:translateX(-50%); width:min(970px,calc(100vw - 24px)); max-height:calc(100vh - 48px); 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; }
.lg-dialog::backdrop,.lg-confirm::backdrop,.lg-warning-dialog::backdrop { background:rgba(0,0,0,.4); }
.lg-modal-head { height:48px; box-sizing:border-box; padding:10px 15px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #e5e5e5; }
.lg-modal-head h2 { margin:0; color:#222; font:300 18px/27px Lexend,sans-serif; }
.lg-modal-head button { padding:0 8px; border:0; background:transparent; color:#333; font-size:22px; cursor:pointer; }
.lg-modal-head button:disabled { opacity:.5; cursor:not-allowed; }
.lg-modal-body { width:calc(100% + 24px); box-sizing:border-box; margin:0 -12px; padding:20px 30px 30px; max-height:calc(100vh - 100px); overflow-y:auto; background:#fff; }
.lg-modal-content { box-sizing:border-box; width:100%; padding:0 12px; }
.lg-name-label { display:block; height:21px; margin:0; color:#333; font-weight:500; }
.lg-name-label span { color:#d9534f; }
.lg-modal-content > input { display:block; width:min(302.664px,100%); height:35px; box-sizing:border-box; padding:6px 12px; border:1px solid #e5e6e7; border-radius:1px; background:#fff; color:#676a6c; font:400 14px/21px Lexend,sans-serif; }
.lg-add-row-wrap { height:41px; display:flex; align-items:flex-start; justify-content:flex-end; }
.lg-add-row { display:inline-flex; align-items:center; gap:5px; height:31px; margin:0; padding:4px 8px; border:1px solid #1c84c6; border-radius:3px; background:#fff; color:#1c84c6; font:400 14px/21px Lexend,sans-serif; white-space:nowrap; cursor:pointer; }
.lg-add-row span { font-size:18px; line-height:14px; }
.lg-detail-table { min-width:790px; margin-bottom:16px; }
.lg-detail-table thead tr { height:43px; }
.lg-detail-table tbody tr { height:58px; }
.lg-detail-table th:nth-child(1),.lg-detail-table th:nth-child(2) { width:17%; }
.lg-detail-table th:nth-child(3) { width:24%; }
.lg-detail-table th:nth-child(4) { width:35%; }
.lg-detail-table th:nth-child(5) { width:7%; }
.lg-detail-table input:not([type="file"]) { width:100%; height:35px; box-sizing:border-box; padding:6px 10px; border:1px solid #e5e6e7; background:#fff; color:#676a6c; font:400 14px/21px Lexend,sans-serif; }
.lg-detail-table input[type="file"] { width:100%; max-width:310px; color:#676a6c; font:400 13px/20px Lexend,sans-serif; }
.lg-detail-table [data-lg-remove] { border:0; background:transparent; color:#d9534f; font-size:20px; cursor:pointer; }
.lg-uploading { display:block; font-size:12px; }
.lg-body-actions { display:flex; align-items:flex-start; justify-content:flex-end; }
.lg-body-actions button { 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; }
.lg-body-actions button:disabled { opacity:.5; cursor:not-allowed; }
.lg-warning,.lg-error,.lg-notice { padding:8px 11px; border:1px solid; border-radius:3px; }
.lg-warning,.lg-error { border-color:#e5b4bb; background:#fff5f6; color:#ad3440; }
.lg-notice { border-color:#b8daca; background:#f2fbf5; color:#28744b; }
.lg-confirm { top:50%; left:50%; transform:translate(-50%,-50%); width:min(480px,calc(100vw - 24px)); margin:0; padding:24px; border:0; border-radius:5px; background:#fff; text-align:center; }
.lg-confirm h2 { margin:0 0 24px; color:#222; font:400 22px/30px Lexend,sans-serif; }
.lg-confirm button { margin:0 4px; padding:8px 16px; border:0; border-radius:3px; background:#e6e9ed; color:#333; cursor:pointer; }
.lg-confirm [data-lg-delete-confirm] { background:#d9534f; color:#fff; }
.lg-warning-dialog { top:50%; left:50%; transform:translate(-50%,-50%); width:min(440px,calc(100vw - 24px)); margin:0; padding:24px 28px; border:0; border-radius:5px; background:#fff; text-align:center; color:#676a6c; }
.lg-warning-dialog h2 { margin:0 0 22px; color:#000; font:400 20px/28px Lexend,sans-serif; }
.lg-warning-dialog button { padding:8px 30px; border:0; border-radius:3px; background:#005be8; color:#fff; font:400 14px/21px Lexend,sans-serif; }
@media (max-width:700px) { .page.lexile-grades-page { padding:22px 12px; }.lg-list { min-width:700px; }.lg-dialog { top:8px; width:calc(100vw - 16px); max-height:calc(100vh - 16px); }.lg-modal-head h2 { font-size:18px; }.lg-modal-body { width:100%; margin:0; max-height:calc(100vh - 74px); padding:12px; }.lg-modal-content { padding:0; }.lg-detail-table { min-width:790px; } }