/* Screen-only table finishing. No changes to data, form flow or document output. */
@media screen {
 :is(#page,#modalRoot) :is(table.data-table,table.gb-table,table.word-table,table:not([class])){
  border-collapse:separate;border-spacing:0;width:100%;font-size:14px;line-height:1.45;
 }
 :is(#page,#modalRoot) :is(table.data-table,table.gb-table,table.word-table,table:not([class])) thead th{
  color:#596475;background:#f6f7fa;border-bottom:1px solid #dce1e8;
  font-size:11px;font-weight:650;line-height:1.5;letter-spacing:.035em;text-align:left;padding:12px;
 }
 :is(#page,#modalRoot) :is(table.data-table,table.gb-table,table.word-table,table:not([class])) tbody :is(th,td){
  padding:12px;vertical-align:middle;border-bottom:1px solid #e5e8ed;
 }
 :is(#page,#modalRoot) :is(table.data-table,table.gb-table,table.word-table,table:not([class])) tbody th{
  background:transparent;color:#252b36;font-size:14px;font-weight:600;letter-spacing:normal;text-transform:none;text-align:left;
 }
 :is(#page,#modalRoot) :is(table.data-table,table.gb-table,table.word-table,table:not([class])) tbody tr:last-child>:is(th,td){border-bottom:0}
 :is(#page,#modalRoot) :is(table.data-table,table.gb-table,table.word-table,table:not([class])) tbody tr:focus-within{background:#fbf7f9}
 :is(#page,#modalRoot) :is(table.data-table,table.gb-table,table.word-table,table:not([class])) :is(td,th){overflow-wrap:anywhere}
 :is(#page,#modalRoot) :is(table.data-table,table.gb-table,table.word-table,table:not([class])) :is(button,a.outline-button,a.primary-button){
  box-sizing:border-box;min-height:36px;padding:7px 11px;font-size:13px;line-height:20px;border-radius:7px;max-width:100%;white-space:normal;
 }
 :is(#page,#modalRoot) table button.pc-name{padding:4px 0;min-height:32px;background:transparent;border:0}
 :is(#page,#modalRoot) table :is(.table-actions,.account-actions){display:flex;align-items:center;gap:6px;flex-wrap:wrap}
 :is(#page,#modalRoot) table :is(button,a,input,select,textarea):focus-visible{outline:2px solid #86294f;outline-offset:2px}
 :is(#page,#modalRoot) :is(.gb-table-wrap,.pc-table-wrap,.word-table-wrap,.document-table-wrap,.task-table-wrap,.ca-scroll,.table-surface,.transcript-records){
  min-width:0;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;
  border:1px solid #dce1e8;border-radius:10px;scrollbar-width:thin;
 }
 :is(#page,#modalRoot) :is(div,section):has(>table){min-width:0;max-width:100%;overflow-x:auto}
 :is(#page,#modalRoot) table :is(.status-chip,.cg-status){line-height:1.45;max-width:100%;white-space:normal;overflow-wrap:normal}
 #page .pc-roster tbody th{background:transparent;min-width:210px}
 #page .pc-roster tbody :is(th,td){padding:12px 16px}
 #page table.pc-roster button.pc-name{font-size:14px;text-decoration:none;padding:4px 0;min-height:32px}
 #page .pc-roster small{font-weight:400;margin-top:3px}
 #page #cgGrades .cg-table{border-collapse:separate;min-width:960px}
 #page #cgGrades .cg-col-select{width:76px}
 #page #cgGrades .cg-col-student{width:22%}
 #page #cgGrades .cg-col-grade{width:108px}
 #page #cgGrades .cg-col-status{width:138px}
 #page #cgGrades .cg-col-actions{width:124px}
 #page #cgGrades .cg-table :is(th,td){padding:10px;vertical-align:middle}
 #page #cgGrades .cg-table thead th{font-size:11px}
 #page #cgGrades .cg-entry thead th:first-child,
 #page #cgGrades .cg-entry thead th:nth-child(3),#page #cgGrades .cg-entry thead th:nth-child(4),
 #page #cgGrades .cg-review thead th:nth-child(2),#page #cgGrades .cg-review thead th:nth-child(3){white-space:nowrap;overflow-wrap:normal}
 #page #cgGrades .cg-table tbody th{font-size:14px}
 #page #cgGrades .cg-table input[type=number]{margin-inline:auto;width:64px}
 #page #cgGrades .cg-entry :is(th,td):nth-child(3),#page #cgGrades .cg-entry :is(th,td):nth-child(4),
 #page #cgGrades .cg-review :is(th,td):nth-child(2),#page #cgGrades .cg-review :is(th,td):nth-child(3){text-align:center}
 #page #cgGrades .cg-table td:last-child button{min-height:34px}
 #page #cgGrades .cg-review :is(input,textarea):disabled{opacity:1!important;background:#f8f9fb;border:1px solid #e2e6ec;color:#394456;-webkit-text-fill-color:#394456}
 #page #cgGrades .cg-review :is(input,textarea):disabled::placeholder{color:#687487;-webkit-text-fill-color:#687487;opacity:1}
 #modalRoot .pc-components tbody th{min-width:155px}
 #modalRoot .word-table tbody td{padding:9px 10px}
 @media(max-width:700px){
  :is(#page,#modalRoot) :is(table.data-table,table.gb-table,table.word-table,table:not([class])) :is(button,a.outline-button,a.primary-button){min-height:44px}
  #page #cgGrades .cg-table td:last-child button{min-height:44px}
  #page tr.workspace-mobile-record{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  #page tr.workspace-mobile-record>td{padding:0;border:0;width:auto;height:auto;max-width:100%;white-space:normal;overflow-wrap:anywhere}
  #page tr.workspace-mobile-record>td :is(a,small,strong,span){white-space:normal;overflow-wrap:anywhere}
 }
}
