/* تحسين صفحات التتبع والتحقق */
.vf2{display:grid!important;grid-template-columns:1.2fr 1fr auto;gap:10px}
@media(max-width:640px){.vf2{grid-template-columns:1fr}}
.trk{gap:32px}
.trk-side{border:0;box-shadow:0 18px 50px -20px rgba(15,42,77,.35);border-radius:26px}
.trk-top{padding:34px 24px 26px;background:radial-gradient(120% 90% at 50% 0%,#2A5D9F 0%,#0F2A4D 70%)}
.trk-top img{width:120px;height:120px;border:4px solid var(--gold);box-shadow:0 0 0 6px rgba(255,255,255,.12),0 12px 28px rgba(0,0,0,.35)}
.trk-top h2{font-size:1.3rem;margin-top:6px}
.status-pill{box-shadow:0 6px 16px -6px rgba(0,0,0,.5);padding:8px 16px;font-size:.92rem}
.trk-info div{padding:12px 0}
.progress{background:#fff;border-radius:26px;padding:34px 26px 26px;box-shadow:0 18px 50px -24px rgba(15,42,77,.3);margin-bottom:26px;overflow-x:auto}
.steps{min-width:560px}
.step i{width:52px;height:52px;font-size:1.1rem}
.steps::before,.steps .bar{top:24px;height:5px}
.timeline{background:#fff;border-radius:26px;padding:30px 28px;box-shadow:0 18px 50px -24px rgba(15,42,77,.3)}
.timeline>h3{margin:0 0 22px;font-size:1.25rem}
.tl::before{right:23px;width:3px;background:linear-gradient(var(--gold),var(--line) 40%)}
.tl li{padding:0 70px 28px 0}
.tl .dot{width:48px;height:48px;font-size:1.05rem}
.tl li>time{display:inline-block;background:#f3efe3;color:#7a5d1a;border-radius:999px;padding:3px 12px;font-size:.8rem;margin-bottom:6px}
.tl li>h4{font-size:1.12rem;color:var(--navy)}
.tl li>p{background:#f7f9fc;border-radius:12px;padding:10px 14px;margin-top:8px;line-height:1.8}
.tl li:first-child>h4::after{content:"الأحدث";background:var(--gold);color:var(--navy-2);font-size:.7rem;border-radius:999px;padding:2px 9px;margin-inline-start:8px;vertical-align:middle}
.media-sec{background:#fff;border-radius:26px;padding:24px 28px;margin-top:26px;box-shadow:0 18px 50px -24px rgba(15,42,77,.3)}
.cert{border-radius:26px;box-shadow:0 18px 50px -20px rgba(15,42,77,.35)}
@media(max-width:900px){.trk-side{position:static}.timeline,.progress,.media-sec{padding:22px 16px}}
@media print{.page-hero,.lookup,header,footer,.chatbot{display:none!important}.trk-side{position:static}}

/* الفصول الدراسية */
.terms-sec{margin-top:26px}
.tbar{height:8px;background:#e6e9ef;border-radius:8px;overflow:hidden;margin:6px 0 14px}.tbar span{display:block;height:100%;background:linear-gradient(90deg,var(--gold),#1F8A5B)}
.term{background:#fff;border:1px solid #e3e7ee;border-radius:14px;padding:14px 16px;margin-bottom:12px}
.term-h{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.term-h>div{flex:1;min-width:140px}.term-h b{display:block}.term-h small{color:var(--gray)}
.term-h em{font-style:normal;font-size:.8rem;font-weight:700;padding:3px 12px;border-radius:20px;background:#eef0f4;color:#556}
.tdot{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#8E9AAF;color:#fff;flex:none}
.term-active{border-color:var(--gold)}.term-active .tdot{background:var(--gold)}.term-active em{background:#fbf1d6;color:#7a5b10}
.term-done{border-color:#bfe3d0}.term-done .tdot{background:#1F8A5B}.term-done em{background:#e3f5ec;color:#16734b}
.tres{margin:10px 0 0;padding:10px 14px;border-radius:10px;background:#f1faf5;border:1px dashed #9fd3b8;color:#14573a}
.term p{margin:10px 0 0;color:#445}
@media(max-width:640px){.term{padding:12px}}

/* ضبط الجوال: منع اتساع الأعمدة بسبب شريط المراحل */
.trk>*{min-width:0}
@media(max-width:900px){.trk{display:block}.trk-side{margin-bottom:22px}.trk>div{min-width:0;max-width:100%}.progress{overflow-x:auto;-webkit-overflow-scrolling:touch}.steps{min-width:520px}.tl li{padding-right:60px}.tl .dot{width:42px;height:42px}.tl::before{right:20px}}
@media(max-width:640px){.timeline,.progress,.media-sec{border-radius:18px}.trk-top h2{word-break:break-word}.trk-info div{gap:10px}}