.grade-circle{position:relative;overflow:hidden;outline:none !important;box-shadow:none !important;user-select:none;caret-color:transparent}.grade-circle:focus,.grade-circle:focus-visible{outline:none !important;box-shadow:none !important}


.mriia-modal-backdrop{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(2,6,23,0.5);display:none;align-items:center;justify-content:center;z-index:200000}.mriia-modal{background:#fff;border-radius:18px;padding:20px;min-width:360px;max-width:760px}.mriia-modal.open{display:flex}.grade-circle{width:160px;height:160px;border-radius:50%;background:linear-gradient(180deg,#f8fafc,#fff);border:6px solid #e6eefc;display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:800;color:#0f172a;margin:12px auto}.grade-keypad{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:12px}.grade-key{width:56px;height:44px;border-radius:10px;background:#f3f4f6;border:1px solid #e6e6e6;display:flex;align-items:center;justify-content:center;font-weight:700;cursor:pointer}.grade-actions{display:flex;justify-content:center;gap:12px;margin-top:14px}.btn-apply{background:#1C77FF;color:#fff;border:none;padding:8px 14px;border-radius:10px;cursor:pointer}.btn-secondary{background:#f3f4f6;border:none;padding:8px 14px;border-radius:10px;cursor:pointer}.gr-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.gr-item{padding:8px 10px;border-radius:10px;background:#f8fafc;border:1px solid #e6eefc;cursor:pointer;font-weight:700}.gr-item.selected{background:#1C77FF;color:#fff;border-color:#155ecb}.gr-star{width:16px;height:16px;border-radius:4px;border:1px solid rgba(28,119,255,0.2);display:inline-flex;align-items:center;justify-content:center;color:#1C77FF;cursor:pointer;background:#f0f8ff;font-size:12px}.gr-star.active{background:#1C77FF;color:#fff}.gb-table th .gr-star, thead th .gr-star{position:absolute !important;right:8px !important;top:6px !important}.gb-subtype-header .auto-star-btn, .gb-subtype-header .gr-star{position:absolute !important;right:6px !important;top:6px !important;width:16px !important;height:16px !important;padding:0 !important;display:inline-flex !important;align-items:center;justify-content:center}.gr-star-preview{pointer-events:none}.gr-star-saved{pointer-events:none;font-weight:700}.gr-star.shake{animation:gr-shake 0.28s}@keyframes gr-shake{0%{transform:translateX(0)}25%{transform:translateX(-3px)}50%{transform:translateX(3px)}75%{transform:translateX(-1.5px)}100%{transform:translateX(0)}}.gr-columns{display:flex;gap:6px;margin-top:8px}.gr-col{width:64px;height:60px;border-radius:8px;background:#fff;border:1px solid #e6eefc;display:flex;align-items:center;justify-content:center;font-weight:700}.gb-subtype-header .auto-star-wrapper,
.gb-header-clickable .auto-star-wrapper.svid-general-open-wrapper{
display:flex;
width:100%;
align-items:center;
justify-content:space-between;
padding:0 4px;
box-sizing:border-box;
}.gb-subtype-header .auto-star-wrapper .auto-star-btn,
.gb-header-clickable .auto-star-wrapper.svid-general-open-wrapper .auto-star-btn{
position:static !important;
transform:none;
flex-shrink:0;
}.gb-subtype-header .auto-star-btn.svid-plus-btn,
.gb-header-clickable .auto-star-btn.svid-plus-btn{
background:#cfe7ff !important;
color:#1c77ff !important;
border:none !important;
border-radius:50% !important;
font-weight:bold !important;
font-size:10px !important;
width:14px !important;
height:14px !important;
}.auto-calc-popover{
position:fixed;
z-index:210000;
background:#fff;
border-radius:20px;
padding:20px 22px 16px;
min-width:270px;
max-width:340px;
font-family:'Inter', sans-serif;
animation:acpFadeIn 0.18s cubic-bezier(0.4,0,0.2,1);
}@keyframes acpFadeIn{
from{opacity:0;transform:translateY(-6px) scale(0.97)}to{opacity:1;transform:translateY(0) scale(1)}}.auto-calc-popover-header{
display:flex;
align-items:center;
justify-content:space-between;
margin-bottom:14px;
}.auto-calc-popover-title{
font-weight:800;
font-size:13px;
color:#0f172a;
display:flex;
align-items:center;
gap:6px;
}.auto-calc-popover-title .acp-star-icon{color:#f59e0b;font-size:15px}.auto-calc-popover-close{
background:none;border:none;cursor:pointer;
color:#94a3b8;font-size:18px;line-height:1;
padding:0 2px;border-radius:6px;transition:color 0.15s;
}.auto-calc-popover-close:hover{color:#0f172a}.auto-calc-grade-area{
display:flex;align-items:center;gap:14px;margin-bottom:14px;
}.auto-calc-grade-circle{
width:64px;height:64px;border-radius:50%;
display:flex;align-items:center;justify-content:center;
font-size:28px;font-weight:900;flex-shrink:0;
border:3px solid transparent;transition:transform 0.15s;
}.auto-calc-grade-circle.grade-10-12{background:#dcfce7;color:#15803d;border-color:#86efac}.auto-calc-grade-circle.grade-7-9{background:#dbeafe;color:#1d4ed8;border-color:#93c5fd}.auto-calc-grade-circle.grade-4-6{background:#fef9c3;color:#a16207;border-color:#fde047}.auto-calc-grade-circle.grade-1-3{background:#fee2e2;color:#dc2626;border-color:#fca5a5}.auto-calc-grade-circle.grade-none{background:#f1f5f9;color:#64748b;border-color:#e2e8f0;font-size:14px}.auto-calc-grade-label{font-size:12px;color:#64748b;font-weight:600;line-height:1.4}.auto-calc-grade-label strong{display:block;font-size:14px;color:#0f172a;font-weight:800;margin-bottom:2px}.auto-calc-details-toggle{
background:none;border:none;cursor:pointer;font-size:12px;color:#1c77ff;
font-weight:700;padding:0;display:flex;align-items:center;gap:5px;
margin-bottom:8px;text-align:left;transition:opacity 0.15s;
}.auto-calc-details-toggle:hover{opacity:0.75}.auto-calc-details-toggle .acp-chevron{display:inline-block;transition:transform 0.2s;font-style:normal;font-size:10px}.auto-calc-details-toggle.open .acp-chevron{transform:rotate(180deg)}.auto-calc-details-body{
display:none;background:#f8fafc;border-radius:10px;padding:10px 12px;
margin-bottom:10px;max-height:180px;overflow-y:auto;
}.auto-calc-details-body.open{display:block}.auto-calc-details-body .acp-row{
display:flex;justify-content:space-between;font-size:11.5px;
color:#475569;font-weight:600;padding:3px 0;border-bottom:1px solid #e2e8f0;
}.auto-calc-details-body .acp-row:last-child{border-bottom:none}.auto-calc-details-body .acp-row .acp-col-name{color:#64748b;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auto-calc-details-body .acp-row .acp-col-grade{font-weight:800;color:#0f172a}.auto-calc-details-body .acp-total{font-size:12px;font-weight:800;color:#0f172a;margin-top:6px;text-align:right}.auto-calc-no-grades{font-size:12px;color:#ef4444;font-weight:700;text-align:center;padding:8px 0}.auto-calc-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:4px}.auto-calc-actions .btn-apply{padding:8px 16px;border-radius:10px;font-size:13px;font-weight:700}.auto-calc-actions .btn-secondary{padding:8px 12px;border-radius:10px;font-size:13px;font-weight:700}.acct-for-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.acct-for-pill{
display:inline-flex;align-items:center;gap:6px;
padding:7px 13px;border-radius:999px;border:2px solid #e2e8f0;
background:#f8fafc;font-size:12px;font-weight:700;color:#475569;
cursor:pointer;transition:background-color 0.18s ease, transform 0.18s ease;user-select:none;
}.acct-for-pill:hover{border-color:#93c5fd;color:#1d4ed8;background:#eff6ff}.acct-for-pill.selected{border-color:#1c77ff;background:#eff6ff;color:#1c77ff}.acct-for-pill .pill-dot{
width:10px;height:10px;border-radius:50%;border:2px solid currentColor;
flex-shrink:0;display:inline-block;transition:background 0.18s;
}.acct-for-pill.selected .pill-dot{background:#1c77ff;border-color:#1c77ff}.auto-assign-banner{
display:none;
align-items:center;
justify-content:space-between;
background:#0084FF;
border-radius:12px;
padding:10px 20px;
color:#fff;
margin-bottom:12px;
font-family:'Inter', sans-serif;
}.auto-assign-banner-title{
display:flex;
align-items:center;
gap:10px;
font-weight:700;
font-size:14px;
}.auto-assign-banner-info-icon{
display:inline-flex;
align-items:center;
justify-content:center;
width:16px;
height:16px;
background:#FFC107;
color:#fff;
border-radius:50%;
font-size:11px;
font-weight:900;
cursor:pointer;
}.auto-assign-banner-actions{
display:flex;
align-items:center;
gap:12px;
}.auto-assign-btn-exit{
background:transparent;
border:1px solid rgba(255, 255, 255, 0.6);
color:#fff;
padding:8px 20px;
border-radius:20px;
font-weight:700;
cursor:pointer;
transition:all 0.2s;
}.auto-assign-btn-exit:hover{
background:rgba(255, 255, 255, 0.1);
}.auto-assign-btn-submit{
background:#fff;
border:none;
color:#000;
padding:8px 20px;
border-radius:20px;
font-weight:700;
display:flex;
align-items:center;
gap:8px;
cursor:pointer;
transition:all 0.2s;
}.auto-assign-btn-submit:hover{
background:#f0f0f0;
}.auto-assign-btn-submit-icon{
display:inline-flex;
align-items:center;
justify-content:center;
width:18px;
height:18px;
background:#0084FF;
color:#fff;
border-radius:50%;
font-size:11px;
}.active-auto-assign-col{
background-color:#EAF2FF !important;
}th.active-auto-assign-col{
background-color:#EAF2FF !important;
color:#0084FF !important;
font-weight:800 !important;
}.recommended-grade-badge{
border:none;
cursor:pointer;
font-size:14px;
font-weight:800;
padding:4px 12px;
border-radius:12px;
transition:transform 0.1s;
}.recommended-grade-badge:hover{
transform:scale(1.05);
}.recommended-grade-badge.grade-10-12{background:#dcfce7;color:#15803d;border:1.5px solid #86efac}.recommended-grade-badge.grade-7-9{background:#dbeafe;color:#1d4ed8;border:1.5px solid #93c5fd}.recommended-grade-badge.grade-4-6{background:#fef9c3;color:#a16207;border:1.5px solid #fde047}.recommended-grade-badge.grade-1-3{background:#fee2e2;color:#dc2626;border:1.5px solid #fca5a5}.recommended-grade-badge.grade-none{background:#f1f5f9;color:#64748b;border:1.5px solid #e2e8f0}