.page.subject-planner-page{max-width:none;min-height:calc(100vh - 116px);padding:24px 15px 48px;background:#f3f3f4;color:#676a6c;font:300 14px/21px Lexend,sans-serif}
.subject-planner-page>.page-heading{min-height:55px;margin-bottom:16px;padding:15px;background:#fafafa}
.subject-planner-page>.page-heading h1{color:#0d6efd;font:500 20px/24px Lexend,sans-serif}
.sp-shell{border:1px solid #e7eaec;background:#fff;padding:16px;color:#676a6c}
.sp-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:start;gap:16px;margin-bottom:16px}
.sp-filters label{display:block;color:#0d6efd;font:500 14px/21px Lexend,sans-serif}
.sp-filters select{display:block;box-sizing:border-box;width:100%;height:35px;padding:6px 12px;border:1px solid #e5e6e7;background:#fff;color:#676a6c;font:400 14px/21px Lexend,sans-serif}
.sp-filters small{display:block;color:#676a6c;font:300 12px/18px Lexend,sans-serif}
.sp-filters button{align-self:end;border:1px solid #005be8;border-radius:3px;padding:4px 8px;min-height:31px;background:#005be8;color:#fff;font:400 14px/21px Lexend,sans-serif;cursor:pointer}
.sp-filters button:disabled,.sp-actions button:disabled{opacity:.55;cursor:default}
.sp-tabs{display:flex;overflow-x:auto;border-bottom:1px solid #dedede;margin-bottom:12px}
.sp-tabs button{flex:none;padding:8px 12px;border:0;border-bottom:2px solid transparent;background:#fff;color:#676a6c;font:400 14px/21px Lexend,sans-serif;cursor:pointer}
.sp-tabs button[aria-selected=true]{border-bottom-color:#1c84c6;color:#1c84c6;font-weight:600}
.sp-table-scroll{overflow:auto}.sp-table{border-collapse:collapse;width:100%;min-width:1500px}
.sp-table th,.sp-table td{border:1px solid #ebebeb;padding:11px 8px;vertical-align:middle;text-align:center}
.sp-table th{background:#ededed;color:#222;font:700 14px/20px Lexend,sans-serif}
.sp-table td{color:#676a6c;font:300 14px/20px Lexend,sans-serif}
.sp-table td:nth-child(2){text-align:left;min-width:150px}.sp-table select{box-sizing:border-box;width:100%;min-width:90px;height:35px;padding:6px 4px;border:1px solid #e5e6e7;background:#fff;color:#676a6c;font:400 13px/20px Lexend,sans-serif}
.sp-planner-users{display:block;padding:0;border:0;background:none;color:#1c84c6;text-align:left;text-decoration:underline;font:300 12px/18px Lexend,sans-serif;cursor:pointer}
.sp-actions{white-space:nowrap}.sp-actions button{border:0;background:transparent;color:#1c84c6;font-size:17px;cursor:pointer}
.sp-shell button:focus-visible,.sp-shell select:focus-visible{outline:2px solid #005be8;outline-offset:2px}
.sp-loading,.sp-notice,.sp-error{margin:8px 0}.sp-notice{color:#147d56}.sp-error{color:#b42318}
@media(max-width:800px){.sp-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:550px){.sp-filters{grid-template-columns:1fr}}