.page.teaching-plan-approvals-page{max-width:none;min-height:calc(100vh - 116px);padding:24px 15px 48px;background:#f3f3f4;color:#676a6c;font:300 14px/21px Lexend,sans-serif}
.teaching-plan-approvals-page>.page-heading{min-height:55px;margin-bottom:0;padding:15px;background:#fafafa}
.teaching-plan-approvals-page>.page-heading h1{color:#6a6a6a;font:500 20px/24px Lexend,sans-serif}
.tpa-shell{color:#676a6c}
.tpa-card{margin-top:8px;padding:16px;border:1px solid #e7eaec;background:#fff}
.tpa-filters{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px}
.tpa-field{display:block;min-width:0;color:#0d6efd;font:500 14px/21px Lexend,sans-serif}
.tpa-field>span:first-child{display:block;padding-left:5px}
.tpa-field 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}
.tpa-field select:disabled{background:#eee}
.tpa-field .select2-container{width:100%!important}
.tpa-field .select2-selection--single{min-height:33px}
.tpa-field .select2-selection__rendered{color:#444;font:300 14px/28px Lexend,sans-serif}
.tpa-actions{display:flex;align-items:flex-end;gap:24px;min-height:50px;padding-top:16px}
.tpa-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}
.tpa-actions>button:disabled{opacity:.55;cursor:default}
.tpa-actions:has(.tpa-date-range){padding-top:0;min-height:56px}
.tpa-actions:has(.tpa-date-range)>button{margin-bottom:4px}
.tpa-date-range{display:block}
.tpa-range-title{display:block;color:#0d6efd;font:500 14px/21px Lexend,sans-serif}
.tpa-range-inputs{display:flex;align-items:center}
.tpa-date-range input{display:block;box-sizing:border-box;width:258.87px;height:35px;padding:6px 12px;border:1px solid #e5e6e7;background:#fff;color:#676a6c;text-align:center;font:400 14px/21px Lexend,sans-serif}
.tpa-date-join{box-sizing:border-box;width:16.92px;height:35px;padding:7px 0;background:#eee;color:#676a6c;text-align:center;font:400 14px/20px Lexend,sans-serif}
.tpa-result{margin:7px 0 0;padding:0 33px 16px;border:1px solid #e7eaec;background:#fff}
.tpa-tabs{display:flex;align-items:center;min-height:41px;gap:0;margin-left:10px}
.tpa-tabs button{padding:8px 16px;border:0;border-bottom:2px solid transparent;background:#fff;color:#676a6c;font:300 14px/21px Lexend,sans-serif;cursor:pointer}
.tpa-tabs button[aria-selected=true]{border-bottom-color:#ed5565;color:#000;font-weight:300}
.tpa-toolbar{display:flex;align-items:flex-end;justify-content:flex-end;box-sizing:border-box;min-height:78px;margin:0 26px;padding-bottom:10px;gap:5px}
.tpa-result-summary .tpa-toolbar{min-height:81px;align-items:flex-start;padding:33px 0 0}
.tpa-toolbar input{box-sizing:border-box;width:192px;height:35px;padding:6px 12px;border:1px solid #e5e6e7;background:#fff;color:#676a6c;font:400 14px/21px Lexend,sans-serif}
.tpa-toolbar button{height:38px;width:42px;padding:6px 12px;border:0;border-radius:3px;background:#6c757d;color:#fff;cursor:pointer}
.tpa-toolbar button:disabled{opacity:.55;cursor:default}
.tpa-table-scroll{overflow-x:auto;margin:0 26px}
.tpa-table{width:100%;border-collapse:collapse}
.tpa-table th,.tpa-table td{border:1px solid #ebebeb;padding:11px 8px;text-align:center;vertical-align:middle}
.tpa-table th{background:#ededed;color:#000;font:700 14px/20px Lexend,sans-serif}
.tpa-th-inner{min-width:100px;font:500 14px/20px Lexend,sans-serif}
.tpa-table td{font:300 14px/20px Lexend,sans-serif}
.tpa-table td.tpa-empty{color:#dc3545}
.tpa-loading,.tpa-error{margin:12px 16px}
.tpa-error{color:#b42318}
.tpa-shell button:focus-visible,.tpa-shell select:focus-visible,.tpa-shell input:focus-visible{outline:2px solid #005be8;outline-offset:2px}
@media(max-width:1250px){.tpa-filters{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.tpa-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tpa-date-range{flex-wrap:wrap}.tpa-result{padding:0 8px 12px}.tpa-table-scroll{margin:0}}
@media(max-width:420px){.tpa-filters{grid-template-columns:1fr}}