/* GCEJai Snap Notes • Teacher Resource Studio 2026-10-23.
 * Companion to the approved blue and gold Royal v9 design.
 * Scoped to Resource Editor; does not resize Student or Teacher dashboards. */
.gj9-app-shell .gj51-editor .gj-snap-card,
.gj9-app-shell .gj51-editor .gj-snap-card *{box-sizing:border-box}
.gj9-app-shell .gj51-editor .gj-snap-card{
 display:flex!important;flex-direction:column!important;gap:12px!important;
 width:100%!important;min-width:0!important;margin:0!important;
 padding:16px!important;border:1px solid #E4EBF5!important;
 border-radius:17px!important;background:#EAF2FF!important;color:#071E45!important;
 box-shadow:0 5px 16px rgba(7,30,69,.04)!important;
}
.gj9-app-shell .gj51-editor .gj-snap-heading{
 display:flex!important;align-items:flex-start!important;gap:11px!important;min-width:0!important;
}
.gj9-app-shell .gj51-editor .gj-snap-heading>div{min-width:0!important;flex:1!important}
.gj9-app-shell .gj51-editor .gj-snap-mark{
 display:grid!important;place-items:center!important;width:40px!important;height:40px!important;
 min-width:40px!important;border-radius:12px!important;background:#084CAC!important;
 color:#FFE17A!important;font:800 22px/1 Inter,system-ui,sans-serif !important;
}
.gj9-app-shell .gj51-editor .gj-snap-heading strong{
 display:block!important;color:#071E45!important;font:800 18px/1.23 Inter,system-ui,sans-serif !important;
}
.gj9-app-shell .gj51-editor .gj-snap-heading p{
 margin:4px 0 0!important;color:#71819B!important;
 font:500 13px/1.45 Inter,system-ui,sans-serif !important;
}
.gj9-app-shell .gj51-editor .gj-snap-actions{
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
 gap:9px!important;min-width:0!important;
}
.gj9-app-shell .gj51-editor :is(.gj-snap-cta,.gj-snap-secondary){
 position:relative!important;display:flex!important;gap:7px!important;
 align-items:center!important;justify-content:center!important;
 min-width:0!important;min-height:50px!important;padding:11px 12px!important;
 border:1px solid #084CAC!important;border-radius:12px!important;
 background:#084CAC!important;color:#FFFFFF!important;
 text-align:center!important;white-space:normal!important;overflow-wrap:anywhere!important;
 font:800 13px/1.3 Inter,system-ui,sans-serif !important;
 cursor:pointer!important;touch-action:manipulation!important;
}
.gj9-app-shell .gj51-editor .gj-snap-secondary{
 background:#FFFFFF!important;color:#084CAC!important;border-color:#E4EBF5!important;
}
.gj9-app-shell .gj51-editor :is(.gj-snap-cta,.gj-snap-secondary):focus-within{
 outline:3px solid #F8C641!important;outline-offset:2px!important;
}
.gj9-app-shell .gj51-editor :is(.gj-snap-cta,.gj-snap-secondary)>input[type=file]{
 position:absolute!important;width:1px!important;height:1px!important;
 opacity:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;
}
.gj9-app-shell .gj51-editor .gj-snap-preferences{
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
 gap:9px!important;min-width:0!important;
}
.gj9-app-shell .gj51-editor .gj-snap-preferences label{
 display:flex!important;flex-direction:column!important;gap:6px!important;
 min-width:0!important;color:#071E45!important;
 font:750 12px/1.3 Inter,system-ui,sans-serif !important;
}
.gj9-app-shell .gj51-editor .gj-snap-preferences select{
 display:block!important;width:100%!important;min-width:0!important;
 min-height:44px!important;padding:10px 8px!important;
 border:1px solid #E4EBF5!important;border-radius:11px!important;background:#FFFFFF!important;
 color:#071E45!important;font:600 13px/1.3 Inter,system-ui,sans-serif !important;
}
.gj9-app-shell .gj51-editor .gj-snap-privacy{
 margin:0!important;padding:0!important;color:#71819B!important;
 font:500 12.5px/1.5 Inter,system-ui,sans-serif !important;
}
.gj9-app-shell .gj51-editor .gj-snap-or{
 display:flex!important;align-items:center!important;justify-content:center!important;
 gap:10px!important;margin:14px 0!important;width:100%!important;
 color:#71819B!important;font:700 12px/1.2 Inter,system-ui,sans-serif !important;
}
.gj9-app-shell .gj51-editor .gj-snap-or:before,
.gj9-app-shell .gj51-editor .gj-snap-or:after{
 content:"";flex:1!important;height:1px!important;background:#E4EBF5!important;
}
.gj9-app-shell .gj51-editor .gj-snap-confirm{
 display:flex!important;align-items:flex-start!important;gap:12px!important;
 min-height:50px!important;padding:13px!important;margin:0!important;
 border:1px solid #E4EBF5!important;border-radius:13px!important;
 background:#EAF2FF!important;color:#071E45!important;
 font:600 13px/1.5 Inter,system-ui,sans-serif !important;cursor:pointer!important;
}
.gj9-app-shell .gj51-editor .gj-snap-confirm input{
 display:block!important;flex:0 0 20px!important;width:20px!important;
 min-width:20px!important;height:20px!important;min-height:20px!important;
 margin:1px 0 0!important;accent-color:#084CAC!important;
}
.gj9-app-shell .gj51-editor .gj-snap-confirm span{
 flex:1!important;min-width:0!important;overflow-wrap:anywhere!important;
}
.gj9-app-shell .gj51-editor :is(.gj51-upload-message,.gj51-editor-count){
 clear:both!important;position:relative!important;min-width:0!important;
}
/* The native source comparison offers editable OCR + manual math and diagram
 * crop tools; make those existing controls legible and mobile friendly. */
[data-gj-teacher-document-review] section[role=dialog]{
 width:min(980px,100%)!important;max-height:95dvh!important;
 padding:16px!important;border-radius:18px!important;
 background:#FFFFFF!important;color:#071E45!important;
 font-family:Inter,system-ui,sans-serif !important;
}
[data-gj-teacher-document-review] :is(button,select){
 min-height:44px!important;max-width:100%!important;
 font-family:Inter,system-ui,sans-serif !important;font-size:13px!important;
}
[data-gj-teacher-document-review] textarea{
 font-family:Inter,system-ui,sans-serif !important;font-size:14px!important;
 line-height:1.5!important;
}
[data-gj-teacher-document-review] label{
 font-family:Inter,system-ui,sans-serif !important;line-height:1.5!important;
}
[data-gj-teacher-document-review] :is(button,textarea,input,select):focus-visible{
 outline:3px solid #F8C641!important;outline-offset:2px!important;
}
@media(max-width:700px){
 .gj9-app-shell .gj51-editor .gj-snap-card{padding:13px!important;gap:11px!important}
 .gj9-app-shell .gj51-editor .gj-snap-heading strong{font-size:17px!important}
 .gj9-app-shell .gj51-editor .gj-snap-heading p{font-size:12.5px!important}
 .gj9-app-shell .gj51-editor :is(.gj-snap-cta,.gj-snap-secondary){
  min-height:49px!important;padding:10px 7px!important;font-size:12.5px!important;
 }
 .gj9-app-shell .gj51-editor .gj-snap-preferences select{font-size:13px!important}
 [data-gj-teacher-document-review] section[role=dialog]{
  padding:12px!important;max-height:96dvh!important;border-radius:14px!important;
 }
}
@media(max-width:359px){
 .gj9-app-shell .gj51-editor .gj-snap-actions,
 .gj9-app-shell .gj51-editor .gj-snap-preferences{grid-template-columns:1fr!important}
}
@media(prefers-reduced-motion:reduce){
 .gj9-app-shell .gj51-editor .gj-snap-card *,
 [data-gj-teacher-document-review] *{transition-duration:.01ms!important}
}