/* واجهة الطالب وتقارير الطباعة — هوية الكلية: كحلي #08152a + ذهبي #c79a3f */
.sv{min-height:100vh;background:#f4f5f8;display:flex;flex-direction:column}
.sv-hd{background:#08152a;border-bottom:3px solid #c79a3f;color:#fff;display:flex;align-items:center;gap:12px;padding:14px 18px}
.sv-hd img{width:52px;height:52px;border-radius:50%;background:#fff;padding:2px;box-shadow:0 0 0 2px #c79a3f;flex:0 0 auto}
.sv-hd .t{font-weight:800;font-size:1.05rem;line-height:1.3}
.sv-hd .s{font-size:.82rem;color:#e7d6ae}
.sv-main{width:100%;max-width:760px;margin:0 auto;padding:18px 14px 30px;flex:1}
.sv-ft{text-align:center;font-size:.8rem;color:#4a5972;padding:14px 16px 22px}
.sv-card{background:#fff;border:1px solid #d6dbe4;border-top:3px solid #c79a3f;padding:18px;margin-bottom:14px}
.sv-card h1{font-size:1.25rem;margin:0 0 6px}
.sv-card h2{font-size:1.05rem;margin:0 0 8px}
.code-in{font-family:ui-monospace,Menlo,Consolas,monospace;direction:ltr;text-align:center;font-size:1.35rem !important;letter-spacing:.12em;text-transform:uppercase}
.big-btn{display:block;width:100%;padding:13px 16px !important;font-size:1.02rem !important}
.tlist{display:grid;gap:8px}
.titem{display:flex;align-items:center;gap:12px;border:1px solid #d6dbe4;background:#fff;padding:12px 14px;color:#000;text-decoration:none}
.titem:hover{border-color:#c79a3f;text-decoration:none}
.titem .n{font-weight:700}
.titem .m{font-size:.84rem;color:#4a5972}
.titem .go{margin-inline-start:auto;font-weight:700;color:#08152a;white-space:nowrap}
.titem.done{background:#f4f5f8;opacity:.75}
.titem.done .go{color:#8a6420}
.prog{height:6px;background:#eef1f5;margin:8px 0 2px}
.prog i{display:block;height:100%;background:#c79a3f}
.qblk{border-bottom:1px solid #eef1f5;padding:12px 0}
.qblk:last-of-type{border-bottom:0}
.qt{font-weight:700;margin-bottom:9px;line-height:1.6}
.qt span{color:#8a6420;margin-inline-end:4px}
.opts{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.opts label{display:block;margin:0;cursor:pointer}
.opts input{position:absolute;opacity:0;pointer-events:none}
.opts span{display:block;text-align:center;border:1px solid #d6dbe4;padding:9px 2px;font-size:.84rem;font-weight:600;background:#fff;line-height:1.3}
.opts input:checked + span{background:#08152a;border-color:#08152a;color:#fff}
.opts input:focus-visible + span{outline:2px solid #c79a3f;outline-offset:1px}
.qblk.miss .qt{color:#8a6420}
.qblk.miss .opts span{border-color:#c79a3f}
@media(max-width:520px){.opts{grid-template-columns:repeat(5,1fr);gap:4px}.opts span{font-size:.74rem;padding:9px 0}}

/* ملصقات الرموز للطباعة (A4: 3 × 8) */
.slips{display:grid;grid-template-columns:repeat(3,1fr);gap:0;background:#fff;width:198mm;max-width:100%;margin:0 auto}
.slip{height:35mm;break-inside:avoid;border:1px dashed #aeb8c8;display:grid;grid-template-columns:24mm 1fr;align-items:center;gap:2.5mm;padding:2.5mm 3mm;overflow:hidden;font-family:'Cairo',sans-serif}
.slip svg{width:24mm;height:24mm}
.slip .h{font-size:7.5pt;font-weight:700;color:#08152a;line-height:1.35}
.slip .c{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:10pt;font-weight:700;direction:ltr;text-align:right;white-space:nowrap;letter-spacing:0;margin:1mm 0;color:#000}
.slip .u{font-size:6.5pt;color:#4a5972;direction:ltr;text-align:right}
.slip .st{font-size:7pt;color:#8a6420;font-weight:700}

/* تقرير الطباعة */
.rep-head{display:none}
@media print{
  @page{size:A4 landscape;margin:10mm}
  body{background:#fff}
  .noprint,.side,.topbar{display:none !important}
  .shell{display:block}.main{display:block}.wrap{padding:0 !important;max-width:none}
  .card{border:0 !important;box-shadow:none}
  .rep-head{display:flex;align-items:center;gap:12px;border-bottom:2px solid #c79a3f;padding-bottom:8px;margin-bottom:10px}
  .rep-head img{width:46px;height:46px}
  .tbl{font-size:9.5pt}
  .tbl thead th{background:#08152a !important;color:#fff !important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .slips-page{margin:0}
}

/* الرسوم البيانية */
.chart{position:relative;width:100%}
.chart-card .bd{padding:12px 14px 14px}
.charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px}
.charts .wide{grid-column:1/-1}
@media(max-width:900px){.charts{grid-template-columns:1fr}}
@media print{.chart-card{break-inside:avoid}.charts{grid-template-columns:1fr 1fr}}

/* بطاقات الأرقام: عمودان على الهاتف بدل عمود واحد */
@media(max-width:760px){
  .kpis{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px}
  .kpis .stat{padding:12px}
  .kpis .stat .n{font-size:1.4rem}
  .kpis .stat .ic{width:28px;height:28px;font-size:.85rem}
  .scale5{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  h1{font-size:1.35rem}
  .tbl{font-size:.86rem}
}
select{padding-inline-end:12px;padding-inline-start:30px}