:root{
    --green:#0B6B47;
    --green-dark:#075138;
    --green-deep:#063D2C;
    --green-soft:#EDF7F2;
    --ivory:#F8F6F1;
    --page:#F5F7F5;
    --card:#FFFFFF;
    --border:#DCE8E0;
    --border-strong:#C9DBD1;
    --text:#173D2E;
    --text-2:#294F40;
    --muted:#6B7B73;
    --success:#147A52;
    --danger:#B42318;
    --warning:#B7791F;
    --info:#1769D2;
    --shadow:0 8px 22px rgba(7,81,56,.06);
    --header-height:78px;
    --nav-height:62px;
    --radius:17px;
}

*{box-sizing:border-box}
html{background:var(--page);scroll-behavior:auto}
body{
    margin:0;
    min-height:100vh;
    background:
        radial-gradient(circle at 92% 4%,rgba(11,107,71,.035),transparent 26%),
        var(--page);
    color:var(--text);
    font-family:"Segoe UI",Tahoma,Arial,sans-serif;
    font-size:15px;
    line-height:1.7;
    overflow-x:hidden;
}
body.modal-open{overflow:hidden}
a{color:inherit}
button,input,select,textarea{font:inherit}
button{color:inherit}
img{max-width:100%}
.icon{width:21px;height:21px;display:block;flex:0 0 auto}
[hidden]{display:none!important}

/* Header */
.munjaz-header{
    height:var(--header-height);
    background:linear-gradient(100deg,#0B6B47 0%,#075138 58%,#063D2C 100%);
    color:#fff;
    border-bottom:1px solid rgba(255,255,255,.12);
}
.munjaz-header-inner{
    width:min(1440px,calc(100% - 36px));
    height:100%;
    margin:auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
}
.munjaz-brand{
    min-width:0;
    display:flex;
    align-items:center;
    gap:9px;
    color:#fff;
    text-decoration:none;
}
.munjaz-logo{
    width:46px;
    height:46px;
    min-width:46px;
    display:grid;
    place-items:center;
}
.munjaz-logo img{
    width:44px;
    height:44px;
    color:#fff;
    filter:brightness(0) invert(1);
    opacity:.98;
}
.munjaz-brand-copy{
    min-width:0;
    display:flex;
    flex-direction:column;
    justify-content:center;
}
.munjaz-brand-copy strong{
    font-size:23px;
    line-height:1.05;
    letter-spacing:.1px;
}
.munjaz-brand-copy small{
    margin-top:4px;
    max-width:330px;
    color:rgba(255,255,255,.78);
    font-size:10.5px;
    font-weight:700;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.munjaz-user{
    display:flex;
    align-items:center;
    gap:10px;
    min-width:0;
}
.munjaz-avatar{
    width:46px;
    height:46px;
    min-width:46px;
    display:grid;
    place-items:center;
    overflow:hidden;
    border:2px solid rgba(255,255,255,.7);
    border-radius:50%;
    background:rgba(255,255,255,.15);
    color:#fff;
    font-weight:900;
    font-size:18px;
}
.munjaz-avatar img{width:100%;height:100%;object-fit:cover}
.munjaz-user-copy{
    min-width:0;
    display:flex;
    flex-direction:column;
    text-align:right;
}
.munjaz-user-copy strong{
    max-width:210px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:13.5px;
}
.munjaz-user-copy small{
    color:rgba(255,255,255,.72);
    font-size:10px;
    font-weight:700;
}
.header-logout{
    height:39px;
    display:flex;
    align-items:center;
    gap:6px;
    padding:0 10px;
    border:1px solid rgba(255,255,255,.25);
    border-radius:11px;
    color:#fff;
    text-decoration:none;
    font-size:11px;
    font-weight:900;
}
.header-logout:hover{background:rgba(255,255,255,.1)}
.header-logout .icon{width:17px;height:17px}

/* Desktop top navigation */
.top-navigation{
    height:var(--nav-height);
    background:#fff;
    border-bottom:1px solid #E4ECE8;
    box-shadow:0 5px 14px rgba(7,61,44,.045);
}
.top-navigation-inner{
    width:min(1440px,calc(100% - 36px));
    height:100%;
    margin:auto;
    display:flex;
    align-items:stretch;
    justify-content:space-between;
    gap:14px;
}
.top-navigation-links{
    min-width:0;
    display:flex;
    align-items:center;
    gap:4px;
}
.top-nav-item{
    position:relative;
    height:43px;
    min-width:104px;
    align-self:center;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    padding:0 13px;
    border:1px solid transparent;
    border-radius:12px;
    color:#405F53;
    text-decoration:none;
    font-size:12px;
    font-weight:900;
    transition:background .14s ease,color .14s ease,border-color .14s ease;
}
.top-nav-item .icon{width:18px;height:18px}
.top-nav-item:hover{
    background:#F5F9F7;
    color:var(--green-dark);
}
.top-nav-item.active{
    border-color:var(--green);
    background:linear-gradient(135deg,var(--green),var(--green-dark));
    color:#fff;
    box-shadow:0 7px 16px rgba(11,107,71,.15);
}
.nav-badge{
    min-width:19px;
    height:19px;
    display:grid;
    place-items:center;
    padding:0 4px;
    border-radius:999px;
    background:#B91C1C;
    color:#fff;
    font-size:8px;
    line-height:1;
}
.top-nav-item.active .nav-badge{
    background:#fff;
    color:#B91C1C;
}
.top-navigation-tools{
    display:flex;
    align-items:center;
    gap:8px;
}
.tool-button{
    position:relative;
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    border:1px solid #D8E5DE;
    border-radius:12px;
    background:#fff;
    color:var(--green-dark);
    cursor:pointer;
    text-decoration:none;
}
.tool-button:hover{background:#F5F9F7}
.tool-button.has-alerts{
    border-color:#D4A72C;
    background:#FFF9E9;
}
.tool-button .icon{width:20px;height:20px}
.tool-badge{
    position:absolute;
    top:-7px;
    right:-7px;
    min-width:22px;
    height:22px;
    display:grid;
    place-items:center;
    padding:0 4px;
    border:2px solid #fff;
    border-radius:999px;
    background:#B91C1C;
    color:#fff;
    font-size:8px;
    line-height:1;
}
.ai-label{
    position:absolute;
    top:-7px;
    right:-7px;
    min-width:21px;
    height:21px;
    display:grid;
    place-items:center;
    padding:0 4px;
    border:2px solid #fff;
    border-radius:999px;
    background:#D9A520;
    color:#073D2C;
    font-size:7px;
    font-weight:900;
}
.bottom-navigation{display:none}

/* Floating tools */
.floating-panel{
    position:absolute;
    top:calc(var(--header-height) + var(--nav-height) + 10px);
    left:max(18px,calc((100vw - 1440px)/2 + 18px));
    z-index:600;
    width:min(390px,calc(100vw - 36px));
    max-height:calc(100vh - 180px);
    overflow:auto;
    padding:15px;
    border:1px solid #D8E5DE;
    border-radius:18px;
    background:#fff;
    box-shadow:0 20px 50px rgba(7,61,44,.18);
}
.advisor-panel{width:min(570px,calc(100vw - 36px))}
.floating-panel-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
    margin-bottom:12px;
}
.floating-panel-head h3{margin:0;color:var(--green-deep);font-size:16px}
.floating-panel-head p{margin:3px 0 0;color:var(--muted);font-size:10.5px;font-weight:700}
.panel-close,.modal-close{
    width:34px;
    height:34px;
    display:grid;
    place-items:center;
    border:1px solid #D7E2DC;
    border-radius:10px;
    background:#fff;
    color:#394A42;
    cursor:pointer;
}
.panel-close .icon,.modal-close .icon{width:18px;height:18px}
.alert-list{display:grid;gap:8px}
.alert-card{
    min-height:70px;
    padding:11px 12px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    border:1px solid #DDE8E1;
    border-radius:14px;
    background:#F8FBF9;
    text-decoration:none;
}
.alert-card strong,.alert-card small{display:block}
.alert-card strong{font-size:12.5px}
.alert-card small{margin-top:3px;color:var(--muted);font-size:9.5px}
.alert-card b{min-width:48px;color:var(--green);font-size:23px;text-align:center}
.alert-card.revised b{color:var(--warning)}
.alert-periods,.advisor-kpis{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:7px;
    margin-top:10px;
}
.alert-periods>div,.advisor-kpis>div{
    padding:9px 5px;
    border:1px solid #E2E9E5;
    border-radius:12px;
    background:#fff;
    text-align:center;
}
.alert-periods b,.advisor-kpis b{display:block;color:var(--green-deep);font-size:18px}
.alert-periods span,.advisor-kpis span{display:block;color:var(--muted);font-size:9px;font-weight:700}
.advisor-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}
.advisor-list{
    display:grid;
    gap:8px;
    margin:12px 0 0;
    padding:0;
    list-style:none;
}
.advisor-list li{
    padding:10px 11px;
    border:1px solid #E2E9E5;
    border-radius:12px;
    background:#F8FBF9;
    color:#263A31;
    font-size:12px;
    font-weight:750;
}
.floating-panel-link{
    min-height:40px;
    margin-top:11px;
    padding:8px 12px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    background:linear-gradient(135deg,var(--green),var(--green-dark));
    color:#fff;
    text-decoration:none;
    font-size:12px;
    font-weight:900;
}

/* Page shell */
.page-shell{
    width:min(1440px,calc(100% - 36px));
    min-height:calc(100vh - var(--header-height) - var(--nav-height) - 92px);
    margin:18px auto 34px;
}
.site-footer{
    width:min(1440px,calc(100% - 36px));
    min-height:42px;
    margin:0 auto 18px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#7B8A82;
    font-size:10.5px;
    font-weight:700;
}

/* Common page blocks */
.page-title-card{
    min-height:86px;
    margin-bottom:14px;
    padding:15px 18px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    border:1px solid var(--border);
    border-right:5px solid var(--green);
    border-radius:15px;
    background:#fff;
    box-shadow:var(--shadow);
}
.page-title-main{
    min-width:0;
    display:flex;
    align-items:center;
    gap:12px;
}
.page-title-icon{
    width:45px;
    height:45px;
    min-width:45px;
    display:grid;
    place-items:center;
    border-radius:13px;
    background:var(--green-soft);
    color:var(--green);
}
.page-title-icon .icon{width:23px;height:23px}
.page-title-card h1{margin:0;color:var(--green-deep);font-size:22px;line-height:1.3}
.page-title-card p{margin:3px 0 0;color:var(--muted);font-size:11px;font-weight:700}
.page-title-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}

.panel,.achievement-card,.login-card,.verify-card,.settings-section{
    margin-bottom:14px;
    padding:17px;
    border:1px solid var(--border);
    border-radius:var(--radius);
    background:#fff;
    box-shadow:var(--shadow);
}
.panel-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
    margin-bottom:13px;
}
.panel-head h2{margin:0;color:var(--green-deep);font-size:16px}
.panel-head p{margin:3px 0 0;color:var(--muted);font-size:10.5px;font-weight:700}

/* Buttons */
.btn{
    min-height:39px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    padding:7px 13px;
    border:1px solid var(--green);
    border-radius:10px;
    background:var(--green);
    color:#fff;
    text-decoration:none;
    font-size:11.5px;
    font-weight:900;
    cursor:pointer;
}
.btn:hover{filter:brightness(.97)}
.btn .icon{width:17px;height:17px}
.btn.secondary{background:#fff;color:var(--green)}
.btn.soft{border-color:#D6E6DD;background:#F5FAF7;color:var(--green-dark)}
.btn.success{border-color:var(--success);background:var(--success)}
.btn.danger{border-color:var(--danger);background:var(--danger)}
.btn.warning{border-color:var(--warning);background:var(--warning)}
.btn.small{min-height:32px;padding:5px 10px;font-size:10px}
.btn.icon-only{width:38px;padding:0}
.button-row{display:flex;gap:8px;flex-wrap:wrap}
.circle-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.circle-action{
    width:39px;
    height:39px;
    display:grid;
    place-items:center;
    border:1px solid #D5E3DB;
    border-radius:50%;
    background:#fff;
    color:var(--green);
    cursor:pointer;
    text-decoration:none;
}
.circle-action:hover{background:var(--green-soft)}
.circle-action.danger{color:var(--danger);border-color:#F0C7C2}
.circle-action .icon{width:18px;height:18px}

/* Flashes/status */
.flash{
    margin-bottom:12px;
    padding:11px 13px;
    border:1px solid var(--border);
    border-radius:12px;
    background:#fff;
    font-size:12px;
    font-weight:850;
}
.flash.success{border-color:#B9DFCA;background:#EAF7F0;color:#125D38}
.flash.danger{border-color:#EFB7B7;background:#FFF0F0;color:var(--danger)}
.flash.warning{border-color:#EAD8A3;background:#FFF7DF;color:#755200}
.flash.info{border-color:#BFD5FF;background:#EDF4FF;color:#1252A0}
.status{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:26px;
    padding:4px 9px;
    border-radius:999px;
    font-size:9.5px;
    font-weight:950;
    white-space:nowrap;
}
.status.success{background:#EAF7F0;color:var(--success)}
.status.danger{background:#FFF0F0;color:var(--danger)}
.status.warning{background:#FFF7DF;color:var(--warning)}
.status.info{background:#EDF4FF;color:var(--info)}
.status.muted{background:#EEF1EF;color:#5E7068}

/* Dashboard metrics */
.stats-strip{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:9px;
    margin-bottom:14px;
}
.metric-card{
    min-height:84px;
    padding:12px 14px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    border:1px solid var(--border);
    border-radius:14px;
    background:#fff;
}
.metric-card .metric-copy span{
    display:block;
    color:var(--muted);
    font-size:9.5px;
    font-weight:800;
}
.metric-card .metric-copy strong{
    display:block;
    margin-top:2px;
    color:var(--green-deep);
    font-size:24px;
    line-height:1.1;
}
.metric-icon{
    width:36px;
    height:36px;
    display:grid;
    place-items:center;
    border-radius:11px;
    background:#F2F7F4;
    color:var(--green);
}
.metric-icon .icon{width:18px;height:18px}
.metric-card.info .metric-copy strong{color:var(--info)}
.metric-card.warning .metric-copy strong{color:var(--warning)}
.metric-card.success .metric-copy strong{color:var(--success)}
.metric-card.danger .metric-copy strong{color:var(--danger)}

.filter-bar{
    margin-bottom:12px;
    padding:11px;
    display:grid;
    grid-template-columns:minmax(220px,1.8fr) repeat(4,minmax(130px,1fr)) auto;
    gap:8px;
    align-items:end;
    border:1px solid var(--border);
    border-radius:14px;
    background:#F9FCFA;
}
.filter-field{display:grid;gap:4px}
.filter-field label{color:#315846;font-size:9.5px;font-weight:950}
.filter-field input,.filter-field select{
    height:39px;
    width:100%;
    padding:0 10px;
    border:1px solid #CFE2D8;
    border-radius:9px;
    background:#fff;
    color:#244B38;
    font-size:11px;
    font-weight:800;
}
.search-field{position:relative}
.search-field .icon{
    position:absolute;
    top:50%;
    right:11px;
    width:16px;
    height:16px;
    transform:translateY(-50%);
    color:#71847A;
}
.search-field input{padding-right:34px}

/* Official achievement rows */
.achievement-list{display:grid;gap:8px}
.achievement-row{
    min-height:67px;
    display:grid;
    grid-template-columns:minmax(230px,1.7fr) minmax(160px,1fr) 140px 112px 88px 54px;
    align-items:center;
    gap:10px;
    padding:10px 12px;
    border:1px solid var(--border);
    border-radius:13px;
    background:#fff;
}
.achievement-row:hover{border-color:#BFD8CB;background:#FBFDFC}
.achievement-row-head{
    min-height:36px;
    display:grid;
    grid-template-columns:minmax(230px,1.7fr) minmax(160px,1fr) 140px 112px 88px 54px;
    align-items:center;
    gap:10px;
    padding:0 12px;
    color:#5F746A;
    font-size:9px;
    font-weight:950;
}
.achievement-title{min-width:0}
.achievement-title strong{
    display:block;
    overflow:hidden;
    color:#173D2E;
    font-size:12.5px;
    line-height:1.55;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.achievement-title small{
    display:block;
    margin-top:2px;
    overflow:hidden;
    color:var(--muted);
    font-size:9.5px;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.teacher-inline{
    min-width:0;
    display:flex;
    align-items:center;
    gap:8px;
}
.mini-avatar{
    width:34px;
    height:34px;
    min-width:34px;
    display:grid;
    place-items:center;
    overflow:hidden;
    border:1px solid #CFE0D7;
    border-radius:50%;
    background:var(--green-soft);
    color:var(--green);
    font-size:12px;
    font-weight:900;
}
.mini-avatar img{width:100%;height:100%;object-fit:cover}
.teacher-inline strong,.teacher-inline small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.teacher-inline strong{font-size:10.5px}.teacher-inline small{color:var(--muted);font-size:8.5px}
.row-date strong,.row-date small{display:block}
.row-date strong{font-size:10px}.row-date small{color:var(--muted);font-size:8.5px}
.row-day{color:#547067;font-size:9.5px;font-weight:850}

/* Tabs/table */
.tabs{display:flex;gap:7px;overflow:auto;margin-bottom:12px;padding-bottom:1px}
.tabs a{
    min-height:36px;
    display:flex;
    align-items:center;
    gap:6px;
    padding:6px 12px;
    border:1px solid var(--border);
    border-radius:10px;
    background:#fff;
    color:#46665A;
    text-decoration:none;
    font-size:10.5px;
    font-weight:900;
    white-space:nowrap;
}
.tabs a.active{border-color:var(--green);background:var(--green);color:#fff}
.table-responsive{overflow:auto}
.data-table{width:100%;border-collapse:collapse;min-width:760px}
.data-table th,.data-table td{
    padding:10px 9px;
    border-bottom:1px solid #E7EEE9;
    text-align:right;
    vertical-align:middle;
}
.data-table th{background:#F3F8F5;color:#315D4D;font-size:9.5px;font-weight:950}
.data-table td{font-size:10.5px}
.data-table tr:last-child td{border-bottom:0}
.empty-state{
    padding:25px;
    border:1px dashed #C8DDD1;
    border-radius:13px;
    background:#FBFEFC;
    color:var(--muted);
    text-align:center;
    font-size:11px;
    font-weight:850;
}
.pagination{display:flex;gap:6px;justify-content:center;margin:16px 0}
.pagination a{
    min-width:34px;
    height:34px;
    display:grid;
    place-items:center;
    border:1px solid var(--border);
    border-radius:9px;
    background:#fff;
    text-decoration:none;
    font-size:10px;
    font-weight:900;
}
.pagination a.active{border-color:var(--green);background:var(--green);color:#fff}

/* Achievement card */
.achievement-card{
    padding:0;
    overflow:hidden;
}
.achievement-card-header{
    min-height:78px;
    padding:13px 16px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    border-bottom:1px solid var(--border);
    background:linear-gradient(90deg,#FBFDFC,#fff);
}
.achievement-card-title{min-width:0}
.achievement-card-title h2{
    margin:7px 0 0;
    overflow:hidden;
    color:var(--green-deep);
    font-size:18px;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.achievement-card-title p{margin:3px 0 0;color:var(--muted);font-size:9.5px}
.achievement-card-actions{display:flex;align-items:center;gap:7px}
.teacher-band{
    min-height:61px;
    padding:10px 15px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    border-bottom:1px solid var(--border);
    background:#F8FBF9;
}
.teacher-band-main{display:flex;align-items:center;gap:10px;min-width:0}
.teacher-band-main .mini-avatar{width:42px;height:42px;min-width:42px}
.teacher-band-main strong,.teacher-band-main small{display:block}
.teacher-band-main strong{font-size:12px}
.teacher-band-main small{color:var(--muted);font-size:9px}
.teacher-band-score{
    min-width:112px;
    padding:7px 10px;
    border:1px solid var(--border);
    border-radius:11px;
    background:#fff;
    text-align:center;
}
.teacher-band-score span,.teacher-band-score strong{display:block}
.teacher-band-score span{color:var(--muted);font-size:8.5px}
.teacher-band-score strong{font-size:18px;color:var(--green)}
.teacher-band-score.excellent{border-color:#D4A72C;background:#FFF9E9}
.teacher-band-score.excellent strong{color:#9A6500}
.achievement-card-body{padding:15px}
.description-box{
    margin-bottom:12px;
    padding:12px 13px;
    border:1px solid var(--border);
    border-radius:12px;
    background:#FCFDFC;
    color:#344F44;
    font-size:11.5px;
}
.meta-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:8px;
    margin-bottom:12px;
}
.meta-item{
    min-height:60px;
    padding:9px 10px;
    border:1px solid var(--border);
    border-radius:11px;
    background:#fff;
}
.meta-item span,.meta-item strong{display:block}
.meta-item span{color:var(--muted);font-size:8.5px;font-weight:800}
.meta-item strong{margin-top:3px;color:#234B3B;font-size:10.5px;line-height:1.55}
.flag-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:8px;
    margin-bottom:12px;
}
.flag{
    min-height:41px;
    padding:7px 9px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:7px;
    border:1px solid var(--border);
    border-radius:10px;
    background:#F9FCFA;
    color:#3F6053;
    font-size:9.5px;
    font-weight:900;
}
.flag b{
    min-width:27px;
    height:23px;
    display:grid;
    place-items:center;
    border-radius:999px;
    background:#E7F4ED;
    color:var(--green);
    font-size:8.5px;
}
.flag.no b{background:#F2F2F2;color:#7B8580}
.participants-strip{
    margin-bottom:12px;
    padding:10px 11px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    border:1px solid var(--border);
    border-radius:11px;
    background:#FCFDFC;
}
.participants-strip strong{font-size:10px}
.participant-avatars{display:flex;align-items:center;direction:ltr}
.participant-avatars .mini-avatar{margin-left:-7px;border:2px solid #fff}
.evidence-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:9px;
    margin-bottom:13px;
}
.evidence-card{
    position:relative;
    min-height:95px;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid var(--border);
    border-radius:12px;
    background:#F8FBF9;
    text-decoration:none;
}
.evidence-card img{
    width:100%;
    height:130px;
    object-fit:cover;
}
.evidence-card .evidence-pdf-preview{
    width:100%;
    height:130px;
    border:0;
    border-radius:0;
}
.evidence-file{
    display:grid;
    place-items:center;
    gap:5px;
    color:var(--green);
}
.evidence-file .icon{width:30px;height:30px}
.evidence-file strong{font-size:10px}
.review-panel{
    margin-top:13px;
    padding:13px;
    border:1px solid #D7E5DD;
    border-radius:13px;
    background:#F9FCFA;
}
.review-grid{
    display:grid;
    grid-template-columns:minmax(200px,.7fr) minmax(300px,1.3fr);
    gap:10px;
}
.review-actions{margin-top:10px;display:flex;justify-content:flex-end;gap:8px}

/* Forms */
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.stack-form{display:grid;gap:12px}
.span-2{grid-column:span 2}
label{display:grid;gap:5px;color:#36594D;font-size:10.5px;font-weight:900}
input,select,textarea{
    width:100%;
    padding:9px 11px;
    border:1px solid #CBD8D1;
    border-radius:9px;
    background:#fff;
    color:var(--text);
    font-size:11px;
}
input,select{height:40px}
textarea{min-height:86px;resize:vertical}
input:focus,select:focus,textarea:focus{
    outline:2px solid rgba(11,107,71,.12);
    border-color:var(--green);
}
label small{color:var(--muted);font-size:8.8px;font-weight:650}
label.check{
    min-height:40px;
    display:flex;
    align-items:center;
    gap:8px;
    padding:8px 10px;
    border:1px solid var(--border);
    border-radius:9px;
    background:#FCFDFC;
}
label.check input{width:auto;height:auto}
.participant-picker{
    max-height:220px;
    overflow:auto;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px;
    padding:8px;
    border:1px solid var(--border);
    border-radius:11px;
    background:#FBFDFC;
}
.participant-option{
    min-height:42px;
    display:flex;
    align-items:center;
    gap:8px;
    padding:7px;
    border:1px solid #E0EAE4;
    border-radius:9px;
    background:#fff;
}
.participant-option input{width:auto;height:auto}
.participant-option strong,.participant-option small{display:block}
.participant-option strong{font-size:9.5px}.participant-option small{color:var(--muted);font-size:8px}
.existing-evidences{display:grid;gap:7px}
.existing-evidence{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:9px;
    padding:8px 9px;
    border:1px solid var(--border);
    border-radius:9px;
    background:#fff;
}
.existing-evidence span{font-size:9.5px}

/* Teacher cards */
.teacher-achievement-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
}
.teacher-achievement-card{
    overflow:hidden;
    border:1px solid var(--border);
    border-radius:14px;
    background:#fff;
    box-shadow:var(--shadow);
}
.teacher-achievement-card-head{
    min-height:44px;
    padding:8px 10px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    border-bottom:1px solid var(--border);
    background:#FBFDFC;
}
.teacher-achievement-card-body{padding:12px}
.teacher-achievement-card h2{
    margin:0;
    overflow:hidden;
    color:var(--green-deep);
    font-size:14px;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.teacher-achievement-card p{
    height:42px;
    margin:5px 0 0;
    overflow:hidden;
    color:var(--muted);
    font-size:9.5px;
}
.teacher-achievement-meta{
    margin-top:9px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    color:#587067;
    font-size:8.8px;
}
.teacher-achievement-card-actions{
    padding:9px 10px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    border-top:1px solid var(--border);
}
.rejection-box{
    margin-top:9px;
    padding:8px 9px;
    border:1px solid #F0C7C2;
    border-radius:9px;
    background:#FFF3F2;
    color:var(--danger);
    font-size:9px;
    font-weight:800;
}
.score-pill{
    display:inline-flex;
    align-items:center;
    gap:5px;
    padding:4px 8px;
    border-radius:999px;
    background:#EAF7F0;
    color:var(--success);
    font-size:9px;
    font-weight:950;
}

/* Insights */
.insights-grid{
    display:grid;
    grid-template-columns:250px 1fr;
    gap:12px;
    margin-bottom:14px;
}
.activity-card{
    min-height:220px;
    padding:18px;
    display:grid;
    place-items:center;
    border-radius:15px;
    background:linear-gradient(145deg,#0B6B47,#075138);
    color:#fff;
}
.activity-ring{
    --value:0;
    width:128px;
    height:128px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:conic-gradient(#E8C65B calc(var(--value)*1%),rgba(255,255,255,.14) 0);
}
.activity-ring::before{
    content:"";
    position:absolute;
    width:99px;
    height:99px;
    border-radius:50%;
    background:#0A5B3F;
}
.activity-ring-content{position:relative;z-index:1;text-align:center}
.activity-ring-content strong{display:block;font-size:28px;line-height:1}
.activity-ring-content span{display:block;margin-top:4px;font-size:9px;color:rgba(255,255,255,.76)}
.activity-card h2{margin:12px 0 0;font-size:16px}
.activity-card p{margin:4px 0 0;color:rgba(255,255,255,.72);font-size:9px;text-align:center}
.insight-kpis{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:9px;
}
.insight-kpi{
    min-height:102px;
    padding:13px;
    border:1px solid var(--border);
    border-radius:14px;
    background:#fff;
}
.insight-kpi span{display:block;color:var(--muted);font-size:9px;font-weight:800}
.insight-kpi strong{display:block;margin-top:7px;font-size:23px;color:var(--green-deep)}
.strength-bar{
    width:120px;
    height:8px;
    overflow:hidden;
    border-radius:999px;
    background:#E8EFEB;
}
.strength-bar i{display:block;height:100%;border-radius:inherit;background:var(--green)}
.level-badge{
    display:inline-flex;
    padding:4px 8px;
    border-radius:999px;
    background:#EDF7F2;
    color:var(--green);
    font-size:8.5px;
    font-weight:950;
}

/* Settings sections */
.settings-tabs{
    display:flex;
    gap:7px;
    margin-bottom:12px;
    overflow:auto;
}
.settings-tabs a{
    padding:7px 11px;
    border:1px solid var(--border);
    border-radius:9px;
    background:#fff;
    text-decoration:none;
    font-size:10px;
    font-weight:900;
    white-space:nowrap;
}
.settings-tabs a.active{background:var(--green);color:#fff;border-color:var(--green)}
.reference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.reference-list{display:grid;gap:7px}
.reference-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:8px 9px;
    border:1px solid var(--border);
    border-radius:9px;
    background:#fff;
}
.reference-row strong{font-size:10px}

/* Notifications */
.notification-list{display:grid;gap:7px}
.notification-item{
    padding:10px 11px;
    border:1px solid var(--border);
    border-radius:11px;
    background:#fff;
}
.notification-item strong{display:block;font-size:10.5px}
.notification-item p{margin:3px 0;color:var(--muted);font-size:9.5px}
.notification-item time{color:#8A9791;font-size:8px}

/* Login */
.login-card{
    max-width:455px;
    margin:52px auto;
    padding:23px;
}
.login-title{text-align:center}
.login-title .munjaz-logo{
    width:65px;height:65px;margin:auto;border-radius:18px;background:var(--green)
}
.login-title .munjaz-logo img{width:52px;height:52px}
.login-title h1{margin:12px 0 2px;color:var(--green-deep);font-size:22px}
.login-title p{margin:0;color:var(--muted);font-size:10px}
.login-tabs{
    display:grid;
    grid-template-columns:1fr 1fr;
    margin:18px 0;
    overflow:hidden;
    border:1px solid var(--border);
    border-radius:10px;
}
.login-tabs a{
    padding:9px;
    background:#fff;
    text-align:center;
    text-decoration:none;
    font-size:10.5px;
    font-weight:900;
}
.login-tabs a.active{background:var(--green);color:#fff}
.install-shell{width:min(900px,calc(100% - 30px));margin:30px auto}

/* Modal */
.modal-backdrop{
    position:fixed;
    inset:0;
    z-index:1000;
    display:grid;
    place-items:center;
    padding:18px;
    background:rgba(15,23,42,.38);
    backdrop-filter:blur(3px);
}
.modal-card{
    position:relative;
    width:min(680px,100%);
    max-height:88vh;
    overflow:auto;
    padding:20px;
    border:1px solid var(--border);
    border-radius:18px;
    background:#fff;
    box-shadow:0 22px 60px rgba(7,61,44,.2);
}
.modal-card.compact{width:min(440px,100%);text-align:center}
.modal-card h3{margin:0 0 8px;color:var(--green-deep)}
.modal-card p{white-space:pre-line;color:#364C43;font-size:12px}
.modal-close{position:absolute;top:11px;left:11px}
.modal-actions{display:flex;gap:8px;justify-content:center;margin-top:16px}
.qr-modal-content{text-align:center}
.qr-modal-content img{width:220px;height:220px;margin:10px auto;display:block}
.journey-list{display:grid;gap:9px;margin-top:12px}
.journey-step{
    display:grid;
    grid-template-columns:36px 1fr;
    gap:10px;
    align-items:start;
}
.journey-dot{
    width:34px;height:34px;display:grid;place-items:center;border-radius:50%;
    background:var(--green-soft);color:var(--green)
}
.journey-step strong,.journey-step small{display:block}
.journey-step strong{font-size:10.5px}.journey-step small{color:var(--muted);font-size:9px}

/* Public/certificate */
.public-achievement{max-width:900px;margin:35px auto}
.public-hero{
    padding:24px;
    border-radius:18px 18px 0 0;
    background:linear-gradient(135deg,var(--green),var(--green-dark));
    color:#fff;
}
.public-hero h1{margin:7px 0 0;font-size:24px}
.public-body{padding:20px;border:1px solid var(--border);border-top:0;border-radius:0 0 18px 18px;background:#fff}
.certificate-body{padding:28px;background:#fff}
.certificate{
    width:min(1000px,100%);
    min-height:650px;
    margin:auto;
    padding:42px;
    border:7px double var(--green);
    background:#fff;
    text-align:center;
}
.certificate-head,.certificate-foot{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    text-align:right;
}
.certificate h1{margin:46px 0 24px;color:var(--green);font-size:34px}
.certificate h2{margin:10px 0;font-size:30px}
.certificate h3{color:var(--green);font-size:23px}
.certificate-foot{margin-top:55px;align-items:flex-end}
.verify-box{text-align:center}.verify-box img{width:145px;height:145px;display:block}
.verify-card{max-width:650px;margin:50px auto;text-align:center}
.verify-card.valid{border-top:5px solid var(--success)}
.verify-card.invalid{border-top:5px solid var(--danger)}
.verify-card dl{display:grid;grid-template-columns:140px 1fr;text-align:right}
.verify-card dt,.verify-card dd{margin:0;padding:8px;border-bottom:1px solid var(--border)}

/* Responsive */
@media(max-width:1120px){
    .top-nav-item{min-width:90px;padding:0 10px}
    .filter-bar{grid-template-columns:minmax(200px,1.6fr) repeat(2,minmax(130px,1fr));}
    .filter-bar .filter-action{align-self:end}
    .achievement-row,.achievement-row-head{
        grid-template-columns:minmax(220px,1.6fr) minmax(150px,1fr) 130px 100px 50px;
    }
    .achievement-row .row-day,.achievement-row-head .head-day{display:none}
    .meta-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:900px){
    .stats-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
    .teacher-achievement-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .meta-grid,.flag-grid,.evidence-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .insights-grid{grid-template-columns:1fr}
    .activity-card{min-height:190px}
    .insight-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
    .reference-grid{grid-template-columns:1fr}
}
@media(max-width:760px){
    :root{--header-height:70px;--nav-height:0px}
    body{padding-bottom:70px}
    .munjaz-header{height:var(--header-height)}
    .munjaz-header-inner{width:calc(100% - 20px)}
    .munjaz-logo{width:39px;height:39px;min-width:39px}
    .munjaz-logo img{width:38px;height:38px}
    .munjaz-brand-copy strong{font-size:20px}
    .munjaz-brand-copy small{max-width:150px;font-size:8.5px}
    .munjaz-avatar{width:38px;height:38px;min-width:38px}
    .munjaz-user-copy{display:none}
    .header-logout{width:37px;height:37px;padding:0;justify-content:center}
    .header-logout span{display:none}
    .top-navigation{display:none}
    .bottom-navigation{
        position:fixed;
        right:9px;
        left:9px;
        bottom:8px;
        z-index:700;
        min-height:58px;
        display:flex;
        align-items:stretch;
        justify-content:space-around;
        gap:3px;
        padding:5px;
        border:1px solid rgba(198,216,206,.95);
        border-radius:18px;
        background:rgba(255,255,255,.96);
        box-shadow:0 14px 36px rgba(7,61,44,.18);
        backdrop-filter:blur(14px);
    }
    .bottom-nav-item{
        position:relative;
        min-width:55px;
        min-height:48px;
        display:flex;
        flex:1;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        gap:1px;
        border-radius:12px;
        color:#587067;
        text-decoration:none;
        font-size:8px;
        font-weight:900;
    }
    .bottom-nav-item .icon{width:19px;height:19px}
    .bottom-nav-item.active{background:var(--green);color:#fff}
    .bottom-badge{
        position:absolute;
        top:-3px;
        right:6px;
        min-width:18px;height:18px;display:grid;place-items:center;
        border:2px solid #fff;border-radius:999px;background:#B91C1C;color:#fff;font-size:7px
    }
    .floating-panel{
        position:fixed;
        top:78px;
        left:10px;
        width:calc(100vw - 20px);
        max-height:calc(100vh - 165px);
    }
    .page-shell{width:calc(100% - 18px);margin:11px auto 20px;min-height:calc(100vh - 150px)}
    .site-footer{display:none}
    .page-title-card{min-height:76px;padding:12px}
    .page-title-card h1{font-size:18px}
    .page-title-tools{width:100%}
    .page-title-card{align-items:flex-start;flex-direction:column}
    .stats-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
    .filter-bar{grid-template-columns:1fr 1fr}
    .filter-bar .search-wide{grid-column:span 2}
    .achievement-row-head{display:none}
    .achievement-row{
        grid-template-columns:1fr auto;
        gap:8px;
    }
    .achievement-row .teacher-inline{grid-column:1}
    .achievement-row .status{grid-column:2;grid-row:1}
    .achievement-row .row-date{grid-column:2;grid-row:2;text-align:left}
    .achievement-row .row-day{display:none}
    .achievement-row .row-view{grid-column:1/-1}
    .achievement-row .row-view .btn{width:100%}
    .achievement-card-header,.teacher-band{align-items:flex-start;flex-direction:column}
    .achievement-card-actions{width:100%;justify-content:flex-end}
    .teacher-band-score{width:100%}
    .meta-grid,.flag-grid,.evidence-grid,.form-grid,.review-grid{grid-template-columns:1fr}
    .span-2{grid-column:auto}
    .participant-picker{grid-template-columns:1fr}
    .teacher-achievement-grid{grid-template-columns:1fr}
    .insight-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
    .advisor-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
    .reference-grid{grid-template-columns:1fr}
}
@media(max-width:430px){
    .stats-strip{grid-template-columns:1fr 1fr}
    .metric-card{min-height:76px;padding:10px}
    .filter-bar{grid-template-columns:1fr}
    .filter-bar .search-wide{grid-column:auto}
    .insight-kpis{grid-template-columns:1fr 1fr}
}
@media print{
    .munjaz-header,.top-navigation,.bottom-navigation,.site-footer,
    .page-title-tools,.header-logout,.floating-panel,.modal-backdrop,
    .no-print{display:none!important}
    body{padding:0;background:#fff}
    .page-shell{width:100%;margin:0}
    .panel,.achievement-card{border:0;box-shadow:none}
}

.category-bars{display:grid;gap:9px}
.bar-row{
    display:grid;
    grid-template-columns:minmax(120px,210px) 1fr 42px;
    gap:9px;
    align-items:center;
    font-size:9.5px;
}
.bar-row>div{
    height:9px;
    overflow:hidden;
    border-radius:999px;
    background:#E5EEE9;
}
.bar-row i{
    display:block;
    height:100%;
    border-radius:inherit;
    background:var(--green);
}
.bar-row strong{text-align:center;color:var(--green-deep)}
.page-head{
    min-height:76px;
    margin-bottom:14px;
    padding:14px 17px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    border:1px solid var(--border);
    border-right:5px solid var(--green);
    border-radius:15px;
    background:#fff;
    box-shadow:var(--shadow);
}
.page-head h1{margin:0;color:var(--green-deep);font-size:21px}
.page-head p{margin:3px 0 0;color:var(--muted);font-size:10px}
.data-list{display:grid;gap:7px}
.data-row{
    display:grid;
    grid-template-columns:1fr auto auto;
    align-items:center;
    gap:10px;
    padding:10px 11px;
    border:1px solid var(--border);
    border-radius:11px;
    background:#fff;
}
.data-main strong,.data-main span{display:block}
.data-main strong{font-size:10.5px}
.data-main span{color:var(--muted);font-size:9px}
@media(max-width:760px){
    .bar-row{grid-template-columns:100px 1fr 34px}
    .page-head{align-items:flex-start;flex-direction:column}
}


/* V2.1: follow-up, bulk approval, PWA */
.compact-check{
    min-height:34px!important;
    padding:5px 9px!important;
    font-size:9px!important;
}
.issue-badges{
    display:flex;
    flex-wrap:wrap;
    gap:4px;
}
.table-note{
    display:block;
    margin-top:4px;
    color:var(--muted);
    font-size:8px;
}
.whatsapp-list{
    max-height:280px;
    margin-top:14px;
    overflow:auto;
    display:grid;
    gap:7px;
    text-align:right;
}
.whatsapp-item{
    min-height:52px;
    padding:9px 11px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    border:1px solid #B9DFCA;
    border-radius:11px;
    background:#EAF7F0;
    color:#125D38;
    text-decoration:none;
}
.whatsapp-item:hover{background:#DFF2E8}
.whatsapp-item strong,
.whatsapp-item small{display:block}
.whatsapp-item strong{font-size:10.5px}
.whatsapp-item small{font-size:8px;direction:ltr}
.bulk-toolbar{
    margin-bottom:11px;
    padding:10px 11px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    border:1px solid #D9E8DF;
    border-radius:12px;
    background:#F7FBF9;
}
.bulk-toolbar-copy strong,
.bulk-toolbar-copy small{display:block}
.bulk-toolbar-copy strong{font-size:11px;color:var(--green-deep)}
.bulk-toolbar-copy small{font-size:8.5px;color:var(--muted)}
.bulk-row{
    transition:border-color .15s ease,background .15s ease;
}
.bulk-row.selected{
    border-color:#90C5AA;
    background:#F1FAF5;
}
.bulk-select{
    display:flex;
    align-items:center;
    gap:8px;
}
.bulk-select input{
    width:18px;
    height:18px;
    min-width:18px;
}
.bulk-score{
    width:86px;
}
.bulk-score input{
    height:34px;
    padding:5px 8px;
    text-align:center;
    font-size:10px;
}
.bulk-score input:disabled{
    background:#F0F3F1;
    color:#9AA7A0;
}
.pwa-note{
    padding:10px 12px;
    border:1px solid #CFE2D8;
    border-radius:11px;
    background:#F4FAF7;
    color:#315846;
    font-size:9.5px;
    font-weight:800;
}
@media(max-width:760px){
    .bulk-toolbar{
        align-items:flex-start;
        flex-direction:column;
    }
    .bulk-toolbar .button-row{
        width:100%;
    }
    .bulk-toolbar .btn{
        width:100%;
    }
    .bulk-score{
        width:72px;
    }
}


/* V2.2: annual archives, teacher report and audit log */
.danger-zone{
    border-color:#E9B7B1;
    background:linear-gradient(180deg,#FFFDFD,#FFF8F7);
}
.danger-zone h2{color:var(--danger)}
.archive-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:11px;
}
.archive-card{
    padding:14px;
    border:1px solid var(--border);
    border-radius:14px;
    background:#fff;
}
.archive-card header{
    display:flex;
    align-items:center;
    gap:9px;
}
.archive-card header strong,
.archive-card header small{display:block}
.archive-card header strong{color:var(--green-deep);font-size:14px}
.archive-card header small{color:var(--muted);font-size:9px}
.archive-icon{
    width:40px;
    height:40px;
    min-width:40px;
    display:grid;
    place-items:center;
    border-radius:12px;
    background:var(--green-soft);
    color:var(--green);
}
.archive-kpis{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:6px;
    margin:12px 0;
}
.archive-kpis>div{
    padding:7px 4px;
    border:1px solid #E2EAE5;
    border-radius:9px;
    background:#F9FCFA;
    text-align:center;
}
.archive-kpis b,
.archive-kpis span{display:block}
.archive-kpis b{color:var(--green-deep);font-size:16px}
.archive-kpis span{color:var(--muted);font-size:8px}
.archive-card p{color:var(--muted);font-size:8.5px}
.archive-readonly-banner{
    margin-bottom:12px;
    padding:10px 12px;
    display:flex;
    align-items:center;
    gap:9px;
    border:1px solid #C7DAE8;
    border-radius:11px;
    background:#F0F7FC;
    color:#24566F;
    font-size:10px;
    font-weight:850;
}
.archive-achievement-list{display:grid;gap:10px}
.archive-achievement-card{
    padding:14px;
    border:1px solid var(--border);
    border-radius:14px;
    background:#fff;
}
.archive-achievement-card>header{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
}
.archive-achievement-card h3{
    margin:7px 0 2px;
    color:var(--green-deep);
    font-size:14px;
}
.archive-achievement-card header p{
    margin:0;
    color:var(--muted);
    font-size:9px;
}
.archive-achievement-meta{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:7px;
    margin:11px 0;
}
.archive-achievement-meta span{
    padding:8px 9px;
    border:1px solid #E1E9E4;
    border-radius:9px;
    background:#FAFCFB;
    color:#3C584D;
    font-size:9px;
}
.archive-achievement-meta b{
    display:block;
    margin-bottom:2px;
    color:var(--muted);
    font-size:7.5px;
}
.teacher-report-profile{
    margin-bottom:14px;
    padding:17px;
    display:flex;
    align-items:center;
    gap:14px;
    border:1px solid var(--border);
    border-radius:16px;
    background:linear-gradient(90deg,#F8FCFA,#fff);
    box-shadow:var(--shadow);
}
.teacher-report-avatar{
    width:64px;
    height:64px;
    min-width:64px;
    display:grid;
    place-items:center;
    border:2px solid #C9DED2;
    border-radius:50%;
    background:var(--green-soft);
    color:var(--green);
    font-size:24px;
    font-weight:950;
}
.teacher-report-profile h2{
    margin:0;
    color:var(--green-deep);
    font-size:19px;
}
.teacher-report-profile p{
    margin:2px 0 8px;
    color:var(--muted);
    font-size:9.5px;
}
.teacher-report-fields{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
}
.teacher-report-fields span{
    padding:4px 8px;
    border-radius:999px;
    background:#F0F6F3;
    color:#456359;
    font-size:8.5px;
}
.audit-filter{
    grid-template-columns:minmax(210px,1.5fr) minmax(150px,1fr)
        minmax(120px,.8fr) minmax(125px,.8fr) minmax(125px,.8fr) auto;
}
.audit-list{display:grid;gap:8px}
.audit-card{
    display:grid;
    grid-template-columns:38px 1fr;
    gap:10px;
    padding:11px;
    border:1px solid var(--border);
    border-radius:12px;
    background:#fff;
}
.audit-marker{
    width:36px;
    height:36px;
    display:grid;
    place-items:center;
    border-radius:11px;
    background:var(--green-soft);
    color:var(--green);
}
.audit-main header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
}
.audit-main header strong{
    color:var(--green-deep);
    font-size:11px;
}
.audit-main time{
    color:var(--muted);
    font-size:8px;
}
.audit-main p{
    margin:3px 0;
    color:#536A60;
    font-size:9px;
}
.audit-main details{
    margin-top:6px;
    padding:7px 8px;
    border:1px solid #E1E9E4;
    border-radius:9px;
    background:#FAFCFB;
}
.audit-main summary{
    cursor:pointer;
    color:var(--green);
    font-size:8.5px;
    font-weight:900;
}
.audit-main pre{
    margin:7px 0 0;
    padding:9px;
    overflow:auto;
    border-radius:8px;
    background:#102E24;
    color:#E9F7F1;
    direction:ltr;
    text-align:left;
    font:10px/1.7 Consolas,monospace;
}
@media(max-width:1000px){
    .archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .audit-filter{grid-template-columns:repeat(3,minmax(0,1fr))}
    .audit-filter .search-wide{grid-column:span 2}
}
@media(max-width:760px){
    .archive-grid{grid-template-columns:1fr}
    .archive-achievement-card>header{
        flex-direction:column;
    }
    .archive-achievement-meta{grid-template-columns:repeat(2,minmax(0,1fr))}
    .teacher-report-profile{
        align-items:flex-start;
        flex-direction:column;
    }
    .audit-filter{grid-template-columns:1fr}
    .audit-filter .search-wide{grid-column:auto}
    .audit-main header{
        align-items:flex-start;
        flex-direction:column;
    }
}


/* V2.3: maintenance, diagnostics and protected backups */
.maintenance-backup-note{
    margin-bottom:13px;
    padding:11px 12px;
    display:grid;
    gap:3px;
    border:1px solid #CFE2D8;
    border-radius:11px;
    background:#F4FAF7;
}
.maintenance-backup-note strong{
    color:var(--green-deep);
    font-size:10.5px;
}
.maintenance-backup-note span{
    color:var(--muted);
    font-size:8.8px;
}
.maintenance-environment{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px;
}
.maintenance-environment>div{
    padding:9px 10px;
    border:1px solid #E1E9E4;
    border-radius:10px;
    background:#FAFCFB;
}
.maintenance-environment span,
.maintenance-environment strong{
    display:block;
}
.maintenance-environment span{
    color:var(--muted);
    font-size:8px;
}
.maintenance-environment strong{
    margin-top:2px;
    overflow:hidden;
    color:var(--green-deep);
    font-size:10px;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.maintenance-check-grid{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:8px;
}
.maintenance-check{
    min-height:76px;
    padding:10px;
    display:flex;
    align-items:flex-start;
    gap:8px;
    border:1px solid var(--border);
    border-radius:11px;
    background:#fff;
}
.maintenance-check>span{
    width:29px;
    height:29px;
    min-width:29px;
    display:grid;
    place-items:center;
    border-radius:9px;
}
.maintenance-check.ok>span{
    background:#EAF7F0;
    color:var(--success);
}
.maintenance-check.problem>span{
    background:#FFF0F0;
    color:var(--danger);
}
.maintenance-check .icon{
    width:16px;
    height:16px;
}
.maintenance-check strong,
.maintenance-check small{
    display:block;
}
.maintenance-check strong{
    color:#294B3E;
    font-size:9.5px;
    line-height:1.5;
}
.maintenance-check small{
    margin-top:3px;
    color:var(--muted);
    font-size:8px;
    overflow-wrap:anywhere;
}
.maintenance-detail-kpis{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:7px;
    margin-bottom:10px;
}
.maintenance-detail-kpis>div{
    padding:10px 5px;
    border:1px solid #E1E9E4;
    border-radius:10px;
    background:#FAFCFB;
    text-align:center;
}
.maintenance-detail-kpis b,
.maintenance-detail-kpis span{
    display:block;
}
.maintenance-detail-kpis b{
    color:var(--green-deep);
    font-size:16px;
}
.maintenance-detail-kpis span{
    color:var(--muted);
    font-size:8px;
}
.maintenance-details{
    margin-top:8px;
    padding:8px 9px;
    border:1px solid #E1E9E4;
    border-radius:10px;
    background:#FAFCFB;
}
.maintenance-details summary{
    cursor:pointer;
    color:var(--green);
    font-size:9px;
    font-weight:900;
}
.maintenance-details pre{
    max-height:220px;
    margin:8px 0 0;
    padding:9px;
    overflow:auto;
    border-radius:8px;
    background:#102E24;
    color:#E9F7F1;
    direction:ltr;
    text-align:left;
    font:9px/1.7 Consolas,monospace;
}
.backup-list{
    display:grid;
    gap:9px;
}
.backup-card{
    display:grid;
    grid-template-columns:42px minmax(0,1fr) auto;
    align-items:center;
    gap:11px;
    padding:12px;
    border:1px solid var(--border);
    border-radius:13px;
    background:#fff;
}
.backup-card-icon{
    width:40px;
    height:40px;
    display:grid;
    place-items:center;
    border-radius:12px;
    background:var(--green-soft);
    color:var(--green);
}
.backup-card-main{
    min-width:0;
}
.backup-card-main header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
}
.backup-card-main header strong{
    overflow:hidden;
    color:var(--green-deep);
    font-size:10.5px;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.backup-meta{
    display:flex;
    flex-wrap:wrap;
    gap:5px 10px;
    margin-top:5px;
    color:var(--muted);
    font-size:8px;
}
.backup-sha{
    display:block;
    margin-top:5px;
    overflow:hidden;
    color:#718078;
    direction:ltr;
    font:8px/1.5 Consolas,monospace;
    text-align:left;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.backup-actions{
    display:flex;
    align-items:center;
    gap:6px;
}
@media(max-width:1100px){
    .maintenance-check-grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
}
@media(max-width:760px){
    .maintenance-check-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .maintenance-environment{
        grid-template-columns:1fr;
    }
    .backup-card{
        grid-template-columns:38px 1fr;
    }
    .backup-actions{
        grid-column:1/-1;
        justify-content:flex-end;
    }
}
@media(max-width:430px){
    .maintenance-check-grid{
        grid-template-columns:1fr;
    }
    .maintenance-detail-kpis{
        grid-template-columns:1fr;
    }
}


/* V2.4: verified backup restore */
.restore-source-card{
    margin-bottom:14px;
    padding:15px;
    display:grid;
    grid-template-columns:48px minmax(0,1fr) auto;
    align-items:center;
    gap:12px;
    border:1px solid var(--border);
    border-radius:15px;
    background:#fff;
    box-shadow:var(--shadow);
}
.restore-source-icon{
    width:46px;
    height:46px;
    display:grid;
    place-items:center;
    border-radius:13px;
    background:var(--green-soft);
    color:var(--green);
}
.restore-source-card h2{
    margin:0;
    overflow:hidden;
    color:var(--green-deep);
    font-size:13px;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.restore-source-card p{
    margin:3px 0;
    color:var(--muted);
    font-size:8.7px;
}
.restore-source-card small{
    display:block;
    overflow:hidden;
    color:#718078;
    direction:ltr;
    font:8px/1.5 Consolas,monospace;
    text-align:left;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.restore-compare-grid{
    margin-bottom:14px;
    display:grid;
    grid-template-columns:1fr 54px 1fr;
    align-items:center;
    gap:10px;
}
.restore-compare-card{
    min-height:96px;
    padding:14px;
    display:flex;
    align-items:center;
    gap:12px;
    border:1px solid var(--border);
    border-radius:15px;
    background:#fff;
}
.restore-compare-card>span{
    width:44px;
    height:44px;
    min-width:44px;
    display:grid;
    place-items:center;
    border-radius:13px;
}
.restore-compare-card.current>span{
    background:#F0F4F2;
    color:#526A60;
}
.restore-compare-card.source{
    border-color:#B9DFCA;
    background:#F5FBF8;
}
.restore-compare-card.source>span{
    background:#E1F3E9;
    color:var(--green);
}
.restore-compare-card small,
.restore-compare-card strong,
.restore-compare-card p{
    display:block;
}
.restore-compare-card small{
    color:var(--muted);
    font-size:8px;
}
.restore-compare-card strong{
    margin-top:2px;
    color:var(--green-deep);
    font-size:15px;
}
.restore-compare-card p{
    margin:2px 0 0;
    color:#526A60;
    font-size:9px;
}
.restore-arrow{
    width:44px;
    height:44px;
    margin:auto;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:var(--green);
    color:#fff;
}
.restore-table-list{
    max-height:330px;
    overflow:auto;
    display:grid;
    gap:6px;
}
.restore-table-list>div{
    padding:8px 9px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    border:1px solid #E1E9E4;
    border-radius:9px;
    background:#FAFCFB;
}
.restore-table-list strong{
    color:#294B3E;
    direction:ltr;
    font:9px/1.5 Consolas,monospace;
}
.restore-table-list span{
    color:var(--muted);
    font-size:8px;
}
.restore-protection-list{
    display:grid;
    gap:7px;
}
.restore-protection-list>div{
    padding:8px 9px;
    display:flex;
    align-items:center;
    gap:8px;
    border:1px solid #D9E8DF;
    border-radius:9px;
    background:#F8FCFA;
    color:#385B4C;
    font-size:9px;
    font-weight:800;
}
.restore-protection-list .icon{
    width:16px;
    height:16px;
    color:var(--success);
}
.restore-option{
    padding:12px;
    display:flex;
    align-items:flex-start;
    gap:10px;
    border:1px solid #B9DFCA;
    border-radius:12px;
    background:#F3FAF6;
    cursor:pointer;
}
.restore-option input{
    width:19px;
    height:19px;
    min-width:19px;
    margin-top:2px;
}
.restore-option strong,
.restore-option small{
    display:block;
}
.restore-option strong{
    color:var(--green-deep);
    font-size:10.5px;
}
.restore-option small{
    margin-top:3px;
    color:var(--muted);
    font-size:8.5px;
    line-height:1.7;
}
.restore-final-warning{
    padding:10px 11px;
    display:flex;
    align-items:flex-start;
    gap:8px;
    border:1px solid #E9B7B1;
    border-radius:10px;
    background:#FFF4F2;
    color:#7E271F;
    font-size:9px;
    font-weight:850;
}
.restore-final-warning .icon{
    width:17px;
    height:17px;
    min-width:17px;
}
@media(max-width:760px){
    .restore-source-card{
        grid-template-columns:42px minmax(0,1fr);
    }
    .restore-source-card>.status{
        grid-column:1/-1;
        justify-self:start;
    }
    .restore-compare-grid{
        grid-template-columns:1fr;
    }
    .restore-arrow{
        transform:rotate(90deg);
    }
}


/* V2.5: login protection and security center */
.security-scan-list{
    display:grid;
    gap:7px;
}
.security-scan-list>article{
    padding:9px 10px;
    display:flex;
    align-items:flex-start;
    gap:8px;
    border:1px solid var(--border);
    border-radius:10px;
    background:#fff;
}
.security-scan-list>article>span{
    width:30px;
    height:30px;
    min-width:30px;
    display:grid;
    place-items:center;
    border-radius:9px;
}
.security-scan-list>article.ok>span{
    background:#EAF7F0;
    color:var(--success);
}
.security-scan-list>article.problem>span{
    background:#FFF0F0;
    color:var(--danger);
}
.security-scan-list strong,
.security-scan-list small{
    display:block;
}
.security-scan-list strong{
    color:#294B3E;
    font-size:9.7px;
}
.security-scan-list small{
    margin-top:2px;
    color:var(--muted);
    font-size:8.2px;
    line-height:1.65;
    overflow-wrap:anywhere;
}
.security-event-list{
    display:grid;
    gap:8px;
}
.security-event-card{
    display:grid;
    grid-template-columns:40px minmax(0,1fr);
    gap:10px;
    padding:11px;
    border:1px solid var(--border);
    border-radius:12px;
    background:#fff;
}
.security-event-icon{
    width:38px;
    height:38px;
    display:grid;
    place-items:center;
    border-radius:11px;
}
.security-event-icon.success{
    background:#EAF7F0;
    color:var(--success);
}
.security-event-icon.warning{
    background:#FFF8E8;
    color:#9A6700;
}
.security-event-icon.danger{
    background:#FFF0F0;
    color:var(--danger);
}
.security-event-icon.info{
    background:#EDF7FC;
    color:#28708F;
}
.security-event-icon.muted{
    background:#F0F3F1;
    color:#66776F;
}
.security-event-main{
    min-width:0;
}
.security-event-main header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
}
.security-event-main header strong{
    color:var(--green-deep);
    font-size:10.5px;
}
.security-event-main time{
    color:var(--muted);
    font-size:8px;
    white-space:nowrap;
}
.security-event-meta{
    display:flex;
    flex-wrap:wrap;
    gap:4px 9px;
    margin-top:5px;
    color:#536A60;
    font-size:8.5px;
}
.security-event-main>small{
    display:block;
    margin-top:5px;
    overflow:hidden;
    color:#7A8982;
    direction:ltr;
    font:8px/1.5 Consolas,monospace;
    text-align:left;
    text-overflow:ellipsis;
    white-space:nowrap;
}
@media(max-width:760px){
    .security-event-main header{
        align-items:flex-start;
        flex-direction:column;
        gap:3px;
    }
}


/* V2.6: manager communications and teacher notification center */
.communication-compose-grid{
    grid-template-columns:minmax(300px,.9fr) minmax(360px,1.1fr);
}
.communication-teacher-list{
    max-height:560px;
    overflow:auto;
    display:grid;
    gap:6px;
}
.communication-teacher{
    min-height:54px;
    padding:8px 9px;
    display:grid;
    grid-template-columns:20px 36px minmax(0,1fr);
    align-items:center;
    gap:8px;
    border:1px solid #E0E9E4;
    border-radius:10px;
    background:#fff;
    cursor:pointer;
}
.communication-teacher:hover{
    border-color:#B7D4C4;
    background:#F6FBF8;
}
.communication-teacher>input{
    width:17px;
    height:17px;
}
.communication-teacher strong,
.communication-teacher small{
    display:block;
}
.communication-teacher strong{
    color:#294B3E;
    font-size:9.8px;
}
.communication-teacher small{
    margin-top:2px;
    color:var(--muted);
    font-size:8px;
}
.communication-batch-list{
    display:grid;
    gap:9px;
}
.communication-batch-card{
    padding:13px;
    border:1px solid var(--border);
    border-radius:13px;
    background:#fff;
}
.communication-batch-card>header{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
}
.communication-batch-card h3{
    margin:6px 0 2px;
    color:var(--green-deep);
    font-size:13px;
}
.communication-batch-card header p{
    margin:0;
    color:var(--muted);
    font-size:8px;
}
.communication-message-preview{
    margin:10px 0;
    color:#405F53;
    font-size:9px;
    line-height:1.75;
}
.communication-read-progress{
    display:grid;
    grid-template-columns:minmax(120px,1fr) auto;
    align-items:center;
    gap:9px;
}
.communication-read-progress>div{
    height:8px;
    overflow:hidden;
    border-radius:999px;
    background:#E5EEE9;
}
.communication-read-progress i{
    display:block;
    height:100%;
    border-radius:inherit;
    background:var(--green);
}
.communication-read-progress span{
    color:#526A60;
    font-size:8px;
    font-weight:850;
}
.communication-batch-kpis{
    display:flex;
    flex-wrap:wrap;
    gap:5px 10px;
    margin-top:8px;
    color:var(--muted);
    font-size:8px;
}
.communication-batch-detail{
    border-color:#B9D7C7;
    background:linear-gradient(180deg,#FBFEFC,#fff);
}
.communication-template-list{
    display:grid;
    gap:8px;
}
.communication-template-card{
    padding:11px;
    border:1px solid var(--border);
    border-radius:11px;
    background:#fff;
}
.communication-template-card header,
.communication-template-card footer{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
}
.communication-template-card header strong,
.communication-template-card header small{
    display:block;
}
.communication-template-card header strong{
    color:var(--green-deep);
    font-size:10.5px;
}
.communication-template-card header small{
    color:var(--muted);
    font-size:8px;
}
.communication-template-card>p{
    margin:9px 0;
    padding:8px 9px;
    border-radius:9px;
    background:#F7FAF8;
    color:#456359;
    font-size:8.7px;
    line-height:1.7;
}
.communication-template-card footer>small{
    color:var(--muted);
    font-size:7.7px;
}
.teacher-notification-list{
    display:grid;
    gap:8px;
}
.teacher-notification-card{
    position:relative;
    display:grid;
    grid-template-columns:22px 40px minmax(0,1fr);
    gap:9px;
    padding:12px;
    border:1px solid var(--border);
    border-radius:13px;
    background:#fff;
}
.teacher-notification-card.is-unread{
    border-color:#A8CDB9;
    background:linear-gradient(90deg,#F1FAF5,#fff);
    box-shadow:inset -4px 0 0 var(--green);
}
.teacher-notification-card.is-read{
    opacity:.88;
}
.teacher-notification-check{
    padding-top:8px;
}
.teacher-notification-check input{
    width:17px;
    height:17px;
}
.teacher-notification-icon{
    width:38px;
    height:38px;
    display:grid;
    place-items:center;
    border-radius:11px;
}
.teacher-notification-icon.success{
    background:#EAF7F0;
    color:var(--success);
}
.teacher-notification-icon.danger{
    background:#FFF0F0;
    color:var(--danger);
}
.teacher-notification-icon.warning{
    background:#FFF8E8;
    color:#9A6700;
}
.teacher-notification-icon.info{
    background:#EDF7FC;
    color:#28708F;
}
.teacher-notification-icon.muted{
    background:#F0F3F1;
    color:#66776F;
}
.teacher-notification-main{
    min-width:0;
}
.teacher-notification-main header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
}
.teacher-notification-main header>div{
    display:flex;
    flex-wrap:wrap;
    gap:4px;
}
.teacher-notification-main time{
    color:var(--muted);
    font-size:8px;
    white-space:nowrap;
}
.teacher-notification-main h3{
    margin:7px 0 3px;
    color:var(--green-deep);
    font-size:12px;
}
.teacher-notification-main>p{
    margin:0;
    color:#405F53;
    font-size:9px;
    line-height:1.8;
}
.teacher-notification-main footer{
    margin-top:8px;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:5px 12px;
    color:var(--muted);
    font-size:7.8px;
}
.teacher-notification-main footer a{
    color:var(--green);
    font-weight:900;
}
@media(max-width:900px){
    .communication-compose-grid{
        grid-template-columns:1fr;
    }
}
@media(max-width:760px){
    .communication-batch-card>header,
    .communication-template-card footer{
        align-items:flex-start;
        flex-direction:column;
    }
    .communication-read-progress{
        grid-template-columns:1fr;
    }
    .teacher-notification-card{
        grid-template-columns:20px 34px minmax(0,1fr);
        padding:10px 8px;
    }
    .teacher-notification-icon{
        width:34px;
        height:34px;
    }
    .teacher-notification-main header{
        align-items:flex-start;
        flex-direction:column;
        gap:4px;
    }
}


/* V2.7: teacher responses and manager acknowledgement tracking */
.notification-response-panel{
    border-color:#B9D7C7;
    background:linear-gradient(180deg,#F9FDFC,#fff);
}
.notification-response-panel .description-box{
    margin-bottom:12px;
}
.notification-response-link{
    display:inline-flex;
    align-items:center;
    gap:4px;
    color:var(--green);
    font-weight:900;
}
.notification-response-link .icon{
    width:14px;
    height:14px;
}
.teacher-response-summary{
    margin-top:9px;
    padding:9px 10px;
    display:grid;
    gap:3px;
    border:1px solid #CFE2D8;
    border-radius:10px;
    background:#F5FAF7;
}
.teacher-response-summary strong{
    color:var(--green-deep);
    font-size:9.3px;
}
.teacher-response-summary span{
    color:#405F53;
    font-size:8.7px;
    line-height:1.7;
}
.teacher-response-summary small{
    color:var(--muted);
    font-size:7.7px;
}
.communication-kpi-alert{
    padding:3px 7px;
    border-radius:999px;
    background:#FFF0F0;
    color:var(--danger)!important;
    font-weight:900;
}
.communication-batch-detail td{
    vertical-align:top;
}
.communication-batch-detail td:nth-child(5){
    min-width:180px;
    white-space:normal;
    line-height:1.7;
}
.response-choice-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px;
}
.response-choice{
    padding:9px 10px;
    display:flex;
    align-items:center;
    gap:8px;
    border:1px solid #DCE7E1;
    border-radius:10px;
    background:#fff;
    cursor:pointer;
}
.response-choice:hover{
    border-color:#B6D3C3;
    background:#F7FBF9;
}
.response-choice input{
    width:17px;
    height:17px;
}
.response-choice span{
    color:#345448;
    font-size:9px;
    font-weight:850;
}
@media(max-width:760px){
    .response-choice-grid{
        grid-template-columns:1fr;
    }
}


.manager-response-list{
    display:grid;
    gap:9px;
}
.manager-response-card{
    display:grid;
    grid-template-columns:42px minmax(0,1fr);
    gap:10px;
    padding:12px;
    border:1px solid var(--border);
    border-radius:12px;
    background:#fff;
}
.manager-response-card.success{
    border-color:#B9DFCA;
    background:linear-gradient(90deg,#F4FBF7,#fff);
}
.manager-response-card.warning{
    border-color:#E8D8A8;
    background:linear-gradient(90deg,#FFFBEF,#fff);
}
.manager-response-card.danger{
    border-color:#E9B7B1;
    background:linear-gradient(90deg,#FFF5F3,#fff);
}
.manager-response-card.info{
    border-color:#BEDAE8;
    background:linear-gradient(90deg,#F3FAFD,#fff);
}
.manager-response-icon{
    width:40px;
    height:40px;
    display:grid;
    place-items:center;
    border-radius:11px;
    background:#EDF5F1;
    color:var(--green);
}
.manager-response-card.danger .manager-response-icon{
    background:#FFE8E5;
    color:var(--danger);
}
.manager-response-main{
    min-width:0;
}
.manager-response-main header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
}
.manager-response-main header>div{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:6px;
}
.manager-response-main header strong{
    color:var(--green-deep);
    font-size:10.5px;
}
.manager-response-main time{
    color:var(--muted);
    font-size:8px;
    white-space:nowrap;
}
.manager-response-main h3{
    margin:7px 0 5px;
    color:#294B3E;
    font-size:11px;
}
.manager-response-text{
    padding:8px 9px;
    border-radius:9px;
    background:rgba(255,255,255,.7);
    color:#405F53;
    font-size:9px;
    line-height:1.75;
}
.muted-text{
    color:var(--muted);
}
.manager-response-main footer{
    margin-top:7px;
    display:flex;
    flex-wrap:wrap;
    gap:5px 11px;
    color:var(--muted);
    font-size:8px;
}
.manager-response-main footer a{
    color:var(--green);
    font-weight:900;
}
@media(max-width:760px){
    .manager-response-main header{
        align-items:flex-start;
        flex-direction:column;
        gap:4px;
    }
}


/* V2.8: comprehensive functional review */
.qa-launch-grid{
    display:grid;
    grid-template-columns:1.2fr .8fr;
    gap:12px;
    margin-bottom:14px;
}
.qa-launch-card{
    display:grid;
    grid-template-columns:54px minmax(0,1fr);
    gap:13px;
    align-items:flex-start;
}
.qa-launch-card.full{
    border-color:#B9D7C7;
    background:linear-gradient(135deg,#F7FCF9,#fff);
}
.qa-launch-card.quick{
    border-color:#D9E3DE;
    background:linear-gradient(135deg,#FAFCFB,#fff);
}
.qa-launch-icon{
    width:52px;
    height:52px;
    display:grid;
    place-items:center;
    border-radius:15px;
    background:var(--green-soft);
    color:var(--green);
}
.qa-launch-card h2{
    margin:0 0 4px;
    color:var(--green-deep);
    font-size:15px;
}
.qa-launch-card p{
    margin:0 0 11px;
    color:#536A60;
    font-size:9px;
    line-height:1.8;
}
.qa-safety-note{
    margin-bottom:11px;
    padding:9px 10px;
    display:flex;
    align-items:flex-start;
    gap:8px;
    border:1px solid #CDE0D5;
    border-radius:10px;
    background:#F1F8F4;
    color:#315648;
    font-size:8.5px;
    line-height:1.7;
}
.qa-safety-note .icon{
    width:17px;
    height:17px;
    min-width:17px;
    color:var(--green);
}
.qa-result-header{
    margin-bottom:14px;
    padding:15px;
    display:grid;
    grid-template-columns:54px minmax(0,1fr) auto;
    align-items:center;
    gap:13px;
    border:1px solid var(--border);
    border-radius:16px;
    background:#fff;
    box-shadow:var(--shadow);
}
.qa-result-header.success{
    border-color:#B8DDC8;
    background:linear-gradient(90deg,#F3FAF6,#fff);
}
.qa-result-header.warning{
    border-color:#E8D9AB;
    background:linear-gradient(90deg,#FFFBEF,#fff);
}
.qa-result-header.danger{
    border-color:#E9B7B1;
    background:linear-gradient(90deg,#FFF5F3,#fff);
}
.qa-result-icon{
    width:52px;
    height:52px;
    display:grid;
    place-items:center;
    border-radius:15px;
}
.qa-result-header.success .qa-result-icon{
    background:#E6F5ED;
    color:var(--success);
}
.qa-result-header.warning .qa-result-icon{
    background:#FFF5D9;
    color:#9A6700;
}
.qa-result-header.danger .qa-result-icon{
    background:#FFE8E5;
    color:var(--danger);
}
.qa-result-copy small{
    color:var(--muted);
    font-size:8px;
}
.qa-result-copy h2{
    margin:2px 0;
    color:var(--green-deep);
    font-size:18px;
}
.qa-result-copy p{
    margin:0;
    color:#526A60;
    font-size:8.7px;
}
.qa-result-actions{
    display:flex;
    align-items:center;
    gap:6px;
}
.qa-group-panel{
    margin-bottom:12px;
}
.qa-check-list{
    display:grid;
    gap:8px;
}
.qa-check-card{
    display:grid;
    grid-template-columns:40px minmax(0,1fr);
    gap:10px;
    padding:11px;
    border:1px solid var(--border);
    border-radius:12px;
    background:#fff;
}
.qa-check-card.success{
    border-color:#D5E7DC;
}
.qa-check-card.warning{
    border-color:#E8D9AB;
    background:#FFFDF7;
}
.qa-check-card.danger{
    border-color:#E9B7B1;
    background:#FFF8F7;
}
.qa-check-icon{
    width:38px;
    height:38px;
    display:grid;
    place-items:center;
    border-radius:11px;
}
.qa-check-card.success .qa-check-icon{
    background:#EAF7F0;
    color:var(--success);
}
.qa-check-card.warning .qa-check-icon{
    background:#FFF7E4;
    color:#9A6700;
}
.qa-check-card.danger .qa-check-icon{
    background:#FFF0F0;
    color:var(--danger);
}
.qa-check-main header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
}
.qa-check-main header strong{
    color:#294B3E;
    font-size:10.5px;
}
.qa-check-main p{
    margin:4px 0 0;
    color:#536A60;
    font-size:8.7px;
    line-height:1.7;
}
.qa-check-main details{
    margin-top:7px;
    padding:7px 8px;
    border:1px solid #E1E9E4;
    border-radius:9px;
    background:#FAFCFB;
}
.qa-check-main summary{
    cursor:pointer;
    color:var(--green);
    font-size:8.5px;
    font-weight:900;
}
.qa-check-main pre{
    max-height:260px;
    margin:7px 0 0;
    padding:9px;
    overflow:auto;
    border-radius:8px;
    background:#102E24;
    color:#E9F7F1;
    direction:ltr;
    text-align:left;
    font:9px/1.7 Consolas,monospace;
}
@media(max-width:900px){
    .qa-launch-grid{
        grid-template-columns:1fr;
    }
}
@media(max-width:760px){
    .qa-launch-card{
        grid-template-columns:44px minmax(0,1fr);
    }
    .qa-launch-icon{
        width:44px;
        height:44px;
    }
    .qa-result-header{
        grid-template-columns:46px minmax(0,1fr);
    }
    .qa-result-icon{
        width:46px;
        height:46px;
    }
    .qa-result-actions{
        grid-column:1/-1;
        justify-content:flex-end;
    }
    .qa-check-main header{
        align-items:flex-start;
        flex-direction:column;
        gap:4px;
    }
}


/* V2.9: visual consistency, mobile usability and rendering performance */
:root{
    --shadow:0 5px 16px rgba(7,81,56,.045);
    --focus-ring:0 0 0 3px rgba(11,107,71,.18);
}

html{
    scroll-padding-top:18px;
}

body{
    font-family:
        "IBM Plex Sans Arabic",
        "Cairo",
        "Tajawal",
        "Segoe UI",
        Tahoma,
        Arial,
        sans-serif;
    text-rendering:optimizeLegibility;
    -webkit-font-smoothing:antialiased;
}

a,
button,
input,
select,
textarea{
    -webkit-tap-highlight-color:transparent;
}

button,
.btn,
.circle-action,
.tool-button,
.top-nav-item,
.bottom-nav-item{
    touch-action:manipulation;
}

:focus{outline:none}

:focus-visible{
    outline:2px solid var(--green);
    outline-offset:2px;
    box-shadow:var(--focus-ring);
}

.skip-link{
    position:fixed;
    top:8px;
    right:12px;
    z-index:5000;
    padding:8px 13px;
    border-radius:10px;
    background:#fff;
    color:var(--green-deep);
    box-shadow:0 10px 30px rgba(0,0,0,.18);
    font-size:11px;
    font-weight:900;
    text-decoration:none;
    transform:translateY(-160%);
    transition:transform .15s ease;
}
.skip-link:focus{
    transform:translateY(0);
}

.top-navigation{
    position:sticky;
    top:0;
    z-index:500;
}

.panel,
.achievement-card,
.login-card,
.verify-card,
.settings-section,
.page-title-card{
    box-shadow:var(--shadow);
}

.btn,
.circle-action,
.tool-button,
.top-nav-item,
.bottom-nav-item,
input,
select,
textarea{
    transition:
        border-color .14s ease,
        background-color .14s ease,
        color .14s ease,
        box-shadow .14s ease,
        opacity .14s ease,
        transform .14s ease;
}

.btn:active,
.circle-action:active,
.tool-button:active{
    transform:translateY(1px);
}

.btn:disabled,
.btn.is-loading,
button:disabled,
input[type="submit"]:disabled{
    cursor:wait;
    opacity:.65;
    filter:none;
}

.btn.is-loading::after,
button.is-loading::after{
    width:13px;
    height:13px;
    display:inline-block;
    content:"";
    border:2px solid currentColor;
    border-left-color:transparent;
    border-radius:50%;
    animation:munjaz-spin .7s linear infinite;
}

form.is-submitting{
    pointer-events:none;
}

input:focus-visible,
select:focus-visible,
textarea:focus-visible{
    border-color:var(--green)!important;
    box-shadow:var(--focus-ring);
}

textarea{
    resize:vertical;
}

.page-progress{
    position:fixed;
    right:50%;
    bottom:24px;
    z-index:4000;
    min-height:48px;
    padding:9px 15px;
    display:flex;
    align-items:center;
    gap:9px;
    border:1px solid #B9D7C7;
    border-radius:999px;
    background:rgba(255,255,255,.98);
    color:var(--green-deep);
    box-shadow:0 18px 45px rgba(7,61,44,.2);
    transform:translateX(50%);
    font-size:10.5px;
}
.page-progress-spinner{
    width:19px;
    height:19px;
    border:3px solid #CFE3D8;
    border-left-color:var(--green);
    border-radius:50%;
    animation:munjaz-spin .75s linear infinite;
}

@keyframes munjaz-spin{
    to{transform:rotate(360deg)}
}

.result-summary{
    min-height:38px;
    margin:-2px 0 10px;
    padding:7px 10px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    border:1px solid #E0E9E4;
    border-radius:10px;
    background:#FAFCFB;
    color:var(--muted);
    font-size:9px;
    font-weight:850;
}
.result-summary a{
    color:var(--green);
    text-decoration:none;
    font-weight:950;
}

.pagination{
    align-items:center;
    flex-wrap:wrap;
}
.pagination-gap{
    min-width:26px;
    height:34px;
    display:grid;
    place-items:center;
    color:var(--muted);
    font-weight:900;
}
.pagination a[aria-current="page"]{
    pointer-events:none;
}

.table-responsive{
    position:relative;
    overflow:auto;
    overscroll-behavior-inline:contain;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:thin;
    scrollbar-color:#B7CDC1 transparent;
}
.table-responsive::-webkit-scrollbar{
    height:8px;
    width:8px;
}
.table-responsive::-webkit-scrollbar-thumb{
    border-radius:999px;
    background:#B7CDC1;
}

.tabs{
    scrollbar-width:none;
    scroll-snap-type:x proximity;
}
.tabs::-webkit-scrollbar{display:none}
.tabs a{scroll-snap-align:start}

.data-table thead th{
    position:sticky;
    top:0;
    z-index:2;
    box-shadow:inset 0 -1px #DDE8E2;
}

.achievement-row,
.teacher-achievement-card,
.security-event-card,
.communication-batch-card,
.teacher-notification-card,
.manager-response-card,
.qa-check-card{
    content-visibility:auto;
    contain-intrinsic-size:80px;
}

.teacher-achievement-card{
    min-height:250px;
}
.teacher-achievement-card-body p{
    display:-webkit-box;
    height:auto;
    min-height:42px;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    line-clamp:2;
}

.modal-backdrop{
    overscroll-behavior:contain;
}
.modal-card{
    max-height:min(86vh,760px);
    overflow:auto;
    overscroll-behavior:contain;
}
.modal-card:focus-visible{
    outline:none;
}

.page-title-tools .btn{
    white-space:nowrap;
}

.page-title-card h1,
.panel-head h2,
.achievement-card-title h2{
    letter-spacing:0;
}

.flash{
    overflow-wrap:anywhere;
}

@media(hover:hover){
    .achievement-row:hover,
    .communication-teacher:hover{
        transform:translateY(-1px);
    }
}

@media(max-width:1120px){
    .top-navigation-inner{
        overflow:hidden;
    }
    .top-navigation-links{
        overflow:auto;
        scrollbar-width:none;
    }
    .top-navigation-links::-webkit-scrollbar{
        display:none;
    }
    .top-nav-item{
        flex:0 0 auto;
    }
}

@media(max-width:760px){
    body{
        padding-bottom:calc(78px + env(safe-area-inset-bottom));
    }

    .bottom-navigation{
        bottom:max(8px,env(safe-area-inset-bottom));
        padding-bottom:calc(5px + env(safe-area-inset-bottom)/4);
    }

    .bottom-nav-item{
        min-width:0;
        padding-inline:2px;
    }

    .page-shell{
        width:calc(100% - 16px);
    }

    .page-title-card{
        gap:10px;
        border-right-width:4px;
    }

    .page-title-main{
        width:100%;
        align-items:flex-start;
    }

    .page-title-icon{
        width:40px;
        height:40px;
        min-width:40px;
    }

    .page-title-icon .icon{
        width:20px;
        height:20px;
    }

    .page-title-card h1{
        font-size:17px;
    }

    .page-title-card p{
        font-size:9px;
        line-height:1.6;
    }

    .page-title-tools{
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:6px;
    }

    .page-title-tools .btn{
        width:100%;
        min-height:37px;
        padding-inline:8px;
        font-size:9.5px;
    }

    .panel,
    .achievement-card,
    .login-card,
    .verify-card,
    .settings-section{
        padding:13px;
        border-radius:14px;
    }

    .panel-head{
        align-items:flex-start;
        flex-direction:column;
    }

    .panel-head>.button-row,
    .panel-head>form{
        width:100%;
    }

    .panel-head>.button-row .btn{
        flex:1;
    }

    .stats-strip{
        gap:7px;
    }

    .metric-card{
        min-height:73px;
        padding:9px 10px;
    }

    .metric-card .metric-copy span{
        font-size:8px;
    }

    .metric-card .metric-copy strong{
        font-size:20px;
    }

    .metric-icon{
        width:32px;
        height:32px;
    }

    .filter-bar{
        padding:9px;
        gap:7px;
    }

    .filter-field input,
    .filter-field select{
        height:42px;
        font-size:11px;
    }

    .achievement-row{
        padding:11px;
    }

    .achievement-title strong{
        white-space:normal;
    }

    .teacher-achievement-card-actions{
        align-items:flex-start;
        flex-direction:column;
    }

    .teacher-achievement-card-actions>.button-row{
        width:100%;
    }

    .teacher-achievement-card-actions>.button-row .btn,
    .teacher-achievement-card-actions>.button-row form{
        flex:1;
    }

    .teacher-achievement-card-actions>.button-row form .btn{
        width:100%;
    }

    .table-responsive{
        margin-inline:-4px;
        padding-bottom:5px;
    }

    .data-table{
        min-width:690px;
    }

    .modal-backdrop{
        padding:10px;
        align-items:flex-end;
    }

    .modal-card,
    .modal-card.compact{
        width:100%;
        max-height:88vh;
        border-radius:18px 18px 12px 12px;
    }

    .page-progress{
        right:10px;
        left:10px;
        bottom:calc(80px + env(safe-area-inset-bottom));
        justify-content:center;
        transform:none;
    }

    .result-summary{
        align-items:flex-start;
        flex-direction:column;
        gap:3px;
    }
}

@media(max-width:430px){
    .page-title-tools{
        grid-template-columns:1fr;
    }

    .stats-strip{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .bottom-nav-item span{
        max-width:54px;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
    }
}

@media print{
    @page{
        size:A4;
        margin:11mm;
    }

    html,
    body{
        width:100%;
        background:#fff!important;
    }

    body{
        font-family:
            "IBM Plex Sans Arabic",
            "Cairo",
            Tahoma,
            Arial,
            sans-serif;
        font-size:10pt;
    }

    .page-shell{
        min-height:0;
    }

    .panel,
    .achievement-card,
    .metric-card,
    .page-title-card{
        break-inside:avoid;
        page-break-inside:avoid;
        background:#fff!important;
    }

    .data-table{
        min-width:0;
    }

    .data-table thead{
        display:table-header-group;
    }

    .data-table tr{
        break-inside:avoid;
        page-break-inside:avoid;
    }

    .table-responsive{
        overflow:visible;
    }

    a{
        text-decoration:none!important;
    }

    .result-summary,
    .pagination,
    .page-progress{
        display:none!important;
    }
}

@media(prefers-reduced-motion:reduce){
    *,
    *::before,
    *::after{
        scroll-behavior:auto!important;
        animation-duration:.01ms!important;
        animation-iteration-count:1!important;
        transition-duration:.01ms!important;
    }
}


/* V3.0: final release readiness and approval */
.release-approved-banner{
    margin-bottom:14px;
    padding:15px;
    display:grid;
    grid-template-columns:54px minmax(0,1fr) auto;
    align-items:center;
    gap:13px;
    border:1px solid #B5DCC6;
    border-radius:16px;
    background:
        linear-gradient(120deg,#ECF8F1,#fff 60%);
    box-shadow:var(--shadow);
}
.release-approved-banner>span{
    width:52px;
    height:52px;
    display:grid;
    place-items:center;
    border-radius:15px;
    background:#DDF2E6;
    color:var(--green);
}
.release-approved-banner small{
    color:#5F796D;
    font-size:8px;
    font-weight:900;
}
.release-approved-banner h2{
    margin:2px 0;
    color:var(--green-deep);
    font-size:16px;
}
.release-approved-banner p{
    margin:0;
    color:#526A60;
    font-size:8.7px;
}
.release-readiness-card{
    margin-bottom:14px;
    padding:15px;
    display:grid;
    grid-template-columns:54px minmax(0,1fr) auto;
    align-items:center;
    gap:13px;
    border:1px solid var(--border);
    border-radius:16px;
    background:#fff;
    box-shadow:var(--shadow);
}
.release-readiness-card.success{
    border-color:#B5DCC6;
    background:linear-gradient(90deg,#F1FAF5,#fff);
}
.release-readiness-card.warning{
    border-color:#E6D5A1;
    background:linear-gradient(90deg,#FFF9E9,#fff);
}
.release-readiness-card.danger{
    border-color:#E7B1AA;
    background:linear-gradient(90deg,#FFF3F1,#fff);
}
.release-readiness-icon{
    width:52px;
    height:52px;
    display:grid;
    place-items:center;
    border-radius:15px;
}
.release-readiness-card.success .release-readiness-icon{
    background:#DFF3E8;
    color:var(--success);
}
.release-readiness-card.warning .release-readiness-icon{
    background:#FFF0C8;
    color:#966300;
}
.release-readiness-card.danger .release-readiness-icon{
    background:#FFE3DF;
    color:var(--danger);
}
.release-readiness-card small{
    color:var(--muted);
    font-size:8px;
}
.release-readiness-card h2{
    margin:2px 0;
    color:var(--green-deep);
    font-size:18px;
}
.release-readiness-card p{
    margin:0;
    color:#526A60;
    font-size:8.7px;
}
.release-readiness-score{
    width:72px;
    height:72px;
    display:grid;
    place-content:center;
    text-align:center;
    border:1px solid #CDE2D6;
    border-radius:50%;
    background:rgba(255,255,255,.78);
}
.release-readiness-score strong{
    color:var(--green-deep);
    font-size:22px;
    line-height:1;
}
.release-readiness-score span{
    margin-top:3px;
    color:var(--muted);
    font-size:8px;
    font-weight:900;
}
.release-action-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    margin-bottom:14px;
}
.release-action-summary{
    margin-bottom:11px;
    padding:9px 10px;
    display:grid;
    gap:2px;
    border:1px solid #DDE8E2;
    border-radius:10px;
    background:#F8FBF9;
}
.release-action-summary strong{
    color:var(--green-deep);
    font-size:9.5px;
}
.release-action-summary span{
    overflow-wrap:anywhere;
    color:var(--muted);
    font-size:8px;
}
.release-check-list{
    display:grid;
    gap:8px;
}
.release-check-item{
    display:grid;
    grid-template-columns:40px minmax(0,1fr);
    gap:10px;
    padding:11px;
    border:1px solid var(--border);
    border-radius:12px;
    background:#fff;
}
.release-check-item.success{
    border-color:#D3E6DB;
}
.release-check-item.warning{
    border-color:#E7D7A7;
    background:#FFFDF6;
}
.release-check-item.danger{
    border-color:#E8B5AE;
    background:#FFF7F5;
}
.release-check-icon{
    width:38px;
    height:38px;
    display:grid;
    place-items:center;
    border-radius:11px;
}
.release-check-item.success .release-check-icon{
    background:#E8F6EE;
    color:var(--success);
}
.release-check-item.warning .release-check-icon{
    background:#FFF4D8;
    color:#986500;
}
.release-check-item.danger .release-check-icon{
    background:#FFEAE7;
    color:var(--danger);
}
.release-check-item header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
}
.release-check-item header strong{
    color:#294B3E;
    font-size:10.5px;
}
.release-check-item p{
    margin:4px 0 0;
    color:#536A60;
    font-size:8.7px;
    line-height:1.7;
}
.release-check-item details{
    margin-top:7px;
    padding:7px 8px;
    border:1px solid #E1E9E4;
    border-radius:9px;
    background:#FAFCFB;
}
.release-check-item summary{
    cursor:pointer;
    color:var(--green);
    font-size:8.5px;
    font-weight:900;
}
.release-check-item pre{
    max-height:240px;
    margin:7px 0 0;
    padding:9px;
    overflow:auto;
    border-radius:8px;
    background:#102E24;
    color:#E9F7F1;
    direction:ltr;
    text-align:left;
    font:9px/1.7 Consolas,monospace;
}
.release-final-panel{
    border-color:#B5DCC6;
    background:linear-gradient(180deg,#FAFDFC,#fff);
}
@media(max-width:900px){
    .release-action-grid{
        grid-template-columns:1fr;
    }
}
@media(max-width:760px){
    .release-approved-banner,
    .release-readiness-card{
        grid-template-columns:46px minmax(0,1fr);
    }
    .release-approved-banner>span,
    .release-readiness-icon{
        width:46px;
        height:46px;
    }
    .release-approved-banner>.btn,
    .release-readiness-score{
        grid-column:1/-1;
        justify-self:stretch;
    }
    .release-readiness-score{
        width:auto;
        height:auto;
        padding:9px;
        border-radius:12px;
    }
    .release-check-item header{
        align-items:flex-start;
        flex-direction:column;
        gap:4px;
    }
}
@media print{
    .release-action-grid,
    .release-final-panel,
    .release-approved-banner .btn{
        display:none!important;
    }
}


/* V3.0.1: achievement form corrections */
.achievement-form-panel{
    border-color:#D4E5DC;
}

.field-help-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
}
.field-help-row b{
    color:var(--green);
    font-size:8.5px;
}
.field-help-row b.is-near-limit{
    color:var(--warning);
}

.prominent-check{
    min-height:58px;
    padding:10px 12px;
    align-items:flex-start;
    border:1px solid #D8E6DE;
    border-radius:11px;
    background:#F8FBF9;
}
.prominent-check>span{
    display:grid;
    gap:2px;
}
.prominent-check strong{
    color:var(--green-deep);
    font-size:10px;
}
.prominent-check small{
    color:var(--muted);
    font-size:8px;
}

.section-field-label{
    display:block;
    margin-bottom:6px;
    color:var(--green-deep);
    font-size:10px;
    font-weight:900;
}

.hijri-date-field{
    min-width:0;
    margin:0;
    padding:11px 12px 12px;
    border:1px solid #D8E6DE;
    border-radius:11px;
    background:#FBFDFC;
}
.hijri-date-field legend{
    padding:0 6px;
    color:var(--green-deep);
    font-size:10px;
    font-weight:900;
}
.hijri-date-grid{
    display:grid;
    grid-template-columns:.7fr 1.4fr 1fr;
    gap:8px;
}
.hijri-date-grid label{
    min-width:0;
}

.evidence-upload-field{
    padding:12px;
    border:1px dashed #AFCDBC;
    border-radius:12px;
    background:#F8FCFA;
}
.evidence-upload-field input[type="file"]{
    padding:9px;
    border-style:solid;
    background:#fff;
}
.selected-evidence-list{
    margin-top:10px;
    display:grid;
    grid-template-columns:
        repeat(auto-fit,minmax(250px,1fr));
    gap:10px;
}
.selected-evidence-list[hidden]{
    display:none!important;
}
.evidence-preview-new{
    border-color:#AFCDBC;
    background:#fff;
}
.form-field-error{
    border-color:#C93D32!important;
    box-shadow:0 0 0 3px rgba(201,61,50,.12)!important;
}

.evidence-selection-dialog{
    max-width:430px;
    margin:auto;
    text-align:center;
}
.evidence-selection-icon{
    width:54px;
    height:54px;
    margin:0 auto 9px;
    display:grid;
    place-items:center;
    border-radius:50%;
    font-size:25px;
    font-weight:900;
}
.evidence-selection-dialog.is-success .evidence-selection-icon{
    background:#E4F5EB;
    color:var(--success);
}
.evidence-selection-dialog.is-error .evidence-selection-icon{
    background:#FFE8E5;
    color:var(--danger);
}
.evidence-selection-dialog h3{
    margin:0 0 5px;
    color:var(--green-deep);
    font-size:16px;
}
.evidence-selection-dialog p{
    margin:0;
    color:#536A60;
    font-size:10px;
    line-height:1.8;
}
.evidence-selection-dialog .modal-actions{
    justify-content:center;
    margin-top:12px;
}

.achievement-form-actions{
    padding-top:4px;
}
.achievement-form-actions .btn{
    min-width:150px;
}

@media(max-width:760px){
    .hijri-date-grid{
        grid-template-columns:1fr;
    }

    .achievement-form-actions{
        display:grid;
        grid-template-columns:1fr;
    }

    .achievement-form-actions .btn{
        width:100%;
    }
}


/* V3.0.3: required-field validation and selected evidence previews */
.system-dialog-card{
    border-top:5px solid var(--info);
}
.system-dialog-card.success{
    border-top-color:var(--success);
}
.system-dialog-card.warning{
    border-top-color:var(--warning);
}
.system-dialog-card.danger{
    border-top-color:var(--danger);
}
.system-dialog-card.info{
    border-top-color:var(--info);
}
.system-dialog-card.success #dialogTitle{
    color:var(--success);
}
.system-dialog-card.warning #dialogTitle{
    color:#986500;
}
.system-dialog-card.danger #dialogTitle{
    color:var(--danger);
}
.system-dialog-card.info #dialogTitle{
    color:var(--info);
}
.system-dialog-card #dialogMessage{
    white-space:pre-line;
    line-height:1.9;
}

.system-confirm-dialog{
    max-width:430px;
    margin:auto;
    text-align:center;
}
.system-confirm-icon{
    width:56px;
    height:56px;
    margin:0 auto 10px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:#FFF3D7;
    color:#936100;
    font-size:26px;
    font-weight:950;
}
.system-confirm-dialog h3{
    margin:0 0 6px;
    color:var(--green-deep);
    font-size:17px;
}
.system-confirm-dialog p{
    margin:0;
    color:#536A60;
    font-size:10.5px;
    line-height:1.9;
}
.system-confirm-dialog .modal-actions{
    justify-content:center;
    margin-top:14px;
}

.evidence-preview-grid{
    display:grid;
    grid-template-columns:
        repeat(auto-fit,minmax(250px,1fr));
    gap:10px;
}
.evidence-preview-card{
    min-width:0;
    padding:10px;
    display:grid;
    gap:8px;
    align-content:start;
    border:1px solid #D6E6DD;
    border-radius:13px;
    background:#F9FCFA;
}
.evidence-preview-card>strong{
    color:var(--green-deep);
    font-size:10px;
}
.evidence-preview-name{
    overflow:hidden;
    color:var(--muted);
    font-size:8px;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.evidence-image-preview{
    width:100%;
    height:230px;
    display:block;
    border:1px solid #DCE8E1;
    border-radius:10px;
    background:#fff;
    object-fit:contain;
}
.evidence-pdf-preview{
    width:100%;
    height:320px;
    border:1px solid #DCE8E1;
    border-radius:10px;
    background:#fff;
}
.evidence-external-preview{
    min-height:130px;
    display:grid;
    place-items:center;
    align-content:center;
    gap:7px;
    border:1px dashed #BFD5C9;
    border-radius:10px;
    background:#fff;
    text-align:center;
}
.evidence-external-preview .icon{
    width:32px;
    height:32px;
    color:var(--green);
}
.evidence-external-preview strong{
    color:var(--green-deep);
    font-size:11px;
}
.evidence-external-preview a{
    color:var(--green);
    font-size:9px;
    font-weight:900;
}

.external-evidence-label{
    margin-bottom:4px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
}
.external-evidence-label strong{
    color:var(--green-deep);
}
.external-evidence-label small{
    padding:3px 8px;
    border-radius:999px;
    background:#EDF7F2;
    color:var(--green);
    font-size:8px;
    font-weight:900;
}

#occasionOtherField[hidden],
#partnerNameField[hidden],
#participantPicker[hidden]{
    display:none!important;
}

@media(max-width:760px){
    .evidence-preview-grid,
    .selected-evidence-list{
        grid-template-columns:1fr;
    }
    .evidence-image-preview{
        height:210px;
    }
    .evidence-pdf-preview{
        height:360px;
    }
    .external-evidence-label{
        align-items:flex-start;
        flex-direction:column;
        gap:3px;
    }
}

/* V3.0.4: required teacher account fields and profile-photo preview */
.account-photo-field{
    display:grid;
    gap:8px;
}
.account-photo-preview{
    display:flex;
    align-items:center;
    gap:14px;
    padding:12px;
    border:1px solid #DCE8E1;
    border-radius:14px;
    background:#F8FCFA;
}
.account-photo-preview-frame{
    width:92px;
    height:92px;
    min-width:92px;
    display:grid;
    place-items:center;
    overflow:hidden;
    border:1px solid #CFE0D7;
    border-radius:18px;
    background:#EDF7F2;
    color:#0B6B47;
    font-size:28px;
    font-weight:900;
}
.account-photo-preview-frame img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}
.account-photo-preview-text{
    display:grid;
    gap:5px;
    min-width:0;
}
.account-photo-preview-text strong{
    overflow-wrap:anywhere;
    color:var(--green-deep);
    font-size:12px;
}
.account-photo-preview-text small{
    color:var(--muted);
    font-size:10px;
}
.munjaz-avatar [data-profile-photo-preview-fallback]{
    display:grid;
    place-items:center;
    width:100%;
    height:100%;
}

@media(max-width:760px){
    .account-photo-preview{
        align-items:flex-start;
    }
    .account-photo-preview-frame{
        width:78px;
        height:78px;
        min-width:78px;
        border-radius:15px;
    }
}


/* V3.0.5: robust profile-photo delivery and broken-image fallback */
.munjaz-avatar img,
.account-photo-preview-frame img{
    display:block;
}
.munjaz-avatar img[hidden],
.account-photo-preview-frame img[hidden],
[data-profile-photo-preview-fallback][hidden]{
    display:none!important;
}

/* V3.0.8 — تحديث الإنجاز المرفوض واستبدال الشاهد */
.rejection-box strong{
    display:block;
    margin-bottom:3px;
}
.rejection-box small{
    display:block;
    margin-top:5px;
    color:inherit;
    font-size:8.5px;
    font-weight:700;
    line-height:1.7;
}
.evidence-replace-control{
    justify-self:start;
}
.evidence-replacement-preview{
    grid-template-columns:minmax(0,1fr);
}
.replacement-help{
    display:block;
    color:var(--muted);
    font-size:8.5px;
    line-height:1.7;
}
.evidence-update-note .icon{
    width:18px;
    height:18px;
    vertical-align:middle;
}


/* V3.0.14 — Tajawal typography system */
:root{
    --font-primary:"Tajawal","Segoe UI",Tahoma,Arial,sans-serif;
    --type-h1:clamp(32px,3vw,40px);
    --type-h2:clamp(24px,2.2vw,28px);
    --type-h3:clamp(18px,1.7vw,20px);
    --type-body:16px;
    --type-small:clamp(12px,1.1vw,14px);
    --type-button:16px;
}

html,
body,
button,
input,
select,
textarea{
    font-family:var(--font-primary)!important;
}

body{
    font-size:var(--type-body);
    font-weight:400;
    line-height:1.8;
}

h1,
.page-title-card h1,
.page-head h1,
.login-title h1,
.public-hero h1{
    font-size:var(--type-h1)!important;
    font-weight:700!important;
    line-height:1.35;
}

h2,
.panel-head h2{
    font-size:var(--type-h2)!important;
    font-weight:600!important;
    line-height:1.45;
}

h3,
.floating-panel-head h3{
    font-size:var(--type-h3)!important;
    font-weight:500!important;
    line-height:1.5;
}

/* عناوين البطاقات والمحتوى الفرعي تعامل كـ H3 حتى لا تتضخم البطاقات */
.achievement-card-title h2,
.activity-card h2,
.archive-card header strong,
.teacher-achievement-card h2,
.card-title,
.content-title{
    font-size:var(--type-h3)!important;
    font-weight:500!important;
    line-height:1.5;
}

p,
li,
td,
.data-table td,
.meta-item strong,
.teacher-inline strong,
.row-date strong,
.notification-item strong,
.reference-row strong{
    font-size:var(--type-body);
    font-weight:400;
}

small,
.page-title-card p,
.page-head p,
.panel-head p,
.floating-panel-head p,
label small,
.filter-help,
.form-help,
.hint,
.muted,
.teacher-inline small,
.row-date small,
.meta-item span,
.notification-item p,
.notification-item time,
.account-photo-preview-text small,
.replacement-help{
    font-size:var(--type-small)!important;
    font-weight:400!important;
    line-height:1.7;
}

label,
.filter-field label,
.data-table th{
    font-size:14px!important;
    font-weight:600!important;
    line-height:1.6;
}

input,
select,
textarea{
    font-size:var(--type-body)!important;
    font-weight:400!important;
}

button,
.btn,
.header-logout,
.top-nav-item,
.bottom-nav-item,
.tool-button,
.circle-action,
.panel-close,
.modal-close,
.filter-action,
.floating-panel-link{
    font-size:var(--type-button)!important;
    font-weight:600!important;
    line-height:1.35;
}

.btn.small{
    font-size:14px!important;
    font-weight:600!important;
}

.munjaz-brand-copy strong{
    font-family:var(--font-primary)!important;
    font-weight:700!important;
}

.munjaz-brand-copy small,
.munjaz-user-copy small,
.nav-badge,
.bottom-badge{
    font-family:var(--font-primary)!important;
}

/* الحفاظ على المقاسات الطباعية الخاصة بالشهادة مع استخدام الخط المعتمد */
.certificate,
.certificate *{
    font-family:var(--font-primary)!important;
}
.certificate h1{font-size:34px!important;font-weight:700!important}
.certificate h2{font-size:30px!important;font-weight:600!important}
.certificate h3{font-size:23px!important;font-weight:500!important}

@media(max-width:760px){
    :root{
        --type-h1:32px;
        --type-h2:24px;
        --type-h3:18px;
        --type-body:16px;
        --type-small:12px;
        --type-button:16px;
    }
}

@media print{
    body{
        font-family:var(--font-primary)!important;
        font-size:12pt;
        font-weight:400;
    }
}

/* V3.0.15 — Apple-inspired interface system */
body.ui-apple{
    --apple-bg:#F5F5F7;
    --apple-bg-2:#FBFBFD;
    --apple-surface:rgba(255,255,255,.84);
    --apple-surface-strong:#FFFFFF;
    --apple-surface-muted:rgba(246,246,248,.92);
    --apple-border:rgba(29,29,31,.09);
    --apple-border-strong:rgba(29,29,31,.14);
    --apple-label:#1D1D1F;
    --apple-secondary:#6E6E73;
    --apple-tertiary:#86868B;
    --apple-separator:rgba(60,60,67,.12);
    --apple-shadow:0 12px 36px rgba(0,0,0,.065);
    --apple-shadow-large:0 24px 70px rgba(0,0,0,.12);
    --apple-focus:0 0 0 4px rgba(11,107,71,.14);
    --green:#0B6B47;
    --green-dark:#07563C;
    --green-deep:#12392D;
    --green-soft:#EAF5EF;
    --page:var(--apple-bg);
    --card:var(--apple-surface-strong);
    --border:var(--apple-border);
    --border-strong:var(--apple-border-strong);
    --text:var(--apple-label);
    --text-2:#3A3A3C;
    --muted:var(--apple-secondary);
    --shadow:var(--apple-shadow);
    --radius:24px;
    background:
        radial-gradient(circle at 8% -4%,rgba(11,107,71,.09),transparent 28%),
        radial-gradient(circle at 95% 10%,rgba(0,113,227,.055),transparent 24%),
        linear-gradient(180deg,var(--apple-bg-2) 0,var(--apple-bg) 40%,#F2F2F4 100%);
    color:var(--apple-label);
    letter-spacing:0;
}

body.ui-apple ::selection{
    background:rgba(11,107,71,.18);
    color:var(--apple-label);
}

body.ui-apple a,
body.ui-apple button,
body.ui-apple input,
body.ui-apple select,
body.ui-apple textarea{
    -webkit-tap-highlight-color:transparent;
}

/* الشريط العلوي */
body.ui-apple .munjaz-header{
    position:relative;
    z-index:520;
    background:rgba(255,255,255,.86);
    color:var(--apple-label);
    border-bottom:1px solid var(--apple-separator);
    box-shadow:none;
    -webkit-backdrop-filter:saturate(180%) blur(24px);
    backdrop-filter:saturate(180%) blur(24px);
}
body.ui-apple .munjaz-header-inner{
    width:min(1480px,calc(100% - 40px));
}
body.ui-apple .munjaz-brand{
    color:var(--apple-label);
}
body.ui-apple .munjaz-logo{
    width:48px;
    height:48px;
    min-width:48px;
    border:1px solid rgba(255,255,255,.72);
    border-radius:16px;
    background:linear-gradient(145deg,#12805A,#07563C);
    box-shadow:0 8px 22px rgba(11,107,71,.22),inset 0 1px rgba(255,255,255,.24);
}
body.ui-apple .munjaz-logo img{
    width:39px;
    height:39px;
    filter:brightness(0) invert(1);
}
body.ui-apple .munjaz-brand-copy strong{
    color:var(--apple-label);
    font-weight:700!important;
}
body.ui-apple .munjaz-brand-copy small{
    color:var(--apple-secondary);
    font-weight:500!important;
}
body.ui-apple .munjaz-user{
    padding:6px 7px 6px 10px;
    border:1px solid var(--apple-border);
    border-radius:999px;
    background:rgba(255,255,255,.74);
    box-shadow:0 2px 12px rgba(0,0,0,.035);
}
body.ui-apple .munjaz-avatar{
    border:3px solid #fff;
    background:#E8E8ED;
    color:var(--green);
    box-shadow:0 2px 10px rgba(0,0,0,.12);
}
body.ui-apple .munjaz-user-copy strong{
    color:var(--apple-label);
    font-weight:600!important;
}
body.ui-apple .munjaz-user-copy small{
    color:var(--apple-secondary);
    font-weight:400!important;
}
body.ui-apple .header-logout{
    min-width:74px;
    height:38px;
    justify-content:center;
    border:1px solid var(--apple-border);
    border-radius:999px;
    background:#F2F2F7;
    color:var(--apple-label);
    box-shadow:none;
}
body.ui-apple .header-logout:hover{
    background:#E9E9EE;
}

/* شريط التنقل كعنصر زجاجي */
body.ui-apple .top-navigation{
    background:rgba(245,245,247,.82);
    border-bottom:1px solid var(--apple-separator);
    box-shadow:none;
    -webkit-backdrop-filter:saturate(180%) blur(24px);
    backdrop-filter:saturate(180%) blur(24px);
}
body.ui-apple .top-navigation-inner{
    width:min(1480px,calc(100% - 40px));
    align-items:center;
}
body.ui-apple .top-navigation-links{
    gap:6px;
    padding-block:7px;
}
body.ui-apple .top-nav-item{
    min-width:102px;
    height:42px;
    border:1px solid transparent;
    border-radius:999px;
    color:var(--apple-secondary);
    font-weight:600!important;
}
body.ui-apple .top-nav-item:hover{
    background:rgba(255,255,255,.72);
    color:var(--apple-label);
}
body.ui-apple .top-nav-item.active{
    border-color:var(--apple-border);
    background:#fff;
    color:var(--green);
    box-shadow:0 3px 14px rgba(0,0,0,.075);
}
body.ui-apple .tool-button{
    width:42px;
    height:42px;
    border:1px solid var(--apple-border);
    border-radius:50%;
    background:rgba(255,255,255,.82);
    color:var(--apple-label);
    box-shadow:0 2px 10px rgba(0,0,0,.045);
}
body.ui-apple .tool-button:hover{
    background:#fff;
    color:var(--green);
    transform:translateY(-1px);
}
body.ui-apple .tool-button.has-alerts{
    border-color:rgba(183,121,31,.22);
    background:#FFF8E8;
}

/* الحاوية والعناوين */
body.ui-apple .page-shell{
    width:min(1480px,calc(100% - 40px));
    margin-top:24px;
}
body.ui-apple .page-title-card,
body.ui-apple .page-head{
    min-height:112px;
    padding:24px 26px;
    border:1px solid rgba(255,255,255,.78);
    border-right:1px solid rgba(255,255,255,.78);
    border-radius:28px;
    background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(255,255,255,.72));
    box-shadow:var(--apple-shadow);
    -webkit-backdrop-filter:saturate(170%) blur(22px);
    backdrop-filter:saturate(170%) blur(22px);
}
body.ui-apple .page-title-icon{
    width:56px;
    height:56px;
    min-width:56px;
    border-radius:18px;
    background:linear-gradient(145deg,#14825C,#08704D);
    color:#fff;
    box-shadow:0 10px 24px rgba(11,107,71,.2),inset 0 1px rgba(255,255,255,.25);
}
body.ui-apple .page-title-icon .icon{
    width:27px;
    height:27px;
}
body.ui-apple .page-title-card h1,
body.ui-apple .page-head h1{
    color:var(--apple-label);
    letter-spacing:-.25px;
}
body.ui-apple .page-title-card p,
body.ui-apple .page-head p{
    color:var(--apple-secondary);
}
body.ui-apple .site-footer{
    color:var(--apple-tertiary);
    font-weight:400;
}

/* الأسطح والبطاقات */
body.ui-apple .panel,
body.ui-apple .achievement-card,
body.ui-apple .login-card,
body.ui-apple .verify-card,
body.ui-apple .settings-section,
body.ui-apple .teacher-achievement-card,
body.ui-apple .archive-card,
body.ui-apple .archive-achievement-card,
body.ui-apple .audit-card,
body.ui-apple .backup-card,
body.ui-apple .security-event-card,
body.ui-apple .communication-batch-card,
body.ui-apple .communication-template-card,
body.ui-apple .teacher-notification-card,
body.ui-apple .manager-response-card,
body.ui-apple .qa-check-card,
body.ui-apple .qa-launch-card,
body.ui-apple .release-readiness-card,
body.ui-apple .restore-compare-card,
body.ui-apple .restore-source-card{
    border:1px solid rgba(255,255,255,.82);
    border-radius:24px;
    background:var(--apple-surface);
    box-shadow:var(--apple-shadow);
    -webkit-backdrop-filter:saturate(160%) blur(20px);
    backdrop-filter:saturate(160%) blur(20px);
}
body.ui-apple .panel,
body.ui-apple .achievement-card,
body.ui-apple .login-card,
body.ui-apple .verify-card,
body.ui-apple .settings-section{
    padding:22px;
}
body.ui-apple .panel-head{
    margin-bottom:18px;
    padding-bottom:14px;
    border-bottom:1px solid var(--apple-separator);
}
body.ui-apple .panel-head h2,
body.ui-apple .floating-panel-head h3{
    color:var(--apple-label);
}
body.ui-apple .panel-head p,
body.ui-apple .floating-panel-head p{
    color:var(--apple-secondary);
}

/* الأزرار */
body.ui-apple .btn{
    min-height:44px;
    padding:9px 17px;
    border:1px solid transparent;
    border-radius:999px;
    background:linear-gradient(180deg,#12805A,#0B6B47);
    color:#fff;
    box-shadow:0 5px 15px rgba(11,107,71,.18),inset 0 1px rgba(255,255,255,.18);
    font-weight:600!important;
}
body.ui-apple .btn:hover{
    filter:none;
    transform:translateY(-1px);
    box-shadow:0 8px 20px rgba(11,107,71,.22),inset 0 1px rgba(255,255,255,.2);
}
body.ui-apple .btn:active{
    transform:scale(.985);
}
body.ui-apple .btn.secondary{
    border-color:var(--apple-border);
    background:#fff;
    color:var(--green);
    box-shadow:0 2px 10px rgba(0,0,0,.05);
}
body.ui-apple .btn.soft{
    border-color:transparent;
    background:#EAF5EF;
    color:var(--green-dark);
    box-shadow:none;
}
body.ui-apple .btn.success{
    background:linear-gradient(180deg,#248A5A,#147A52);
}
body.ui-apple .btn.danger{
    background:linear-gradient(180deg,#D84A42,#B42318);
    box-shadow:0 5px 15px rgba(180,35,24,.16);
}
body.ui-apple .btn.warning{
    background:linear-gradient(180deg,#C98B2C,#A96912);
    box-shadow:0 5px 15px rgba(183,121,31,.16);
}
body.ui-apple .btn.small{
    min-height:36px;
    padding-inline:13px;
}
body.ui-apple .btn.icon-only{
    width:44px;
    padding:0;
}
body.ui-apple .circle-action,
body.ui-apple .panel-close,
body.ui-apple .modal-close{
    border:1px solid var(--apple-border);
    background:rgba(255,255,255,.88);
    color:var(--apple-label);
    box-shadow:0 2px 10px rgba(0,0,0,.05);
}
body.ui-apple .circle-action:hover,
body.ui-apple .panel-close:hover,
body.ui-apple .modal-close:hover{
    background:#fff;
    color:var(--green);
    transform:translateY(-1px);
}

/* الحقول والقوائم */
body.ui-apple label,
body.ui-apple .filter-field label{
    color:#3A3A3C;
    font-weight:600!important;
}
body.ui-apple input,
body.ui-apple select,
body.ui-apple textarea{
    border:1px solid #D2D2D7;
    border-radius:13px;
    background:rgba(255,255,255,.94);
    color:var(--apple-label);
    box-shadow:inset 0 1px 2px rgba(0,0,0,.025);
}
body.ui-apple input,
body.ui-apple select{
    height:48px;
}
body.ui-apple textarea{
    min-height:108px;
}
body.ui-apple input::placeholder,
body.ui-apple textarea::placeholder{
    color:#98989D;
}
body.ui-apple input:focus,
body.ui-apple select:focus,
body.ui-apple textarea:focus,
body.ui-apple input:focus-visible,
body.ui-apple select:focus-visible,
body.ui-apple textarea:focus-visible{
    outline:0;
    border-color:var(--green)!important;
    box-shadow:var(--apple-focus)!important;
}
body.ui-apple input[type="checkbox"],
body.ui-apple input[type="radio"]{
    accent-color:var(--green);
}
body.ui-apple label.check,
body.ui-apple .participant-picker,
body.ui-apple .participant-option,
body.ui-apple .existing-evidence{
    border-color:var(--apple-border);
    border-radius:15px;
    background:rgba(255,255,255,.72);
}
body.ui-apple .participant-option:hover{
    background:#fff;
    border-color:rgba(11,107,71,.24);
}

/* فلاتر البحث */
body.ui-apple .filter-bar,
body.ui-apple .audit-filter{
    padding:16px;
    gap:12px;
    border:1px solid rgba(255,255,255,.82);
    border-radius:22px;
    background:rgba(255,255,255,.72);
    box-shadow:0 8px 28px rgba(0,0,0,.045);
    -webkit-backdrop-filter:saturate(160%) blur(18px);
    backdrop-filter:saturate(160%) blur(18px);
}
body.ui-apple .filter-field input,
body.ui-apple .filter-field select{
    height:46px;
    border-radius:12px;
    border-color:#D2D2D7;
    background:#fff;
    color:var(--apple-label);
    font-weight:400!important;
}
body.ui-apple .search-field .icon{
    color:var(--apple-tertiary);
}
body.ui-apple .result-summary{
    min-height:44px;
    padding:9px 13px;
    border:1px solid var(--apple-border);
    border-radius:14px;
    background:rgba(255,255,255,.66);
    color:var(--apple-secondary);
}

/* المؤشرات */
body.ui-apple .stats-strip{
    gap:12px;
}
body.ui-apple .metric-card,
body.ui-apple .insight-kpi{
    min-height:104px;
    border:1px solid rgba(255,255,255,.84);
    border-radius:22px;
    background:rgba(255,255,255,.82);
    box-shadow:0 8px 26px rgba(0,0,0,.05);
    -webkit-backdrop-filter:blur(18px);
    backdrop-filter:blur(18px);
}
body.ui-apple .metric-card{
    padding:17px 18px;
}
body.ui-apple .metric-icon{
    width:44px;
    height:44px;
    border-radius:14px;
    background:#EAF5EF;
}
body.ui-apple .metric-card .metric-copy span,
body.ui-apple .insight-kpi span{
    color:var(--apple-secondary);
    font-weight:500;
}
body.ui-apple .metric-card .metric-copy strong,
body.ui-apple .insight-kpi strong{
    color:var(--apple-label);
    letter-spacing:-.4px;
}
body.ui-apple .activity-card{
    border:1px solid rgba(255,255,255,.18);
    border-radius:24px;
    background:linear-gradient(145deg,#12805A,#064A34);
    box-shadow:0 18px 42px rgba(7,81,56,.22);
}

/* الجداول والقوائم */
body.ui-apple .table-responsive{
    border:1px solid var(--apple-border);
    border-radius:20px;
    background:rgba(255,255,255,.82);
    box-shadow:0 8px 28px rgba(0,0,0,.045);
}
body.ui-apple .data-table{
    border-collapse:separate;
    border-spacing:0;
}
body.ui-apple .data-table th,
body.ui-apple .data-table td{
    border-bottom:1px solid var(--apple-separator);
}
body.ui-apple .data-table th,
body.ui-apple .data-table thead th{
    background:rgba(247,247,249,.96);
    color:#515154;
    box-shadow:inset 0 -1px var(--apple-separator);
}
body.ui-apple .data-table tbody tr{
    background:rgba(255,255,255,.72);
    transition:background .16s ease;
}
body.ui-apple .data-table tbody tr:hover{
    background:#F7FAF8;
}
body.ui-apple .achievement-row,
body.ui-apple .data-row,
body.ui-apple .notification-item,
body.ui-apple .reference-row,
body.ui-apple .alert-card{
    border:1px solid rgba(255,255,255,.85);
    border-radius:18px;
    background:rgba(255,255,255,.82);
    box-shadow:0 5px 18px rgba(0,0,0,.04);
}
body.ui-apple .achievement-row{
    min-height:78px;
    padding:13px 15px;
}
body.ui-apple .achievement-row:hover{
    border-color:rgba(11,107,71,.18);
    background:#fff;
    box-shadow:0 10px 26px rgba(0,0,0,.065);
}
body.ui-apple .achievement-row-head{
    color:var(--apple-secondary);
}

/* بطاقات الإنجازات */
body.ui-apple .teacher-achievement-card{
    overflow:hidden;
    transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
body.ui-apple .teacher-achievement-card:hover{
    transform:translateY(-3px);
    box-shadow:0 18px 42px rgba(0,0,0,.09);
}
body.ui-apple .teacher-achievement-card-head,
body.ui-apple .teacher-achievement-card-actions,
body.ui-apple .achievement-card-header{
    border-color:var(--apple-separator);
    background:rgba(247,247,249,.78);
}
body.ui-apple .teacher-achievement-card h2,
body.ui-apple .achievement-card-title h2{
    color:var(--apple-label);
}
body.ui-apple .teacher-achievement-card p,
body.ui-apple .achievement-card-title p,
body.ui-apple .teacher-achievement-meta{
    color:var(--apple-secondary);
}
body.ui-apple .meta-item,
body.ui-apple .flag-item,
body.ui-apple .review-panel,
body.ui-apple .evidence-card,
body.ui-apple .archive-kpis>div,
body.ui-apple .alert-periods>div,
body.ui-apple .advisor-kpis>div{
    border-color:var(--apple-border);
    border-radius:16px;
    background:rgba(248,248,250,.82);
}
body.ui-apple .evidence-card{
    overflow:hidden;
    box-shadow:0 4px 16px rgba(0,0,0,.04);
}
body.ui-apple .rejection-box{
    border-color:rgba(180,35,24,.16);
    border-radius:15px;
    background:#FFF1F0;
}

/* الحالات والتنبيهات */
body.ui-apple .status,
body.ui-apple .score-pill,
body.ui-apple .level-badge{
    min-height:30px;
    padding-inline:11px;
    border:1px solid transparent;
    border-radius:999px;
    font-weight:600!important;
}
body.ui-apple .status.success,
body.ui-apple .score-pill{
    border-color:rgba(20,122,82,.12);
    background:#E8F7EF;
}
body.ui-apple .status.danger{
    border-color:rgba(180,35,24,.1);
    background:#FFF0EF;
}
body.ui-apple .status.warning{
    border-color:rgba(183,121,31,.12);
    background:#FFF7E8;
}
body.ui-apple .status.info{
    border-color:rgba(0,113,227,.1);
    background:#EDF5FF;
}
body.ui-apple .flash,
body.ui-apple .pwa-note,
body.ui-apple .archive-readonly-banner{
    border-radius:16px;
    box-shadow:0 5px 18px rgba(0,0,0,.035);
}

/* النوافذ العائمة والمسج بوكس */
body.ui-apple .floating-panel{
    padding:20px;
    border:1px solid rgba(255,255,255,.85);
    border-radius:26px;
    background:rgba(255,255,255,.86);
    box-shadow:var(--apple-shadow-large);
    -webkit-backdrop-filter:saturate(180%) blur(28px);
    backdrop-filter:saturate(180%) blur(28px);
    animation:apple-panel-in .2s cubic-bezier(.2,.8,.2,1);
}
body.ui-apple .modal-backdrop{
    background:rgba(20,20,22,.34);
    -webkit-backdrop-filter:blur(18px) saturate(120%);
    backdrop-filter:blur(18px) saturate(120%);
}
body.ui-apple .modal-card,
body.ui-apple .system-dialog-card{
    padding:24px;
    border:1px solid rgba(255,255,255,.78);
    border-radius:28px;
    background:rgba(255,255,255,.94);
    box-shadow:0 30px 90px rgba(0,0,0,.22);
    -webkit-backdrop-filter:saturate(180%) blur(30px);
    backdrop-filter:saturate(180%) blur(30px);
    animation:apple-modal-in .24s cubic-bezier(.2,.85,.25,1);
}
body.ui-apple .modal-card h3,
body.ui-apple .system-dialog-card h3{
    color:var(--apple-label);
}
body.ui-apple .modal-card p,
body.ui-apple .system-dialog-card p{
    color:var(--apple-secondary);
}
body.ui-apple .page-progress{
    border:1px solid rgba(255,255,255,.82);
    background:rgba(255,255,255,.9);
    color:var(--apple-label);
    box-shadow:0 18px 50px rgba(0,0,0,.14);
    -webkit-backdrop-filter:blur(22px);
    backdrop-filter:blur(22px);
}

/* تسجيل الدخول */
body.ui-apple.role-public .page-shell{
    width:min(980px,calc(100% - 32px));
}
body.ui-apple .login-card{
    max-width:500px;
    margin-top:62px;
    padding:30px;
}
body.ui-apple .login-title .munjaz-logo{
    width:76px;
    height:76px;
    border-radius:23px;
    background:linear-gradient(145deg,#14825C,#07563C);
    box-shadow:0 18px 38px rgba(11,107,71,.24);
}
body.ui-apple .login-title .munjaz-logo img{
    width:58px;
    height:58px;
}
body.ui-apple .login-tabs{
    gap:4px;
    padding:4px;
    border:0;
    border-radius:16px;
    background:#E9E9ED;
}
body.ui-apple .login-tabs a{
    border-radius:12px;
    background:transparent;
    color:var(--apple-secondary);
}
body.ui-apple .login-tabs a.active{
    background:#fff;
    color:var(--apple-label);
    box-shadow:0 2px 9px rgba(0,0,0,.1);
}

/* التبويبات والترقيم */
body.ui-apple .settings-tabs,
body.ui-apple .tabs{
    gap:6px;
}
body.ui-apple .settings-tabs a,
body.ui-apple .tabs a,
body.ui-apple .pagination a{
    border:1px solid var(--apple-border);
    border-radius:999px;
    background:rgba(255,255,255,.78);
    color:var(--apple-secondary);
    box-shadow:0 2px 8px rgba(0,0,0,.035);
}
body.ui-apple .settings-tabs a.active,
body.ui-apple .tabs a.active,
body.ui-apple .pagination a.active,
body.ui-apple .pagination a[aria-current="page"]{
    border-color:transparent;
    background:var(--green);
    color:#fff;
    box-shadow:0 5px 15px rgba(11,107,71,.18);
}

/* الحركة */
@keyframes apple-modal-in{
    from{opacity:0;transform:translateY(12px) scale(.97)}
    to{opacity:1;transform:none}
}
@keyframes apple-panel-in{
    from{opacity:0;transform:translateY(-8px) scale(.98)}
    to{opacity:1;transform:none}
}

@media(hover:hover){
    body.ui-apple .panel,
    body.ui-apple .metric-card,
    body.ui-apple .archive-card,
    body.ui-apple .backup-card{
        transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
    }
    body.ui-apple .metric-card:hover,
    body.ui-apple .archive-card:hover,
    body.ui-apple .backup-card:hover{
        transform:translateY(-2px);
        box-shadow:0 15px 36px rgba(0,0,0,.075);
    }
}

/* الجوال: شريط سفلي زجاجي قريب من أسلوب iOS */
@media(max-width:760px){
    body.ui-apple{
        padding-bottom:calc(90px + env(safe-area-inset-bottom));
    }
    body.ui-apple .munjaz-header-inner{
        width:calc(100% - 18px);
    }
    body.ui-apple .munjaz-header{
        background:rgba(255,255,255,.9);
    }
    body.ui-apple .munjaz-brand-copy small{
        max-width:145px;
    }
    body.ui-apple .munjaz-user{
        padding:4px;
        border:0;
        background:transparent;
        box-shadow:none;
    }
    body.ui-apple .header-logout{
        width:40px;
        min-width:40px;
        height:40px;
        padding:0;
    }
    body.ui-apple .bottom-navigation{
        right:10px;
        left:10px;
        bottom:max(9px,env(safe-area-inset-bottom));
        min-height:68px;
        padding:7px 6px calc(7px + env(safe-area-inset-bottom)/5);
        border:1px solid rgba(255,255,255,.86);
        border-radius:25px;
        background:rgba(248,248,250,.84);
        box-shadow:0 18px 50px rgba(0,0,0,.16);
        -webkit-backdrop-filter:saturate(190%) blur(28px);
        backdrop-filter:saturate(190%) blur(28px);
    }
    body.ui-apple .bottom-nav-item{
        min-height:52px;
        border-radius:17px;
        color:var(--apple-secondary);
        font-weight:500!important;
    }
    body.ui-apple .bottom-nav-item.active{
        background:#fff;
        color:var(--green);
        box-shadow:0 3px 12px rgba(0,0,0,.09);
    }
    body.ui-apple .bottom-nav-item .icon{
        width:21px;
        height:21px;
    }
    body.ui-apple .page-shell{
        width:calc(100% - 18px);
        margin-top:14px;
    }
    body.ui-apple .page-title-card,
    body.ui-apple .page-head{
        min-height:auto;
        padding:18px;
        border-radius:22px;
    }
    body.ui-apple .page-title-icon{
        width:48px;
        height:48px;
        min-width:48px;
        border-radius:15px;
    }
    body.ui-apple .panel,
    body.ui-apple .achievement-card,
    body.ui-apple .login-card,
    body.ui-apple .verify-card,
    body.ui-apple .settings-section{
        padding:17px;
        border-radius:21px;
    }
    body.ui-apple .filter-bar,
    body.ui-apple .audit-filter{
        padding:13px;
        border-radius:19px;
    }
    body.ui-apple .metric-card,
    body.ui-apple .insight-kpi{
        min-height:94px;
        border-radius:19px;
    }
    body.ui-apple .floating-panel{
        top:78px;
        border-radius:23px;
    }
    body.ui-apple .modal-card,
    body.ui-apple .system-dialog-card{
        padding:20px;
        border-radius:24px;
    }
    body.ui-apple .login-card{
        margin-top:28px;
        padding:23px;
    }
}

@media(max-width:430px){
    body.ui-apple .stats-strip{
        gap:8px;
    }
    body.ui-apple .metric-card{
        padding:13px;
    }
    body.ui-apple .metric-icon{
        width:38px;
        height:38px;
    }
    body.ui-apple .btn{
        padding-inline:14px;
    }
}

@media(prefers-reduced-motion:reduce){
    body.ui-apple *,
    body.ui-apple *::before,
    body.ui-apple *::after{
        scroll-behavior:auto!important;
        animation-duration:.01ms!important;
        animation-iteration-count:1!important;
        transition-duration:.01ms!important;
    }
}

@media print{
    body.ui-apple{
        background:#fff!important;
        color:#000!important;
    }
    body.ui-apple .panel,
    body.ui-apple .achievement-card,
    body.ui-apple .teacher-achievement-card,
    body.ui-apple .page-title-card,
    body.ui-apple .page-head{
        background:#fff!important;
        border:1px solid #ddd!important;
        box-shadow:none!important;
        -webkit-backdrop-filter:none!important;
        backdrop-filter:none!important;
    }
}

/* V3.0.16 — Balanced Tajawal typography for Apple-inspired UI */
:root{
    --type-h1:30px;
    --type-h2:23px;
    --type-h3:18px;
    --type-body:15px;
    --type-small:13px;
    --type-button:14px;
    --type-field:15px;
    --type-table:14px;
    --type-nav:14px;
    --type-kpi:28px;
}

body{
    font-size:var(--type-body)!important;
    font-weight:400;
    line-height:1.75;
}

h1,
.page-title-card h1,
.page-head h1,
.login-title h1,
.public-hero h1{
    font-size:var(--type-h1)!important;
    font-weight:700!important;
    line-height:1.35!important;
    letter-spacing:-.15px;
}

h2,
.panel-head h2{
    font-size:var(--type-h2)!important;
    font-weight:700!important;
    line-height:1.4!important;
}

h3,
.floating-panel-head h3{
    font-size:var(--type-h3)!important;
    font-weight:600!important;
    line-height:1.45!important;
}

.achievement-card-title h2,
.activity-card h2,
.archive-card header strong,
.teacher-achievement-card h2,
.card-title,
.content-title{
    font-size:var(--type-h3)!important;
    font-weight:600!important;
    line-height:1.45!important;
}

p,
li,
.meta-item strong,
.teacher-inline strong,
.row-date strong,
.notification-item strong,
.reference-row strong{
    font-size:var(--type-body)!important;
    font-weight:400;
    line-height:1.75;
}

small,
.page-title-card p,
.page-head p,
.panel-head p,
.floating-panel-head p,
label small,
.filter-help,
.form-help,
.hint,
.muted,
.teacher-inline small,
.row-date small,
.meta-item span,
.notification-item p,
.notification-item time,
.account-photo-preview-text small,
.replacement-help{
    font-size:var(--type-small)!important;
    font-weight:400!important;
    line-height:1.65!important;
}

label,
.filter-field label{
    font-size:14px!important;
    font-weight:600!important;
    line-height:1.55!important;
}

input,
select,
textarea{
    font-size:var(--type-field)!important;
    font-weight:500!important;
    line-height:1.45!important;
}

button,
.btn,
.header-logout,
.circle-action,
.panel-close,
.modal-close,
.filter-action,
.floating-panel-link{
    font-size:var(--type-button)!important;
    font-weight:600!important;
    line-height:1.3!important;
}

.btn.small{
    font-size:13px!important;
    font-weight:600!important;
}

.top-nav-item,
.bottom-nav-item,
.tool-button{
    font-size:var(--type-nav)!important;
    font-weight:600!important;
    line-height:1.3!important;
}

.data-table,
table{
    font-size:var(--type-table)!important;
}

.data-table th,
table th{
    font-size:var(--type-table)!important;
    font-weight:700!important;
    line-height:1.5!important;
}

.data-table td,
table td{
    font-size:var(--type-table)!important;
    font-weight:400!important;
    line-height:1.6!important;
}

.metric-card .metric-copy strong,
.insight-kpi strong,
.release-readiness-score strong{
    font-size:var(--type-kpi)!important;
    font-weight:700!important;
    line-height:1.15!important;
}

.metric-card .metric-copy span,
.insight-kpi span,
.release-readiness-score span{
    font-size:13px!important;
    font-weight:500!important;
    line-height:1.5!important;
}

.teacher-band-score strong{
    font-size:22px!important;
    font-weight:700!important;
}
.teacher-band-score span{
    font-size:12px!important;
    font-weight:500!important;
}

.munjaz-brand-copy strong{
    font-size:18px!important;
    font-weight:700!important;
}
.munjaz-brand-copy small,
.munjaz-user-copy small{
    font-size:12px!important;
    font-weight:400!important;
}
.munjaz-user-copy strong{
    font-size:14px!important;
    font-weight:600!important;
}

.status,
.badge,
.pill,
.score-pill,
.nav-badge,
.bottom-badge{
    font-size:12px!important;
    font-weight:600!important;
}

/* تبقى الشهادات بمقاساتها المستقلة */
.certificate h1{font-size:34px!important;font-weight:700!important}
.certificate h2{font-size:30px!important;font-weight:600!important}
.certificate h3{font-size:23px!important;font-weight:500!important}

@media(max-width:760px){
    :root{
        --type-h1:27px;
        --type-h2:21px;
        --type-h3:17px;
        --type-body:15px;
        --type-small:12px;
        --type-button:14px;
        --type-field:15px;
        --type-table:13px;
        --type-nav:13px;
        --type-kpi:26px;
    }

    .munjaz-brand-copy strong{font-size:16px!important}
    .munjaz-user-copy strong{font-size:13px!important}
    .metric-card .metric-copy span,
    .insight-kpi span{font-size:12px!important}
}

@media(max-width:430px){
    :root{
        --type-h1:25px;
        --type-h2:20px;
        --type-h3:17px;
    }
}

@media print{
    body{
        font-size:11pt!important;
        line-height:1.65!important;
    }
    .data-table,
    table,
    .data-table th,
    .data-table td,
    table th,
    table td{
        font-size:10pt!important;
    }
}

/* V3.0.17 — Formal government green header and institutional separator */
body.ui-apple .munjaz-header{
    position:relative;
    z-index:520;
    background:linear-gradient(105deg,#0B5A3C 0%,#084B34 56%,#063D2C 100%)!important;
    color:#fff!important;
    border-bottom:0!important;
    box-shadow:none!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
}

body.ui-apple .munjaz-brand,
body.ui-apple .munjaz-brand-copy strong,
body.ui-apple .munjaz-user-copy strong{
    color:#fff!important;
}

body.ui-apple .munjaz-brand-copy small,
body.ui-apple .munjaz-user-copy small{
    color:rgba(255,255,255,.78)!important;
}

body.ui-apple .munjaz-logo{
    border:1px solid rgba(255,255,255,.18)!important;
    background:rgba(255,255,255,.08)!important;
    box-shadow:none!important;
}

body.ui-apple .munjaz-user{
    border:1px solid rgba(255,255,255,.18)!important;
    background:rgba(255,255,255,.08)!important;
    box-shadow:none!important;
}

body.ui-apple .munjaz-avatar{
    border-color:rgba(255,255,255,.82)!important;
    background:rgba(255,255,255,.14)!important;
    color:#fff!important;
    box-shadow:none!important;
}

body.ui-apple .header-logout{
    border:1px solid rgba(255,255,255,.24)!important;
    background:rgba(255,255,255,.08)!important;
    color:#fff!important;
    box-shadow:none!important;
}

body.ui-apple .header-logout:hover{
    background:rgba(255,255,255,.15)!important;
}

/* خط مؤسسي هادئ يفصل الهيدر عن شريط التنقل */
body.ui-apple .top-navigation{
    position:relative;
    border-top:0!important;
}

body.ui-apple .top-navigation::before{
    content:"";
    position:absolute;
    top:0;
    right:0;
    left:0;
    z-index:2;
    height:4px;
    pointer-events:none;
    background:linear-gradient(90deg,#A98543 0%,#D8C089 18%,#F0E3C3 50%,#D8C089 82%,#A98543 100%);
    box-shadow:0 1px 0 rgba(6,61,44,.16);
}

body.ui-apple .top-navigation-inner{
    padding-top:4px;
}

@media(max-width:760px){
    body.ui-apple .munjaz-header{
        border-bottom:3px solid #C7A969!important;
    }
}

@media print{
    body.ui-apple .munjaz-header,
    body.ui-apple .top-navigation::before{
        display:none!important;
    }
}
/* MUNJAZ_V3.0.24_APPROVED_GOVERNMENT_UI_START */
:root{
    --munjaz-gov-green:#08663F;
    --munjaz-gov-green-dark:#064F33;
    --munjaz-gov-green-deep:#043F2A;
    --munjaz-gov-gold:#C9A95F;
    --munjaz-gov-bg:#FAFCFB;
    --munjaz-gov-card:#FFFFFF;
    --munjaz-gov-line:#E4ECE8;
    --munjaz-gov-text:#103D2A;
    --munjaz-gov-muted:#6B7771;
    --munjaz-gov-shadow:0 12px 30px rgba(9,72,46,.07);
    --header-height:132px;
    --nav-height:68px;
}

html{background:var(--munjaz-gov-bg)!important}
body.ui-government-dashboard{
    min-height:100vh;
    background:
        radial-gradient(circle at 90% 2%,rgba(8,102,63,.035),transparent 24%),
        linear-gradient(180deg,#FFFFFF 0,#FAFCFB 46%,#F8FBF9 100%)!important;
    color:var(--munjaz-gov-text)!important;
}

/* الهيدر الرسمي المعتمد */
body.ui-government-dashboard .munjaz-header{
    min-height:132px!important;
    height:132px!important;
    position:relative;
    background:
        radial-gradient(circle at 14% 0%,rgba(255,255,255,.08),transparent 30%),
        linear-gradient(105deg,#087047 0%,#08613E 48%,#05452F 100%)!important;
    border:0!important;
    box-shadow:none!important;
    overflow:hidden;
}
body.ui-government-dashboard .munjaz-header::after{
    content:"";
    position:absolute;
    inset:auto 0 0;
    height:4px;
    background:linear-gradient(90deg,#B9984E,#E0C778,#B9984E);
}
body.ui-government-dashboard .munjaz-header-inner{
    width:min(1510px,calc(100% - 68px))!important;
    height:100%!important;
    gap:34px!important;
}
body.ui-government-dashboard .munjaz-brand{
    gap:19px!important;
    color:#fff!important;
}
body.ui-government-dashboard .munjaz-logo{
    width:82px!important;
    height:82px!important;
    min-width:82px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
}
body.ui-government-dashboard .munjaz-logo img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    filter:none!important;
    opacity:1!important;
}
body.ui-government-dashboard .munjaz-brand-copy{
    gap:7px;
}
body.ui-government-dashboard .munjaz-brand-copy strong{
    color:#fff!important;
    font-family:"Tajawal","Cairo",Arial,sans-serif!important;
    font-size:52px!important;
    font-weight:800!important;
    line-height:.96!important;
    letter-spacing:-1.2px!important;
    text-shadow:0 2px 0 rgba(0,0,0,.08)!important;
}
body.ui-government-dashboard .munjaz-brand-copy small{
    max-width:430px!important;
    margin:0!important;
    color:rgba(255,255,255,.88)!important;
    font-size:15px!important;
    font-weight:600!important;
    line-height:1.35!important;
}

body.ui-government-dashboard .munjaz-user{
    min-height:82px;
    gap:16px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
}
body.ui-government-dashboard .munjaz-avatar{
    width:66px!important;
    height:66px!important;
    min-width:66px!important;
    border:3px solid rgba(255,255,255,.9)!important;
    background:rgba(255,255,255,.16)!important;
    box-shadow:0 6px 16px rgba(0,0,0,.10)!important;
    color:#fff!important;
    font-size:24px!important;
}
body.ui-government-dashboard .munjaz-user-copy{
    gap:5px;
}
body.ui-government-dashboard .munjaz-user-copy strong{
    max-width:340px!important;
    color:#fff!important;
    font-size:20px!important;
    font-weight:700!important;
    line-height:1.25!important;
}
body.ui-government-dashboard .munjaz-user-copy small{
    max-width:390px;
    display:flex;
    align-items:center;
    gap:9px;
    color:rgba(255,255,255,.88)!important;
    font-size:14px!important;
    font-weight:500!important;
    line-height:1.45!important;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
body.ui-government-dashboard.role-teacher .munjaz-user-copy small::after{
    content:"";
    width:10px;
    height:10px;
    min-width:10px;
    border-radius:50%;
    background:#53D376;
    box-shadow:0 0 0 4px rgba(83,211,118,.10);
}
body.ui-government-dashboard .header-logout{
    min-width:78px;
    height:76px!important;
    margin-inline-start:8px;
    padding:8px 17px 4px!important;
    flex-direction:column;
    justify-content:center;
    gap:7px!important;
    border:0!important;
    border-inline-start:1px solid rgba(255,255,255,.34)!important;
    border-radius:0!important;
    background:transparent!important;
    color:#fff!important;
    font-size:14px!important;
    font-weight:600!important;
}
body.ui-government-dashboard .header-logout:hover{
    background:rgba(255,255,255,.07)!important;
}
body.ui-government-dashboard .header-logout .icon{
    width:29px!important;
    height:29px!important;
}

/* شريط التنقل */
body.ui-government-dashboard .top-navigation{
    height:68px!important;
    background:#fff!important;
    border:0!important;
    border-bottom:1px solid var(--munjaz-gov-line)!important;
    box-shadow:0 5px 16px rgba(8,70,45,.045)!important;
}
body.ui-government-dashboard .top-navigation-inner{
    width:min(1510px,calc(100% - 68px))!important;
}
body.ui-government-dashboard .top-navigation-links{
    gap:8px!important;
}
body.ui-government-dashboard .top-nav-item{
    min-width:104px;
    height:100%;
    padding:0 18px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:#64726B!important;
    font-size:14px!important;
    font-weight:600!important;
    position:relative;
}
body.ui-government-dashboard .top-nav-item .icon{
    width:21px!important;
    height:21px!important;
}
body.ui-government-dashboard .top-nav-item::after{
    content:"";
    position:absolute;
    right:22px;
    left:22px;
    bottom:0;
    height:3px;
    border-radius:3px 3px 0 0;
    background:transparent;
}
body.ui-government-dashboard .top-nav-item:hover{
    color:var(--munjaz-gov-green)!important;
}
body.ui-government-dashboard .top-nav-item.active{
    color:var(--munjaz-gov-green)!important;
    font-weight:700!important;
}
body.ui-government-dashboard .top-nav-item.active::after{
    background:var(--munjaz-gov-green)!important;
}
body.ui-government-dashboard .tool-button{
    width:42px!important;
    height:42px!important;
    border:1px solid #DFE9E4!important;
    border-radius:13px!important;
    background:#F8FBF9!important;
    color:var(--munjaz-gov-green)!important;
    box-shadow:none!important;
}

/* بنية الصفحات */
body.ui-government-dashboard .page-shell{
    width:min(1510px,calc(100% - 68px))!important;
    padding-top:36px!important;
    padding-bottom:46px!important;
}
body.ui-government-dashboard .page-title-card,
body.ui-government-dashboard .page-head{
    min-height:104px!important;
    margin-bottom:24px!important;
    padding:22px 26px!important;
    border:1px solid #E7EEE9!important;
    border-radius:20px!important;
    background:rgba(255,255,255,.96)!important;
    box-shadow:0 10px 26px rgba(10,70,47,.045)!important;
}
body.ui-government-dashboard .page-title-icon{
    width:52px!important;
    height:52px!important;
    border-radius:16px!important;
    background:#EEF7F2!important;
    color:var(--munjaz-gov-green)!important;
}
body.ui-government-dashboard .page-title-icon .icon{
    width:25px!important;
    height:25px!important;
}
body.ui-government-dashboard .page-title-card h1,
body.ui-government-dashboard .page-head h1{
    color:var(--munjaz-gov-green-deep)!important;
    font-size:31px!important;
    font-weight:700!important;
    line-height:1.25!important;
}
body.ui-government-dashboard .page-title-card p,
body.ui-government-dashboard .page-head p{
    margin-top:6px!important;
    color:#6C7772!important;
    font-size:15px!important;
    font-weight:400!important;
}

body.ui-government-dashboard .panel,
body.ui-government-dashboard .achievement-card,
body.ui-government-dashboard .teacher-achievement-card,
body.ui-government-dashboard .settings-section,
body.ui-government-dashboard .login-card,
body.ui-government-dashboard .verify-card{
    border:1px solid #E4EBE7!important;
    border-radius:20px!important;
    background:#fff!important;
    box-shadow:var(--munjaz-gov-shadow)!important;
}
body.ui-government-dashboard .metric-card{
    min-height:112px!important;
    border:1px solid #E5ECE8!important;
    border-radius:18px!important;
    background:#fff!important;
    box-shadow:0 8px 20px rgba(8,72,47,.05)!important;
}
body.ui-government-dashboard .metric-icon{
    width:46px!important;
    height:46px!important;
    border-radius:15px!important;
    background:#EEF7F2!important;
    color:var(--munjaz-gov-green)!important;
}
body.ui-government-dashboard .metric-card .metric-copy strong{
    font-size:28px!important;
}

/* الفلاتر والتبويبات */
body.ui-government-dashboard .tabs{
    gap:9px!important;
    margin-bottom:18px!important;
}
body.ui-government-dashboard .tabs a{
    min-height:43px;
    padding:9px 15px!important;
    border:1px solid #E2EAE6!important;
    border-radius:13px!important;
    background:#fff!important;
    color:#64716B!important;
    font-size:14px!important;
    font-weight:600!important;
    box-shadow:none!important;
}
body.ui-government-dashboard .tabs a.active{
    border-color:var(--munjaz-gov-green)!important;
    background:var(--munjaz-gov-green)!important;
    color:#fff!important;
}
body.ui-government-dashboard .filter-bar{
    gap:15px!important;
    margin-bottom:18px!important;
    padding:19px!important;
    border:1px solid #E4ECE8!important;
    border-radius:20px!important;
    background:#fff!important;
    box-shadow:0 9px 24px rgba(8,72,47,.045)!important;
}
body.ui-government-dashboard .filter-field label{
    color:#355749!important;
    font-size:13px!important;
    font-weight:600!important;
}
body.ui-government-dashboard input,
body.ui-government-dashboard select,
body.ui-government-dashboard textarea{
    min-height:47px;
    border:1px solid #DCE7E1!important;
    border-radius:12px!important;
    background:#FBFDFC!important;
    color:#173E2E!important;
    font-size:15px!important;
    box-shadow:none!important;
}
body.ui-government-dashboard input:focus,
body.ui-government-dashboard select:focus,
body.ui-government-dashboard textarea:focus{
    border-color:#7EB69B!important;
    box-shadow:0 0 0 4px rgba(8,102,63,.08)!important;
    outline:0!important;
}

/* البطاقات والأزرار */
body.ui-government-dashboard .teacher-achievement-grid{
    gap:20px!important;
}
body.ui-government-dashboard .teacher-achievement-card{
    min-height:270px;
    overflow:hidden;
    transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
body.ui-government-dashboard .teacher-achievement-card:hover{
    transform:translateY(-3px);
    border-color:#CFE0D7!important;
    box-shadow:0 16px 34px rgba(8,72,47,.085)!important;
}
body.ui-government-dashboard .teacher-achievement-card-head{
    min-height:58px;
    padding:15px 17px!important;
    border-bottom:1px solid #EDF2EF!important;
    background:#FCFEFD!important;
}
body.ui-government-dashboard .teacher-achievement-card-body{
    padding:18px!important;
}
body.ui-government-dashboard .teacher-achievement-card h2{
    color:#12432F!important;
    font-size:19px!important;
    font-weight:700!important;
}
body.ui-government-dashboard .teacher-achievement-card p{
    color:#68746E!important;
    font-size:14px!important;
    line-height:1.85!important;
}
body.ui-government-dashboard .teacher-achievement-card-actions{
    padding:14px 17px!important;
    border-top:1px solid #EDF2EF!important;
    background:#FCFEFD!important;
}
body.ui-government-dashboard .btn{
    min-height:43px;
    padding:10px 16px!important;
    border-radius:12px!important;
    border:1px solid var(--munjaz-gov-green)!important;
    background:var(--munjaz-gov-green)!important;
    color:#fff!important;
    font-size:14px!important;
    font-weight:600!important;
    box-shadow:none!important;
}
body.ui-government-dashboard .btn:hover{
    background:var(--munjaz-gov-green-dark)!important;
    border-color:var(--munjaz-gov-green-dark)!important;
}
body.ui-government-dashboard .btn.soft,
body.ui-government-dashboard .btn.secondary{
    border-color:#DDE8E2!important;
    background:#F7FAF8!important;
    color:var(--munjaz-gov-green)!important;
}
body.ui-government-dashboard .btn.danger{
    border-color:#B42318!important;
    background:#B42318!important;
    color:#fff!important;
}
body.ui-government-dashboard .circle-action{
    width:39px!important;
    height:39px!important;
    border:1px solid #DBE7E1!important;
    border-radius:50%!important;
    background:#F5FAF7!important;
    color:var(--munjaz-gov-green)!important;
}

/* الجداول والرسائل */
body.ui-government-dashboard .data-table,
body.ui-government-dashboard table{
    border-color:#E4ECE8!important;
}
body.ui-government-dashboard .data-table th,
body.ui-government-dashboard table th{
    background:#F2F7F4!important;
    color:#244C3B!important;
    font-size:14px!important;
    font-weight:700!important;
}
body.ui-government-dashboard .data-table td,
body.ui-government-dashboard table td{
    color:#3F5149!important;
    font-size:14px!important;
}
body.ui-government-dashboard .modal-card{
    border:1px solid #DCE7E1!important;
    border-radius:22px!important;
    box-shadow:0 24px 70px rgba(0,45,28,.18)!important;
}

/* الشريط السفلي للجوال، مطابق لروح النموذج المعتمد */
@media (max-width: 900px){
    :root{
        --header-height:94px;
        --nav-height:0px;
    }
    body.ui-government-dashboard{
        padding-bottom:calc(88px + env(safe-area-inset-bottom))!important;
    }
    body.ui-government-dashboard .munjaz-header{
        min-height:94px!important;
        height:94px!important;
    }
    body.ui-government-dashboard .munjaz-header-inner{
        width:calc(100% - 24px)!important;
        gap:12px!important;
    }
    body.ui-government-dashboard .munjaz-logo{
        width:52px!important;
        height:52px!important;
        min-width:52px!important;
    }
    body.ui-government-dashboard .munjaz-brand{
        gap:10px!important;
    }
    body.ui-government-dashboard .munjaz-brand-copy strong{
        font-size:27px!important;
        letter-spacing:-.4px!important;
    }
    body.ui-government-dashboard .munjaz-brand-copy small{
        max-width:165px!important;
        font-size:9.5px!important;
    }
    body.ui-government-dashboard .munjaz-user{
        gap:8px!important;
    }
    body.ui-government-dashboard .munjaz-avatar{
        width:44px!important;
        height:44px!important;
        min-width:44px!important;
        border-width:2px!important;
    }
    body.ui-government-dashboard .munjaz-user-copy strong{
        max-width:125px!important;
        font-size:13px!important;
    }
    body.ui-government-dashboard .munjaz-user-copy small{
        max-width:135px!important;
        font-size:9px!important;
    }
    body.ui-government-dashboard .header-logout{
        width:42px!important;
        min-width:42px!important;
        height:52px!important;
        margin:0!important;
        padding:0 7px!important;
        border:0!important;
    }
    body.ui-government-dashboard .header-logout span{
        display:none!important;
    }
    body.ui-government-dashboard .header-logout .icon{
        width:22px!important;
        height:22px!important;
    }
    body.ui-government-dashboard .top-navigation{
        display:none!important;
    }
    body.ui-government-dashboard .bottom-navigation{
        display:flex!important;
        position:fixed!important;
        z-index:120!important;
        right:10px!important;
        left:10px!important;
        bottom:max(8px,env(safe-area-inset-bottom))!important;
        width:auto!important;
        min-height:72px!important;
        padding:7px 5px calc(7px + env(safe-area-inset-bottom)/5)!important;
        border:1px solid rgba(213,225,219,.95)!important;
        border-radius:20px!important;
        background:rgba(255,255,255,.96)!important;
        box-shadow:0 12px 34px rgba(6,63,42,.14)!important;
        backdrop-filter:blur(18px)!important;
    }
    body.ui-government-dashboard .bottom-nav-item{
        min-width:0!important;
        min-height:58px!important;
        padding:7px 4px 5px!important;
        border-radius:14px!important;
        background:transparent!important;
        color:#747E79!important;
        font-size:10px!important;
        font-weight:600!important;
    }
    body.ui-government-dashboard .bottom-nav-item .icon{
        width:22px!important;
        height:22px!important;
    }
    body.ui-government-dashboard .bottom-nav-item.active{
        background:#EEF7F2!important;
        color:var(--munjaz-gov-green)!important;
    }
    body.ui-government-dashboard .bottom-nav-item.active::after{
        content:"";
        position:absolute;
        right:25%;
        left:25%;
        bottom:2px;
        height:3px;
        border-radius:4px;
        background:var(--munjaz-gov-green);
    }
    body.ui-government-dashboard .page-shell{
        width:calc(100% - 24px)!important;
        padding-top:18px!important;
        padding-bottom:24px!important;
    }
    body.ui-government-dashboard .page-title-card,
    body.ui-government-dashboard .page-head{
        min-height:0!important;
        padding:17px!important;
        border-radius:17px!important;
    }
    body.ui-government-dashboard .page-title-card h1,
    body.ui-government-dashboard .page-head h1{
        font-size:24px!important;
    }
    body.ui-government-dashboard .page-title-card p,
    body.ui-government-dashboard .page-head p{
        font-size:13px!important;
    }
    body.ui-government-dashboard .filter-bar{
        padding:14px!important;
        border-radius:17px!important;
    }
}

@media (max-width: 560px){
    body.ui-government-dashboard .munjaz-brand-copy small{
        display:none!important;
    }
    body.ui-government-dashboard .munjaz-user-copy{
        display:none!important;
    }
    body.ui-government-dashboard .munjaz-logo{
        width:48px!important;
        height:48px!important;
        min-width:48px!important;
    }
    body.ui-government-dashboard .munjaz-brand-copy strong{
        font-size:25px!important;
    }
}

@media print{
    body.ui-government-dashboard .munjaz-header,
    body.ui-government-dashboard .top-navigation,
    body.ui-government-dashboard .bottom-navigation{
        display:none!important;
    }
}
/* MUNJAZ_V3.0.24_APPROVED_GOVERNMENT_UI_END */
/* MUNJAZ_V3.0.25_HEADER_REFINEMENT_START */
:root{
    --header-height:118px;
}

body.ui-government-dashboard .munjaz-header{
    min-height:118px!important;
    height:118px!important;
}

body.ui-government-dashboard .munjaz-header::after{
    height:3px!important;
    background:linear-gradient(90deg,#B99B55,#D4BD76,#B99B55)!important;
    opacity:.92;
}

body.ui-government-dashboard .munjaz-header-inner{
    gap:32px!important;
}

body.ui-government-dashboard .munjaz-brand{
    gap:24px!important;
}

body.ui-government-dashboard .munjaz-logo{
    width:76px!important;
    height:76px!important;
    min-width:76px!important;
}

body.ui-government-dashboard .munjaz-brand-copy{
    gap:6px!important;
}

body.ui-government-dashboard .munjaz-brand-copy small{
    font-size:16px!important;
    line-height:1.35!important;
    font-weight:600!important;
    color:rgba(255,255,255,.91)!important;
}

body.ui-government-dashboard .munjaz-user{
    min-height:76px!important;
}

body.ui-government-dashboard .header-logout{
    height:70px!important;
    border-inline-start-color:rgba(255,255,255,.20)!important;
}

@media (max-width:900px){
    :root{
        --header-height:88px;
    }

    body.ui-government-dashboard .munjaz-header{
        min-height:88px!important;
        height:88px!important;
    }

    body.ui-government-dashboard .munjaz-header::after{
        height:2px!important;
    }

    body.ui-government-dashboard .munjaz-brand{
        gap:12px!important;
    }

    body.ui-government-dashboard .munjaz-logo{
        width:48px!important;
        height:48px!important;
        min-width:48px!important;
    }

    body.ui-government-dashboard .munjaz-brand-copy small{
        font-size:10px!important;
    }

    body.ui-government-dashboard .header-logout{
        height:48px!important;
    }
}
/* MUNJAZ_V3.0.25_HEADER_REFINEMENT_END */


/* MUNJAZ_V3.0.2R3_DIRECT_MONO_START */
.section-title{
    display:flex;
    align-items:center;
    gap:9px;
    flex-wrap:wrap;
}
.section-title > .icon{
    width:20px;
    height:20px;
    min-width:20px;
    color:#0B6B47;
    stroke:currentColor;
    fill:none;
}
.section-title > span{
    min-width:0;
}
.page-title-icon,
.metric-icon,
.top-nav-item > .icon,
.bottom-nav-item > .icon{
    color:#0B6B47;
}
body.ui-government-dashboard .munjaz-logo img{
    object-fit:contain;
    filter:none;
}
/* MUNJAZ_V3.0.2R3_DIRECT_MONO_END */

/* MUNJAZ_V3.0.2R4_HEADER_PHOTO_STABILITY_START */
/* ضبط نهائي للهيدر: شعار أقرب وأصغر قليلًا، ووصف أخف بصريًا */
body.ui-government-dashboard .munjaz-brand{
    gap:18px!important;
}
body.ui-government-dashboard .munjaz-logo{
    width:72px!important;
    height:72px!important;
    min-width:72px!important;
}
body.ui-government-dashboard .munjaz-brand-copy small{
    color:rgba(255,255,255,.84)!important;
    font-weight:500!important;
    letter-spacing:0!important;
}

/* منع وميض الصورة الشخصية أثناء الانتقال بين الصفحات */
body.ui-government-dashboard .munjaz-avatar{
    position:relative;
    overflow:hidden;
    isolation:isolate;
}
body.ui-government-dashboard .munjaz-avatar img{
    position:relative;
    z-index:2;
    display:block!important;
    width:100%!important;
    height:100%!important;
    opacity:1!important;
    visibility:visible!important;
    object-fit:cover!important;
    transform:translateZ(0);
    backface-visibility:hidden;
}
body.ui-government-dashboard .munjaz-avatar [data-profile-photo-preview-fallback]{
    position:absolute;
    inset:0;
    z-index:1;
    align-items:center;
    justify-content:center;
}
@media (max-width:900px){
    body.ui-government-dashboard .munjaz-brand{
        gap:10px!important;
    }
    body.ui-government-dashboard .munjaz-logo{
        width:46px!important;
        height:46px!important;
        min-width:46px!important;
    }
    body.ui-government-dashboard .munjaz-brand-copy small{
        font-weight:500!important;
        color:rgba(255,255,255,.82)!important;
    }
}
/* MUNJAZ_V3.0.2R4_HEADER_PHOTO_STABILITY_END */

/* MUNJAZ_V3.0.2R5_NAV_ACTIVE_CLEAN_START */
/* شريط تنقل رسمي مسطح: بلا بطاقة أو ظل للتبويب النشط */
body.ui-government-dashboard .top-navigation-links{
    align-items:stretch!important;
}
body.ui-government-dashboard .top-nav-item,
body.ui-government-dashboard .top-nav-item:hover,
body.ui-government-dashboard .top-nav-item:focus,
body.ui-government-dashboard .top-nav-item:active,
body.ui-government-dashboard .top-nav-item.active{
    align-self:stretch!important;
    height:68px!important;
    min-height:68px!important;
    display:inline-flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:center!important;
    gap:9px!important;
    padding:0 18px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    filter:none!important;
    transform:none!important;
    white-space:nowrap!important;
}
body.ui-government-dashboard .top-nav-item > .icon{
    order:0!important;
    width:21px!important;
    height:21px!important;
    min-width:21px!important;
    margin:0!important;
    color:currentColor!important;
}
body.ui-government-dashboard .top-nav-item > span{
    order:1!important;
    display:inline-flex!important;
    align-items:center!important;
    line-height:1!important;
    margin:0!important;
}
body.ui-government-dashboard .top-nav-item > .nav-badge{
    order:2!important;
    margin:0 2px 0 0!important;
}
body.ui-government-dashboard .top-nav-item:hover{
    color:var(--munjaz-gov-green)!important;
    background:rgba(11,107,71,.035)!important;
}
body.ui-government-dashboard .top-nav-item.active,
body.ui-government-dashboard .top-nav-item[aria-current="page"]{
    color:var(--munjaz-gov-green)!important;
    font-weight:700!important;
    border:0!important;
    border-color:transparent!important;
    border-radius:0!important;
    background:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
}
body.ui-government-dashboard .top-nav-item::before{
    content:none!important;
    display:none!important;
}
body.ui-government-dashboard .top-nav-item::after{
    content:""!important;
    position:absolute!important;
    right:18px!important;
    left:18px!important;
    bottom:0!important;
    height:3px!important;
    border-radius:3px 3px 0 0!important;
    background:transparent!important;
    box-shadow:none!important;
    transform:none!important;
}
body.ui-government-dashboard .top-nav-item.active::after,
body.ui-government-dashboard .top-nav-item[aria-current="page"]::after{
    background:var(--munjaz-gov-green)!important;
}
body.ui-government-dashboard .top-nav-item:focus-visible{
    outline:2px solid rgba(11,107,71,.28)!important;
    outline-offset:-4px!important;
}
@media (max-width:900px){
    body.ui-government-dashboard .top-nav-item,
    body.ui-government-dashboard .top-nav-item:hover,
    body.ui-government-dashboard .top-nav-item.active{
        height:58px!important;
        min-height:58px!important;
        padding:0 13px!important;
        gap:7px!important;
    }
    body.ui-government-dashboard .top-nav-item::after{
        right:12px!important;
        left:12px!important;
    }
}
/* MUNJAZ_V3.0.2R5_NAV_ACTIVE_CLEAN_END */


/* MUNJAZ_V3.0.2R6_NAV_PHOTO_STABILITY_START */
/* صورة ثابتة: مصغّر محفوظ يظهر فورًا، ثم تُعرض الصورة الأصلية بعد اكتمال فكها */
body.ui-government-dashboard .munjaz-avatar{
    background-color:#E8F2ED!important;
    background-image:var(--munjaz-avatar-cache,none)!important;
    background-position:center!important;
    background-repeat:no-repeat!important;
    background-size:cover!important;
}
body.ui-government-dashboard .munjaz-avatar [data-profile-photo-preview-fallback]{
    display:flex!important;
    opacity:1!important;
    transition:none!important;
}
html.has-munjaz-avatar-cache body.ui-government-dashboard .munjaz-avatar.has-photo [data-profile-photo-preview-fallback],
body.ui-government-dashboard .munjaz-avatar.has-photo.is-photo-ready [data-profile-photo-preview-fallback]{
    opacity:0!important;
}
body.ui-government-dashboard .munjaz-avatar.has-photo img[data-header-profile-photo]{
    display:block!important;
    opacity:0!important;
    visibility:hidden!important;
    transition:none!important;
}
body.ui-government-dashboard .munjaz-avatar.has-photo.is-photo-ready img[data-header-profile-photo]{
    opacity:1!important;
    visibility:visible!important;
}
body.ui-government-dashboard .munjaz-avatar img[hidden]{
    display:none!important;
}
body.ui-government-dashboard .munjaz-avatar.is-photo-error{
    background-image:none!important;
}
body.ui-government-dashboard .munjaz-avatar.is-photo-error [data-profile-photo-preview-fallback]{
    opacity:1!important;
}

/* تحديث التبويب النشط لحظة الضغط قبل انتقال الصفحة */
body.ui-government-dashboard .top-nav-item.is-pending-active,
body.ui-government-dashboard .top-nav-item.is-pending-active:hover{
    color:var(--munjaz-gov-green)!important;
    font-weight:700!important;
    background:transparent!important;
    box-shadow:none!important;
}
body.ui-government-dashboard .top-nav-item.is-pending-active::after{
    background:var(--munjaz-gov-green)!important;
}
body.is-route-leaving .top-nav-item{
    transition:none!important;
}
/* MUNJAZ_V3.0.2R6_NAV_PHOTO_STABILITY_END */


/* MUNJAZ_V3.0.2R8_INLINE_AVATAR_FIRST_PAINT_START */
/*
 * الصورة المضمّنة جزء من HTML نفسه؛ لذلك لا ننتظر JavaScript أو decode().
 * تُعرض من أول رسم وتُخفى الأحرف الاحتياطية فورًا.
 */
body.ui-government-dashboard .munjaz-avatar.has-inline-photo{
    background-image:none!important;
    background-color:#E8F2ED!important;
}
body.ui-government-dashboard .munjaz-avatar.has-inline-photo img[data-header-profile-photo]{
    display:block!important;
    opacity:1!important;
    visibility:visible!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
}
body.ui-government-dashboard .munjaz-avatar.has-inline-photo [data-profile-photo-preview-fallback]{
    display:none!important;
    opacity:0!important;
    visibility:hidden!important;
}
/* MUNJAZ_V3.0.2R8_INLINE_AVATAR_FIRST_PAINT_END */

/* MUNJAZ_V3.0.2R9_FETCH_THEN_SWAP_NAV_START */
/*
 * لا نستخدم الانتقال الأصلي بين المستندات؛ لأنه كان يلتقط الصفحة الجديدة
 * قبل اكتمال عناصر الهيدر. تبقى الصفحة الحالية ظاهرة أثناء جلب التالية.
 */
@view-transition{
    navigation:none;
}
html.munjaz-atomic-navigation,
html.munjaz-atomic-navigation body{
    cursor:progress;
}
body.munjaz-atomic-navigation-pending .top-navigation,
body.munjaz-atomic-navigation-pending .munjaz-header{
    opacity:1!important;
    visibility:visible!important;
}
body.munjaz-atomic-navigation-pending .top-nav-item{
    pointer-events:none;
}
body.munjaz-atomic-navigation-pending .page-shell{
    pointer-events:none;
}
/* MUNJAZ_V3.0.2R9_FETCH_THEN_SWAP_NAV_END */

/* MUNJAZ_V3.0.2R10_BALANCED_FORM_TYPOGRAPHY_START */
/* ضبط هادئ لخطوط صفحة إضافة/تعديل الإنجاز دون تغيير الهيدر أو التنقل */
body.ui-government-dashboard[data-route="teacher/form"] .page-shell{
    width:min(1500px,calc(100% - 68px))!important;
}
body.ui-government-dashboard[data-route="teacher/form"] .page-title-card,
body.ui-government-dashboard[data-route="teacher/form"] .achievement-form-panel{
    width:100%!important;
    max-width:1480px!important;
    margin-inline:auto!important;
}
body.ui-government-dashboard[data-route="teacher/form"] .page-title-card h1{
    font-size:30px!important;
    font-weight:700!important;
    line-height:1.3!important;
    letter-spacing:-.2px!important;
}
body.ui-government-dashboard[data-route="teacher/form"] .page-title-card p{
    margin-top:7px!important;
    font-size:16px!important;
    font-weight:400!important;
    line-height:1.65!important;
    color:#77817C!important;
}
body.ui-government-dashboard[data-route="teacher/form"] .achievement-form-panel .form-grid{
    gap:18px 20px!important;
}
body.ui-government-dashboard[data-route="teacher/form"] .achievement-form-panel .form-grid > label:not(.check-line):not(.prominent-check),
body.ui-government-dashboard[data-route="teacher/form"] .achievement-form-panel .section-field-label{
    color:#263D34!important;
    font-size:16px!important;
    font-weight:600!important;
    line-height:1.55!important;
}
body.ui-government-dashboard[data-route="teacher/form"] .achievement-form-panel input,
body.ui-government-dashboard[data-route="teacher/form"] .achievement-form-panel select,
body.ui-government-dashboard[data-route="teacher/form"] .achievement-form-panel textarea{
    margin-top:8px!important;
    padding:12px 15px!important;
    font-size:16px!important;
    font-weight:400!important;
    line-height:1.55!important;
}
body.ui-government-dashboard[data-route="teacher/form"] .achievement-form-panel input,
body.ui-government-dashboard[data-route="teacher/form"] .achievement-form-panel select{
    min-height:50px!important;
}
body.ui-government-dashboard[data-route="teacher/form"] .achievement-form-panel textarea[name="description"]{
    min-height:132px!important;
    height:132px!important;
}
body.ui-government-dashboard[data-route="teacher/form"] .achievement-form-panel input::placeholder,
body.ui-government-dashboard[data-route="teacher/form"] .achievement-form-panel textarea::placeholder{
    color:#929B97!important;
    font-size:15px!important;
    font-weight:400!important;
    opacity:1!important;
}
body.ui-government-dashboard[data-route="teacher/form"] .achievement-form-panel small,
body.ui-government-dashboard[data-route="teacher/form"] .achievement-form-panel .field-help-row{
    color:#7A8580!important;
    font-size:14px!important;
    font-weight:400!important;
    line-height:1.55!important;
}
body.ui-government-dashboard[data-route="teacher/form"] .achievement-form-panel .field-help-row{
    margin-top:7px!important;
}
body.ui-government-dashboard[data-route="teacher/form"] .achievement-form-panel .field-help-row b{
    color:#0B6B47!important;
    font-size:13px!important;
    font-weight:600!important;
}
body.ui-government-dashboard[data-route="teacher/form"] .page-title-tools .btn,
body.ui-government-dashboard[data-route="teacher/form"] .achievement-form-panel .btn{
    font-size:15px!important;
    font-weight:600!important;
}
@media (max-width:900px){
    body.ui-government-dashboard[data-route="teacher/form"] .page-shell{
        width:calc(100% - 24px)!important;
    }
    body.ui-government-dashboard[data-route="teacher/form"] .page-title-card,
    body.ui-government-dashboard[data-route="teacher/form"] .achievement-form-panel{
        max-width:none!important;
    }
    body.ui-government-dashboard[data-route="teacher/form"] .page-title-card h1{
        font-size:24px!important;
    }
    body.ui-government-dashboard[data-route="teacher/form"] .page-title-card p{
        font-size:14px!important;
    }
    body.ui-government-dashboard[data-route="teacher/form"] .achievement-form-panel .form-grid{
        gap:15px!important;
    }
    body.ui-government-dashboard[data-route="teacher/form"] .achievement-form-panel textarea[name="description"]{
        min-height:118px!important;
        height:118px!important;
    }
}
@media (max-width:560px){
    body.ui-government-dashboard[data-route="teacher/form"] .page-title-card h1{
        font-size:22px!important;
    }
    body.ui-government-dashboard[data-route="teacher/form"] .achievement-form-panel .form-grid > label:not(.check-line):not(.prominent-check),
    body.ui-government-dashboard[data-route="teacher/form"] .achievement-form-panel .section-field-label,
    body.ui-government-dashboard[data-route="teacher/form"] .achievement-form-panel input,
    body.ui-government-dashboard[data-route="teacher/form"] .achievement-form-panel select,
    body.ui-government-dashboard[data-route="teacher/form"] .achievement-form-panel textarea{
        font-size:15px!important;
    }
    body.ui-government-dashboard[data-route="teacher/form"] .achievement-form-panel small,
    body.ui-government-dashboard[data-route="teacher/form"] .achievement-form-panel .field-help-row{
        font-size:13px!important;
    }
}
/* MUNJAZ_V3.0.2R10_BALANCED_FORM_TYPOGRAPHY_END */

/* MUNJAZ_V3.0.2R11_FULL_AVATAR_VISIBILITY_START */
/* عرض الصورة الشخصية كاملة داخل الإطار بدل قص أطرافها في بعض الصور */
body.ui-government-dashboard .munjaz-avatar,
body.ui-government-dashboard .munjaz-avatar.has-inline-photo{
    background-color:#FFFFFF!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
    background-size:contain!important;
}
body.ui-government-dashboard .munjaz-avatar img[data-header-profile-photo],
body.ui-government-dashboard .munjaz-avatar.has-inline-photo img[data-header-profile-photo]{
    width:100%!important;
    height:100%!important;
    display:block!important;
    object-fit:contain!important;
    object-position:center center!important;
    image-orientation:from-image;
    background:#FFFFFF!important;
    padding:2px!important;
    box-sizing:border-box!important;
    transform:none!important;
    filter:none!important;
}
.account-photo-preview-frame{
    background:#FFFFFF!important;
}
.account-photo-preview-frame img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center center!important;
    image-orientation:from-image;
    background:#FFFFFF!important;
}
/* MUNJAZ_V3.0.2R11_FULL_AVATAR_VISIBILITY_END */

/* MUNJAZ_V3.0.2R12_ORIGINAL_AVATAR_NO_CROP_START */
/* تعطيل المصغّر المقصوص القديم وعرض ملف الصورة الأصلي كاملًا */
html,
html.has-munjaz-avatar-cache{
    --munjaz-avatar-cache:none!important;
}
body.ui-government-dashboard .munjaz-avatar,
body.ui-government-dashboard .munjaz-avatar.has-photo,
body.ui-government-dashboard .munjaz-avatar.has-inline-photo{
    background-image:none!important;
    background-color:#FFFFFF!important;
    overflow:hidden!important;
}
body.ui-government-dashboard .munjaz-avatar.has-photo img[data-header-profile-photo],
body.ui-government-dashboard .munjaz-avatar.has-inline-photo img[data-header-profile-photo]{
    position:absolute!important;
    inset:0!important;
    z-index:3!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    margin:0!important;
    padding:1px!important;
    box-sizing:border-box!important;
    opacity:1!important;
    visibility:visible!important;
    object-fit:contain!important;
    object-position:50% 50%!important;
    border-radius:50%!important;
    background:#FFFFFF!important;
    transform:none!important;
    transition:none!important;
    filter:none!important;
}
body.ui-government-dashboard .munjaz-avatar.has-photo [data-profile-photo-preview-fallback],
body.ui-government-dashboard .munjaz-avatar.has-inline-photo [data-profile-photo-preview-fallback]{
    opacity:0!important;
    visibility:hidden!important;
}
body.ui-government-dashboard .munjaz-avatar.is-photo-error img[data-header-profile-photo]{
    display:none!important;
}
body.ui-government-dashboard .munjaz-avatar.is-photo-error [data-profile-photo-preview-fallback]{
    opacity:1!important;
    visibility:visible!important;
}
.account-photo-preview-frame img,
[data-profile-photo-preview-image]:not([data-header-profile-photo]){
    object-fit:contain!important;
    object-position:50% 50%!important;
    background:#FFFFFF!important;
    transform:none!important;
}
/* MUNJAZ_V3.0.2R12_ORIGINAL_AVATAR_NO_CROP_END */

/* MUNJAZ_V3.0.2R13_SMART_AVATAR_CROP_START */
/* قص بصري ذكي للصورة الشخصية: يملأ الدائرة مع تحريك الصور الطويلة نحو الوجه */
body.ui-government-dashboard .munjaz-avatar,
body.ui-government-dashboard .munjaz-avatar.has-photo,
body.ui-government-dashboard .munjaz-avatar.has-inline-photo{
    background:#FFFFFF!important;
    overflow:hidden!important;
}
body.ui-government-dashboard .munjaz-avatar img[data-header-profile-photo],
body.ui-government-dashboard .munjaz-avatar.has-photo img[data-header-profile-photo],
body.ui-government-dashboard .munjaz-avatar.has-inline-photo img[data-header-profile-photo]{
    width:100%!important;
    height:100%!important;
    padding:0!important;
    margin:0!important;
    object-fit:cover!important;
    object-position:50% var(--munjaz-avatar-focus-y,50%)!important;
    background:#FFFFFF!important;
    transform:none!important;
    transition:none!important;
}
.account-photo-preview-frame{
    overflow:hidden!important;
    background:#FFFFFF!important;
}
.account-photo-preview-frame img,
[data-profile-photo-preview-image]:not([data-header-profile-photo]){
    width:100%!important;
    height:100%!important;
    padding:0!important;
    object-fit:cover!important;
    object-position:50% var(--munjaz-avatar-focus-y,50%)!important;
    background:#FFFFFF!important;
    transform:none!important;
}
/* MUNJAZ_V3.0.2R13_SMART_AVATAR_CROP_END */

/* MUNJAZ_V3.0.2R15_ACCOUNT_AVATAR_EXACT_HEADER_SYNC_START */
/*
 * صورة حسابي تستخدم القص نفسه الخاص بصورة الهيدر حرفيًا.
 * يضبط JavaScript object-position من الصورة الصحيحة في الهيدر،
 * وهذه القواعد تمنع أي نمط قديم من إعادة contain أو تموضع مختلف.
 */
body.ui-government-dashboard[data-route="teacher/account"] .account-summary-avatar,
body.ui-government-dashboard[data-route="teacher/account"] .account-photo-preview-frame{
    position:relative!important;
    overflow:hidden!important;
    background:#FFFFFF!important;
    background-image:none!important;
}
body.ui-government-dashboard[data-route="teacher/account"] [data-account-avatar-image]{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    opacity:1!important;
    visibility:visible!important;
    object-fit:cover!important;
    object-position:var(--munjaz-account-avatar-object-position, 50% var(--munjaz-avatar-focus-y,50%))!important;
    border-radius:50%!important;
    background:#FFFFFF!important;
    transform:none!important;
    transition:none!important;
    filter:none!important;
}
body.ui-government-dashboard[data-route="teacher/account"] .account-summary-avatar.has-photo [data-profile-photo-preview-fallback]{
    display:none!important;
    opacity:0!important;
    visibility:hidden!important;
}
/* MUNJAZ_V3.0.2R15_ACCOUNT_AVATAR_EXACT_HEADER_SYNC_END */
/* MUNJAZ_V3.0.2R16_ACCOUNT_PORTRAIT_FACE_FOCUS_START */
/*
 * بطاقة حسابي: تموضع نهائي محسوب من نسبة الصورة الفعلية.
 * الصور الطويلة جدًا تثبت باتجاه الأسفل حيث يكون الوجه في هذا النوع من الصور.
 */
body.ui-government-dashboard[data-route="teacher/account"] [data-account-avatar-image]{
    object-fit:cover!important;
    object-position:var(--munjaz-r16-account-position,50% 50%)!important;
    transform:none!important;
}
/* MUNJAZ_V3.0.2R16_ACCOUNT_PORTRAIT_FACE_FOCUS_END */

/* MUNJAZ_V3.0.2R17_ACCOUNT_AVATAR_HEADER_POSITION_START */
/*
 * القاعدة النهائية لصورة حسابي: تستخدم موضع الهيدر نفسه ولا تسمح لقواعد
 * R15/R16 القديمة بإعادة الصورة إلى المنتصف أو أسفل الملف.
 */
body.ui-government-dashboard[data-route="teacher/account"] [data-account-avatar-image]{
    display:block!important;
    width:100%!important;
    height:100%!important;
    padding:0!important;
    margin:0!important;
    object-fit:cover!important;
    object-position:var(--munjaz-r17-account-position,50% var(--munjaz-avatar-focus-y,50%))!important;
    transform:none!important;
    transition:none!important;
    opacity:1!important;
    visibility:visible!important;
}
/* MUNJAZ_V3.0.2R17_ACCOUNT_AVATAR_HEADER_POSITION_END */

/* MUNJAZ_V3.0.2R19_ACCOUNT_PREVIEW_BACKGROUND_SYNC_START */
/*
 * معاينة الصورة في صفحة حسابي مستقلة بنيويًا عن قواعد object-position
 * القديمة. الخلفية تأخذ موضع صورة الهيدر النهائي، وعنصر img يبقى مصدرًا
 * مخفيًا لتحديث المعاينة عند اختيار ملف جديد.
 */
body.ui-government-dashboard[data-route="teacher/account"]
.account-photo-preview-frame.r19-background-preview{
    position:relative!important;
    overflow:hidden!important;
    background-color:#FFFFFF!important;
    background-size:cover!important;
    background-repeat:no-repeat!important;
    background-position:var(--munjaz-r19-preview-position,50% 50%)!important;
}
body.ui-government-dashboard[data-route="teacher/account"]
.account-photo-preview-frame.r19-background-preview img[data-r19-account-preview-source]{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    min-width:0!important;
    min-height:0!important;
    inset:auto!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    object-fit:contain!important;
    transform:none!important;
}
body.ui-government-dashboard[data-route="teacher/account"]
.account-photo-preview-frame.r19-background-preview.has-r19-preview
[data-profile-photo-preview-fallback]{
    display:none!important;
    opacity:0!important;
    visibility:hidden!important;
}
/* MUNJAZ_V3.0.2R19_ACCOUNT_PREVIEW_BACKGROUND_SYNC_END */

/* MUNJAZ_V3.0.2R20_MANUAL_AVATAR_POSITION_START */
/*
 * موضع موحّد للصورة الشخصية في الهيدر وبطاقة حسابي والمعاينة.
 * القيمة تُضبط يدويًا من صفحة حسابي وتُحفظ لكل ملف صورة.
 */
body.ui-government-dashboard .munjaz-header .munjaz-avatar img[data-header-profile-photo]{
    object-fit:cover!important;
    object-position:50% var(--munjaz-avatar-user-focus-y,50%)!important;
    transform:none!important;
}
body.ui-government-dashboard[data-route="teacher/account"] .account-summary-avatar.r18-background-avatar{
    background-size:cover!important;
    background-position:50% var(--munjaz-avatar-user-focus-y,50%)!important;
    background-repeat:no-repeat!important;
}
body.ui-government-dashboard[data-route="teacher/account"] .account-photo-preview-frame.r19-background-preview{
    background-size:cover!important;
    background-position:50% var(--munjaz-avatar-user-focus-y,50%)!important;
    background-repeat:no-repeat!important;
}
.account-avatar-position-control{
    grid-column:1 / -1;
    margin-top:12px;
    padding:14px 16px;
    border:1px solid #D8E6DE;
    border-radius:14px;
    background:#F8FBF9;
}
.account-avatar-position-head,
.account-avatar-position-scale{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
}
.account-avatar-position-head strong{
    color:#173D31;
    font-size:15px;
    font-weight:700;
}
.account-avatar-position-head output{
    min-width:48px;
    color:#0B6B47;
    font-size:14px;
    font-weight:700;
    text-align:center;
}
.account-avatar-position-control input[type="range"]{
    display:block;
    width:100%;
    margin:12px 0 8px;
    accent-color:#0B6B47;
    direction:ltr;
}
.account-avatar-position-scale{
    color:#687A73;
    font-size:12px;
}
.account-avatar-position-scale .btn{
    min-height:32px!important;
    padding:5px 12px!important;
    border-radius:9px!important;
    font-size:12px!important;
}
.account-avatar-position-control > small{
    display:block;
    margin-top:9px;
    color:#687A73;
    font-size:13px;
    line-height:1.7;
}
@media (max-width:560px){
    .account-avatar-position-control{
        padding:12px;
    }
    .account-avatar-position-scale{
        gap:6px;
        font-size:11px;
    }
}
/* MUNJAZ_V3.0.2R20_MANUAL_AVATAR_POSITION_END */

/* MUNJAZ_V3.0.2R21_STATUS_COLOR_SYSTEM_START */
:root{
    --munjaz-status-draft-bg:#F2F4F7;
    --munjaz-status-draft-text:#475467;
    --munjaz-status-draft-border:#D0D5DD;
    --munjaz-status-draft-accent:#98A2B3;

    --munjaz-status-pending-bg:#FFF4E5;
    --munjaz-status-pending-text:#B54708;
    --munjaz-status-pending-border:#FED7AA;
    --munjaz-status-pending-accent:#F79009;

    --munjaz-status-revised-bg:#EAF2FF;
    --munjaz-status-revised-text:#175CD3;
    --munjaz-status-revised-border:#B2CCFF;
    --munjaz-status-revised-accent:#2970FF;

    --munjaz-status-approved-bg:#EAF8EF;
    --munjaz-status-approved-text:#067647;
    --munjaz-status-approved-border:#ABEFC6;
    --munjaz-status-approved-accent:#12B76A;

    --munjaz-status-rejected-bg:#FEF0F0;
    --munjaz-status-rejected-text:#B42318;
    --munjaz-status-rejected-border:#FECDCA;
    --munjaz-status-rejected-accent:#F04438;
}

/* شارات الحالة: رمادي / برتقالي / أزرق / أخضر / أحمر */
.status{
    gap:7px!important;
    min-height:31px!important;
    padding:5px 11px!important;
    border:1px solid transparent!important;
    border-radius:999px!important;
    font-size:13px!important;
    font-weight:700!important;
    line-height:1.25!important;
    box-shadow:none!important;
}
.status::before{
    content:"";
    width:7px;
    height:7px;
    flex:0 0 7px;
    border-radius:50%;
    background:currentColor;
    box-shadow:0 0 0 3px rgba(255,255,255,.72);
}
.status.muted{
    border-color:var(--munjaz-status-draft-border)!important;
    background:var(--munjaz-status-draft-bg)!important;
    color:var(--munjaz-status-draft-text)!important;
}
.status.warning{
    border-color:var(--munjaz-status-pending-border)!important;
    background:var(--munjaz-status-pending-bg)!important;
    color:var(--munjaz-status-pending-text)!important;
}
.status.info{
    border-color:var(--munjaz-status-revised-border)!important;
    background:var(--munjaz-status-revised-bg)!important;
    color:var(--munjaz-status-revised-text)!important;
}
.status.success{
    border-color:var(--munjaz-status-approved-border)!important;
    background:var(--munjaz-status-approved-bg)!important;
    color:var(--munjaz-status-approved-text)!important;
}
.status.danger{
    border-color:var(--munjaz-status-rejected-border)!important;
    background:var(--munjaz-status-rejected-bg)!important;
    color:var(--munjaz-status-rejected-text)!important;
}

/* بطاقات تبويبات الحالات */
body.ui-government-dashboard .tabs a.status-tab{
    position:relative;
    overflow:hidden;
    border-width:1px!important;
    background:#fff!important;
    box-shadow:0 4px 12px rgba(16,45,34,.035)!important;
}
body.ui-government-dashboard .tabs a.status-tab small{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:25px;
    height:25px;
    margin-inline-start:5px;
    padding:0 7px;
    border-radius:999px;
    background:rgba(255,255,255,.78);
    color:inherit;
    font-size:12px!important;
    font-weight:700!important;
}
body.ui-government-dashboard .tabs a.status-tab-all{
    border-color:#CFE0D7!important;
    background:#F7FAF8!important;
    color:#315D4D!important;
}
body.ui-government-dashboard .tabs a.status-tab-draft{
    border-color:var(--munjaz-status-draft-border)!important;
    background:var(--munjaz-status-draft-bg)!important;
    color:var(--munjaz-status-draft-text)!important;
}
body.ui-government-dashboard .tabs a.status-tab-pending{
    border-color:var(--munjaz-status-pending-border)!important;
    background:var(--munjaz-status-pending-bg)!important;
    color:var(--munjaz-status-pending-text)!important;
}
body.ui-government-dashboard .tabs a.status-tab-revised{
    border-color:var(--munjaz-status-revised-border)!important;
    background:var(--munjaz-status-revised-bg)!important;
    color:var(--munjaz-status-revised-text)!important;
}
body.ui-government-dashboard .tabs a.status-tab-approved{
    border-color:var(--munjaz-status-approved-border)!important;
    background:var(--munjaz-status-approved-bg)!important;
    color:var(--munjaz-status-approved-text)!important;
}
body.ui-government-dashboard .tabs a.status-tab-rejected{
    border-color:var(--munjaz-status-rejected-border)!important;
    background:var(--munjaz-status-rejected-bg)!important;
    color:var(--munjaz-status-rejected-text)!important;
}
body.ui-government-dashboard .tabs a.status-tab-all.active{
    border-color:#0B6B47!important;
    background:#0B6B47!important;
    color:#fff!important;
}
body.ui-government-dashboard .tabs a.status-tab-draft.active{
    border-color:var(--munjaz-status-draft-accent)!important;
    background:var(--munjaz-status-draft-accent)!important;
    color:#fff!important;
}
body.ui-government-dashboard .tabs a.status-tab-pending.active{
    border-color:var(--munjaz-status-pending-accent)!important;
    background:var(--munjaz-status-pending-accent)!important;
    color:#fff!important;
}
body.ui-government-dashboard .tabs a.status-tab-revised.active{
    border-color:var(--munjaz-status-revised-accent)!important;
    background:var(--munjaz-status-revised-accent)!important;
    color:#fff!important;
}
body.ui-government-dashboard .tabs a.status-tab-approved.active{
    border-color:var(--munjaz-status-approved-accent)!important;
    background:var(--munjaz-status-approved-accent)!important;
    color:#fff!important;
}
body.ui-government-dashboard .tabs a.status-tab-rejected.active{
    border-color:var(--munjaz-status-rejected-accent)!important;
    background:var(--munjaz-status-rejected-accent)!important;
    color:#fff!important;
}
body.ui-government-dashboard .tabs a.status-tab.active small{
    background:rgba(255,255,255,.2)!important;
    color:#fff!important;
}

/* لون خفيف للبطاقة حسب حالتها مع بقاء المحتوى أبيض ورسمي */
body.ui-government-dashboard .achievement-status-card{
    position:relative;
    border-top-width:4px!important;
}
body.ui-government-dashboard .achievement-status-card.achievement-status-draft{
    border-top-color:var(--munjaz-status-draft-accent)!important;
}
body.ui-government-dashboard .achievement-status-card.achievement-status-pending{
    border-top-color:var(--munjaz-status-pending-accent)!important;
}
body.ui-government-dashboard .achievement-status-card.achievement-status-revised{
    border-top-color:var(--munjaz-status-revised-accent)!important;
}
body.ui-government-dashboard .achievement-status-card.achievement-status-approved{
    border-top-color:var(--munjaz-status-approved-accent)!important;
}
body.ui-government-dashboard .achievement-status-card.achievement-status-rejected{
    border-top-color:var(--munjaz-status-rejected-accent)!important;
}
body.ui-government-dashboard .achievement-status-card.achievement-status-draft .teacher-achievement-card-head,
body.ui-government-dashboard .achievement-status-card.achievement-status-draft > header{
    background:linear-gradient(90deg,var(--munjaz-status-draft-bg),#fff)!important;
}
body.ui-government-dashboard .achievement-status-card.achievement-status-pending .teacher-achievement-card-head,
body.ui-government-dashboard .achievement-status-card.achievement-status-pending > header{
    background:linear-gradient(90deg,var(--munjaz-status-pending-bg),#fff)!important;
}
body.ui-government-dashboard .achievement-status-card.achievement-status-revised .teacher-achievement-card-head,
body.ui-government-dashboard .achievement-status-card.achievement-status-revised > header{
    background:linear-gradient(90deg,var(--munjaz-status-revised-bg),#fff)!important;
}
body.ui-government-dashboard .achievement-status-card.achievement-status-approved .teacher-achievement-card-head,
body.ui-government-dashboard .achievement-status-card.achievement-status-approved > header{
    background:linear-gradient(90deg,var(--munjaz-status-approved-bg),#fff)!important;
}
body.ui-government-dashboard .achievement-status-card.achievement-status-rejected .teacher-achievement-card-head,
body.ui-government-dashboard .achievement-status-card.achievement-status-rejected > header{
    background:linear-gradient(90deg,var(--munjaz-status-rejected-bg),#fff)!important;
}

/* بطاقات العدادات التي تحمل حالة */
body.ui-government-dashboard .metric-card.success{
    border-color:var(--munjaz-status-approved-border)!important;
    background:linear-gradient(135deg,var(--munjaz-status-approved-bg),#fff 68%)!important;
}
body.ui-government-dashboard .metric-card.success .metric-icon,
body.ui-government-dashboard .metric-card.success .metric-copy strong{
    color:var(--munjaz-status-approved-text)!important;
}
body.ui-government-dashboard .metric-card.info{
    border-color:var(--munjaz-status-revised-border)!important;
    background:linear-gradient(135deg,var(--munjaz-status-revised-bg),#fff 68%)!important;
}
body.ui-government-dashboard .metric-card.info .metric-icon,
body.ui-government-dashboard .metric-card.info .metric-copy strong{
    color:var(--munjaz-status-revised-text)!important;
}
body.ui-government-dashboard .metric-card.warning{
    border-color:var(--munjaz-status-pending-border)!important;
    background:linear-gradient(135deg,var(--munjaz-status-pending-bg),#fff 68%)!important;
}
body.ui-government-dashboard .metric-card.warning .metric-icon,
body.ui-government-dashboard .metric-card.warning .metric-copy strong{
    color:var(--munjaz-status-pending-text)!important;
}
body.ui-government-dashboard .metric-card.danger{
    border-color:var(--munjaz-status-rejected-border)!important;
    background:linear-gradient(135deg,var(--munjaz-status-rejected-bg),#fff 68%)!important;
}
body.ui-government-dashboard .metric-card.danger .metric-icon,
body.ui-government-dashboard .metric-card.danger .metric-copy strong{
    color:var(--munjaz-status-rejected-text)!important;
}

@media(max-width:760px){
    body.ui-government-dashboard .tabs a.status-tab{
        min-height:40px!important;
        padding:8px 11px!important;
        font-size:13px!important;
    }
    .status{
        min-height:29px!important;
        padding:4px 9px!important;
        font-size:12px!important;
    }
}
/* MUNJAZ_V3.0.2R21_STATUS_COLOR_SYSTEM_END */

/* MUNJAZ_V3.0.2_R22_MANAGER_VISIBILITY_START */
/* Manager pages: larger, darker, easier to scan. */
body.role-manager{
    --type-h1:32px;
    --type-h2:24px;
    --type-h3:19px;
    --type-body:16px;
    --type-small:14px;
    --type-button:15px;
    --type-field:16px;
    --type-table:15px;
    --type-nav:15px;
    --type-kpi:30px;
    --text:#111827;
    --text-2:#1F2937;
    --muted:#374151;
    color:#111827!important;
}
body.role-manager .page-shell,
body.role-manager .panel,
body.role-manager .page-title-card,
body.role-manager .filter-bar,
body.role-manager .achievement-card,
body.role-manager .achievement-row,
body.role-manager .data-table,
body.role-manager .settings-section{
    color:#111827;
}
body.role-manager h1,
body.role-manager h2,
body.role-manager h3,
body.role-manager strong,
body.role-manager label,
body.role-manager .achievement-title strong,
body.role-manager .teacher-inline strong,
body.role-manager .row-date strong,
body.role-manager .meta-item strong,
body.role-manager .data-table td,
body.role-manager .data-table th{
    color:#111827!important;
}
body.role-manager p,
body.role-manager small,
body.role-manager .muted,
body.role-manager .page-title-card p,
body.role-manager .panel-head p,
body.role-manager .achievement-title small,
body.role-manager .teacher-inline small,
body.role-manager .row-date small,
body.role-manager .meta-item span{
    color:#374151!important;
}
body.role-manager .top-nav-item{
    font-size:15px!important;
    font-weight:700!important;
}
body.role-manager .page-title-card h1{
    font-size:32px!important;
    font-weight:700!important;
}
body.role-manager .page-title-card p{
    font-size:15px!important;
    font-weight:500!important;
}
body.role-manager .metric-copy span{
    color:#1F2937!important;
    font-size:14px!important;
    font-weight:700!important;
}
body.role-manager .metric-copy strong{
    color:#111827!important;
    font-size:30px!important;
    font-weight:800!important;
}
body.role-manager .filter-field label{
    color:#111827!important;
    font-size:15px!important;
    font-weight:700!important;
}
body.role-manager input,
body.role-manager select,
body.role-manager textarea{
    color:#111827!important;
    font-size:16px!important;
    font-weight:500!important;
}
body.role-manager input::placeholder,
body.role-manager textarea::placeholder{
    color:#6B7280!important;
}
body.role-manager .achievement-row-head{
    color:#111827!important;
    font-size:13px!important;
    font-weight:800!important;
}
body.role-manager .achievement-title strong{
    font-size:16px!important;
    font-weight:700!important;
}
body.role-manager .achievement-title small{
    font-size:13px!important;
    font-weight:500!important;
}
body.role-manager .teacher-inline strong{
    font-size:15px!important;
    font-weight:700!important;
}
body.role-manager .teacher-inline small{
    font-size:13px!important;
    font-weight:500!important;
}
body.role-manager .row-date strong{
    font-size:14px!important;
    font-weight:700!important;
}
body.role-manager .row-date small,
body.role-manager .row-day{
    color:#374151!important;
    font-size:12.5px!important;
    font-weight:600!important;
}
body.role-manager .panel-head h2,
body.role-manager .section-title{
    font-size:22px!important;
    font-weight:700!important;
}
body.role-manager .panel-head p{
    font-size:14px!important;
    font-weight:500!important;
}
body.role-manager .data-table th{
    font-size:15px!important;
    font-weight:800!important;
}
body.role-manager .data-table td{
    font-size:15px!important;
    font-weight:500!important;
}
body.role-manager .btn{
    font-size:15px!important;
    font-weight:700!important;
}
/* Keep semantic status colors; only general text becomes dark. */
body.role-manager .status.success{color:#126B40!important}
body.role-manager .status.warning{color:#A95F00!important}
body.role-manager .status.info{color:#155FB8!important}
body.role-manager .status.danger{color:#B42318!important}
body.role-manager .status.neutral{color:#4B5563!important}
/* Teacher/manager photos with a visible initial fallback. */
.manager-teacher-avatar,
.manager-account-avatar{
    position:relative;
    isolation:isolate;
}
.manager-teacher-avatar .avatar-fallback,
.manager-account-avatar .avatar-fallback{
    grid-area:1/1;
    z-index:1;
    display:grid;
    place-items:center;
    width:100%;
    height:100%;
}
.manager-teacher-avatar img,
.manager-account-avatar img{
    grid-area:1/1;
    z-index:2;
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    border-radius:inherit;
    object-fit:cover!important;
    object-position:50% 50%!important;
    opacity:1!important;
    visibility:visible!important;
}
body.role-manager .teacher-inline .mini-avatar{
    width:42px;
    height:42px;
    min-width:42px;
    font-size:14px;
}
body.role-manager .teacher-band-main .mini-avatar{
    width:54px;
    height:54px;
    min-width:54px;
    font-size:17px;
}
body.role-manager .manager-account-avatar{
    width:64px;
    height:64px;
    min-width:64px;
    display:grid;
    place-items:center;
    overflow:hidden;
    border-radius:50%;
}
@media(max-width:760px){
    body.role-manager{
        --type-h1:27px;
        --type-h2:21px;
        --type-h3:18px;
        --type-body:15px;
        --type-small:13px;
        --type-button:14px;
        --type-field:15px;
        --type-nav:13px;
    }
    body.role-manager .page-title-card h1{font-size:27px!important}
    body.role-manager .achievement-title strong{font-size:15px!important}
    body.role-manager .teacher-inline strong{font-size:14px!important}
}
/* MUNJAZ_V3.0.2_R22_MANAGER_VISIBILITY_END */

/* MUNJAZ_V3.0.2_R24_MANAGER_REVIEW_RULES_START */
body.role-manager .review-decision-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
    margin-top:18px;
}
body.role-manager .review-decision-card{
    margin-top:0;
    display:flex;
    flex-direction:column;
    gap:14px;
    min-height:100%;
    background:#fff;
}
body.role-manager .approve-decision-card{
    border-color:#A9D7BE;
    box-shadow:inset 0 4px 0 #16834F;
}
body.role-manager .reject-decision-card{
    border-color:#EDB7B7;
    box-shadow:inset 0 4px 0 #C62828;
}
body.role-manager .decision-card-head,
body.role-manager .review-lock-head{
    display:flex;
    align-items:flex-start;
    gap:11px;
}
body.role-manager .decision-card-head>span,
body.role-manager .review-lock-icon{
    display:grid;
    place-items:center;
    width:38px;
    height:38px;
    min-width:38px;
    border-radius:50%;
}
body.role-manager .approve-decision-card .decision-card-head>span{
    color:#12693F;
    background:#E9F6EF;
}
body.role-manager .reject-decision-card .decision-card-head>span{
    color:#B42323;
    background:#FDECEC;
}
body.role-manager .decision-card-head strong,
body.role-manager .review-lock-head strong{
    display:block;
    color:#111827;
    font-size:17px;
    font-weight:800;
}
body.role-manager .decision-card-head small,
body.role-manager .review-lock-head p{
    display:block;
    margin:4px 0 0;
    color:#4B5563;
    font-size:14px;
    font-weight:600;
    line-height:1.65;
}
body.role-manager .review-decision-card label{
    color:#111827!important;
    font-size:15px!important;
    font-weight:800!important;
}
body.role-manager .review-decision-card .review-actions{
    margin-top:auto;
}
body.role-manager .review-decision-card .review-actions .btn{
    min-width:170px;
}
body.role-manager .manager-review-locked{
    margin-top:18px;
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(240px,360px);
    align-items:center;
    gap:20px;
    border-color:#A9D7BE;
    background:#F2FAF5;
    box-shadow:inset 0 4px 0 #16834F;
}
body.role-manager .manager-review-locked .review-lock-icon{
    color:#12693F;
    background:#DDF1E5;
}
body.role-manager .locked-score-field{
    color:#111827!important;
    font-size:15px!important;
}
body.role-manager .locked-score-field input:disabled{
    opacity:1;
    cursor:not-allowed;
    color:#111827;
    -webkit-text-fill-color:#111827;
    background:#E5ECE8;
    border-color:#B9C8C0;
    font-weight:800;
}
body.role-manager .locked-score-field small{
    color:#4B5563;
    font-size:13px;
}
@media(max-width:900px){
    body.role-manager .review-decision-grid,
    body.role-manager .manager-review-locked{
        grid-template-columns:1fr;
    }
}
/* MUNJAZ_V3.0.2_R24_MANAGER_REVIEW_RULES_END */

/* MUNJAZ_V3.0.2_R25_SHARE_QR_RATING_BANDS_START */
.manager-row-actions{
    display:flex!important;
    align-items:center;
    justify-content:center;
    gap:6px;
    flex-wrap:nowrap;
}
.manager-row-actions .btn.icon-only{
    width:36px;
    height:36px;
    min-width:36px;
    padding:0!important;
}
.rating-scale-panel{
    margin-top:16px;
    padding:18px;
    border:1px solid #D8E4DE;
    border-radius:16px;
    background:#FCFEFD;
}
.rating-scale-heading{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    margin-bottom:14px;
}
.rating-scale-heading p{
    margin:5px 0 0;
    color:#52665D;
    font-size:14px;
}
.rating-current{
    min-width:250px;
    padding:11px 14px;
    border:1px solid #D6DFDA;
    border-radius:13px;
    background:#F4F7F5;
    text-align:center;
}
.rating-current strong,
.rating-current span{
    display:block;
}
.rating-current strong{
    color:#17231E;
    font-size:15px;
    font-weight:800;
}
.rating-current span{
    margin-top:3px;
    color:#586A61;
    font-size:12px;
    font-weight:600;
}
.rating-band-grid{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:10px;
}
.rating-band-card{
    min-height:83px;
    padding:12px 10px;
    border:1px solid transparent;
    border-radius:13px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:5px;
    text-align:center;
    opacity:.82;
    transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease;
}
.rating-band-card strong{
    font-size:17px;
    font-weight:900;
}
.rating-band-card span{
    font-size:12px;
    font-weight:750;
    line-height:1.45;
}
.rating-band-card.is-active{
    opacity:1;
    transform:translateY(-2px);
    box-shadow:0 7px 18px rgba(20,44,33,.13);
    outline:3px solid rgba(15,107,71,.10);
}
.rating-band-card.excellent,
.rating-current.excellent{
    color:#0B6B47;
    border-color:#96CFB4;
    background:#EAF7F0;
}
.rating-band-card.thanks,
.rating-current.thanks{
    color:#167563;
    border-color:#9DD7CC;
    background:#EAF8F5;
}
.rating-band-card.distinguished,
.rating-current.distinguished{
    color:#185FA8;
    border-color:#9EC6EE;
    background:#EAF3FE;
}
.rating-band-card.good,
.rating-current.good{
    color:#B66700;
    border-color:#E8BE79;
    background:#FFF5E7;
}
.rating-band-card.developing,
.rating-current.developing{
    color:#B42318;
    border-color:#E6A7A1;
    background:#FFF0EF;
}
.rating-current.excellent strong,
.rating-current.thanks strong,
.rating-current.distinguished strong,
.rating-current.good strong,
.rating-current.developing strong{
    color:inherit;
}
.status-share-summary strong{
    font-size:14px!important;
    line-height:1.35;
}
.status-share-summary.pending,
.status-share-summary.warning{
    border-color:#E8BE79;
    background:#FFF5E7;
}
.status-share-summary.revised,
.status-share-summary.info{
    border-color:#9EC6EE;
    background:#EAF3FE;
}
.status-share-summary.rejected,
.status-share-summary.danger{
    border-color:#E6A7A1;
    background:#FFF0EF;
}
@media(max-width:980px){
    .rating-band-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .rating-scale-heading{align-items:flex-start;flex-direction:column}
    .rating-current{width:100%;min-width:0}
}
@media(max-width:680px){
    .rating-band-grid{grid-template-columns:1fr}
    .manager-row-actions{gap:4px}
    .manager-row-actions .btn.icon-only{width:32px;height:32px;min-width:32px}
}
/* MUNJAZ_V3.0.2_R25_SHARE_QR_RATING_BANDS_END */



/* MUNJAZ_V3.0.2_R26_REVIEW_PARTICIPANTS_TYPES_START */
.achievement-type-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
    margin:14px 0;
}
.achievement-type-card{
    min-height:82px;
    padding:13px 14px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    border:1px solid #D9E1DD;
    border-radius:14px;
    background:#F6F8F7;
    color:#5D6862;
}
.achievement-type-head{
    min-width:0;
    display:flex;
    align-items:center;
    gap:10px;
}
.achievement-type-head>span:last-child{min-width:0}
.achievement-type-icon{
    width:38px;
    height:38px;
    min-width:38px;
    display:grid;
    place-items:center;
    border-radius:12px;
    background:rgba(255,255,255,.72);
}
.achievement-type-icon .icon{width:21px;height:21px}
.achievement-type-card strong,
.achievement-type-card small{display:block}
.achievement-type-card strong{
    color:inherit;
    font-size:15px;
    font-weight:900;
}
.achievement-type-card small{
    margin-top:4px;
    color:inherit;
    font-size:12px;
    font-weight:650;
    line-height:1.5;
    opacity:.9;
    overflow:hidden;
    text-overflow:ellipsis;
}
.achievement-type-card>b{
    min-width:42px;
    padding:6px 9px;
    border-radius:999px;
    background:rgba(255,255,255,.82);
    color:inherit;
    text-align:center;
    font-size:12px;
    font-weight:900;
}
.achievement-type-card.type-group.is-active{
    color:#6D28D9;
    border-color:#C4B5FD;
    background:#F3EFFF;
    box-shadow:inset 0 4px 0 #7C3AED;
}
.achievement-type-card.type-students.is-active{
    color:#1D4ED8;
    border-color:#AFC8FA;
    background:#EEF4FF;
    box-shadow:inset 0 4px 0 #2563EB;
}
.achievement-type-card.type-community.is-active{
    color:#0F766E;
    border-color:#9FD8D2;
    background:#ECF9F7;
    box-shadow:inset 0 4px 0 #0D9488;
}
.achievement-type-card.is-inactive{
    opacity:.72;
    filter:saturate(.35);
}
.participants-panel{
    margin:0 0 16px;
    padding:15px;
    border:1px solid #C4B5FD;
    border-radius:15px;
    background:#FBF9FF;
}
.participants-panel-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:11px;
}
.participants-panel-head strong,
.participants-panel-head small{display:block}
.participants-panel-head strong{
    color:#4C1D95;
    font-size:15px;
    font-weight:900;
}
.participants-panel-head small{
    margin-top:3px;
    color:#6D28D9;
    font-size:12px;
    font-weight:700;
}
.participant-card-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:9px;
}
.participant-person-card{
    min-width:0;
    min-height:66px;
    padding:9px 10px;
    display:flex;
    align-items:center;
    gap:10px;
    border:1px solid #DED3FB;
    border-radius:12px;
    background:#fff;
}
.participant-person-card .mini-avatar{
    width:44px;
    height:44px;
    min-width:44px;
}
.participant-person-info{min-width:0}
.participant-person-info strong,
.participant-person-info small{display:block}
.participant-person-info strong{
    overflow:hidden;
    color:#1F2937;
    font-size:13px;
    font-weight:850;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.participant-person-info small{
    margin-top:3px;
    overflow:hidden;
    color:#6B7280;
    font-size:11px;
    font-weight:650;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.participants-empty{
    grid-column:1/-1;
    padding:12px;
    border:1px dashed #C4B5FD;
    border-radius:11px;
    color:#6D28D9;
    text-align:center;
    font-size:13px;
    font-weight:750;
}
.revised-rating-reminder{
    margin-top:16px;
    padding:14px 15px;
    display:flex;
    align-items:flex-start;
    gap:11px;
    border:1px solid #93BCE8;
    border-radius:14px;
    background:#EDF5FF;
    box-shadow:inset 0 4px 0 #2563EB;
}
.revised-rating-reminder-icon{
    width:38px;
    height:38px;
    min-width:38px;
    display:grid;
    place-items:center;
    border-radius:50%;
    color:#1D4ED8;
    background:#DBEAFE;
}
.revised-rating-reminder strong{
    display:block;
    color:#153E75;
    font-size:15px;
    font-weight:900;
}
.revised-rating-reminder p{
    margin:4px 0 0;
    color:#315B89;
    font-size:13px;
    font-weight:700;
    line-height:1.65;
}
.achievement-type-badges{
    margin-top:6px;
    display:flex;
    align-items:center;
    gap:5px;
    flex-wrap:wrap;
}
.achievement-type-badge{
    max-width:180px;
    padding:3px 7px;
    overflow:hidden;
    border:1px solid transparent;
    border-radius:999px;
    font-size:10px;
    font-weight:850;
    line-height:1.3;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.achievement-type-badge.type-group{
    color:#6D28D9;
    border-color:#C4B5FD;
    background:#F3EFFF;
}
.achievement-type-badge.type-students{
    color:#1D4ED8;
    border-color:#AFC8FA;
    background:#EEF4FF;
}
.achievement-type-badge.type-community{
    color:#0F766E;
    border-color:#9FD8D2;
    background:#ECF9F7;
}
body.role-manager .reject-decision-card label small{
    display:block;
    margin-top:5px;
    color:#7A3C3C;
    font-size:12px;
    font-weight:650;
}
@media(max-width:980px){
    .achievement-type-grid,
    .participant-card-grid{grid-template-columns:1fr}
}
/* MUNJAZ_V3.0.2_R26_REVIEW_PARTICIPANTS_TYPES_END */

/* MUNJAZ_V3.0.2_R27_MANAGER_TASK_ALERTS_START */
.manager-task-alerts{
    margin-bottom:14px;
}
.manager-task-alerts .panel-head{
    align-items:center;
}
.manager-task-alert-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:9px;
}
.manager-task-alert{
    min-width:0;
    min-height:68px;
    padding:10px 11px;
    display:flex;
    align-items:center;
    gap:10px;
    border:1px solid #DCE6E1;
    border-radius:13px;
    color:#18221E;
    background:#fff;
    text-decoration:none;
    transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.manager-task-alert:hover{
    transform:translateY(-1px);
    box-shadow:0 8px 18px rgba(18,55,41,.08);
}
.manager-task-alert-icon{
    width:38px;
    height:38px;
    min-width:38px;
    display:grid;
    place-items:center;
    border-radius:11px;
    background:#F1F5F3;
}
.manager-task-alert-icon .icon{
    width:20px;
    height:20px;
}
.manager-task-alert-copy{
    min-width:0;
    flex:1;
}
.manager-task-alert-copy strong,
.manager-task-alert-copy small{
    display:block;
}
.manager-task-alert-copy strong{
    overflow:hidden;
    color:#111827;
    font-size:13px;
    font-weight:900;
    line-height:1.45;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.manager-task-alert-copy small{
    margin-top:2px;
    color:#66736D;
    font-size:10.5px;
    font-weight:700;
}
.manager-task-alert>b{
    min-width:34px;
    padding:5px 7px;
    border-radius:999px;
    text-align:center;
    font-size:13px;
    font-weight:950;
    background:#EEF2F0;
}
.manager-task-alert.danger{
    border-color:#F0B7B7;
    background:#FFF8F8;
}
.manager-task-alert.danger .manager-task-alert-icon,
.manager-task-alert.danger>b{
    color:#B42318;
    background:#FDECEC;
}
.manager-task-alert.warning{
    border-color:#EED7A2;
    background:#FFFCF3;
}
.manager-task-alert.warning .manager-task-alert-icon,
.manager-task-alert.warning>b{
    color:#A15C00;
    background:#FFF1D6;
}
.manager-task-alert.info{
    border-color:#B9D3F1;
    background:#F7FBFF;
}
.manager-task-alert.info .manager-task-alert-icon,
.manager-task-alert.info>b{
    color:#175CA8;
    background:#EAF3FF;
}
.manager-task-alert.success{
    border-color:#B5DEC6;
    background:#F7FCF9;
}
.manager-task-alert.success .manager-task-alert-icon,
.manager-task-alert.success>b{
    color:#176B43;
    background:#E7F6ED;
}
.manager-task-alert.is-clear{
    opacity:.68;
    background:#FAFBFA;
    border-color:#E5EAE7;
}
.manager-task-alert.is-clear .manager-task-alert-icon,
.manager-task-alert.is-clear>b{
    color:#607068;
    background:#EEF2F0;
}
.followup-stats-strip{
    grid-template-columns:repeat(3,minmax(0,1fr));
}
.danger-note{
    color:#B42318!important;
    font-weight:850!important;
}
@media(max-width:980px){
    .manager-task-alert-grid,
    .followup-stats-strip{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}
@media(max-width:620px){
    .manager-task-alert-grid,
    .followup-stats-strip{
        grid-template-columns:1fr;
    }
    .manager-task-alert-copy strong{
        white-space:normal;
    }
}
/* MUNJAZ_V3.0.2_R27_MANAGER_TASK_ALERTS_END */

/* MUNJAZ_V3.0.2_R28_EXECUTIVE_REPORTS_START */
.reports-filter-panel{
    margin:0 0 16px;
    border:2px solid #B9D7C8;
    background:#F8FCFA;
}
.reports-filter-head{
    margin-bottom:12px;
    padding-bottom:11px;
    border-bottom:1px solid #D7E8DF;
}
.reports-filter-head h2{
    display:flex;
    align-items:center;
    gap:8px;
    margin:0;
    color:#063F2E;
    font-size:18px;
    font-weight:900;
}
.reports-filter-head h2 .icon{width:19px;height:19px}
.reports-filter-head p{margin:4px 0 0;color:#314B41;font-size:13px;font-weight:650}
.reports-filter-grid{
    margin:0;
    padding:0;
    border:0;
    background:transparent;
    grid-template-columns:repeat(4,minmax(155px,1fr));
}
.reports-filter-grid .search-wide{grid-column:span 2}
.reports-filter-grid .filter-action .btn{width:100%;justify-content:center}
.reports-executive-strip{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
    margin:0 0 16px;
}
.reports-executive-strip .metric-card{
    min-height:104px;
}
.reports-executive-strip .metric-copy>span{
    color:#17211D;
    font-weight:850;
}
.reports-executive-strip .metric-copy>strong{
    color:#09110E;
}
.reports-chart-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
    margin:0 0 16px;
}
.report-chart-card{
    min-width:0;
}
.report-chart-card.compact-target-chart{
    grid-column:1/-1;
}
.report-donut-wrap{
    display:grid;
    grid-template-columns:minmax(190px,230px) minmax(0,1fr);
    align-items:center;
    gap:24px;
    padding:8px 4px 4px;
}
.report-donut{
    position:relative;
    width:min(100%,220px);
    aspect-ratio:1;
    margin:auto;
    border-radius:50%;
    background:var(--report-chart,conic-gradient(#E7ECE9 0 100%));
    box-shadow:inset 0 0 0 1px rgba(9,40,29,.06),0 12px 28px rgba(20,63,46,.11);
}
.report-donut::after{
    content:"";
    position:absolute;
    inset:28px;
    border-radius:50%;
    background:#FFF;
    box-shadow:inset 0 0 0 1px #E7ECE9;
}
.report-donut-center{
    position:absolute;
    inset:0;
    z-index:1;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
}
.report-donut-center strong{
    color:#07130E;
    font-size:34px;
    line-height:1;
    font-weight:950;
}
.report-donut-center span{
    margin-top:7px;
    color:#44564E;
    font-size:13px;
    font-weight:800;
}
.report-chart-legend{
    display:grid;
    gap:9px;
}
.report-chart-legend>div{
    display:grid;
    grid-template-columns:13px minmax(0,1fr) auto;
    align-items:center;
    gap:9px;
    min-height:38px;
    padding:8px 10px;
    border:1px solid #E1E8E4;
    border-radius:11px;
    background:#FCFDFC;
}
.report-chart-legend i{
    width:11px;
    height:11px;
    border-radius:50%;
}
.report-chart-legend span{
    color:#111A16;
    font-size:13px;
    font-weight:800;
}
.report-chart-legend b{
    min-width:28px;
    color:#07130E;
    text-align:center;
    font-size:14px;
    font-weight:950;
}
.report-chart-legend i.approved{background:#1B7F4C}
.report-chart-legend i.pending{background:#D97706}
.report-chart-legend i.revised{background:#1565C0}
.report-chart-legend i.rejected{background:#C62828}
.report-chart-legend i.rating-excellent{background:#166534}
.report-chart-legend i.rating-thanked{background:#2E7D32}
.report-chart-legend i.rating-distinguished{background:#1565C0}
.report-chart-legend i.rating-good{background:#D97706}
.report-chart-legend i.rating-development{background:#C62828}
.rating-legend>div{min-height:35px;padding-top:6px;padding-bottom:6px}
.report-single-ring{
    display:grid;
    grid-template-columns:180px minmax(0,1fr);
    align-items:center;
    gap:24px;
    padding:8px 10px 4px;
}
.report-ring{
    --ring-value:0%;
    --ring-color:#1B7F4C;
    position:relative;
    width:170px;
    aspect-ratio:1;
    border-radius:50%;
    background:conic-gradient(var(--ring-color) 0 var(--ring-value),#E8EEEA var(--ring-value) 100%);
    box-shadow:inset 0 0 0 1px rgba(5,48,33,.05);
}
.report-ring::after{
    content:"";
    position:absolute;
    inset:21px;
    border-radius:50%;
    background:#FFF;
    box-shadow:inset 0 0 0 1px #E3EAE6;
}
.report-ring>div{
    position:absolute;
    inset:0;
    z-index:1;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
}
.report-ring strong{
    color:#07130E;
    font-size:29px;
    line-height:1;
    font-weight:950;
}
.report-ring span{
    margin-top:6px;
    color:#46574F;
    font-size:12px;
    font-weight:800;
}
.report-ring-copy strong{
    color:#07130E;
    font-size:20px;
    font-weight:950;
}
.report-ring-copy p{
    margin:7px 0 0;
    color:#34483F;
    font-size:14px;
    font-weight:650;
    line-height:1.8;
}
.reports-progress-table{
    min-width:1280px;
}
.reports-progress-table th,
.reports-progress-table td{
    color:#0A120F;
    font-weight:750;
}
.report-progress-cell{
    display:grid;
    grid-template-columns:auto minmax(70px,1fr) auto;
    align-items:center;
    gap:8px;
    min-width:260px;
}
.report-progress-cell .status{white-space:nowrap}
.report-progress-cell .strength-bar{min-width:80px}
.report-progress-cell>b{font-size:13px;font-weight:950}
.reports-detail-grid{
    align-items:stretch;
}
.report-mini-rings{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
}
.report-mini-ring-card{
    display:flex;
    flex-direction:column;
    align-items:center;
    min-width:0;
    padding:15px 10px 13px;
    border:1px solid #DFE7E2;
    border-radius:14px;
    background:#FCFDFC;
    text-align:center;
}
.report-ring.small{
    width:112px;
}
.report-ring.small::after{inset:15px}
.report-ring.small strong{font-size:23px}
.report-ring.small span{font-size:11px}
.report-mini-ring-card>strong{
    margin-top:10px;
    color:#09130F;
    font-size:14px;
    font-weight:950;
}
.report-mini-ring-card>small{
    margin-top:4px;
    color:#52645C;
    font-size:11px;
    font-weight:700;
    line-height:1.5;
}
.report-mini-ring-card.group{border-top:4px solid #6D4AFF}
.report-mini-ring-card.students{border-top:4px solid #1565C0}
.report-mini-ring-card.community{border-top:4px solid #00897B}
@media(max-width:1180px){
    .reports-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
    .reports-executive-strip{grid-template-columns:repeat(3,minmax(0,1fr))}
    .reports-chart-grid{grid-template-columns:1fr}
    .report-chart-card.compact-target-chart{grid-column:auto}
}
@media(max-width:850px){
    .reports-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .reports-executive-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
    .report-donut-wrap{grid-template-columns:1fr}
    .report-single-ring{grid-template-columns:1fr;text-align:center}
    .report-ring{margin:auto}
    .report-mini-rings{grid-template-columns:1fr}
}
@media(max-width:560px){
    .reports-filter-grid,.reports-executive-strip{grid-template-columns:1fr}
    .reports-filter-grid .search-wide{grid-column:auto}
    .report-donut{width:190px}
    .report-donut::after{inset:25px}
    .report-donut-center strong{font-size:30px}
}
@media print{
    .reports-chart-grid,.reports-detail-grid{break-inside:avoid}
    .report-donut,.report-ring{-webkit-print-color-adjust:exact;print-color-adjust:exact}
    .reports-executive-strip{grid-template-columns:repeat(4,1fr)}
}
/* MUNJAZ_V3.0.2_R28_EXECUTIVE_REPORTS_END */

/* MUNJAZ_V3.0.2_R29_TASKS_INLINE_FOLLOWUP_TABLE_START */
#manager-task-followup,
#manager-achievements-list{
    scroll-margin-top:150px;
}
.manager-task-alert.is-active{
    border-color:currentColor;
    box-shadow:0 0 0 3px rgba(15,81,63,.10),0 12px 28px rgba(14,58,43,.10);
    transform:translateY(-2px);
}
.manager-task-inline-followup{
    margin-top:22px;
    padding-top:22px;
    border-top:1px solid #D9E4DE;
}
.manager-task-inline-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:16px;
    margin-bottom:14px;
}
.manager-task-inline-head h3{
    display:flex;
    align-items:center;
    gap:9px;
    margin:0;
    color:#07110D;
    font-size:20px;
    font-weight:950;
}
.manager-task-inline-head h3 .icon{
    width:22px;
    height:22px;
    color:#0F513F;
}
.manager-task-inline-head p{
    margin:6px 0 0;
    color:#334A40;
    font-size:14px;
    font-weight:750;
    line-height:1.8;
}
.manager-followup-tabs{
    margin-bottom:14px;
    padding-bottom:4px;
}
.manager-followup-tabs a{
    min-height:40px;
    font-size:13px;
    font-weight:850;
}
.manager-followup-tabs a small{
    min-width:24px;
    height:24px;
    display:inline-grid;
    place-items:center;
    padding:0 6px;
    border-radius:999px;
    background:rgba(15,81,63,.08);
    font-size:11px;
    font-weight:950;
}
.manager-followup-tabs a.active small{
    background:rgba(255,255,255,.20);
}
.manager-followup-filter{
    margin-bottom:14px;
    background:#F7FAF8;
}
.manager-task-table-toolbar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-bottom:10px;
    padding:10px 12px;
    border:1px solid #DCE6E1;
    border-radius:12px;
    background:#FCFDFC;
}
.manager-task-followup-table-wrap{
    border:1px solid #D9E4DE;
    border-radius:14px;
    background:#fff;
}
.manager-task-followup-table{
    min-width:1120px;
}
.manager-task-followup-table th{
    color:#09130F;
    font-size:13px;
    font-weight:950;
}
.manager-task-followup-table td{
    color:#101B16;
    font-size:13px;
    font-weight:720;
    vertical-align:middle;
}
.manager-task-followup-table th:nth-child(1),
.manager-task-followup-table td:nth-child(1){width:42px;text-align:center}
.manager-task-followup-table th:nth-child(2),
.manager-task-followup-table td:nth-child(2){min-width:260px}
.manager-task-followup-table th:nth-child(3),
.manager-task-followup-table td:nth-child(3){min-width:330px}
.manager-task-followup-table th:nth-child(4),
.manager-task-followup-table td:nth-child(4),
.manager-task-followup-table th:nth-child(5),
.manager-task-followup-table td:nth-child(5),
.manager-task-followup-table th:nth-child(6),
.manager-task-followup-table td:nth-child(6){width:82px;text-align:center}
.manager-task-followup-table th:nth-child(7),
.manager-task-followup-table td:nth-child(7){min-width:130px}
.manager-task-followup-table th:nth-child(8),
.manager-task-followup-table td:nth-child(8){width:125px;text-align:center}
.manager-task-followup-table .teacher-inline strong{
    color:#07110D!important;
    font-size:14px!important;
    font-weight:950!important;
}
.manager-task-followup-table .teacher-inline small{
    margin-top:3px;
    color:#3F544B!important;
    font-size:12px!important;
    font-weight:750!important;
}
.manager-task-followup-table .issue-badges{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
}
.manager-task-followup-table .status{
    font-size:11.5px;
    font-weight:900;
}
.manager-task-followup-table .table-note{
    display:block;
    margin-top:7px;
    color:#50655B;
    font-size:11.5px;
    font-weight:750;
    line-height:1.7;
}
.manager-task-followup-table .danger-note{
    color:#B42318;
}
.manager-task-message-box{
    margin-top:14px;
    border:1px solid #CFE0D7;
    border-radius:14px;
    background:#F8FBF9;
    overflow:hidden;
}
.manager-task-message-box>summary{
    display:flex;
    align-items:center;
    gap:9px;
    padding:14px 16px;
    color:#0B4D3A;
    cursor:pointer;
    font-size:14px;
    font-weight:950;
    list-style:none;
}
.manager-task-message-box>summary::-webkit-details-marker{display:none}
.manager-task-message-box>summary .icon{width:20px;height:20px}
.manager-task-message-box[open]>summary{
    border-bottom:1px solid #D8E5DE;
    background:#EEF7F2;
}
.manager-task-message-box>.form-grid{
    padding:16px;
}
@media(max-width:760px){
    .manager-task-inline-head,
    .manager-task-table-toolbar{
        align-items:stretch;
        flex-direction:column;
    }
    .manager-task-inline-head h3{font-size:18px}
    .manager-followup-tabs a{font-size:12px}
}
@media print{
    .manager-task-alert-grid,
    .manager-followup-tabs,
    .manager-followup-filter,
    .manager-task-table-toolbar,
    .manager-task-message-box{
        display:none!important;
    }
    .manager-task-inline-followup{
        margin-top:0;
        padding-top:0;
        border:0;
    }
}
/* MUNJAZ_V3.0.2_R29_TASKS_INLINE_FOLLOWUP_TABLE_END */

/* MUNJAZ_V3.0.2_R30_TASKS_DIRECT_TABLE_NO_CARDS_START */
.manager-task-alerts-table-mode .panel-head{
    margin-bottom:14px;
}
.manager-alert-summary-wrap{
    border:1px solid #D9E4DE;
    border-radius:14px;
    background:#fff;
    overflow:hidden;
}
.manager-alert-summary-table{
    min-width:720px;
}
.manager-alert-summary-table th{
    color:#07110D;
    font-size:13px;
    font-weight:950;
}
.manager-alert-summary-table td{
    color:#101B16;
    font-size:13.5px;
    font-weight:760;
    vertical-align:middle;
}
.manager-alert-summary-table th:nth-child(2),
.manager-alert-summary-table td:nth-child(2){width:180px;text-align:center}
.manager-alert-summary-table th:nth-child(3),
.manager-alert-summary-table td:nth-child(3){width:150px;text-align:center}
.manager-alert-summary-name{
    display:flex;
    align-items:center;
    gap:10px;
}
.manager-alert-summary-name strong{
    color:#07110D;
    font-size:14px;
    font-weight:950;
}
.manager-alert-summary-icon{
    width:34px;
    height:34px;
    display:grid;
    place-items:center;
    flex:0 0 auto;
    border-radius:10px;
    background:#EEF3F0;
    color:#0F513F;
}
.manager-alert-summary-icon .icon{width:18px;height:18px}
.manager-alert-summary-icon.danger{background:#FDECEC;color:#B42318}
.manager-alert-summary-icon.warning{background:#FFF4E5;color:#B56700}
.manager-alert-summary-icon.info{background:#EAF3FF;color:#155FA0}
.manager-alert-summary-icon.success{background:#EAF7EE;color:#167548}
.manager-alert-summary-count{
    min-width:42px;
    height:32px;
    display:inline-grid;
    place-items:center;
    padding:0 10px;
    border-radius:999px;
    background:#EEF5F1;
    color:#0B4D3A;
    font-size:15px;
    font-weight:950;
}
.manager-task-followup-direct-table{
    margin-top:18px;
}
.manager-followup-direct-filter{
    grid-template-columns:minmax(220px,.75fr) minmax(320px,1.6fr) auto;
}
@media(max-width:900px){
    .manager-followup-direct-filter{grid-template-columns:1fr 1fr}
    .manager-followup-direct-filter .filter-action{grid-column:1/-1}
}
@media(max-width:620px){
    .manager-followup-direct-filter{grid-template-columns:1fr}
    .manager-followup-direct-filter .filter-action{grid-column:auto}
}
@media print{
    .manager-alert-summary-wrap,
    .manager-followup-direct-filter,
    .manager-task-table-toolbar,
    .manager-task-message-box{
        display:none!important;
    }
}
/* MUNJAZ_V3.0.2_R30_TASKS_DIRECT_TABLE_NO_CARDS_END */

/* MUNJAZ_V3.0.2_R31_TASK_ALERT_MODAL_TABLE_START */
.manager-followup-alerts-only{
    margin-bottom:0;
}
.manager-followup-alerts-only .panel-head{
    margin-bottom:14px;
}
.manager-alert-popup-table{
    min-width:980px;
}
.manager-alert-popup-table th:nth-child(2),
.manager-alert-popup-table td:nth-child(2){
    min-width:360px;
}
.manager-alert-popup-table th:nth-child(3),
.manager-alert-popup-table td:nth-child(3){
    width:160px;
    text-align:center;
}
.manager-alert-popup-table th:nth-child(4),
.manager-alert-popup-table td:nth-child(4){
    width:135px;
    text-align:center;
}
.manager-alert-popup-table th:nth-child(5),
.manager-alert-popup-table td:nth-child(5){
    width:115px;
    text-align:center;
}
.manager-alert-description{
    color:#334A40!important;
    font-size:13px!important;
    font-weight:720!important;
    line-height:1.75;
}
.manager-alert-view-button{
    min-width:82px;
    justify-content:center;
}
.manager-alert-view-button:disabled{
    opacity:.48;
    cursor:not-allowed;
    transform:none!important;
}
.manager-task-alert-dialog{
    width:min(1180px,calc(100vw - 28px));
    max-width:none;
    max-height:calc(100vh - 28px);
    padding:0;
    overflow:hidden;
    border:0;
    border-radius:20px;
    background:#fff;
    box-shadow:0 28px 80px rgba(3,28,20,.28);
}
.manager-task-alert-dialog::backdrop{
    background:rgba(3,18,13,.58);
    backdrop-filter:blur(5px);
}
.manager-task-alert-dialog-card{
    max-height:calc(100vh - 28px);
    display:flex;
    flex-direction:column;
    background:#fff;
}
.manager-task-alert-dialog-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:18px;
    padding:18px 20px;
    border-bottom:1px solid #DCE6E1;
    background:#F7FAF8;
}
.manager-task-alert-dialog-head.danger{box-shadow:inset 0 4px 0 #C62828}
.manager-task-alert-dialog-head.warning{box-shadow:inset 0 4px 0 #D98300}
.manager-task-alert-dialog-head.info{box-shadow:inset 0 4px 0 #1565C0}
.manager-task-alert-dialog-head.success{box-shadow:inset 0 4px 0 #1B7F4C}
.manager-task-alert-dialog-title{
    min-width:0;
    display:flex;
    align-items:flex-start;
    gap:12px;
}
.manager-task-alert-dialog-title h2{
    margin:0;
    color:#07110D;
    font-size:21px;
    font-weight:950;
}
.manager-task-alert-dialog-title p{
    margin:5px 0 0;
    color:#40554C;
    font-size:13px;
    font-weight:720;
    line-height:1.7;
}
.manager-task-alert-close{
    position:static;
    flex:0 0 auto;
}
.manager-task-alert-dialog-summary{
    display:flex;
    align-items:center;
    gap:10px;
    padding:11px 20px;
    border-bottom:1px solid #E3EAE6;
    color:#40554C;
    background:#FCFDFC;
    font-size:12.5px;
    font-weight:750;
}
.manager-task-alert-dialog-body{
    flex:1;
    min-height:0;
    overflow:auto;
    border:0;
    border-radius:0;
}
.manager-task-alert-detail-table{
    min-width:1000px;
}
.manager-task-alert-detail-table th{
    position:sticky;
    top:0;
    z-index:2;
    color:#07110D;
    background:#F1F6F3;
    font-size:13px;
    font-weight:950;
}
.manager-task-alert-detail-table td{
    color:#101B16;
    font-size:13px;
    font-weight:720;
    vertical-align:middle;
}
.manager-task-alert-detail-table th:nth-child(1),
.manager-task-alert-detail-table td:nth-child(1){min-width:265px}
.manager-task-alert-detail-table th:nth-child(2),
.manager-task-alert-detail-table td:nth-child(2){min-width:330px}
.manager-task-alert-detail-table th:nth-child(3),
.manager-task-alert-detail-table td:nth-child(3),
.manager-task-alert-detail-table th:nth-child(4),
.manager-task-alert-detail-table td:nth-child(4),
.manager-task-alert-detail-table th:nth-child(5),
.manager-task-alert-detail-table td:nth-child(5){width:90px;text-align:center}
.manager-task-alert-detail-table th:nth-child(6),
.manager-task-alert-detail-table td:nth-child(6){min-width:135px}
.manager-task-alert-detail-table .teacher-inline strong{
    color:#07110D!important;
    font-size:14px!important;
    font-weight:950!important;
}
.manager-task-alert-detail-table .teacher-inline small{
    margin-top:3px;
    color:#41564D!important;
    font-size:11.5px!important;
    font-weight:720!important;
}
.manager-task-alert-detail-text{
    color:#263C33!important;
    line-height:1.75;
}
.manager-task-alert-dialog-actions{
    display:flex;
    justify-content:flex-end;
    padding:13px 20px;
    border-top:1px solid #DCE6E1;
    background:#F8FAF9;
}
@media(max-width:700px){
    .manager-task-alert-dialog{
        width:calc(100vw - 14px);
        max-height:calc(100vh - 14px);
        border-radius:15px;
    }
    .manager-task-alert-dialog-card{max-height:calc(100vh - 14px)}
    .manager-task-alert-dialog-head{padding:15px}
    .manager-task-alert-dialog-title h2{font-size:18px}
    .manager-task-alert-dialog-summary{padding:10px 15px}
    .manager-task-alert-dialog-actions{padding:11px 15px}
}
@media print{
    .manager-task-alert-dialog{display:none!important}
}
/* MUNJAZ_V3.0.2_R31_TASK_ALERT_MODAL_TABLE_END */


/* R33 — visible manager dashboard pagination */
.manager-dashboard-pagination-wrap{
    margin-top:18px;
    padding:14px 16px 12px;
    border:1px solid #DCE8E1;
    border-radius:14px;
    background:#F8FBF9;
}
.manager-dashboard-pagination-summary{
    margin-bottom:10px;
    color:#18231E;
    text-align:center;
    font-size:14px;
    font-weight:800;
}
.manager-dashboard-pagination-summary strong{
    color:#0B5A46;
    font-size:15px;
}
.manager-dashboard-pagination{
    display:flex!important;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:7px;
    margin:0!important;
    visibility:visible!important;
    opacity:1!important;
}
.manager-dashboard-pagination a,
.manager-dashboard-pagination .pagination-direction,
.manager-dashboard-pagination .pagination-gap{
    min-width:38px;
    height:38px;
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    border:1px solid #CBDCD3;
    border-radius:10px;
    background:#FFFFFF;
    color:#101814;
    text-decoration:none;
    font-size:14px;
    font-weight:850;
    line-height:1;
}
.manager-dashboard-pagination a:hover{
    border-color:#0B5A46;
    background:#EEF7F3;
}
.manager-dashboard-pagination a.active,
.manager-dashboard-pagination a[aria-current="page"]{
    border-color:#0B5A46;
    background:#0B5A46;
    color:#FFFFFF;
    box-shadow:0 4px 12px rgba(11,90,70,.18);
}
.manager-dashboard-pagination .pagination-direction{
    min-width:76px;
    padding-inline:14px;
}
.manager-dashboard-pagination .pagination-direction.disabled{
    border-color:#E3E9E6;
    background:#F1F4F2;
    color:#8B9690;
    cursor:not-allowed;
}
.manager-dashboard-pagination .pagination-gap{
    border-color:transparent;
    background:transparent;
    color:#68746E;
}
@media(max-width:640px){
    .manager-dashboard-pagination-wrap{
        padding-inline:10px;
    }
    .manager-dashboard-pagination{
        gap:5px;
    }
    .manager-dashboard-pagination a,
    .manager-dashboard-pagination .pagination-direction,
    .manager-dashboard-pagination .pagination-gap{
        min-width:34px;
        height:36px;
        font-size:13px;
    }
    .manager-dashboard-pagination .pagination-direction{
        min-width:64px;
        padding-inline:10px;
    }
}

/* MUNJAZ_V3.0.2_R39_TASK_WHATSAPP_ALERT_START */
.manager-task-whatsapp-form{
    display:block;
    width:100%;
    height:100%;
    margin:0;
}
.manager-task-whatsapp-form .manager-task-alert-dialog-card{
    height:100%;
}
.manager-task-select-column{
    width:88px!important;
    min-width:88px!important;
    max-width:88px!important;
    text-align:center!important;
}
.manager-task-check-all,
.manager-task-recipient-check{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    font-size:12px;
    font-weight:800;
    color:#17231D;
    cursor:pointer;
    white-space:nowrap;
}
.manager-task-check-all input,
.manager-task-recipient-check input{
    width:17px;
    height:17px;
    accent-color:#176B45;
    cursor:pointer;
}
.manager-task-recipient-check:has(input:disabled){
    color:#8A938E;
    cursor:not-allowed;
}
.manager-task-recipient-check input:disabled{cursor:not-allowed}
.manager-task-whatsapp-actions{
    display:grid;
    grid-template-columns:minmax(280px,1fr) auto;
    align-items:end;
    gap:16px;
    padding:14px 18px;
    background:#F8FAF9;
    border-top:1px solid #DCE4DF;
}
.manager-task-whatsapp-message{
    display:grid;
    gap:6px;
}
.manager-task-whatsapp-message label{
    color:#111814;
    font-weight:900;
    font-size:14px;
}
.manager-task-whatsapp-message textarea{
    width:100%;
    min-height:76px;
    resize:vertical;
    border:1px solid #BCCBC2;
    border-radius:10px;
    background:#FFF;
    color:#101713;
    font-family:inherit;
    font-size:14px;
    font-weight:700;
    line-height:1.75;
    padding:10px 12px;
}
.manager-task-whatsapp-message textarea:focus{
    outline:3px solid rgba(23,107,69,.14);
    border-color:#176B45;
}
.manager-task-whatsapp-message small{
    color:#5C6962;
    font-size:12px;
    font-weight:700;
}
.manager-task-whatsapp-buttons{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    flex-wrap:wrap;
    gap:8px;
    max-width:420px;
}
.manager-task-selected-count{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:36px;
    padding:6px 11px;
    border-radius:9px;
    background:#EAF3EE;
    color:#155F3F;
    font-size:12px;
    font-weight:900;
}
.manager-task-whatsapp-submit{white-space:nowrap}

.manager-whatsapp-popup-page{
    margin:0;
    min-height:100vh;
    background:#F3F7F5;
    color:#101713;
    font-family:'Tajawal',Arial,sans-serif;
}
.manager-whatsapp-popup-shell{
    width:min(100%,720px);
    min-height:100vh;
    margin:0 auto;
    padding:18px;
    box-sizing:border-box;
}
.manager-whatsapp-popup-head{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:14px;
    padding:18px;
    border-radius:14px;
    background:#124B35;
    color:#FFF;
    border-bottom:4px solid #C9A75D;
}
.manager-whatsapp-popup-head h1{
    margin:4px 0 2px;
    color:#FFF;
    font-size:24px;
}
.manager-whatsapp-popup-head p{
    margin:0;
    color:#DCECE4;
    font-weight:700;
}
.manager-whatsapp-popup-kicker{
    display:block;
    color:#F3DFA8;
    font-size:12px;
    font-weight:900;
}
.manager-whatsapp-popup-summary{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:10px;
    margin:14px 0;
}
.manager-whatsapp-popup-summary>div{
    display:grid;
    place-items:center;
    min-height:84px;
    border:1px solid #D7E2DC;
    border-radius:12px;
    background:#FFF;
}
.manager-whatsapp-popup-summary strong{
    color:#124B35;
    font-size:26px;
    line-height:1;
}
.manager-whatsapp-popup-summary span{
    color:#526159;
    font-size:12px;
    font-weight:800;
}
.manager-whatsapp-popup-message,
.manager-whatsapp-popup-note,
.manager-whatsapp-popup-progress,
.manager-whatsapp-popup-error,
.manager-whatsapp-popup-missing{
    margin:12px 0;
    padding:14px;
    border:1px solid #D7E2DC;
    border-radius:12px;
    background:#FFF;
}
.manager-whatsapp-popup-message p{
    margin:10px 0 0;
    line-height:1.9;
    font-size:14px;
    font-weight:700;
    white-space:normal;
}
.manager-whatsapp-popup-section-title,
.manager-whatsapp-popup-progress-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
}
.manager-whatsapp-popup-note{
    background:#FFF8E8;
    border-color:#E8CC8A;
}
.manager-whatsapp-popup-note p,
.manager-whatsapp-popup-error p{
    margin:5px 0 0;
    line-height:1.8;
    font-weight:700;
}
.manager-whatsapp-popup-error{
    background:#FDECEC;
    border-color:#E8A4A4;
    color:#8B1E1E;
}
.manager-whatsapp-popup-progress-track{
    height:10px;
    margin-top:10px;
    overflow:hidden;
    border-radius:999px;
    background:#DFE7E2;
}
.manager-whatsapp-popup-progress-track span{
    display:block;
    height:100%;
    border-radius:inherit;
    background:#1B7F4C;
    transition:width .25s ease;
}
.manager-whatsapp-popup-controls{
    display:flex;
    justify-content:center;
    gap:8px;
    margin:14px 0;
}
.manager-whatsapp-popup-list{
    display:grid;
    gap:8px;
}
.manager-whatsapp-popup-recipient{
    display:grid;
    grid-template-columns:34px minmax(0,1fr) auto auto;
    align-items:center;
    gap:10px;
    padding:10px 12px;
    border:1px solid #D7E2DC;
    border-radius:11px;
    background:#FFF;
}
.manager-whatsapp-popup-recipient.is-opened{
    background:#EDF8F1;
    border-color:#A8D7B9;
}
.manager-whatsapp-popup-recipient-number{
    display:grid;
    place-items:center;
    width:30px;
    height:30px;
    border-radius:50%;
    background:#E8F0EB;
    color:#124B35;
    font-weight:900;
}
.manager-whatsapp-popup-recipient strong,
.manager-whatsapp-popup-recipient small{
    display:block;
}
.manager-whatsapp-popup-recipient strong{font-size:14px}
.manager-whatsapp-popup-recipient small{
    margin-top:2px;
    color:#65736B;
    direction:ltr;
    text-align:right;
    font-size:12px;
    font-weight:700;
}
.manager-whatsapp-popup-missing summary{
    cursor:pointer;
    font-weight:900;
}
.manager-whatsapp-popup-missing p{
    margin:8px 0 0;
    line-height:1.8;
}
@media (max-width:760px){
    .manager-task-whatsapp-actions{grid-template-columns:1fr}
    .manager-task-whatsapp-buttons{max-width:none;justify-content:flex-start}
    .manager-whatsapp-popup-shell{padding:10px}
    .manager-whatsapp-popup-head{padding:14px}
    .manager-whatsapp-popup-head h1{font-size:20px}
    .manager-whatsapp-popup-summary{grid-template-columns:repeat(3,minmax(0,1fr))}
    .manager-whatsapp-popup-recipient{
        grid-template-columns:30px minmax(0,1fr) auto;
    }
    .manager-whatsapp-popup-recipient .btn{grid-column:2 / -1;width:100%}
}
@media print{
    .manager-task-select-column,
    .manager-task-whatsapp-actions{display:none!important}
}
/* MUNJAZ_V3.0.2_R39_TASK_WHATSAPP_ALERT_END */

/* MUNJAZ_V3.0.2_R40_SETTINGS_ROLES_START */
.settings-tabs-r40{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:8px;
    margin-bottom:18px;
    padding:10px;
    border:1px solid #D8E3DD;
    border-radius:16px;
    background:#FFFFFF;
}
.settings-tabs-r40 a{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    min-height:46px;
    padding:9px 12px;
    border:1px solid #E0E8E3;
    border-radius:11px;
    background:#F8FAF9;
    color:#18231E;
    font-size:14px;
    font-weight:800;
    text-decoration:none;
    transition:.18s ease;
}
.settings-tabs-r40 a svg{width:18px;height:18px}
.settings-tabs-r40 a:hover{
    border-color:#AAC9B8;
    background:#F0F7F3;
}
.settings-tabs-r40 a.active{
    border-color:#0B6B47;
    background:#0B6B47;
    color:#FFF;
    box-shadow:0 7px 18px rgba(11,107,71,.16);
}
.settings-link-panel{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto auto;
    align-items:center;
    gap:22px;
}
.settings-link-panel p{margin:7px 0 0;color:#59665F}
.settings-link-stat{
    display:grid;
    justify-items:center;
    min-width:110px;
    padding:12px 18px;
    border:1px solid #DCE6E0;
    border-radius:13px;
    background:#F7FAF8;
}
.settings-link-stat strong{font-size:28px;color:#0B5A3E}
.settings-link-stat span{font-size:12px;font-weight:700;color:#66736C}
.compact-reference-list{
    max-height:420px;
    overflow:auto;
}
.settings-reference-scroll{
    max-height:420px;
    overflow:auto;
    margin-top:14px;
    padding-top:12px;
    border-top:1px solid #E1E9E4;
}
.role-system_admin .munjaz-user-copy small{
    color:#FFE7A4;
}
@media (max-width:900px){
    .settings-tabs-r40{grid-template-columns:repeat(2,minmax(0,1fr))}
    .settings-link-panel{grid-template-columns:1fr}
    .settings-link-stat{justify-self:start}
}
@media (max-width:560px){
    .settings-tabs-r40{grid-template-columns:1fr}
    .settings-tabs-r40 a{justify-content:flex-start}
}
/* MUNJAZ_V3.0.2_R40_SETTINGS_ROLES_END */


/* MUNJAZ_V3.0.2_R41_SIMPLIFIED_REPORT_FILTERS_START */
.reports-filter-form{display:grid;gap:12px}
.reports-filter-grid-primary{
    grid-template-columns:minmax(250px,2fr) repeat(3,minmax(155px,1fr));
}
.reports-filter-grid-primary .search-wide{grid-column:span 2}
.reports-advanced-filters{
    border:1px solid #D4E2DA;
    border-radius:13px;
    background:#FFFFFF;
    overflow:hidden;
}
.reports-advanced-filters summary{
    min-height:48px;
    padding:11px 14px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    cursor:pointer;
    list-style:none;
    color:#123E31;
    background:#F5F9F7;
    font-size:15px;
    font-weight:850;
}
.reports-advanced-filters summary::-webkit-details-marker{display:none}
.reports-advanced-filters summary>span{display:flex;align-items:center;gap:8px}
.reports-advanced-filters summary .icon{width:18px;height:18px}
.reports-advanced-filters summary small{
    padding:4px 9px;
    border:1px solid #C9DCD2;
    border-radius:999px;
    background:#FFF;
    color:#496158;
    font-size:12px;
    font-weight:800;
}
.reports-advanced-filters[open] summary{border-bottom:1px solid #DCE7E1;background:#EEF6F2}
.reports-advanced-filters[open] summary small{border-color:#9DC7B1;color:#0B6647}
.reports-advanced-grid{
    grid-template-columns:repeat(4,minmax(155px,1fr));
    padding:14px;
    margin:0;
    border:0;
    border-radius:0;
    background:#FFF;
}
.reports-filter-actions{
    display:flex;
    justify-content:flex-end;
    flex-wrap:wrap;
    gap:8px;
}
.reports-filter-actions .btn{min-width:155px;justify-content:center}
@media(max-width:1080px){
    .reports-filter-grid-primary,.reports-advanced-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
    .reports-filter-grid-primary .search-wide{grid-column:span 2}
}
@media(max-width:760px){
    .reports-filter-grid-primary,.reports-advanced-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .reports-filter-grid-primary .search-wide{grid-column:1/-1}
}
@media(max-width:520px){
    .reports-filter-grid-primary,.reports-advanced-grid{grid-template-columns:1fr}
    .reports-filter-grid-primary .search-wide{grid-column:auto}
    .reports-filter-actions{display:grid;grid-template-columns:1fr}
    .reports-filter-actions .btn{width:100%}
    .reports-advanced-filters summary{align-items:flex-start;flex-direction:column}
}
/* MUNJAZ_V3.0.2_R41_SIMPLIFIED_REPORT_FILTERS_END */

/* MUNJAZ_V3.0.2_R42_COMPACT_REPORT_FILTERS_START */
body.role-manager .reports-filter-panel{
    padding:14px 16px!important;
    margin-bottom:14px!important;
    border-width:1px!important;
    border-radius:16px!important;
}
body.role-manager .reports-filter-head{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:14px!important;
    margin-bottom:10px!important;
    padding-bottom:9px!important;
}
body.role-manager .reports-filter-head>div{
    min-width:0;
    display:flex;
    align-items:center;
    gap:12px;
}
body.role-manager .reports-filter-head h2{
    flex:0 0 auto;
    font-size:18px!important;
}
body.role-manager .reports-filter-head p{
    margin:0!important;
    font-size:12.5px!important;
    line-height:1.5!important;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
body.role-manager .reports-filter-head>.status{
    flex:0 0 auto;
    padding:6px 10px!important;
    font-size:12px!important;
}
body.role-manager .reports-filter-form{
    display:grid!important;
    gap:10px!important;
}
body.role-manager .reports-filter-grid,
body.role-manager .reports-filter-grid-primary,
body.role-manager .reports-advanced-grid{
    display:grid!important;
    gap:9px 10px!important;
}
body.role-manager .reports-filter-grid-primary{
    grid-template-columns:repeat(4,minmax(180px,1fr))!important;
    align-items:end!important;
}
body.role-manager .reports-filter-grid-primary .search-wide{
    grid-column:span 2!important;
}
body.role-manager .reports-filter-panel .filter-field{
    gap:5px!important;
    min-width:0;
}
body.role-manager .reports-filter-panel .filter-field label{
    color:#111827!important;
    font-size:13px!important;
    font-weight:800!important;
    line-height:1.25!important;
}
body.role-manager .reports-filter-panel .filter-field input,
body.role-manager .reports-filter-panel .filter-field select,
body.role-manager .reports-filter-panel .search-field input{
    height:42px!important;
    min-height:42px!important;
    padding-block:0!important;
    border-radius:10px!important;
    color:#111827!important;
    font-size:14px!important;
    font-weight:600!important;
}
body.role-manager .reports-filter-panel .search-field input{
    padding-right:38px!important;
}
body.role-manager .filter-date-range-fields{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px;
}
body.role-manager .filter-date-input{
    position:relative;
    min-width:0;
}
body.role-manager .filter-date-input>span{
    position:absolute;
    z-index:2;
    top:50%;
    right:10px;
    transform:translateY(-50%);
    color:#52625B;
    font-size:11px;
    font-weight:850;
    pointer-events:none;
}
body.role-manager .filter-date-input>input{
    padding-right:33px!important;
    text-align:center;
    letter-spacing:.15px;
}
body.role-manager .reports-advanced-filters{
    border-radius:11px!important;
}
body.role-manager .reports-advanced-filters summary{
    min-height:42px!important;
    padding:8px 12px!important;
    font-size:14px!important;
}
body.role-manager .reports-advanced-filters summary small{
    padding:3px 8px!important;
    font-size:11px!important;
}
body.role-manager .reports-advanced-grid{
    grid-template-columns:repeat(4,minmax(165px,1fr))!important;
    padding:11px!important;
}
body.role-manager .reports-filter-actions{
    display:flex!important;
    justify-content:flex-end!important;
    align-items:center!important;
    gap:8px!important;
    margin-top:0!important;
}
body.role-manager .reports-filter-actions .btn{
    min-width:132px!important;
    min-height:40px!important;
    padding:8px 14px!important;
    font-size:13px!important;
}
@media(max-width:1180px){
    body.role-manager .reports-filter-grid-primary,
    body.role-manager .reports-advanced-grid{
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
    }
    body.role-manager .reports-filter-grid-primary .search-wide{grid-column:span 2!important}
}
@media(max-width:850px){
    body.role-manager .reports-filter-head>div{display:block}
    body.role-manager .reports-filter-head p{margin-top:3px!important;white-space:normal}
    body.role-manager .reports-filter-grid-primary,
    body.role-manager .reports-advanced-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
    body.role-manager .reports-filter-grid-primary .search-wide{grid-column:1/-1!important}
}
@media(max-width:560px){
    body.role-manager .reports-filter-panel{padding:12px!important}
    body.role-manager .reports-filter-head{align-items:flex-start!important}
    body.role-manager .reports-filter-grid-primary,
    body.role-manager .reports-advanced-grid{
        grid-template-columns:1fr!important;
    }
    body.role-manager .reports-filter-grid-primary .search-wide{grid-column:auto!important}
    body.role-manager .reports-filter-actions{display:grid!important;grid-template-columns:1fr 1fr!important}
    body.role-manager .reports-filter-actions .btn{width:100%!important;min-width:0!important}
}
/* MUNJAZ_V3.0.2_R42_COMPACT_REPORT_FILTERS_END */

/* R44 — selected teacher identity in reports */
.selected-teacher-report-card {
  display: grid;
  grid-template-columns: auto minmax(280px, 1fr) auto;
  align-items: center;
  gap: 22px;
  margin: 18px 0;
  padding: 20px 24px;
  border: 1px solid #cbded5;
  border-inline-start: 5px solid #0b5a46;
  border-radius: 18px;
  background: linear-gradient(135deg, #ffffff 0%, #f4faf7 100%);
  box-shadow: 0 10px 28px rgba(15, 81, 63, .08);
  color: #111827;
}
.selected-teacher-report-label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  padding-inline-end: 20px;
  border-inline-end: 1px solid #d7e5de;
  color: #0b5a46;
  font-size: 15px;
  font-weight: 800;
  white-space: nowrap;
}
.selected-teacher-report-label svg { width: 22px; height: 22px; }
.selected-teacher-report-profile {
  display: flex;
  align-items: center;
  gap: 16px;
  min-width: 0;
}
.selected-teacher-report-avatar {
  width: 78px;
  height: 78px;
  flex: 0 0 78px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 3px solid #fff;
  border-radius: 50%;
  background: #e6f0eb;
  box-shadow: 0 0 0 2px #9fc2b3, 0 7px 18px rgba(15, 81, 63, .14);
  color: #0b5a46;
  font-size: 28px;
  font-weight: 800;
}
.selected-teacher-report-avatar img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center var(--munjaz-avatar-user-focus-y, 35%);
}
.selected-teacher-report-copy { min-width: 0; }
.selected-teacher-report-copy h2 {
  margin: 0 0 5px;
  color: #111827;
  font-size: 25px;
  line-height: 1.35;
  font-weight: 800;
}
.selected-teacher-report-copy p {
  margin: 0;
  color: #374151;
  font-size: 15px;
  font-weight: 650;
}
.selected-teacher-report-context {
  display: grid;
  grid-template-columns: repeat(3, minmax(86px, 1fr));
  gap: 8px;
}
.selected-teacher-report-context > span {
  min-width: 90px;
  padding: 10px 12px;
  border: 1px solid #d8e7e0;
  border-radius: 12px;
  background: rgba(255,255,255,.86);
  text-align: center;
}
.selected-teacher-report-context small {
  display: block;
  margin-bottom: 3px;
  color: #5d6b66;
  font-size: 12px;
  font-weight: 700;
}
.selected-teacher-report-context strong {
  display: block;
  color: #0b5a46;
  font-size: 20px;
  font-weight: 850;
}
@media (max-width: 980px) {
  .selected-teacher-report-card { grid-template-columns: 1fr; gap: 14px; }
  .selected-teacher-report-label {
    align-self: auto;
    padding: 0 0 12px;
    border-inline-end: 0;
    border-bottom: 1px solid #d7e5de;
  }
  .selected-teacher-report-context { width: 100%; }
}
@media (max-width: 560px) {
  .selected-teacher-report-card { padding: 16px; border-radius: 15px; }
  .selected-teacher-report-avatar { width: 66px; height: 66px; flex-basis: 66px; }
  .selected-teacher-report-copy h2 { font-size: 21px; }
  .selected-teacher-report-context { grid-template-columns: 1fr 1fr 1fr; }
  .selected-teacher-report-context > span { min-width: 0; padding: 9px 6px; }
}
@media print {
  .selected-teacher-report-card {
    break-inside: avoid;
    box-shadow: none;
    background: #fff;
    border-color: #9fb8ad;
  }
}

/* MUNJAZ_V3.0.2_R47_PROFESSIONAL_KPI_CARD_START */
.kpi-performance-card{
    --kpi-accent:#0B5A46;
    margin:20px 0 24px;
    overflow:hidden;
    border:1px solid #D7E2DD;
    border-radius:24px;
    background:#FFFFFF;
    box-shadow:0 18px 45px rgba(15,50,41,.11);
    color:#111827;
}
.kpi-performance-card.kpi-level-excellent{--kpi-accent:#166534}
.kpi-performance-card.kpi-level-strong{--kpi-accent:#0B7A64}
.kpi-performance-card.kpi-level-good{--kpi-accent:#1565C0}
.kpi-performance-card.kpi-level-improve{--kpi-accent:#C58A00}
.kpi-performance-card.kpi-level-followup{--kpi-accent:#B42318}
.kpi-card-titlebar{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:14px;
    padding:24px 28px 20px;
    text-align:center;
    border-bottom:1px solid #E3E9E6;
    background:linear-gradient(180deg,#FFFFFF 0%,#FBFCFB 100%);
}
.kpi-title-icon{
    display:grid;
    place-items:center;
    width:44px;
    height:44px;
    flex:0 0 44px;
    border-inline-start:3px solid var(--kpi-accent);
    color:var(--kpi-accent);
}
.kpi-title-icon svg{width:31px;height:31px}
.kpi-card-titlebar h2{
    margin:0 0 5px;
    color:#101820;
    font-size:28px;
    line-height:1.25;
    font-weight:900;
}
.kpi-card-titlebar p{
    margin:0;
    color:#64706A;
    font-size:14px;
    font-weight:650;
}
.kpi-profile-score-panel{
    display:grid;
    grid-template-columns:minmax(0,1.45fr) minmax(300px,.85fr);
    align-items:center;
    gap:0;
    margin:20px 22px;
    overflow:hidden;
    border:1px solid #D9E3DE;
    border-radius:20px;
    background:linear-gradient(145deg,#FFFFFF 0%,#FBFDFB 100%);
}
.kpi-teacher-profile{
    display:flex;
    align-items:center;
    gap:18px;
    min-width:0;
    padding:24px 28px;
}
.kpi-teacher-avatar{
    width:108px;
    height:108px;
    display:grid;
    place-items:center;
    flex:0 0 108px;
    overflow:hidden;
    border:2px solid color-mix(in srgb,var(--kpi-accent) 72%,#FFFFFF);
    border-radius:50%;
    background:linear-gradient(145deg,#EDF2EF,#DCE5E0);
    color:var(--kpi-accent);
    font-size:34px;
    font-weight:900;
    box-shadow:0 8px 18px rgba(15,50,41,.09);
}
.kpi-teacher-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.kpi-teacher-copy{min-width:0}
.kpi-teacher-copy>small{
    display:block;
    margin-bottom:3px;
    color:#67736D;
    font-size:12px;
    font-weight:800;
}
.kpi-teacher-copy h3{
    margin:0 0 6px;
    color:#101820;
    font-size:23px;
    line-height:1.35;
    font-weight:900;
}
.kpi-teacher-copy p{
    margin:0;
    color:#4B5751;
    font-size:14px;
    line-height:1.7;
    font-weight:650;
}
.kpi-teacher-meta{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:12px;
}
.kpi-teacher-meta span{
    padding:5px 9px;
    border:1px solid #DDE7E2;
    border-radius:999px;
    background:#F7FAF8;
    color:#56635D;
    font-size:11.5px;
    font-weight:700;
}
.kpi-teacher-meta b{color:#15231D;font-weight:900}
.kpi-score-summary{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:20px;
    min-height:160px;
    padding:24px 28px;
    border-inline-start:1px solid #D9E3DE;
    background:#FCFDFC;
}
.kpi-total-score{
    width:132px;
    height:132px;
    display:grid;
    place-items:center;
    flex:0 0 132px;
    border-radius:50%;
    background:conic-gradient(var(--kpi-accent) calc(var(--kpi-score) * 1%),#E4EAE7 0);
    box-shadow:0 10px 24px rgba(17,24,39,.10);
    position:relative;
}
.kpi-total-score::before{
    content:"";
    position:absolute;
    inset:11px;
    border:1px solid #D8E3DE;
    border-radius:50%;
    background:#FFFFFF;
}
.kpi-total-score>div{
    position:relative;
    z-index:1;
    display:grid;
    place-items:center;
    line-height:1.05;
}
.kpi-total-score strong{color:var(--kpi-accent);font-size:40px;font-weight:950}
.kpi-total-score span{margin-top:6px;color:#4E5B55;font-size:13px;font-weight:850}
.kpi-score-copy{min-width:150px}
.kpi-score-copy small{display:block;color:#65716B;font-size:12px;font-weight:800}
.kpi-score-copy>strong{
    display:block;
    margin:6px 0 10px;
    color:var(--kpi-accent);
    font-size:20px;
    font-weight:950;
}
.kpi-score-copy span{
    display:inline-flex;
    align-items:center;
    gap:7px;
    padding:7px 10px;
    border:1px solid color-mix(in srgb,var(--kpi-accent) 28%,#FFFFFF);
    border-radius:10px;
    background:color-mix(in srgb,var(--kpi-accent) 7%,#FFFFFF);
    color:var(--kpi-accent);
    font-size:11.5px;
    font-weight:800;
}
.kpi-score-copy span svg{width:17px;height:17px}
.kpi-criteria-table{
    margin:0 22px 20px;
    overflow:hidden;
    border:1px solid #D8E2DD;
    border-radius:18px;
    background:#FFFFFF;
}
.kpi-table-head,
.kpi-table-row{
    display:grid;
    grid-template-columns:minmax(300px,1.55fr) 110px 120px minmax(260px,1fr);
    align-items:center;
}
.kpi-table-head{
    min-height:48px;
    padding:0 18px;
    border-bottom:1px solid #D8E2DD;
    background:#F8FAF9;
    color:#5C6862;
    font-size:12px;
    font-weight:850;
}
.kpi-table-head span:not(:first-child){text-align:center}
.kpi-table-row{
    --row-color:#0B5A46;
    min-height:78px;
    padding:0 18px;
    border-bottom:1px dashed #DDE5E1;
}
.kpi-table-row:last-child{border-bottom:0}
.kpi-row-target{--row-color:#1B7F4C}
.kpi-row-rating{--row-color:#148C7C}
.kpi-row-categories{--row-color:#2470A0}
.kpi-row-group{--row-color:#3579A6}
.kpi-row-students{--row-color:#C38B00}
.kpi-row-community{--row-color:#5C4797}
.kpi-table-criterion{
    display:flex;
    align-items:center;
    gap:13px;
    min-width:0;
    padding-block:12px;
}
.kpi-row-number{
    width:34px;
    height:34px;
    display:grid;
    place-items:center;
    flex:0 0 34px;
    border-radius:50%;
    background:var(--row-color);
    color:#FFFFFF;
    font-size:14px;
    font-weight:950;
    box-shadow:0 5px 12px color-mix(in srgb,var(--row-color) 25%,transparent);
}
.kpi-table-criterion strong{
    display:block;
    color:#17201C;
    font-size:14px;
    line-height:1.45;
    font-weight:900;
}
.kpi-table-criterion small{
    display:block;
    margin-top:3px;
    color:#69746F;
    font-size:11.5px;
    line-height:1.45;
    font-weight:650;
}
.kpi-table-weight,
.kpi-table-achieved{
    display:flex;
    align-items:baseline;
    justify-content:center;
    gap:4px;
    color:#1F2A25;
}
.kpi-table-weight strong,
.kpi-table-achieved strong{font-size:17px;font-weight:950}
.kpi-table-weight span,
.kpi-table-achieved span{color:#6D7772;font-size:11px;font-weight:750}
.kpi-table-progress{
    display:grid;
    grid-template-columns:minmax(100px,1fr) 56px;
    align-items:center;
    gap:12px;
}
.kpi-table-progress-line{
    height:8px;
    overflow:hidden;
    border-radius:999px;
    background:#E7ECE9;
}
.kpi-table-progress-line i{
    display:block;
    height:100%;
    max-width:100%;
    border-radius:inherit;
    background:var(--row-color);
}
.kpi-table-progress>strong{
    color:var(--row-color);
    font-size:15px;
    font-weight:950;
    text-align:left;
    direction:ltr;
}
.kpi-analysis-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
    margin:0 22px 20px;
}
.kpi-analysis-card{
    overflow:hidden;
    border:1px solid #DCE5E1;
    border-radius:18px;
    background:#FFFFFF;
}
.kpi-analysis-card.strengths{border-color:#C7DDCF;background:linear-gradient(145deg,#FFFFFF,#F5FBF7)}
.kpi-analysis-card.improvements{border-color:#E8D7B7;background:linear-gradient(145deg,#FFFFFF,#FFFAF0)}
.kpi-analysis-title{
    display:flex;
    align-items:center;
    gap:11px;
    padding:14px 17px;
    border-bottom:1px solid currentColor;
}
.kpi-analysis-card.strengths .kpi-analysis-title{color:#1B7F4C;background:rgba(27,127,76,.055)}
.kpi-analysis-card.improvements .kpi-analysis-title{color:#B57A00;background:rgba(181,122,0,.055)}
.kpi-analysis-icon{
    width:34px;
    height:34px;
    display:grid;
    place-items:center;
    flex:0 0 34px;
    border:1px solid currentColor;
    border-radius:50%;
    background:#FFFFFF;
}
.kpi-analysis-icon svg{width:20px;height:20px}
.kpi-analysis-title h3{margin:0 0 2px;color:inherit;font-size:17px;font-weight:950}
.kpi-analysis-title p{margin:0;color:#68736D;font-size:11.5px;font-weight:650}
.kpi-analysis-card ul{
    display:grid;
    gap:10px;
    margin:0;
    padding:16px 42px 18px 18px;
}
.kpi-analysis-card li{
    color:#25302B;
    font-size:13.5px;
    line-height:1.75;
    font-weight:650;
}
.kpi-analysis-card.strengths li::marker{color:#1B7F4C}
.kpi-analysis-card.improvements li::marker{color:#C58A00}
.kpi-card-note{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    min-height:52px;
    padding:10px 20px;
    border-top:1px solid #E2E8E5;
    background:#FAFBFA;
    color:#58645E;
}
.kpi-card-note span{display:grid;place-items:center;color:#66736C}
.kpi-card-note svg{width:20px;height:20px}
.kpi-card-note p{margin:0;font-size:12.5px;font-weight:700}
@media(max-width:1080px){
    .kpi-profile-score-panel{grid-template-columns:1fr}
    .kpi-score-summary{border-inline-start:0;border-top:1px solid #D9E3DE}
    .kpi-table-head,.kpi-table-row{grid-template-columns:minmax(250px,1.35fr) 90px 100px minmax(210px,1fr)}
}
@media(max-width:820px){
    .kpi-card-titlebar{padding:20px 18px}
    .kpi-card-titlebar h2{font-size:23px}
    .kpi-profile-score-panel,.kpi-criteria-table,.kpi-analysis-grid{margin-inline:14px}
    .kpi-teacher-profile{padding:20px}
    .kpi-table-head{display:none}
    .kpi-table-row{
        grid-template-columns:1fr 1fr;
        gap:11px 16px;
        padding:14px 16px;
    }
    .kpi-table-criterion{grid-column:1/-1;padding:0}
    .kpi-table-weight,.kpi-table-achieved{justify-content:flex-start}
    .kpi-table-progress{grid-column:1/-1}
    .kpi-analysis-grid{grid-template-columns:1fr}
}
@media(max-width:560px){
    .kpi-performance-card{border-radius:18px}
    .kpi-card-titlebar{align-items:flex-start;text-align:right}
    .kpi-title-icon{width:36px;height:36px;flex-basis:36px}
    .kpi-title-icon svg{width:25px;height:25px}
    .kpi-card-titlebar h2{font-size:20px}
    .kpi-teacher-profile{align-items:flex-start;gap:13px;padding:17px}
    .kpi-teacher-avatar{width:76px;height:76px;flex-basis:76px;font-size:25px}
    .kpi-teacher-copy h3{font-size:18px}
    .kpi-score-summary{flex-direction:column;text-align:center;padding:20px}
    .kpi-total-score{width:118px;height:118px;flex-basis:118px}
    .kpi-table-row{grid-template-columns:1fr}
    .kpi-table-weight,.kpi-table-achieved{justify-content:flex-start}
    .kpi-table-progress{grid-column:auto;grid-template-columns:1fr 54px}
    .kpi-card-note{align-items:flex-start;text-align:center}
}
@media print{
    .kpi-performance-card{break-inside:avoid;box-shadow:none;border-color:#AEBFB7}
    .kpi-card-titlebar,.kpi-profile-score-panel,.kpi-criteria-table,.kpi-analysis-grid{break-inside:avoid}
    .kpi-analysis-card,.kpi-table-row{break-inside:avoid}
    .kpi-card-note{background:#FFFFFF}
}
/* MUNJAZ_V3.0.2_R47_PROFESSIONAL_KPI_CARD_END */

/* MUNJAZ_V3.0.2_R48_KPI_CARD_MOVED_TO_INSIGHTS_START */
.insights-teacher-selector{
    margin-bottom:18px;
    overflow:hidden;
}
.insights-selector-form{
    display:grid;
    grid-template-columns:minmax(280px,1.35fr) minmax(260px,.85fr) auto;
    align-items:end;
    gap:16px;
}
.insights-selector-copy{
    display:flex;
    align-items:center;
    gap:13px;
    min-width:0;
}
.insights-selector-icon{
    width:44px;
    height:44px;
    display:grid;
    place-items:center;
    flex:0 0 44px;
    border:1px solid #CFE0D8;
    border-radius:14px;
    background:#F4F9F6;
    color:#0B5A46;
}
.insights-selector-icon svg{width:24px;height:24px}
.insights-selector-copy h2{
    margin:0 0 4px;
    color:#14211B;
    font-size:18px;
    font-weight:900;
}
.insights-selector-copy p{
    margin:0;
    color:#66736D;
    font-size:12.5px;
    line-height:1.6;
    font-weight:650;
}
.insights-selector-field{
    display:grid;
    gap:7px;
}
.insights-selector-field>span{
    color:#26332D;
    font-size:12px;
    font-weight:850;
}
.insights-selector-field select{
    width:100%;
    min-height:46px;
}
.insights-selector-actions{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
}
.teacher-kpi-link{
    color:inherit;
    text-decoration:none;
    border-radius:12px;
    transition:background-color .18s ease,transform .18s ease;
}
.teacher-kpi-link:hover{
    background:#F3F8F5;
    transform:translateY(-1px);
}
@media(max-width:980px){
    .insights-selector-form{grid-template-columns:1fr 1fr}
    .insights-selector-copy{grid-column:1/-1}
}
@media(max-width:680px){
    .insights-selector-form{grid-template-columns:1fr}
    .insights-selector-copy{grid-column:auto;align-items:flex-start}
    .insights-selector-actions .btn{flex:1 1 180px;justify-content:center}
}
@media print{
    .insights-teacher-selector{display:none!important}
}
/* MUNJAZ_V3.0.2_R48_KPI_CARD_MOVED_TO_INSIGHTS_END */

/* MUNJAZ_V3.0.2_R49_INLINE_EXPANDABLE_KPI_CARDS_START */
.kpi-cards-panel{
    margin-top:20px;
}
.kpi-expand-list{
    display:grid;
    gap:14px;
}
.kpi-expand-card{
    --kpi-accent:#0B5A46;
    overflow:hidden;
    border:1px solid #D8E3DE;
    border-radius:18px;
    background:#FFFFFF;
    box-shadow:0 8px 22px rgba(20,45,36,.055);
    transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;
    scroll-margin-top:118px;
}
.kpi-expand-card.kpi-level-excellent{--kpi-accent:#166534}
.kpi-expand-card.kpi-level-strong{--kpi-accent:#0B7A64}
.kpi-expand-card.kpi-level-good{--kpi-accent:#1565C0}
.kpi-expand-card.kpi-level-improve{--kpi-accent:#C58A00}
.kpi-expand-card.kpi-level-followup{--kpi-accent:#B42318}
.kpi-expand-card:hover{
    border-color:color-mix(in srgb,var(--kpi-accent) 42%,#D8E3DE);
    box-shadow:0 12px 28px rgba(20,45,36,.08);
}
.kpi-expand-card.is-open{
    border-color:color-mix(in srgb,var(--kpi-accent) 55%,#D8E3DE);
    box-shadow:0 16px 38px rgba(20,45,36,.105);
}
.kpi-expand-toggle{
    width:100%;
    min-height:112px;
    display:grid;
    grid-template-columns:minmax(270px,1.3fr) minmax(340px,1fr) 96px minmax(180px,.72fr);
    align-items:center;
    gap:18px;
    padding:16px 20px;
    border:0;
    background:linear-gradient(180deg,#FFFFFF 0%,#FBFCFB 100%);
    color:inherit;
    font:inherit;
    text-align:right;
    cursor:pointer;
}
.kpi-expand-toggle:focus-visible{
    outline:3px solid color-mix(in srgb,var(--kpi-accent) 28%,transparent);
    outline-offset:-3px;
}
.kpi-expand-card.is-open .kpi-expand-toggle{
    border-bottom:1px solid #DFE7E3;
    background:linear-gradient(180deg,color-mix(in srgb,var(--kpi-accent) 4%,#FFFFFF),#FFFFFF);
}
.kpi-expand-identity{
    min-width:0;
    display:flex;
    align-items:center;
    gap:14px;
}
.kpi-expand-avatar{
    width:66px;
    height:66px;
    display:grid;
    place-items:center;
    flex:0 0 66px;
    overflow:hidden;
    border:2px solid color-mix(in srgb,var(--kpi-accent) 58%,#FFFFFF);
    border-radius:50%;
    background:linear-gradient(145deg,#EEF4F1,#DDE7E2);
    color:var(--kpi-accent);
    font-size:22px;
    font-weight:950;
}
.kpi-expand-avatar img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}
.kpi-expand-name{
    min-width:0;
    display:block;
}
.kpi-expand-name>small{
    display:block;
    margin-bottom:2px;
    color:#6B7771;
    font-size:11px;
    font-weight:800;
}
.kpi-expand-name>strong{
    display:block;
    overflow:hidden;
    color:#15201B;
    font-size:17px;
    line-height:1.4;
    font-weight:950;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.kpi-expand-name>span{
    display:block;
    margin-top:3px;
    overflow:hidden;
    color:#66736D;
    font-size:12px;
    font-weight:650;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.kpi-expand-quick-stats{
    display:grid;
    grid-template-columns:repeat(4,minmax(65px,1fr));
    gap:8px;
}
.kpi-expand-quick-stats>span{
    min-width:0;
    padding:9px 8px;
    border:1px solid #E0E8E4;
    border-radius:12px;
    background:#F8FAF9;
    text-align:center;
}
.kpi-expand-quick-stats small{
    display:block;
    margin-bottom:4px;
    color:#6A766F;
    font-size:10.5px;
    font-weight:750;
}
.kpi-expand-quick-stats strong{
    display:block;
    overflow:hidden;
    color:#1B2923;
    font-size:14px;
    line-height:1.35;
    font-weight:950;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.kpi-expand-score{
    width:84px;
    height:84px;
    display:grid;
    place-items:center;
    justify-self:center;
    border-radius:50%;
    background:conic-gradient(var(--kpi-accent) calc(var(--kpi-score) * 1%),#E5EBE8 0);
    position:relative;
}
.kpi-expand-score::before{
    content:"";
    position:absolute;
    inset:8px;
    border-radius:50%;
    background:#FFFFFF;
}
.kpi-expand-score>span{
    position:relative;
    z-index:1;
    display:grid;
    place-items:center;
    line-height:1;
}
.kpi-expand-score strong{
    color:var(--kpi-accent);
    font-size:22px;
    font-weight:950;
}
.kpi-expand-score small{
    margin-top:4px;
    color:#627069;
    font-size:9px;
    font-weight:800;
}
.kpi-expand-open-state{
    min-width:0;
    display:grid;
    justify-items:end;
    gap:5px;
    color:var(--kpi-accent);
}
.kpi-expand-open-state>strong{
    max-width:100%;
    overflow:hidden;
    font-size:13px;
    font-weight:950;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.kpi-expand-action-label{
    color:#66736D;
    font-size:11.5px;
    font-weight:800;
}
.kpi-expand-open-state i{
    width:31px;
    height:31px;
    display:grid;
    place-items:center;
    border:1px solid color-mix(in srgb,var(--kpi-accent) 28%,#DDE6E2);
    border-radius:50%;
    background:color-mix(in srgb,var(--kpi-accent) 6%,#FFFFFF);
    position:relative;
}
.kpi-expand-open-state i::before,
.kpi-expand-open-state i::after{
    content:"";
    position:absolute;
    width:12px;
    height:2px;
    border-radius:999px;
    background:var(--kpi-accent);
    transition:transform .2s ease;
}
.kpi-expand-open-state i::after{transform:rotate(90deg)}
.kpi-expand-card.is-open .kpi-expand-open-state i::after{transform:rotate(0)}
.kpi-expand-content{
    padding:0 14px 14px;
    background:#F8FAF9;
}
.kpi-expand-content[hidden]{display:none!important}
.kpi-inline-detail{
    margin:14px 0 0;
    border-radius:18px;
    box-shadow:none;
}
.kpi-expand-card.is-open .kpi-expand-content{
    animation:kpiInlineReveal .22s ease both;
}
@keyframes kpiInlineReveal{
    from{opacity:0;transform:translateY(-5px)}
    to{opacity:1;transform:translateY(0)}
}
@media(max-width:1120px){
    .kpi-expand-toggle{
        grid-template-columns:minmax(250px,1fr) minmax(300px,.95fr) 88px;
    }
    .kpi-expand-open-state{
        grid-column:1/-1;
        grid-template-columns:1fr auto auto;
        align-items:center;
        justify-items:start;
        padding-top:10px;
        border-top:1px dashed #DDE5E1;
    }
    .kpi-expand-action-label{justify-self:end}
}
@media(max-width:820px){
    .kpi-expand-toggle{
        grid-template-columns:1fr 80px;
        gap:14px;
        padding:15px;
    }
    .kpi-expand-identity{min-width:0}
    .kpi-expand-quick-stats{
        grid-column:1/-1;
        grid-template-columns:repeat(4,minmax(0,1fr));
    }
    .kpi-expand-score{
        grid-column:2;
        grid-row:1;
        width:74px;
        height:74px;
    }
    .kpi-expand-open-state{
        grid-column:1/-1;
    }
    .kpi-expand-content{padding:0 8px 8px}
    .kpi-inline-detail{margin-top:8px}
}
@media(max-width:560px){
    .kpi-expand-card{border-radius:15px}
    .kpi-expand-toggle{
        grid-template-columns:1fr 68px;
        gap:11px;
        min-height:0;
        padding:13px;
    }
    .kpi-expand-avatar{
        width:54px;
        height:54px;
        flex-basis:54px;
        font-size:18px;
    }
    .kpi-expand-name>strong{font-size:15px}
    .kpi-expand-name>span{font-size:11px}
    .kpi-expand-score{
        width:64px;
        height:64px;
    }
    .kpi-expand-score::before{inset:6px}
    .kpi-expand-score strong{font-size:18px}
    .kpi-expand-quick-stats{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .kpi-expand-open-state{
        grid-template-columns:1fr auto;
    }
    .kpi-expand-open-state>strong{
        grid-column:1/-1;
        justify-self:start;
        white-space:normal;
    }
    .kpi-expand-action-label{justify-self:start}
}
@media print{
    .kpi-expand-card:not(.is-open){display:none!important}
    .kpi-expand-card.is-open{
        border:0;
        box-shadow:none;
    }
    .kpi-expand-toggle{display:none!important}
    .kpi-expand-content{
        display:block!important;
        padding:0;
        background:#FFFFFF;
    }
    .kpi-inline-detail{margin:0}
}
/* MUNJAZ_V3.0.2_R49_INLINE_EXPANDABLE_KPI_CARDS_END */

/* MUNJAZ_V3.0.2_R50_REPORTS_PROFESSIONAL_SEPARATION_START */
.reports-compact-summary{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
    margin:0 0 16px;
}
.report-summary-item{
    display:flex;
    align-items:center;
    gap:12px;
    min-height:78px;
    padding:13px 15px;
    border:1px solid #DCE7E1;
    border-radius:14px;
    background:#FFF;
    box-shadow:0 5px 16px rgba(15,81,63,.05);
}
.report-summary-icon{
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    flex:0 0 auto;
    border-radius:12px;
    background:#EDF7F2;
    color:#0F684B;
}
.report-summary-icon .icon{width:21px;height:21px}
.report-summary-item small{
    display:block;
    color:#607068;
    font-size:12px;
    font-weight:800;
}
.report-summary-item strong{
    display:block;
    margin-top:3px;
    color:#07130E;
    font-size:25px;
    line-height:1.1;
    font-weight:950;
}
.reports-main-table-panel{margin-bottom:16px}
.reports-table-head{align-items:center}
.reports-progress-table{
    min-width:1020px;
}
.reports-progress-table .report-secondary-col{
    display:none;
}
.reports-progress-table.show-secondary-columns{
    min-width:1260px;
}
.reports-progress-table.show-secondary-columns .report-secondary-col{
    display:table-cell;
}
.reports-analysis-grid{
    align-items:stretch;
    margin-top:0;
}
.reports-analysis-grid-single{
    grid-template-columns:minmax(0,1fr);
}
.report-review-bars{
    display:grid;
    gap:11px;
}
.report-review-row{
    display:grid;
    grid-template-columns:minmax(155px,1fr) minmax(110px,1.25fr) 42px;
    align-items:center;
    gap:13px;
    padding:12px 13px;
    border:1px solid #E0E8E4;
    border-radius:12px;
    background:#FCFDFC;
}
.report-review-copy strong{
    display:block;
    color:#0C1712;
    font-size:13px;
    font-weight:950;
}
.report-review-copy small{
    display:block;
    margin-top:3px;
    color:#607068;
    font-size:11px;
    font-weight:700;
}
.report-review-progress{
    height:9px;
    overflow:hidden;
    border-radius:999px;
    background:#E8EFEB;
}
.report-review-progress i{
    display:block;
    height:100%;
    min-width:3px;
    border-radius:inherit;
    background:#1B7F4C;
}
.report-review-row.warning .report-review-progress i{background:#D97706}
.report-review-row.danger .report-review-progress i{background:#C62828}
.report-review-row>b{
    color:#07130E;
    text-align:center;
    font-size:18px;
    font-weight:950;
}
.insights-operational-kpis{
    grid-template-columns:repeat(4,minmax(0,1fr));
}
.insight-kpi{
    position:relative;
    overflow:hidden;
}
.insight-kpi::before{
    content:"";
    position:absolute;
    inset:0 0 auto;
    height:4px;
    background:#A7B8AF;
}
.insight-kpi.success::before{background:#1B7F4C}
.insight-kpi.warning::before{background:#D97706}
.insight-kpi.info::before{background:#1565C0}
.insight-kpi.danger::before{background:#C62828}
.insight-kpi.target::before{background:#B88A16}
.insight-kpi.group::before{background:#6D4AFF}
.insight-kpi.students::before{background:#1565C0}
.insight-kpi.community::before{background:#00897B}
.insights-followup-panel{margin-bottom:14px}
.insights-followup-list{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px;
}
.insights-followup-row{
    width:100%;
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(80px,120px) 44px;
    align-items:center;
    gap:11px;
    padding:10px 11px;
    border:1px solid #DFE7E2;
    border-radius:12px;
    background:#FFF;
    color:inherit;
    text-align:right;
    font-family:inherit;
}
button.insights-followup-row{
    cursor:pointer;
    transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
button.insights-followup-row:hover{
    border-color:#9DC7B2;
    box-shadow:0 7px 18px rgba(15,81,63,.08);
    transform:translateY(-1px);
}
.insights-followup-identity{
    display:flex;
    align-items:center;
    gap:9px;
    min-width:0;
}
.insights-followup-identity>span:last-child{min-width:0}
.insights-followup-identity strong{
    display:block;
    overflow:hidden;
    color:#0A1510;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:12px;
    font-weight:950;
}
.insights-followup-identity small{
    display:block;
    margin-top:3px;
    color:#607068;
    font-size:10px;
    font-weight:700;
}
.insights-followup-progress{
    height:8px;
    overflow:hidden;
    border-radius:999px;
    background:#E8EFEB;
}
.insights-followup-progress i{
    display:block;
    height:100%;
    min-width:3px;
    border-radius:inherit;
    background:#D97706;
}
.insights-followup-row>b{
    color:#8A4B00;
    text-align:center;
    font-size:13px;
    font-weight:950;
}
.print-only{display:none!important}
@media(max-width:900px){
    .insights-operational-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
    .insights-followup-list{grid-template-columns:1fr}
}
@media(max-width:700px){
    .reports-compact-summary{grid-template-columns:1fr}
    .report-summary-item{min-height:68px}
    .report-review-row{grid-template-columns:1fr auto}
    .report-review-progress{grid-column:1/-1;grid-row:2}
    .insights-operational-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:480px){
    .insights-operational-kpis{grid-template-columns:1fr 1fr}
    .insights-followup-row{grid-template-columns:minmax(0,1fr) 40px}
    .insights-followup-progress{grid-column:1/-1;grid-row:2}
}
@media print{
    .reports-compact-summary{grid-template-columns:repeat(3,1fr);break-inside:avoid}
    .reports-progress-table{min-width:0!important}
    .reports-progress-table .report-secondary-col{display:none!important}
    .reports-analysis-grid{break-inside:avoid}
    .print-only{display:grid!important}
}
/* MUNJAZ_V3.0.2_R50_REPORTS_PROFESSIONAL_SEPARATION_END */

/* MUNJAZ_V3.0.2_R51_REPORT_DETAIL_SECTIONS_START */
.reports-detail-sections{
    display:grid;
    gap:12px;
    margin:0 0 16px;
}
.report-detail-section{
    margin:0;
    padding:0;
    overflow:hidden;
}
.report-detail-section>summary{
    display:grid;
    grid-template-columns:42px minmax(0,1fr) auto 24px;
    align-items:center;
    gap:12px;
    min-height:76px;
    padding:14px 16px;
    list-style:none;
    cursor:pointer;
    background:#FFF;
    transition:background .18s ease,border-color .18s ease;
}
.report-detail-section>summary::-webkit-details-marker{display:none}
.report-detail-section>summary:hover{background:#F8FBF9}
.report-detail-section[open]>summary{
    border-bottom:1px solid #E2EAE6;
    background:#FAFCFB;
}
.report-detail-summary-icon{
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    border-radius:12px;
    background:#EDF7F2;
    color:#0F684B;
}
.report-detail-summary-icon .icon{width:21px;height:21px}
.report-detail-summary-copy{min-width:0}
.report-detail-summary-copy strong{
    display:block;
    color:#09150F;
    font-size:15px;
    font-weight:950;
}
.report-detail-summary-copy small{
    display:block;
    margin-top:3px;
    color:#607068;
    font-size:11px;
    font-weight:700;
}
.report-detail-chevron{
    color:#5C6F65;
    font-size:22px;
    line-height:1;
    transform:rotate(0deg);
    transition:transform .18s ease;
}
.report-detail-section[open] .report-detail-chevron{transform:rotate(180deg)}
.report-detail-body{padding:14px 16px 16px;background:#FFF}
.report-rating-table{min-width:900px}
.report-rating-table td:first-child{min-width:220px}
.report-score-badge{min-width:88px;justify-content:center}
.teacher-inline.compact .mini-avatar{width:31px;height:31px;flex-basis:31px;font-size:11px}
.top-rated-achievements{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:10px;
}
.top-rated-achievement-card{
    position:relative;
    min-width:0;
    display:grid;
    grid-template-columns:34px minmax(0,1fr) auto;
    align-items:center;
    gap:9px;
    padding:12px;
    border:1px solid #DDE7E2;
    border-radius:13px;
    background:#FCFDFC;
}
.top-rated-rank{
    width:32px;
    height:32px;
    display:grid;
    place-items:center;
    border-radius:10px;
    background:#F4E8BE;
    color:#745700;
    font-size:13px;
    font-weight:950;
}
.top-rated-copy{min-width:0}
.top-rated-copy strong{
    display:block;
    overflow:hidden;
    color:#0B1711;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:12px;
    font-weight:950;
}
.top-rated-copy small{
    display:block;
    margin-top:4px;
    overflow:hidden;
    color:#68766F;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:10px;
    font-weight:700;
}
.top-rated-achievement-card>b{
    color:#0F684B;
    font-size:17px;
    font-weight:950;
}
.report-followup-table{min-width:760px}
.report-progress-cell.compact{min-width:150px}
.report-deadline-note{
    display:flex;
    align-items:center;
    gap:10px;
    margin:0 0 12px;
    padding:10px 12px;
    border:1px solid #F0D2D2;
    border-radius:11px;
    background:#FFF8F8;
}
.report-deadline-note p{
    margin:0;
    color:#6E3B3B;
    font-size:12px;
    font-weight:750;
}
@media(max-width:1150px){
    .top-rated-achievements{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
    .report-detail-section>summary{
        grid-template-columns:38px minmax(0,1fr) auto;
        gap:9px;
        padding:12px;
    }
    .report-detail-summary-icon{width:38px;height:38px}
    .report-detail-chevron{display:none}
    .report-detail-section>summary>.status{grid-column:2/4;justify-self:start}
    .report-detail-body{padding:10px}
    .top-rated-achievements{grid-template-columns:1fr}
    .report-deadline-note{align-items:flex-start;flex-direction:column}
}
@media print{
    .reports-detail-sections{display:block}
    .report-detail-section{
        break-inside:avoid;
        margin:0 0 12px;
        border:1px solid #D9E3DE!important;
        box-shadow:none!important;
    }
    .report-detail-section>summary{min-height:0;padding:10px 12px;cursor:default}
    .report-detail-section>summary>.status,
    .report-detail-chevron{display:none!important}
    .report-detail-section:not([open])>.report-detail-body{display:block!important}
    .report-detail-body{padding:10px 12px}
    .report-rating-table,.report-followup-table{min-width:0!important}
    .top-rated-achievements{grid-template-columns:repeat(2,1fr)}
}
/* MUNJAZ_V3.0.2_R51_REPORT_DETAIL_SECTIONS_END */

/* MUNJAZ_V3.0.2_R53_REPORT_DATA_ACCURACY_START */
.report-scope-note{
    display:flex;
    align-items:flex-start;
    gap:12px;
    margin:2px 0 12px;
    padding:12px 14px;
    border:1px solid #CFE1D9;
    border-radius:13px;
    background:#F5FAF7;
}
.report-scope-note p{
    margin:1px 0 0;
    color:#456157;
    font-size:12px;
    line-height:1.8;
    font-weight:750;
}
@media(max-width:700px){
    .report-scope-note{flex-direction:column;gap:7px}
}
@media print{
    .report-scope-note{
        border:1px solid #D9E3DE!important;
        background:#fff!important;
        break-inside:avoid;
    }
}
/* MUNJAZ_V3.0.2_R53_REPORT_DATA_ACCURACY_END */


/* MUNJAZ_V3.0.2_R74_REPORT_CHARTS_START */
.reports-charts-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
    margin:0 0 16px;
}
.report-chart-card{
    min-width:0;
    margin:0!important;
    padding:16px!important;
}
.report-chart-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
    margin-bottom:15px;
}
.report-chart-head h2{
    margin:0;
    color:#173E32;
    font-size:17px;
    font-weight:850;
}
.report-chart-head p{
    margin:4px 0 0;
    color:#65756F;
    font-size:12px;
    line-height:1.6;
    font-weight:650;
}
.report-donut-layout{
    display:grid;
    grid-template-columns:150px minmax(0,1fr);
    align-items:center;
    gap:14px;
}
.report-donut{
    position:relative;
    width:144px;
    height:144px;
    margin:auto;
}
.report-donut-svg{
    width:100%;
    height:100%;
    transform:rotate(-90deg);
    overflow:visible;
}
.report-donut-track,
.report-donut-segment{
    fill:none;
    stroke-width:5.6;
}
.report-donut-track{stroke:#EAF0ED}
.report-donut-segment{stroke-linecap:butt;transition:stroke-dasharray .2s ease}
.report-donut-segment.success{stroke:#16805C}
.report-donut-segment.info{stroke:#2C7DA0}
.report-donut-segment.danger{stroke:#C94A4A}
.report-donut>span{
    position:absolute;
    inset:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    pointer-events:none;
}
.report-donut>span strong{font-size:27px;color:#173E32;line-height:1}
.report-donut>span small{margin-top:5px;color:#71817B;font-size:11px;font-weight:750}
.report-chart-legend{display:grid;gap:9px}
.report-chart-legend>div{
    display:grid;
    grid-template-columns:10px minmax(0,1fr) auto auto;
    align-items:center;
    gap:7px;
    padding-bottom:7px;
    border-bottom:1px solid #EEF2F0;
}
.report-chart-legend>div:last-child{border-bottom:0;padding-bottom:0}
.report-chart-legend i{width:9px;height:9px;border-radius:50%}
.report-chart-legend i.success{background:#16805C}
.report-chart-legend i.info{background:#2C7DA0}
.report-chart-legend i.danger{background:#C94A4A}
.report-chart-legend span{font-size:12px;color:#445851;font-weight:750}
.report-chart-legend strong{font-size:14px;color:#173E32}
.report-chart-legend small{font-size:11px;color:#76857F;min-width:28px;text-align:left}
.report-horizontal-chart{display:grid;gap:12px;padding-top:3px}
.report-horizontal-row{display:grid;gap:6px}
.report-horizontal-label{display:flex;justify-content:space-between;gap:10px;align-items:center}
.report-horizontal-label span{font-size:12px;color:#445851;font-weight:750}
.report-horizontal-label strong{font-size:13px;color:#173E32}
.report-horizontal-track{height:12px;border-radius:999px;background:#EAF0ED;overflow:hidden}
.report-horizontal-track i{display:block;height:100%;min-width:0;border-radius:999px}
.report-horizontal-track i.success{background:#16805C}
.report-horizontal-track i.info{background:#2C7DA0}
.report-horizontal-track i.warning{background:#D48A16}
.report-horizontal-track i.danger{background:#C94A4A}
.report-category-chart{
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    align-items:end;
    gap:8px;
    min-height:190px;
    padding-top:6px;
}
.report-category-column{
    display:grid;
    grid-template-rows:auto 125px 38px;
    align-items:end;
    gap:5px;
    min-width:0;
    text-align:center;
}
.report-category-column>strong{font-size:12px;color:#173E32}
.report-category-column-track{
    position:relative;
    width:100%;
    max-width:40px;
    height:125px;
    margin:auto;
    border-radius:9px 9px 5px 5px;
    background:#EAF0ED;
    overflow:hidden;
}
.report-category-column-track i{
    position:absolute;
    right:0;
    bottom:0;
    left:0;
    display:block;
    min-height:3px;
    border-radius:9px 9px 4px 4px;
    background:linear-gradient(180deg,#258366,#0F6048);
}
.report-category-column>span{
    align-self:start;
    display:-webkit-box;
    overflow:hidden;
    color:#596C65;
    font-size:10px;
    line-height:1.45;
    font-weight:750;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}
.report-chart-empty{
    min-height:150px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#71817B;
    font-size:13px;
    font-weight:750;
    text-align:center;
}
@media(max-width:1180px){
    .reports-charts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .reports-charts-grid .report-chart-card:last-child{grid-column:1/-1}
}
@media(max-width:760px){
    .reports-charts-grid{grid-template-columns:1fr}
    .reports-charts-grid .report-chart-card:last-child{grid-column:auto}
    .report-donut-layout{grid-template-columns:128px minmax(0,1fr)}
    .report-donut{width:124px;height:124px}
}
@media(max-width:480px){
    .report-donut-layout{grid-template-columns:1fr}
    .report-chart-legend{width:100%}
    .report-category-chart{gap:5px;overflow-x:auto;grid-template-columns:repeat(6,minmax(56px,1fr))}
}
@media print{
    .reports-charts-grid{grid-template-columns:repeat(3,1fr);gap:8px;break-inside:avoid}
    .report-chart-card{padding:10px!important;box-shadow:none!important}
    .report-chart-head p{display:none}
    .report-donut{width:110px;height:110px}
    .report-donut-layout{grid-template-columns:110px 1fr;gap:8px}
    .report-category-column{grid-template-rows:auto 90px 32px}
    .report-category-column-track{height:90px}
}
/* MUNJAZ_V3.0.2_R74_REPORT_CHARTS_END */

/* MUNJAZ_V3.0.2_R78_MULTI_TEACHER_SECTION_FILTERS_START */
.reports-table-head-actions{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:8px;
    flex-wrap:wrap;
}
.report-local-teacher-filter{
    display:grid;
    grid-template-columns:auto minmax(240px,460px) auto;
    align-items:center;
    gap:9px 12px;
    margin:0 0 14px;
    padding:12px 14px;
    border:1px solid #DDE8E3;
    border-radius:14px;
    background:#F8FBF9;
    position:relative;
    overflow:visible;
}
.report-local-teacher-filter>label{
    color:#264D40;
    font-size:13px;
    font-weight:800;
    white-space:nowrap;
}
.report-local-teacher-filter>small{
    justify-self:end;
    color:#71817B;
    font-size:11px;
    font-weight:750;
    white-space:nowrap;
}
.report-teacher-multi{position:relative;min-width:0}
.report-teacher-multi-trigger{
    width:100%;
    min-height:41px;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto auto;
    align-items:center;
    gap:8px;
    padding:8px 12px;
    border:1px solid #CBDDD5;
    border-radius:11px;
    background:#FFFFFF;
    color:#173E32;
    font:inherit;
    font-size:13px;
    font-weight:750;
    text-align:right;
    cursor:pointer;
    transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.report-teacher-multi-trigger:hover{background:#FBFDFC;border-color:#AFCBC0}
.report-teacher-multi-trigger:focus-visible,
.report-teacher-multi-trigger[aria-expanded="true"]{
    outline:none;
    border-color:#2F7D63;
    box-shadow:0 0 0 3px rgba(47,125,99,.12);
}
.report-teacher-multi-trigger:disabled{opacity:.62;cursor:not-allowed}
.report-teacher-multi-trigger>span:first-child{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.report-teacher-multi-trigger b{
    min-width:24px;
    height:24px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 7px;
    border-radius:999px;
    background:#E6F2ED;
    color:#176047;
    font-size:11px;
}
.report-teacher-multi-chevron{font-size:17px;line-height:1;color:#527267;transition:transform .18s ease}
.report-teacher-multi-trigger[aria-expanded="true"] .report-teacher-multi-chevron{transform:rotate(180deg)}
.report-teacher-multi-menu{
    position:absolute;
    z-index:80;
    top:calc(100% + 7px);
    right:0;
    left:0;
    min-width:290px;
    padding:10px;
    border:1px solid #CFE0D8;
    border-radius:14px;
    background:#FFFFFF;
    box-shadow:0 16px 38px rgba(21,58,46,.17);
}
.report-teacher-multi-search input{
    width:100%;
    min-height:38px;
    padding:8px 11px;
    border:1px solid #D2E1DA;
    border-radius:10px;
    background:#F9FCFA;
    color:#173E32;
    font:inherit;
    font-size:13px;
    outline:none;
}
.report-teacher-multi-search input:focus{border-color:#2F7D63;box-shadow:0 0 0 3px rgba(47,125,99,.11)}
.report-teacher-multi-actions{
    display:flex;
    align-items:center;
    gap:6px;
    padding:8px 0;
    border-bottom:1px solid #E7EFEB;
}
.report-teacher-multi-actions button{
    border:0;
    border-radius:8px;
    padding:6px 9px;
    background:#EFF6F3;
    color:#245746;
    font:inherit;
    font-size:11px;
    font-weight:800;
    cursor:pointer;
}
.report-teacher-multi-actions button:hover{background:#E2F0EA}
.report-teacher-multi-options{
    display:grid;
    gap:3px;
    max-height:230px;
    overflow:auto;
    overscroll-behavior:contain;
    padding:7px 1px 1px;
}
.report-teacher-multi-option{
    display:flex;
    align-items:center;
    gap:9px;
    min-height:36px;
    padding:7px 8px;
    border-radius:9px;
    color:#254D40;
    font-size:12px;
    font-weight:720;
    cursor:pointer;
}
.report-teacher-multi-option:hover{background:#F1F7F4}
.report-teacher-multi-option input{
    width:17px;
    height:17px;
    margin:0;
    accent-color:#176047;
    flex:0 0 auto;
}
.report-teacher-multi-option span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.report-teacher-multi-empty{padding:16px 8px;text-align:center;color:#71817B;font-size:12px;font-weight:700}
.report-local-filter-empty{margin-top:12px}
[data-report-teacher-item][hidden]{display:none!important}
@media(max-width:760px){
    .reports-table-head-actions{width:100%;justify-content:flex-start}
    .report-local-teacher-filter{grid-template-columns:1fr;gap:7px}
    .report-local-teacher-filter>small{justify-self:start;white-space:normal}
    .report-teacher-multi-menu{position:fixed;z-index:300;top:auto;right:12px;left:12px;bottom:12px;max-height:min(72vh,520px)}
    .report-teacher-multi-options{max-height:min(45vh,330px)}
}
@media print{
    .reports-table-head-actions>.status{display:none!important}
}
/* MUNJAZ_V3.0.2_R78_MULTI_TEACHER_SECTION_FILTERS_END */

/* R80 secure POST logout form */
.header-logout-form{display:inline-flex;margin:0;padding:0}.header-logout-form .header-logout{border:0;font:inherit;cursor:pointer}


/* MUNJAZ_V3.0.2_R80_2_MANAGER_ACHIEVEMENTS_LAYOUT_START */
body.role-manager .manager-achievements-panel{
    --manager-achievement-columns:
        minmax(320px,34fr)
        minmax(230px,24fr)
        minmax(148px,12fr)
        minmax(150px,12fr)
        minmax(92px,8fr)
        minmax(158px,10fr);
    overflow:visible;
}
body.role-manager .manager-achievements-panel-head{
    align-items:center;
    gap:18px;
    padding-bottom:15px;
    border-bottom:1px solid #E5ECE8;
}
body.role-manager .manager-achievements-heading{
    min-width:0;
}
body.role-manager .manager-achievements-heading p{
    margin-top:3px;
}
body.role-manager .manager-achievements-summary{
    display:flex;
    align-items:stretch;
    justify-content:flex-end;
    gap:7px;
    margin-inline-start:auto;
}
body.role-manager .manager-achievements-summary>span{
    min-width:86px;
    min-height:54px;
    display:grid;
    align-content:center;
    justify-items:center;
    padding:7px 12px;
    border:1px solid #DCE8E2;
    border-radius:12px;
    background:#F8FBF9;
    color:#18231E;
    line-height:1.25;
}
body.role-manager .manager-achievements-summary small{
    color:#66756E;
    font-size:11px;
    font-weight:700;
}
body.role-manager .manager-achievements-summary strong{
    margin-top:3px;
    color:#0B5A46;
    font-size:15px;
    font-weight:850;
    white-space:nowrap;
}
body.role-manager .manager-achievements-grid{
    position:relative;
    margin-top:10px;
    outline:none;
}
body.role-manager .manager-achievements-grid:focus-visible{
    border-radius:14px;
    outline:3px solid rgba(23,105,210,.18);
    outline-offset:3px;
}
body.role-manager .manager-achievements-panel .achievement-row-head,
body.role-manager .manager-achievements-panel .achievement-row{
    grid-template-columns:var(--manager-achievement-columns)!important;
    gap:12px!important;
}
body.role-manager .manager-achievements-panel .achievement-row-head{
    position:sticky;
    top:calc(var(--nav-height) + 8px);
    z-index:25;
    min-height:46px;
    margin-bottom:9px;
    padding:0 15px;
    border:1px solid #DCE6E1;
    border-radius:12px;
    background:rgba(248,250,249,.96);
    color:#27352F!important;
    box-shadow:0 5px 14px rgba(19,55,43,.055);
    -webkit-backdrop-filter:blur(14px);
    backdrop-filter:blur(14px);
}
body.role-manager .manager-achievements-panel .achievement-row-head span{
    min-width:0;
    white-space:nowrap;
}
body.role-manager .manager-achievements-panel .achievement-list{
    gap:8px;
}
body.role-manager .manager-achievements-panel .achievement-row{
    min-height:74px!important;
    padding:10px 15px!important;
    border:1px solid #E1E9E5!important;
    border-radius:15px!important;
    background:#FFFFFF!important;
    box-shadow:0 2px 9px rgba(17,54,42,.028)!important;
    transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease;
}
body.role-manager .manager-achievements-panel .achievement-row:hover{
    border-color:#C7DCD2!important;
    background:#FCFEFD!important;
    box-shadow:0 7px 18px rgba(17,54,42,.055)!important;
    transform:translateY(-1px);
}
body.role-manager .manager-achievements-panel .achievement-title,
body.role-manager .manager-achievements-panel .teacher-inline,
body.role-manager .manager-achievements-panel .row-date,
body.role-manager .manager-achievements-panel .row-day,
body.role-manager .manager-achievements-panel .manager-row-actions{
    min-width:0;
}
body.role-manager .manager-achievements-panel .achievement-title strong{
    overflow:hidden;
    color:#111827!important;
    font-size:16px!important;
    font-weight:750!important;
    line-height:1.42;
    text-overflow:ellipsis;
    white-space:nowrap!important;
}
body.role-manager .manager-achievements-panel .achievement-subtitle{
    display:block;
    margin-top:2px;
    overflow:hidden;
    color:#4B5563!important;
    font-size:13px!important;
    font-weight:550!important;
    line-height:1.45;
    text-overflow:ellipsis;
    white-space:nowrap;
}
body.role-manager .manager-achievements-panel .achievement-type-badges{
    max-width:100%;
    display:flex;
    align-items:center;
    flex-wrap:nowrap;
    gap:5px;
    margin-top:5px;
    overflow:hidden;
}
body.role-manager .manager-achievements-panel .achievement-type-badge{
    min-width:0;
    max-width:230px;
    overflow:hidden;
    padding:3px 8px;
    font-size:10.5px;
    line-height:1.25;
    text-overflow:ellipsis;
    white-space:nowrap;
}
body.role-manager .manager-achievements-panel .teacher-inline{
    align-items:center;
    gap:9px;
}
body.role-manager .manager-achievements-panel .teacher-inline>span:last-child{
    min-width:0;
}
body.role-manager .manager-achievements-panel .mini-avatar{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    border-color:#D1E1D9;
    font-size:12px;
}
body.role-manager .manager-achievements-panel .teacher-inline strong{
    color:#111827!important;
    font-size:14px!important;
    font-weight:700!important;
    line-height:1.45;
}
body.role-manager .manager-achievements-panel .teacher-inline small{
    margin-top:1px;
    color:#667085!important;
    font-size:11.5px!important;
    font-weight:500!important;
    line-height:1.35;
}
body.role-manager .manager-achievements-panel .status{
    width:100%;
    max-width:160px;
    min-height:34px;
    justify-content:center;
    justify-self:start;
    padding-inline:10px;
    font-size:13px!important;
    white-space:nowrap;
}
body.role-manager .manager-achievements-panel .row-date{
    display:grid;
    justify-items:start;
    gap:1px;
    line-height:1.35;
    white-space:nowrap;
}
body.role-manager .manager-achievements-panel .row-date strong{
    color:#17201C!important;
    font-size:13px!important;
    font-weight:750!important;
    white-space:nowrap;
}
body.role-manager .manager-achievements-panel .row-date small{
    color:#667085!important;
    font-size:11.5px!important;
    font-weight:600!important;
}
body.role-manager .manager-achievements-panel .row-day{
    color:#475467!important;
    font-size:12px!important;
    font-weight:650!important;
    white-space:nowrap;
}
body.role-manager .manager-achievements-panel .manager-row-actions{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    direction:rtl;
}
body.role-manager .manager-achievements-panel .manager-row-actions .btn{
    width:40px!important;
    min-width:40px!important;
    height:40px!important;
    min-height:40px!important;
    flex:0 0 40px;
    padding:0!important;
    border-radius:11px;
}
body.role-manager .manager-achievements-panel .manager-row-actions .icon{
    width:18px;
    height:18px;
}
body.role-manager .manager-achievements-panel .manager-dashboard-pagination-wrap{
    margin-top:15px;
    padding:12px 14px;
    border-color:#DFE9E4;
    background:#FAFCFB;
}
body.role-manager .manager-achievements-panel .manager-dashboard-pagination-summary{
    margin-bottom:8px;
    font-size:13px;
}
@media (min-width:761px) and (max-width:1260px){
    body.role-manager .manager-achievements-grid{
        overflow-x:auto;
        overscroll-behavior-inline:contain;
        padding-bottom:7px;
        scrollbar-width:thin;
        scrollbar-color:#B7CDC1 transparent;
    }
    body.role-manager .manager-achievements-panel .achievement-row-head,
    body.role-manager .manager-achievements-panel .achievement-row{
        min-width:1160px;
    }
}
@media(max-width:900px){
    body.role-manager .manager-achievements-panel-head{
        align-items:flex-start;
        flex-direction:column;
    }
    body.role-manager .manager-achievements-summary{
        width:100%;
        justify-content:flex-start;
        margin-inline-start:0;
    }
    body.role-manager .manager-achievements-summary>span{
        min-width:0;
        flex:1;
    }
}
@media(max-width:760px){
    body.role-manager .manager-achievements-panel{
        --manager-achievement-columns:none;
    }
    body.role-manager .manager-achievements-grid{
        margin-top:6px;
        overflow:visible;
    }
    body.role-manager .manager-achievements-panel .achievement-row-head{
        display:none!important;
    }
    body.role-manager .manager-achievements-panel .achievement-row{
        min-width:0;
        min-height:0!important;
        display:grid;
        grid-template-columns:minmax(0,1fr) auto!important;
        gap:10px 12px!important;
        padding:13px!important;
    }
    body.role-manager .manager-achievements-panel .achievement-title{
        grid-column:1/-1;
    }
    body.role-manager .manager-achievements-panel .achievement-title strong{
        white-space:normal!important;
    }
    body.role-manager .manager-achievements-panel .achievement-type-badges{
        flex-wrap:wrap;
        overflow:visible;
    }
    body.role-manager .manager-achievements-panel .teacher-inline{
        grid-column:1;
        grid-row:2;
    }
    body.role-manager .manager-achievements-panel .status{
        width:auto;
        min-width:118px;
        grid-column:2;
        grid-row:2;
        justify-self:end;
    }
    body.role-manager .manager-achievements-panel .row-date{
        grid-column:1;
        grid-row:3;
        justify-items:start;
    }
    body.role-manager .manager-achievements-panel .row-day{
        display:block;
        grid-column:2;
        grid-row:3;
        align-self:center;
        justify-self:end;
    }
    body.role-manager .manager-achievements-panel .manager-row-actions{
        grid-column:1/-1;
        grid-row:4;
        justify-content:flex-end;
        padding-top:8px;
        border-top:1px solid #EDF1EF;
    }
    body.role-manager .manager-achievements-panel .manager-row-actions .btn{
        width:40px!important;
    }
}
@media(max-width:430px){
    body.role-manager .manager-achievements-summary{
        display:grid;
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
    body.role-manager .manager-achievements-summary>span{
        padding-inline:6px;
    }
    body.role-manager .manager-achievements-panel .achievement-row{
        grid-template-columns:1fr!important;
    }
    body.role-manager .manager-achievements-panel .teacher-inline,
    body.role-manager .manager-achievements-panel .status,
    body.role-manager .manager-achievements-panel .row-date,
    body.role-manager .manager-achievements-panel .row-day,
    body.role-manager .manager-achievements-panel .manager-row-actions{
        grid-column:1;
        justify-self:stretch;
    }
    body.role-manager .manager-achievements-panel .teacher-inline{grid-row:2}
    body.role-manager .manager-achievements-panel .status{grid-row:3;max-width:none}
    body.role-manager .manager-achievements-panel .row-date{grid-row:4}
    body.role-manager .manager-achievements-panel .row-day{grid-row:5;justify-self:start}
    body.role-manager .manager-achievements-panel .manager-row-actions{grid-row:6;justify-content:flex-start}
}
@media print{
    body.role-manager .manager-achievements-panel .achievement-row-head{
        position:static;
    }
    body.role-manager .manager-achievements-panel .achievement-row{
        box-shadow:none!important;
        break-inside:avoid;
    }
}
/* MUNJAZ_V3.0.2_R80_2_MANAGER_ACHIEVEMENTS_LAYOUT_END */

/* MUNJAZ_V3.0.2_R80_3_MANAGER_ACHIEVEMENTS_TYPOGRAPHY_START */
/* تنسيق خط قائمة إنجازات المدير — مبني على R80.2 المستقرة */
body.role-manager .manager-achievements-panel,
body.role-manager .manager-achievements-grid,
body.role-manager .achievement-row-head,
body.role-manager .achievement-row{
    font-family:"Cairo","Tajawal","Segoe UI",Tahoma,Arial,sans-serif!important;
    font-style:normal;
    letter-spacing:0;
    text-rendering:optimizeLegibility;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}

body.role-manager .manager-achievements-heading .section-title,
body.role-manager .manager-achievements-panel .panel-head h2{
    font-family:"Cairo","Tajawal","Segoe UI",Tahoma,Arial,sans-serif!important;
    font-size:25px!important;
    font-weight:800!important;
    line-height:1.35!important;
    letter-spacing:0!important;
}
body.role-manager .manager-achievements-heading p,
body.role-manager .manager-achievements-panel .panel-head p{
    font-size:13.5px!important;
    font-weight:500!important;
    line-height:1.75!important;
}
body.role-manager .manager-achievements-summary small{
    font-size:11.5px!important;
    font-weight:600!important;
}
body.role-manager .manager-achievements-summary strong{
    font-size:16px!important;
    font-weight:800!important;
    font-variant-numeric:tabular-nums;
}

body.role-manager .manager-achievements-panel .achievement-row-head,
body.role-manager .achievement-row-head{
    font-size:13.5px!important;
    font-weight:800!important;
    line-height:1.45!important;
}
body.role-manager .manager-achievements-panel .achievement-row-head span,
body.role-manager .achievement-row-head span{
    font-size:inherit!important;
    font-weight:inherit!important;
    line-height:inherit!important;
    letter-spacing:0!important;
}

body.role-manager .manager-achievements-panel .achievement-title strong,
body.role-manager .achievement-row .achievement-title strong{
    color:#101828!important;
    font-size:16.5px!important;
    font-weight:800!important;
    line-height:1.55!important;
    letter-spacing:0!important;
}
body.role-manager .manager-achievements-panel .achievement-subtitle,
body.role-manager .achievement-row .achievement-subtitle{
    color:#475467!important;
    font-size:13px!important;
    font-weight:500!important;
    line-height:1.6!important;
}
body.role-manager .manager-achievements-panel .achievement-type-badge,
body.role-manager .achievement-row .achievement-type-badge{
    font-size:10.5px!important;
    font-weight:700!important;
    line-height:1.35!important;
}

body.role-manager .manager-achievements-panel .teacher-inline strong,
body.role-manager .achievement-row .teacher-inline strong{
    color:#101828!important;
    font-size:14.5px!important;
    font-weight:700!important;
    line-height:1.55!important;
    letter-spacing:0!important;
}
body.role-manager .manager-achievements-panel .teacher-inline small,
body.role-manager .achievement-row .teacher-inline small{
    color:#667085!important;
    font-size:11.5px!important;
    font-weight:500!important;
    line-height:1.5!important;
}
body.role-manager .manager-achievements-panel .mini-avatar,
body.role-manager .achievement-row .mini-avatar{
    font-family:"Cairo","Tajawal","Segoe UI",Tahoma,Arial,sans-serif!important;
    font-size:12.5px!important;
    font-weight:700!important;
}

body.role-manager .manager-achievements-panel .status,
body.role-manager .achievement-row .status{
    font-family:"Cairo","Tajawal","Segoe UI",Tahoma,Arial,sans-serif!important;
    font-size:13px!important;
    font-weight:700!important;
    line-height:1.35!important;
    letter-spacing:0!important;
}

body.role-manager .manager-achievements-panel .row-date,
body.role-manager .achievement-row .row-date{
    text-align:center;
    justify-items:center;
    line-height:1.35!important;
    font-variant-numeric:tabular-nums;
}
body.role-manager .manager-achievements-panel .row-date strong,
body.role-manager .achievement-row .row-date strong{
    color:#182230!important;
    font-size:13px!important;
    font-weight:700!important;
    line-height:1.45!important;
    white-space:nowrap!important;
}
body.role-manager .manager-achievements-panel .row-date small,
body.role-manager .achievement-row .row-date small{
    color:#475467!important;
    font-size:11.5px!important;
    font-weight:600!important;
    line-height:1.35!important;
    font-variant-numeric:tabular-nums;
}
body.role-manager .manager-achievements-panel .row-day,
body.role-manager .achievement-row .row-day{
    color:#475467!important;
    font-size:12px!important;
    font-weight:600!important;
    line-height:1.45!important;
    white-space:nowrap!important;
    font-variant-numeric:tabular-nums;
}

body.role-manager .manager-achievements-panel .achievement-index,
body.role-manager .manager-achievements-panel .achievement-number,
body.role-manager .manager-achievements-panel .row-number,
body.role-manager .achievement-row .achievement-index,
body.role-manager .achievement-row .achievement-number,
body.role-manager .achievement-row .row-number{
    font-family:"Cairo","Tajawal","Segoe UI",Tahoma,Arial,sans-serif!important;
    font-size:13.5px!important;
    font-weight:800!important;
    font-variant-numeric:tabular-nums;
}

body.role-manager .manager-achievements-panel .manager-dashboard-pagination-summary,
body.role-manager .manager-achievements-panel .pagination,
body.role-manager .manager-achievements-panel .pagination *{
    font-family:"Cairo","Tajawal","Segoe UI",Tahoma,Arial,sans-serif!important;
    font-weight:600;
    font-variant-numeric:tabular-nums;
}

@media(max-width:760px){
    body.role-manager .manager-achievements-heading .section-title,
    body.role-manager .manager-achievements-panel .panel-head h2{
        font-size:22px!important;
    }
    body.role-manager .manager-achievements-panel .achievement-title strong,
    body.role-manager .achievement-row .achievement-title strong{
        font-size:16px!important;
        white-space:normal!important;
    }
    body.role-manager .manager-achievements-panel .teacher-inline strong,
    body.role-manager .achievement-row .teacher-inline strong{
        font-size:14px!important;
    }
}

@media print{
    body.role-manager .manager-achievements-panel,
    body.role-manager .manager-achievements-grid,
    body.role-manager .achievement-row-head,
    body.role-manager .achievement-row{
        font-family:"Cairo","Tajawal",Arial,sans-serif!important;
    }
}
/* MUNJAZ_V3.0.2_R80_3_MANAGER_ACHIEVEMENTS_TYPOGRAPHY_END */

/* MUNJAZ_V3.0.2_R80_4_SPLIT_ACHIEVEMENT_TABLES_MODAL_START */
body.role-manager .manager-achievements-section{
    --manager-achievement-columns:
        58px
        minmax(300px,33fr)
        minmax(220px,23fr)
        minmax(145px,12fr)
        minmax(150px,12fr)
        minmax(88px,8fr)
        minmax(154px,12fr);
    scroll-margin-top:calc(var(--nav-height) + 18px);
}
body.role-manager .manager-achievements-section + .manager-achievements-section{
    margin-top:18px;
}
body.role-manager .manager-achievements-section.is-under-action{
    box-shadow:inset 0 4px 0 #D99520,0 8px 24px rgba(16,58,44,.045);
}
body.role-manager .manager-achievements-section.is-completed-action{
    box-shadow:inset 0 4px 0 #167653,0 8px 24px rgba(16,58,44,.045);
}
body.role-manager .manager-achievements-section .achievement-serial-head,
body.role-manager .manager-achievements-section .achievement-serial{
    display:grid;
    place-items:center;
    min-width:0;
    font-family:"Cairo","Tajawal","Segoe UI",Tahoma,Arial,sans-serif!important;
    font-variant-numeric:tabular-nums;
    text-align:center;
}
body.role-manager .manager-achievements-section .achievement-serial-head{
    font-size:13px!important;
    font-weight:800!important;
}
body.role-manager .manager-achievements-section .achievement-serial{
    width:38px;
    height:38px;
    justify-self:center;
    border:1px solid #D2E2DA;
    border-radius:11px;
    background:#F4F9F6;
    color:#075E43;
    font-size:13.5px!important;
    font-weight:800!important;
    line-height:1;
}
body.role-manager .manager-achievements-section.is-under-action .achievement-serial{
    border-color:#E8D5B4;
    background:#FFF9EE;
    color:#8B5A08;
}
body.role-manager .manager-achievements-section.is-completed-action .achievement-serial{
    border-color:#CFE2D9;
    background:#F1F8F4;
    color:#0B6849;
}
body.role-manager .manager-achievements-section .manager-achievements-heading .section-title .icon{
    color:inherit;
}

/* نافذة بطاقة الإنجاز */
.modal-card.achievement-preview-modal-card{
    width:min(1320px,calc(100vw - 28px));
    max-height:calc(100vh - 28px);
    overflow:hidden;
    padding:0;
    border-radius:20px;
}
.modal-card.achievement-preview-modal-card>.modal-close{
    z-index:4;
    top:13px;
    left:13px;
    background:#fff;
    box-shadow:0 3px 12px rgba(15,42,33,.12);
}
.achievement-preview-shell{
    display:grid;
    grid-template-rows:auto minmax(0,1fr);
    height:min(900px,calc(100vh - 30px));
    min-height:520px;
    background:#F5F7F5;
}
.achievement-preview-head{
    min-height:66px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:12px 66px 12px 18px;
    border-bottom:1px solid #DDE7E2;
    background:#fff;
}
.achievement-preview-title{
    min-width:0;
}
.achievement-preview-title strong{
    display:block;
    overflow:hidden;
    color:#10261D;
    font-size:17px;
    font-weight:800;
    line-height:1.45;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.achievement-preview-title small{
    display:block;
    margin-top:2px;
    color:#68776F;
    font-size:11.5px;
    font-weight:600;
}
.achievement-preview-frame{
    width:100%;
    height:100%;
    min-height:0;
    border:0;
    background:#F5F7F5;
}
@media(max-width:760px){
    body.role-manager .manager-achievements-section .achievement-row{
        position:relative;
    }
    body.role-manager .manager-achievements-section .achievement-serial{
        position:absolute;
        top:12px;
        left:12px;
        z-index:2;
        width:36px;
        height:36px;
    }
    body.role-manager .manager-achievements-section .achievement-title{
        padding-left:48px;
    }
    .modal-card.achievement-preview-modal-card{
        width:100%;
        max-height:100vh;
        height:100vh;
        border:0;
        border-radius:0;
    }
    .achievement-preview-shell{
        height:100vh;
        min-height:0;
    }
    .achievement-preview-head{
        min-height:60px;
        padding:10px 58px 10px 12px;
    }
    .achievement-preview-head .btn{
        min-width:0;
        padding-inline:10px;
    }
    .achievement-preview-title strong{font-size:15px}
}
@media print{
    body.role-manager .manager-achievements-section + .manager-achievements-section{
        margin-top:12px;
    }
    body.role-manager .manager-achievements-section .achievement-serial{
        box-shadow:none;
    }
}
/* MUNJAZ_V3.0.2_R80_4_SPLIT_ACHIEVEMENT_TABLES_MODAL_END */

/* MUNJAZ_V3.0.2_R80_4_1_SPLIT_TABLES_CORRECTIVE_FIX_START */
/* إلغاء تثبيت رأس الجدول لأنه كان يغطي الصفوف أثناء التمرير. */
body.role-manager .manager-achievements-section .achievement-row-head,
body.role-manager .manager-achievements-panel .achievement-row-head{
    position:static!important;
    top:auto!important;
    inset-block-start:auto!important;
    z-index:1!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
}
/* ضمان ظهور القسمين بوضوح وعدم اندماجهما بصريًا. */
body.role-manager .manager-achievements-section{
    display:block!important;
    overflow:visible!important;
}
body.role-manager .manager-achievements-section .achievement-list{
    position:relative!important;
    z-index:0!important;
}
body.role-manager .manager-achievements-section + .manager-achievements-section{
    margin-top:22px!important;
}
/* تثبيت العمود التسلسلي في رأس وصفوف كل جدول. */
body.role-manager .manager-achievements-section .achievement-row-head,
body.role-manager .manager-achievements-section .achievement-row{
    grid-template-columns:
        58px
        minmax(300px,33fr)
        minmax(220px,23fr)
        minmax(145px,12fr)
        minmax(150px,12fr)
        minmax(88px,8fr)
        minmax(154px,12fr)!important;
}
@media(max-width:760px){
    body.role-manager .manager-achievements-section .achievement-row{
        grid-template-columns:minmax(0,1fr) auto!important;
    }
}
/* MUNJAZ_V3.0.2_R80_4_1_SPLIT_TABLES_CORRECTIVE_FIX_END */

/* MUNJAZ_V3.0.2_R80_4_2_PAGE_TRANSITION_STABILITY_START */
/*
 * انتقال ذري بين صفحات مُنجَز:
 * تبقى الصفحة الحالية مرئية حتى تجهز الصفحة التالية بالكامل،
 * ثم يتم الاستبدال في رسم واحد لمنع الشاشة البيضاء ووميض الهيدر والصورة.
 */
@view-transition{
    navigation:auto;
}

body.ui-government-dashboard .munjaz-header{
    view-transition-name:munjaz-stable-header;
}
body.ui-government-dashboard .top-navigation{
    view-transition-name:munjaz-stable-navigation;
}
body.ui-government-dashboard .page-shell{
    view-transition-name:munjaz-stable-content;
}
body.ui-government-dashboard .bottom-navigation{
    view-transition-name:munjaz-stable-bottom-navigation;
}

::view-transition-group(root),
::view-transition-group(munjaz-stable-header),
::view-transition-group(munjaz-stable-navigation),
::view-transition-group(munjaz-stable-content),
::view-transition-group(munjaz-stable-bottom-navigation){
    animation-duration:1ms!important;
    animation-delay:0s!important;
    animation-timing-function:linear!important;
}

::view-transition-old(root),
::view-transition-new(root),
::view-transition-old(munjaz-stable-header),
::view-transition-new(munjaz-stable-header),
::view-transition-old(munjaz-stable-navigation),
::view-transition-new(munjaz-stable-navigation),
::view-transition-old(munjaz-stable-content),
::view-transition-new(munjaz-stable-content),
::view-transition-old(munjaz-stable-bottom-navigation),
::view-transition-new(munjaz-stable-bottom-navigation){
    animation:none!important;
    mix-blend-mode:normal!important;
}

/* تبقى لقطة الصفحة السابقة أعلى الجديدة حتى لحظة اكتمال الاستبدال. */
::view-transition-old(root),
::view-transition-old(munjaz-stable-header),
::view-transition-old(munjaz-stable-navigation),
::view-transition-old(munjaz-stable-content),
::view-transition-old(munjaz-stable-bottom-navigation){
    z-index:2!important;
}
::view-transition-new(root),
::view-transition-new(munjaz-stable-header),
::view-transition-new(munjaz-stable-navigation),
::view-transition-new(munjaz-stable-content),
::view-transition-new(munjaz-stable-bottom-navigation){
    z-index:1!important;
}

/* تثبيت أول رسم للهيدر ومنع أي انتقال قد يعيد إظهار الأحرف الاحتياطية. */
body.ui-government-dashboard .munjaz-header,
body.ui-government-dashboard .top-navigation,
body.ui-government-dashboard .munjaz-avatar,
body.ui-government-dashboard .munjaz-avatar img[data-header-profile-photo]{
    transition:none!important;
}
body.ui-government-dashboard .munjaz-avatar.has-photo img[data-header-profile-photo],
body.ui-government-dashboard .munjaz-avatar.has-inline-photo img[data-header-profile-photo]{
    opacity:1!important;
    visibility:visible!important;
}
body.ui-government-dashboard .munjaz-avatar.has-photo [data-profile-photo-preview-fallback],
body.ui-government-dashboard .munjaz-avatar.has-inline-photo [data-profile-photo-preview-fallback]{
    opacity:0!important;
    visibility:hidden!important;
}

/* حماية إضافية عند الرجوع من الذاكرة أو عند تعطيل انتقالات المتصفح. */
html,
body.ui-government-dashboard{
    background:#F5F7F5!important;
}
@media(prefers-reduced-motion:reduce){
    ::view-transition-group(root),
    ::view-transition-group(munjaz-stable-header),
    ::view-transition-group(munjaz-stable-navigation),
    ::view-transition-group(munjaz-stable-content),
    ::view-transition-group(munjaz-stable-bottom-navigation){
        animation-duration:1ms!important;
    }
}
/* MUNJAZ_V3.0.2_R80_4_2_PAGE_TRANSITION_STABILITY_END */

/* MUNJAZ_V3.0.2_R80_4_3_ATOMIC_SOFT_NAVIGATION_START */
/*
 * R80.4.3 uses fetch-then-swap navigation. Cross-document transitions are
 * disabled so the browser never exposes an incomplete new document.
 */
@view-transition{
    navigation:none;
}
body.ui-government-dashboard .munjaz-header,
body.ui-government-dashboard .top-navigation,
body.ui-government-dashboard .page-shell,
body.ui-government-dashboard .bottom-navigation{
    view-transition-name:none!important;
}
html.munjaz-atomic-navigation,
html.munjaz-atomic-navigation body{
    cursor:progress!important;
}
body.munjaz-atomic-navigation-pending{
    overflow:hidden;
}
body.munjaz-atomic-navigation-pending .munjaz-header,
body.munjaz-atomic-navigation-pending .top-navigation,
body.munjaz-atomic-navigation-pending .page-shell,
body.munjaz-atomic-navigation-pending .site-footer,
body.munjaz-atomic-navigation-pending .bottom-navigation{
    opacity:1!important;
    visibility:visible!important;
}
body.munjaz-atomic-navigation-pending .top-nav-item,
body.munjaz-atomic-navigation-pending .bottom-nav-item,
body.munjaz-atomic-navigation-pending .page-shell{
    pointer-events:none!important;
}
body.munjaz-atomic-navigation-pending .page-progress{
    display:none!important;
}
body.ui-government-dashboard .bottom-nav-item.is-pending-active{
    color:var(--munjaz-gov-green,#0B6B47)!important;
    font-weight:800!important;
}
/* MUNJAZ_V3.0.2_R80_4_3_ATOMIC_SOFT_NAVIGATION_END */


/* MUNJAZ_V3.0.2_R80_4_4_SHARED_REVIEW_SCORE_FIELD_START */
body.role-manager .review-decision-form{
    margin-top:18px;
}
body.role-manager .review-decision-form .review-decision-grid{
    margin-top:16px;
}
body.role-manager .shared-evaluation-panel{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(270px,390px);
    align-items:center;
    gap:22px;
    margin-top:0;
    border-color:#B9D7C8;
    background:linear-gradient(135deg,#F8FCFA 0%,#FFFFFF 72%);
    box-shadow:inset 0 4px 0 #0F7A4A;
}
body.role-manager .shared-evaluation-head{
    display:flex;
    align-items:flex-start;
    gap:12px;
}
body.role-manager .shared-evaluation-head>span{
    display:grid;
    place-items:center;
    width:42px;
    height:42px;
    min-width:42px;
    border-radius:50%;
    color:#0F6B43;
    background:#E2F3E9;
}
body.role-manager .shared-evaluation-head strong{
    display:block;
    color:#111827;
    font-size:18px;
    font-weight:800;
}
body.role-manager .shared-evaluation-head small{
    display:block;
    margin-top:5px;
    color:#4B5563;
    font-size:14px;
    font-weight:600;
    line-height:1.7;
}
body.role-manager .shared-score-field{
    color:#111827!important;
    font-size:15px!important;
    font-weight:800!important;
}
body.role-manager .shared-score-field input{
    min-height:54px;
    margin-top:7px;
    font-size:18px;
    font-weight:800;
    text-align:center;
}
body.role-manager .shared-score-field small{
    display:block;
    margin-top:6px;
    color:#4B5563;
    font-size:12px;
    font-weight:650;
    line-height:1.6;
}
body.role-manager .review-decision-form .review-decision-card{
    min-height:250px;
}
body.role-manager .review-decision-form .approve-decision-card{
    justify-content:space-between;
}
@media(max-width:900px){
    body.role-manager .shared-evaluation-panel{
        grid-template-columns:1fr;
    }
}
/* MUNJAZ_V3.0.2_R80_4_4_SHARED_REVIEW_SCORE_FIELD_END */

/* MUNJAZ_V3.0.2_R80_4_5_UNIFIED_TABLE_FONT_SIZE_START */
/* توحيد الحجم الأساسي لنصوص صفوف إنجازات المدير مع إبقاء التفاصيل الثانوية أصغر قليلًا. */
body.role-manager .manager-achievements-section .achievement-title strong,
body.role-manager .manager-achievements-section .teacher-inline strong,
body.role-manager .manager-achievements-section .status,
body.role-manager .manager-achievements-section .row-date strong,
body.role-manager .manager-achievements-section .row-day,
body.role-manager .manager-achievements-section .achievement-serial,
body.role-manager .manager-achievements-section .achievement-index,
body.role-manager .manager-achievements-section .achievement-number,
body.role-manager .manager-achievements-section .row-number{
    font-size:14px!important;
    line-height:1.5!important;
    letter-spacing:0!important;
}
body.role-manager .manager-achievements-section .achievement-title strong{
    font-weight:800!important;
}
body.role-manager .manager-achievements-section .teacher-inline strong,
body.role-manager .manager-achievements-section .status,
body.role-manager .manager-achievements-section .row-date strong,
body.role-manager .manager-achievements-section .achievement-serial,
body.role-manager .manager-achievements-section .achievement-index,
body.role-manager .manager-achievements-section .achievement-number,
body.role-manager .manager-achievements-section .row-number{
    font-weight:700!important;
}
body.role-manager .manager-achievements-section .row-day{
    font-weight:600!important;
}
body.role-manager .manager-achievements-section .achievement-subtitle,
body.role-manager .manager-achievements-section .teacher-inline small,
body.role-manager .manager-achievements-section .row-date small{
    font-size:12px!important;
    line-height:1.5!important;
}
body.role-manager .manager-achievements-section .achievement-type-badge{
    font-size:10.5px!important;
    line-height:1.35!important;
}
body.role-manager .manager-achievements-section .achievement-row-head,
body.role-manager .manager-achievements-section .achievement-row-head span{
    font-size:13px!important;
    line-height:1.45!important;
}
@media(max-width:760px){
    body.role-manager .manager-achievements-section .achievement-title strong,
    body.role-manager .manager-achievements-section .teacher-inline strong,
    body.role-manager .manager-achievements-section .status,
    body.role-manager .manager-achievements-section .row-date strong,
    body.role-manager .manager-achievements-section .row-day,
    body.role-manager .manager-achievements-section .achievement-serial,
    body.role-manager .manager-achievements-section .achievement-index,
    body.role-manager .manager-achievements-section .achievement-number,
    body.role-manager .manager-achievements-section .row-number{
        font-size:14px!important;
    }
}
/* MUNJAZ_V3.0.2_R80_4_5_UNIFIED_TABLE_FONT_SIZE_END */

/* MUNJAZ_V3.0.2_R80_4_7_PAGE_SETTLE_700MS_START */
/* طبقة انتقال هادئة تبقي الصفحة الحالية ثابتة أثناء تجهيز الصفحة التالية. */
body.munjaz-atomic-navigation-pending::before{
    content:"";
    position:fixed;
    inset:0;
    z-index:2147483000;
    background:rgba(245,247,245,.30);
    -webkit-backdrop-filter:blur(1.5px);
    backdrop-filter:blur(1.5px);
    pointer-events:all;
}
body.munjaz-atomic-navigation-pending::after{
    content:"جارٍ تجهيز الصفحة…";
    position:fixed;
    left:50%;
    top:50%;
    z-index:2147483001;
    min-width:190px;
    padding:13px 20px 13px 48px;
    transform:translate(-50%,-50%);
    border:1px solid rgba(11,107,71,.16);
    border-radius:999px;
    background:
        radial-gradient(circle at 25px 50%,transparent 7px,#0B6B47 8px 10px,transparent 11px),
        rgba(255,255,255,.96);
    color:#174D39;
    box-shadow:0 14px 36px rgba(17,66,49,.14);
    font-family:"Cairo","Tajawal",Arial,sans-serif;
    font-size:14px;
    font-weight:700;
    line-height:1.5;
    text-align:center;
    white-space:nowrap;
    pointer-events:none;
}
@media(prefers-reduced-motion:reduce){
    body.munjaz-atomic-navigation-pending::before{
        -webkit-backdrop-filter:none;
        backdrop-filter:none;
    }
}
/* MUNJAZ_V3.0.2_R80_4_7_PAGE_SETTLE_700MS_END */

/* MUNJAZ_R89_7_0_21_9_TASK_ACHIEVEMENT_POPUP_LAYOUT_START */
body.role-manager[data-route="manager/tasks"] .manager-task-alert-dialog{
    width:min(1200px,calc(100vw - 34px));
    max-height:88vh;
    border-radius:18px;
}
body.role-manager[data-route="manager/tasks"] .manager-task-alert-dialog-card{
    max-height:88vh;
}
body.role-manager[data-route="manager/tasks"] .manager-task-alert-dialog-head{
    flex:0 0 auto;
    padding:16px 18px;
}
body.role-manager[data-route="manager/tasks"] .manager-task-alert-dialog-summary{
    flex:0 0 auto;
    padding:9px 18px;
}
body.role-manager[data-route="manager/tasks"] .manager-task-alert-dialog-body{
    min-height:260px;
    max-height:none;
    overscroll-behavior:contain;
    scrollbar-gutter:stable;
}
body.role-manager[data-route="manager/tasks"] .manager-pending-achievements-table,
body.role-manager[data-route="manager/tasks"] .manager-rejected-wait-table{
    width:100%;
    min-width:1080px;
    table-layout:fixed;
}
body.role-manager[data-route="manager/tasks"] .manager-pending-achievements-table th,
body.role-manager[data-route="manager/tasks"] .manager-pending-achievements-table td,
body.role-manager[data-route="manager/tasks"] .manager-rejected-wait-table th,
body.role-manager[data-route="manager/tasks"] .manager-rejected-wait-table td{
    padding:13px 12px;
    vertical-align:middle;
}
body.role-manager[data-route="manager/tasks"] .manager-pending-achievements-table th:nth-child(1),
body.role-manager[data-route="manager/tasks"] .manager-pending-achievements-table td:nth-child(1),
body.role-manager[data-route="manager/tasks"] .manager-rejected-wait-table th:nth-child(1),
body.role-manager[data-route="manager/tasks"] .manager-rejected-wait-table td:nth-child(1){
    width:86px;
    min-width:86px;
    text-align:center;
}
body.role-manager[data-route="manager/tasks"] .manager-pending-achievements-table th:nth-child(2),
body.role-manager[data-route="manager/tasks"] .manager-pending-achievements-table td:nth-child(2),
body.role-manager[data-route="manager/tasks"] .manager-rejected-wait-table th:nth-child(2),
body.role-manager[data-route="manager/tasks"] .manager-rejected-wait-table td:nth-child(2){
    width:280px;
    min-width:280px;
}
body.role-manager[data-route="manager/tasks"] .manager-pending-achievements-table th:nth-child(3),
body.role-manager[data-route="manager/tasks"] .manager-pending-achievements-table td:nth-child(3){
    width:245px;
    min-width:245px;
}
body.role-manager[data-route="manager/tasks"] .manager-pending-achievements-table th:nth-child(4),
body.role-manager[data-route="manager/tasks"] .manager-pending-achievements-table td:nth-child(4){
    width:145px;
    min-width:145px;
    text-align:center;
}
body.role-manager[data-route="manager/tasks"] .manager-pending-achievements-table th:nth-child(5),
body.role-manager[data-route="manager/tasks"] .manager-pending-achievements-table td:nth-child(5){
    width:145px;
    min-width:145px;
    text-align:center;
}
body.role-manager[data-route="manager/tasks"] .manager-pending-achievements-table th:nth-child(6),
body.role-manager[data-route="manager/tasks"] .manager-pending-achievements-table td:nth-child(6){
    width:115px;
    min-width:115px;
    text-align:center;
}
body.role-manager[data-route="manager/tasks"] .manager-pending-achievements-table th:nth-child(7),
body.role-manager[data-route="manager/tasks"] .manager-pending-achievements-table td:nth-child(7){
    width:175px;
    min-width:175px;
    text-align:center;
}
body.role-manager[data-route="manager/tasks"] .manager-rejected-wait-table th:nth-child(3),
body.role-manager[data-route="manager/tasks"] .manager-rejected-wait-table td:nth-child(3){
    width:225px;
    min-width:225px;
}
body.role-manager[data-route="manager/tasks"] .manager-rejected-wait-table th:nth-child(4),
body.role-manager[data-route="manager/tasks"] .manager-rejected-wait-table td:nth-child(4){
    width:135px;
    min-width:135px;
    text-align:center;
}
body.role-manager[data-route="manager/tasks"] .manager-rejected-wait-table th:nth-child(5),
body.role-manager[data-route="manager/tasks"] .manager-rejected-wait-table td:nth-child(5){
    width:230px;
    min-width:230px;
}
body.role-manager[data-route="manager/tasks"] .manager-rejected-wait-table th:nth-child(6),
body.role-manager[data-route="manager/tasks"] .manager-rejected-wait-table td:nth-child(6){
    width:115px;
    min-width:115px;
    text-align:center;
}
body.role-manager[data-route="manager/tasks"] .manager-rejected-wait-table th:nth-child(7),
body.role-manager[data-route="manager/tasks"] .manager-rejected-wait-table td:nth-child(7){
    width:175px;
    min-width:175px;
    text-align:center;
}
body.role-manager[data-route="manager/tasks"] .manager-pending-achievements-table .teacher-inline,
body.role-manager[data-route="manager/tasks"] .manager-rejected-wait-table .teacher-inline{
    display:grid;
    grid-template-columns:46px minmax(0,1fr);
    align-items:center;
    gap:11px;
}
body.role-manager[data-route="manager/tasks"] .manager-pending-achievements-table .teacher-inline>span:last-child,
body.role-manager[data-route="manager/tasks"] .manager-rejected-wait-table .teacher-inline>span:last-child{
    min-width:0;
}
body.role-manager[data-route="manager/tasks"] .manager-pending-achievements-table .teacher-inline strong,
body.role-manager[data-route="manager/tasks"] .manager-rejected-wait-table .teacher-inline strong{
    display:block;
    overflow:hidden;
    line-height:1.6!important;
    text-overflow:ellipsis;
    white-space:nowrap;
}
body.role-manager[data-route="manager/tasks"] .manager-pending-achievements-table .teacher-inline small,
body.role-manager[data-route="manager/tasks"] .manager-rejected-wait-table .teacher-inline small{
    display:block;
    overflow:hidden;
    margin-top:2px;
    line-height:1.55!important;
    text-overflow:ellipsis;
    white-space:nowrap;
}
body.role-manager[data-route="manager/tasks"] .manager-pending-achievements-table td:nth-child(3)>strong,
body.role-manager[data-route="manager/tasks"] .manager-rejected-wait-table td:nth-child(3)>strong{
    display:-webkit-box;
    overflow:hidden;
    color:#10261D;
    font-size:14px;
    font-weight:850;
    line-height:1.65;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}
body.role-manager[data-route="manager/tasks"] .manager-pending-id{
    display:block;
    margin-top:4px;
    color:#6C7A73;
    font-size:11.5px;
    font-weight:700;
}
body.role-manager[data-route="manager/tasks"] .manager-rejected-wait-table .manager-task-alert-detail-text{
    display:-webkit-box;
    overflow:hidden;
    line-height:1.7;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
}
body.role-manager[data-route="manager/tasks"] .manager-task-card-button{
    width:100%;
    min-height:40px;
    justify-content:center;
    padding-inline:12px;
    font-size:12px;
    font-weight:850;
    white-space:nowrap;
}
body.role-manager[data-route="manager/tasks"] .manager-task-whatsapp-actions{
    flex:0 0 auto;
    grid-template-columns:minmax(250px,1fr) auto;
    align-items:center;
    gap:12px;
    padding:11px 16px;
}
body.role-manager[data-route="manager/tasks"] .manager-task-whatsapp-details{
    min-width:0;
    border:1px solid #D8E4DE;
    border-radius:11px;
    background:#FFF;
}
body.role-manager[data-route="manager/tasks"] .manager-task-whatsapp-details>summary{
    min-height:42px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:9px 12px;
    color:#124E36;
    cursor:pointer;
    font-size:13px;
    font-weight:850;
    list-style:none;
}
body.role-manager[data-route="manager/tasks"] .manager-task-whatsapp-details>summary::-webkit-details-marker{
    display:none;
}
body.role-manager[data-route="manager/tasks"] .manager-task-whatsapp-details>summary::after{
    content:"عرض النص";
    color:#697870;
    font-size:11px;
    font-weight:750;
}
body.role-manager[data-route="manager/tasks"] .manager-task-whatsapp-details[open]>summary{
    border-bottom:1px solid #E1E9E5;
}
body.role-manager[data-route="manager/tasks"] .manager-task-whatsapp-details[open]>summary::after{
    content:"إخفاء النص";
}
body.role-manager[data-route="manager/tasks"] .manager-task-whatsapp-details .manager-task-whatsapp-message{
    padding:10px 12px 12px;
}
body.role-manager[data-route="manager/tasks"] .manager-task-whatsapp-details .manager-task-whatsapp-message label{
    font-size:12px;
}
body.role-manager[data-route="manager/tasks"] .manager-task-whatsapp-details .manager-task-whatsapp-message textarea{
    min-height:68px;
    max-height:150px;
}
body.role-manager[data-route="manager/tasks"] .manager-task-whatsapp-buttons{
    max-width:500px;
}
.manager-task-achievement-dialog{
    width:min(1280px,calc(100vw - 30px));
    max-width:none;
    max-height:calc(100vh - 30px);
    padding:0;
    overflow:hidden;
    border:0;
    border-radius:20px;
    background:#FFF;
    box-shadow:0 30px 90px rgba(3,28,20,.34);
}
.manager-task-achievement-dialog::backdrop{
    background:rgba(3,18,13,.68);
    backdrop-filter:blur(6px);
}
.manager-task-achievement-dialog-card{
    height:min(900px,calc(100vh - 30px));
    min-height:520px;
    display:grid;
    grid-template-rows:auto minmax(0,1fr) auto;
    background:#F4F7F5;
}
.manager-task-achievement-dialog-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:13px 17px;
    border-bottom:1px solid #DCE6E1;
    background:#FFF;
}
.manager-task-achievement-dialog-title{
    min-width:0;
    display:flex;
    align-items:center;
    gap:11px;
}
.manager-task-achievement-dialog-icon{
    width:42px;
    height:42px;
    flex:0 0 42px;
    display:grid;
    place-items:center;
    border-radius:13px;
    background:#EAF4EF;
    color:#075E43;
}
.manager-task-achievement-dialog-icon svg{
    width:22px;
    height:22px;
}
.manager-task-achievement-dialog-title h2{
    max-width:680px;
    margin:0;
    overflow:hidden;
    color:#10261D;
    font-size:18px;
    font-weight:900;
    line-height:1.45;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.manager-task-achievement-dialog-title p{
    margin:2px 0 0;
    color:#697870;
    font-size:12px;
    font-weight:650;
}
.manager-task-achievement-dialog-tools{
    display:flex;
    align-items:center;
    gap:9px;
}
.manager-task-achievement-close{
    position:static;
    flex:0 0 auto;
}
.manager-task-achievement-frame-shell{
    position:relative;
    min-height:0;
    overflow:hidden;
}
.manager-task-achievement-frame{
    width:100%;
    height:100%;
    border:0;
    background:#F4F7F5;
}
.manager-task-achievement-loading{
    position:absolute;
    inset:0;
    z-index:2;
    display:grid;
    place-items:center;
    background:#F4F7F5;
    color:#52655C;
    font-size:14px;
    font-weight:800;
}
.manager-task-achievement-loading[hidden]{
    display:none;
}
.manager-task-achievement-dialog-footer{
    display:flex;
    justify-content:flex-end;
    padding:10px 16px;
    border-top:1px solid #DCE6E1;
    background:#FFF;
}
@media(max-width:760px){
    body.role-manager[data-route="manager/tasks"] .manager-task-alert-dialog{
        width:calc(100vw - 12px);
        max-height:calc(100vh - 12px);
        border-radius:14px;
    }
    body.role-manager[data-route="manager/tasks"] .manager-task-alert-dialog-card{
        max-height:calc(100vh - 12px);
    }
    body.role-manager[data-route="manager/tasks"] .manager-task-whatsapp-actions{
        grid-template-columns:1fr;
    }
    body.role-manager[data-route="manager/tasks"] .manager-task-whatsapp-buttons{
        max-width:none;
        justify-content:flex-start;
    }
    .manager-task-achievement-dialog{
        width:100%;
        max-height:100vh;
        height:100vh;
        border-radius:0;
    }
    .manager-task-achievement-dialog-card{
        height:100vh;
        min-height:0;
    }
    .manager-task-achievement-dialog-head{
        align-items:flex-start;
        padding:10px 12px;
    }
    .manager-task-achievement-dialog-icon{
        display:none;
    }
    .manager-task-achievement-dialog-title h2{
        max-width:58vw;
        font-size:15px;
    }
    .manager-task-achievement-dialog-title p{
        display:none;
    }
    .manager-task-achievement-dialog-tools .btn{
        display:none;
    }
    .manager-task-achievement-dialog-footer{
        padding:8px 10px;
    }
    .manager-task-achievement-dialog-footer .btn{
        width:100%;
    }
}
@media print{
    .manager-task-achievement-dialog{
        display:none!important;
    }
}
/* MUNJAZ_R89_7_0_21_9_TASK_ACHIEVEMENT_POPUP_LAYOUT_END */

/* MUNJAZ_R89_7_0_21_9_7_EVIDENCE_INLINE_PREVIEW_START */
.selected-evidence-list{
    margin-top:12px;
    display:grid;
    grid-template-columns:
        repeat(auto-fit,minmax(280px,1fr));
    gap:12px;
}
.selected-evidence-preview-card{
    min-width:0;
    display:grid;
    grid-template-rows:minmax(220px,auto) auto auto;
    gap:9px;
    padding:10px;
    overflow:hidden;
    border:1px solid #CFE0D7;
    border-radius:14px;
    background:#FFFFFF;
    box-shadow:0 8px 20px rgba(8,72,47,.055);
}
.selected-evidence-preview-card.is-replacement{
    border-color:#B9D8C8;
    background:#F8FCFA;
}
.selected-evidence-preview-media{
    min-width:0;
    min-height:220px;
    overflow:hidden;
    border:1px solid #DCE8E1;
    border-radius:11px;
    background:#F4F7F5;
}
.selected-evidence-image-preview{
    width:100%;
    height:250px;
    display:block;
    object-fit:contain;
    background:#FFFFFF;
}
.selected-evidence-pdf-preview{
    width:100%;
    height:360px;
    display:block;
    border:0;
    background:#FFFFFF;
}
.selected-evidence-preview-info{
    min-width:0;
    display:grid;
    gap:3px;
    padding:0 2px;
}
.selected-evidence-preview-info strong{
    color:#123E2D;
    font-size:13px;
    font-weight:900;
}
.selected-evidence-preview-info span{
    overflow:hidden;
    color:#41584D;
    font-size:11px;
    font-weight:750;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.selected-evidence-preview-info small{
    color:#74827B;
    font-size:10px;
    font-weight:700;
}
.selected-evidence-remove{
    width:100%;
    min-height:38px;
    justify-content:center;
}
.evidence-replacement-preview{
    margin-top:10px;
}
.evidence-replacement-preview .selected-evidence-preview-card{
    grid-template-rows:minmax(190px,auto) auto auto;
}
.evidence-replacement-preview .selected-evidence-image-preview{
    height:220px;
}
.evidence-replacement-preview .selected-evidence-pdf-preview{
    height:300px;
}
@media(max-width:760px){
    .selected-evidence-list{
        grid-template-columns:1fr;
    }
    .selected-evidence-preview-card{
        grid-template-rows:minmax(190px,auto) auto auto;
    }
    .selected-evidence-image-preview{
        height:220px;
    }
    .selected-evidence-pdf-preview{
        height:340px;
    }
}
/* MUNJAZ_R89_7_0_21_9_7_EVIDENCE_INLINE_PREVIEW_END */

/* MUNJAZ_R80_4_13_9_ACHIEVEMENT_FORM_FIELD_ORDER_START */
body.ui-government-dashboard[data-route="teacher/form"] .achievement-form-panel .form-grid{
    grid-auto-flow:row;
    align-items:start;
}
body.ui-government-dashboard[data-route="teacher/form"] .achievement-form-panel .form-grid > label:has([name="title"]){
    order:10;
}
body.ui-government-dashboard[data-route="teacher/form"] .achievement-form-panel .form-grid > label:has([name="description"]){
    order:20;
}
body.ui-government-dashboard[data-route="teacher/form"] .achievement-form-panel .form-grid > label:has([name="category_id"]){
    order:30;
}
body.ui-government-dashboard[data-route="teacher/form"] .achievement-form-panel .form-grid > label:has([name="provider"]){
    order:40;
}
body.ui-government-dashboard[data-route="teacher/form"] .achievement-form-panel .hijri-date-field{
    order:50;
}
body.ui-government-dashboard[data-route="teacher/form"] .achievement-form-panel .form-grid > label:has([name="semester"]){
    order:60;
}
body.ui-government-dashboard[data-route="teacher/form"] .achievement-form-panel .form-grid > label:has([name="occasion_choice"]){
    order:70;
}
body.ui-government-dashboard[data-route="teacher/form"] .achievement-form-panel #occasionOtherField{
    order:71;
}
body.ui-government-dashboard[data-route="teacher/form"] .achievement-form-panel .form-grid > label:has([name="community_participation"]){
    order:80;
}
body.ui-government-dashboard[data-route="teacher/form"] .achievement-form-panel #partnerNameField{
    order:81;
}
body.ui-government-dashboard[data-route="teacher/form"] .achievement-form-panel .form-grid > label:has([name="student_participation"]){
    order:90;
}
body.ui-government-dashboard[data-route="teacher/form"] .achievement-form-panel .form-grid > label:has([name="is_group"]){
    order:100;
}
body.ui-government-dashboard[data-route="teacher/form"] .achievement-form-panel #participantPicker{
    order:101;
}
body.ui-government-dashboard[data-route="teacher/form"] .achievement-form-panel .form-grid > div:has(.evidence-preview-grid){
    order:110;
}
body.ui-government-dashboard[data-route="teacher/form"] .achievement-form-panel .evidence-upload-field{
    order:120;
}
body.ui-government-dashboard[data-route="teacher/form"] .achievement-form-panel .form-grid > label:has([name="external_url"]){
    order:130;
}
body.ui-government-dashboard[data-route="teacher/form"] .achievement-form-panel .achievement-form-actions{
    order:140;
}
@media(min-width:901px){
    body.ui-government-dashboard[data-route="teacher/form"] .achievement-form-panel .form-grid > label:has([name="semester"]){
        grid-column:span 2;
    }
}

/* تصغير معاينة الشاهد إن كان الإصلاح السابق لم يطبق بعد. */
body.ui-government-dashboard[data-route="teacher/form"] .evidence-inline-preview-shell{
    margin-top:10px;
    padding:10px;
    border-radius:12px;
}
body.ui-government-dashboard[data-route="teacher/form"] .selected-evidence-list,
body.ui-government-dashboard[data-route="teacher/form"] .munjaz-evidence-preview-list{
    margin-top:8px;
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(180px,260px));
    gap:8px;
    justify-content:start;
}
body.ui-government-dashboard[data-route="teacher/form"] .selected-evidence-preview-card,
body.ui-government-dashboard[data-route="teacher/form"] .munjaz-evidence-preview-card{
    max-width:260px;
    grid-template-rows:auto auto auto!important;
    gap:6px;
    padding:8px;
    border-radius:10px;
    box-shadow:none;
}
body.ui-government-dashboard[data-route="teacher/form"] .selected-evidence-preview-media,
body.ui-government-dashboard[data-route="teacher/form"] .munjaz-evidence-preview-media{
    min-height:0;
    max-height:220px;
    overflow:hidden;
    border-radius:8px;
    background:#fff;
}
body.ui-government-dashboard[data-route="teacher/form"] .selected-evidence-image-preview,
body.ui-government-dashboard[data-route="teacher/form"] .munjaz-evidence-preview-image{
    height:150px;
    max-height:150px;
    object-fit:contain;
}
body.ui-government-dashboard[data-route="teacher/form"] .selected-evidence-pdf-preview,
body.ui-government-dashboard[data-route="teacher/form"] .munjaz-evidence-preview-pdf{
    height:185px;
    max-height:185px;
}
body.ui-government-dashboard[data-route="teacher/form"] .selected-evidence-remove,
body.ui-government-dashboard[data-route="teacher/form"] .munjaz-evidence-preview-remove{
    min-height:32px;
    padding:6px 10px;
}
@media(max-width:760px){
    body.ui-government-dashboard[data-route="teacher/form"] .selected-evidence-list,
    body.ui-government-dashboard[data-route="teacher/form"] .munjaz-evidence-preview-list{
        grid-template-columns:1fr;
    }
    body.ui-government-dashboard[data-route="teacher/form"] .selected-evidence-preview-card,
    body.ui-government-dashboard[data-route="teacher/form"] .munjaz-evidence-preview-card{
        max-width:none;
    }
    body.ui-government-dashboard[data-route="teacher/form"] .selected-evidence-image-preview,
    body.ui-government-dashboard[data-route="teacher/form"] .munjaz-evidence-preview-image{
        height:145px;
        max-height:145px;
    }
    body.ui-government-dashboard[data-route="teacher/form"] .selected-evidence-pdf-preview,
    body.ui-government-dashboard[data-route="teacher/form"] .munjaz-evidence-preview-pdf{
        height:180px;
        max-height:180px;
    }
}
/* MUNJAZ_R80_4_13_9_ACHIEVEMENT_FORM_FIELD_ORDER_END */
/* MUNJAZ_R80_4_13_11_NOTIFICATION_ACHIEVEMENT_POPUP_CSS */
body.ui-government-dashboard[data-route="teacher/notifications"] .teacher-notification-main footer .notification-achievement-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    min-height:34px;
    padding:7px 12px;
    border-radius:12px;
    white-space:nowrap;
}
body.ui-government-dashboard[data-route="teacher/notifications"] .teacher-notification-main footer .notification-achievement-button svg{
    width:15px;
    height:15px;
}
@media(max-width:640px){
    body.ui-government-dashboard[data-route="teacher/notifications"] .teacher-notification-main footer .notification-achievement-button{
        width:100%;
    }
}
/* MUNJAZ_R80_4_13_11_NOTIFICATION_ACHIEVEMENT_POPUP_CSS_END */
/* MUNJAZ_R80_4_13_13_NOTIFICATIONS_ACHIEVEMENT_POPUP_CSS */
body.ui-government-dashboard[data-route="teacher/notifications"] .teacher-notification-main footer .notification-achievement-button,
body.ui-government-dashboard[data-route="teacher/notifications"] .notification-response-achievement-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    min-height:36px;
    padding:8px 13px;
    border-radius:12px;
    white-space:nowrap;
}
body.ui-government-dashboard[data-route="teacher/notifications"] .teacher-notification-main footer .notification-achievement-button svg,
body.ui-government-dashboard[data-route="teacher/notifications"] .notification-response-achievement-button svg{
    width:15px;
    height:15px;
}
body.ui-government-dashboard[data-route="teacher/notifications"] .notification-response-head{
    align-items:flex-start;
}
body.ui-government-dashboard[data-route="teacher/notifications"] .notification-response-actions{
    justify-content:flex-end;
}
@media(max-width:700px){
    body.ui-government-dashboard[data-route="teacher/notifications"] .teacher-notification-main footer .notification-achievement-button,
    body.ui-government-dashboard[data-route="teacher/notifications"] .notification-response-actions,
    body.ui-government-dashboard[data-route="teacher/notifications"] .notification-response-actions .btn{
        width:100%;
    }
}
/* MUNJAZ_R80_4_13_13_NOTIFICATIONS_ACHIEVEMENT_POPUP_CSS_END */
/* MUNJAZ_R80_4_13_14_NOTIFICATION_REPLY_POPUP_CSS */
body.ui-government-dashboard[data-route="teacher/notifications"] .notification-response-open-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    min-height:34px;
    padding:7px 12px;
    border-radius:12px;
    white-space:nowrap;
}
body.ui-government-dashboard[data-route="teacher/notifications"] .notification-response-open-button svg{
    width:15px;
    height:15px;
}
.notification-response-preview-shell .achievement-preview-title small{
    color:#61746a;
}
.notification-response-preview-frame{
    background:#f8fcfa;
}
@media(max-width:640px){
    body.ui-government-dashboard[data-route="teacher/notifications"] .notification-response-open-button{
        width:100%;
    }
}
/* MUNJAZ_R80_4_13_14_NOTIFICATION_REPLY_POPUP_CSS_END */
/* MUNJAZ_R80_4_13_17_MODAL_CLOSE_RIGHT_RED_CSS */
.modal-backdrop .modal-card > .modal-close,
.modal-card.achievement-preview-modal-card > .modal-close,
dialog .modal-close.manager-task-alert-close,
dialog .modal-close.manager-task-achievement-close{
    position:absolute!important;
    top:11px!important;
    right:11px!important;
    left:auto!important;
    z-index:30!important;
}
.modal-card.achievement-preview-modal-card > .modal-close{
    top:13px!important;
    right:13px!important;
    left:auto!important;
}
.group-report-picker-close,
.group-report-preview-close{
    right:12px!important;
    left:auto!important;
}
.users-modal-head-r8970215,
.r89701516-modal-head,
.munjaz-kpi-modal-head,
.munjaz-r89701262-head,
.r82-dialog-head{
    direction:rtl!important;
}
.users-modal-close-r8970215,
.r89701516-modal-close,
.munjaz-kpi-modal-close,
.munjaz-r89701262-close,
.r82-close{
    order:-1!important;
    margin-inline-start:0!important;
    margin-inline-end:0!important;
    flex-shrink:0!important;
}
.modal-close,
.modal-backdrop .modal-close,
dialog .modal-close,
.manager-task-alert-close,
.manager-task-achievement-close,
.users-modal-close-r8970215,
.r89701516-modal-close,
.munjaz-kpi-modal-close,
.munjaz-r89701262-close,
.r82-close,
.group-report-picker-close,
.group-report-preview-close,
[role="dialog"] button[aria-label*="إغلاق"],
[role="dialog"] a[aria-label*="إغلاق"]{
    border-color:#fecaca!important;
    background:#fee2e2!important;
    color:#b91c1c!important;
    box-shadow:0 8px 22px rgba(185,28,28,.18)!important;
}
.modal-close .icon,
.modal-close svg,
.manager-task-alert-close .icon,
.manager-task-alert-close svg,
.manager-task-achievement-close .icon,
.manager-task-achievement-close svg,
[role="dialog"] button[aria-label*="إغلاق"] svg,
[role="dialog"] a[aria-label*="إغلاق"] svg{
    color:currentColor!important;
    stroke:currentColor!important;
}
.modal-close:hover,
.modal-close:focus-visible,
.modal-backdrop .modal-close:hover,
.modal-backdrop .modal-close:focus-visible,
dialog .modal-close:hover,
dialog .modal-close:focus-visible,
.manager-task-alert-close:hover,
.manager-task-alert-close:focus-visible,
.manager-task-achievement-close:hover,
.manager-task-achievement-close:focus-visible,
.users-modal-close-r8970215:hover,
.users-modal-close-r8970215:focus-visible,
.r89701516-modal-close:hover,
.r89701516-modal-close:focus-visible,
.munjaz-kpi-modal-close:hover,
.munjaz-kpi-modal-close:focus-visible,
.munjaz-r89701262-close:hover,
.munjaz-r89701262-close:focus-visible,
.r82-close:hover,
.r82-close:focus-visible,
.group-report-picker-close:hover,
.group-report-picker-close:focus-visible,
.group-report-preview-close:hover,
.group-report-preview-close:focus-visible,
[role="dialog"] button[aria-label*="إغلاق"]:hover,
[role="dialog"] button[aria-label*="إغلاق"]:focus-visible,
[role="dialog"] a[aria-label*="إغلاق"]:hover,
[role="dialog"] a[aria-label*="إغلاق"]:focus-visible{
    border-color:#b91c1c!important;
    background:#dc2626!important;
    color:#fff!important;
    outline:3px solid rgba(220,38,38,.18)!important;
    transform:translateY(-1px)!important;
}
/* MUNJAZ_R80_4_13_17_MODAL_CLOSE_RIGHT_RED_CSS_END */
/* MUNJAZ_R80_4_13_18_RESPONSE_MODAL_CLOSE_CSS */
.modal-card.achievement-preview-modal-card{
    isolation:isolate!important;
}
.modal-card.achievement-preview-modal-card>.modal-close{
    display:none!important;
}
.achievement-preview-head{
    position:relative!important;
    min-height:64px!important;
    padding:12px 76px 12px 18px!important;
}
.munjaz-modal-red-close-inline{
    position:absolute!important;
    top:50%!important;
    right:18px!important;
    left:auto!important;
    z-index:20!important;
    width:42px!important;
    height:42px!important;
    display:grid!important;
    place-items:center!important;
    padding:0!important;
    border:1px solid #fecaca!important;
    border-radius:12px!important;
    background:#fee2e2!important;
    color:#b91c1c!important;
    box-shadow:0 10px 24px rgba(185,28,28,.18)!important;
    font:900 25px/1 Arial,Tahoma,sans-serif!important;
    text-decoration:none!important;
    cursor:pointer!important;
    transform:translateY(-50%)!important;
}
.munjaz-modal-red-close-inline:hover,
.munjaz-modal-red-close-inline:focus-visible{
    border-color:#b91c1c!important;
    background:#dc2626!important;
    color:#fff!important;
    outline:3px solid rgba(220,38,38,.18)!important;
    transform:translateY(-50%)!important;
}
.notification-response-preview-shell .achievement-preview-head{
    padding-right:76px!important;
}
@media(max-width:760px){
    .achievement-preview-head{
        min-height:60px!important;
        padding:10px 66px 10px 12px!important;
    }
    .munjaz-modal-red-close-inline{
        right:12px!important;
        width:40px!important;
        height:40px!important;
    }
}
/* MUNJAZ_R80_4_13_18_RESPONSE_MODAL_CLOSE_CSS_END */
/* MUNJAZ_R80_4_13_19_REMOVE_ACHIEVEMENT_SHARE_BUTTON_CSS */
body.role-teacher[data-route="teacher/achievement"] .achievement-card [data-share-url],
body.role-manager[data-route="manager/dashboard"] .achievement-card [data-share-url],
body.role-teacher[data-route="teacher/achievements"] .teacher-achievement-card-actions [data-share-url],
.public-achievement [data-share-url]{
    display:none!important;
}
/* MUNJAZ_R80_4_13_19_REMOVE_ACHIEVEMENT_SHARE_BUTTON_CSS_END */
/* MUNJAZ_R80_4_13_20_SHARE_NEXT_TO_QR_IN_CARD_CSS */
.achievement-card .button-row [data-share-url],
body.role-teacher[data-route="teacher/achievements"] .teacher-achievement-card-actions [data-share-url],
.public-achievement .button-row [data-share-url]{
    display:none!important;
}
.achievement-card .achievement-card-actions .circle-action[data-achievement-card-share][data-share-url]{
    display:inline-grid!important;
}
/* MUNJAZ_R80_4_13_20_SHARE_NEXT_TO_QR_IN_CARD_CSS_END */
/* MUNJAZ_R80_4_13_21_TEACHER_REPORTS_PAGE_SCENARIO_CSS */
.teacher-report-title-card .page-title-main h1{letter-spacing:0!important}
.teacher-report-stats{grid-template-columns:repeat(5,minmax(0,1fr))}
.teacher-report-goal-panel{
    display:grid;
    grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);
    align-items:center;
    gap:18px;
    margin-bottom:14px;
    background:linear-gradient(135deg,#fff,#f4faf7);
}
.teacher-report-goal-copy h2{
    margin:10px 0 6px;
    color:#0A3F2E;
    font-size:24px;
    font-weight:900;
}
.teacher-report-goal-copy p{
    margin:0;
    color:#4B5E55;
    font-size:14px;
    font-weight:650;
    line-height:1.8;
}
.teacher-report-goal-copy p span{display:inline-block;margin-inline-start:8px;color:#0B6B47;font-weight:850}
.teacher-report-progress{
    display:grid;
    gap:9px;
    padding:16px;
    border:1px solid #DCE9E2;
    border-radius:16px;
    background:#fff;
}
.teacher-report-progress-head{display:flex;align-items:end;justify-content:space-between;gap:10px}
.teacher-report-progress-head strong{color:#083F2F;font-size:34px;font-weight:950;line-height:1}
.teacher-report-progress-head small,.teacher-report-points{color:#61756C;font-size:12px;font-weight:750}
.teacher-report-progress-track{height:14px;border-radius:999px;background:#E8F0EC;overflow:hidden}
.teacher-report-progress-track i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#0F6F4C,#28A06F)}
.teacher-report-action-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    margin-bottom:14px;
}
.teacher-report-action-card{
    display:grid;
    grid-template-columns:46px minmax(0,1fr) auto;
    align-items:center;
    gap:12px;
    padding:14px;
    border:1px solid #DCE8E2;
    border-radius:16px;
    background:#fff;
}
.teacher-report-action-card>span{
    width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:#F1F7F4;color:#0B6B47;
}
.teacher-report-action-card strong{display:block;color:#10251C;font-size:15px;font-weight:900}
.teacher-report-action-card p{margin:3px 0 0;color:#61756C;font-size:12px;font-weight:650;line-height:1.6}
.teacher-report-action-card.danger{border-color:#F2C7C7;background:#FFF8F8}
.teacher-report-action-card.danger>span{background:#FEE2E2;color:#B42318}
.teacher-report-action-card.warning{border-color:#F4D58A;background:#FFFCF2}
.teacher-report-action-card.warning>span{background:#FFF3C4;color:#A15C00}
.teacher-report-action-card.info{border-color:#BFDDF5;background:#F7FBFF}
.teacher-report-action-card.info>span{background:#EAF4FF;color:#1565A7}
.teacher-report-action-card.success{border-color:#B8E3C8;background:#F3FBF6}
.teacher-report-analysis-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
    margin-bottom:14px;
}
.teacher-report-analysis-card{
    display:flex;
    align-items:center;
    gap:12px;
    min-height:96px;
    margin:0!important;
}
.teacher-report-analysis-card>span{
    width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:#F2F8F5;color:#0B6B47;flex:0 0 44px;
}
.teacher-report-analysis-card small{display:block;color:#6A7B74;font-size:11px;font-weight:800}
.teacher-report-analysis-card strong{display:block;margin-top:2px;color:#10251C;font-size:20px;font-weight:950;line-height:1.2}
.teacher-report-analysis-card p{margin:3px 0 0;color:#63776E;font-size:12px;font-weight:650}
.teacher-report-filter-panel{margin-bottom:14px!important}
.teacher-report-filter-panel .reports-filter-grid-primary{display:grid;gap:12px}
.teacher-report-filter-panel .filter-field span,
.teacher-report-filter-panel .search-field span{
    display:block;
    margin-bottom:4px;
    color:#315846;
    font-size:11px;
    font-weight:900;
}
.teacher-report-table{min-width:980px}
.teacher-report-title-cell strong{display:block;color:#14261E;font-size:14px;font-weight:900}
.teacher-report-title-cell small{display:block;margin-top:4px;color:#6A7B74;font-size:11px;font-weight:700}
.teacher-report-row-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.teacher-report-print-note{
    display:flex;
    align-items:flex-start;
    gap:10px;
    padding:12px 14px;
    border:1px dashed #C9DAD2;
    border-radius:14px;
    background:#FBFDFC;
    color:#50635A;
}
.teacher-report-print-note>span{color:#0B6B47}
.teacher-report-print-note p{margin:0;font-size:12px;font-weight:650;line-height:1.7}
@media(max-width:1180px){
    .teacher-report-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
    .teacher-report-analysis-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:820px){
    .teacher-report-goal-panel{grid-template-columns:1fr}
    .teacher-report-action-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
    .teacher-report-stats,.teacher-report-analysis-grid{grid-template-columns:1fr}
    .teacher-report-action-card{grid-template-columns:42px minmax(0,1fr)}
    .teacher-report-action-card .btn{grid-column:1/-1;width:100%}
}
@media print{
    .teacher-report-filter-panel,
    .teacher-report-row-actions,
    .teacher-report-title-card .page-title-tools,
    .teacher-report-print-note{display:none!important}
    .teacher-report-stats{grid-template-columns:repeat(5,1fr)!important;break-inside:avoid}
    .teacher-report-goal-panel,
    .teacher-report-action-grid,
    .teacher-report-analysis-grid{break-inside:avoid}
    .teacher-report-table{min-width:0!important}
}
/* MUNJAZ_R80_4_13_21_TEACHER_REPORTS_PAGE_SCENARIO_CSS_END */
/* MUNJAZ_R80_4_13_23_ACCOUNT_CURRENT_PHOTO_VISIBLE_CSS */
body.ui-government-dashboard[data-route="teacher/account"] .account-photo-preview-frame.r23-direct-preview{
    position:relative!important;
    display:grid!important;
    place-items:center!important;
    overflow:hidden!important;
    background-color:#FFFFFF!important;
    background-image:var(--munjaz-account-current-photo,none)!important;
    background-size:cover!important;
    background-repeat:no-repeat!important;
    background-position:var(--munjaz-r19-preview-position,50% 50%)!important;
}
body.ui-government-dashboard[data-route="teacher/account"] .account-photo-preview-frame.r23-direct-preview img[data-r19-account-preview-source]{
    position:absolute!important;
    inset:0!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-width:100%!important;
    min-height:100%!important;
    max-width:none!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    opacity:1!important;
    visibility:visible!important;
    object-fit:cover!important;
    object-position:var(--munjaz-r19-preview-position,50% 50%)!important;
    background:#FFFFFF!important;
    transform:none!important;
    pointer-events:none!important;
}
body.ui-government-dashboard[data-route="teacher/account"] .account-photo-preview-frame.r23-direct-preview.has-r19-preview:not(.is-photo-error) [data-profile-photo-preview-fallback]{
    display:none!important;
    opacity:0!important;
    visibility:hidden!important;
}
body.ui-government-dashboard[data-route="teacher/account"] .account-photo-preview-frame.r23-direct-preview.is-photo-error [data-profile-photo-preview-fallback],
body.ui-government-dashboard[data-route="teacher/account"] .account-photo-preview-frame.r23-direct-preview:not(.has-r19-preview) [data-profile-photo-preview-fallback]{
    display:grid!important;
    place-items:center!important;
    width:100%!important;
    height:100%!important;
    opacity:1!important;
    visibility:visible!important;
}
body.ui-government-dashboard[data-route="teacher/account"] .account-photo-preview-frame.r23-direct-preview.is-photo-error img[data-r19-account-preview-source],
body.ui-government-dashboard[data-route="teacher/account"] .account-photo-preview-frame.r23-direct-preview:not(.has-r19-preview) img[data-r19-account-preview-source]{
    display:none!important;
}
/* MUNJAZ_R80_4_13_23_ACCOUNT_CURRENT_PHOTO_VISIBLE_CSS_END */
/* MUNJAZ_R80_4_13_26_MANAGER_TASKS_EASY_DIALOG_FLEX_CSS */
body.role-manager[data-route="manager/tasks"] .manager-task-alert-dialog{
    width:min(920px,calc(100vw - 28px))!important;
    max-height:84vh!important;
}
body.role-manager[data-route="manager/tasks"] .manager-task-alert-dialog-card{
    max-height:84vh!important;
    overflow:hidden!important;
}
body.role-manager[data-route="manager/tasks"] .manager-task-alert-dialog-head{
    position:relative!important;
    padding-inline-start:72px!important;
}
body.role-manager[data-route="manager/tasks"] .manager-task-alert-close{
    position:absolute!important;
    inset-inline-start:18px!important;
    top:16px!important;
    width:48px!important;
    height:48px!important;
    border-radius:14px!important;
    border:1px solid #fecaca!important;
    background:#fee2e2!important;
    color:#b91c1c!important;
    box-shadow:0 12px 24px rgba(185,28,28,.16)!important;
}
body.role-manager[data-route="manager/tasks"] .manager-task-alert-dialog-summary{
    gap:10px!important;
    flex-wrap:wrap!important;
}
body.role-manager[data-route="manager/tasks"] .manager-task-lite-note-r8041325{
    display:inline-flex;
    align-items:center;
    padding:6px 10px;
    border:1px solid #f1d28f;
    border-radius:999px;
    background:#fff9e8;
    color:#74540d;
    font-size:12px;
    font-weight:850;
}
body.role-manager[data-route="manager/tasks"] .manager-task-lite-body-r8041325{
    min-height:180px!important;
    max-height:420px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding:14px!important;
    background:#f8fbf9!important;
}
body.role-manager[data-route="manager/tasks"] .manager-task-lite-list-r8041325{
    display:grid;
    gap:10px;
}
body.role-manager[data-route="manager/tasks"] .manager-task-lite-card-r8041325{
    display:grid;
    grid-template-columns:92px minmax(230px,.9fr) minmax(260px,1.1fr);
    align-items:center;
    gap:12px;
    padding:12px;
    border:1px solid #dbe9e2;
    border-radius:16px;
    background:#fff;
    box-shadow:0 8px 18px rgba(22,101,52,.05);
}
body.role-manager[data-route="manager/tasks"] .manager-task-lite-card-r8041325.is-disabled{
    opacity:.72;
}
body.role-manager[data-route="manager/tasks"] .manager-task-lite-choice-r8041325{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    min-height:42px;
    padding:8px 10px;
    border:1px solid #cfe3d8;
    border-radius:14px;
    background:#f8fcfa;
    color:#0f6b45;
    font-weight:900;
    cursor:pointer;
    white-space:nowrap;
}
body.role-manager[data-route="manager/tasks"] .manager-task-lite-choice-r8041325 input{
    width:18px;
    height:18px;
    accent-color:#0f6b45;
}
body.role-manager[data-route="manager/tasks"] .manager-task-lite-info-r8041325{
    display:grid;
    gap:6px;
    color:#26362f;
    min-width:0;
}
body.role-manager[data-route="manager/tasks"] .manager-task-lite-info-r8041325 strong,
body.role-manager[data-route="manager/tasks"] .manager-task-lite-info-r8041325 span{
    overflow-wrap:anywhere;
}
body.role-manager[data-route="manager/tasks"] .manager-task-lite-info-r8041325 .btn{
    justify-self:start;
}
body.role-manager[data-route="manager/tasks"] [data-task-select-visible],
body.role-manager[data-route="manager/tasks"] .manager-task-check-all{
    display:none!important;
}
body.role-manager[data-route="manager/tasks"] .manager-task-whatsapp-actions{
    grid-template-columns:minmax(260px,1fr) auto!important;
    align-items:end!important;
}
body.role-manager[data-route="manager/tasks"] .manager-task-whatsapp-buttons{
    max-width:none!important;
}
body.role-manager[data-route="manager/tasks"] .manager-task-dialog-footer-close-r8041325{
    background:#fee2e2!important;
    border-color:#fecaca!important;
    color:#b91c1c!important;
}
body.role-manager[data-route="manager/tasks"] .manager-task-whatsapp-submit:disabled{
    opacity:.55!important;
    cursor:not-allowed!important;
}
@media(max-width:820px){
    body.role-manager[data-route="manager/tasks"] .manager-task-alert-dialog{
        width:calc(100vw - 12px)!important;
        max-height:calc(100dvh - 12px)!important;
    }
    body.role-manager[data-route="manager/tasks"] .manager-task-lite-body-r8041325{
        max-height:calc(100dvh - 300px)!important;
    }
    body.role-manager[data-route="manager/tasks"] .manager-task-lite-card-r8041325{
        grid-template-columns:1fr;
        align-items:start;
    }
    body.role-manager[data-route="manager/tasks"] .manager-task-lite-choice-r8041325{
        justify-content:flex-start;
    }
    body.role-manager[data-route="manager/tasks"] .manager-task-whatsapp-actions{
        grid-template-columns:1fr!important;
    }
}
/* MUNJAZ_R80_4_13_26_MANAGER_TASKS_EASY_DIALOG_FLEX_CSS_END */
/* MUNJAZ_ACHIEVEMENT_CARD_CLOSE_LEFT_R3_5 — نقل زر إغلاق بطاقة الإنجاز إلى اليسار */
.modal-card.achievement-preview-modal-card
.achievement-preview-shell:not(.notification-response-preview-shell)
.achievement-preview-head{
    padding:12px 18px 12px 76px!important;
}
.modal-card.achievement-preview-modal-card
.achievement-preview-shell:not(.notification-response-preview-shell)
.munjaz-modal-red-close-inline{
    left:18px!important;
    right:auto!important;
}
@media(max-width:760px){
    .modal-card.achievement-preview-modal-card
    .achievement-preview-shell:not(.notification-response-preview-shell)
    .achievement-preview-head{
        padding:10px 12px 10px 66px!important;
    }
    .modal-card.achievement-preview-modal-card
    .achievement-preview-shell:not(.notification-response-preview-shell)
    .munjaz-modal-red-close-inline{
        left:12px!important;
        right:auto!important;
    }
}
/* MUNJAZ_ACHIEVEMENT_CARD_CLOSE_LEFT_R3_5_END */

/* MUNJAZ_MANAGER_DASHBOARD_SHARE_R1_1_CSS */
body.role-manager[data-route="manager/dashboard"] .manager-row-actions [data-manager-dashboard-share][data-share-url]{
    display:grid!important;
}
/* MUNJAZ_MANAGER_DASHBOARD_SHARE_R1_1_CSS_END */

/* MUNJAZ_LITE_SWISS_R1_9_START */
:root{
    --munjaz-lite-bg:#F6F8F7;
    --munjaz-lite-card:#FFFFFF;
    --munjaz-lite-line:#E1E7E4;
    --munjaz-lite-line-strong:#D4DDD8;
    --munjaz-lite-text:#173D2E;
    --munjaz-lite-muted:#66756E;
    --munjaz-lite-green:#08663F;
    --munjaz-lite-green-soft:#EDF6F1;
    --munjaz-lite-radius:10px;
    --munjaz-lite-shadow:0 1px 3px rgba(8,72,47,.045);
}

html{background:var(--munjaz-lite-bg)!important}
body.ui-government-dashboard,
body.ui-apple{
    background:var(--munjaz-lite-bg)!important;
    background-image:none!important;
    color:var(--munjaz-lite-text)!important;
}

/* هوية ثابتة بلا مؤثرات ثقيلة */
body.ui-government-dashboard .munjaz-header,
body.ui-apple .munjaz-header{
    background:#075D3C!important;
    background-image:none!important;
    border:0!important;
    box-shadow:none!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
}
body.ui-government-dashboard .munjaz-header::after,
body.ui-apple .munjaz-header::after{
    height:2px!important;
    background:#C8A95A!important;
}
body.ui-government-dashboard .munjaz-logo,
body.ui-government-dashboard .munjaz-avatar,
body.ui-government-dashboard .munjaz-user,
body.ui-apple .munjaz-logo,
body.ui-apple .munjaz-avatar,
body.ui-apple .munjaz-user{
    box-shadow:none!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
}
body.ui-government-dashboard .top-navigation,
body.ui-apple .top-navigation{
    background:#FFFFFF!important;
    border-bottom:1px solid var(--munjaz-lite-line)!important;
    box-shadow:none!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
}
body.ui-government-dashboard .top-nav-item,
body.ui-apple .top-nav-item,
body.ui-government-dashboard .tool-button,
body.ui-apple .tool-button{
    box-shadow:none!important;
    transform:none!important;
}
body.ui-government-dashboard .tool-button,
body.ui-apple .tool-button{
    border:1px solid var(--munjaz-lite-line)!important;
    border-radius:9px!important;
    background:#FAFCFB!important;
}

/* العناوين والبطاقات */
body.ui-government-dashboard .page-title-card,
body.ui-government-dashboard .page-head,
body.ui-apple .page-title-card,
body.ui-apple .page-head{
    border:1px solid var(--munjaz-lite-line)!important;
    border-radius:12px!important;
    background:#FFFFFF!important;
    box-shadow:none!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
}
body.ui-government-dashboard .page-title-icon,
body.ui-apple .page-title-icon{
    border-radius:9px!important;
    background:var(--munjaz-lite-green-soft)!important;
    color:var(--munjaz-lite-green)!important;
    box-shadow:none!important;
}

body.ui-government-dashboard .panel,
body.ui-government-dashboard .achievement-card,
body.ui-government-dashboard .teacher-achievement-card,
body.ui-government-dashboard .settings-section,
body.ui-government-dashboard .login-card,
body.ui-government-dashboard .verify-card,
body.ui-government-dashboard .archive-card,
body.ui-government-dashboard .archive-achievement-card,
body.ui-government-dashboard .audit-card,
body.ui-government-dashboard .backup-card,
body.ui-government-dashboard .security-event-card,
body.ui-government-dashboard .communication-batch-card,
body.ui-government-dashboard .communication-template-card,
body.ui-government-dashboard .teacher-notification-card,
body.ui-government-dashboard .manager-response-card,
body.ui-apple .panel,
body.ui-apple .achievement-card,
body.ui-apple .teacher-achievement-card,
body.ui-apple .settings-section,
body.ui-apple .login-card,
body.ui-apple .verify-card,
body.ui-apple .archive-card,
body.ui-apple .archive-achievement-card,
body.ui-apple .audit-card,
body.ui-apple .backup-card,
body.ui-apple .security-event-card,
body.ui-apple .communication-batch-card,
body.ui-apple .communication-template-card,
body.ui-apple .teacher-notification-card,
body.ui-apple .manager-response-card{
    border:1px solid var(--munjaz-lite-line)!important;
    border-radius:var(--munjaz-lite-radius)!important;
    background:var(--munjaz-lite-card)!important;
    box-shadow:var(--munjaz-lite-shadow)!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
}
body.ui-government-dashboard .panel-head,
body.ui-apple .panel-head{
    border-bottom:1px solid var(--munjaz-lite-line)!important;
}

/* المؤشرات والقوائم */
body.ui-government-dashboard .metric-card,
body.ui-apple .metric-card,
body.ui-government-dashboard .alert-card,
body.ui-apple .alert-card{
    border:1px solid var(--munjaz-lite-line)!important;
    border-radius:10px!important;
    background:#FFFFFF!important;
    box-shadow:none!important;
    transform:none!important;
}
body.ui-government-dashboard .metric-icon,
body.ui-apple .metric-icon{
    border-radius:8px!important;
    box-shadow:none!important;
}
body.ui-government-dashboard .teacher-achievement-card:hover,
body.ui-apple .teacher-achievement-card:hover,
body.ui-government-dashboard .metric-card:hover,
body.ui-apple .metric-card:hover{
    transform:none!important;
    border-color:var(--munjaz-lite-line-strong)!important;
    box-shadow:0 2px 6px rgba(8,72,47,.055)!important;
}

/* الأزرار والحقول */
body.ui-government-dashboard .btn,
body.ui-apple .btn,
body.ui-government-dashboard button,
body.ui-apple button{
    border-radius:8px!important;
    box-shadow:none!important;
    text-shadow:none!important;
}
body.ui-government-dashboard .btn:hover,
body.ui-apple .btn:hover,
body.ui-government-dashboard button:hover,
body.ui-apple button:hover{
    transform:none!important;
    box-shadow:none!important;
}
body.ui-government-dashboard input,
body.ui-government-dashboard select,
body.ui-government-dashboard textarea,
body.ui-apple input,
body.ui-apple select,
body.ui-apple textarea{
    border:1px solid var(--munjaz-lite-line-strong)!important;
    border-radius:8px!important;
    background:#FFFFFF!important;
    box-shadow:none!important;
}
body.ui-government-dashboard input:focus,
body.ui-government-dashboard select:focus,
body.ui-government-dashboard textarea:focus,
body.ui-apple input:focus,
body.ui-apple select:focus,
body.ui-apple textarea:focus{
    border-color:#6BA58A!important;
    box-shadow:0 0 0 3px rgba(8,102,63,.08)!important;
}

/* التبويبات والفلاتر والجداول */
body.ui-government-dashboard .tabs a,
body.ui-apple .tabs a,
body.ui-government-dashboard .filter-bar,
body.ui-apple .filter-bar{
    border-color:var(--munjaz-lite-line)!important;
    border-radius:9px!important;
    background:#FFFFFF!important;
    box-shadow:none!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
}
body.ui-government-dashboard table thead th,
body.ui-apple table thead th{
    background:#F2F5F3!important;
    color:#355347!important;
    box-shadow:none!important;
}
body.ui-government-dashboard table td,
body.ui-government-dashboard table th,
body.ui-apple table td,
body.ui-apple table th{
    border-color:#E7ECE9!important;
}
body.ui-government-dashboard .table-responsive,
body.ui-apple .table-responsive{
    border-radius:9px!important;
    box-shadow:none!important;
}

/* شريط مهام المدير وشريط الإعدادات الحاليان */
.tasks-winbar-r15{
    border:1px solid var(--munjaz-lite-line)!important;
    border-radius:12px!important;
    background:#FFFFFF!important;
    box-shadow:none!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
}
.tasks-winbar-item-r15,
.tasks-winbar-more-r15>summary{
    transition:background-color .08s ease,color .08s ease,border-color .08s ease!important;
}
.tasks-winbar-item-r15:hover,
.tasks-winbar-item-r15:focus-visible,
.tasks-winbar-more-r15>summary:hover,
.tasks-winbar-more-r15[open]>summary,
.tasks-winbar-item-r15.is-active,
.tasks-winbar-more-r15.is-active>summary{
    border-radius:9px!important;
    background:var(--munjaz-lite-green-soft)!important;
    box-shadow:none!important;
    transform:none!important;
}
.tasks-winbar-count-r15{
    box-shadow:none!important;
}
.tasks-winbar-more-menu-r15,
.tasks-full-list-panel-r8041330{
    border:1px solid var(--munjaz-lite-line)!important;
    border-radius:10px!important;
    background:#FFFFFF!important;
    box-shadow:0 6px 18px rgba(8,72,47,.08)!important;
}
.settings-tabs-icons-r16{
    border:1px solid var(--munjaz-lite-line)!important;
    border-radius:10px!important;
    background:#FFFFFF!important;
    box-shadow:none!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
}
.settings-tabs-icons-r16 a,
.settings-tabs-icons-r16 a:hover,
.settings-tabs-icons-r16 a:focus-visible,
.settings-tabs-icons-r16 a.active{
    border-radius:8px!important;
    box-shadow:none!important;
    transform:none!important;
}

/* النوافذ المنبثقة */
body.ui-government-dashboard .modal-backdrop,
body.ui-apple .modal-backdrop,
.tasks-ach-dialog-r8041330::backdrop{
    background:rgba(12,31,23,.42)!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
}
body.ui-government-dashboard .modal-card,
body.ui-apple .modal-card,
.tasks-ach-dialog-card-r8041330{
    border:1px solid var(--munjaz-lite-line)!important;
    border-radius:12px!important;
    background:#FFFFFF!important;
    box-shadow:0 10px 28px rgba(0,0,0,.14)!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
}

body.ui-government-dashboard .site-footer,
body.ui-apple .site-footer{
    background:transparent!important;
    box-shadow:none!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
}

@media (prefers-reduced-motion:reduce){
    body.ui-government-dashboard *,
    body.ui-apple *{
        scroll-behavior:auto!important;
        transition-duration:.01ms!important;
        animation-duration:.01ms!important;
        animation-iteration-count:1!important;
    }
}

@media print{
    body.ui-government-dashboard,
    body.ui-apple{
        background:#FFFFFF!important;
        background-image:none!important;
    }
}
/* MUNJAZ_LITE_SWISS_R1_9_END */

/* MUNJAZ_UNIFIED_ACHIEVEMENT_MODAL_R2_1_START */
body.munjaz-native-achievement-modal-open{
    overflow:hidden!important;
}
dialog.munjaz-native-achievement-dialog{
    width:min(1320px,calc(100vw - 28px));
    height:min(900px,calc(100dvh - 28px));
    max-width:none;
    max-height:none;
    margin:auto;
    padding:0;
    overflow:visible;
    border:0;
    border-radius:18px;
    background:transparent;
    color:#173d2e;
    direction:rtl;
    box-shadow:none;
    opacity:1;
}
dialog.munjaz-native-achievement-dialog::backdrop{
    background:rgba(19,38,31,.46);
}
dialog.munjaz-native-achievement-dialog.is-closing{
    opacity:0;
    transition:opacity .1s ease-in;
}
.munjaz-native-achievement-card{
    width:100%;
    height:100%;
    display:grid;
    grid-template-rows:auto minmax(0,1fr);
    overflow:hidden;
    border:1px solid #dbe5e0;
    border-radius:18px;
    background:#fff;
    box-shadow:0 24px 70px rgba(13,46,34,.24);
}
.munjaz-native-achievement-head{
    position:relative;
    min-height:66px;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:14px;
    padding:11px 18px 11px 76px;
    border-bottom:1px solid #e2e8e5;
    background:#fff;
}
.munjaz-native-achievement-heading{
    min-width:0;
    text-align:right;
}
.munjaz-native-achievement-heading strong{
    display:block;
    max-width:min(980px,calc(100vw - 170px));
    overflow:hidden;
    color:#173d2e;
    font-size:18px;
    font-weight:900;
    line-height:1.45;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.munjaz-native-achievement-heading small{
    display:block;
    margin-top:1px;
    color:#68776f;
    font-size:12px;
    font-weight:650;
}
.munjaz-native-achievement-close{
    position:absolute!important;
    top:50%!important;
    left:18px!important;
    right:auto!important;
    width:42px!important;
    height:42px!important;
    display:grid!important;
    place-items:center!important;
    margin:0!important;
    padding:0!important;
    border:1px solid #fecaca!important;
    border-radius:11px!important;
    background:#fff5f5!important;
    color:#b91c1c!important;
    box-shadow:none!important;
    font:900 25px/1 Arial,Tahoma,sans-serif!important;
    cursor:pointer!important;
    transform:translateY(-50%)!important;
}
.munjaz-native-achievement-close:hover,
.munjaz-native-achievement-close:focus-visible{
    border-color:#dc2626!important;
    background:#dc2626!important;
    color:#fff!important;
    outline:3px solid rgba(220,38,38,.15)!important;
}
.munjaz-native-achievement-body{
    position:relative;
    min-height:0;
    overflow:hidden;
    background:#f6f8f7;
}
.munjaz-native-achievement-frame{
    width:100%;
    height:100%;
    display:block;
    border:0;
    background:#f6f8f7;
    opacity:0;
    transition:opacity .12s ease-out;
}
dialog.munjaz-native-achievement-dialog.is-loaded .munjaz-native-achievement-frame{
    opacity:1;
}
.munjaz-native-achievement-loading{
    position:absolute;
    inset:0;
    z-index:2;
    display:grid;
    place-content:center;
    justify-items:center;
    gap:10px;
    color:#315c4a;
    background:#f6f8f7;
}
.munjaz-native-achievement-loading span{
    width:34px;
    height:34px;
    border:3px solid #dce8e2;
    border-top-color:#08734d;
    border-radius:999px;
    animation:munjazNativeAchievementSpin .75s linear infinite;
}
.munjaz-native-achievement-loading strong{
    font-size:13px;
    font-weight:800;
}
@keyframes munjazNativeAchievementSpin{to{transform:rotate(360deg)}}
@media(max-width:760px){
    dialog.munjaz-native-achievement-dialog{
        width:100vw;
        height:100dvh;
        margin:0;
        border-radius:0;
    }
    .munjaz-native-achievement-card{
        border:0;
        border-radius:0;
        box-shadow:none;
    }
    .munjaz-native-achievement-head{
        min-height:60px;
        padding:9px 12px 9px 64px;
    }
    .munjaz-native-achievement-close{
        left:12px!important;
        width:40px!important;
        height:40px!important;
    }
    .munjaz-native-achievement-heading strong{
        max-width:calc(100vw - 96px);
        font-size:15px;
    }
    .munjaz-native-achievement-heading small{font-size:11px}
}
@media(prefers-reduced-motion:reduce){
    dialog.munjaz-native-achievement-dialog,
    .munjaz-native-achievement-frame,
    .munjaz-native-achievement-loading span{
        animation:none!important;
        transition:none!important;
    }
}
@media print{
    dialog.munjaz-native-achievement-dialog{display:none!important}
    body.munjaz-native-achievement-modal-open{overflow:visible!important}
}
/* MUNJAZ_UNIFIED_ACHIEVEMENT_MODAL_R2_1_END */

/* MUNJAZ_HIJRI_FILTER_CALENDAR_R2_4_START */
.munjaz-hijri-calendar-field{
    position:relative;
    width:100%;
    min-width:0;
}
.filter-date-input.munjaz-hijri-calendar-field{
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    align-items:center;
}
.munjaz-hijri-calendar-input{
    width:100%;
    cursor:pointer!important;
    padding-left:45px!important;
    direction:ltr;
    text-align:right;
    font-variant-numeric:tabular-nums;
}
.munjaz-hijri-calendar-input::placeholder{
    direction:rtl;
    text-align:right;
}
.munjaz-hijri-calendar-trigger{
    position:absolute!important;
    left:5px!important;
    top:50%!important;
    z-index:2;
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    display:grid!important;
    place-items:center!important;
    padding:0!important;
    margin:0!important;
    border:1px solid #d7e4dd!important;
    border-radius:8px!important;
    background:#f7faf8!important;
    color:#08734d!important;
    box-shadow:none!important;
    transform:translateY(-50%)!important;
    cursor:pointer!important;
}
.munjaz-hijri-calendar-trigger:hover,
.munjaz-hijri-calendar-trigger:focus-visible{
    border-color:#08734d!important;
    background:#edf7f2!important;
    outline:3px solid rgba(8,115,77,.12)!important;
}
.munjaz-hijri-calendar-trigger svg{
    width:19px;
    height:19px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.munjaz-hijri-calendar-dialog{
    width:min(94vw,520px);
    max-width:520px;
    max-height:min(92dvh,720px);
    margin:auto;
    padding:0;
    border:0;
    border-radius:16px;
    background:transparent;
    color:#17251e;
    overflow:visible;
    box-shadow:none;
}
.munjaz-hijri-calendar-dialog::backdrop{
    background:rgba(18,35,28,.46);
}
.munjaz-hijri-calendar-card{
    overflow:hidden;
    border:1px solid #dce6e1;
    border-radius:16px;
    background:#fff;
    box-shadow:0 18px 55px rgba(18,35,28,.2);
}
.munjaz-hijri-calendar-head{
    position:relative;
    min-height:72px;
    display:flex;
    align-items:center;
    padding:13px 18px 13px 64px;
    border-bottom:1px solid #e3eae6;
    background:#f7faf8;
}
.munjaz-hijri-calendar-head strong,
.munjaz-hijri-calendar-head small{
    display:block;
}
.munjaz-hijri-calendar-head strong{
    color:#075f40;
    font-size:18px;
    font-weight:900;
}
.munjaz-hijri-calendar-head small{
    margin-top:3px;
    color:#69786f;
    font-size:12px;
    font-weight:700;
}
.munjaz-hijri-calendar-close{
    position:absolute!important;
    left:14px!important;
    top:50%!important;
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    display:grid!important;
    place-items:center!important;
    padding:0!important;
    border:1px solid #f0caca!important;
    border-radius:9px!important;
    background:#fff7f7!important;
    color:#ad2727!important;
    font:900 23px/1 Arial,sans-serif!important;
    box-shadow:none!important;
    transform:translateY(-50%)!important;
}
.munjaz-hijri-calendar-nav{
    display:grid;
    grid-template-columns:42px minmax(0,1.35fr) minmax(0,1fr) 42px;
    gap:8px;
    align-items:center;
    padding:14px 16px 10px;
}
.munjaz-hijri-calendar-nav select,
.munjaz-hijri-calendar-nav button{
    height:42px!important;
    min-height:42px!important;
    border:1px solid #d9e4de!important;
    border-radius:9px!important;
    background:#fff!important;
    color:#173c2e!important;
    font-weight:800!important;
    box-shadow:none!important;
}
.munjaz-hijri-calendar-nav button{
    padding:0!important;
    font-size:25px!important;
    line-height:1!important;
}
.munjaz-hijri-calendar-nav button:hover,
.munjaz-hijri-calendar-nav select:focus{
    border-color:#18845a!important;
    background:#f2f9f5!important;
}
.munjaz-hijri-calendar-weekdays,
.munjaz-hijri-calendar-days{
    display:grid;
    grid-template-columns:repeat(7,minmax(0,1fr));
    direction:rtl;
}
.munjaz-hijri-calendar-weekdays{
    padding:4px 16px 7px;
    color:#64736b;
    font-size:11px;
    font-weight:850;
    text-align:center;
}
.munjaz-hijri-calendar-days{
    position:relative;
    min-height:288px;
    gap:5px;
    align-content:start;
    padding:0 16px 14px;
}
.munjaz-hijri-calendar-empty{
    min-height:39px;
}
.munjaz-hijri-calendar-day{
    aspect-ratio:1/1;
    min-width:0!important;
    min-height:39px!important;
    padding:0!important;
    border:1px solid transparent!important;
    border-radius:9px!important;
    background:#fff!important;
    color:#233c31!important;
    font-size:13px!important;
    font-weight:800!important;
    box-shadow:none!important;
}
.munjaz-hijri-calendar-day:hover,
.munjaz-hijri-calendar-day:focus-visible{
    border-color:#9bcab6!important;
    background:#edf7f2!important;
    color:#075f40!important;
    outline:none!important;
}
.munjaz-hijri-calendar-day.is-today{
    border-color:#64ad8b!important;
    color:#08734d!important;
}
.munjaz-hijri-calendar-day.is-today::after{
    content:'';
    display:block;
    width:4px;
    height:4px;
    margin:2px auto 0;
    border-radius:50%;
    background:#08734d;
}
.munjaz-hijri-calendar-day.is-selected{
    border-color:#08734d!important;
    background:#08734d!important;
    color:#fff!important;
}
.munjaz-hijri-calendar-day.is-selected::after{background:#fff}
.munjaz-hijri-calendar-loading{
    grid-column:1/-1;
    min-height:250px;
    display:grid;
    place-content:center;
    justify-items:center;
    gap:10px;
    color:#456456;
}
.munjaz-hijri-calendar-loading span{
    width:31px;
    height:31px;
    border:3px solid #dce8e2;
    border-top-color:#08734d;
    border-radius:50%;
    animation:munjazHijriCalendarSpinR24 .7s linear infinite;
}
.munjaz-hijri-calendar-loading strong{font-size:12px}
.munjaz-hijri-calendar-message{
    margin:0 16px 14px;
    padding:11px 12px;
    border:1px solid #f1ce9d;
    border-radius:9px;
    background:#fff8e9;
    color:#814d12;
    font-size:12px;
    font-weight:750;
    line-height:1.7;
}
.munjaz-hijri-calendar-foot{
    display:flex;
    gap:7px;
    flex-wrap:wrap;
    padding:12px 16px 15px;
    border-top:1px solid #e5ebe8;
    background:#fafcfb;
}
.munjaz-hijri-calendar-foot button{
    min-height:38px!important;
    padding:8px 13px!important;
    border:1px solid #d9e4de!important;
    border-radius:8px!important;
    background:#fff!important;
    color:#315044!important;
    font-size:12px!important;
    font-weight:800!important;
    box-shadow:none!important;
}
.munjaz-hijri-calendar-foot button.is-primary{
    border-color:#08734d!important;
    background:#08734d!important;
    color:#fff!important;
}
@keyframes munjazHijriCalendarSpinR24{to{transform:rotate(360deg)}}
@media(max-width:560px){
    .munjaz-hijri-calendar-dialog{
        width:calc(100vw - 18px);
        max-height:calc(100dvh - 18px);
    }
    .munjaz-hijri-calendar-card{border-radius:13px}
    .munjaz-hijri-calendar-nav{
        grid-template-columns:38px minmax(0,1.25fr) minmax(0,.95fr) 38px;
        gap:5px;
        padding-inline:10px;
    }
    .munjaz-hijri-calendar-weekdays{padding-inline:10px;font-size:10px}
    .munjaz-hijri-calendar-days{gap:3px;padding-inline:10px;min-height:270px}
    .munjaz-hijri-calendar-day{min-height:37px!important;border-radius:8px!important}
    .munjaz-hijri-calendar-foot{padding-inline:10px}
}
@media(prefers-reduced-motion:reduce){
    .munjaz-hijri-calendar-loading span{animation:none!important}
}
@media print{
    .munjaz-hijri-calendar-dialog,
    .munjaz-hijri-calendar-trigger{display:none!important}
}
.munjaz-hijri-calendar-label{
    display:inline-flex;
    align-items:center;
    margin-inline-start:6px;
    padding:1px 6px;
    border:1px solid #cfe1d8;
    border-radius:999px;
    background:#f2f8f5;
    color:#08734d;
    font-size:10px;
    font-weight:850;
    line-height:1.5;
}
.munjaz-hijri-calendar-input.is-converting{
    background-image:linear-gradient(90deg,transparent,rgba(8,115,77,.06),transparent)!important;
    background-size:180% 100%!important;
    animation:munjazHijriCalendarConvertR24 1.1s linear infinite!important;
}
@keyframes munjazHijriCalendarConvertR24{to{background-position:-180% 0}}
/* MUNJAZ_HIJRI_FILTER_CALENDAR_R2_4_END */

/* MUNJAZ_HIJRI_FILTER_YEAR_PAGING_R2_8_START */
.munjaz-hijri-year-toggle{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    padding:0 10px!important;
    font-size:13px!important;
    line-height:1!important;
    white-space:nowrap!important;
}
.munjaz-hijri-year-chevron{
    font-size:16px;
    line-height:1;
    transition:transform .16s ease;
}
.munjaz-hijri-year-toggle[aria-expanded="true"] .munjaz-hijri-year-chevron{
    transform:rotate(180deg);
}
.munjaz-hijri-year-panel[hidden]{display:none!important}
.munjaz-hijri-year-panel{
    margin:0 16px 10px;
    padding:10px;
    border:1px solid #dce6e1;
    border-radius:11px;
    background:#f7faf8;
    box-shadow:0 4px 14px rgba(18,35,28,.05);
}
.munjaz-hijri-year-list{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(62px,1fr));
    gap:6px;
    margin:7px 0;
    max-height:178px;
    overflow:auto;
    overscroll-behavior:contain;
    scrollbar-width:thin;
}
.munjaz-hijri-year-option,
.munjaz-hijri-year-more{
    min-width:0!important;
    min-height:36px!important;
    height:auto!important;
    padding:7px 8px!important;
    border:1px solid #d8e3dd!important;
    border-radius:8px!important;
    background:#fff!important;
    color:#244638!important;
    font-size:12px!important;
    font-weight:850!important;
    line-height:1.35!important;
    box-shadow:none!important;
}
.munjaz-hijri-year-option:hover,
.munjaz-hijri-year-option:focus-visible,
.munjaz-hijri-year-more:hover,
.munjaz-hijri-year-more:focus-visible{
    border-color:#87bca5!important;
    background:#edf7f2!important;
    color:#075f40!important;
    outline:none!important;
}
.munjaz-hijri-year-option.is-selected{
    border-color:#08734d!important;
    background:#08734d!important;
    color:#fff!important;
}
.munjaz-hijri-year-more{
    width:100%!important;
    color:#176d4d!important;
    background:#fdfefe!important;
}
.munjaz-hijri-year-more:disabled{
    opacity:.45!important;
    cursor:not-allowed!important;
}
@media(max-width:560px){
    .munjaz-hijri-year-panel{margin-inline:10px;padding:8px}
    .munjaz-hijri-year-list{grid-template-columns:repeat(4,minmax(0,1fr));max-height:168px}
    .munjaz-hijri-year-option,.munjaz-hijri-year-more{font-size:11px!important}
}
@media(prefers-reduced-motion:reduce){
    .munjaz-hijri-year-chevron{transition:none!important}
}
/* MUNJAZ_HIJRI_FILTER_YEAR_PAGING_R2_8_END */

/* MUNJAZ_MUEEN_ASSISTANT_R2_24_START */
.munjaz-assistant{
    position:fixed;
    inset-inline-end:18px;
    bottom:18px;
    z-index:850;
    direction:rtl;
}
.munjaz-assistant[hidden],
.munjaz-assistant-panel[hidden],
.munjaz-assistant-trigger[hidden],
.munjaz-assistant-restore[hidden]{display:none!important}
.munjaz-assistant-trigger{
    width:94px;
    height:132px;
    display:block;
    position:relative;
    margin:0;
    padding:0;
    overflow:visible;
    border:0;
    border-radius:28px 28px 20px 20px;
    background:transparent;
    color:#075f40;
    cursor:pointer;
    filter:drop-shadow(0 12px 16px rgba(17,55,42,.20));
    transition:transform .18s ease,filter .18s ease;
}
.munjaz-assistant-trigger:hover,
.munjaz-assistant-trigger:focus-visible{
    transform:translateY(-4px);
    filter:drop-shadow(0 15px 18px rgba(17,55,42,.26));
    outline:none;
}
.munjaz-assistant-trigger:focus-visible::after{
    content:"";
    position:absolute;
    inset:-5px;
    border:3px solid rgba(8,115,77,.36);
    border-radius:31px;
}
.munjaz-assistant-trigger img{
    width:94px;
    height:132px;
    display:block;
    object-fit:contain;
    object-position:center bottom;
    pointer-events:none;
    user-select:none;
}
.munjaz-assistant-callout{
    position:absolute;
    z-index:2;
    top:-25px;
    inset-inline-end:3px;
    min-width:92px;
    padding:6px 10px;
    border:1px solid #d7e5de;
    border-radius:999px 999px 5px 999px;
    background:#fff;
    color:#075f40;
    font-size:10px;
    font-weight:900;
    line-height:1.25;
    white-space:nowrap;
    box-shadow:0 7px 18px rgba(19,61,46,.13);
}
.munjaz-assistant-online{
    position:absolute;
    z-index:3;
    inset-inline-start:5px;
    bottom:8px;
    width:15px;
    height:15px;
    border:3px solid #fff;
    border-radius:50%;
    background:#18a768;
    box-shadow:0 2px 7px rgba(6,103,62,.28);
}
.munjaz-assistant-panel{
    width:min(372px,calc(100vw - 28px));
    max-height:min(650px,calc(100dvh - 182px));
    position:absolute;
    inset-inline-end:0;
    bottom:148px;
    padding:20px;
    border:1px solid #d9e6df;
    border-radius:22px 22px 7px 22px;
    background:rgba(255,255,255,.985);
    color:#173d2f;
    text-align:right;
    overflow:auto;
    overscroll-behavior:contain;
    box-shadow:0 22px 55px rgba(17,55,42,.20),0 5px 14px rgba(17,55,42,.08);
    animation:munjazMueenPanelInR224 .18s ease-out both;
}
.munjaz-assistant-panel::after{
    content:"";
    position:absolute;
    inset-inline-end:24px;
    bottom:-9px;
    width:17px;
    height:17px;
    border-inline-end:1px solid #d9e6df;
    border-bottom:1px solid #d9e6df;
    background:#fff;
    transform:rotate(45deg);
}
.munjaz-assistant-close{
    width:34px;
    height:34px;
    display:grid;
    place-items:center;
    position:absolute;
    top:12px;
    inset-inline-end:12px;
    padding:0;
    border:1px solid #e0e9e4;
    border-radius:11px;
    background:#f7faf8;
    color:#315b4a;
    cursor:pointer;
}
.munjaz-assistant-close svg{width:17px;height:17px}
.munjaz-assistant-close:hover,
.munjaz-assistant-close:focus-visible{
    border-color:#bad4c7;
    background:#edf7f2;
    color:#075f40;
    outline:none;
}
.munjaz-assistant-heading{padding-inline-end:41px}
.munjaz-assistant-heading span{
    display:block;
    margin-bottom:3px;
    color:#a17a22;
    font-size:10px;
    font-weight:900;
}
.munjaz-assistant-heading h2{
    margin:0;
    color:#075f40;
    font-size:18px;
    font-weight:900;
    line-height:1.35;
}
.munjaz-assistant-panel>p{
    margin:12px 0 11px;
    color:#4c6258;
    font-size:12px;
    font-weight:700;
    line-height:1.9;
}
.munjaz-mueen-local-form{
    display:grid;
    gap:8px;
    margin:0 0 13px;
    padding:11px;
    border:1px solid #dce8e1;
    border-radius:16px;
    background:#f7faf8;
}
.munjaz-mueen-local-form>.sr-only{
    width:1px;
    height:1px;
    position:absolute;
    margin:-1px;
    padding:0;
    overflow:hidden;
    clip:rect(0,0,0,0);
    white-space:nowrap;
    border:0;
}
.munjaz-mueen-search-box{display:grid;gap:5px}
.munjaz-mueen-question-row{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:7px;
}
.munjaz-mueen-question-row input{
    width:100%;
    min-width:0;
    height:40px;
    padding:8px 11px;
    border:1px solid #cdded5;
    border-radius:11px;
    background:#fff;
    color:#173d2f;
    font:inherit;
    font-size:11px;
    font-weight:700;
    outline:none;
}
.munjaz-mueen-question-row input::placeholder{color:#829289}
.munjaz-mueen-question-row input:focus{
    border-color:#16825a;
    box-shadow:0 0 0 3px rgba(22,130,90,.12);
}
.munjaz-mueen-question-row>button{
    height:40px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:5px;
    padding:0 12px;
    border:0;
    border-radius:11px;
    background:#08734d;
    color:#fff;
    font:inherit;
    font-size:10px;
    font-weight:900;
    cursor:pointer;
}
.munjaz-mueen-question-row>button svg{width:15px;height:15px}
.munjaz-mueen-question-row>button:hover,
.munjaz-mueen-question-row>button:focus-visible{
    background:#065f40;
    outline:3px solid rgba(8,115,77,.16);
}
.munjaz-mueen-typeahead{
    max-height:178px;
    display:grid;
    overflow:auto;
    overscroll-behavior:contain;
    border:1px solid #cadfd4;
    border-radius:12px;
    background:#fff;
    box-shadow:0 10px 24px rgba(19,66,48,.13);
}
.munjaz-mueen-typeahead[hidden]{display:none}
.munjaz-mueen-typeahead button{
    width:100%;
    display:grid;
    gap:2px;
    padding:8px 10px;
    border:0;
    border-bottom:1px solid #edf2ef;
    background:#fff;
    color:#284b3d;
    font:inherit;
    text-align:right;
    cursor:pointer;
}
.munjaz-mueen-typeahead button:last-child{border-bottom:0}
.munjaz-mueen-typeahead button:hover,
.munjaz-mueen-typeahead button:focus-visible,
.munjaz-mueen-typeahead button.is-active{
    background:#edf7f2;
    color:#075f40;
    outline:none;
}
.munjaz-mueen-typeahead button span{
    font-size:10px;
    font-weight:850;
    line-height:1.5;
}
.munjaz-mueen-typeahead button small{
    color:#829087;
    font-size:8px;
    font-weight:700;
}
.munjaz-mueen-suggestions{
    display:flex;
    flex-wrap:wrap;
    gap:5px;
}
.munjaz-mueen-suggestions button{
    padding:5px 8px;
    border:1px solid #cfe0d7;
    border-radius:999px;
    background:#fff;
    color:#35624f;
    font:inherit;
    font-size:9px;
    font-weight:800;
    cursor:pointer;
}
.munjaz-mueen-suggestions button:hover,
.munjaz-mueen-suggestions button:focus-visible{
    border-color:#8fbca7;
    background:#edf7f2;
    color:#075f40;
    outline:none;
}
.munjaz-mueen-result{
    padding:9px 10px;
    border-inline-start:3px solid #159468;
    border-radius:10px;
    background:#eaf6f0;
    color:#244b3b;
}
.munjaz-mueen-result.is-fallback{
    border-inline-start-color:#bb8a23;
    background:#fff7e7;
}
.munjaz-mueen-result-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:7px;
    margin-bottom:3px;
}
.munjaz-mueen-result strong{
    display:block;
    color:#075f40;
    font-size:11px;
    font-weight:900;
}
.munjaz-mueen-result-head>span{
    flex:0 0 auto;
    padding:3px 6px;
    border-radius:999px;
    background:#d8eee3;
    color:#126342;
    font-size:7px;
    font-weight:900;
    white-space:nowrap;
}
.munjaz-mueen-result-head>span.medium{background:#fff0c9;color:#7c5b08}
.munjaz-mueen-result-head>span.low{background:#f5e5e5;color:#934040}
.munjaz-mueen-result>p{
    margin:0;
    color:#3e5a4e;
    font-size:10px;
    font-weight:700;
    line-height:1.75;
}
.munjaz-mueen-result>a{
    display:inline-flex;
    margin-top:6px;
    color:#086b49;
    font-size:10px;
    font-weight:900;
    text-underline-offset:3px;
}
.munjaz-mueen-clarify{
    display:grid;
    gap:5px;
    margin-top:7px;
}
.munjaz-mueen-clarify[hidden]{display:none}
.munjaz-mueen-clarify button{
    width:100%;
    min-height:34px;
    padding:6px 8px;
    border:1px solid #cfe0d7;
    border-radius:9px;
    background:#fff;
    color:#235743;
    font:inherit;
    font-size:9px;
    font-weight:850;
    text-align:right;
    cursor:pointer;
}
.munjaz-mueen-clarify button:hover,
.munjaz-mueen-clarify button:focus-visible{
    border-color:#83b69e;
    background:#edf7f2;
    outline:none;
}
.munjaz-mueen-privacy{
    display:block;
    color:#71847a;
    font-size:8px;
    font-weight:700;
    line-height:1.6;
}
.munjaz-mueen-privacy b{color:#166b4c;font-weight:900}
.munjaz-assistant-links{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:7px;
}
.munjaz-assistant-links a{
    min-width:0;
    min-height:70px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:6px;
    padding:9px 6px;
    border:1px solid #dce8e1;
    border-radius:14px;
    background:#f7faf8;
    color:#1b5e46;
    font-size:10px;
    font-weight:900;
    line-height:1.25;
    text-align:center;
    text-decoration:none;
    transition:transform .15s ease,border-color .15s ease,background .15s ease;
}
.munjaz-assistant-links a svg{width:21px;height:21px}
.munjaz-assistant-links a:hover,
.munjaz-assistant-links a:focus-visible{
    border-color:#9ec9b5;
    background:#edf7f2;
    transform:translateY(-2px);
    outline:none;
}
.munjaz-assistant-dismiss{
    display:block;
    margin:14px auto 0;
    padding:3px 5px;
    border:0;
    background:transparent;
    color:#788b82;
    font-size:10px;
    font-weight:750;
    text-decoration:underline;
    text-underline-offset:3px;
    cursor:pointer;
}
.munjaz-assistant-dismiss:hover,
.munjaz-assistant-dismiss:focus-visible{color:#075f40;outline:none}
.munjaz-assistant-restore{
    width:58px;
    height:58px;
    display:block;
    position:relative;
    margin:0;
    padding:0;
    overflow:visible;
    border:3px solid #fff;
    border-radius:50%;
    background:#eaf6f0;
    color:#fff;
    cursor:pointer;
    box-shadow:0 9px 24px rgba(17,55,42,.24),0 0 0 1px #bed8ca;
    transition:transform .18s ease,box-shadow .18s ease;
}
.munjaz-assistant-restore img{
    width:100%;
    height:100%;
    display:block;
    border-radius:50%;
    object-fit:cover;
    pointer-events:none;
    user-select:none;
}
.munjaz-assistant-restore span{
    position:absolute;
    right:50%;
    bottom:-17px;
    min-width:46px;
    padding:3px 7px;
    border:2px solid #fff;
    border-radius:999px;
    background:#08734d;
    color:#fff;
    font-size:8px;
    font-weight:900;
    line-height:1.2;
    text-align:center;
    box-shadow:0 4px 10px rgba(7,80,53,.18);
    transform:translateX(50%);
    pointer-events:none;
}
.munjaz-assistant-restore:hover,
.munjaz-assistant-restore:focus-visible{
    transform:translateY(-3px) scale(1.04);
    box-shadow:0 12px 28px rgba(17,55,42,.30),0 0 0 4px rgba(8,115,77,.18);
    outline:none;
}
@keyframes munjazMueenPanelInR224{
    from{opacity:0;transform:translateY(8px) scale(.98)}
    to{opacity:1;transform:translateY(0) scale(1)}
}
@media(max-width:760px){
    .munjaz-assistant{inset-inline-end:8px;bottom:78px;z-index:680}
    .munjaz-assistant-trigger{
        width:64px;
        height:90px;
        border-radius:20px 20px 14px 14px;
    }
    .munjaz-assistant-trigger img{width:64px;height:90px}
    .munjaz-assistant-callout{
        top:-19px;
        inset-inline-end:0;
        min-width:0;
        padding:5px 7px;
        font-size:8px;
    }
    .munjaz-assistant-online{
        inset-inline-start:1px;
        bottom:4px;
        width:13px;
        height:13px;
    }
    .munjaz-assistant-restore{
        width:52px;
        height:52px;
    }
    .munjaz-assistant-panel{
        width:min(326px,calc(100vw - 18px));
        max-height:calc(100dvh - 198px);
        bottom:104px;
        padding:17px;
        border-radius:19px 19px 6px 19px;
    }
    .munjaz-assistant-heading h2{font-size:16px}
    .munjaz-assistant-panel>p{font-size:11px;line-height:1.8}
    .munjaz-mueen-question-row input{font-size:10px}
    .munjaz-assistant-links a{min-height:64px;font-size:9px}
}
@media(max-width:390px){
    .munjaz-assistant-panel{
        position:fixed;
        inset-inline:9px;
        bottom:178px;
        width:auto;
    }
    .munjaz-assistant-panel::after{inset-inline-end:27px}
}
@media(prefers-reduced-motion:reduce){
    .munjaz-assistant-trigger,
    .munjaz-assistant-links a,
    .munjaz-assistant-restore{transition:none!important}
    .munjaz-assistant-panel{animation:none!important}
}
@media print{.munjaz-assistant{display:none!important}}
html.munjaz-modal-frame .munjaz-assistant{display:none!important}
/* MUNJAZ_MUEEN_ASSISTANT_R2_24_END */

/* MUNJAZ_MUEEN_PRO_LAYOUT_R2_32_START */
/*
 * نافذة مُعين الاحترافية:
 * - تبقى أسفل الهيدر وشريط التنقل الثابتين على سطح المكتب.
 * - تستخدم طبقة أعلى من التنقل حتى لا تُقص أثناء التمرير.
 * - تتحول إلى بطاقة سفلية واضحة على الجوال دون تداخل الشخصية معها.
 */
.munjaz-assistant{
    z-index:1280;
}
.munjaz-assistant-panel{
    width:min(420px,calc(100vw - 36px));
    max-height:min(610px,calc(100dvh - 360px));
    padding:0;
    overflow:auto;
    scrollbar-width:thin;
    scrollbar-color:#b8d2c5 transparent;
    border:1px solid #d5e3dc;
    border-top:4px solid #08734d;
    border-radius:22px;
    background:
        linear-gradient(180deg,#f0f7f3 0,#ffffff 122px),
        #ffffff;
    box-shadow:
        0 26px 64px rgba(13,55,40,.24),
        0 6px 18px rgba(13,55,40,.09);
}
.munjaz-assistant-panel::-webkit-scrollbar{width:7px}
.munjaz-assistant-panel::-webkit-scrollbar-thumb{
    border:2px solid transparent;
    border-radius:999px;
    background:#b8d2c5;
    background-clip:padding-box;
}
.munjaz-assistant-panel::after{display:none}
.munjaz-assistant-close{
    z-index:2;
    top:17px;
    inset-inline-end:17px;
    width:38px;
    height:38px;
    border-color:#d4e2db;
    border-radius:12px;
    background:rgba(255,255,255,.92);
    box-shadow:0 4px 12px rgba(14,66,46,.07);
}
.munjaz-assistant-heading{
    padding:21px 22px 0;
    padding-inline-end:62px;
}
.munjaz-assistant-heading span{
    display:inline-flex;
    align-items:center;
    gap:7px;
    margin-bottom:5px;
    color:#876515;
    font-size:11px;
    letter-spacing:.1px;
}
.munjaz-assistant-heading span::before{
    content:"";
    width:8px;
    height:8px;
    flex:0 0 8px;
    border:2px solid #fff;
    border-radius:50%;
    background:#18a768;
    box-shadow:0 0 0 2px rgba(24,167,104,.16);
}
.munjaz-assistant-heading h2{
    color:#124b37;
    font-size:20px;
    line-height:1.45;
}
.munjaz-assistant-panel>p{
    margin:8px 0 15px;
    padding:0 22px;
    color:#51665d;
    font-size:13px;
    font-weight:650;
    line-height:1.8;
}
.munjaz-mueen-local-form{
    gap:10px;
    margin:0 18px 14px;
    padding:14px;
    border-color:#d7e5de;
    border-radius:17px;
    background:#f8fbf9;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.94);
}
.munjaz-mueen-form-heading{
    display:flex;
    align-items:center;
    gap:9px;
    margin-bottom:1px;
}
.munjaz-mueen-form-icon{
    width:34px;
    height:34px;
    flex:0 0 34px;
    display:grid;
    place-items:center;
    border:1px solid #cde2d7;
    border-radius:11px;
    background:#eaf6f0;
    color:#08734d;
}
.munjaz-mueen-form-icon svg{width:18px;height:18px}
.munjaz-mueen-form-heading>span:last-child{
    min-width:0;
    display:grid;
    gap:1px;
}
.munjaz-mueen-form-heading strong{
    color:#174c38;
    font-size:13px;
    font-weight:900;
    line-height:1.4;
}
.munjaz-mueen-form-heading small{
    color:#75867e;
    font-size:10px;
    font-weight:700;
    line-height:1.45;
}
.munjaz-mueen-question-row{
    grid-template-columns:minmax(0,1fr) 72px;
    gap:8px;
}
.munjaz-mueen-question-row input{
    height:46px;
    padding:9px 13px;
    border-color:#c5d9ce;
    border-radius:12px;
    font-size:13px;
    font-weight:650;
}
.munjaz-mueen-question-row>button{
    height:46px;
    padding:0 13px;
    border-radius:12px;
    font-size:12px;
    box-shadow:0 6px 14px rgba(8,115,77,.16);
}
.munjaz-mueen-suggestions{gap:6px}
.munjaz-mueen-suggestions button{
    min-height:31px;
    padding:6px 10px;
    border-radius:10px;
    font-size:10.5px;
}
.munjaz-mueen-typeahead button{padding:10px 11px}
.munjaz-mueen-typeahead button span{font-size:11px}
.munjaz-mueen-typeahead button small{font-size:9px}
.munjaz-mueen-result{padding:11px 12px;border-radius:12px}
.munjaz-mueen-result strong{font-size:12px}
.munjaz-mueen-result-head>span{font-size:8px;padding:4px 7px}
.munjaz-mueen-result>p{font-size:11px;line-height:1.8}
.munjaz-mueen-result>a{font-size:11px}
.munjaz-mueen-clarify button{font-size:10.5px}
.munjaz-mueen-privacy{
    padding-top:8px;
    border-top:1px dashed #d7e3dc;
    color:#687b72;
    font-size:9.5px;
    line-height:1.75;
}
.munjaz-assistant-links{
    gap:8px;
    margin:0 18px;
}
.munjaz-assistant-links a{
    min-height:66px;
    gap:7px;
    padding:10px 7px;
    border-color:#d7e4dd;
    border-radius:14px;
    background:#fff;
    font-size:11px;
    box-shadow:0 5px 13px rgba(18,61,46,.045);
}
.munjaz-assistant-links a svg{width:20px;height:20px}
.munjaz-assistant-dismiss{
    min-height:36px;
    margin:13px auto 15px;
    padding:7px 14px;
    border:1px solid transparent;
    border-radius:10px;
    color:#667a70;
    font-size:10.5px;
    text-decoration:none;
}
.munjaz-assistant-dismiss:hover,
.munjaz-assistant-dismiss:focus-visible{
    border-color:#d7e5de;
    background:#f3f8f5;
}

@media(max-width:760px){
    .munjaz-assistant{z-index:1280}
    .munjaz-assistant.is-open::before{
        content:"";
        position:fixed;
        inset:0;
        z-index:-1;
        background:rgba(10,36,27,.24);
        backdrop-filter:blur(1px);
        pointer-events:none;
    }
    .munjaz-assistant.is-open .munjaz-assistant-trigger{
        opacity:0;
        visibility:hidden;
        pointer-events:none;
    }
    .munjaz-assistant-panel{
        position:fixed;
        inset-inline:9px;
        bottom:calc(76px + env(safe-area-inset-bottom));
        width:auto;
        max-height:calc(100dvh - 92px - env(safe-area-inset-bottom));
        border-radius:21px;
    }
    .munjaz-assistant-heading{padding:18px 17px 0;padding-inline-end:58px}
    .munjaz-assistant-heading h2{font-size:18px}
    .munjaz-assistant-panel>p{padding-inline:17px;font-size:12px}
    .munjaz-mueen-local-form{margin-inline:13px;padding:12px}
    .munjaz-mueen-question-row{grid-template-columns:minmax(0,1fr) 68px}
    .munjaz-mueen-question-row input{font-size:12px}
    .munjaz-assistant-links{margin-inline:13px}
    .munjaz-assistant-links a{min-height:60px;font-size:10px}
}
@media(max-width:390px){
    .munjaz-mueen-form-heading small{font-size:9px}
    .munjaz-mueen-question-row{grid-template-columns:minmax(0,1fr) 62px;gap:6px}
    .munjaz-mueen-question-row>button{padding-inline:9px}
    .munjaz-mueen-question-row input{padding-inline:10px;font-size:11px}
}
@media(prefers-reduced-motion:reduce){
    .munjaz-assistant.is-open .munjaz-assistant-trigger{transition:none!important}
}
/* MUNJAZ_MUEEN_PRO_LAYOUT_R2_32_END */

/* MUNJAZ_FIXED_FLOATING_PANELS_R2_26_START */
body.role-manager.ui-government-dashboard .floating-panel,
body.role-teacher.ui-government-dashboard .floating-panel{
    position:fixed!important;
    z-index:1120!important;
    margin:0!important;
    overscroll-behavior:contain;
    transform:translateZ(0);
}
body.ui-government-dashboard .floating-panel[hidden]{display:none!important}
@media(max-width:760px){
    body.ui-government-dashboard .floating-panel{
        top:78px;
        right:10px;
        left:10px;
        width:auto;
        max-height:calc(100dvh - 166px);
    }
}
@media print{
    body.ui-government-dashboard .floating-panel{display:none!important}
}
/* MUNJAZ_FIXED_FLOATING_PANELS_R2_26_END */


/* MUNJAZ_MUEEN_DATABASE_ASSISTANT_R2_33_START */
.munjaz-mueen-result.is-loading{
    position:relative;
    border-color:#c9ded3;
    background:linear-gradient(135deg,#f7fbf9,#eef7f2);
}
.munjaz-mueen-result.is-loading::after{
    content:"";
    position:absolute;
    inset-inline-end:12px;
    top:12px;
    width:14px;
    height:14px;
    border:2px solid #b8d3c5;
    border-top-color:#075138;
    border-radius:50%;
    animation:munjaz-mueen-spin .8s linear infinite;
}
.munjaz-mueen-question-row>button:disabled{
    opacity:.62;
    cursor:wait;
}
@keyframes munjaz-mueen-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){
    .munjaz-mueen-result.is-loading::after{animation:none}
}
/* MUNJAZ_MUEEN_DATABASE_ASSISTANT_R2_33_END */



/* MUNJAZ_MUEEN_GUIDE_ENGINE_R2_35_START */
.munjaz-assistant-panel{
    max-height:min(720px,calc(100dvh - 250px));
}
.munjaz-mueen-result-answer{
    display:grid;
    gap:7px;
    color:#3e5a4e;
    font-size:11px;
    font-weight:700;
    line-height:1.85;
}
.munjaz-mueen-result-answer p{margin:0}
.munjaz-mueen-guide-summary{
    padding:8px 9px;
    border:1px solid rgba(16,116,77,.12);
    border-radius:10px;
    background:rgba(255,255,255,.72);
}
.munjaz-mueen-guide-label{
    margin-top:2px;
    color:#075f40!important;
    font-size:10px!important;
    font-weight:900!important;
}
.munjaz-mueen-guide-steps{
    display:grid;
    gap:5px;
    margin:0;
    padding:0 22px 0 0;
}
.munjaz-mueen-guide-steps li{
    padding:5px 6px 5px 3px;
    border-bottom:1px dashed rgba(34,91,67,.14);
    color:#315346;
    font-size:10.5px;
    font-weight:750;
    line-height:1.75;
}
.munjaz-mueen-guide-steps li:last-child{border-bottom:0}
.munjaz-mueen-guide-note{
    padding:7px 9px;
    border-inline-start:3px solid #c59a31;
    border-radius:8px;
    background:#fff8e5;
    color:#695521;
    font-size:9.5px;
    font-weight:800;
}
.munjaz-mueen-guide-related{
    display:flex;
    flex-wrap:wrap;
    gap:5px;
}
.munjaz-mueen-guide-related button{
    padding:5px 8px;
    border:1px solid #cfe0d7;
    border-radius:999px;
    background:#fff;
    color:#276047;
    font:inherit;
    font-size:8.5px;
    font-weight:850;
    cursor:pointer;
}
.munjaz-mueen-guide-related button:hover,
.munjaz-mueen-guide-related button:focus-visible{
    border-color:#8fbca7;
    background:#edf7f2;
    outline:none;
}
.munjaz-mueen-result>a{
    align-items:center;
    justify-content:center;
    min-height:34px;
    padding:7px 10px;
    border-radius:9px;
    background:#08734d;
    color:#fff;
    text-decoration:none;
}
@media(max-width:760px){
    .munjaz-assistant-panel{max-height:calc(100dvh - 105px)}
    .munjaz-mueen-result-answer{font-size:10.5px}
    .munjaz-mueen-guide-steps li{font-size:10px}
}
/* MUNJAZ_MUEEN_GUIDE_ENGINE_R2_35_END */

/* MUNJAZ_R2_37_PRO_ACHIEVEMENT_CARD_START */
body.role-manager .achievement-preview-modal-card{
    border:1px solid rgba(15,92,62,.12)!important;
    box-shadow:0 24px 70px rgba(11,55,40,.22)!important;
}
body.role-manager .achievement-preview-head{
    min-height:74px!important;
    padding:14px 72px 14px 22px!important;
    background:linear-gradient(180deg,#FFFFFF 0%,#FBFDFC 100%)!important;
}
body.role-manager .achievement-preview-title strong{
    color:#10281E!important;
    font-size:21px!important;
    font-weight:850!important;
}
body.role-manager .achievement-preview-title small{
    margin-top:3px!important;
    font-size:13px!important;
}
body.role-manager .achievement-preview-shell,
body.role-manager .achievement-preview-frame{
    background:#F4F8F5!important;
}

/* صفحة البطاقة المضمّنة: إزالة الفراغ الذي كان يظهر أعلى المحتوى. */
html:has(body.role-manager .achievement-card){scroll-padding-top:0!important}
body.role-manager:has(.achievement-card){
    padding-top:0!important;
    margin-top:0!important;
    background:#F4F8F5!important;
}
body.role-manager:has(.achievement-card) .page-shell{
    padding:18px!important;
    margin:0!important;
}

body.role-manager .achievement-card{
    border:1px solid #DCE8E1!important;
    border-radius:22px!important;
    background:#FFFFFF!important;
    box-shadow:0 12px 34px rgba(18,65,48,.09)!important;
}
body.role-manager .achievement-card-header{
    min-height:190px!important;
    padding:26px 30px!important;
    align-items:flex-start!important;
    background:
        radial-gradient(circle at 18% 0%,rgba(17,122,83,.10),transparent 36%),
        linear-gradient(135deg,#FBFEFC 0%,#FFFFFF 58%,#F7FBF8 100%)!important;
}
body.role-manager .achievement-card-title{
    order:1;
    max-width:70%;
    text-align:right;
}
body.role-manager .achievement-card-title .status{
    margin-bottom:10px!important;
    padding:8px 15px!important;
    border-radius:999px!important;
    font-size:13px!important;
}
body.role-manager .achievement-card-title h2{
    margin:0!important;
    color:#112A20!important;
    font-size:30px!important;
    font-weight:850!important;
    white-space:normal!important;
}
body.role-manager .achievement-card-title p{
    margin-top:9px!important;
    color:#63746B!important;
    font-size:14px!important;
}
body.role-manager .achievement-card-actions{
    order:2;
    align-self:center!important;
    gap:14px!important;
}
body.role-manager .achievement-labeled-action{
    width:78px!important;
    height:78px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    border:1px solid #CFE3D8!important;
    border-radius:20px!important;
    background:rgba(255,255,255,.88)!important;
    color:#0B6A49!important;
    box-shadow:0 5px 15px rgba(21,83,60,.06)!important;
}
body.role-manager .achievement-labeled-action:hover{
    transform:translateY(-2px)!important;
    border-color:#8FC6AD!important;
    background:#F0F8F4!important;
}
body.role-manager .achievement-labeled-action .icon{
    width:23px!important;
    height:23px!important;
}
body.role-manager .achievement-labeled-action span{
    display:block!important;
    color:#355B4B!important;
    font-size:11px!important;
    font-weight:750!important;
}

body.role-manager .teacher-band{
    min-height:132px!important;
    padding:20px 26px!important;
    background:#FFFFFF!important;
}
body.role-manager .teacher-band-main{
    gap:16px!important;
}
body.role-manager .teacher-band-main .mini-avatar{
    width:78px!important;
    height:78px!important;
    min-width:78px!important;
    border:3px solid #D9EEE4!important;
    box-shadow:0 0 0 1px #84BEA5,0 7px 18px rgba(14,86,58,.12)!important;
}
body.role-manager .teacher-band-main strong{
    color:#0C6647!important;
    font-size:18px!important;
    font-weight:850!important;
}
body.role-manager .teacher-band-main small{
    margin-top:4px!important;
    color:#5F7168!important;
    font-size:14px!important;
}
body.role-manager .teacher-band-score{
    min-width:175px!important;
    min-height:94px!important;
    padding:15px 18px!important;
    display:grid!important;
    align-content:center!important;
    border-radius:17px!important;
    background:linear-gradient(135deg,#FFFFFF,#F7FBF9)!important;
    box-shadow:0 5px 16px rgba(20,69,52,.06)!important;
}
body.role-manager .teacher-band-score span{font-size:13px!important}
body.role-manager .teacher-band-score strong{font-size:27px!important}

body.role-manager .achievement-card-body{
    padding:22px 26px 28px!important;
}
body.role-manager .description-box{
    min-height:78px!important;
    margin-bottom:16px!important;
    padding:18px 20px 18px 54px!important;
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    border-radius:16px!important;
    background:#FCFEFD!important;
    font-size:15px!important;
    line-height:1.8!important;
}
body.role-manager .description-box::before{
    content:'✎';
    position:absolute;
    left:17px;
    top:50%;
    transform:translateY(-50%);
    width:28px;
    height:28px;
    display:grid;
    place-items:center;
    border-radius:9px;
    background:#EAF6F0;
    color:#0B6A49;
    font-size:16px;
    font-weight:900;
}
body.role-manager .meta-grid{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:12px!important;
    margin-bottom:18px!important;
}
body.role-manager .meta-item{
    min-height:105px!important;
    padding:17px 16px 15px 62px!important;
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    border-radius:17px!important;
    background:linear-gradient(145deg,#FFFFFF,#FAFCFB)!important;
    box-shadow:0 4px 14px rgba(18,65,48,.045)!important;
}
body.role-manager .meta-item::before{
    position:absolute;
    left:16px;
    top:50%;
    transform:translateY(-50%);
    width:36px;
    height:36px;
    display:grid;
    place-items:center;
    border-radius:11px;
    background:#EAF6F0;
    color:#0A6A49;
    font-size:18px;
    font-weight:900;
}
body.role-manager .meta-category::before{content:'◆'}
body.role-manager .meta-occasion::before{content:'⚑'}
body.role-manager .meta-provider::before{content:'▦'}
body.role-manager .meta-date::before{content:'▣'}
body.role-manager .meta-semester::before{content:'◫'}
body.role-manager .meta-item span{
    color:#6A7871!important;
    font-size:12px!important;
    font-weight:650!important;
}
body.role-manager .meta-item strong{
    margin-top:6px!important;
    color:#152C22!important;
    font-size:15px!important;
    font-weight:800!important;
}
body.role-manager .achievement-review-guidance{
    margin:5px 0 18px!important;
    padding:14px 17px!important;
    display:flex!important;
    align-items:center!important;
    gap:11px!important;
    border:1px dashed #9CCDB6!important;
    border-radius:15px!important;
    background:#F1FAF5!important;
    color:#176348!important;
}
body.role-manager .achievement-review-guidance-icon{
    width:32px;
    height:32px;
    min-width:32px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:#0B6A49;
    color:#fff;
}
body.role-manager .achievement-review-guidance-icon .icon{width:17px;height:17px}
body.role-manager .achievement-review-guidance p{
    margin:0!important;
    color:#176348!important;
    font-size:13px!important;
    font-weight:650!important;
}

@media(max-width:1100px){
    body.role-manager .meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
    body.role-manager .meta-semester{grid-column:span 2}
}
@media(max-width:760px){
    body.role-manager:has(.achievement-card) .page-shell{padding:8px!important}
    body.role-manager .achievement-card{border-radius:16px!important}
    body.role-manager .achievement-card-header{
        min-height:0!important;
        padding:18px!important;
        flex-direction:column!important;
    }
    body.role-manager .achievement-card-title{max-width:100%!important}
    body.role-manager .achievement-card-title h2{font-size:24px!important}
    body.role-manager .achievement-card-actions{width:100%;justify-content:flex-start!important}
    body.role-manager .achievement-labeled-action{width:66px!important;height:66px!important}
    body.role-manager .teacher-band{
        padding:16px!important;
        align-items:stretch!important;
        flex-direction:column!important;
    }
    body.role-manager .teacher-band-score{width:100%!important;min-height:75px!important}
    body.role-manager .achievement-card-body{padding:14px!important}
    body.role-manager .meta-grid{grid-template-columns:1fr!important}
    body.role-manager .meta-semester{grid-column:auto}
    body.role-manager .meta-item{min-height:88px!important}
}
/* MUNJAZ_R2_37_PRO_ACHIEVEMENT_CARD_END */

/* MUNJAZ_R2_38_ROYAL_ACHIEVEMENT_CARD_START */
:root{
    --r238-royal-green:#073D2F;
    --r238-royal-green-deep:#052D23;
    --r238-royal-gold:#D5AA55;
    --r238-royal-gold-soft:#F4E3B7;
}

/* نافذة المعاينة: إلغاء تكرار العنوان وإظهار البطاقة مباشرة. */
.modal-card.achievement-preview-modal-card{
    border:1px solid rgba(7,61,47,.18)!important;
    border-radius:24px!important;
    background:#EEF3F0!important;
    box-shadow:0 28px 90px rgba(3,36,27,.28)!important;
}
.modal-card.achievement-preview-modal-card
.achievement-preview-shell:not(.notification-response-preview-shell){
    grid-template-rows:58px minmax(0,1fr)!important;
    height:min(940px,calc(100dvh - 28px))!important;
    min-height:520px!important;
    background:#EEF3F0!important;
}
.modal-card.achievement-preview-modal-card
.achievement-preview-shell:not(.notification-response-preview-shell)
.achievement-preview-head{
    height:58px!important;
    min-height:58px!important;
    padding:0!important;
    border-bottom:1px solid #E2E9E5!important;
    background:#FFFFFF!important;
}
.modal-card.achievement-preview-modal-card
.achievement-preview-shell:not(.notification-response-preview-shell)
.achievement-preview-title{
    display:none!important;
}
.modal-card.achievement-preview-modal-card
.achievement-preview-shell:not(.notification-response-preview-shell)
.munjaz-modal-red-close-inline{
    top:50%!important;
    left:18px!important;
    right:auto!important;
    width:42px!important;
    height:42px!important;
    border:1px solid #E5C77F!important;
    border-radius:12px!important;
    background:#FFFCF6!important;
    color:#0B5D45!important;
    box-shadow:0 6px 18px rgba(7,61,47,.10)!important;
}
.modal-card.achievement-preview-modal-card
.achievement-preview-shell:not(.notification-response-preview-shell)
.munjaz-modal-red-close-inline:hover,
.modal-card.achievement-preview-modal-card
.achievement-preview-shell:not(.notification-response-preview-shell)
.munjaz-modal-red-close-inline:focus-visible{
    border-color:#C99A3E!important;
    background:#073D2F!important;
    color:#FFFFFF!important;
    outline:3px solid rgba(213,170,85,.22)!important;
}
.modal-card.achievement-preview-modal-card
.achievement-preview-shell:not(.notification-response-preview-shell)
.achievement-preview-frame{
    background:#EEF3F0!important;
}

/* جسم بطاقة الإنجاز المختارة — التصميم رقم 2. */
body.role-manager .achievement-card-royal-r238{
    overflow:hidden!important;
    border:1px solid #D8E3DD!important;
    border-top:3px solid var(--r238-royal-gold)!important;
    border-radius:24px!important;
    background:#FFFFFF!important;
    box-shadow:0 16px 42px rgba(5,45,35,.11)!important;
}
body.role-manager .achievement-royal-hero-r238{
    min-height:218px;
    position:relative;
    isolation:isolate;
    display:grid;
    place-items:center;
    padding:28px 24px 42px;
    overflow:hidden;
    border-bottom:2px solid var(--r238-royal-gold);
    background:
        radial-gradient(circle at 82% 20%,rgba(213,170,85,.14),transparent 24%),
        radial-gradient(circle at 16% 76%,rgba(255,255,255,.06),transparent 31%),
        linear-gradient(135deg,var(--r238-royal-green-deep) 0%,#0A513D 58%,var(--r238-royal-green) 100%);
    color:#FFFFFF;
}
body.role-manager .achievement-royal-hero-r238::before{
    content:"";
    position:absolute;
    right:-10%;
    bottom:-96px;
    z-index:-1;
    width:76%;
    height:190px;
    border:1px solid rgba(213,170,85,.28);
    border-right:0;
    border-bottom:0;
    border-radius:50% 0 0 0;
    transform:rotate(-3deg);
}
body.role-manager .achievement-royal-hero-r238::after{
    content:"";
    position:absolute;
    left:-5%;
    bottom:-125px;
    z-index:-1;
    width:70%;
    height:225px;
    border-top:1px solid rgba(213,170,85,.22);
    border-radius:50%;
    transform:rotate(5deg);
}
body.role-manager .achievement-royal-emblem-r238{
    width:48px;
    height:48px;
    display:grid;
    place-items:center;
    margin-bottom:5px;
    color:#E5BD6F;
    filter:drop-shadow(0 4px 10px rgba(0,0,0,.18));
}
body.role-manager .achievement-royal-emblem-r238 .icon{
    width:43px!important;
    height:43px!important;
}
body.role-manager .achievement-royal-copy-r238{
    text-align:center;
}
body.role-manager .achievement-royal-copy-r238 h2{
    margin:0!important;
    display:flex;
    align-items:baseline;
    justify-content:center;
    gap:10px;
    color:#FFFFFF!important;
    font-size:48px!important;
    font-weight:900!important;
    line-height:1.15!important;
    letter-spacing:-1px!important;
}
body.role-manager .achievement-royal-title-text-r238{
    color:#FFFFFF!important;
}
body.role-manager .achievement-royal-title-number-r238{
    color:#E5BD6F!important;
    text-shadow:0 4px 18px rgba(0,0,0,.16);
}
body.role-manager .achievement-royal-copy-r238 p{
    margin:13px 0 0!important;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:13px;
    color:#FFFFFF!important;
    font-size:16px!important;
    font-weight:750!important;
}
body.role-manager .achievement-royal-copy-r238 p span{
    width:42px;
    height:1px;
    position:relative;
    display:block;
    background:linear-gradient(90deg,transparent,#E5BD6F);
}
body.role-manager .achievement-royal-copy-r238 p span:last-child{
    background:linear-gradient(90deg,#E5BD6F,transparent);
}

body.role-manager .achievement-card-royal-r238 .achievement-card-header{
    min-height:158px!important;
    padding:28px 34px!important;
    border-bottom:1px solid #E5EBE8!important;
    background:#FFFFFF!important;
}
body.role-manager .achievement-card-royal-r238 .achievement-card-title{
    max-width:66%!important;
}
body.role-manager .achievement-card-royal-r238 .achievement-card-title .status{
    margin-bottom:11px!important;
    padding:7px 15px!important;
    border:1px solid #E8C77D!important;
    background:#FFFAEF!important;
    color:#8C5A06!important;
    box-shadow:none!important;
}
body.role-manager .achievement-card-royal-r238 .achievement-card-title h2{
    color:#0A3E2F!important;
    font-size:29px!important;
    font-weight:900!important;
}
body.role-manager .achievement-card-royal-r238 .achievement-card-title p{
    color:#66756E!important;
    font-size:13.5px!important;
}
body.role-manager .achievement-card-royal-r238 .achievement-card-actions{
    gap:13px!important;
}
body.role-manager .achievement-card-royal-r238 .achievement-labeled-action{
    width:82px!important;
    height:82px!important;
    border:1px solid #E0E7E3!important;
    border-bottom-color:#D8B562!important;
    border-radius:18px!important;
    background:#FFFFFF!important;
    color:#0A5E45!important;
    box-shadow:0 7px 20px rgba(5,58,42,.07)!important;
}
body.role-manager .achievement-card-royal-r238 .achievement-labeled-action:hover{
    border-color:#D5AA55!important;
    background:#FFFCF5!important;
    box-shadow:0 10px 22px rgba(5,58,42,.12)!important;
}
body.role-manager .achievement-card-royal-r238 .achievement-labeled-action span{
    color:#1D4738!important;
    font-size:11.5px!important;
    font-weight:800!important;
}

body.role-manager .achievement-card-royal-r238 .teacher-band{
    min-height:140px!important;
    padding:24px 34px!important;
    border-bottom:1px solid #E5EBE8!important;
    background:#FFFFFF!important;
}
body.role-manager .achievement-card-royal-r238 .teacher-band-main .mini-avatar{
    width:86px!important;
    height:86px!important;
    min-width:86px!important;
    border:3px solid #F4E3B7!important;
    box-shadow:0 0 0 1px #A77B2E,0 8px 22px rgba(7,61,47,.14)!important;
}
body.role-manager .achievement-card-royal-r238 .teacher-band-main strong{
    color:#07513C!important;
    font-size:20px!important;
    font-weight:900!important;
}
body.role-manager .achievement-card-royal-r238 .teacher-band-main small{
    color:#68766F!important;
    font-size:14px!important;
}
body.role-manager .achievement-card-royal-r238 .teacher-band-score{
    min-width:190px!important;
    min-height:105px!important;
    border:1px solid #E4E8E6!important;
    border-inline-start:4px solid var(--r238-royal-gold)!important;
    border-radius:18px!important;
    background:linear-gradient(145deg,#FFFFFF,#FFFCF6)!important;
    box-shadow:0 6px 18px rgba(7,61,47,.055)!important;
}
body.role-manager .achievement-card-royal-r238 .teacher-band-score span{
    color:#4C5D55!important;
    font-size:13px!important;
}
body.role-manager .achievement-card-royal-r238 .teacher-band-score strong{
    color:#0A3E2F!important;
    font-size:29px!important;
}

body.role-manager .achievement-card-royal-r238 .achievement-card-body{
    padding:24px 30px 30px!important;
    background:#FFFFFF!important;
}
body.role-manager .achievement-card-royal-r238 .description-box{
    min-height:82px!important;
    padding:20px!important;
    border:1px solid #DFE7E3!important;
    border-inline-end:4px solid var(--r238-royal-gold)!important;
    border-radius:15px!important;
    background:#FFFFFF!important;
    box-shadow:0 4px 14px rgba(7,61,47,.035)!important;
}
body.role-manager .achievement-card-royal-r238 .description-box::before{
    display:none!important;
}
body.role-manager .achievement-card-royal-r238 .meta-grid{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:14px!important;
}
body.role-manager .achievement-card-royal-r238 .meta-item{
    min-height:108px!important;
    border:1px solid #E1E7E4!important;
    border-inline-end:3px solid #D5AA55!important;
    border-radius:16px!important;
    background:#FFFFFF!important;
    box-shadow:0 5px 16px rgba(7,61,47,.045)!important;
}
body.role-manager .achievement-card-royal-r238 .meta-item::before{
    background:#F5E9CC!important;
    color:#8B6115!important;
}
body.role-manager .achievement-card-royal-r238 .meta-item span{
    color:#5F6E67!important;
}
body.role-manager .achievement-card-royal-r238 .meta-item strong{
    color:#102D22!important;
}
body.role-manager .achievement-card-royal-r238 .achievement-review-guidance{
    border:1px solid #D7BA72!important;
    background:#FFFCF4!important;
    color:#725114!important;
}
body.role-manager .achievement-card-royal-r238 .achievement-review-guidance-icon{
    background:#0A4A38!important;
    color:#F0CF84!important;
}
body.role-manager .achievement-card-royal-r238 .achievement-review-guidance p{
    color:#725114!important;
}

@media(max-width:1100px){
    body.role-manager .achievement-card-royal-r238 .meta-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
    body.role-manager .achievement-card-royal-r238 .meta-semester{
        grid-column:span 2!important;
    }
}
@media(max-width:760px){
    .modal-card.achievement-preview-modal-card
    .achievement-preview-shell:not(.notification-response-preview-shell){
        grid-template-rows:54px minmax(0,1fr)!important;
        height:100dvh!important;
        min-height:0!important;
    }
    .modal-card.achievement-preview-modal-card
    .achievement-preview-shell:not(.notification-response-preview-shell)
    .achievement-preview-head{
        height:54px!important;
        min-height:54px!important;
    }
    .modal-card.achievement-preview-modal-card
    .achievement-preview-shell:not(.notification-response-preview-shell)
    .munjaz-modal-red-close-inline{
        left:10px!important;
        width:38px!important;
        height:38px!important;
    }
    body.role-manager .achievement-card-royal-r238{
        border-radius:15px!important;
    }
    body.role-manager .achievement-royal-hero-r238{
        min-height:155px;
        padding:18px 14px 27px;
    }
    body.role-manager .achievement-royal-emblem-r238{
        width:38px;
        height:38px;
    }
    body.role-manager .achievement-royal-emblem-r238 .icon{
        width:34px!important;
        height:34px!important;
    }
    body.role-manager .achievement-royal-copy-r238 h2{
        gap:7px;
        font-size:32px!important;
    }
    body.role-manager .achievement-royal-copy-r238 p{
        margin-top:8px!important;
        font-size:12.5px!important;
    }
    body.role-manager .achievement-card-royal-r238 .achievement-card-header{
        min-height:0!important;
        padding:18px!important;
    }
    body.role-manager .achievement-card-royal-r238 .achievement-card-title{
        max-width:100%!important;
    }
    body.role-manager .achievement-card-royal-r238 .achievement-card-title h2{
        font-size:23px!important;
    }
    body.role-manager .achievement-card-royal-r238 .achievement-card-actions{
        justify-content:flex-start!important;
    }
    body.role-manager .achievement-card-royal-r238 .achievement-labeled-action{
        width:68px!important;
        height:68px!important;
    }
    body.role-manager .achievement-card-royal-r238 .teacher-band{
        padding:17px!important;
    }
    body.role-manager .achievement-card-royal-r238 .teacher-band-main .mini-avatar{
        width:70px!important;
        height:70px!important;
        min-width:70px!important;
    }
    body.role-manager .achievement-card-royal-r238 .teacher-band-score{
        width:100%!important;
        min-height:82px!important;
    }
    body.role-manager .achievement-card-royal-r238 .achievement-card-body{
        padding:14px!important;
    }
    body.role-manager .achievement-card-royal-r238 .meta-grid{
        grid-template-columns:1fr!important;
    }
    body.role-manager .achievement-card-royal-r238 .meta-semester{
        grid-column:auto!important;
    }
}
/* MUNJAZ_R2_38_ROYAL_ACHIEVEMENT_CARD_END */

/* MUNJAZ_R2_39_COMPACT_ROYAL_ACHIEVEMENT_CARD_START */
/* فتح بطاقة المدير بوضع المعاينة دون حجز مساحة الهيدر، وتصغير التصميم رقم 2. */
.modal-card.achievement-preview-modal-card{
    width:min(1240px,calc(100vw - 34px))!important;
    max-height:calc(100dvh - 24px)!important;
    border-radius:20px!important;
}
.modal-card.achievement-preview-modal-card
.achievement-preview-shell:not(.notification-response-preview-shell){
    grid-template-rows:48px minmax(0,1fr)!important;
    width:100%!important;
    height:min(790px,calc(100dvh - 24px))!important;
    min-height:460px!important;
}
.modal-card.achievement-preview-modal-card
.achievement-preview-shell:not(.notification-response-preview-shell)
.achievement-preview-head{
    height:48px!important;
    min-height:48px!important;
}
.modal-card.achievement-preview-modal-card
.achievement-preview-shell:not(.notification-response-preview-shell)
.munjaz-modal-red-close-inline{
    left:12px!important;
    width:36px!important;
    height:36px!important;
    border-radius:10px!important;
    font-size:24px!important;
}
.modal-card.achievement-preview-modal-card
.achievement-preview-shell:not(.notification-response-preview-shell)
.achievement-preview-frame{
    display:block!important;
    width:100%!important;
    height:100%!important;
    margin:0!important;
    border:0!important;
}

html:has(body.role-manager[data-route="manager/achievement"]) ,
html:has(body.role-manager[data-route="manager/achievement"]) body{
    margin:0!important;
    padding:0!important;
    min-height:0!important;
    scroll-padding-top:0!important;
}
body.role-manager[data-route="manager/achievement"] .page-shell{
    width:100%!important;
    max-width:none!important;
    min-height:0!important;
    margin:0!important;
    padding:8px!important;
    display:block!important;
    transform:none!important;
}
body.role-manager[data-route="manager/achievement"] .achievement-card-compact-r239{
    width:min(1120px,100%)!important;
    margin:0 auto!important;
    border-radius:18px!important;
    box-shadow:0 10px 28px rgba(5,45,35,.09)!important;
}
body.role-manager .achievement-card-compact-r239 .achievement-royal-hero-r238{
    min-height:138px!important;
    padding:14px 18px 18px!important;
}
body.role-manager .achievement-card-compact-r239 .achievement-royal-emblem-r238{
    width:30px!important;
    height:30px!important;
    margin-bottom:2px!important;
}
body.role-manager .achievement-card-compact-r239 .achievement-royal-emblem-r238 .icon{
    width:28px!important;
    height:28px!important;
}
body.role-manager .achievement-card-compact-r239 .achievement-royal-copy-r238 h2{
    gap:7px!important;
    font-size:34px!important;
    line-height:1.08!important;
    letter-spacing:-.4px!important;
}
body.role-manager .achievement-card-compact-r239 .achievement-royal-copy-r238 p{
    margin-top:7px!important;
    gap:9px!important;
    font-size:12.5px!important;
}
body.role-manager .achievement-card-compact-r239 .achievement-royal-copy-r238 p span{
    width:30px!important;
}
body.role-manager .achievement-card-compact-r239 .achievement-card-header{
    min-height:100px!important;
    padding:15px 22px!important;
}
body.role-manager .achievement-card-compact-r239 .achievement-card-title .status{
    margin-bottom:6px!important;
    padding:5px 11px!important;
    font-size:11px!important;
}
body.role-manager .achievement-card-compact-r239 .achievement-card-title h2{
    font-size:23px!important;
    line-height:1.2!important;
}
body.role-manager .achievement-card-compact-r239 .achievement-card-title p{
    margin-top:5px!important;
    font-size:12px!important;
}
body.role-manager .achievement-card-compact-r239 .achievement-card-actions{
    gap:9px!important;
}
body.role-manager .achievement-card-compact-r239 .achievement-labeled-action{
    width:62px!important;
    height:62px!important;
    border-radius:14px!important;
    box-shadow:0 4px 12px rgba(5,58,42,.055)!important;
}
body.role-manager .achievement-card-compact-r239 .achievement-labeled-action .icon{
    width:23px!important;
    height:23px!important;
}
body.role-manager .achievement-card-compact-r239 .achievement-labeled-action span{
    margin-top:2px!important;
    font-size:10px!important;
}
body.role-manager .achievement-card-compact-r239 .teacher-band{
    min-height:94px!important;
    padding:14px 22px!important;
}
body.role-manager .achievement-card-compact-r239 .teacher-band-main .mini-avatar{
    width:62px!important;
    height:62px!important;
    min-width:62px!important;
    border-width:2px!important;
}
body.role-manager .achievement-card-compact-r239 .teacher-band-main strong{
    font-size:17px!important;
}
body.role-manager .achievement-card-compact-r239 .teacher-band-main small{
    margin-top:3px!important;
    font-size:12.5px!important;
}
body.role-manager .achievement-card-compact-r239 .teacher-band-score{
    min-width:145px!important;
    min-height:72px!important;
    padding:10px 14px!important;
    border-radius:14px!important;
}
body.role-manager .achievement-card-compact-r239 .teacher-band-score span{
    font-size:11.5px!important;
}
body.role-manager .achievement-card-compact-r239 .teacher-band-score strong{
    font-size:23px!important;
}
body.role-manager .achievement-card-compact-r239 .achievement-card-body{
    padding:14px 18px 18px!important;
}
body.role-manager .achievement-card-compact-r239 .description-box{
    min-height:60px!important;
    padding:14px 16px!important;
    border-radius:13px!important;
    font-size:12.5px!important;
}
body.role-manager .achievement-card-compact-r239 .meta-grid{
    gap:9px!important;
    margin-top:11px!important;
}
body.role-manager .achievement-card-compact-r239 .meta-item{
    min-height:78px!important;
    padding:12px 13px!important;
    border-radius:13px!important;
}
body.role-manager .achievement-card-compact-r239 .meta-item::before{
    width:36px!important;
    height:36px!important;
    border-radius:11px!important;
}
body.role-manager .achievement-card-compact-r239 .meta-item span{
    font-size:10.5px!important;
}
body.role-manager .achievement-card-compact-r239 .meta-item strong{
    margin-top:4px!important;
    font-size:12.5px!important;
}
body.role-manager .achievement-card-compact-r239 .achievement-review-guidance{
    min-height:44px!important;
    margin-top:11px!important;
    padding:8px 11px!important;
    border-radius:12px!important;
}
body.role-manager .achievement-card-compact-r239 .achievement-review-guidance p{
    font-size:11.5px!important;
}

@media(max-width:760px){
    .modal-card.achievement-preview-modal-card{
        width:100vw!important;
        max-height:100dvh!important;
        border-radius:0!important;
    }
    .modal-card.achievement-preview-modal-card
    .achievement-preview-shell:not(.notification-response-preview-shell){
        grid-template-rows:44px minmax(0,1fr)!important;
        width:100vw!important;
        height:100dvh!important;
        min-height:0!important;
    }
    .modal-card.achievement-preview-modal-card
    .achievement-preview-shell:not(.notification-response-preview-shell)
    .achievement-preview-head{
        height:44px!important;
        min-height:44px!important;
    }
    body.role-manager[data-route="manager/achievement"] .page-shell{
        padding:5px!important;
    }
    body.role-manager .achievement-card-compact-r239 .achievement-royal-hero-r238{
        min-height:105px!important;
        padding:11px 10px 14px!important;
    }
    body.role-manager .achievement-card-compact-r239 .achievement-royal-emblem-r238{
        width:24px!important;
        height:24px!important;
    }
    body.role-manager .achievement-card-compact-r239 .achievement-royal-emblem-r238 .icon{
        width:22px!important;
        height:22px!important;
    }
    body.role-manager .achievement-card-compact-r239 .achievement-royal-copy-r238 h2{
        font-size:26px!important;
    }
    body.role-manager .achievement-card-compact-r239 .achievement-royal-copy-r238 p{
        margin-top:5px!important;
        font-size:10.5px!important;
    }
    body.role-manager .achievement-card-compact-r239 .achievement-card-header{
        padding:12px!important;
        gap:11px!important;
    }
    body.role-manager .achievement-card-compact-r239 .achievement-card-title h2{
        font-size:20px!important;
    }
    body.role-manager .achievement-card-compact-r239 .achievement-labeled-action{
        width:56px!important;
        height:56px!important;
    }
    body.role-manager .achievement-card-compact-r239 .teacher-band{
        padding:12px!important;
        gap:10px!important;
    }
    body.role-manager .achievement-card-compact-r239 .teacher-band-main .mini-avatar{
        width:54px!important;
        height:54px!important;
        min-width:54px!important;
    }
    body.role-manager .achievement-card-compact-r239 .teacher-band-main strong{
        font-size:15px!important;
    }
    body.role-manager .achievement-card-compact-r239 .teacher-band-score{
        min-height:64px!important;
    }
    body.role-manager .achievement-card-compact-r239 .achievement-card-body{
        padding:10px!important;
    }
    body.role-manager .achievement-card-compact-r239 .meta-item{
        min-height:70px!important;
    }
}
/* MUNJAZ_R2_39_COMPACT_ROYAL_ACHIEVEMENT_CARD_END */


/* MUNJAZ_R2_40_STRUCTURED_ACHIEVEMENT_CARD_START */
:root{
    --r240-green:#086343;
    --r240-green-deep:#073D2F;
    --r240-green-soft:#ECF7F1;
    --r240-gold:#D4A944;
    --r240-ink:#14241D;
    --r240-muted:#68766F;
    --r240-border:#DDE7E1;
}

body.role-manager[data-route="manager/achievement"]{
    background:
        radial-gradient(circle at 8% 8%,rgba(8,99,67,.08),transparent 24%),
        radial-gradient(circle at 94% 14%,rgba(212,169,68,.08),transparent 25%),
        #F2F7F4!important;
}
body.role-manager[data-route="manager/achievement"] .page-shell{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:8px!important;
}
body.role-manager .achievement-card-dashboard-r240{
    width:min(1180px,100%)!important;
    margin:0 auto!important;
    overflow:hidden!important;
    border:1px solid rgba(8,99,67,.16)!important;
    border-radius:22px!important;
    background:
        radial-gradient(circle at 5% 92%,rgba(212,169,68,.055),transparent 22%),
        #FFFFFF!important;
    box-shadow:0 16px 48px rgba(7,61,47,.12)!important;
}

body.role-manager .achievement-dashboard-hero-r240{
    min-height:172px;
    position:relative;
    isolation:isolate;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:22px 150px 20px;
    overflow:hidden;
    border-bottom:1px solid rgba(8,99,67,.12);
    background:
        radial-gradient(circle at 12% 30%,rgba(8,99,67,.12),transparent 28%),
        radial-gradient(circle at 86% 18%,rgba(212,169,68,.11),transparent 27%),
        linear-gradient(135deg,#FFFFFF 0%,#FBFDFC 48%,#F2F9F5 100%);
    text-align:center;
}
body.role-manager .achievement-dashboard-hero-r240::before,
body.role-manager .achievement-dashboard-hero-r240::after{
    content:"";
    position:absolute;
    z-index:-1;
    border:1px solid rgba(212,169,68,.28);
    border-radius:50%;
}
body.role-manager .achievement-dashboard-hero-r240::before{
    width:540px;
    height:220px;
    right:-190px;
    bottom:-155px;
    transform:rotate(-8deg);
}
body.role-manager .achievement-dashboard-hero-r240::after{
    width:420px;
    height:180px;
    left:-150px;
    top:-120px;
    border-color:rgba(8,99,67,.16);
}
body.role-manager .achievement-number-r240{
    position:absolute;
    top:18px;
    right:20px;
    display:grid;
    justify-items:center;
    gap:3px;
}
body.role-manager .achievement-number-r240 b{
    min-width:70px;
    padding:8px 13px;
    border-radius:10px;
    background:linear-gradient(135deg,var(--r240-green-deep),var(--r240-green));
    color:#FFFFFF;
    font-size:15px;
    font-weight:900;
    box-shadow:0 7px 18px rgba(7,61,47,.16);
}
body.role-manager .achievement-number-r240 small{
    color:var(--r240-muted);
    font-size:10.5px;
    font-weight:700;
}
body.role-manager .achievement-dashboard-emblem-r240{
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    margin-bottom:4px;
    border:1px solid rgba(212,169,68,.62);
    border-radius:50%;
    background:#FFF9E9;
    color:#9A6A05;
    box-shadow:0 5px 16px rgba(153,105,5,.12);
}
body.role-manager .achievement-dashboard-emblem-r240 .icon{
    width:25px!important;
    height:25px!important;
}
body.role-manager .achievement-dashboard-hero-r240 h1{
    margin:4px 0 0!important;
    color:var(--r240-green-deep)!important;
    font-size:32px!important;
    font-weight:900!important;
    line-height:1.25!important;
    letter-spacing:-.4px!important;
}
body.role-manager .achievement-title-divider-r240{
    width:54px;
    height:3px;
    margin:9px 0 8px;
    border-radius:999px;
    background:linear-gradient(90deg,transparent,var(--r240-gold),transparent);
}
body.role-manager .achievement-dashboard-hero-r240 p{
    margin:0!important;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    color:#596961!important;
    font-size:12.5px!important;
    font-weight:650!important;
}
body.role-manager .achievement-dashboard-hero-r240 p .icon{
    width:16px!important;
    height:16px!important;
    color:var(--r240-green)!important;
}

body.role-manager .achievement-overview-grid-r240{
    display:grid;
    grid-template-columns:1.35fr .8fr .9fr;
    gap:12px;
    padding:14px 18px;
    border-bottom:1px solid var(--r240-border);
    background:#FFFFFF;
}
body.role-manager .achievement-overview-card-r240{
    min-height:112px;
    position:relative;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:16px 18px;
    border:1px solid var(--r240-border);
    border-radius:16px;
    background:linear-gradient(145deg,#FFFFFF,#FBFDFC);
    box-shadow:0 5px 16px rgba(7,61,47,.045);
}
body.role-manager .overview-card-icon-r240{
    position:absolute;
    top:13px;
    left:13px;
    width:32px;
    height:32px;
    display:grid;
    place-items:center;
    border:1px solid #CDE3D7;
    border-radius:10px;
    background:#F0F8F4;
    color:var(--r240-green);
}
body.role-manager .overview-card-icon-r240 .icon{
    width:18px!important;
    height:18px!important;
}
body.role-manager .teacher-overview-r240 .teacher-band-main{
    display:flex!important;
    align-items:center!important;
    gap:13px!important;
}
body.role-manager .teacher-overview-r240 .mini-avatar{
    width:66px!important;
    height:66px!important;
    min-width:66px!important;
    border:2px solid #E4C879!important;
    box-shadow:0 0 0 2px #FFFFFF,0 7px 17px rgba(7,61,47,.12)!important;
}
body.role-manager .teacher-overview-r240 strong{
    color:var(--r240-green-deep)!important;
    font-size:16.5px!important;
    font-weight:900!important;
}
body.role-manager .teacher-overview-r240 small{
    display:block;
    margin-top:4px;
    color:var(--r240-muted)!important;
    font-size:12px!important;
}
body.role-manager .rating-overview-r240,
body.role-manager .status-overview-r240{
    align-items:center;
    text-align:center;
}
body.role-manager .rating-overview-r240>span:not(.overview-card-icon-r240),
body.role-manager .status-overview-r240>span:not(.overview-card-icon-r240){
    color:#4F6258;
    font-size:12px;
    font-weight:800;
}
body.role-manager .rating-overview-r240>strong{
    margin:4px 0 1px;
    color:var(--r240-green-deep);
    font-size:30px;
    font-weight:900;
    line-height:1;
}
body.role-manager .achievement-overview-card-r240>small{
    margin-top:5px;
    color:#7A8881;
    font-size:10.5px;
    line-height:1.55;
}
body.role-manager .status-overview-r240 .status{
    margin-top:7px!important;
    padding:6px 13px!important;
    border-radius:999px!important;
    font-size:11px!important;
    font-weight:850!important;
}

body.role-manager .achievement-card-dashboard-r240 .achievement-card-body{
    padding:14px 18px 20px!important;
    background:transparent!important;
}
body.role-manager .achievement-section-r240{
    margin-top:12px;
    padding:15px 16px;
    border:1px solid var(--r240-border);
    border-radius:16px;
    background:rgba(255,255,255,.94);
    box-shadow:0 5px 17px rgba(7,61,47,.038);
}
body.role-manager .achievement-section-r240:first-child{margin-top:0}
body.role-manager .achievement-section-head-r240{
    display:flex;
    align-items:center;
    gap:9px;
    margin-bottom:11px;
}
body.role-manager .achievement-section-head-r240>span{
    width:32px;
    height:32px;
    display:grid;
    place-items:center;
    border-radius:10px;
    background:var(--r240-green-soft);
    color:var(--r240-green);
}
body.role-manager .achievement-section-head-r240 .icon{
    width:18px!important;
    height:18px!important;
}
body.role-manager .achievement-section-head-r240 h2{
    margin:0!important;
    color:var(--r240-green-deep)!important;
    font-size:15px!important;
    font-weight:900!important;
}
body.role-manager .achievement-card-dashboard-r240 .description-box{
    min-height:60px!important;
    margin:0!important;
    padding:12px 14px!important;
    border:1px dashed #B9D6C6!important;
    border-radius:12px!important;
    background:#FCFEFD!important;
    color:#34473E!important;
    font-size:12.5px!important;
    line-height:1.8!important;
    box-shadow:none!important;
}
body.role-manager .achievement-card-dashboard-r240 .description-box::before{display:none!important}

body.role-manager .achievement-card-dashboard-r240 .meta-grid{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:9px!important;
    margin:0!important;
}
body.role-manager .achievement-card-dashboard-r240 .meta-item{
    min-height:82px!important;
    padding:12px 12px 12px 46px!important;
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    border:1px solid #E3EAE6!important;
    border-radius:13px!important;
    background:linear-gradient(145deg,#FFFFFF,#FAFCFB)!important;
    box-shadow:none!important;
}
body.role-manager .achievement-card-dashboard-r240 .meta-item::before{
    left:10px!important;
    width:28px!important;
    height:28px!important;
    border-radius:9px!important;
    background:#EAF6F0!important;
    color:var(--r240-green)!important;
    font-size:14px!important;
}
body.role-manager .achievement-card-dashboard-r240 .meta-item span{
    color:#66756E!important;
    font-size:10.5px!important;
    font-weight:750!important;
}
body.role-manager .achievement-card-dashboard-r240 .meta-item strong{
    margin-top:5px!important;
    color:#183126!important;
    font-size:12px!important;
    font-weight:850!important;
}
body.role-manager .achievement-card-dashboard-r240 .achievement-type-grid{
    margin-top:10px!important;
}

body.role-manager .action-section-r240{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
}
body.role-manager .action-section-r240 .achievement-section-head-r240{
    margin:0;
}
body.role-manager .action-section-r240 .achievement-card-actions{
    width:auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:9px!important;
}
body.role-manager .achievement-card-dashboard-r240 .achievement-labeled-action{
    width:auto!important;
    min-width:106px!important;
    height:42px!important;
    padding:0 14px!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    border:1px solid #A8CFBB!important;
    border-radius:11px!important;
    background:#FFFFFF!important;
    color:var(--r240-green)!important;
    box-shadow:none!important;
}
body.role-manager .achievement-card-dashboard-r240 .achievement-labeled-action:hover{
    transform:translateY(-1px)!important;
    border-color:var(--r240-green)!important;
    background:#F0F8F4!important;
}
body.role-manager .achievement-card-dashboard-r240 .achievement-labeled-action .icon{
    width:18px!important;
    height:18px!important;
}
body.role-manager .achievement-card-dashboard-r240 .achievement-labeled-action span{
    margin:0!important;
    color:inherit!important;
    font-size:11px!important;
    font-weight:850!important;
}

body.role-manager .achievement-card-dashboard-r240 .panel-head{
    margin-top:13px!important;
    padding:12px 14px!important;
    border:1px solid var(--r240-border)!important;
    border-bottom:0!important;
    border-radius:15px 15px 0 0!important;
    background:#FFFFFF!important;
}
body.role-manager .achievement-card-dashboard-r240 .evidence-grid{
    margin-top:0!important;
    padding:0 14px 14px!important;
    border:1px solid var(--r240-border)!important;
    border-top:0!important;
    border-radius:0 0 15px 15px!important;
    background:#FFFFFF!important;
}

@media(max-width:1000px){
    body.role-manager .achievement-overview-grid-r240{
        grid-template-columns:1fr 1fr;
    }
    body.role-manager .teacher-overview-r240{grid-column:1/-1}
    body.role-manager .achievement-card-dashboard-r240 .meta-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
    body.role-manager .achievement-card-dashboard-r240 .meta-semester{grid-column:1/-1}
}
@media(max-width:760px){
    body.role-manager[data-route="manager/achievement"] .page-shell{padding:4px!important}
    body.role-manager .achievement-card-dashboard-r240{
        border-radius:15px!important;
    }
    body.role-manager .achievement-dashboard-hero-r240{
        min-height:145px;
        padding:20px 16px 17px;
    }
    body.role-manager .achievement-number-r240{
        top:10px;
        right:10px;
    }
    body.role-manager .achievement-number-r240 b{
        min-width:56px;
        padding:6px 9px;
        font-size:12px;
    }
    body.role-manager .achievement-number-r240 small{display:none}
    body.role-manager .achievement-dashboard-emblem-r240{
        width:35px;
        height:35px;
    }
    body.role-manager .achievement-dashboard-hero-r240 h1{
        max-width:85%;
        font-size:24px!important;
    }
    body.role-manager .achievement-dashboard-hero-r240 p{
        font-size:10.5px!important;
    }
    body.role-manager .achievement-overview-grid-r240{
        grid-template-columns:1fr;
        padding:9px;
        gap:8px;
    }
    body.role-manager .teacher-overview-r240{grid-column:auto}
    body.role-manager .achievement-overview-card-r240{
        min-height:88px;
        padding:12px;
    }
    body.role-manager .teacher-overview-r240 .mini-avatar{
        width:55px!important;
        height:55px!important;
        min-width:55px!important;
    }
    body.role-manager .teacher-overview-r240 strong{font-size:14.5px!important}
    body.role-manager .achievement-card-dashboard-r240 .achievement-card-body{
        padding:9px!important;
    }
    body.role-manager .achievement-section-r240{
        margin-top:8px;
        padding:11px;
        border-radius:13px;
    }
    body.role-manager .achievement-card-dashboard-r240 .meta-grid{
        grid-template-columns:1fr!important;
    }
    body.role-manager .achievement-card-dashboard-r240 .meta-semester{grid-column:auto}
    body.role-manager .action-section-r240{
        align-items:stretch;
        flex-direction:column;
        gap:10px;
    }
    body.role-manager .action-section-r240 .achievement-card-actions{
        width:100%!important;
        display:grid!important;
        grid-template-columns:repeat(3,1fr)!important;
    }
    body.role-manager .achievement-card-dashboard-r240 .achievement-labeled-action{
        min-width:0!important;
        width:100%!important;
        padding:0 8px!important;
    }
}
/* MUNJAZ_R2_40_STRUCTURED_ACHIEVEMENT_CARD_END */

/* MUNJAZ_R2_41_ACHIEVEMENT_MODAL_900PX_START */
/* تثبيت نافذة بطاقة الإنجاز على 900 بكسل في نظامي الفتح القديم والموحد. */
@media (min-width:761px){
    dialog.munjaz-native-achievement-dialog{
        width:min(900px,calc(100vw - 28px))!important;
        max-width:900px!important;
    }
    .modal-card.achievement-preview-modal-card{
        width:min(900px,calc(100vw - 28px))!important;
        max-width:900px!important;
    }
    body.role-manager[data-route="manager/achievement"] .page-shell{
        width:100%!important;
        max-width:900px!important;
        margin:0 auto!important;
        padding:8px!important;
    }
    body.role-manager .achievement-card-dashboard-r240{
        width:100%!important;
        max-width:900px!important;
        margin:0 auto!important;
    }
}
@media (max-width:760px){
    dialog.munjaz-native-achievement-dialog,
    .modal-card.achievement-preview-modal-card{
        width:100vw!important;
        max-width:none!important;
    }
    body.role-manager[data-route="manager/achievement"] .page-shell,
    body.role-manager .achievement-card-dashboard-r240{
        width:100%!important;
        max-width:none!important;
    }
}
/* MUNJAZ_R2_41_ACHIEVEMENT_MODAL_900PX_END */

/* MUNJAZ_R2_42_ACHIEVEMENT_CARD_FLOW_START */
/* ضبط تدفق بطاقة الإنجاز داخل نافذة 900px ومنع تداخل النصوص والبطاقات. */
body.role-manager .achievement-card-dashboard-r240,
body.role-manager .achievement-card-dashboard-r240 *{
    box-sizing:border-box;
}
body.role-manager .achievement-card-dashboard-r240{
    font-family:"Segoe UI",Tahoma,Arial,sans-serif!important;
    font-kerning:normal;
}
body.role-manager .achievement-card-dashboard-r240 :is(
    h1,h2,strong,small,span,p,b,a,button,div
){
    min-width:0;
    max-width:100%;
}
body.role-manager .achievement-card-dashboard-r240 :is(
    h1,h2,strong,small,p,.status
){
    overflow-wrap:anywhere;
    word-break:normal;
    white-space:normal!important;
}

/* الرأس: يحافظ على مسافة رقم الإنجاز ولا يسمح بتداخل العنوان معه. */
body.role-manager .achievement-dashboard-hero-r240{
    height:auto!important;
    min-height:150px!important;
    padding:20px 105px 18px!important;
}
body.role-manager .achievement-dashboard-hero-r240 h1{
    width:100%;
    max-width:650px!important;
    font-size:29px!important;
    line-height:1.42!important;
}
body.role-manager .achievement-dashboard-hero-r240 p{
    flex-wrap:wrap;
    line-height:1.65!important;
}

/* بطاقات المعلم والتقييم والحالة: شبكة حقيقية بدل التموضع الذي يسبب التراكب. */
body.role-manager .achievement-overview-grid-r240{
    align-items:stretch;
    grid-auto-rows:minmax(112px,auto);
}
body.role-manager .achievement-overview-card-r240{
    height:auto!important;
    min-height:112px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 34px;
    grid-auto-rows:auto;
    align-content:center;
    align-items:center;
    column-gap:12px;
    row-gap:4px;
    padding:15px 16px!important;
    overflow:hidden;
}
body.role-manager .overview-card-icon-r240{
    position:static!important;
    inset:auto!important;
    transform:none!important;
    grid-column:2;
    grid-row:1 / span 5;
    align-self:center;
}
body.role-manager .teacher-overview-r240 .teacher-band-main{
    grid-column:1;
    grid-row:1 / span 5;
    width:100%;
    min-width:0;
}
body.role-manager .teacher-overview-r240 .teacher-band-main>span:last-child{
    min-width:0;
    flex:1 1 auto;
}
body.role-manager .teacher-overview-r240 strong{
    display:block;
    font-size:16px!important;
    line-height:1.55!important;
}
body.role-manager .teacher-overview-r240 small{
    font-size:11.5px!important;
    line-height:1.65!important;
}
body.role-manager .rating-overview-r240>span:not(.overview-card-icon-r240),
body.role-manager .rating-overview-r240>strong,
body.role-manager .rating-overview-r240>small,
body.role-manager .status-overview-r240>span:not(.overview-card-icon-r240),
body.role-manager .status-overview-r240>b,
body.role-manager .status-overview-r240>small{
    grid-column:1;
    justify-self:center;
}
body.role-manager .rating-overview-r240>strong{
    font-size:27px!important;
    line-height:1.15!important;
}
body.role-manager .achievement-overview-card-r240>small{
    line-height:1.65!important;
}
body.role-manager .status-overview-r240 .status{
    max-width:100%;
    text-align:center;
    line-height:1.45!important;
}

/* الأقسام والنصوص: ارتفاع تلقائي ومسافات قراءة واضحة. */
body.role-manager .achievement-section-r240{
    height:auto!important;
    overflow:visible!important;
}
body.role-manager .achievement-section-head-r240{
    align-items:center;
    flex-wrap:wrap;
}
body.role-manager .achievement-section-head-r240 h2{
    font-size:14.5px!important;
    line-height:1.55!important;
}
body.role-manager .achievement-card-dashboard-r240 .description-box{
    height:auto!important;
    min-height:58px!important;
    display:block!important;
    font-size:13px!important;
    line-height:1.9!important;
    overflow:visible!important;
}

/* معلومات الإنجاز: الأيقونة جزء من الشبكة وليست فوق النص. */
body.role-manager .achievement-card-dashboard-r240 .meta-grid{
    align-items:stretch;
    grid-auto-rows:minmax(92px,auto);
}
body.role-manager .achievement-card-dashboard-r240 .meta-item{
    height:auto!important;
    min-height:92px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 32px;
    grid-template-rows:auto auto;
    align-content:center;
    align-items:center;
    column-gap:11px;
    row-gap:5px;
    padding:13px 14px!important;
    overflow:hidden;
}
body.role-manager .achievement-card-dashboard-r240 .meta-item::before{
    position:static!important;
    inset:auto!important;
    transform:none!important;
    grid-column:2;
    grid-row:1 / span 2;
    align-self:center;
    justify-self:center;
}
body.role-manager .achievement-card-dashboard-r240 .meta-item span,
body.role-manager .achievement-card-dashboard-r240 .meta-item strong{
    grid-column:1;
    display:block;
    width:100%;
    min-width:0;
}
body.role-manager .achievement-card-dashboard-r240 .meta-item span{
    font-size:11.5px!important;
    line-height:1.5!important;
}
body.role-manager .achievement-card-dashboard-r240 .meta-item strong{
    margin:0!important;
    font-size:13px!important;
    line-height:1.7!important;
}

/* أنواع المشاركة: السماح للنص بالالتفاف وارتفاع البطاقة حسب المحتوى. */
body.role-manager .achievement-card-dashboard-r240 .achievement-type-grid{
    align-items:stretch;
    grid-auto-rows:minmax(92px,auto);
}
body.role-manager .achievement-card-dashboard-r240 .achievement-type-card{
    height:auto!important;
    min-height:92px!important;
    align-items:center!important;
    overflow:hidden;
}
body.role-manager .achievement-card-dashboard-r240 .achievement-type-head{
    min-width:0;
    flex:1 1 auto;
}
body.role-manager .achievement-card-dashboard-r240 .achievement-type-head>span:last-child{
    min-width:0;
    flex:1 1 auto;
}
body.role-manager .achievement-card-dashboard-r240 .achievement-type-card strong{
    font-size:13px!important;
    line-height:1.55!important;
}
body.role-manager .achievement-card-dashboard-r240 .achievement-type-card small{
    overflow:visible!important;
    text-overflow:clip!important;
    white-space:normal!important;
    font-size:11px!important;
    line-height:1.65!important;
}
body.role-manager .achievement-card-dashboard-r240 .achievement-type-card>b{
    flex:0 0 auto;
}

/* الأزرار: لا تخرج من القسم ولا تتراكب مع عنوانه. */
body.role-manager .action-section-r240{
    flex-wrap:wrap;
}
body.role-manager .action-section-r240 .achievement-card-actions{
    flex:1 1 350px;
    flex-wrap:wrap!important;
}
body.role-manager .achievement-card-dashboard-r240 .achievement-labeled-action{
    min-width:102px!important;
    max-width:none!important;
    white-space:nowrap!important;
}

/* المقاس المعتمد 900px: ثلاث بطاقات ملخص و3 أعمدة معلومات بلا تزاحم. */
@media (min-width:821px){
    body.role-manager .achievement-overview-grid-r240{
        grid-template-columns:minmax(0,1.45fr) minmax(170px,.72fr) minmax(205px,.9fr)!important;
    }
    body.role-manager .teacher-overview-r240{
        grid-column:auto!important;
    }
    body.role-manager .achievement-card-dashboard-r240 .meta-grid{
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
    }
    body.role-manager .achievement-card-dashboard-r240 .meta-semester{
        grid-column:auto!important;
    }
    body.role-manager .achievement-card-dashboard-r240 .achievement-type-grid{
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
    }
}

/* العرض المتوسط: عمودان متوازنان، ثم عمود واحد في الشاشات الصغيرة. */
@media (min-width:621px) and (max-width:820px){
    body.role-manager .achievement-dashboard-hero-r240{
        padding-inline:82px 24px!important;
    }
    body.role-manager .achievement-overview-grid-r240{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
    body.role-manager .teacher-overview-r240{
        grid-column:1 / -1!important;
    }
    body.role-manager .achievement-card-dashboard-r240 .meta-grid,
    body.role-manager .achievement-card-dashboard-r240 .achievement-type-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
    body.role-manager .achievement-card-dashboard-r240 .meta-semester{
        grid-column:1 / -1!important;
    }
}
@media (max-width:620px){
    body.role-manager .achievement-dashboard-hero-r240{
        min-height:138px!important;
        padding:54px 14px 17px!important;
    }
    body.role-manager .achievement-dashboard-hero-r240 h1{
        max-width:100%!important;
        font-size:23px!important;
    }
    body.role-manager .achievement-overview-grid-r240,
    body.role-manager .achievement-card-dashboard-r240 .meta-grid,
    body.role-manager .achievement-card-dashboard-r240 .achievement-type-grid{
        grid-template-columns:1fr!important;
    }
    body.role-manager .teacher-overview-r240,
    body.role-manager .achievement-card-dashboard-r240 .meta-semester{
        grid-column:auto!important;
    }
    body.role-manager .achievement-overview-card-r240{
        min-height:96px!important;
    }
    body.role-manager .achievement-card-dashboard-r240 .meta-item{
        min-height:82px!important;
    }
    body.role-manager .action-section-r240 .achievement-card-actions{
        display:grid!important;
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
        flex-basis:100%;
    }
    body.role-manager .achievement-card-dashboard-r240 .achievement-labeled-action{
        width:100%!important;
        min-width:0!important;
        white-space:normal!important;
    }
}
@media (max-width:420px){
    body.role-manager .action-section-r240 .achievement-card-actions{
        grid-template-columns:1fr!important;
    }
    body.role-manager .achievement-card-dashboard-r240 .achievement-labeled-action{
        min-height:44px!important;
    }
}
/* MUNJAZ_R2_42_ACHIEVEMENT_CARD_FLOW_END */
\n\n/* MUNJAZ_R2_43_REMOVE_ACHIEVEMENT_TOP_GAP_START */
/* إزالة أي حجز علوي متبقٍ داخل iframe وإجبار بطاقة الإنجاز على البدء من أعلى المحتوى. */
html:has(body.role-manager[data-route="manager/achievement"]),
html:has(body.role-manager[data-route="manager/achievement"]) body{
    margin:0!important;
    padding:0!important;
    min-height:0!important;
    height:auto!important;
    scroll-padding-top:0!important;
}
body.role-manager[data-route="manager/achievement"]{
    position:relative!important;
    inset:auto!important;
    margin:0!important;
    padding:0!important;
}
body.role-manager[data-route="manager/achievement"] > :is(
    .munjaz-header,.top-navigation,.bottom-navigation,.floating-panel,
    .site-footer,.munjaz-contact-under-nav
){
    display:none!important;
    height:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
}
body.role-manager[data-route="manager/achievement"] .page-shell{
    position:absolute!important;
    z-index:1!important;
    top:0!important;
    right:0!important;
    bottom:auto!important;
    left:0!important;
    width:100%!important;
    max-width:900px!important;
    min-height:0!important;
    margin:0 auto!important;
    padding:8px!important;
    transform:none!important;
}
body.role-manager[data-route="manager/achievement"] .page-title-card{
    display:none!important;
    height:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
}
body.role-manager[data-route="manager/achievement"] .achievement-card-dashboard-r240{
    margin-top:0!important;
}
@media(max-width:760px){
    body.role-manager[data-route="manager/achievement"] .page-shell{
        max-width:none!important;
        padding:5px!important;
    }
}
/* MUNJAZ_R2_43_REMOVE_ACHIEVEMENT_TOP_GAP_END */

/* MUNJAZ_R2_44_RATING_LINE_AND_HERO_ACTIONS_START */
/* نقل إجراءات الإنجاز إلى يسار العنوان وتحويل درجة التقييم من بطاقة إلى سطر نصي. */
body.role-manager .achievement-dashboard-hero-r244{
    direction:ltr!important;
    display:grid!important;
    grid-template-columns:230px minmax(0,1fr) 105px!important;
    grid-template-areas:"actions copy number"!important;
    align-items:center!important;
    gap:14px!important;
    min-height:142px!important;
    height:auto!important;
    padding:16px 18px!important;
    text-align:center!important;
    overflow:hidden!important;
}
body.role-manager .achievement-dashboard-hero-r244 > *{
    direction:rtl;
}
body.role-manager .achievement-dashboard-hero-r244 .achievement-number-r240{
    grid-area:number;
    position:static!important;
    inset:auto!important;
    transform:none!important;
    align-self:start!important;
    justify-self:end!important;
    width:auto!important;
    min-width:82px!important;
    margin:0!important;
}
body.role-manager .achievement-hero-copy-r244{
    grid-area:copy;
    width:100%;
    min-width:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:5px;
}
body.role-manager .achievement-hero-copy-r244 .achievement-dashboard-emblem-r240{
    position:static!important;
    inset:auto!important;
    transform:none!important;
    margin:0!important;
}
body.role-manager .achievement-dashboard-hero-r244 h1{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    font-size:27px!important;
    line-height:1.35!important;
}
body.role-manager .achievement-dashboard-hero-r244 .achievement-title-divider-r240{
    margin:0!important;
}
body.role-manager .achievement-dashboard-hero-r244 p{
    width:100%;
    margin:0!important;
    justify-content:center!important;
    font-size:11.5px!important;
    line-height:1.6!important;
}
body.role-manager .achievement-hero-actions-r244{
    grid-area:actions;
    min-width:0;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:7px;
    flex-wrap:nowrap;
}
body.role-manager .achievement-hero-actions-r244 .achievement-labeled-action{
    width:68px!important;
    min-width:68px!important;
    max-width:68px!important;
    height:62px!important;
    min-height:62px!important;
    padding:7px 4px!important;
    border-radius:13px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    line-height:1.15!important;
    white-space:nowrap!important;
    box-shadow:0 6px 16px rgba(8,80,59,.08)!important;
}
body.role-manager .achievement-hero-actions-r244 .achievement-labeled-action .icon{
    width:20px!important;
    height:20px!important;
    flex:0 0 20px!important;
}
body.role-manager .achievement-hero-actions-r244 .achievement-labeled-action span{
    font-size:10px!important;
    font-weight:800!important;
}

/* بعد حذف بطاقة التقييم يبقى الملخص في بطاقتين متوازنتين فقط. */
body.role-manager .achievement-overview-grid-r240{
    grid-template-columns:minmax(0,1.55fr) minmax(230px,.85fr)!important;
    align-items:stretch!important;
}
body.role-manager .teacher-overview-r240,
body.role-manager .status-overview-r240{
    grid-column:auto!important;
}

/* درجة التقييم كسطر واحد خفيف بدل بطاقة مستقلة. */
body.role-manager .achievement-rating-line-r244{
    min-height:46px;
    margin:0 18px;
    padding:9px 4px 10px;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:9px;
    border-bottom:1px solid #DCE8E2;
    color:#18382D;
    white-space:nowrap;
    overflow:hidden;
}
body.role-manager .achievement-rating-label-r244{
    display:inline-flex;
    align-items:center;
    gap:6px;
    flex:0 0 auto;
}
body.role-manager .achievement-rating-label-r244 .icon{
    width:18px;
    height:18px;
    color:#A98024;
}
body.role-manager .achievement-rating-label-r244 b{
    font-size:13px;
    line-height:1.5;
}
body.role-manager .achievement-rating-line-r244 > strong{
    flex:0 0 auto;
    font-size:15px;
    line-height:1.4;
    color:#07563F;
}
body.role-manager .achievement-rating-line-r244 > small{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap!important;
    color:#697B73;
    font-size:11.5px;
    line-height:1.5;
}
body.role-manager .achievement-rating-line-r244 > small::before{
    content:"•";
    margin-inline-end:9px;
    color:#C5A14A;
}
body.role-manager .achievement-rating-line-r244.excellent > strong,
body.role-manager .achievement-rating-line-r244.thanks > strong,
body.role-manager .achievement-rating-line-r244.distinguished > strong{
    color:#08704E;
}
body.role-manager .achievement-rating-line-r244.good > strong{
    color:#9A6B12;
}
body.role-manager .achievement-rating-line-r244.developing > strong{
    color:#A12A2A;
}

@media (max-width:820px){
    body.role-manager .achievement-dashboard-hero-r244{
        grid-template-columns:minmax(0,1fr) 92px!important;
        grid-template-areas:
            "copy number"
            "actions actions"!important;
        gap:10px!important;
        padding:14px!important;
    }
    body.role-manager .achievement-hero-actions-r244{
        justify-content:center;
    }
    body.role-manager .achievement-overview-grid-r240{
        grid-template-columns:1fr!important;
    }
    body.role-manager .teacher-overview-r240,
    body.role-manager .status-overview-r240{
        grid-column:auto!important;
    }
}
@media (max-width:620px){
    body.role-manager .achievement-dashboard-hero-r244{
        min-height:0!important;
        grid-template-columns:1fr!important;
        grid-template-areas:
            "number"
            "copy"
            "actions"!important;
        padding:12px!important;
    }
    body.role-manager .achievement-dashboard-hero-r244 .achievement-number-r240{
        justify-self:end!important;
        align-self:center!important;
    }
    body.role-manager .achievement-dashboard-hero-r244 h1{
        font-size:22px!important;
    }
    body.role-manager .achievement-hero-actions-r244{
        width:100%;
        display:grid;
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:6px;
    }
    body.role-manager .achievement-hero-actions-r244 .achievement-labeled-action{
        width:100%!important;
        min-width:0!important;
        max-width:none!important;
        height:54px!important;
        min-height:54px!important;
    }
    body.role-manager .achievement-rating-line-r244{
        margin-inline:12px;
        min-height:42px;
        gap:6px;
        padding-block:8px;
    }
    body.role-manager .achievement-rating-label-r244 b,
    body.role-manager .achievement-rating-line-r244 > strong{
        font-size:12px;
    }
    body.role-manager .achievement-rating-line-r244 > small{
        font-size:10.5px;
    }
}
@media (max-width:420px){
    body.role-manager .achievement-rating-line-r244{
        flex-wrap:wrap;
        white-space:normal;
    }
    body.role-manager .achievement-rating-line-r244 > small{
        flex-basis:100%;
        padding-inline-start:24px;
        overflow:visible;
        text-overflow:clip;
        white-space:normal!important;
    }
    body.role-manager .achievement-rating-line-r244 > small::before{
        display:none;
    }
}
/* MUNJAZ_R2_44_RATING_LINE_AND_HERO_ACTIONS_END */

/* MUNJAZ_R2_45_RATING_BANDS_INLINE_TEXT_START */
/* تحويل مستويات التقييم الخمسة من بطاقات إلى نصوص متتابعة في خط واحد. */
body.role-manager .rating-scale-panel{
    padding:15px 17px 13px;
}
body.role-manager .rating-scale-heading{
    margin-bottom:10px;
}
body.role-manager .rating-band-line-r245{
    width:100%;
    min-width:0;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:0;
    padding:9px 0 2px;
    border-top:1px solid #E1EAE5;
    direction:rtl;
    white-space:nowrap;
    overflow-x:auto;
    overflow-y:hidden;
    scrollbar-width:thin;
    scrollbar-color:#B8C9C0 transparent;
    -webkit-overflow-scrolling:touch;
}
body.role-manager .rating-band-line-r245::-webkit-scrollbar{
    height:4px;
}
body.role-manager .rating-band-line-r245::-webkit-scrollbar-thumb{
    border-radius:999px;
    background:#B8C9C0;
}
body.role-manager .rating-band-text-r245{
    position:relative;
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    gap:4px;
    padding:2px 10px;
    color:#53665D;
    font-size:11.5px;
    line-height:1.7;
    font-weight:650;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    opacity:1!important;
    transform:none!important;
    outline:0!important;
}
body.role-manager .rating-band-text-r245:not(:last-child)::after{
    content:"";
    position:absolute;
    inset-inline-end:0;
    top:50%;
    width:1px;
    height:15px;
    background:#D8E3DD;
    transform:translateY(-50%);
}
body.role-manager .rating-band-text-r245 strong{
    color:#173B2E;
    font-size:11.5px;
    line-height:inherit;
    font-weight:900;
}
body.role-manager .rating-band-text-r245 > span{
    color:inherit;
    font-size:inherit;
    line-height:inherit;
    font-weight:700;
}
body.role-manager .rating-band-text-r245.is-active{
    color:#076648;
    font-weight:850;
}
body.role-manager .rating-band-text-r245.is-active strong{
    color:#076648;
    text-decoration:underline;
    text-decoration-color:#C9A342;
    text-decoration-thickness:2px;
    text-underline-offset:4px;
}
body.role-manager .rating-band-text-r245.excellent{color:#0B6B47}
body.role-manager .rating-band-text-r245.thanks{color:#167563}
body.role-manager .rating-band-text-r245.distinguished{color:#185FA8}
body.role-manager .rating-band-text-r245.good{color:#A86608}
body.role-manager .rating-band-text-r245.developing{color:#A7352C}
@media (max-width:900px){
    body.role-manager .rating-band-line-r245{
        justify-content:flex-start;
        padding-bottom:7px;
    }
    body.role-manager .rating-band-text-r245{
        padding-inline:9px;
        font-size:11px;
    }
    body.role-manager .rating-band-text-r245 strong{
        font-size:11px;
    }
}
@media (max-width:620px){
    body.role-manager .rating-scale-panel{
        padding:13px 12px 10px;
    }
    body.role-manager .rating-band-line-r245{
        margin-inline:0;
    }
}
/* MUNJAZ_R2_45_RATING_BANDS_INLINE_TEXT_END */

/* MUNJAZ_EVIDENCE_POPUP_TOP_LAYER_R2_47_START */
body.munjaz-evidence-popup-open{overflow:hidden!important}
dialog.munjaz-evidence-popup[hidden]{display:none!important}
dialog.munjaz-evidence-popup{
    position:fixed;
    inset:0;
    z-index:2147483647;
    width:100vw;
    height:100dvh;
    max-width:none;
    max-height:none;
    margin:0;
    padding:18px;
    border:0;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    direction:rtl;
    color:#173126;
    background:rgba(5,35,27,.68);
    -webkit-backdrop-filter:blur(8px);
    backdrop-filter:blur(8px);
    opacity:0;
    transition:opacity .17s ease;
}
dialog.munjaz-evidence-popup::backdrop{
    background:transparent;
}
dialog.munjaz-evidence-popup.is-visible{opacity:1}
.munjaz-evidence-popup-card{
    width:min(1040px,100%);
    height:min(88vh,820px);
    min-height:420px;
    display:grid;
    grid-template-rows:auto minmax(0,1fr) auto;
    overflow:hidden;
    border:1px solid rgba(212,169,68,.62);
    border-radius:22px;
    background:#fff;
    box-shadow:0 28px 80px rgba(0,0,0,.32);
    transform:translateY(10px) scale(.985);
    transition:transform .17s ease;
}
dialog.munjaz-evidence-popup.is-visible .munjaz-evidence-popup-card{
    transform:translateY(0) scale(1);
}
.munjaz-evidence-popup-head{
    min-height:66px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    padding:11px 14px 11px 18px;
    border-bottom:1px solid #DCE9E2;
    background:linear-gradient(135deg,#F8FCFA,#FFFFFF 58%,#FCF8ED);
}
.munjaz-evidence-popup-heading{
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:3px;
}
.munjaz-evidence-popup-heading strong{
    overflow:hidden;
    color:#073D2F;
    font-size:17px;
    line-height:1.45;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.munjaz-evidence-popup-heading small{
    color:#687A72;
    font-size:11px;
}
.munjaz-evidence-popup-close{
    width:43px;
    height:43px;
    flex:0 0 43px;
    display:grid;
    place-items:center;
    padding:0;
    border:1px solid #F0CACA;
    border-radius:12px;
    background:#FFF7F7;
    color:#B42323;
    font:900 29px/1 Arial,sans-serif;
    cursor:pointer;
    transition:background .15s ease,transform .15s ease,border-color .15s ease;
}
.munjaz-evidence-popup-close:hover,
.munjaz-evidence-popup-close:focus-visible{
    border-color:#D98E8E;
    background:#FFECEC;
    transform:scale(1.03);
    outline:none;
}
.munjaz-evidence-popup-body{
    position:relative;
    min-height:0;
    display:grid;
    place-items:center;
    overflow:hidden;
    padding:12px;
    background:
        radial-gradient(circle at 12% 8%,rgba(80,170,130,.11),transparent 28%),
        linear-gradient(145deg,#F3F8F5,#EEF4F1);
}
.munjaz-evidence-popup-image{
    width:100%;
    height:100%;
    min-height:0;
    display:block;
    object-fit:contain;
    border-radius:12px;
    background:#fff;
}
.munjaz-evidence-popup-frame{
    width:100%;
    height:100%;
    min-height:0;
    display:block;
    border:0;
    border-radius:12px;
    background:#fff;
}
.munjaz-evidence-popup-loader{
    position:absolute;
    z-index:3;
    inset:50% auto auto 50%;
    min-width:170px;
    padding:11px 16px;
    border:1px solid #CFE1D8;
    border-radius:999px;
    background:rgba(255,255,255,.94);
    color:#176448;
    font-size:12px;
    font-weight:800;
    text-align:center;
    box-shadow:0 10px 30px rgba(7,61,47,.12);
    transform:translate(-50%,-50%);
}
.munjaz-evidence-popup-loader[hidden]{display:none!important}
.munjaz-evidence-popup-message{
    max-width:520px;
    padding:18px;
    border:1px solid #E7C3C3;
    border-radius:14px;
    background:#FFF7F7;
    color:#8F2626;
    line-height:1.8;
    text-align:center;
}
.munjaz-evidence-popup-foot{
    min-height:54px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    padding:9px 16px;
    border-top:1px solid #DCE9E2;
    background:#fff;
}
.munjaz-evidence-popup-foot span{
    color:#697A73;
    font-size:11px;
}
.munjaz-evidence-popup-external{
    min-height:36px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 13px;
    border:1px solid #B9D7CA;
    border-radius:10px;
    color:#0A6548;
    background:#F5FBF8;
    font-size:11px;
    font-weight:800;
    text-decoration:none;
    white-space:nowrap;
}
.munjaz-evidence-popup-external:hover,
.munjaz-evidence-popup-external:focus-visible{
    border-color:#75B69A;
    background:#EAF7F1;
    outline:none;
}
[data-evidence-popup]{cursor:zoom-in}
@media(max-width:760px){
    dialog.munjaz-evidence-popup{padding:7px}
    .munjaz-evidence-popup-card{
        width:100%;
        height:calc(100dvh - 14px);
        min-height:0;
        border-radius:16px;
    }
    .munjaz-evidence-popup-head{min-height:59px;padding:8px 10px 8px 12px}
    .munjaz-evidence-popup-heading strong{font-size:15px}
    .munjaz-evidence-popup-heading small{display:none}
    .munjaz-evidence-popup-close{width:40px;height:40px;flex-basis:40px}
    .munjaz-evidence-popup-body{padding:6px}
    .munjaz-evidence-popup-foot{min-height:50px;padding:7px 10px}
    .munjaz-evidence-popup-foot span{display:none}
    .munjaz-evidence-popup-external{width:100%}
}
@media print{
    dialog.munjaz-evidence-popup{display:none!important}
    body.munjaz-evidence-popup-open{overflow:visible!important}
}
/* MUNJAZ_EVIDENCE_POPUP_TOP_LAYER_R2_47_END */

/* MUNJAZ_ACTION_DATE_NEXT_TO_CREATED_R2_48_START */
body.role-manager .manager-achievements-section.is-completed-action .achievement-row-head,
body.role-manager .manager-achievements-section.is-completed-action .achievement-row{
    grid-template-columns:
        52px
        minmax(250px,29fr)
        minmax(185px,20fr)
        minmax(125px,11fr)
        minmax(272px,23fr)
        minmax(78px,7fr)
        minmax(140px,10fr)!important;
}
body.role-manager .manager-achievements-section .row-date.has-action-date-r248{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    min-width:0!important;
    text-align:center!important;
}
body.role-manager .manager-achievements-section .achievement-date-part-r248{
    display:grid!important;
    grid-template-columns:1fr!important;
    justify-items:center!important;
    align-content:center!important;
    min-width:0!important;
    gap:1px!important;
}
body.role-manager .manager-achievements-section .achievement-date-part-r248 em{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:20px!important;
    margin-bottom:2px!important;
    padding:1px 7px!important;
    border-radius:999px!important;
    background:#EEF4F1!important;
    color:#52665D!important;
    font-size:10px!important;
    font-style:normal!important;
    font-weight:800!important;
    line-height:1.25!important;
}
body.role-manager .manager-achievements-section .achievement-date-part-r248.is-action-r248.status-approved em{
    background:#E8F7EF!important;
    color:#087447!important;
}
body.role-manager .manager-achievements-section .achievement-date-part-r248.is-action-r248.status-rejected em{
    background:#FFF0F0!important;
    color:#B42318!important;
}
body.role-manager .manager-achievements-section .achievement-date-divider-r248{
    width:1px!important;
    height:43px!important;
    flex:0 0 1px!important;
    background:#D9E5DF!important;
}
body.role-manager .manager-achievements-section .achievement-date-part-r248 strong{
    white-space:nowrap!important;
}
.achievement-dates-line-r248{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex-wrap:wrap!important;
    gap:7px 15px!important;
    width:100%!important;
}
.achievement-date-inline-r248{
    display:inline-flex!important;
    align-items:center!important;
    gap:5px!important;
    min-width:0!important;
    white-space:nowrap!important;
}
.achievement-date-inline-r248 b{
    font-weight:900!important;
}
.achievement-date-inline-r248.is-action-r248{
    position:relative!important;
    padding-inline-start:15px!important;
}
.achievement-date-inline-r248.is-action-r248::before{
    content:"";
    position:absolute;
    inset-inline-start:0;
    top:50%;
    width:5px;
    height:5px;
    border-radius:50%;
    background:#D4A944;
    transform:translateY(-50%);
}
.achievement-date-inline-r248.is-action-r248.status-approved b{color:#BFECD5!important}
.achievement-date-inline-r248.is-action-r248.status-rejected b{color:#FFD0D0!important}
body.role-teacher .achievement-card-header .achievement-date-inline-r248.is-action-r248.status-approved b{color:#087447!important}
body.role-teacher .achievement-card-header .achievement-date-inline-r248.is-action-r248.status-rejected b{color:#B42318!important}
@media(max-width:1180px){
    body.role-manager .manager-achievements-section.is-completed-action .achievement-row-head,
    body.role-manager .manager-achievements-section.is-completed-action .achievement-row{
        grid-template-columns:
            50px
            minmax(220px,27fr)
            minmax(170px,19fr)
            minmax(115px,10fr)
            minmax(250px,24fr)
            minmax(72px,7fr)
            minmax(130px,11fr)!important;
    }
}
@media(max-width:760px){
    body.role-manager .manager-achievements-section.is-completed-action .achievement-row{
        grid-template-columns:minmax(0,1fr) auto!important;
    }
    body.role-manager .manager-achievements-section .row-date.has-action-date-r248{
        justify-content:flex-start!important;
        flex-wrap:wrap!important;
        gap:7px!important;
    }
    body.role-manager .manager-achievements-section .achievement-date-divider-r248{
        height:38px!important;
    }
    .achievement-dates-line-r248{
        justify-content:flex-start!important;
        align-items:flex-start!important;
        gap:5px!important;
    }
    .achievement-date-inline-r248{
        width:100%!important;
        white-space:normal!important;
    }
    .achievement-date-inline-r248.is-action-r248{
        padding-inline-start:14px!important;
    }
}
/* MUNJAZ_ACTION_DATE_NEXT_TO_CREATED_R2_48_END */


/* MUNJAZ_TEACHER_ACHIEVEMENT_CARD_SELECTED_DESIGN_R2_49 */
body[data-route="manager/achievement"] .achievement-card,
body[data-route="teacher/achievement"] .achievement-card{
  width:min(900px,calc(100vw - 18px));
  margin:8px auto 22px!important;
  border:1px solid #d8dfdb;
  border-radius:20px;
  background:#fffdf9;
  box-shadow:0 18px 44px rgba(7,61,47,.13);
  overflow:hidden;
}
body[data-route="manager/achievement"] .achievement-dashboard-hero-r240,
body[data-route="teacher/achievement"] .achievement-card-header{
  position:relative;
  min-height:132px;
  padding:24px 30px;
  border:0;
  border-bottom:4px solid #d6b45e;
  background:
    radial-gradient(circle at 12% 20%,rgba(255,255,255,.10),transparent 28%),
    linear-gradient(135deg,#07533f 0%,#086b50 55%,#064737 100%);
  color:#fff;
}
body[data-route="manager/achievement"] .achievement-dashboard-hero-r240:before,
body[data-route="teacher/achievement"] .achievement-card-header:before{
  content:"بطاقة إنجاز معلم";
  position:absolute;top:14px;right:50%;transform:translateX(50%);
  color:#fff;font-size:20px;font-weight:950;letter-spacing:.2px;
}
body[data-route="manager/achievement"] .achievement-hero-copy-r244{padding-top:28px}
body[data-route="manager/achievement"] .achievement-hero-copy-r244 h1,
body[data-route="teacher/achievement"] .achievement-card-title h2{color:#fff!important;font-size:28px!important;text-shadow:0 2px 5px rgba(0,0,0,.15)}
body[data-route="manager/achievement"] .achievement-dates-line-r248,
body[data-route="manager/achievement"] .achievement-dates-line-r248 *{color:#edf8f3!important}
body[data-route="manager/achievement"] .achievement-number-r240{background:#fff;color:#07533f;border:1px solid #e0c270;box-shadow:0 5px 18px rgba(0,0,0,.12)}
body[data-route="manager/achievement"] .achievement-hero-actions-r244 .circle-action,
body[data-route="teacher/achievement"] .achievement-card-actions .circle-action{background:#fff;color:#07533f;border-color:#e2c675;box-shadow:0 5px 16px rgba(0,0,0,.12)}
body[data-route="manager/achievement"] .achievement-overview-grid-r240{grid-template-columns:1.35fr .85fr;gap:0;margin:0;border-bottom:1px solid #ded8ca;background:#fff}
body[data-route="manager/achievement"] .achievement-overview-card-r240{border:0;border-radius:0;box-shadow:none;min-height:118px;padding:22px 26px;background:#fff}
body[data-route="manager/achievement"] .achievement-overview-card-r240+article{border-right:1px solid #e5dfd2}
body[data-route="manager/achievement"] .teacher-overview-r240 .mini-avatar{width:76px;height:76px;min-width:76px;border:3px solid #d9b75a}
body[data-route="manager/achievement"] .teacher-overview-r240 strong{font-size:18px;color:#073d2f}
body[data-route="manager/achievement"] .teacher-overview-r240 small{font-size:12px;line-height:1.8}
body[data-route="manager/achievement"] .achievement-rating-line-r244{margin:0;padding:13px 24px;border:0;border-bottom:1px solid #e5dfd2;border-radius:0;background:#fbfaf6;display:flex;justify-content:center;gap:12px;white-space:nowrap}
body[data-route="manager/achievement"] .achievement-card-body,
body[data-route="teacher/achievement"] .achievement-card-body{padding:18px 24px 24px;background:linear-gradient(180deg,#fff 0,#fffdf8 100%)}
body[data-route="manager/achievement"] .achievement-section-r240{margin-bottom:14px;border:1px solid #ded8ca;border-radius:13px;background:#fff;box-shadow:0 5px 15px rgba(7,61,47,.035)}
body[data-route="manager/achievement"] .achievement-section-head-r240{padding:11px 14px;border-bottom:1px solid #eee8dc;background:#fbfaf6}
body[data-route="manager/achievement"] .achievement-section-head-r240 h2{color:#07533f;font-size:15px}
body[data-route="manager/achievement"] .description-box{border:0;border-radius:0;background:#fff;font-size:13px;line-height:2}
body[data-route="manager/achievement"] .meta-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0;border-top:1px solid #e6dfd2;border-right:1px solid #e6dfd2}
body[data-route="manager/achievement"] .meta-item{min-height:78px;border:0;border-left:1px solid #e6dfd2;border-bottom:1px solid #e6dfd2;border-radius:0;background:#fff;padding:12px;text-align:center}
body[data-route="manager/achievement"] .meta-item span{color:#087054;font-size:10px}
body[data-route="manager/achievement"] .meta-item strong{font-size:11.5px;color:#1d332b}
body[data-route="manager/achievement"] .achievement-type-grid{gap:8px;margin-top:12px}
body[data-route="manager/achievement"] .achievement-type-card{box-shadow:none;border-color:#ded8ca;background:#fffdf8}
@media(max-width:760px){
 body[data-route="manager/achievement"] .achievement-dashboard-hero-r240,
 body[data-route="teacher/achievement"] .achievement-card-header{padding:46px 16px 16px;min-height:160px}
 body[data-route="manager/achievement"] .achievement-overview-grid-r240{grid-template-columns:1fr}
 body[data-route="manager/achievement"] .achievement-overview-card-r240+article{border-right:0;border-top:1px solid #e5dfd2}
 body[data-route="manager/achievement"] .meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 body[data-route="manager/achievement"] .achievement-rating-line-r244{overflow-x:auto;justify-content:flex-start}
}

/* MUNJAZ_TEACHER_ACHIEVEMENT_CARD_DESIGN_2_R2_50_START */
body[data-route="manager/achievement"],body[data-route="teacher/achievement"]{
  --r250-green:#075d43;--r250-green-dark:#064631;--r250-gold:#e2a51e;--r250-line:#dfe7e2;
}
body[data-route="manager/achievement"] .achievement-card,
body[data-route="teacher/achievement"] .achievement-card{
  width:min(900px,calc(100vw - 18px))!important;
  border:1px solid #dce5df!important;border-radius:22px!important;background:#fff!important;
  box-shadow:0 18px 48px rgba(6,70,49,.14)!important;overflow:hidden!important;
}
body[data-route="manager/achievement"] .achievement-dashboard-hero-r240,
body[data-route="teacher/achievement"] .achievement-card-header{
  min-height:118px!important;padding:20px 26px 18px!important;border:0!important;border-bottom:4px solid var(--r250-gold)!important;
  background:linear-gradient(110deg,var(--r250-green-dark),var(--r250-green) 72%,#087153)!important;color:#fff!important;
}
body[data-route="manager/achievement"] .achievement-dashboard-hero-r240::before,
body[data-route="teacher/achievement"] .achievement-card-header::before{
  content:"بطاقة إنجاز معلم"!important;top:16px!important;right:24px!important;left:auto!important;transform:none!important;
  font-size:25px!important;font-weight:950!important;color:#fff!important;
}
body[data-route="manager/achievement"] .achievement-dashboard-hero-r240::after,
body[data-route="teacher/achievement"] .achievement-card-header::after{
  content:"";position:absolute;left:-7%;right:28%;bottom:-20px;height:54px;background:#fff;border-radius:50% 50% 0 0/100% 100% 0 0;opacity:.98;
}
body[data-route="manager/achievement"] .achievement-hero-copy-r244{padding-top:30px!important;position:relative;z-index:2}
body[data-route="manager/achievement"] .achievement-hero-copy-r244 h1,
body[data-route="teacher/achievement"] .achievement-card-title h2{font-size:27px!important;color:#fff!important;margin-bottom:5px!important}
body[data-route="manager/achievement"] .achievement-dashboard-emblem-r240{display:none!important}
body[data-route="manager/achievement"] .achievement-number-r240{top:18px!important;left:22px!important;right:auto!important;background:#fff!important;color:var(--r250-green-dark)!important;border:1px solid #f0cf7f!important;z-index:3}
body[data-route="manager/achievement"] .achievement-hero-actions-r244{left:20px!important;right:auto!important;bottom:16px!important;z-index:4!important}
body[data-route="manager/achievement"] .achievement-hero-actions-r244 .circle-action{min-width:68px!important;height:42px!important;border-radius:12px!important;background:#fff!important;color:var(--r250-green)!important;border:1px solid #d7e5df!important;box-shadow:0 4px 12px rgba(0,0,0,.1)!important}
body[data-route="manager/achievement"] .achievement-overview-grid-r240{grid-template-columns:1fr 220px!important;gap:14px!important;padding:16px 18px 10px!important;background:#fff!important;border:0!important}
body[data-route="manager/achievement"] .achievement-overview-card-r240{min-height:92px!important;padding:15px 18px!important;border:1px solid var(--r250-line)!important;border-radius:15px!important;background:#fff!important;box-shadow:0 5px 15px rgba(6,70,49,.05)!important}
body[data-route="manager/achievement"] .achievement-overview-card-r240+article{border-right:1px solid var(--r250-line)!important}
body[data-route="manager/achievement"] .teacher-overview-r240 .mini-avatar{width:66px!important;height:66px!important;min-width:66px!important;border:2px solid var(--r250-gold)!important}
body[data-route="manager/achievement"] .teacher-overview-r240 strong{font-size:17px!important}
body[data-route="manager/achievement"] .achievement-rating-line-r244{margin:0 18px 12px!important;padding:9px 12px!important;border:0!important;border-top:1px solid #edf1ee!important;border-bottom:1px solid #edf1ee!important;background:#fff!important;justify-content:flex-start!important;color:#17382d!important}
body[data-route="manager/achievement"] .achievement-card-body{padding:0 18px 20px!important;background:#fff!important}
body[data-route="manager/achievement"] .achievement-section-r240{margin-bottom:12px!important;border:1px solid var(--r250-line)!important;border-radius:15px!important;box-shadow:0 5px 16px rgba(6,70,49,.04)!important;overflow:hidden!important}
body[data-route="manager/achievement"] .achievement-section-head-r240{padding:10px 14px!important;background:#fbfdfc!important;border-bottom:1px solid #e8efeb!important}
body[data-route="manager/achievement"] .achievement-section-head-r240 h2{font-size:15px!important;color:var(--r250-green-dark)!important}
body[data-route="manager/achievement"] .description-box{padding:14px 16px!important;font-size:13px!important;line-height:1.9!important;background:#fff!important}
body[data-route="manager/achievement"] .meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0!important;border:1px solid #e1e8e4!important;border-radius:12px!important;overflow:hidden!important}
body[data-route="manager/achievement"] .meta-item{min-height:54px!important;padding:10px 13px!important;border:0!important;border-bottom:1px solid #e7ede9!important;border-inline-start:1px solid #e7ede9!important;border-radius:0!important;background:#fff!important;box-shadow:none!important}
body[data-route="manager/achievement"] .meta-item:nth-child(odd){border-inline-start:0!important}
body[data-route="manager/achievement"] .meta-item span{font-size:10.5px!important;color:#5d6d65!important}
body[data-route="manager/achievement"] .meta-item strong{font-size:12.5px!important;color:#152f26!important}
body[data-route="manager/achievement"] .achievement-type-grid{gap:8px!important;margin-top:10px!important}
body[data-route="manager/achievement"] .achievement-type-card{min-height:58px!important;padding:10px 12px!important;border-radius:12px!important}
@media(max-width:760px){
 body[data-route="manager/achievement"] .achievement-dashboard-hero-r240,
 body[data-route="teacher/achievement"] .achievement-card-header{min-height:142px!important;padding:54px 15px 18px!important}
 body[data-route="manager/achievement"] .achievement-dashboard-hero-r240::before,
 body[data-route="teacher/achievement"] .achievement-card-header::before{right:16px!important;font-size:21px!important}
 body[data-route="manager/achievement"] .achievement-number-r240{left:14px!important;top:14px!important}
 body[data-route="manager/achievement"] .achievement-hero-actions-r244{position:static!important;margin-top:9px!important;justify-content:flex-start!important}
 body[data-route="manager/achievement"] .achievement-overview-grid-r240{grid-template-columns:1fr!important;padding:12px!important}
 body[data-route="manager/achievement"] .meta-grid{grid-template-columns:1fr!important}
 body[data-route="manager/achievement"] .meta-item{border-inline-start:0!important}
}
/* MUNJAZ_TEACHER_ACHIEVEMENT_CARD_DESIGN_2_R2_50_END */

/* MUNJAZ_R2_51_EXACT_TEACHER_ACHIEVEMENT_CARD */
body.role-manager .achievement-card-dashboard-r240{
  width:min(900px,calc(100vw - 18px))!important;
  max-width:900px!important;
  margin:0 auto!important;
  padding:0 14px 18px!important;
  border:1px solid #dce6df!important;
  border-radius:22px!important;
  background:#fff!important;
  overflow:hidden!important;
  box-shadow:0 18px 46px rgba(7,61,47,.14)!important;
}
body.role-manager .teacher-card-brand-r251{
  position:relative;
  min-height:108px;
  margin:0 -14px 18px;
  padding:24px 34px 34px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  color:#fff;
  background:linear-gradient(135deg,#07543d 0%,#08714e 58%,#06452f 100%);
  overflow:hidden;
}
body.role-manager .teacher-card-brand-r251::after{
  content:"";position:absolute;left:-5%;right:-5%;bottom:-33px;height:68px;
  background:#fff;border-radius:50% 50% 0 0/100% 100% 0 0;
  border-top:5px solid #e6ad2f;
}
body.role-manager .teacher-card-brand-r251::before{
  content:"";position:absolute;inset:0;opacity:.14;
  background-image:radial-gradient(circle at 20% 20%,#fff 0 1px,transparent 1.5px);
  background-size:18px 18px;
}
body.role-manager .teacher-card-brand-r251>strong{position:relative;z-index:2;font-size:30px;line-height:1.25;font-weight:900}
body.role-manager .teacher-card-brand-logo-r251{position:relative;z-index:2;display:flex;align-items:center;gap:10px;font-size:18px;line-height:1.35}
body.role-manager .teacher-card-brand-logo-r251 .icon{width:44px;height:44px;color:#f1bd45}
body.role-manager .achievement-dashboard-hero-r251{
  display:grid;grid-template-columns:190px minmax(0,1fr) 190px;gap:18px;align-items:stretch;
  padding:18px;border:1px solid #dce6df;border-radius:20px;background:#fff;
  box-shadow:0 10px 28px rgba(11,75,53,.08);
}
body.role-manager .achievement-hero-visual-r251{display:grid;place-items:center;border-radius:50%;aspect-ratio:1;border:2px solid #a8c9b7;background:linear-gradient(145deg,#f7fbf8,#eef6f1)}
body.role-manager .achievement-hero-visual-r251 .icon{width:105px;height:105px;color:#08704c}
body.role-manager .achievement-hero-copy-r251{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-width:0;padding:6px 0}
body.role-manager .achievement-kind-r251{padding:7px 28px;border:1px solid #83b498;border-radius:999px;color:#08704c;background:#f7fbf8;font-weight:800}
body.role-manager .achievement-hero-copy-r251 h1{margin:14px 0 8px;color:#07543d;font-size:32px;line-height:1.35;font-weight:900;overflow-wrap:anywhere}
body.role-manager .achievement-hero-copy-r251 p{margin:0;color:#46584f;font-size:15px;line-height:1.9;max-width:520px}
body.role-manager .achievement-hero-actions-r251{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:14px}
body.role-manager .achievement-action-r251{min-height:38px;padding:0 12px;border:1px solid #b7d2c2;border-radius:10px;background:#fff;color:#07543d;display:inline-flex;align-items:center;gap:6px;font-weight:800}
body.role-manager .achievement-action-r251 .icon{width:18px;height:18px}
body.role-manager .achievement-hero-side-r251{display:grid;gap:12px}
body.role-manager .achievement-side-box-r251{min-height:118px;padding:16px 12px;border:1px solid #d9e2dc;border-radius:14px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
body.role-manager .achievement-side-box-r251>span{font-weight:900;color:#07543d;margin-bottom:10px}
body.role-manager .achievement-side-box-r251 .status{min-width:136px;justify-content:center;padding:9px 14px;border-radius:10px;font-size:14px}
body.role-manager .achievement-side-box-r251>strong{font-size:30px;color:#d89513;line-height:1}
body.role-manager .teacher-data-strip-r251{margin-top:14px;padding:14px 16px;border:1px solid #dce6df;border-radius:17px;background:#fff;box-shadow:0 8px 22px rgba(11,75,53,.07)}
body.role-manager .teacher-data-title-r251{display:flex;align-items:center;gap:8px;color:#07543d;margin-bottom:12px;font-size:17px}
body.role-manager .teacher-data-title-r251 .icon{width:22px;height:22px}
body.role-manager .teacher-data-items-r251{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #e2e9e5;border-radius:12px;overflow:hidden}
body.role-manager .teacher-data-items-r251>div{padding:10px 12px;text-align:center;border-inline-start:1px solid #e2e9e5;min-width:0}
body.role-manager .teacher-data-items-r251>div:first-child{border-inline-start:0}
body.role-manager .teacher-data-items-r251 span{display:block;color:#6d7d74;font-size:12px;margin-bottom:5px}
body.role-manager .teacher-data-items-r251 strong{display:block;color:#17251e;font-size:14px;overflow-wrap:anywhere}
body.role-manager .achievement-dates-line-r251{margin:12px 0 0;padding:10px 14px;border-radius:12px;background:#f8fbf9;color:#53655c;display:flex;justify-content:center;gap:18px;flex-wrap:wrap;font-size:13px}
body.role-manager .achievement-card-dashboard-r240 .achievement-card-body{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important;padding:14px 0 0!important}
body.role-manager .achievement-card-dashboard-r240 .achievement-section-r240{margin:0!important;padding:16px!important;border:1px solid #dce6df!important;border-radius:16px!important;background:#fff!important;box-shadow:0 8px 22px rgba(11,75,53,.07)!important}
body.role-manager .achievement-card-dashboard-r240 .achievement-section-head-r240{margin-bottom:12px!important;color:#07543d!important}
body.role-manager .achievement-card-dashboard-r240 .description-box{border:0!important;padding:0!important;background:transparent!important;line-height:1.9!important;color:#28382f!important}
body.role-manager .achievement-card-dashboard-r240 .meta-grid{display:block!important;border:1px solid #e1e8e4!important;border-radius:12px!important;overflow:hidden!important}
body.role-manager .achievement-card-dashboard-r240 .meta-item{display:grid!important;grid-template-columns:145px 1fr!important;gap:12px!important;align-items:center!important;padding:9px 12px!important;min-height:42px!important;border:0!important;border-bottom:1px solid #e7ece9!important;border-radius:0!important;background:#fff!important}
body.role-manager .achievement-card-dashboard-r240 .meta-item:last-child{border-bottom:0!important}
body.role-manager .achievement-card-dashboard-r240 .meta-item::before{display:none!important}
body.role-manager .achievement-card-dashboard-r240 .meta-item span{font-weight:800!important;color:#27362e!important}
body.role-manager .achievement-card-dashboard-r240 .meta-item strong{text-align:right!important;color:#4e6057!important;font-weight:600!important}
body.role-manager .achievement-card-dashboard-r240 .achievement-type-grid{grid-column:1/-1!important}
body.role-manager .achievement-card-dashboard-r240 :is(.participants-panel,.panel){grid-column:1/-1!important}
@media(max-width:760px){
 body.role-manager .teacher-card-brand-r251{min-height:88px;padding:18px 18px 28px}
 body.role-manager .teacher-card-brand-r251>strong{font-size:23px}
 body.role-manager .teacher-card-brand-logo-r251 b{display:none}
 body.role-manager .achievement-dashboard-hero-r251{grid-template-columns:1fr;padding:14px}
 body.role-manager .achievement-hero-visual-r251{width:140px;margin:auto}
 body.role-manager .achievement-hero-side-r251{grid-template-columns:1fr 1fr}
 body.role-manager .achievement-side-box-r251{min-height:96px}
 body.role-manager .teacher-data-items-r251{grid-template-columns:1fr 1fr}
 body.role-manager .teacher-data-items-r251>div{border-bottom:1px solid #e2e9e5}
 body.role-manager .achievement-card-dashboard-r240 .achievement-card-body{grid-template-columns:1fr!important}
 body.role-manager .achievement-card-dashboard-r240 .meta-item{grid-template-columns:110px 1fr!important}
}

/* MUNJAZ_R2_52_PROFESSIONAL_ACHIEVEMENT_LAYOUT */
body.role-manager .achievement-card-dashboard-r240{
  --card-green:#07543d;
  --card-green-2:#0a704f;
  --card-gold:#dca52b;
  --card-line:#dce7e0;
  --card-soft:#f7faf8;
  padding:0 18px 20px!important;
}
body.role-manager .teacher-card-brand-r251{
  min-height:92px!important;
  margin:0 -18px 14px!important;
  padding:20px 30px 30px!important;
}
body.role-manager .teacher-card-brand-r251>strong{font-size:27px!important}
body.role-manager .teacher-card-brand-logo-r251{font-size:16px!important}
body.role-manager .achievement-dashboard-hero-r251{
  grid-template-columns:154px minmax(0,1fr) 154px!important;
  gap:14px!important;
  padding:14px!important;
  border-radius:18px!important;
}
body.role-manager .achievement-hero-visual-r251{
  width:134px!important;
  height:134px!important;
  justify-self:center!important;
  align-self:center!important;
}
body.role-manager .achievement-hero-visual-r251 .icon{width:76px!important;height:76px!important}
body.role-manager .achievement-kind-r251{padding:5px 22px!important;font-size:13px!important}
body.role-manager .achievement-hero-copy-r251 h1{
  margin:10px 0 6px!important;
  font-size:28px!important;
  line-height:1.35!important;
}
body.role-manager .achievement-hero-copy-r251 p{
  font-size:13.5px!important;
  line-height:1.75!important;
  max-width:500px!important;
}
body.role-manager .achievement-hero-actions-r251{margin-top:10px!important;gap:7px!important}
body.role-manager .achievement-action-r251{
  min-height:36px!important;
  padding:0 11px!important;
  border-radius:9px!important;
  font-size:12.5px!important;
}
body.role-manager .achievement-hero-side-r251{gap:9px!important}
body.role-manager .achievement-side-box-r251{
  min-height:92px!important;
  padding:12px 10px!important;
  border-radius:12px!important;
}
body.role-manager .achievement-side-box-r251>span{margin-bottom:7px!important;font-size:13px!important}
body.role-manager .achievement-side-box-r251 .status{min-width:118px!important;padding:7px 10px!important;font-size:12.5px!important}
body.role-manager .achievement-side-box-r251>strong{font-size:27px!important}
body.role-manager .teacher-data-strip-r251{margin-top:12px!important;padding:12px 14px!important;border-radius:15px!important}
body.role-manager .teacher-data-title-r251{margin-bottom:9px!important;font-size:15px!important}
body.role-manager .teacher-data-items-r251{grid-template-columns:1.6fr 1fr 1fr .75fr!important}
body.role-manager .teacher-data-items-r251>div{padding:9px 10px!important}
body.role-manager .teacher-data-items-r251 span{font-size:11px!important}
body.role-manager .teacher-data-items-r251 strong{font-size:13px!important;line-height:1.55!important}
body.role-manager .achievement-dates-line-r251{
  margin-top:10px!important;
  padding:8px 12px!important;
  font-size:12px!important;
  gap:12px!important;
}
body.role-manager .achievement-card-dashboard-r240 .achievement-card-body{
  display:grid!important;
  grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)!important;
  gap:12px!important;
  padding-top:12px!important;
  align-items:start!important;
}
body.role-manager .achievement-card-dashboard-r240 .achievement-section-r240{
  padding:14px!important;
  border-radius:14px!important;
  box-shadow:0 5px 16px rgba(11,75,53,.055)!important;
}
body.role-manager .achievement-card-dashboard-r240 .achievement-section-head-r240{margin-bottom:9px!important}
body.role-manager .achievement-card-dashboard-r240 .achievement-section-head-r240 h2{font-size:16px!important}
body.role-manager .achievement-card-dashboard-r240 .description-box{
  font-size:13.5px!important;
  line-height:1.9!important;
  min-height:126px!important;
}
body.role-manager .achievement-card-dashboard-r240 .meta-item{
  grid-template-columns:128px minmax(0,1fr)!important;
  gap:9px!important;
  min-height:40px!important;
  padding:8px 10px!important;
}
body.role-manager .achievement-card-dashboard-r240 .meta-item span{font-size:12px!important}
body.role-manager .achievement-card-dashboard-r240 .meta-item strong{
  font-size:12.5px!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
body.role-manager .achievement-card-dashboard-r240 .achievement-type-grid{
  grid-column:1/-1!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  margin:0!important;
}
body.role-manager .achievement-card-dashboard-r240 .achievement-type-card{
  min-height:88px!important;
  padding:12px 14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  border-radius:14px!important;
}
body.role-manager .achievement-card-dashboard-r240 .achievement-type-head{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important;
}
body.role-manager .achievement-card-dashboard-r240 .achievement-type-head>span:last-child{min-width:0!important}
body.role-manager .achievement-card-dashboard-r240 .achievement-type-head strong{
  display:block!important;
  font-size:13.5px!important;
  line-height:1.4!important;
  white-space:normal!important;
  word-break:normal!important;
}
body.role-manager .achievement-card-dashboard-r240 .achievement-type-head small{
  display:block!important;
  margin-top:4px!important;
  font-size:11.5px!important;
  line-height:1.55!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
body.role-manager .achievement-card-dashboard-r240 .achievement-type-card>b{
  flex:0 0 auto!important;
  min-width:42px!important;
  text-align:center!important;
  white-space:nowrap!important;
}
body.role-manager .achievement-card-dashboard-r240 :is(.participants-panel,.rating-scale-panel,.achievement-review-guidance,.revised-rating-reminder,.review-decision-form,.manager-review-locked,.panel-head,.evidence-grid,.rejection-box){
  grid-column:1/-1!important;
}
body.role-manager .participants-panel{
  padding:14px!important;
  border-radius:15px!important;
}
body.role-manager .participant-card-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
}
body.role-manager .participant-person-card{
  min-height:68px!important;
  padding:9px 12px!important;
  border-radius:12px!important;
}
body.role-manager .participant-person-info strong{font-size:13px!important;line-height:1.45!important}
body.role-manager .participant-person-info small{font-size:11.5px!important}
body.role-manager .evidence-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
}
body.role-manager .evidence-card{min-height:112px!important;border-radius:13px!important}
body.role-manager .achievement-review-guidance{
  min-height:auto!important;
  padding:13px 15px!important;
  border-radius:13px!important;
}
body.role-manager .rating-scale-panel{
  padding:15px!important;
  border-radius:15px!important;
}
body.role-manager .rating-scale-heading{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
}
body.role-manager .rating-current{
  min-width:250px!important;
  max-width:320px!important;
  padding:10px 14px!important;
}
body.role-manager .rating-band-line-r245{
  margin-top:10px!important;
  padding-top:10px!important;
  font-size:11.5px!important;
  gap:0!important;
}
body.role-manager .rating-band-text-r245{padding-inline:10px!important;white-space:nowrap!important}
body.role-manager .shared-evaluation-panel{padding:15px!important;border-radius:15px!important}
body.role-manager .shared-evaluation-head{gap:10px!important}
body.role-manager .shared-score-field{margin-top:12px!important}
body.role-manager .review-decision-grid{gap:12px!important}
body.role-manager .review-decision-card{padding:15px!important;border-radius:15px!important}
body.role-manager .review-decision-card textarea{min-height:94px!important}
@media(max-width:860px){
  body.role-manager .achievement-dashboard-hero-r251{grid-template-columns:128px minmax(0,1fr) 138px!important}
  body.role-manager .achievement-hero-visual-r251{width:112px!important;height:112px!important}
  body.role-manager .achievement-hero-visual-r251 .icon{width:64px!important;height:64px!important}
  body.role-manager .achievement-hero-copy-r251 h1{font-size:24px!important}
  body.role-manager .teacher-data-items-r251{grid-template-columns:1.4fr 1fr 1fr .75fr!important}
}
@media(max-width:720px){
  body.role-manager .achievement-card-dashboard-r240{padding:0 10px 14px!important}
  body.role-manager .teacher-card-brand-r251{margin-inline:-10px!important}
  body.role-manager .achievement-dashboard-hero-r251{grid-template-columns:1fr!important}
  body.role-manager .achievement-hero-visual-r251{width:118px!important;height:118px!important}
  body.role-manager .achievement-hero-side-r251{grid-template-columns:1fr 1fr!important}
  body.role-manager .teacher-data-items-r251{grid-template-columns:1fr 1fr!important}
  body.role-manager .achievement-card-dashboard-r240 .achievement-card-body{grid-template-columns:1fr!important}
  body.role-manager .achievement-card-dashboard-r240 .achievement-type-grid{grid-template-columns:1fr!important}
  body.role-manager .participant-card-grid{grid-template-columns:1fr!important}
  body.role-manager .evidence-grid{grid-template-columns:1fr 1fr!important}
  body.role-manager .rating-scale-heading{align-items:flex-start!important;flex-direction:column!important}
  body.role-manager .rating-current{min-width:0!important;width:100%!important;max-width:none!important}
}
@media(max-width:480px){
  body.role-manager .teacher-card-brand-r251>strong{font-size:20px!important}
  body.role-manager .teacher-card-brand-logo-r251{font-size:14px!important}
  body.role-manager .teacher-data-items-r251{grid-template-columns:1fr!important}
  body.role-manager .achievement-hero-side-r251{grid-template-columns:1fr!important}
  body.role-manager .evidence-grid{grid-template-columns:1fr!important}
}
/* MUNJAZ_R2_52_PROFESSIONAL_ACHIEVEMENT_LAYOUT_END */

/* MUNJAZ_R2_53_REVIEW_DIALOG_PARTICIPATION_ICONS_START */
.achievement-participation-icon-r253 .sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}

/* زر التقييم المختصر بدل بطاقة التقييم الكبيرة. */
body.role-manager .achievement-hero-side-r253{
  display:grid!important;
  grid-template-columns:1fr!important;
  align-content:center!important;
  gap:10px!important;
}
body.role-manager .achievement-status-box-r253{
  min-height:82px!important;
}
.achievement-review-trigger-r253{
  width:100%;
  min-height:72px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border:1px solid #d9e5df;
  border-radius:14px;
  background:linear-gradient(145deg,#ffffff,#f4f9f6);
  color:#0b5e43;
  text-align:right;
  cursor:pointer;
  box-shadow:0 5px 16px rgba(7,72,50,.07);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.achievement-review-trigger-r253:hover,
.achievement-review-trigger-r253:focus-visible{
  transform:translateY(-1px);
  border-color:#bd8a21;
  box-shadow:0 8px 20px rgba(7,72,50,.12);
  outline:none;
}
.achievement-review-trigger-icon-r253{
  width:38px;
  height:38px;
  flex:0 0 38px;
  display:grid;
  place-items:center;
  border-radius:11px;
  background:#edf7f2;
  color:#087153;
}
.achievement-review-trigger-icon-r253 .icon{width:21px;height:21px}
.achievement-review-trigger-r253>span:last-child{min-width:0;display:grid;gap:3px}
.achievement-review-trigger-r253 strong{font-size:12.5px;line-height:1.4}
.achievement-review-trigger-r253 small{font-size:10.5px;line-height:1.45;color:#65766e}

/* أيقونات المشاركة فقط مع تلميح واضح على الحاسوب والجوال. */
.achievement-participation-icons-r253{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin-top:12px!important;
  padding-top:11px!important;
  border-top:1px dashed #dce6e1!important;
}
.achievement-participation-icon-r253{
  position:relative;
  width:42px;
  height:42px;
  flex:0 0 42px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid #cbdcd4;
  border-radius:12px;
  background:#fff;
  color:#0b694b;
  cursor:pointer;
  box-shadow:0 4px 12px rgba(7,73,51,.07);
  transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease,border-color .16s ease;
  z-index:3;
}
.achievement-participation-icon-r253 .icon{width:21px;height:21px}
.achievement-participation-icon-r253.is-active{
  border-color:#9dcbb6;
  background:linear-gradient(145deg,#f7fffb,#eaf7f0);
  color:#087153;
}
.achievement-participation-icon-r253.is-active::before{
  content:"";
  position:absolute;
  top:4px;
  left:4px;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#d6a328;
  box-shadow:0 0 0 2px #fff;
}
.achievement-participation-icon-r253.is-inactive{
  color:#87958f;
  background:#f5f7f6;
  border-color:#e0e6e3;
  opacity:.58;
  box-shadow:none;
}
.achievement-participation-icon-r253:hover,
.achievement-participation-icon-r253:focus-visible,
.achievement-participation-icon-r253[aria-expanded="true"]{
  transform:translateY(-2px);
  border-color:#c4962d;
  box-shadow:0 8px 18px rgba(7,73,51,.13);
  opacity:1;
  outline:none;
  z-index:30;
}
.achievement-participation-icon-r253::after{
  content:attr(data-tooltip);
  position:absolute;
  right:50%;
  bottom:calc(100% + 10px);
  transform:translateX(50%) translateY(5px);
  min-width:max-content;
  max-width:250px;
  padding:8px 10px;
  border-radius:9px;
  background:#073f2e;
  color:#fff;
  font-size:11.5px;
  font-weight:700;
  line-height:1.5;
  text-align:center;
  white-space:normal;
  box-shadow:0 10px 24px rgba(0,0,0,.2);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .15s ease,transform .15s ease,visibility .15s ease;
}
.achievement-participation-icon-r253:hover::after,
.achievement-participation-icon-r253:focus-visible::after,
.achievement-participation-icon-r253[aria-expanded="true"]::after{
  opacity:1;
  visibility:visible;
  transform:translateX(50%) translateY(0);
}
.teacher-participation-icons-r253{
  justify-content:center!important;
  margin:12px 0 4px!important;
}

/* نافذة تقييم المدير وسبب الرفض. */
.achievement-review-dialog-r253,
.teacher-evaluation-dialog-r253{
  width:min(760px,calc(100vw - 24px));
  max-width:760px;
  max-height:88vh;
  margin:auto;
  padding:0;
  border:0;
  border-radius:20px;
  background:transparent;
  color:#17342a;
  overflow:visible;
}
.achievement-review-dialog-r253::backdrop,
.teacher-evaluation-dialog-r253::backdrop{
  background:rgba(3,34,25,.68);
  backdrop-filter:blur(4px);
}
.achievement-review-dialog-shell-r253,
.teacher-evaluation-dialog-shell-r253{
  max-height:88vh;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1px solid rgba(218,231,225,.96);
  border-radius:20px;
  background:#f7faf8;
  box-shadow:0 26px 70px rgba(0,35,25,.32);
}
.achievement-review-dialog-head-r253,
.teacher-evaluation-dialog-head-r253{
  min-height:78px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:15px 18px;
  color:#fff;
  background:
    radial-gradient(circle at 15% 20%,rgba(255,255,255,.13),transparent 28%),
    linear-gradient(135deg,#064631,#087153);
  border-bottom:3px solid #d7a42b;
}
.achievement-review-dialog-head-r253>div,
.teacher-evaluation-dialog-head-r253>div{
  min-width:0;
  display:flex;
  align-items:center;
  gap:11px;
}
.achievement-review-dialog-icon-r253,
.teacher-evaluation-dialog-head-r253>div>span:first-child{
  width:42px;
  height:42px;
  flex:0 0 42px;
  display:grid;
  place-items:center;
  border-radius:12px;
  color:#f4c75b;
  background:rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.18);
}
.achievement-review-dialog-icon-r253 .icon,
.teacher-evaluation-dialog-head-r253 .icon{width:23px;height:23px}
.achievement-review-dialog-head-r253 strong,
.teacher-evaluation-dialog-head-r253 strong{display:block;font-size:18px;line-height:1.35}
.achievement-review-dialog-head-r253 small,
.teacher-evaluation-dialog-head-r253 small{display:block;margin-top:3px;font-size:11.5px;line-height:1.5;color:#dbece5}
.achievement-review-dialog-close-r253,
.teacher-evaluation-dialog-head-r253>button{
  width:40px;
  height:40px;
  flex:0 0 40px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid rgba(255,255,255,.22);
  border-radius:11px;
  background:rgba(255,255,255,.1);
  color:#fff;
  cursor:pointer;
}
.achievement-review-dialog-close-r253:hover,
.teacher-evaluation-dialog-head-r253>button:hover{background:rgba(255,255,255,.2)}
.achievement-review-dialog-body-r253,
.teacher-evaluation-dialog-body-r253{
  overflow:auto;
  overscroll-behavior:contain;
  padding:16px;
}
.achievement-review-summary-r253,
.teacher-evaluation-meta-r253{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px 16px;
  padding:10px 12px;
  border:1px solid #dce8e2;
  border-radius:12px;
  background:#fff;
  font-size:12px;
  color:#61736a;
}
.achievement-review-summary-r253 b,
.teacher-evaluation-meta-r253 b{color:#154b39}
.achievement-rejection-detail-r253,
.teacher-rejection-reason-r253{
  display:flex;
  align-items:flex-start;
  gap:11px;
  margin-top:12px;
  padding:13px 14px;
  border:1px solid #efc9c4;
  border-radius:13px;
  background:#fff5f3;
  color:#8e2e26;
}
.achievement-rejection-detail-r253>span,
.teacher-rejection-reason-r253>span{
  width:36px;
  height:36px;
  flex:0 0 36px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:#ffe9e5;
}
.achievement-rejection-detail-r253 .icon,
.teacher-rejection-reason-r253 .icon{width:20px;height:20px}
.achievement-rejection-detail-r253 strong,
.teacher-rejection-reason-r253 strong{display:block;font-size:13.5px}
.achievement-rejection-detail-r253 p,
.teacher-rejection-reason-r253 p{margin:5px 0 0;font-size:12.5px;line-height:1.8;color:#6f3b35}

/* إعادة ضبط مكونات التقييم داخل النافذة فقط. */
body.role-manager .achievement-review-dialog-r253 .rating-scale-panel,
body.role-manager .achievement-review-dialog-r253 .manager-review-locked,
body.role-manager .achievement-review-dialog-r253 .review-decision-form,
body.role-manager .achievement-review-dialog-r253 .shared-evaluation-panel,
body.role-manager .achievement-review-dialog-r253 .review-decision-grid,
body.role-manager .achievement-review-dialog-r253 .review-decision-card{
  grid-column:auto!important;
}
body.role-manager .achievement-review-dialog-r253 .rating-scale-panel{
  margin-top:12px!important;
  padding:13px!important;
  border-radius:13px!important;
  background:#fff!important;
}
body.role-manager .achievement-review-dialog-r253 .rating-scale-heading{
  align-items:center!important;
  gap:10px!important;
}
body.role-manager .achievement-review-dialog-r253 .rating-current{
  min-width:220px!important;
  max-width:280px!important;
  padding:9px 12px!important;
}
body.role-manager .achievement-review-dialog-r253 .rating-band-line-r245{
  overflow-x:auto!important;
  white-space:nowrap!important;
  padding-bottom:4px!important;
}
body.role-manager .achievement-review-dialog-r253 .review-decision-form{margin-top:12px!important}
body.role-manager .achievement-review-dialog-r253 .shared-evaluation-panel{
  padding:13px!important;
  border-radius:13px!important;
  background:#fff!important;
}
body.role-manager .achievement-review-dialog-r253 .review-decision-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
  margin-top:10px!important;
}
body.role-manager .achievement-review-dialog-r253 .review-decision-card{
  min-width:0!important;
  padding:13px!important;
  border-radius:13px!important;
  background:#fff!important;
}
body.role-manager .achievement-review-dialog-r253 textarea{min-height:78px!important}
body.role-manager .achievement-review-dialog-r253 .manager-review-locked{
  margin-top:12px!important;
  padding:14px!important;
  border-radius:13px!important;
  background:#fff!important;
}

/* نافذة تقييم المعلم. */
.teacher-evaluation-score-r253{
  display:grid;
  justify-items:center;
  gap:5px;
  padding:22px 16px;
  border:1px solid #d8e6df;
  border-radius:15px;
  background:#fff;
  text-align:center;
}
.teacher-evaluation-score-r253>span{font-size:12px;color:#6a7b73}
.teacher-evaluation-score-r253>strong{font-size:46px;line-height:1;color:#0a6749}
.teacher-evaluation-score-r253>small{font-size:13px;font-weight:800;color:#315e4c}
.teacher-evaluation-score-r253.excellent{border-top:4px solid #168255}
.teacher-evaluation-score-r253.thanks{border-top:4px solid #198a76}
.teacher-evaluation-score-r253.distinguished{border-top:4px solid #276daa}
.teacher-evaluation-score-r253.good{border-top:4px solid #bf7b12}
.teacher-evaluation-score-r253.developing{border-top:4px solid #b8473e}
.teacher-evaluation-meta-r253{margin-top:12px}
.teacher-evaluation-action-r253{color:#b68112!important;border-color:#dfc277!important;background:#fff9e9!important}

@media(max-width:720px){
  .achievement-participation-icon-r253::after{
    position:fixed;
    right:12px;
    left:12px;
    bottom:18px;
    max-width:none;
    min-width:0;
    transform:translateY(8px);
    font-size:12.5px;
    z-index:2147483647;
  }
  .achievement-participation-icon-r253:hover::after,
  .achievement-participation-icon-r253:focus-visible::after,
  .achievement-participation-icon-r253[aria-expanded="true"]::after{
    transform:translateY(0);
  }
  .achievement-review-dialog-r253,
  .teacher-evaluation-dialog-r253{
    width:calc(100vw - 12px);
    max-height:94vh;
    border-radius:16px;
  }
  .achievement-review-dialog-shell-r253,
  .teacher-evaluation-dialog-shell-r253{max-height:94vh;border-radius:16px}
  .achievement-review-dialog-head-r253,
  .teacher-evaluation-dialog-head-r253{padding:12px 13px;min-height:70px}
  .achievement-review-dialog-head-r253 strong,
  .teacher-evaluation-dialog-head-r253 strong{font-size:16px}
  .achievement-review-dialog-body-r253,
  .teacher-evaluation-dialog-body-r253{padding:10px}
  body.role-manager .achievement-review-dialog-r253 .rating-scale-heading{
    align-items:stretch!important;
    flex-direction:column!important;
  }
  body.role-manager .achievement-review-dialog-r253 .rating-current{
    min-width:0!important;
    width:100%!important;
    max-width:none!important;
  }
  body.role-manager .achievement-review-dialog-r253 .review-decision-grid{
    grid-template-columns:1fr!important;
  }
  .achievement-review-trigger-r253{min-height:62px}
}
@media(max-width:480px){
  .achievement-participation-icons-r253{justify-content:center!important}
  .achievement-participation-icon-r253{width:40px;height:40px;flex-basis:40px}
  .achievement-review-summary-r253,
  .teacher-evaluation-meta-r253{display:grid;gap:6px}
}
/* MUNJAZ_R2_53_REVIEW_DIALOG_PARTICIPATION_ICONS_END */
body.role-manager .achievement-card-dashboard-r240 .information-section-r240{
  overflow:visible!important;
  position:relative!important;
  z-index:4!important;
}
body.role-manager[data-route="manager/achievement"] .achievement-card,
body.role-teacher[data-route="teacher/achievement"] .achievement-card{
  overflow:visible!important;
}
@media(max-width:720px){
  .achievement-participation-icon-r253:hover,
  .achievement-participation-icon-r253:focus-visible,
  .achievement-participation-icon-r253[aria-expanded="true"]{
    transform:none;
  }
}

/* MUNJAZ_R2_54_RESTORE_REVIEW_ACTIONS_NOTE_DIALOG_START */
body.role-manager .achievement-hero-side-r254{
  display:grid!important;
  grid-template-columns:1fr!important;
  align-content:center!important;
  gap:9px!important;
}
body.role-manager .achievement-side-actions-r254{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
}
body.role-manager .achievement-review-trigger-r254,
body.role-manager .manager-note-trigger-r254{
  width:100%;
  min-width:0;
}
.manager-note-trigger-r254{
  min-height:58px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:9px 11px;
  border:1px solid #d9e5df;
  border-radius:13px;
  background:#fff;
  color:#164f3c;
  text-align:right;
  cursor:pointer;
  box-shadow:0 4px 13px rgba(7,72,50,.055);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.manager-note-trigger-r254:hover,
.manager-note-trigger-r254:focus-visible{
  transform:translateY(-1px);
  border-color:#cba34e;
  box-shadow:0 7px 18px rgba(7,72,50,.11);
  outline:none;
}
.manager-note-trigger-icon-r254{
  width:34px;
  height:34px;
  flex:0 0 34px;
  display:grid;
  place-items:center;
  border-radius:10px;
  color:#876112;
  background:#fff8e8;
  border:1px solid #eed9a6;
}
.manager-note-trigger-icon-r254 .icon{width:19px;height:19px}
.manager-note-trigger-r254>span:last-child{min-width:0;display:grid;gap:2px}
.manager-note-trigger-r254 strong{font-size:12.5px;line-height:1.4}
.manager-note-trigger-r254 small{font-size:10.5px;line-height:1.45;color:#687870}

/* نافذة القرار: أزرار الاعتماد والرفض ثابتة وواضحة دائمًا. */
.achievement-review-dialog-r254{
  width:min(760px,calc(100vw - 20px));
  max-height:92vh;
}
.achievement-review-dialog-r254 .achievement-review-dialog-shell-r253{
  max-height:92vh;
}
.achievement-review-dialog-body-r254{
  padding:14px 14px 0!important;
}
body.role-manager .achievement-review-dialog-r254 .rating-scale-panel{
  margin-top:10px!important;
}
body.role-manager .achievement-review-dialog-r254 .review-decision-form-r254{
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
  margin-top:10px!important;
  padding:0!important;
}
body.role-manager .achievement-review-dialog-r254 .review-score-panel-r254,
body.role-manager .achievement-review-dialog-r254 .review-rejection-field-r254{
  margin:0!important;
  padding:13px!important;
  border:1px solid #dce7e1!important;
  border-radius:13px!important;
  background:#fff!important;
  box-shadow:none!important;
}
body.role-manager .achievement-review-dialog-r254 .review-rejection-field-r254{
  border-color:#edd2ce!important;
  background:#fffafa!important;
}
body.role-manager .achievement-review-dialog-r254 .review-rejection-field-r254 .decision-card-head{
  margin-bottom:9px!important;
}
body.role-manager .achievement-review-dialog-r254 .review-rejection-field-r254 textarea{
  width:100%!important;
  min-height:88px!important;
  resize:vertical!important;
  margin:0!important;
}
.review-dialog-actions-r254{
  position:sticky;
  right:0;
  bottom:0;
  left:0;
  z-index:20;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin:2px -14px 0;
  padding:12px 14px 14px;
  border-top:1px solid #d7e4de;
  background:rgba(247,250,248,.97);
  backdrop-filter:blur(8px);
  box-shadow:0 -10px 24px rgba(4,55,39,.08);
}
.review-dialog-actions-r254 .btn{
  width:100%!important;
  min-height:48px!important;
  justify-content:center!important;
  font-size:14px!important;
  font-weight:900!important;
  border-radius:12px!important;
}
.review-approve-button-r254{
  background:#087448!important;
  color:#fff!important;
  border-color:#087448!important;
  box-shadow:0 7px 16px rgba(8,116,72,.2)!important;
}
.review-reject-button-r254{
  background:#b6322b!important;
  color:#fff!important;
  border-color:#b6322b!important;
  box-shadow:0 7px 16px rgba(182,50,43,.18)!important;
}
.review-approve-button-r254:hover{background:#075f3c!important}
.review-reject-button-r254:hover{background:#982922!important}

/* نافذة ملاحظات المدير. */
.manager-note-dialog-r254{
  width:min(560px,calc(100vw - 20px));
  max-width:560px;
  max-height:88vh;
  margin:auto;
  padding:0;
  border:0;
  border-radius:18px;
  background:transparent;
  color:#17342a;
  overflow:visible;
}
.manager-note-dialog-r254::backdrop{
  background:rgba(3,34,25,.68);
  backdrop-filter:blur(4px);
}
.manager-note-dialog-shell-r254{
  max-height:88vh;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1px solid rgba(218,231,225,.96);
  border-radius:18px;
  background:#f7faf8;
  box-shadow:0 26px 70px rgba(0,35,25,.32);
}
.manager-note-dialog-head-r254{
  min-height:74px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:14px 16px;
  color:#fff;
  background:linear-gradient(135deg,#064631,#087153);
  border-bottom:3px solid #d7a42b;
}
.manager-note-dialog-head-r254>div{
  min-width:0;
  display:flex;
  align-items:center;
  gap:10px;
}
.manager-note-dialog-head-r254>div>span:first-child{
  width:40px;
  height:40px;
  flex:0 0 40px;
  display:grid;
  place-items:center;
  border-radius:11px;
  color:#f4c75b;
  background:rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.18);
}
.manager-note-dialog-head-r254 .icon{width:22px;height:22px}
.manager-note-dialog-head-r254 strong{display:block;font-size:17px;line-height:1.35}
.manager-note-dialog-head-r254 small{display:block;margin-top:3px;font-size:11.5px;line-height:1.5;color:#dbece5}
.manager-note-dialog-head-r254>button{
  width:38px;
  height:38px;
  flex:0 0 38px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid rgba(255,255,255,.22);
  border-radius:10px;
  background:rgba(255,255,255,.1);
  color:#fff;
  cursor:pointer;
}
.manager-note-form-r254{
  min-height:0;
  display:flex;
  flex-direction:column;
}
.manager-note-dialog-body-r254{
  display:grid;
  gap:8px;
  padding:16px;
  overflow:auto;
}
.manager-note-dialog-body-r254 label{font-weight:900;color:#164f3c}
.manager-note-dialog-body-r254 textarea{
  width:100%;
  min-height:180px;
  resize:vertical;
  border:1px solid #cdded6;
  border-radius:12px;
  background:#fff;
  padding:12px;
  font:inherit;
  line-height:1.8;
}
.manager-note-dialog-body-r254 textarea:focus{
  outline:2px solid rgba(8,113,83,.18);
  border-color:#087153;
}
.manager-note-dialog-body-r254 small{font-size:11.5px;color:#6c7c74}
.manager-note-dialog-actions-r254{
  display:flex;
  justify-content:flex-end;
  gap:9px;
  padding:12px 16px 14px;
  border-top:1px solid #d7e4de;
  background:#fff;
}
.manager-note-dialog-actions-r254 .btn{min-width:128px;justify-content:center}

html.achievement-review-open-r253,
html.manager-note-open-r254{overflow:hidden!important}

@media(max-width:720px){
  body.role-manager .achievement-side-actions-r254{
    grid-template-columns:1fr 1fr!important;
  }
  .achievement-review-trigger-r254,
  .manager-note-trigger-r254{
    min-height:58px!important;
  }
  .achievement-review-trigger-r254 small,
  .manager-note-trigger-r254 small{display:none}
  .review-dialog-actions-r254{
    grid-template-columns:1fr!important;
    padding-bottom:max(14px,env(safe-area-inset-bottom));
  }
  .manager-note-dialog-r254{
    width:calc(100vw - 12px);
    max-height:94vh;
  }
  .manager-note-dialog-shell-r254{max-height:94vh;border-radius:15px}
  .manager-note-dialog-head-r254{min-height:68px;padding:11px 12px}
  .manager-note-dialog-body-r254{padding:12px}
  .manager-note-dialog-actions-r254{
    display:grid;
    grid-template-columns:1fr 1fr;
    padding:10px 12px max(12px,env(safe-area-inset-bottom));
  }
  .manager-note-dialog-actions-r254 .btn{min-width:0;width:100%}
}
@media(max-width:480px){
  body.role-manager .achievement-side-actions-r254{grid-template-columns:1fr!important}
}
/* MUNJAZ_R2_54_RESTORE_REVIEW_ACTIONS_NOTE_DIALOG_END */
/* R2.54 flex overflow safety: prevents action buttons from being clipped. */
.achievement-review-dialog-body-r254{flex:1 1 auto!important;min-height:0!important}
.manager-note-form-r254{flex:1 1 auto;min-height:0}
.manager-note-dialog-body-r254{flex:1 1 auto;min-height:0}

/* MUNJAZ_R2_55_EXACT_REVIEW_BOARD_LAYOUT_START */
body.role-manager .achievement-board-r255,
body.role-manager .achievement-board-r255 *{box-sizing:border-box}
body.role-manager .achievement-board-r255{
  width:min(900px,calc(100vw - 18px))!important;
  max-width:900px!important;
  margin:0 auto!important;
  padding:18px!important;
  border:1px solid #dfe6ea!important;
  border-radius:20px!important;
  background:#f8fafb!important;
  color:#182a34!important;
  box-shadow:0 16px 42px rgba(25,46,58,.13)!important;
  overflow:hidden!important;
  font-family:inherit!important;
}
body.role-manager .achievement-board-r255 button,
body.role-manager .achievement-board-r255 input,
body.role-manager .achievement-board-r255 textarea{font-family:inherit!important}
body.role-manager .achievement-board-r255 h1,
body.role-manager .achievement-board-r255 h2,
body.role-manager .achievement-board-r255 p{margin:0}
body.role-manager .achievement-board-r255 [hidden]{display:none!important}

body.role-manager .achievement-board-top-r255{
  direction:ltr;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:14px;
  min-height:46px;
  margin-bottom:12px;
}
body.role-manager .achievement-board-meta-r255{
  direction:rtl;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:16px;
  min-width:0;
  color:#243743;
  font-size:13px;
  font-weight:800;
}
body.role-manager .achievement-id-r255,
body.role-manager .achievement-date-r255{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
body.role-manager .achievement-id-r255 b{
  min-width:26px;height:24px;display:inline-grid;place-items:center;
  border:2px solid #70828d;border-radius:7px;color:#536773;font-size:10px;
}
body.role-manager .achievement-date-r255 .icon{width:19px;height:19px;color:#08728c}
body.role-manager .achievement-quick-tools-r255{display:flex;align-items:center;gap:5px;margin-inline-start:2px}
body.role-manager .achievement-quick-tools-r255 button{
  width:32px;height:32px;display:grid;place-items:center;padding:0;
  border:1px solid #dbe4e9;border-radius:9px;background:#fff;color:#0c7081;
  cursor:pointer;transition:.16s ease;
}
body.role-manager .achievement-quick-tools-r255 button:hover,
body.role-manager .achievement-quick-tools-r255 button:focus-visible{border-color:#91bdc6;background:#eff8fa;transform:translateY(-1px);outline:none}
body.role-manager .achievement-quick-tools-r255 .icon{width:17px;height:17px}
body.role-manager .achievement-board-status-r255{
  direction:rtl;
  min-width:110px!important;
  min-height:38px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  padding:7px 14px!important;
  border-radius:11px!important;
  font-size:14px!important;
  font-weight:900!important;
  box-shadow:none!important;
}
body.role-manager .achievement-board-status-r255 .icon{width:19px;height:19px}

body.role-manager .achievement-board-intro-r255{
  direction:ltr;
  display:grid;
  grid-template-columns:.88fr 1.12fr;
  grid-template-areas:"teacher heading";
  gap:14px;
  margin-bottom:14px;
}
body.role-manager .teacher-identity-card-r255,
body.role-manager .achievement-heading-card-r255,
body.role-manager .achievement-box-r255{
  direction:rtl;
  border:1px solid #dfe6ea;
  border-radius:14px;
  background:rgba(255,255,255,.94);
  box-shadow:0 3px 12px rgba(37,58,70,.035);
}
body.role-manager .teacher-identity-card-r255{
  grid-area:teacher;
  min-height:132px;
  display:flex;
  align-items:center;
  gap:14px;
  padding:16px 18px;
}
body.role-manager .teacher-photo-r255{
  position:relative;width:92px;height:92px;flex:0 0 92px;display:grid;place-items:center;
  overflow:hidden;border-radius:50%;background:linear-gradient(145deg,#edf3f6,#f9fbfc);
  border:1px solid #dce5e9;color:#0b7583;font-size:30px;font-weight:900;
}
body.role-manager .teacher-photo-r255 img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
body.role-manager .teacher-photo-r255.has-photo .avatar-fallback{opacity:0}
body.role-manager .teacher-identity-card-r255>div{min-width:0;display:grid;gap:7px}
body.role-manager .teacher-identity-card-r255 strong{color:#057184;font-size:17px;line-height:1.55;font-weight:900;overflow-wrap:anywhere}
body.role-manager .teacher-identity-card-r255 span{font-size:13px;color:#4d5d67}
body.role-manager .teacher-identity-card-r255 small{font-size:12px;color:#64757f;line-height:1.55}

body.role-manager .achievement-heading-card-r255{
  grid-area:heading;
  min-height:132px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:15px 18px 12px;
}
body.role-manager .achievement-heading-title-r255{display:flex;align-items:flex-start;justify-content:center;gap:10px;text-align:center}
body.role-manager .achievement-heading-title-r255 .icon{width:24px;height:24px;flex:0 0 24px;margin-top:5px;color:#08728c}
body.role-manager .achievement-heading-title-r255 h1{max-width:100%;font-size:24px;line-height:1.5;font-weight:950;color:#142536;overflow-wrap:anywhere}
body.role-manager .participation-summary-r255{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:13px}
body.role-manager .participation-summary-item-r255{
  min-width:0;display:grid;justify-items:center;gap:5px;padding:5px 3px;border:0;background:transparent;
  color:#08768a;cursor:help;font-size:11.5px;line-height:1.4;
}
body.role-manager .participation-summary-item-r255 .icon{width:25px;height:25px}
body.role-manager .participation-summary-item-r255.group{color:#ee8700}
body.role-manager .participation-summary-item-r255.students{color:#0872b7}
body.role-manager .participation-summary-item-r255.community{color:#087f82}
body.role-manager .participation-summary-item-r255.is-off{opacity:.33;filter:grayscale(.8)}
body.role-manager .participation-summary-item-r255:focus-visible{outline:2px solid #9dc7cf;outline-offset:2px;border-radius:8px}

body.role-manager .achievement-board-grid-r255{
  direction:ltr;
  display:grid;
  grid-template-columns:1fr 1fr;
  grid-template-areas:
    "description description"
    "information participants"
    "evidence note";
  gap:12px;
}
body.role-manager .achievement-box-r255{min-width:0;padding:13px 14px}
body.role-manager .achievement-box-r255>h2{
  margin:0 0 10px!important;text-align:center;color:#087458;font-size:15px;line-height:1.45;font-weight:950;
}
body.role-manager .achievement-name-box-r255{grid-area:name;min-height:128px;display:flex;flex-direction:column}
body.role-manager .achievement-description-box-r255{grid-area:description;min-height:128px}
body.role-manager .achievement-info-box-r255{grid-area:information;min-height:192px}
body.role-manager .achievement-participants-box-r255{grid-area:participants;min-height:192px}
body.role-manager .achievement-evidence-box-r255{grid-area:evidence;min-height:160px}
body.role-manager .achievement-note-box-r255{grid-area:note;min-height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
body.role-manager .achievement-name-value-r255{
  flex:1;display:grid;place-items:center;min-height:72px;padding:14px;border:1px solid #d7e6e6;border-radius:10px;
  background:linear-gradient(135deg,#f8fcfc,#eef7f7);color:#1b2c37;font-size:16px;line-height:1.65;font-weight:800;text-align:center;
}
body.role-manager .achievement-description-box-r255 p{
  color:#3d4d57;font-size:13.5px;line-height:1.9;text-align:center;overflow-wrap:anywhere;
}
body.role-manager .achievement-info-table-r255{margin:0;border:1px solid #e1e7eb;border-radius:9px;overflow:hidden;background:#fff}
body.role-manager .achievement-info-table-r255>div{display:grid;grid-template-columns:142px minmax(0,1fr);border-bottom:1px solid #e5eaed}
body.role-manager .achievement-info-table-r255>div:last-child{border-bottom:0}
body.role-manager .achievement-info-table-r255 dt,
body.role-manager .achievement-info-table-r255 dd{margin:0;padding:6px 9px;font-size:11.5px;line-height:1.45}
body.role-manager .achievement-info-table-r255 dt{color:#087458;font-weight:900;border-inline-end:1px solid #e5eaed}
body.role-manager .achievement-info-table-r255 dd{color:#293b46;font-weight:700;overflow-wrap:anywhere}

body.role-manager .participant-mini-grid-r255{display:grid;grid-template-columns:1fr 1fr;gap:8px}
body.role-manager .participant-mini-card-r255,
body.role-manager .show-all-participants-r255{
  min-height:64px;display:flex;align-items:center;gap:10px;padding:9px 11px;border:1px solid #e0e7eb;border-radius:10px;background:#fff;color:#173743;text-align:right;
}
body.role-manager .participant-mini-card-r255 .icon{width:23px;height:23px;flex:0 0 23px;color:#08798b}
body.role-manager .participant-mini-card-r255>span{min-width:0;display:grid;gap:3px}
body.role-manager .participant-mini-card-r255 strong{font-size:12.5px;line-height:1.4;overflow-wrap:anywhere}
body.role-manager .participant-mini-card-r255 small{font-size:11px;color:#697982}
body.role-manager .show-all-participants-r255{
  justify-content:center;color:#08768a;background:linear-gradient(135deg,#fff,#f2f9fa);cursor:pointer;font-weight:900;font-size:12px;
}
body.role-manager .show-all-participants-r255 .icon{width:18px;height:18px}
body.role-manager .show-all-participants-r255:hover{border-color:#94c5ce}
body.role-manager .achievement-empty-r255{min-height:95px;display:grid;place-items:center;color:#74838b;font-size:12px;text-align:center}

body.role-manager .achievement-evidence-list-r255{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
body.role-manager .evidence-tile-r255{
  min-width:0;display:grid;justify-items:center;gap:3px;padding:7px;border:1px solid #dfe6ea;border-radius:10px;background:#fff;color:#1c2f39;text-decoration:none;text-align:center;
}
body.role-manager .evidence-preview-r255{width:100%;height:72px;display:grid;place-items:center;overflow:hidden;border-radius:7px;background:#f2f6f8;color:#d94a43}
body.role-manager .evidence-preview-r255 img{width:100%;height:100%;object-fit:cover}
body.role-manager .evidence-preview-r255 .icon{width:34px;height:34px}
body.role-manager .evidence-preview-r255 b{font-size:10px}
body.role-manager .evidence-tile-r255>strong{font-size:11px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
body.role-manager .evidence-tile-r255>small{font-size:10px;color:#73818a}
body.role-manager .show-all-evidences-r255{
  display:block;margin:8px auto 0;padding:0;border:0;background:transparent;color:#08758a;font-size:11.5px;font-weight:900;cursor:pointer;
}
body.role-manager .achievement-note-box-r255 p{margin-bottom:12px!important;color:#4f606a;font-size:13px;line-height:1.75}
body.role-manager .note-button-r255{
  min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 17px;border:1px solid #bcd4dc;border-radius:10px;background:#fff;color:#087260;font-weight:900;cursor:pointer;
}
body.role-manager .note-button-r255 .icon{width:18px;height:18px}

body.role-manager .achievement-action-grid-r255{
  direction:ltr;display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-top:12px;
}
body.role-manager .achievement-action-card-r255{
  direction:rtl;min-height:112px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px;border:1px solid;border-radius:13px;text-align:center;
}
body.role-manager .achievement-action-card-r255 h2{display:flex;align-items:center;justify-content:center;gap:8px;font-size:15px;line-height:1.4;font-weight:950}
body.role-manager .achievement-action-card-r255 h2 .icon{width:20px;height:20px}
body.role-manager .achievement-action-card-r255>strong{margin:3px 0 7px;font-size:24px;line-height:1.2}
body.role-manager .achievement-action-card-r255>strong small{font-size:14px;font-weight:800;color:#26343b}
body.role-manager .achievement-action-card-r255 button{
  min-width:150px;min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;border:1px solid;border-radius:10px;background:#fff;font-weight:900;cursor:pointer;
}
body.role-manager .achievement-action-card-r255 button .icon{width:19px;height:19px}
body.role-manager .achievement-action-card-r255 button:disabled{opacity:.58;cursor:not-allowed}
body.role-manager .achievement-action-card-r255.evaluation{border-color:#cfe1ee;background:linear-gradient(145deg,#fbfdff,#f4faff);color:#08657b}
body.role-manager .achievement-action-card-r255.evaluation button{border-color:#b9dce8;color:#08657b;background:#f3fbff}
body.role-manager .achievement-action-card-r255.rejection{border-color:#f0d4d1;background:linear-gradient(145deg,#fffdfd,#fff6f5);color:#de2f27}
body.role-manager .achievement-action-card-r255.rejection button{border-color:#f2cbc6;color:#d82e27;background:#fff8f7}
body.role-manager .achievement-action-card-r255.approval{border-color:#d3e8dc;background:linear-gradient(145deg,#fdfffe,#f3fbf6);color:#09894e}
body.role-manager .achievement-action-card-r255.approval button{border-color:#c9e5d4;color:#07864b;background:#f2fff6}

@media(max-width:820px){
  body.role-manager .achievement-board-r255{padding:14px!important}
  body.role-manager .achievement-board-intro-r255{grid-template-columns:1fr!important;grid-template-areas:"heading" "teacher"}
  body.role-manager .achievement-board-grid-r255{
    grid-template-columns:1fr!important;
    grid-template-areas:"description" "participants" "information" "evidence" "note";
  }
  body.role-manager .achievement-action-grid-r255{grid-template-columns:1fr!important}
  body.role-manager .achievement-action-card-r255{min-height:98px}
}
@media(max-width:620px){
  body.role-manager .achievement-board-top-r255{grid-template-columns:1fr;gap:8px}
  body.role-manager .achievement-board-status-r255{justify-self:end}
  body.role-manager .achievement-board-meta-r255{flex-wrap:wrap;gap:9px 12px}
  body.role-manager .teacher-identity-card-r255{min-height:110px;padding:13px}
  body.role-manager .teacher-photo-r255{width:72px;height:72px;flex-basis:72px}
  body.role-manager .achievement-heading-title-r255 h1{font-size:20px}
  body.role-manager .participation-summary-item-r255 span{font-size:10.5px}
  body.role-manager .participant-mini-grid-r255{grid-template-columns:1fr}
  body.role-manager .achievement-evidence-list-r255{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.role-manager .achievement-info-table-r255>div{grid-template-columns:112px minmax(0,1fr)}
}
@media(max-width:420px){
  body.role-manager .achievement-board-r255{width:calc(100vw - 10px)!important;padding:10px!important;border-radius:15px!important}
  body.role-manager .achievement-quick-tools-r255{width:100%;margin-inline-start:0}
  body.role-manager .achievement-heading-card-r255{padding-inline:10px}
  body.role-manager .participation-summary-r255{gap:2px}
  body.role-manager .achievement-box-r255{padding:11px}
  body.role-manager .achievement-evidence-list-r255{grid-template-columns:1fr}
  body.role-manager .achievement-info-table-r255>div{grid-template-columns:1fr}
  body.role-manager .achievement-info-table-r255 dt{border-inline-end:0;border-bottom:1px dashed #e5eaed;padding-bottom:3px}
  body.role-manager .achievement-info-table-r255 dd{padding-top:3px}
  body.role-manager .achievement-action-card-r255 button{min-width:0;width:100%}
}
/* MUNJAZ_R2_55_EXACT_REVIEW_BOARD_LAYOUT_END */


/* MUNJAZ_R2_56_EVALUATE_THEN_DECIDE_FLOW_START */
body.role-manager .achievement-action-grid-r256{
  align-items:stretch;
}
body.role-manager .achievement-action-grid-r256 .achievement-action-card-r255{
  position:relative;
  overflow:hidden;
}
body.role-manager .achievement-action-grid-r256 .achievement-action-card-r255 form{
  width:100%;
  margin:0;
  display:flex;
  align-items:center;
  justify-content:center;
}
body.role-manager .achievement-action-grid-r256 .achievement-action-card-r255 form button{
  margin-inline:auto;
}
body.role-manager .achievement-action-grid-r256 button:disabled{
  opacity:.55;
  cursor:not-allowed;
  filter:grayscale(.25);
}

body.role-manager dialog.achievement-process-dialog-r256,
body.role-manager dialog.achievement-confirm-dialog-r256{
  border:0;
  padding:0;
  background:transparent;
  color:#15232e;
  overflow:visible;
}
body.role-manager dialog.achievement-process-dialog-r256{
  width:min(650px,calc(100vw - 24px));
  max-width:650px;
}
body.role-manager dialog.achievement-confirm-dialog-r256{
  width:min(430px,calc(100vw - 24px));
  max-width:430px;
}
body.role-manager dialog.achievement-process-dialog-r256::backdrop,
body.role-manager dialog.achievement-confirm-dialog-r256::backdrop{
  background:rgba(11,27,34,.60);
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
}
html.achievement-evaluation-open-r256,
html.achievement-rejection-open-r256,
html.achievement-confirm-open-r256,
html.achievement-requirement-open-r256{
  overflow:hidden!important;
}

body.role-manager .achievement-process-shell-r256{
  max-height:min(88vh,760px);
  display:flex;
  flex-direction:column;
  overflow:hidden;
  background:#fff;
  border:1px solid #d9e5e3;
  border-radius:22px;
  box-shadow:0 26px 75px rgba(10,34,42,.30);
}
body.role-manager .achievement-process-head-r256{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:18px 20px;
  color:#075f52;
  background:linear-gradient(135deg,#f4fcfa,#eef8f5);
  border-bottom:1px solid #d9e9e5;
}
body.role-manager .achievement-process-head-r256.danger{
  color:#b4232d;
  background:linear-gradient(135deg,#fffafa,#fff2f2);
  border-bottom-color:#f2d7d9;
}
body.role-manager .achievement-process-head-r256>div{
  min-width:0;
  display:flex;
  align-items:center;
  gap:12px;
}
body.role-manager .achievement-process-icon-r256{
  width:44px;
  height:44px;
  flex:0 0 44px;
  display:grid;
  place-items:center;
  border-radius:14px;
  color:#08756b;
  background:#fff;
  border:1px solid #cfe4df;
  box-shadow:0 7px 18px rgba(8,84,74,.10);
}
body.role-manager .achievement-process-head-r256.danger .achievement-process-icon-r256{
  color:#d62936;
  border-color:#f0cfd3;
}
body.role-manager .achievement-process-icon-r256 svg{
  width:23px;
  height:23px;
}
body.role-manager .achievement-process-head-r256 strong{
  display:block;
  font-size:19px;
  font-weight:900;
  line-height:1.45;
}
body.role-manager .achievement-process-head-r256 small{
  display:block;
  margin-top:3px;
  color:#68777e;
  font-size:12.5px;
  line-height:1.55;
}
body.role-manager .achievement-process-head-r256>button{
  width:42px;
  height:42px;
  flex:0 0 42px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid #d8e2e3;
  border-radius:12px;
  color:#55666c;
  background:#fff;
  cursor:pointer;
}
body.role-manager .achievement-process-head-r256>button svg{
  width:20px;
  height:20px;
}

body.role-manager .achievement-process-form-r256{
  min-height:0;
  display:flex;
  flex-direction:column;
}
body.role-manager .achievement-process-body-r256{
  min-height:0;
  overflow:auto;
  padding:20px;
  scrollbar-width:thin;
}
body.role-manager .achievement-process-summary-r256{
  display:flex;
  flex-wrap:wrap;
  gap:8px 18px;
  margin-bottom:15px;
  padding:11px 13px;
  border:1px solid #dce8e6;
  border-radius:13px;
  color:#4b5e64;
  background:#f8fbfa;
  font-size:13px;
}
body.role-manager .achievement-process-summary-r256 b{
  color:#0a665a;
}
body.role-manager .rating-scale-panel-r256{
  margin:0;
  padding:16px;
  border:1px solid #dce7e7;
  border-radius:17px;
  background:#fff;
}
body.role-manager .rating-scale-panel-r256 .rating-scale-heading{
  gap:12px;
  align-items:flex-start;
}
body.role-manager .shared-score-field-r256{
  width:100%;
  max-width:none;
  margin:15px 0 13px;
  display:grid;
  grid-template-columns:minmax(160px,1fr) 170px;
  align-items:center;
  gap:14px;
  font-weight:850;
  color:#19353a;
}
body.role-manager .shared-score-field-r256 input{
  width:100%;
  min-height:52px;
  text-align:center;
  font-size:22px;
  font-weight:900;
  color:#075f52;
  border:1px solid #bfd8d3;
  border-radius:13px;
  background:#f9fffd;
}
body.role-manager .shared-score-field-r256 input:focus{
  outline:3px solid rgba(18,137,118,.13);
  border-color:#178b79;
}
body.role-manager .shared-score-field-r256 input:disabled{
  color:#40545a;
  background:#f2f5f5;
}
body.role-manager .rating-scale-panel-r256 .rating-band-line-r245{
  margin-top:8px;
}

body.role-manager .achievement-saved-rating-r256{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:17px;
  padding:13px 15px;
  color:#075f52;
  border:1px solid #cfe3df;
  border-radius:15px;
  background:#f3fbf8;
}
body.role-manager .achievement-saved-rating-r256>svg{
  width:26px;
  height:26px;
}
body.role-manager .achievement-saved-rating-r256 span{
  display:grid;
  gap:2px;
}
body.role-manager .achievement-saved-rating-r256 small{
  color:#64767b;
}
body.role-manager .achievement-saved-rating-r256 strong{
  font-size:17px;
}
body.role-manager .achievement-rejection-reason-r256{
  display:grid;
  gap:8px;
  color:#25373c;
  font-weight:850;
}
body.role-manager .achievement-rejection-reason-r256 textarea{
  width:100%;
  min-height:145px;
  resize:vertical;
  padding:13px 14px;
  border:1px solid #e4c4c8;
  border-radius:14px;
  color:#26373c;
  background:#fffafa;
  font:inherit;
  line-height:1.75;
}
body.role-manager .achievement-rejection-reason-r256 textarea:focus{
  outline:3px solid rgba(206,47,61,.10);
  border-color:#d85561;
}
body.role-manager .achievement-rejection-reason-r256 small{
  color:#7a686b;
  font-size:12px;
  font-weight:500;
}

body.role-manager .achievement-process-actions-r256{
  flex:0 0 auto;
  display:flex;
  justify-content:flex-end;
  gap:10px;
  padding:14px 20px;
  border-top:1px solid #dfe8e8;
  background:#fbfdfd;
}
body.role-manager .achievement-process-actions-r256 .btn{
  min-width:130px;
}

body.role-manager .achievement-confirm-shell-r256{
  padding:25px 23px 21px;
  text-align:center;
  background:#fff;
  border:1px solid #dce6e7;
  border-radius:21px;
  box-shadow:0 26px 75px rgba(10,34,42,.32);
}
body.role-manager .achievement-confirm-mark-r256{
  width:58px;
  height:58px;
  margin:0 auto 13px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:#fff;
  background:linear-gradient(145deg,#0d806e,#075c51);
  box-shadow:0 10px 25px rgba(5,94,80,.22);
  font-size:30px;
  font-weight:900;
}
body.role-manager .achievement-confirm-mark-r256.warning{
  color:#8a5b00;
  background:linear-gradient(145deg,#fff2c4,#ffd979);
  box-shadow:0 10px 25px rgba(191,137,18,.18);
}
body.role-manager .achievement-confirm-shell-r256 h2{
  margin:0 0 8px;
  color:#172832;
  font-size:21px;
}
body.role-manager .achievement-confirm-shell-r256 p{
  margin:0;
  color:#53656c;
  line-height:1.8;
  white-space:pre-line;
}
body.role-manager .achievement-confirm-actions-r256{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:20px;
}
body.role-manager .achievement-confirm-actions-r256.single{
  grid-template-columns:1fr;
}
body.role-manager .achievement-confirm-actions-r256 .btn{
  min-height:45px;
  justify-content:center;
}

@media(max-width:620px){
  body.role-manager .achievement-process-head-r256{
    padding:14px;
  }
  body.role-manager .achievement-process-head-r256 strong{
    font-size:17px;
  }
  body.role-manager .achievement-process-body-r256{
    padding:14px;
  }
  body.role-manager .shared-score-field-r256{
    grid-template-columns:1fr;
  }
  body.role-manager .achievement-process-actions-r256{
    padding:12px 14px;
  }
  body.role-manager .achievement-process-actions-r256 .btn{
    min-width:0;
    flex:1;
  }
  body.role-manager .achievement-confirm-shell-r256{
    padding:21px 16px 17px;
  }
}
/* MUNJAZ_R2_56_EVALUATE_THEN_DECIDE_FLOW_END */

/* MUNJAZ_R2_57_MOVE_AFTER_DECISION_START */
body.role-manager .achievement-row.is-recently-moved-r257{
  position:relative;
  border-color:#79c49d;
  background:linear-gradient(90deg,#f4fff8 0%,#ffffff 58%);
  box-shadow:0 0 0 2px rgba(24,132,78,.10),0 12px 28px rgba(14,92,58,.10);
  animation:munjazRecentlyMovedR257 1.1s ease both;
}
body.role-manager .recently-moved-badge-r257{
  display:inline-flex;
  align-items:center;
  width:max-content;
  margin-top:6px;
  padding:3px 9px;
  border:1px solid #a7ddbb;
  border-radius:999px;
  background:#eaf9ef;
  color:#17623e;
  font-size:11px;
  font-weight:800;
  line-height:1.5;
}
@keyframes munjazRecentlyMovedR257{
  from{opacity:.35;transform:translateY(-8px)}
  to{opacity:1;transform:translateY(0)}
}
/* MUNJAZ_R2_57_MOVE_AFTER_DECISION_END */


/* MUNJAZ_R2_60_REMOVE_DUPLICATED_ACHIEVEMENT_TITLE_START */
body.role-manager .achievement-board-grid-r260 .achievement-description-box-r255{
  min-height:104px;
  padding-inline:22px;
}
body.role-manager .achievement-board-grid-r260 .achievement-description-box-r255 p{
  max-width:760px;
  margin-inline:auto!important;
}
@media(max-width:620px){
  body.role-manager .achievement-board-grid-r260 .achievement-description-box-r255{padding-inline:14px}
}
/* MUNJAZ_R2_60_REMOVE_DUPLICATED_ACHIEVEMENT_TITLE_END */


/* MUNJAZ_FIXED_RIGHT_ACHIEVEMENT_CLOSE_R2_61_START */
.munjaz-native-achievement-card{
    position:relative!important;
}
.munjaz-native-achievement-head{
    position:sticky!important;
    top:0!important;
    z-index:40!important;
    padding:11px 76px 11px 18px!important;
    background:#fff!important;
}
.munjaz-native-achievement-close{
    position:absolute!important;
    top:50%!important;
    right:18px!important;
    left:auto!important;
    z-index:50!important;
    transform:translateY(-50%)!important;
}
@media(max-width:760px){
    .munjaz-native-achievement-head{
        padding:9px 64px 9px 12px!important;
    }
    .munjaz-native-achievement-close{
        right:12px!important;
        left:auto!important;
    }
}
/* MUNJAZ_FIXED_RIGHT_ACHIEVEMENT_CLOSE_R2_61_END */


/* MUNJAZ_R2_82_TAJAWAL_BALANCED_TYPOGRAPHY_START */
/* نظام خط موحد وخفيف للمدير والمعلم، مع تدرج واضح بين العناوين والنصوص. */
:root{
    --munjaz-font-family:"Tajawal","Segoe UI",Tahoma,Arial,sans-serif;
    --munjaz-font-body:15px;
    --munjaz-font-small:12.5px;
    --munjaz-font-label:14px;
    --munjaz-font-row-title:17px;
    --munjaz-font-user:15.5px;
    --munjaz-line-body:1.65;
}

html[dir="rtl"] body.ui-government-dashboard.role-manager[data-route] *,
html[dir="rtl"] body.ui-government-dashboard.role-teacher[data-route] *,
html[dir="rtl"] body.ui-government-dashboard.role-public[data-route] *{
    font-family:var(--munjaz-font-family)!important;
    font-synthesis:none;
    letter-spacing:0!important;
}

html[dir="rtl"] body.ui-government-dashboard{
    font-family:var(--munjaz-font-family)!important;
    font-size:var(--munjaz-font-body)!important;
    font-weight:400!important;
    line-height:var(--munjaz-line-body)!important;
    text-rendering:optimizeLegibility;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}

html[dir="rtl"] body.ui-government-dashboard :is(input,select,textarea){
    font-size:15px!important;
    font-weight:400!important;
    line-height:1.55!important;
}
html[dir="rtl"] body.ui-government-dashboard :is(button,.btn,a.btn){
    font-size:15px!important;
    font-weight:600!important;
    line-height:1.35!important;
}

/* الهيدر وشريط التنقل */
html[dir="rtl"] body.ui-government-dashboard :is(.munjaz-user-copy,.teacher-user-copy-r276) strong{
    font-size:17px!important;
    font-weight:700!important;
    line-height:1.35!important;
}
html[dir="rtl"] body.ui-government-dashboard :is(.munjaz-user-copy,.teacher-user-copy-r276) small{
    font-size:12.5px!important;
    font-weight:500!important;
    line-height:1.45!important;
}
html[dir="rtl"] body.ui-government-dashboard .top-nav-item span{
    font-size:16px!important;
    font-weight:600!important;
    line-height:1.35!important;
}
html[dir="rtl"] body.ui-government-dashboard :is(.nav-badge,.tool-badge,.bottom-badge){
    font-size:10.5px!important;
    font-weight:700!important;
    line-height:1!important;
}

/* عناوين الصفحات والأقسام */
html[dir="rtl"] body.ui-government-dashboard.role-manager[data-route] .page-title-card h1,
html[dir="rtl"] body.ui-government-dashboard.role-teacher[data-route] .page-title-card h1{
    font-size:clamp(30px,2.35vw,36px)!important;
    font-weight:700!important;
    line-height:1.32!important;
}
html[dir="rtl"] body.ui-government-dashboard.role-manager[data-route] .page-title-card p,
html[dir="rtl"] body.ui-government-dashboard.role-teacher[data-route] .page-title-card p{
    font-size:14.5px!important;
    font-weight:400!important;
    line-height:1.7!important;
}
html[dir="rtl"] body.ui-government-dashboard :is(.panel-head h2,.section-title,.content-title,.card-title){
    font-size:clamp(21px,1.65vw,25px)!important;
    font-weight:700!important;
    line-height:1.4!important;
}
html[dir="rtl"] body.ui-government-dashboard :is(.panel-head p,.section-subtitle,.filter-help,.form-help,.muted){
    font-size:13px!important;
    font-weight:400!important;
    line-height:1.7!important;
}

/* بطاقات المؤشرات */
html[dir="rtl"] body.ui-government-dashboard.role-manager[data-route="manager/dashboard"] .metric-copy span{
    font-size:14.5px!important;
    font-weight:600!important;
    line-height:1.45!important;
}
html[dir="rtl"] body.ui-government-dashboard.role-manager[data-route="manager/dashboard"] .metric-copy strong{
    font-size:34px!important;
    font-weight:700!important;
    line-height:1.05!important;
    font-variant-numeric:tabular-nums;
}

/* الفلاتر والجداول */
html[dir="rtl"] body.ui-government-dashboard :is(.filter-field label,.data-table th,.achievement-row-head,.table-head){
    font-size:14px!important;
    font-weight:600!important;
    line-height:1.45!important;
}
html[dir="rtl"] body.ui-government-dashboard :is(.data-table td,.filter-field select,.filter-field input){
    font-size:14.5px!important;
    font-weight:400!important;
}

/* قائمة إنجازات المدير: تقليل السماكة مع إبراز التسلسل البصري. */
html[dir="rtl"] body.ui-government-dashboard.role-manager[data-route] .manager-achievements-panel,
html[dir="rtl"] body.ui-government-dashboard.role-manager[data-route] .manager-achievements-grid,
html[dir="rtl"] body.ui-government-dashboard.role-manager[data-route] .achievement-row-head,
html[dir="rtl"] body.ui-government-dashboard.role-manager[data-route] .achievement-row{
    font-family:var(--munjaz-font-family)!important;
}
html[dir="rtl"] body.ui-government-dashboard.role-manager[data-route] .manager-achievements-panel .achievement-row-head,
html[dir="rtl"] body.ui-government-dashboard.role-manager[data-route] .achievement-row-head{
    font-size:14px!important;
    font-weight:600!important;
    line-height:1.45!important;
}
html[dir="rtl"] body.ui-government-dashboard.role-manager[data-route] .manager-achievements-panel .achievement-title strong,
html[dir="rtl"] body.ui-government-dashboard.role-manager[data-route] .achievement-row .achievement-title strong{
    font-size:17px!important;
    font-weight:700!important;
    line-height:1.5!important;
}
html[dir="rtl"] body.ui-government-dashboard.role-manager[data-route] .manager-achievements-panel .achievement-subtitle,
html[dir="rtl"] body.ui-government-dashboard.role-manager[data-route] .achievement-row .achievement-subtitle{
    font-size:13px!important;
    font-weight:400!important;
    line-height:1.6!important;
}
html[dir="rtl"] body.ui-government-dashboard.role-manager[data-route] .manager-achievements-panel .teacher-inline strong,
html[dir="rtl"] body.ui-government-dashboard.role-manager[data-route] .achievement-row .teacher-inline strong{
    font-size:15.5px!important;
    font-weight:600!important;
    line-height:1.5!important;
}
html[dir="rtl"] body.ui-government-dashboard.role-manager[data-route] .manager-achievements-panel .teacher-inline small,
html[dir="rtl"] body.ui-government-dashboard.role-manager[data-route] .achievement-row .teacher-inline small{
    font-size:12.5px!important;
    font-weight:400!important;
    line-height:1.5!important;
}
html[dir="rtl"] body.ui-government-dashboard.role-manager[data-route] .manager-achievements-panel .status,
html[dir="rtl"] body.ui-government-dashboard.role-manager[data-route] .achievement-row .status{
    font-size:13px!important;
    font-weight:600!important;
    line-height:1.35!important;
}
html[dir="rtl"] body.ui-government-dashboard.role-manager[data-route] .manager-achievements-panel .row-date strong,
html[dir="rtl"] body.ui-government-dashboard.role-manager[data-route] .achievement-row .row-date strong{
    font-size:13.5px!important;
    font-weight:600!important;
    line-height:1.4!important;
}
html[dir="rtl"] body.ui-government-dashboard.role-manager[data-route] .manager-achievements-panel .row-date small,
html[dir="rtl"] body.ui-government-dashboard.role-manager[data-route] .achievement-row .row-date small,
html[dir="rtl"] body.ui-government-dashboard.role-manager[data-route] .manager-achievements-panel .row-day,
html[dir="rtl"] body.ui-government-dashboard.role-manager[data-route] .achievement-row .row-day{
    font-size:12px!important;
    font-weight:400!important;
    line-height:1.4!important;
}
html[dir="rtl"] body.ui-government-dashboard.role-manager[data-route] :is(.achievement-serial,.achievement-index,.achievement-number,.row-number){
    font-size:13px!important;
    font-weight:700!important;
    font-variant-numeric:tabular-nums;
}

/* صفحة المعلم وبطاقات الإنجاز */
html[dir="rtl"] body.ui-government-dashboard.role-teacher[data-route] .teacher-achievement-card h2,
html[dir="rtl"] body.ui-government-dashboard.role-teacher[data-route] .teacher-achievement-card-title,
html[dir="rtl"] body.ui-government-dashboard.role-teacher[data-route] .achievement-card-title h2{
    font-size:17px!important;
    font-weight:700!important;
    line-height:1.5!important;
}
html[dir="rtl"] body.ui-government-dashboard.role-teacher[data-route] :is(.teacher-achievement-meta,.teacher-achievement-card p,.teacher-achievement-card small){
    font-size:13px!important;
    font-weight:400!important;
    line-height:1.6!important;
}

/* النوافذ وبطاقة الإنجاز */
html[dir="rtl"] body.ui-government-dashboard :is(dialog,.modal-card,.achievement-board-r255){
    font-family:var(--munjaz-font-family)!important;
}
html[dir="rtl"] body.ui-government-dashboard :is(dialog,.modal-card,.achievement-board-r255) h1{
    font-weight:700!important;
}
html[dir="rtl"] body.ui-government-dashboard :is(dialog,.modal-card,.achievement-board-r255) h2{
    font-weight:600!important;
}

@media(max-width:760px){
    :root{
        --munjaz-font-body:14.5px;
        --munjaz-font-small:12px;
        --munjaz-font-row-title:16px;
    }
    html[dir="rtl"] body.ui-government-dashboard .top-nav-item span{
        font-size:14px!important;
    }
    html[dir="rtl"] body.ui-government-dashboard.role-manager[data-route] .page-title-card h1,
    html[dir="rtl"] body.ui-government-dashboard.role-teacher[data-route] .page-title-card h1{
        font-size:29px!important;
    }
    html[dir="rtl"] body.ui-government-dashboard.role-manager[data-route] .manager-achievements-panel .achievement-title strong,
    html[dir="rtl"] body.ui-government-dashboard.role-manager[data-route] .achievement-row .achievement-title strong{
        font-size:16px!important;
    }
}

@media print{
    html[dir="rtl"] body,
    html[dir="rtl"] body *{
        font-family:var(--munjaz-font-family)!important;
    }
}
/* MUNJAZ_R2_82_TAJAWAL_BALANCED_TYPOGRAPHY_END */