/* Shared responsive layout for complete application pages. */
body.jawda-responsive-page{min-width:0;width:100%;margin-inline:0}
body.jawda-responsive-page *,body.jawda-responsive-page *::before,body.jawda-responsive-page *::after{box-sizing:border-box}
body.jawda-responsive-page :is(main,.tw-main,.work-area,.student-fluid-shell,.teacher-portal-main,.student-learning-shell,.rw-workspace,.acc-main){min-width:0;max-width:100%}
body.jawda-responsive-page .row>[class*="col-"]{min-width:0}
body.jawda-responsive-page :is(.project-panel,.assignment-panel,.srv-panel,.soft-card,.card,.acc-card){min-width:0;max-width:100%}
body.jawda-responsive-page :is(.project-panel-body,.card-body,.work-area){min-width:0;overflow-wrap:anywhere}
body.jawda-responsive-page :is(input,select,textarea){max-width:100%;min-width:0}
body.jawda-responsive-page :is(.form-control,.form-select,.form-input){width:100%}
body.jawda-responsive-page :is(img,video,iframe){max-width:100%}
body.jawda-responsive-page video{height:auto}
body.jawda-responsive-page :is(.project-panel,.assignment-panel,.srv-panel) .form-label{display:block!important;width:100%!important;max-width:100%!important;float:none!important;margin-inline:0!important;text-align:start}
body.jawda-responsive-page .project-panel-body form:not(.row):has(>.form-label){display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important;align-items:start!important;min-width:0}
body.jawda-responsive-page .project-panel-body form:not(.row):has(>.form-label)>:is(input,select,textarea,.form-control,.form-select){display:block!important;width:100%!important;margin-inline:0!important;min-width:0!important}
body.jawda-responsive-page .project-panel-body form.row{display:flex!important;flex-wrap:wrap!important;min-width:0}
body.jawda-responsive-page .project-panel-body form.row>[class*="col-"]{min-width:0}
body.jawda-responsive-page .jawda-table-scroll{width:100%;min-width:0;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;border-radius:12px}
body.jawda-responsive-page .jawda-table-scroll>table{margin-bottom:0}
body.jawda-responsive-page :is(.table-responsive,.teacher-table-wrap){min-width:0;max-width:100%;overflow-x:auto}
body.jawda-responsive-page :is(.project-toolbar,.assignment-toolbar,.srv-filter,.tw-filter-bar,.audit-filter-grid,.project-actions,.tw-hero-links,.responsible-quick-actions){min-width:0}
body.jawda-responsive-page :is(.project-hero,.sa-hero,.srv-hero,.audit-hero,.project-panel-head){min-width:0;gap:12px}
body.jawda-responsive-page :is(.project-hero,.sa-hero,.srv-hero,.audit-hero)>div{min-width:0;overflow-wrap:anywhere}
body.jawda-responsive-page :is(.project-hero,.sa-hero,.srv-hero,.audit-hero) h1{font-size:clamp(20px,2vw,28px);line-height:1.6}
body.jawda-responsive-page :is(.modal-dialog,.offcanvas){max-width:calc(100vw - 16px)}
@media(min-width:1600px){
 body.jawda-responsive-page :is(.teacher-portal-main,.student-fluid-shell,.acc-main){width:min(1550px,calc(100% - 48px));margin-inline:auto}
 body.jawda-responsive-page .teacher-portal-main>.container{max-width:1440px}
}
@media(max-width:1199.98px){
 body.jawda-responsive-page :is(.audit-filter-grid,.tw-filter-bar){grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body.jawda-responsive-page .project-details-layout{grid-template-columns:minmax(0,1fr)!important}
}
@media(max-width:767.98px){
 body.jawda-responsive-page :is(.teacher-portal-main,.student-fluid-shell,.student-learning-shell){padding-inline:10px!important;margin-inline:auto}
 body.jawda-responsive-page :is(.project-hero,.sa-hero,.srv-hero,.audit-hero){flex-wrap:wrap;padding:16px!important;border-radius:16px}
 body.jawda-responsive-page :is(.project-panel-head,.project-panel-body){padding:12px!important}
 body.jawda-responsive-page :is(.project-grid,.assignment-grid,.audit-item,.teacher-tool-form,.files-filter-grid){grid-template-columns:minmax(0,1fr)!important}
 body.jawda-responsive-page :is(.project-toolbar,.assignment-toolbar,.srv-filter){gap:10px}
 body.jawda-responsive-page :is(.project-toolbar,.assignment-toolbar,.srv-filter)>label{flex:1 1 100%!important;min-width:0!important}
 body.jawda-responsive-page :is(.form-control,.form-select,.form-input){font-size:16px;min-height:44px}
 body.jawda-responsive-page .project-panel-body form.row>[class*="col-md-"]{width:100%!important;flex:0 0 100%!important}
 body.jawda-responsive-page :is(.btn,.nav-link){overflow-wrap:anywhere}
 body.jawda-responsive-page :is(.project-actions,.tw-hero-links){flex-wrap:wrap}
 body.jawda-responsive-page .modal-dialog{margin:8px auto}
}
@media(max-width:575.98px){
 body.jawda-responsive-page :is(.audit-filter-grid,.tw-filter-bar,.rw-status-filters){grid-template-columns:minmax(0,1fr)!important}
 body.jawda-responsive-page :is(.project-stats,.audit-stats,.tw-metrics){grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body.jawda-responsive-page :is(.project-stat,.audit-stat,.tw-metrics>div){min-width:0;padding:10px;gap:8px}
 body.jawda-responsive-page :is(.project-panel-head,.card-head){flex-wrap:wrap}
 body.jawda-responsive-page .project-panel-body form:not(.row):has(>.form-label)>.row{margin-inline:0}
}
@media print{body.jawda-responsive-page .jawda-table-scroll{overflow:visible;border-radius:0}}