/* Shared screen shell: scoped to application templates, never PDF/certificate views. */
@media screen {
body.mela-app-shell{font-family:'Segoe UI',Arial,sans-serif;color:#294b3c;background:linear-gradient(135deg,#f3f7f5,#eaf1ed);line-height:1.5}
.mela-app-shell .mela-app-content{min-width:0}
.mela-app-shell .mela-app-content img:not(.student-photo){max-width:100%}
.mela-app-shell .mela-table-scroll{display:block;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#a7c3b1 #f2f7f4;margin-bottom:14px}
.mela-app-shell .mela-table-scroll:focus-visible{outline:2px solid #4b8c6b;outline-offset:2px}
.mela-app-shell .mela-table-scroll>table{margin-bottom:0}
.mela-app-shell .mela-app-content input[type=file]{max-width:100%}
.mela-app-shell .mela-app-content textarea{max-width:100%}
.mela-app-admin #wrap{margin:0;min-height:calc(100vh - 150px);height:auto}
.mela-app-admin #content.mela-app-content{box-sizing:border-box;width:100%;max-width:1170px;margin:18px auto;padding:20px;background:#fff;border:1px solid #d9e6dc;border-radius:12px;box-shadow:0 4px 18px #214d3510}
html.mela-full-width .mela-app-admin #content.mela-app-content{width:calc(100% - 32px);max-width:none;margin:16px auto;padding:20px}
.mela-app-admin .mela-header{margin-bottom:0}
.mela-app-admin #top .navbar{margin:0;border:0}
.mela-app-admin #top .navbar-inner{background:linear-gradient(110deg,#134b40,#226f59);border:0;border-radius:0;box-shadow:0 4px 12px #19453612;padding:0 18px;min-height:52px}
.mela-app-admin #top .brand{color:#fff;text-shadow:none;font-size:17px;line-height:24px;padding:14px 14px 14px 0;font-weight:650}
.mela-app-admin #top .navbar .nav>li>a{color:#f0f8f3;text-shadow:none;font-size:12px;padding:15px 12px;line-height:22px}
.mela-app-admin #top .navbar .nav>li>a:hover,.mela-app-admin #top .navbar .nav>.open>a{background:#ffffff18;color:#fff}
.mela-app-admin #top .dropdown-menu{border:1px solid #d5e4da;border-radius:7px;box-shadow:0 8px 24px #16412e20}
.mela-app-admin #top .dropdown-menu li>a{color:#2e5541;font-size:12px;line-height:1.5;padding:8px 13px}
.mela-app-admin #top .topnav{margin:9px 0}
.mela-app-admin .mela-admin-menu-toggle{display:none}
.mela-app-admin .mela-submenu-toggle{display:none}
.mela-app-admin .heading_gray{background:linear-gradient(110deg,#eaf5ee,#f9fcfa);border:1px solid #dfebe3;border-radius:8px;margin-bottom:18px;padding:10px 14px;text-align:left}
.mela-app-admin .heading_gray .heading{margin:0;color:#20543c;font-size:20px;line-height:1.4}
.mela-app-admin .mela-app-content .box{border:1px solid #dce7df;border-radius:9px;box-shadow:none;background:#fff;margin-bottom:16px}
.mela-app-admin .mela-app-content .box>header{background:#edf5ef;border-bottom:1px solid #dce7df;border-radius:8px 8px 0 0;padding:10px 13px;color:#2a5d42}
.mela-app-admin .mela-app-content .btn-primary{background:#1b7256;border-color:#176348;color:#fff;text-shadow:none;border-radius:6px}
.mela-app-admin .mela-app-content .btn-primary:hover{background:#145c44}
.mela-app-admin .mela-app-content .form-control,.mela-app-admin .mela-app-content input[type=text],.mela-app-admin .mela-app-content input[type=password],.mela-app-admin .mela-app-content input[type=email],.mela-app-admin .mela-app-content select,.mela-app-admin .mela-app-content textarea{box-sizing:border-box;border:1px solid #cddfd2;border-radius:6px;box-shadow:none;padding:7px 10px;max-width:100%;min-height:36px;height:auto}
.mela-app-admin .mela-app-content input:focus,.mela-app-admin .mela-app-content select:focus,.mela-app-admin .mela-app-content textarea:focus{border-color:#388d67;outline:2px solid #388d6720;outline-offset:1px}
.mela-app-admin .mela-app-content input[type=checkbox],.mela-app-admin .mela-app-content input[type=radio]{width:auto;min-height:0}
.mela-app-admin .mela-app-content .table{background:#fff;font-size:12px}
.mela-app-admin .mela-app-content .table thead th{background:#e9f3ed;color:#2d5941;border-color:#d6e5db;vertical-align:middle}
.mela-app-admin .mela-app-content .table td{border-color:#e4ede7;vertical-align:middle}
.mela-app-admin #footer{height:auto;min-height:44px!important;background:#163f33;color:#e4f1e8;border:0;margin:0;padding:12px 15px!important;text-align:center}
.mela-app-admin #footer a{color:#ffe3a1}
.mela-app-legacy .main.mela-app-content{box-sizing:border-box;max-width:1170px;width:100%;margin:0 auto}
html.mela-full-width .mela-app-legacy .main.mela-app-content{max-width:none;width:100%;padding-left:20px;padding-right:20px}
.mela-app-legacy #content{max-width:100%}
.mela-app-legacy .menu{display:flex;flex-wrap:wrap;height:auto;gap:5px}
.mela-app-legacy .menu>li{float:none;flex:1 1 auto}
.mela-app-legacy .bg{min-width:0}
}
@media screen and (max-width:991.98px){
 .mela-app-admin #top .navbar .nav>li>a{padding:12px 8px;font-size:11px}
 .mela-app-admin #content.mela-app-content,html.mela-full-width .mela-app-admin #content.mela-app-content{width:calc(100% - 24px);padding:15px;margin:12px auto}
}
@media screen and (max-width:767.98px){
 .mela-app-shell .mela-app-content>.row{margin-left:0;margin-right:0}
 .mela-app-shell .mela-app-content input[type=text],.mela-app-shell .mela-app-content input[type=password],.mela-app-shell .mela-app-content input[type=email],.mela-app-shell .mela-app-content input[type=number],.mela-app-shell .mela-app-content select,.mela-app-shell .mela-app-content textarea{max-width:100%;font-size:16px}
 .mela-app-admin #content .row-fluid>[class*=span],.mela-app-admin #content .row>[class*=span]{float:none;width:100%;margin-left:0;min-width:0;box-sizing:border-box}
 .mela-app-admin #content .row,.mela-app-admin #content .row-fluid{margin-left:0;width:100%}
 .mela-app-admin #content .form-horizontal .control-label{float:none;width:auto;text-align:left;margin-bottom:5px}
 .mela-app-admin #content .form-horizontal .controls{margin-left:0}
 .mela-app-admin #content .form-actions{padding:12px;margin-top:15px}
 .mela-app-admin .mela-app-content .btn{min-height:40px;box-sizing:border-box;white-space:normal}
 .mela-app-admin .mela-app-content td .btn{min-height:34px}
 .mela-app-admin .mela-app-content .dataTables_filter,.mela-app-admin .mela-app-content .dataTables_length{float:none;text-align:left;margin:8px 0}
 .mela-app-admin #top .navbar-inner>.container-fluid{padding:0}
 .mela-app-admin .mela-admin-menu-toggle{display:inline-flex;align-items:center;gap:7px;float:right;padding:8px 11px;margin:8px 0 8px 10px;min-height:38px;border:1px solid #ffffff60;border-radius:6px;background:#ffffff12;color:#fff;font-size:13px}
 .mela-app-admin #top .brand{font-size:15px;padding:15px 8px 14px 0}
 .mela-app-admin #top .topnav{float:right}
 .mela-app-admin .mela-admin-navigation{clear:both;display:none!important;height:auto!important;overflow:visible!important}
 .mela-app-admin .mela-admin-navigation.is-mobile-open{display:block!important}
 .mela-app-admin #top .mela-admin-navigation>.nav{float:none;display:block;width:100%;height:auto!important;margin:0!important;padding:0 0 12px}
 .mela-app-admin #top .mela-admin-navigation ul li{display:block;float:none;width:100%;position:relative;box-sizing:border-box}
 .mela-app-admin #top .mela-admin-navigation>.nav>li>a{padding:12px 45px 12px 12px;font-size:13px;border-top:1px solid #ffffff1a}
 .mela-app-admin #top .mela-admin-navigation ul ul{display:none!important;position:static;float:none;left:auto;top:auto;min-width:0;width:100%;margin:0!important;box-shadow:none;border-radius:0;border:0;padding:4px 0 4px 10px;background:#f4faf6;box-sizing:border-box}
 .mela-app-admin #top .mela-admin-navigation li.is-menu-open>ul{display:block!important}
 .mela-app-admin #top .mela-admin-navigation ul ul li{border:0;padding:0;background:none}
 .mela-app-admin #top .mela-admin-navigation ul ul li>a{padding:11px 42px 11px 12px;color:#2b573d;font-size:12px;line-height:1.5;white-space:normal;min-height:40px;box-sizing:border-box}
 .mela-app-admin #top .mela-admin-navigation ul ul ul li{left:auto}
 .mela-app-admin #top .mela-admin-navigation .mela-submenu-toggle{display:flex;align-items:center;justify-content:center;position:absolute;top:4px;right:3px;width:36px;height:36px;border:1px solid #a6c1af60;border-radius:5px;background:#ffffff18;color:#d2e9da;font-size:20px}
 .mela-app-admin #top .mela-admin-navigation ul ul .mela-submenu-toggle{background:#e2eee6;color:#2b573d}
 .mela-app-legacy .main.mela-app-content,html.mela-full-width .mela-app-legacy .main.mela-app-content{padding-left:12px;padding-right:12px;width:100%}
 .mela-app-legacy .row-1,.mela-app-legacy .row-2,.mela-app-legacy .row-3{height:auto;min-height:0;padding:12px 0}
 .mela-app-legacy .search-form{display:flex;flex-wrap:wrap;gap:8px;padding:12px;box-sizing:border-box;width:100%}
 .mela-app-legacy .search-form input{box-sizing:border-box;max-width:100%;min-height:40px;font-size:16px}
 .mela-app-legacy .col-1,.mela-app-legacy .col-2{width:100%;float:none;margin:0 0 12px}
 .mela-app-legacy .padding{padding:12px}
 .mela-app-legacy .slider-wrapper,.mela-app-legacy .slider{max-width:100%;overflow:hidden}
}
@media print{.mela-width-widget,.mela-admin-menu-toggle,.mela-submenu-toggle{display:none!important}.mela-table-scroll{overflow:visible!important;max-height:none!important}}
@media screen and (max-width:767.98px){
 .mela-app-shell .mela-app-content .dataTables_wrapper{max-width:100%;overflow-x:auto}
 .mela-app-shell .mela-app-content .table-responsive{max-width:100%;overflow-x:auto}
 .mela-app-public .mela-app-content .heading_res{padding:12px;border:1px solid #d6e6db;border-radius:8px;background:#eaf5ee;color:#28583f;font-size:19px;line-height:1.4}
 .mela-app-public .mela-app-content .panel{max-width:100%}
 .mela-app-admin .modal{max-width:calc(100vw - 24px)}
}
@media screen{
 .mela-app-public .mela-app-content>.panel{border:1px solid #d9e6dc;border-radius:10px;box-shadow:0 3px 12px #204b3610;overflow:hidden}
 .mela-app-public .mela-app-content>.panel>.panel-heading{background:#edf5ef;color:#2a5d42;border-color:#dce7df;padding:12px 15px}
 .mela-app-public .mela-app-content>.heading_res{background:#eaf5ee;color:#28583f;border:1px solid #d6e6db;border-radius:8px;padding:12px;font-size:21px;line-height:1.4}
 .mela-app-public .mela-app-content .btn-primary{background:#1b7256;border-color:#176348;color:#fff;text-shadow:none;border-radius:6px}
 .mela-app-public .mela-app-content .btn-primary:hover{background:#145c44}
 html.mela-full-width .mela-app-content>.container{width:100%;max-width:none}
 .mela-app-admin #top a:focus-visible,.mela-app-admin #top button:focus-visible{outline:2px solid #e9c975;outline-offset:2px}
}

/* Consistent admin data tables, keeping form-layout tables untouched. */
@media screen{
 .mela-app-admin .mela-app-content .table.table-bordered{border:1px solid #d7e4dc;border-collapse:separate;border-spacing:0;border-radius:9px;overflow:hidden;font-size:13px}
 .mela-app-admin .mela-app-content .table.table-bordered th,.mela-app-admin .mela-app-content .table.table-bordered td{padding:11px 14px;border-top:0;border-left:0;border-right:1px solid #e2ebe5;border-bottom:1px solid #e2ebe5;line-height:1.45;vertical-align:middle}
 .mela-app-admin .mela-app-content .table.table-bordered th:last-child,.mela-app-admin .mela-app-content .table.table-bordered td:last-child{border-right:0}
 .mela-app-admin .mela-app-content .table.table-bordered tbody>tr:last-child>td{border-bottom:0}
 .mela-app-admin .mela-app-content .table.table-bordered thead th{background:#225e49;color:#fff;border-color:#ffffff20;font-weight:650;font-size:12px;letter-spacing:.15px}
 .mela-app-admin .mela-app-content .table.table-bordered tbody>tr:nth-child(even){background:#f4f9f6}
 .mela-app-admin .mela-app-content .table.table-bordered tbody>tr:hover{background:#eaf4ee}
 .mela-app-admin .mela-app-content .mela-import-table{width:100%;margin:0;table-layout:auto}
 .mela-import-serial{width:80px}.mela-import-action{width:190px}
 .mela-app-admin .mela-app-content .mela-import-table td:first-child{color:#82978a;font-size:12px;font-variant-numeric:tabular-nums}
 .mela-app-admin .mela-app-content .mela-import-table td:nth-child(2){font-weight:600;color:#315740}
 .mela-import-table-wrap{border-radius:9px;margin-top:4px}
 .mela-app-admin .mela-app-content .mela-import-status{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid #cce3d4;border-radius:6px;background:#e9f5ed;color:#28704b;font-size:11px;font-weight:650;line-height:1.4;text-decoration:none;white-space:nowrap}
 .mela-app-admin .mela-app-content .mela-import-status.is-pending{background:#fff5df;border-color:#ecd8a9;color:#906a20}
 .mela-app-admin .mela-app-content .mela-import-status:hover{border-color:#408761;background:#dcefe3;color:#19583a}
 .mela-app-admin .mela-app-content .mela-import-status:focus-visible{outline:2px solid #35815a;outline-offset:2px}
}
@media screen and (max-width:767.98px){
 .mela-app-admin .mela-app-content .table.table-bordered th,.mela-app-admin .mela-app-content .table.table-bordered td{padding:10px;font-size:12px}
 .mela-import-serial{width:50px}.mela-import-action{width:110px}
 .mela-app-admin .mela-app-content .mela-import-table{min-width:340px}
 .mela-app-admin .mela-app-content .mela-import-status{min-height:36px;padding:7px 9px;font-size:11px;box-sizing:border-box}
}

/* Shared legacy action buttons and modern report-print controls. */
@media screen{
 .mela-app-shell .mela-app-content input[type=submit]:not(.btn),.mela-app-shell .mela-app-content input[type=button]:not(.btn),.mela-app-shell .mela-app-content input[type=reset]:not(.btn),.mela-app-shell .mela-app-content button:not([class]){box-sizing:border-box;display:inline-block;width:auto;min-height:38px;height:auto!important;padding:8px 16px;border:1px solid #1b684e;border-radius:7px;background:linear-gradient(120deg,#237b5d,#175e48);color:#fff;font-family:inherit;font-size:12px;font-weight:650;line-height:1.5;text-align:center;text-shadow:none;box-shadow:0 2px 5px #164e3514;cursor:pointer;vertical-align:middle}
 .mela-app-shell .mela-app-content input[type=submit]:not(.btn):hover,.mela-app-shell .mela-app-content input[type=button]:not(.btn):hover{background:#14543e;border-color:#104b36}
 .mela-app-shell .mela-app-content input[type=reset]:not(.btn){background:#f3f7f4;border-color:#ccded1;color:#4e6e5b}
 .mela-app-shell .mela-app-content input[type=submit]:disabled,.mela-app-shell .mela-app-content input[type=button]:disabled{opacity:.5;cursor:not-allowed}
 .mela-app-shell .mela-app-content .mela-print-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;width:auto;min-height:38px;padding:8px 13px;border:1px solid #c5ddce;border-radius:7px;background:#eaf5ee;color:#235e40;font-family:inherit;font-size:12px;font-weight:650;line-height:1.4;text-decoration:none;white-space:nowrap;box-shadow:0 2px 5px #164e350c;cursor:pointer;vertical-align:middle}
 .mela-app-shell .mela-app-content .mela-print-action:hover{background:#dcefe3;border-color:#8fbaa0;color:#154d30}
 .mela-app-shell .mela-app-content .mela-print-action svg{flex-shrink:0}
 .mela-app-shell .mela-app-content .mela-print-action .mela-original-print-image{display:none!important}
 .mela-app-shell .mela-app-content .mela-print-action:focus-visible,.mela-app-shell .mela-app-content input[type=submit]:focus-visible,.mela-app-shell .mela-app-content input[type=button]:focus-visible{outline:2px solid #be984b;outline-offset:2px}
}
@media screen and (max-width:767.98px){
 .mela-app-shell .mela-app-content input[type=submit]:not(.btn),.mela-app-shell .mela-app-content input[type=button]:not(.btn),.mela-app-shell .mela-app-content input[type=reset]:not(.btn),.mela-app-shell .mela-app-content .mela-print-action{min-height:42px;padding:10px 14px}
}
@media print{.mela-print-action{display:none!important}}

/* Align admin brand, authorised menu and logout without Bootstrap 2 floats. */
@media screen{
 .mela-app-admin #top .navbar-inner{padding:0 22px}
 .mela-app-admin #top .navbar-inner>.container-fluid{display:flex;align-items:center;gap:16px;width:100%;min-height:55px;padding:0;box-sizing:border-box}
 .mela-app-admin #top .navbar-inner>.container-fluid:before,.mela-app-admin #top .navbar-inner>.container-fluid:after{display:none}
 .mela-app-admin #top .brand{display:inline-flex;align-items:center;gap:8px;order:0;flex:0 0 auto;float:none;margin:0;padding:8px 12px 8px 0;color:#fff!important;font-size:14px;line-height:1.4;white-space:nowrap;text-decoration:none!important}
 .mela-app-admin #top .brand svg{flex-shrink:0;color:#c2e0cb}
 .mela-app-admin #top .mela-admin-navigation{order:1;flex:1 1 auto;min-width:0;height:auto!important;overflow:visible!important;clear:none;padding:0;border:0;box-shadow:none}
 .mela-app-admin #top #mela-admin-navigation>.nav{display:flex;align-items:center;flex-wrap:wrap;float:none;width:auto;height:auto!important;margin:0!important;padding:0}
 .mela-app-admin #top #mela-admin-navigation>.nav>li{float:none;flex:0 0 auto}
 .mela-app-admin #top #mela-admin-navigation>.nav>li>a{display:flex;align-items:center;gap:3px;min-height:46px;padding:12px 10px;line-height:1.4;font-size:12px;color:#f0f8f3!important;text-decoration:none!important}
 .mela-app-admin #top #mela-admin-navigation>.nav>li>a:hover,.mela-app-admin #top #mela-admin-navigation>.nav>li>a:focus,.mela-app-admin #top #mela-admin-navigation>.nav>li>a:active{background:#ffffff16;color:#fff!important}
 .mela-app-admin #top .topnav{order:3;flex:0 0 auto;float:none;margin:0!important;display:flex;align-items:center}
 .mela-app-admin #top .topnav>.btn-group:empty{display:none}
 .mela-app-admin #top .topnav>.btn-group{margin:0}
 .mela-app-admin #top .mela-admin-logout{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:8px;border:1px solid #ffffff30;border-radius:7px;box-shadow:none;font-size:15px;color:#fff!important;line-height:1}
 .mela-app-admin #top .mela-admin-logout:focus,.mela-app-admin #top .mela-admin-logout:active{color:#fff!important}
 .mela-app-shell .mela-app-content a.btn-primary:link,.mela-app-shell .mela-app-content a.btn-primary:visited,.mela-app-shell .mela-app-content a.btn-primary:focus,.mela-app-shell .mela-app-content a.btn-primary:active{color:#fff!important;text-decoration:none}
 .mela-app-shell .mela-app-content a.mela-print-action:visited,.mela-app-shell .mela-app-content a.mela-print-action:focus{color:#235e40;text-decoration:none}
}
@media screen and (max-width:1199.98px){.mela-app-admin #top .navbar-inner{padding:0 15px}.mela-app-admin #top .navbar-inner>.container-fluid{gap:10px}.mela-app-admin #top #mela-admin-navigation>.nav>li>a{padding:11px 7px;font-size:11px}}
@media screen and (max-width:767.98px){
 .mela-app-admin #top .navbar-inner>.container-fluid{flex-wrap:wrap;gap:0 10px;padding:5px 0;min-height:52px}
 .mela-app-admin #top .brand{margin-right:auto;padding:7px 0;font-size:14px}
 .mela-app-admin #top .mela-admin-menu-toggle{order:1;float:none;margin:0;min-height:36px;padding:7px 10px}
 .mela-app-admin #top .topnav{order:2}
 .mela-app-admin #top .mela-admin-navigation{order:4;flex:0 0 100%;width:100%;clear:both}
 .mela-app-admin #top #mela-admin-navigation>.nav{display:block;width:100%;padding:5px 0}
 .mela-app-admin #top #mela-admin-navigation>.nav>li{width:100%}
 .mela-app-admin #top #mela-admin-navigation>.nav>li>a{font-size:13px;padding:12px 45px 12px 10px;min-height:44px}
}