.sgd-page{padding:12px;background:#fff;border:1px solid #dce8f2;border-radius:10px;box-shadow:0 4px 15px #16416508}.sgd-page .sgg-heading{border:0;background:none;padding:2px 4px 12px;margin:0}.sgd-page .sgg-heading h1{display:flex;align-items:center;gap:10px;font-size:clamp(18px,1.55vw,26px);margin:0;flex:1}.sgd-page .sgg-heading h1 svg{color:#1682d7;flex-shrink:0}.sgd-identity{display:grid;grid-template-columns:1.2fr .8fr 1.8fr;background:linear-gradient(110deg,#f5fbff,#eaf5ff);border:1px solid #dfedfa;border-radius:5px;margin-bottom:12px}.sgd-identity>div{padding:12px 20px;display:flex;align-items:center;gap:14px;border-right:1px solid #dfedfa}.sgd-identity>div:last-child{border:0}.sgd-identity svg{color:#1577c7;flex-shrink:0}.sgd-identity span{display:grid;gap:5px}.sgd-identity small{font-size:11px;color:#607b94}.sgd-identity strong{font-size:13px}.sgd-filters{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin:9px 0 12px}.sgd-filters label{font-size:11px;font-weight:700;display:grid;gap:4px}.sgd-filters select,.sgd-pagination select{background:white;border:1px solid #d2e1ef;border-radius:4px;padding:7px 9px;color:#264e72;font:inherit;min-height:34px}.sgd-filters small{flex-basis:100%;font-size:10px;color:#7a8d9f}.sgd-filters .btn{margin-left:auto}.sgd-matrix-scroll{overflow:auto;max-width:100%;max-height:70vh;scrollbar-width:thin;border:1px solid #c8dbea;border-radius:4px}.sgd-matrix{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;color:#1e3d58;margin:0}.sgd-matrix th,.sgd-matrix td{border-right:1px solid #cbdde9;border-bottom:1px solid #d6e4ee;text-align:center;vertical-align:middle;padding:5px 3px;white-space:normal;overflow-wrap:break-word;letter-spacing:0;text-transform:none;font-size:11px}.sgd-matrix thead th{font-size:10px;font-weight:750;line-height:1.35}.sgd-matrix .sgd-area{background:var(--area-color);color:#fff;height:48px;padding:6px 5px}.sgd-matrix .sgd-competency{height:170px;font-size:9px}.sgd-matrix .sgd-number{position:sticky;left:0;width:36px;z-index:2;background:#edf5fb}.sgd-matrix .sgd-name{position:sticky;left:36px;z-index:2;background:#f5faff;text-align:left;font-size:10px;font-weight:650;box-shadow:1px 0 #b2cde3;padding:7px 6px}.sgd-matrix thead .sgd-name,.sgd-matrix thead .sgd-number{background:#e3f0fa;text-align:center;font-size:11px}.sgd-matrix .sgd-name small{display:block;color:#6c849b;font-size:9px;margin-top:4px}.sgd-matrix tbody td{height:31px;font-weight:650}.sgd-matrix tbody tr:nth-child(even)>*{background-color:#f4faff}.sgd-matrix tbody tr:hover>*{background-color:#e8f4ff}.sgd-total{background:#7338a8;color:white}.sgd-matrix .sgd-total-AD{background:var(--grade-AD);color:var(--grade-AD-on)}.sgd-matrix .sgd-total-A{background:var(--grade-A);color:var(--grade-A-on)}.sgd-matrix .sgd-total-B{background:var(--grade-B);color:var(--grade-B-on)}.sgd-matrix .sgd-total-C{background:var(--grade-C);color:var(--grade-C-on)}.sgd-rating-AD{color:var(--grade-AD-ink)}.sgd-rating-A{color:var(--grade-A-ink)}.sgd-rating-B{color:var(--grade-B-ink)}.sgd-rating-C{color:var(--grade-C-ink)}.sgd-rating-EXO,.sgd-rating-empty{color:#8a9aac}.sgd-student-total{color:#244c6c;background:#eff6fc}.sgd-pagination{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:12px 2px 5px;font-size:11px}.sgd-pagination>span{flex:1}.sgd-pagination label{display:flex;align-items:center;gap:8px}.sgd-pagination nav{display:flex;align-items:center;gap:5px}.sgd-page .sgd-pagination .btn{padding:5px 10px;min-height:32px}.sgd-pagination nav>span{padding:8px 12px;background:#0879d6;border-radius:4px;color:white;font-weight:700}.sgd-legend{display:flex;gap:15px;flex-wrap:wrap;margin-top:12px;font-size:10px;color:#5a748e}.sgd-empty{padding:35px!important;color:#748a9e}.sgd-page :is(select,button,a):focus-visible,.sgd-matrix-scroll:focus-visible{outline:3px solid #2185c8;outline-offset:2px}#sgd-print{display:none}
@media(max-width:800px){.sgd-identity{grid-template-columns:1fr}.sgd-identity>div{border-right:0;border-bottom:1px solid #dfedfa;padding:10px}.sgd-filters label{flex:1;min-width:120px}.sgd-filters label:first-child{flex-basis:100%}.sgd-filters .btn{margin:0}.sgd-pagination{gap:10px}.sgd-pagination>span{flex-basis:100%}.sgd-page{padding:9px}.sgd-page .sgg-actions{margin:0}.sgd-matrix-scroll{max-height:75vh}}
@media print{@page{size:A3 landscape;margin:8mm}body.sgd-printing>*:not(#sgd-print){display:none!important}body.sgd-printing #sgd-print{display:block;font-family:Arial,sans-serif}#sgd-print section{break-after:page}#sgd-print section:last-child{break-after:auto}#sgd-print h1{font-size:18px;margin:0 0 8px}#sgd-print p{font-size:9px}#sgd-print .sgd-matrix{min-width:0!important}#sgd-print .sgd-matrix th,#sgd-print .sgd-matrix td{font-size:9px}#sgd-print .sgd-competency{height:145px;font-size:8px}#sgd-print .sgd-number,#sgd-print .sgd-name{position:static}#sgd-print *{-webkit-print-color-adjust:exact;print-color-adjust:exact}}

.sgd-matrix thead th{color:#24465f}.sgd-matrix .sgd-area{color:#fff}.sgd-matrix .sgd-total{color:#fff}.sgd-matrix .sgd-name{color:#24465f}