
/* =========================================================
   إضافات دليل الطالب: البحث، الاختصارات، الإعلانات، الجدول، الأسئلة الشائعة، التقييم، الوضع الليلي
   ========================================================= */
.hero-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.hero-tools{display:flex;gap:8px}
.htool{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 10px;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.14);color:#fff;cursor:pointer;font-size:13px;font-weight:600;backdrop-filter:blur(6px)}
.htool:hover{background:rgba(255,255,255,.26)}
.htool svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#themeBtn{width:36px;padding:0;justify-content:center}
#themeBtn .i-sun{display:none}
.hero .lead{margin-bottom:20px}

/* البحث */
.hsearch{position:relative;display:flex;align-items:center;max-width:520px;background:#fff;border-radius:16px;box-shadow:0 14px 34px -12px rgba(4,40,80,.45);color:var(--ink)}
.hsearch .hs-ic{width:20px;height:20px;margin-inline-start:16px;flex:none;fill:none;stroke:var(--ink-2);stroke-width:2;stroke-linecap:round}
.hsearch input[type=search]{border:0;background:transparent;box-shadow:none!important;padding:15px 12px;font-size:16px}
.hsearch kbd{margin-inline-end:12px;font:600 12px var(--body);color:var(--ink-2);border:1px solid var(--line);border-radius:6px;padding:1px 7px}
.hs-res{position:absolute;top:calc(100% + 8px);inset-inline:0;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 48px -16px rgba(4,30,60,.4);padding:6px;z-index:30;max-height:min(420px,60vh);overflow:auto}
.hs-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border:0;background:none;border-radius:10px;text-align:right;cursor:pointer;color:var(--ink);text-decoration:none}
.hs-item:hover,.hs-item[aria-selected=true]{background:var(--bg)}
.hs-item .k{flex:none;font-size:11.5px;font-weight:700;border-radius:999px;padding:1px 9px;background:var(--info-soft);color:var(--info)}
.hs-item .k.faq{background:var(--warn-soft);color:var(--warn)}.hs-item .k.news{background:#FFEDEA;color:#C2412F}.hs-item .k.sec{background:var(--ok-soft);color:var(--ok)}
.hs-item span.t{flex:1;min-width:0;font-size:14.5px;line-height:1.5}
.hs-item mark{background:#FFE58A;color:inherit;border-radius:3px;padding:0 1px}
.hs-empty{padding:14px;text-align:center;color:var(--ink-2);font-size:14px}

/* تنبيه الرد الجديد */
.reply-alert{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 16px;margin:0 0 16px;border-radius:16px;background:linear-gradient(135deg,#FFF1E6,#FFF8DB);border:1px solid #FFD9B0;box-shadow:var(--shadow);animation:cardIn .4s ease-out}
.reply-alert i{width:10px;height:10px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 5px rgba(255,107,91,.2);flex:none;animation:pulse 1.6s infinite}
.reply-alert p{margin:0;flex:1;min-width:200px;font-size:15px}
.reply-alert #raTicket{font-family:var(--head);font-weight:800;letter-spacing:1px}
.reply-alert #raWhen{color:var(--ink-2);font-size:13.5px}
.ra-x{border:0;background:none;font-size:22px;line-height:1;color:var(--ink-2);cursor:pointer;padding:4px 6px}
@keyframes pulse{50%{box-shadow:0 0 0 9px rgba(255,107,91,0)}}

/* الاختصارات */
.qtiles{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin:0 0 48px}
.qtile{display:flex;align-items:center;gap:10px;padding:13px 12px;min-width:0;border-radius:16px;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);text-decoration:none;color:var(--ink);transition:transform .15s,border-color .15s}
.qtile:hover{transform:translateY(-2px);border-color:var(--c)}
.qi{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;flex:none;background:color-mix(in srgb,var(--c) 13%,var(--card));color:var(--c)}
.qi svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.qt{min-width:0;display:flex;flex-direction:column;line-height:1.4}
.qt b{font-family:var(--head);font-size:14px;white-space:nowrap}
.qt small{color:var(--ink-2);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.t-em{--c:#00A774}.t-az{--c:#2D7BEA}.t-co{--c:#E5533F}.t-vi{--c:#7051F0}.t-su{--c:#D68A00}.t-te{--c:#009AA6}
@media (max-width:1000px){.qtiles{grid-template-columns:repeat(3,1fr)}}
@media (max-width:600px){.qtiles{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:36px}.qtile{padding:11px}.qi{width:36px;height:36px}}

/* الإعلانات */
.news-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 32px)/3);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 10px;scrollbar-width:none}
.news-track::-webkit-scrollbar{display:none}
.ncard{--c:#2D7BEA;scroll-snap-align:start;position:relative;display:flex;flex-direction:column;gap:6px;padding:16px 18px 14px;border-radius:16px;background:var(--card);border:1px solid var(--line);border-inline-start:5px solid var(--c);box-shadow:var(--shadow);min-height:150px}
.ncard.urgent{--c:#D93A2B}.ncard.warn{--c:#D68A00}.ncard.info{--c:#2D7BEA}.ncard.congrats{--c:#00A774}
.ncard .nk{align-self:flex-start;font-size:12px;font-weight:700;color:var(--c);background:color-mix(in srgb,var(--c) 12%,var(--card));border-radius:999px;padding:1px 10px}
.ncard h3{margin:0;font-size:16.5px;line-height:1.5}
.ncard p{margin:0;color:var(--ink-2);font-size:14.5px;flex:1;white-space:pre-line}
.ncard .nf{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12.5px;color:var(--ink-2)}
.ncard .nf a{color:var(--c);font-weight:700;text-decoration:none}
.ncard .nx{position:absolute;top:8px;inset-inline-end:8px;border:0;background:none;color:var(--ink-2);font-size:18px;cursor:pointer;opacity:.6;padding:2px 6px}
.ncard .nx:hover{opacity:1}
.news-dots{display:flex;justify-content:center;gap:6px;margin-top:4px}
.news-dots i{width:7px;height:7px;border-radius:4px;background:var(--line);transition:width .2s,background .2s}
.news-dots i.on{width:22px;background:var(--emerald)}
@media (max-width:900px){.news-track{grid-auto-columns:calc((100% - 16px)/2)}}
@media (max-width:600px){.news-track{grid-auto-columns:86%}}

/* جدولي واختباراتي */
.ms-head{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;flex-wrap:wrap}
.ms-pick{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.ms-pick select{width:auto;padding:9px 12px;font-size:14.5px}
.ms-remember{display:flex;align-items:center;gap:6px;font-size:13.5px;color:var(--ink-2);cursor:pointer}
.ms-remember input{accent-color:var(--emerald-deep);width:16px;height:16px}
.ms-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:16px}
.ms-card{padding:18px 20px}
.ms-ch{display:flex;justify-content:space-between;align-items:center;gap:8px}
.ms-ch h3{margin:0;font-size:18px}
.ms-day{margin:0 0 12px;font-size:13.5px}
.link-btn{border:0;background:none;color:var(--info);font-weight:700;cursor:pointer;font-size:14px;padding:4px}
.ms-today{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px}
.per{display:flex;flex-direction:column;align-items:center;gap:1px;padding:10px 6px;border-radius:12px;background:var(--bg);text-align:center;border:1.5px solid transparent}
.per small{font-size:11.5px;color:var(--ink-2)}
.per b{font-family:var(--head);font-size:14px;line-height:1.4}
.per.now{background:var(--emerald-deep);color:#fff;box-shadow:0 10px 20px -10px var(--emerald-deep)}
.per.now small{color:rgba(255,255,255,.85)}
.per.past{opacity:.55}
.per.empty b{color:var(--ink-2);font-weight:500}
.ms-empty{grid-column:1/-1;margin:6px 0;color:var(--ink-2);font-size:14.5px;text-align:center;padding:18px 10px;border:1.5px dashed var(--line);border-radius:12px}
.ms-exams{display:flex;flex-direction:column}
.exr{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}
.exr:last-child{border:0}
.exr .ei{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;flex:none;background:color-mix(in srgb,var(--c) 13%,var(--card));color:var(--c)}
.exr .ei svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.exr .tx{flex:1;min-width:0}.exr .tx b{display:block;font-size:15px}.exr .tx small{color:var(--ink-2);font-size:12.5px}
.exr .dd{font-size:12.5px;font-weight:700;border-radius:999px;padding:3px 11px;white-space:nowrap;color:var(--c);background:color-mix(in srgb,var(--c) 12%,var(--card))}
@media (max-width:860px){.ms-grid{grid-template-columns:1fr}}

/* الجدول الأسبوعي */
.tt-dlg{width:min(1060px,calc(100% - 24px))}
.tt-full{overflow-x:auto;background:var(--card);border-radius:16px;padding:14px}
.tt-full table{border-collapse:separate;border-spacing:6px;width:100%;min-width:660px}
.tt-full th{font-size:12.5px;color:var(--ink-2);font-weight:700;text-align:center}
.tt-full th small{display:block;font-weight:500;font-size:11px}
.tt-full td.d{font-weight:800;font-family:var(--head);white-space:nowrap;padding-inline-end:6px;font-size:14px}
.tt-full td.d.today{color:var(--emerald-deep)}
.tt-full td.d.today::before{content:"●";font-size:10px;margin-inline-end:6px}
.sj{display:block;padding:9px 4px;border-radius:10px;text-align:center;font-weight:700;font-size:13.5px;background:color-mix(in srgb,var(--c,#94A3B8) 14%,var(--card));color:color-mix(in srgb,var(--c,#64748B) 85%,var(--ink))}
.sj.now{outline:2.5px solid var(--emerald);outline-offset:1px}
.sj.e{background:transparent;border:1.5px dashed var(--line);color:var(--ink-2);font-weight:400}

/* الأسئلة الشائعة */
.faq-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:12px}
.faq-bar input{flex:1 1 240px;width:auto;min-width:0;max-width:100%;padding:11px 14px}
.faq-cats{display:flex;gap:6px;flex-wrap:wrap}
.faq-cats button{border:1.5px solid var(--line);background:var(--card);color:var(--ink-2);border-radius:999px;padding:5px 14px;font-weight:700;font-size:13.5px;cursor:pointer}
.faq-cats button[aria-selected=true]{background:var(--ink);color:var(--card);border-color:var(--ink)}
.faq-list{background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}
.fq-item{border-bottom:1px solid var(--line)}
.fq-item:last-child{border:0}
.fq-item summary{list-style:none;display:flex;align-items:center;gap:12px;padding:14px 18px;cursor:pointer;font-weight:700;font-size:15.5px}
.fq-item summary::-webkit-details-marker{display:none}
.fq-item summary .qm{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;flex:none;background:var(--warn-soft);color:var(--warn);font-family:var(--head)}
.fq-item summary .q{flex:1}
.fq-item summary::after{content:"";width:9px;height:9px;border-left:2.5px solid var(--ink-2);border-bottom:2.5px solid var(--ink-2);transform:rotate(45deg);transition:transform .2s;flex:none}
.fq-item[open] summary::after{transform:rotate(-45deg)}
.fq-a{padding:0 60px 16px 18px;color:var(--ink-2);font-size:15px}
.fq-a p{margin:0;white-space:pre-line}
.fq-a a{display:inline-block;margin-top:6px;font-weight:700}
.fq-item.hl{background:color-mix(in srgb,var(--sun) 12%,var(--card))}
.faq-more{text-align:center;color:var(--ink-2);margin:14px 0 0;font-size:15px}
.faq-none{padding:22px;text-align:center;color:var(--ink-2)}
@media (max-width:600px){.fq-a{padding:0 18px 14px}}

/* اقتراحات أثناء كتابة الاستفسار */
.type-help{border:1px solid #FBE3A3;background:var(--warn-soft);border-radius:12px;padding:12px 14px}
.type-help b{display:block;font-size:14px;margin-bottom:4px}
.type-help details{border-top:1px dashed #F2D58C;padding:6px 0}
.type-help details:first-of-type{border-top:0}
.type-help summary{cursor:pointer;font-weight:600;font-size:14px}
.type-help p{margin:4px 0 0;font-size:14px;color:var(--ink-2);white-space:pre-line}
.type-help a{font-weight:700;font-size:13.5px}

/* التقييم */
.rate{margin-top:14px;padding:18px;border-radius:16px;border:1px solid var(--line);background:linear-gradient(180deg,var(--card),var(--bg));text-align:center}
.rate h4{margin:0;font-family:var(--head);font-size:18px}
.rate .sub{margin:2px 0 10px;font-size:13.5px}
.stars-in{display:inline-flex;gap:4px;direction:ltr;margin-bottom:10px}
.stars-in button{border:0;background:none;font-size:34px;line-height:1;color:#D5DCE5;cursor:pointer;padding:0 2px;transition:transform .1s,color .1s}
.stars-in button.on{color:#F5A700}
.stars-in button:hover{transform:scale(1.12)}
.rate-tags{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin-bottom:10px}
.rate-tags button{border:1.5px solid var(--line);background:var(--card);border-radius:999px;padding:4px 14px;font-size:13.5px;font-weight:600;cursor:pointer;color:var(--ink-2)}
.rate-tags button[aria-pressed=true]{border-color:var(--emerald);color:var(--emerald-deep);background:var(--ok-soft)}
.rate input{max-width:420px;margin:0 auto 10px;display:block}
.rate .done{font-weight:700;color:var(--ok)}
.rate .done .stars-show{color:#F5A700;font-size:22px;letter-spacing:2px;display:block}

/* تثبيت التطبيق على الآيفون */
.ios-dlg{width:min(460px,calc(100% - 24px))}
.ios-dlg .mdlg-body{background:var(--card)}
.ios-steps{margin:0;padding:0 22px 0 0;display:grid;gap:12px;font-size:15.5px}
.ios-steps b{font-family:var(--head)}
.ios-ic{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:7px;background:var(--info-soft);color:var(--info);font-weight:800}
@media (max-width:640px){.ios-dlg{height:auto;max-height:90dvh;inset:auto 0 0 0;border-radius:20px 20px 0 0;margin-top:auto}}

/* الطباعة: الجدول الأسبوعي فقط عند حفظه */
@media print{.hero,main,footer,.toast{display:none!important}.tt-dlg[open]{position:static;box-shadow:none;width:100%;max-height:none}.tt-dlg .mdlg-head button{display:none}}

/* =========================================================
   الإصدار 3: تصميم أهدأ وأكثر إحكامًا
   ========================================================= */
/* بياناتي: أصغر وأخف */
.idcard-body{padding:16px 18px 18px}
.idcard-band{height:6px}
.idcard-head{gap:10px;margin-bottom:12px}
.idcard-head .chip{width:38px;height:38px;border-radius:11px;box-shadow:none}
.idcard-head .chip svg{width:21px;height:21px}
.idcard-head h2{font-size:18px}
.idcard-head p{font-size:12.5px}
.lookup input{font-size:16px;padding:11px 12px}
.lookup .btn{padding:11px 16px}
.who{padding:10px 12px;margin-bottom:10px}
.avatar{width:42px;height:42px;font-size:18px}
.who b{font-size:16px}
.email-box{padding:10px 12px}
.email-ic{width:34px;height:34px;font-size:16px}
.kv div{padding:6px 10px}
.hero{padding-bottom:96px}
.hero-title{margin:14px 0 8px}
.ht-top{font-size:clamp(30px,4.6vw,48px)}
.ht-bottom{font-size:clamp(40px,6.6vw,70px)}
.hero .lead{font-size:clamp(15.5px,1.9vw,18px);margin-bottom:16px}

/* شريط التطبيقات */
.apps{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;margin:0 0 40px;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:10px;box-shadow:var(--shadow)}
.app{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 4px 8px;border-radius:14px;text-decoration:none;color:var(--ink);background:none;border:0;cursor:pointer;font:inherit;transition:background .15s}
.app:hover{background:var(--bg)}
.ai{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:color-mix(in srgb,var(--c) 13%,var(--card));color:var(--c);transition:transform .15s}
.app:hover .ai{transform:translateY(-2px)}
.ai svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.at{font-family:var(--head);font-size:13px;font-weight:700;text-align:center;line-height:1.35}
.app.dot::after{content:"";position:absolute;top:8px;inset-inline-end:calc(50% - 26px);width:9px;height:9px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 2px var(--card)}
.t-gr{--c:#3B5BDB}.t-jr{--c:#0E9F6E}
@media (max-width:760px){.apps{grid-template-columns:repeat(4,1fr);gap:4px;padding:8px;margin-bottom:32px}.ai{width:40px;height:40px}.at{font-size:12px}}

/* الأقسام أقرب لبعضها */
main section{margin-bottom:52px}
.sec-head{margin-bottom:16px}
.sec-head h2{font-size:clamp(21px,3vw,27px)}
.sec-head.row{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap}

/* صوتك يصل: مضغوط */
.ticket-card,.track-card{grid-template-columns:1fr}
.ticket-main,.track-main{padding:20px 22px}
.seg{margin-bottom:12px}
.seg-btn{padding:9px 18px;font-size:14.5px}
.form{gap:12px}
.field label{font-size:14px}
input[type=text],input[type=tel],input[type=password],input[type=search],select,textarea{padding:11px 13px}
textarea{min-height:110px}
.check{font-size:14px;padding:10px 12px}
.tr-ticket{font-size:21px}
@media (max-width:600px){.ticket-main,.track-main{padding:16px}}

/* مساعد حل المشكلات */
.wiz{margin-bottom:6px}
.wiz-q{margin:0 0 10px;font-weight:700}
.wiz-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.wiz-opt{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:14px 8px;border:1.5px solid var(--line);border-radius:14px;background:var(--card);cursor:pointer;font:inherit;color:var(--ink);transition:border-color .15s,transform .15s}
.wiz-opt:hover{border-color:var(--coral);transform:translateY(-2px)}
.wiz-opt b{font-size:13.5px;line-height:1.5}
.wo-ic{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:color-mix(in srgb,var(--coral) 12%,var(--card));color:var(--coral)}
.wo-ic svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.wiz-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.wiz-back{border:0;background:var(--bg);border-radius:8px;padding:4px 10px;cursor:pointer;font:inherit;font-size:13px;color:var(--ink-2)}
.wiz-steps{margin:0 0 12px;padding-inline-start:22px;display:grid;gap:6px;font-size:15px}
.wiz-steps li::marker{color:var(--coral);font-weight:800}
.wiz-links{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.wiz-ans{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 14px;border-radius:12px;background:var(--bg)}
.wiz-ans span{font-weight:700;margin-inline-end:auto}
.wiz-ok{text-align:center;padding:16px}
.wiz-ok p{margin:4px 0 10px;color:var(--ink-2)}
.wiz-sum{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:10px;background:color-mix(in srgb,var(--coral) 9%,var(--card));font-weight:600;font-size:14px;margin-bottom:12px}
@media (max-width:900px){.wiz-grid{grid-template-columns:repeat(2,1fr)}.wiz-opt:last-child{grid-column:1/-1}}

/* التواصل المختصر */
.mini-contacts{display:flex;align-items:center;justify-content:center;gap:8px 14px;flex-wrap:wrap;padding:12px;border-top:1px solid var(--line);margin-top:8px;font-size:13.5px;color:var(--ink-2)}
.mc{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--ink);text-decoration:none}
.mc svg{width:15px;height:15px;fill:none;stroke:var(--emerald-deep);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.mc b{font-size:13.5px}
footer{margin-top:0;padding:14px 0;font-size:13px}

/* الاستدعاءات */
.calls{display:grid;gap:8px;margin-bottom:10px}
.call{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:#FFF1EE;border:1.5px solid #FFC9BF;animation:cardIn .4s ease-out}
.call.seen{background:var(--bg);border-color:var(--line)}
.call-ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--coral);color:#fff;flex:none}
.call.seen .call-ic{background:#94A3B8}
.call-ic svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.call-tx{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.5}
.call-tx small{font-size:12px;color:#C2412F;font-weight:700}
.call.seen .call-tx small{color:var(--ink-2)}
.call-tx b{font-size:14.5px}
.call-tx span{font-size:12.5px;color:var(--ink-2)}

/* الفعاليات + المشاركة */
.evp-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:28px;align-items:start}
.evp.one .evp-grid{grid-template-columns:1fr}
.evp-col{min-width:0}
.ev-list{display:grid;gap:10px}
.ev{display:flex;gap:12px;padding:12px;border-radius:16px;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow)}
.ev-date{width:52px;flex:none;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:color-mix(in srgb,var(--c) 12%,var(--card));color:var(--c);line-height:1.1;padding:6px 0}
.ev-date b{font:800 21px var(--head)}
.ev-date small{font-size:11.5px;font-weight:700}
.ev-tx{flex:1;min-width:0;position:relative}
.ev-top{display:flex;justify-content:space-between;gap:8px;font-size:12px}
.ev-kind{font-weight:700;color:var(--c)}
.ev-when{color:var(--ink-2);font-weight:700}
.ev h3{margin:2px 0;font-size:15.5px;line-height:1.5}
.ev p{margin:0;color:var(--ink-2);font-size:13.5px}
.ev-dl{font-weight:600}
.ev-dl.urgent{color:var(--danger)!important}
.ev-act{display:flex;gap:14px;margin-top:6px;font-size:13.5px}
.ev-act a{font-weight:700;color:var(--c);text-decoration:none}
.ev-act a.ev-cal{color:var(--ink-2);font-weight:600}
.poll{padding:16px;border-radius:16px;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);margin-bottom:12px}
.pl-meta{color:var(--violet);font-weight:700;font-size:12px}
.poll h3{margin:2px 0 10px;font-size:16.5px;line-height:1.5}
.pl-opts{display:grid;gap:6px;margin-bottom:10px}
.pl-opts button{text-align:right;padding:10px 12px;border-radius:11px;border:1.5px solid var(--line);background:var(--card);cursor:pointer;font:inherit;font-weight:600;color:var(--ink)}
.pl-opts button[aria-checked=true]{border-color:var(--violet);background:color-mix(in srgb,var(--violet) 9%,var(--card));color:var(--violet)}
.pl-send{display:flex;gap:8px}
.id-in{flex:1;min-width:0;padding:9px 12px!important;text-align:right}
.pl-res{display:grid;gap:6px}
.pl-bar{position:relative;display:flex;justify-content:space-between;align-items:center;padding:9px 12px;border-radius:10px;background:var(--bg);overflow:hidden;font-size:14px}
.pl-fill{position:absolute;inset-block:0;inset-inline-start:0;background:color-mix(in srgb,var(--violet) 16%,transparent);border-radius:10px}
.pl-bar.mine .pl-fill{background:color-mix(in srgb,var(--violet) 28%,transparent)}
.pl-o,.pl-bar b{position:relative}
.pl-done{margin:0;color:var(--ok);font-weight:700}
.ideas{padding:16px;border-radius:16px;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow)}
.ideas-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.ideas-h b{font-family:var(--head);font-size:16px}
.ideas-empty{margin:0;color:var(--ink-2);font-size:14px}
.idea{display:flex;gap:10px;padding:10px 0;border-top:1px solid var(--line)}
.idea:first-child{border-top:0}
.idea-vote{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:46px;flex:none;border:1.5px solid var(--line);border-radius:12px;background:var(--card);cursor:pointer;color:var(--ink-2);font:inherit}
.idea-vote svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.idea-vote b{font-size:13px}
.idea-vote.on,.idea-vote:not(:disabled):hover{border-color:var(--c);color:var(--c)}
.idea-vote:disabled{cursor:default}
.idea-tx{flex:1;min-width:0}
.idea-tx b{display:block;font-size:14.5px}
.idea-tx p{margin:2px 0;color:var(--ink-2);font-size:13.5px}
.idea-tx small{font-size:12px;color:var(--ink-2)}
.idea-st{color:var(--c);font-weight:700}
.ideas-done-h{margin:12px 0 2px;font-size:14px;color:var(--ok)}
.idea.done{padding:12px;border:1px solid color-mix(in srgb,var(--ok) 28%,transparent);border-radius:14px;background:color-mix(in srgb,var(--ok) 7%,transparent);margin-top:8px;align-items:flex-start}
.idea-ok{width:30px;height:30px;border-radius:50%;background:var(--ok);color:#fff;display:grid;place-items:center;font-weight:900;font-size:15px;flex:none;margin-top:1px}
.idea.done .idea-tx b{font-size:15.5px;margin-bottom:2px}
.idea-did{margin:2px 0 6px!important;line-height:1.75;color:var(--ink)!important;font-size:14px!important;opacity:.88}
.idea-did span{font-weight:700;color:var(--ok)}
.idea-meta{display:flex;flex-wrap:wrap;gap:6px}
.idea-meta span{font-size:12px;color:var(--ink-2);background:color-mix(in srgb,var(--ink) 6%,transparent);border-radius:999px;padding:3px 10px;line-height:1.6}
.idea-note{margin:4px 0 0!important;font-size:12.5px!important;color:var(--ink)!important;opacity:.85}
@media (max-width:900px){.evp-grid{grid-template-columns:1fr;gap:36px}}

@media (max-width:600px){.kv{grid-template-columns:1fr 1fr}.ms-today{grid-template-columns:repeat(4,1fr);gap:6px}.per{padding:8px 4px}.per b{font-size:13px}}
/* لوحة الشرف */
.chips-f{display:flex;gap:6px;flex-wrap:wrap}
.chips-f button{border:1.5px solid var(--line);background:var(--card);color:var(--ink-2);border-radius:999px;padding:4px 12px;font-weight:700;font-size:13px;cursor:pointer;font-family:inherit}
.chips-f button[aria-selected=true]{background:var(--ink);color:var(--card);border-color:var(--ink)}
.ho-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(180px,210px);gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 10px;scrollbar-width:thin}
.ho{scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:16px 12px;border-radius:18px;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);position:relative;overflow:hidden}
.ho::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--c)}
.ho-medal{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font:800 21px var(--head);color:#fff;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--c) 70%,#fff),var(--c));box-shadow:0 0 0 4px color-mix(in srgb,var(--c) 18%,var(--card));margin-bottom:4px}
.ho-name{font-family:var(--head);font-size:15px;line-height:1.4}
.ho p{margin:0;font-size:13.5px;color:var(--ink);line-height:1.5}
.ho small{font-size:12px;color:var(--ink-2)}

/* المكتبة */
.file-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px;margin:0 0 12px}
.fcard{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:var(--card);border:1px solid var(--line);text-decoration:none;color:var(--ink);transition:border-color .15s}
.fcard:hover{border-color:var(--emerald)}
.fc-ic{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-size:10.5px;font-weight:800;flex:none;background:#FFECEA;color:#C2412F}
.fc-ic.img{background:var(--info-soft);color:var(--info)}
.fc-tx{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.45}
.fc-tx b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fc-tx small{font-size:12px;color:var(--ink-2)}
.fc-go{color:var(--ink-2)}
#platforms .file-row{margin-top:14px}
.faq-more-wrap{text-align:center;margin-top:8px}
.lib{display:grid;grid-template-columns:1.4fr 1fr;gap:20px;margin-top:22px}
.lib h3{font-size:16px;margin:0 0 10px}
.lib-col{min-width:0}
.vid-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}
.vcard{display:flex;flex-direction:column;gap:4px;text-decoration:none;color:var(--ink)}
.vc-th{position:relative;display:block;aspect-ratio:16/9;max-width:100%;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#1F2B3A,#34465C)}
.vc-th img{width:100%;height:100%;object-fit:cover}
.vc-play{position:absolute;inset:0;margin:auto;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.55);color:#fff;font-size:15px;padding-inline-start:3px}
.vcard b{font-size:13.5px;line-height:1.5}
.vcard small{font-size:12px;color:var(--ink-2)}
@media (max-width:800px){.lib{grid-template-columns:1fr}}

/* البحث: اقتراحات فورية */
.hs-cap{font-size:12px;font-weight:700;color:var(--ink-2);padding:6px 8px 4px}
.hs-quick{display:flex;flex-wrap:wrap;gap:6px;padding:4px 6px 8px}
.hs-chip{border:1px solid var(--line);background:var(--bg);border-radius:999px;padding:6px 12px;font:inherit;font-size:13.5px;font-weight:600;color:var(--ink);cursor:pointer}
.hs-chip:hover,.hs-chip[aria-selected=true]{border-color:var(--emerald);color:var(--emerald-deep)}
@media (max-width:600px){.hs-res{position:fixed;top:auto;inset-inline:12px;max-height:55vh}}

/* أدوات الرأس */
.hero-tools{position:relative}
.a11y-pop{position:absolute;z-index:40;top:44px;inset-inline-end:0;width:260px;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 48px -16px rgba(4,30,60,.4);padding:14px;display:grid;gap:10px}
.hero-top{position:relative}
.a11y-pop b{font-size:13.5px}
.a11y-seg{display:flex;gap:4px;background:var(--bg);border-radius:10px;padding:3px}
.a11y-seg button{flex:1;border:0;background:none;border-radius:8px;padding:6px;font:inherit;font-size:13px;font-weight:700;cursor:pointer;color:var(--ink-2)}
.a11y-seg button.on{background:var(--card);color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.12)}
.a11y-row{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer}
.a11y-row input{width:18px;height:18px;accent-color:var(--emerald-deep)}
.spk{margin-inline-start:6px;vertical-align:middle;width:28px;height:28px;border-radius:50%;border:1px solid var(--line);background:var(--card);display:inline-grid;place-items:center;cursor:pointer;color:var(--emerald-deep)}
.spk svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
:root[data-contrast]{--ink-2:#22364D;--line:#93A7BD}
:root[data-contrast] a{text-decoration:underline}
:root[data-contrast] .card,:root[data-contrast] .poll,:root[data-contrast] .ev,:root[data-contrast] .ncard{border-width:2px}

/* النوافذ الصغيرة */
.sm-dlg{width:min(460px,calc(100% - 24px))}
.sm-dlg .mdlg-body{background:var(--card)}
.form1{display:grid;gap:6px}
.form1 label{font-weight:700;font-size:14px;margin-top:4px}
.dh{font-family:var(--head);font-size:16px;margin:4px 0 10px}
.mdlg-body .dh:not(:first-child){margin-top:20px}
.focus{text-align:center;display:grid;gap:14px;justify-items:center}
.f-modes{display:inline-flex;gap:4px;background:var(--bg);border-radius:12px;padding:4px}
.f-modes button{border:0;background:none;border-radius:9px;padding:6px 14px;font:inherit;font-weight:700;cursor:pointer;color:var(--ink-2)}
.f-modes button.on{background:var(--card);color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.12)}
.f-ring{position:relative;width:min(220px,60vw);aspect-ratio:1}
.f-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.f-bg{fill:none;stroke:var(--line);stroke-width:8}
.f-fg{fill:none;stroke:var(--emerald);stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset .5s linear}
.f-fg.rest{stroke:var(--sun)}
.f-time{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.f-time b{font:800 44px var(--head);font-variant-numeric:tabular-nums}
.f-time small{color:var(--ink-2);font-weight:700}
.f-ctrl{display:flex;gap:8px}
.f-quote{margin:0;color:var(--ink-2);font-size:15px;max-width:34ch;min-height:2.4em}
.g-dates{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}
.g-date{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto auto;column-gap:10px;align-items:center;padding:10px 12px;border-radius:14px;background:var(--card);border:1px solid var(--line)}
.g-n{grid-row:1/3;font:800 30px var(--head);color:#3B5BDB;line-height:1}
.g-date > small:first-of-type{grid-row:3;grid-column:1;font-size:11.5px;color:var(--ink-2);text-align:center}
.g-date span{font-weight:700;font-size:14px}
.g-d{font-size:12px;color:var(--ink-2)}
.g-date a{font-size:12.5px;font-weight:700}
.checklist{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.checklist li{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:var(--card);border:1px solid var(--line)}
.checklist input{width:20px;height:20px;accent-color:var(--emerald-deep);flex:none}
.checklist label{flex:1;cursor:pointer;font-size:14.5px}
.checklist li:has(input:checked) label{color:var(--ink-2);text-decoration:line-through}
.calc{padding:14px;border-radius:14px;background:var(--card);border:1px solid var(--line)}
.calc-grid{display:grid;grid-template-columns:2fr 1fr;gap:8px}
.calc-grid label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:700}
.calc-grid input{padding:9px 11px;border:1.5px solid var(--line);border-radius:10px;font:inherit;background:var(--card);color:var(--ink);width:100%}
.calc-out{margin-top:10px;padding:12px;border-radius:12px;background:var(--bg);text-align:center;color:var(--ink-2)}
.calc-out.ok{background:var(--ok-soft);color:var(--ok)}
.calc-out.ok b{display:block;font:800 30px var(--head)}
.calc-out.warn{background:var(--warn-soft);color:var(--warn)}
.jr-prog{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.jr-bar{flex:1;height:10px;border-radius:5px;background:var(--line);overflow:hidden}
.jr-bar i{display:block;height:100%;width:0;background:var(--emerald);transition:width .3s}
.link-btn{border:0;background:none;color:var(--info);font-weight:700;cursor:pointer;font:inherit;font-size:14px;padding:4px}

/* ===== الإشعارات ===== */
.push-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;border:1.5px dashed #BFD3F5;background:var(--info-soft);margin:10px 0 0}
.push-row.on{border-style:solid;border-color:#B5EBD6;background:var(--ok-soft)}
.pr-ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--azure);color:#fff;flex:none}
.push-row.on .pr-ic{background:var(--emerald)}
.pr-ic svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pr-tx{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.45}
.pr-tx b{font-size:14px}.pr-tx small{font-size:12px;color:var(--ink-2)}
/* ===== حالة المنصات ===== */
.pstat{display:flex;align-items:center;gap:6px 10px;flex-wrap:wrap;margin-top:10px;font-size:13px}
.ps-l{color:var(--ink-2);font-weight:600}
.ps{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;background:var(--card);border:1px solid var(--line);font-weight:700}
.ps i{width:8px;height:8px;border-radius:50%;background:#94A3B8}
.ps.up i{background:#16B364;box-shadow:0 0 0 3px rgba(22,179,100,.18)}
.ps.slow i{background:#F5A700}
.ps.down{border-color:#FFC9BF;color:#C2412F}.ps.down i{background:#E5533F;animation:pulse 1.6s infinite}
.pstat small{color:var(--ink-2)}
.pdown{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:14px;background:#FFF1EE;border:1.5px solid #FFC9BF;margin:0 0 12px}
.pdown i{width:10px;height:10px;border-radius:50%;background:#E5533F;margin-top:8px;flex:none;animation:pulse 1.6s infinite}
.pdown b{color:#C2412F}.pdown p{margin:2px 0 0;font-size:14px;color:var(--ink-2)}
/* ===== اسأل الدليل ===== */
.ask-fab{position:fixed;z-index:45;inset-inline-end:max(16px,env(safe-area-inset-left,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));display:inline-flex;align-items:center;gap:8px;padding:11px 16px 11px 18px;border:0;border-radius:999px;color:#fff;cursor:pointer;font:700 14.5px var(--head);background:linear-gradient(135deg,var(--emerald-deep),#009B8A 55%,var(--azure));box-shadow:0 14px 30px -10px rgba(0,100,120,.7)}
.ask-fab svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ask-fab:hover{filter:brightness(1.07)}
.ask{position:fixed;z-index:46;inset-inline-end:max(16px,env(safe-area-inset-left,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));width:min(380px,calc(100vw - 32px));height:min(560px,calc(100dvh - 120px));display:flex;flex-direction:column;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:20px;box-shadow:0 30px 60px -20px rgba(4,30,60,.45);overflow:hidden;animation:dlgIn .25s ease-out;margin:0}
.ask-h{display:flex;align-items:center;gap:10px;padding:12px 14px;color:#fff;background:linear-gradient(135deg,#00A774,#00B5A0 45%,#2D8CFF)}
.ask-h div{flex:1;display:flex;flex-direction:column;line-height:1.4}.ask-h b{font-family:var(--head)}.ask-h small{font-size:12px;opacity:.9}
.ask-x{width:34px;height:34px;border:0;border-radius:10px;background:rgba(255,255,255,.2);color:#fff;font-size:22px;cursor:pointer}
.ask-log{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:10px;background:var(--bg);overscroll-behavior:contain}
.msg{max-width:92%;padding:10px 12px;border-radius:14px;font-size:14.5px;line-height:1.7}
.msg p{margin:0;white-space:pre-line}
.msg.me{align-self:flex-start;background:var(--emerald-deep);color:#fff;border-start-start-radius:4px}
.msg.bot{align-self:flex-end;background:var(--card);border:1px solid var(--line);border-start-end-radius:4px;display:flex;flex-direction:column;gap:6px}
.msg.bot b{font-family:var(--head);font-size:14.5px}
.msg.warn{background:#FFF1EE;border-color:#FFC9BF}.msg.warn b{color:#C2412F}
.ask-cat{align-self:flex-start;font-size:11.5px;font-weight:700;color:var(--emerald-deep);background:var(--ok-soft);border-radius:999px;padding:0 8px}
.ask-acts{display:flex;gap:6px;flex-wrap:wrap}
.ask-near{font-size:12.5px;color:var(--ink-2)!important;margin-top:2px!important}
.ask-chips{display:flex;flex-wrap:wrap;gap:6px}
.ask-chips button{border:1px solid var(--line);background:var(--bg);border-radius:999px;padding:5px 11px;font:inherit;font-size:13px;cursor:pointer;color:var(--ink);text-align:right}
.ask-chips button:hover{border-color:var(--emerald)}
.ask-fb{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12.5px;color:var(--ink-2);border-top:1px dashed var(--line);padding-top:6px}
.ask-fb button{border:1px solid var(--line);background:var(--card);border-radius:8px;padding:0 6px;cursor:pointer;font-size:14px}
.ask-in{display:flex;gap:8px;padding:10px;border-top:1px solid var(--line);background:var(--card)}
.ask-in input{flex:1;min-width:0;padding:10px 12px!important}
@media (max-width:600px){.ask{inset:auto 0 0 0;width:100%;height:min(78dvh,620px);border-radius:20px 20px 0 0;padding-bottom:env(safe-area-inset-bottom,0px)}.ask-fab span{display:none}.ask-fab{padding:13px}}
@media print{.ask-fab,.ask{display:none!important}}

/* ================= الوضع الليلي ================= */
:root[data-theme="dark"] .call{background:#3A1E1A;border-color:#6B2E26}
:root[data-theme="dark"] .calc-grid input,:root[data-theme="dark"] .pl-opts button,:root[data-theme="dark"] .wiz-opt,:root[data-theme="dark"] .idea-vote,:root[data-theme="dark"] .mc{background:var(--card)}
:root[data-theme="dark"] .push-row{border-color:#24477A}
:root[data-theme="dark"] .pdown,:root[data-theme="dark"] .msg.warn{background:#3A1E1A;border-color:#6B2E26}
:root[data-theme="dark"] .ps.down{border-color:#6B2E26}
:root[data-theme="dark"]{--ink:#E7EEF7;--ink-2:#9DB0C7;--bg:#0C1624;--card:#132134;--line:#24374F;
  --brand-soft:#0F3A2E;--ok-soft:#0F3A2E;--ok:#3FD49F;--warn-soft:#3A2F12;--warn:#F2C35B;--info-soft:#132D52;--info:#7DB4FF;--danger-soft:#3D1D1A;--danger:#FF7A6B;
  --emerald-deep:#1FC28E;--shadow:0 2px 4px rgba(0,0,0,.2),0 12px 32px rgba(0,0,0,.35);color-scheme:dark}
:root[data-theme="dark"] .idcard,:root[data-theme="dark"] .privacy-strip,:root[data-theme="dark"] .tile,:root[data-theme="dark"] .steps li,:root[data-theme="dark"] .pf-cat,:root[data-theme="dark"] .seg,:root[data-theme="dark"] .btn.outline,:root[data-theme="dark"] .waiting,:root[data-theme="dark"] .stepper li span,:root[data-theme="dark"] .guide-zoom,:root[data-theme="dark"] .guide-frame a,:root[data-theme="dark"] .hsearch,:root[data-theme="dark"] .rate-tags button,:root[data-theme="dark"] .faq-cats button{background:var(--card)}
:root[data-theme="dark"] input[type=text],:root[data-theme="dark"] input[type=tel],:root[data-theme="dark"] input[type=password],:root[data-theme="dark"] input[type=search],:root[data-theme="dark"] input[type=date],:root[data-theme="dark"] input[type=time],:root[data-theme="dark"] select,:root[data-theme="dark"] textarea{background:#0F1B2B;border-color:var(--line);color:var(--ink)}
:root[data-theme="dark"] input[readonly]{background:#0F1B2B}
:root[data-theme="dark"] .hsearch input[type=search]{background:transparent}
:root[data-theme="dark"] .who{background:linear-gradient(135deg,#0F3A2E,#132D52)}
:root[data-theme="dark"] .privacy-strip .ic{background:#3A2F12}
:root[data-theme="dark"] .pf-cat{--soft:color-mix(in srgb,var(--c) 14%,var(--card))}
:root[data-theme="dark"] .pf-btn:hover,:root[data-theme="dark"] .pf-btn:focus-visible{background:color-mix(in srgb,var(--c) 22%,var(--card))}
:root[data-theme="dark"] .pf-ic{background:#0F1B2B}
:root[data-theme="dark"] .pf-feature .pf-ic{background:rgba(255,255,255,.95)}
:root[data-theme="dark"] .chip-btn{background:#211B45}
:root[data-theme="dark"] .thread{background:linear-gradient(180deg,#101C2D,#171A33)}
:root[data-theme="dark"] .bubble.student{background:var(--card);border-color:#1E5A47}
:root[data-theme="dark"] .direct{background:linear-gradient(135deg,#1C1A3A,#132D52);border-color:#2E2A5A}
:root[data-theme="dark"] .check,:root[data-theme="dark"] .type-help{border-color:#5A4718}
:root[data-theme="dark"] .status-badge{background:color-mix(in srgb,var(--c) 18%,var(--card));border-color:color-mix(in srgb,var(--c) 45%,var(--card))}
:root[data-theme="dark"] .notice.info{border-color:#24477A}.notice.ok{border-color:#1E5A47}.notice.warn{border-color:#5A4718}
:root[data-theme="dark"] .btn.light{color:#5FE0B5}
:root[data-theme="dark"] .email-box .btn{background:#fff}
:root[data-theme="dark"] footer{background:#070F1A}
:root[data-theme="dark"] .toast{background:#E7EEF7;color:#0B2545}
:root[data-theme="dark"] .reply-alert{background:linear-gradient(135deg,#3A2418,#3A2F12);border-color:#5A3B1E}
:root[data-theme="dark"] .hs-item .k.news{background:#3D1D1A;color:#FF9C8F}
:root[data-theme="dark"] .hs-item mark{background:#6B5410}
:root[data-theme="dark"] .faq-cats button[aria-selected=true]{background:var(--ink);color:#0C1624}
:root[data-theme="dark"] .stars-in button{color:#3A4B61}
:root[data-theme="dark"] .hero{background:radial-gradient(520px 520px at 8% 12%,rgba(255,194,51,.25),transparent 62%),radial-gradient(600px 420px at 100% 100%,rgba(124,92,255,.35),transparent 65%),linear-gradient(135deg,#00664A 0%,#006E66 38%,#1A4F9C 100%)}
:root[data-theme="dark"] .idcard{box-shadow:0 30px 60px rgba(0,0,0,.45)}
:root[data-theme="dark"] #themeBtn .i-sun{display:block}
:root[data-theme="dark"] #themeBtn .i-moon{display:none}
@media (prefers-color-scheme:dark){
:root:not([data-theme="light"]) .push-row{border-color:#24477A}
:root:not([data-theme="light"]) .pdown,:root:not([data-theme="light"]) .msg.warn{background:#3A1E1A;border-color:#6B2E26}
:root:not([data-theme="light"]) .ps.down{border-color:#6B2E26}
:root:not([data-theme="light"]) .call{background:#3A1E1A;border-color:#6B2E26}
:root:not([data-theme="light"]) .calc-grid input,:root:not([data-theme="light"]) .pl-opts button,:root:not([data-theme="light"]) .wiz-opt,:root:not([data-theme="light"]) .idea-vote,:root:not([data-theme="light"]) .mc{background:var(--card)}
:root:not([data-theme="light"]){--ink:#E7EEF7;--ink-2:#9DB0C7;--bg:#0C1624;--card:#132134;--line:#24374F;
  --brand-soft:#0F3A2E;--ok-soft:#0F3A2E;--ok:#3FD49F;--warn-soft:#3A2F12;--warn:#F2C35B;--info-soft:#132D52;--info:#7DB4FF;--danger-soft:#3D1D1A;--danger:#FF7A6B;
  --emerald-deep:#1FC28E;--shadow:0 2px 4px rgba(0,0,0,.2),0 12px 32px rgba(0,0,0,.35);color-scheme:dark}
:root:not([data-theme="light"]) .idcard,:root:not([data-theme="light"]) .privacy-strip,:root:not([data-theme="light"]) .tile,:root:not([data-theme="light"]) .steps li,:root:not([data-theme="light"]) .pf-cat,:root:not([data-theme="light"]) .seg,:root:not([data-theme="light"]) .btn.outline,:root:not([data-theme="light"]) .waiting,:root:not([data-theme="light"]) .stepper li span,:root:not([data-theme="light"]) .guide-zoom,:root:not([data-theme="light"]) .guide-frame a,:root:not([data-theme="light"]) .hsearch,:root:not([data-theme="light"]) .rate-tags button,:root:not([data-theme="light"]) .faq-cats button{background:var(--card)}
:root:not([data-theme="light"]) input[type=text],:root:not([data-theme="light"]) input[type=tel],:root:not([data-theme="light"]) input[type=password],:root:not([data-theme="light"]) input[type=search],:root:not([data-theme="light"]) input[type=date],:root:not([data-theme="light"]) input[type=time],:root:not([data-theme="light"]) select,:root:not([data-theme="light"]) textarea{background:#0F1B2B;border-color:var(--line);color:var(--ink)}
:root:not([data-theme="light"]) input[readonly]{background:#0F1B2B}
:root:not([data-theme="light"]) .hsearch input[type=search]{background:transparent}
:root:not([data-theme="light"]) .who{background:linear-gradient(135deg,#0F3A2E,#132D52)}
:root:not([data-theme="light"]) .privacy-strip .ic{background:#3A2F12}
:root:not([data-theme="light"]) .pf-cat{--soft:color-mix(in srgb,var(--c) 14%,var(--card))}
:root:not([data-theme="light"]) .pf-btn:hover,:root:not([data-theme="light"]) .pf-btn:focus-visible{background:color-mix(in srgb,var(--c) 22%,var(--card))}
:root:not([data-theme="light"]) .pf-ic{background:#0F1B2B}
:root:not([data-theme="light"]) .pf-feature .pf-ic{background:rgba(255,255,255,.95)}
:root:not([data-theme="light"]) .chip-btn{background:#211B45}
:root:not([data-theme="light"]) .thread{background:linear-gradient(180deg,#101C2D,#171A33)}
:root:not([data-theme="light"]) .bubble.student{background:var(--card);border-color:#1E5A47}
:root:not([data-theme="light"]) .direct{background:linear-gradient(135deg,#1C1A3A,#132D52);border-color:#2E2A5A}
:root:not([data-theme="light"]) .check,:root:not([data-theme="light"]) .type-help{border-color:#5A4718}
:root:not([data-theme="light"]) .status-badge{background:color-mix(in srgb,var(--c) 18%,var(--card));border-color:color-mix(in srgb,var(--c) 45%,var(--card))}
:root:not([data-theme="light"]) .notice.info{border-color:#24477A}.notice.ok{border-color:#1E5A47}.notice.warn{border-color:#5A4718}
:root:not([data-theme="light"]) .btn.light{color:#5FE0B5}
:root:not([data-theme="light"]) .email-box .btn{background:#fff}
:root:not([data-theme="light"]) footer{background:#070F1A}
:root:not([data-theme="light"]) .toast{background:#E7EEF7;color:#0B2545}
:root:not([data-theme="light"]) .reply-alert{background:linear-gradient(135deg,#3A2418,#3A2F12);border-color:#5A3B1E}
:root:not([data-theme="light"]) .hs-item .k.news{background:#3D1D1A;color:#FF9C8F}
:root:not([data-theme="light"]) .hs-item mark{background:#6B5410}
:root:not([data-theme="light"]) .faq-cats button[aria-selected=true]{background:var(--ink);color:#0C1624}
:root:not([data-theme="light"]) .stars-in button{color:#3A4B61}
:root:not([data-theme="light"]) .hero{background:radial-gradient(520px 520px at 8% 12%,rgba(255,194,51,.25),transparent 62%),radial-gradient(600px 420px at 100% 100%,rgba(124,92,255,.35),transparent 65%),linear-gradient(135deg,#00664A 0%,#006E66 38%,#1A4F9C 100%)}
:root:not([data-theme="light"]) .idcard{box-shadow:0 30px 60px rgba(0,0,0,.45)}
:root:not([data-theme="light"]) #themeBtn .i-sun{display:block}
:root:not([data-theme="light"]) #themeBtn .i-moon{display:none}
}

/* ===== اختباراتي النهائية (داخل بياناتي) ===== */
.fin{margin:0 0 12px;border-radius:16px;border:1.5px solid #BDEBD9;background:linear-gradient(180deg,#F2FBF7,#fff 60%);padding:12px;display:grid;gap:10px;animation:cardIn .4s ease-out}
.fin-h{display:flex;align-items:center;gap:10px}
.fin-h b{display:block;font-size:15.5px}
.fin-h small{display:block;color:var(--ink-2);font-size:12.5px}
.fin-ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--emerald,#10A36F);color:#fff;flex:none}
.fin-ic svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.fin-pass{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:8px}
.fin-seat{border:0;border-radius:14px;background:#0B5A44;color:#fff;padding:10px 8px;cursor:pointer;display:grid;align-content:center;gap:2px;text-align:center;font:inherit}
.fin-seat small{font-size:12px;opacity:.85}
.fin-seat b{font-size:clamp(17px,4.6vw,22px);letter-spacing:.5px;font-variant-numeric:tabular-nums}
.fin-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.fin-t{background:var(--card,#fff);border:1px solid var(--line);border-radius:12px;padding:8px 6px;text-align:center;display:grid;align-content:center;gap:2px}
.fin-t small{font-size:11.5px;color:var(--ink-2)}
.fin-t b{font-size:14.5px;line-height:1.35}
.fin-next{display:grid;grid-template-columns:1fr auto;gap:2px 10px;align-items:center;padding:10px 12px;border-radius:12px;background:var(--card,#fff);border:1px solid var(--line)}
.fin-next small{grid-column:1/-1;font-size:12px;color:var(--ink-2);font-weight:700}
.fin-next .fin-subj{font-size:17px}
.fin-next span{grid-column:1;font-size:13px;color:var(--ink-2)}
.fin-next .fin-cd{grid-row:2/4;grid-column:2;background:var(--brand-soft,#E3F7EE);color:#0B7A5B;border-radius:999px;padding:6px 12px;font-size:13.5px;white-space:nowrap}
.fin-next.today{border-color:#F5B54A;background:#FFF8EA}
.fin-next.today .fin-cd{background:#F5B54A;color:#3B2600}
.fin-note{margin:0;font-size:13.5px;color:var(--ink-2);padding:8px 10px;border-radius:10px;background:var(--bg)}
.fin-note.ok{color:#0B7A5B}
.fin-all summary,.fin-ins summary{cursor:pointer;font-weight:700;font-size:13.5px;color:var(--brand,#0B7A5B);padding:2px 0}
.fin-list{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:6px}
.fin-list li{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:8px;padding:8px 10px;border-radius:10px;background:var(--card,#fff);border:1px solid var(--line)}
.fin-list li.past{opacity:.55}
.fin-list li.now{border-color:#0B7A5B;box-shadow:inset 3px 0 0 #0B7A5B}
.fin-list b{display:block;font-size:13.5px}
.fin-list small{display:block;font-size:12px;color:var(--ink-2)}
.fin-ins ul{margin:6px 0 0;padding-inline-start:18px;display:grid;gap:4px;font-size:13px;line-height:1.7}
.fin-acts{display:flex;gap:6px;flex-wrap:wrap}
@media (max-width:420px){.fin-pass{grid-template-columns:1fr}.fin-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}
:root[data-theme="dark"] .fin{background:linear-gradient(180deg,#0F2A22,var(--card) 60%);border-color:#1E5A45}
:root[data-theme="dark"] .fin-next.today{background:#3A2F12;border-color:#8A6A1E}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .fin{background:linear-gradient(180deg,#0F2A22,var(--card) 60%);border-color:#1E5A45}:root:not([data-theme="light"]) .fin-next.today{background:#3A2F12;border-color:#8A6A1E}}
.spk.on{background:var(--emerald-deep);color:#fff;border-color:transparent;animation:spkPulse 1.2s ease-in-out infinite}
@keyframes spkPulse{50%{box-shadow:0 0 0 6px rgba(16,163,111,.18)}}
@media (prefers-reduced-motion:reduce){.spk.on{animation:none}}
.n-audio{display:flex;align-items:center;gap:8px;width:100%;margin:2px 0 8px;padding:7px 10px;border-radius:12px;border:1px solid var(--line);background:var(--bg);color:var(--ink);font:inherit;font-size:13px;font-weight:700;cursor:pointer;text-align:start}
.n-audio svg{width:26px;height:26px;flex:none;border-radius:50%;background:var(--emerald-deep,#0B7A5B);fill:#fff;padding:6px}
.n-audio span{flex:none}
.n-audio .n-prog{flex:1;height:4px;border-radius:99px;background:var(--line);overflow:hidden;min-width:30px}
.n-audio .n-prog i{display:block;height:100%;width:0;background:var(--emerald-deep,#0B7A5B);transition:width .25s linear}
.n-audio.on{border-color:var(--emerald-deep,#0B7A5B)}
/* ---------- مرفقات الإعلانات ---------- */
.n-att{display:grid;gap:6px;margin:2px 0 4px}
.n-img{position:relative;display:block;width:100%;padding:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--bg);cursor:zoom-in}
.n-img img{display:block;width:100%;height:170px;object-fit:cover;object-position:top}
.n-more{position:absolute;bottom:8px;inset-inline-start:8px;background:rgba(0,0,0,.65);color:#fff;font-weight:800;font-size:13px;border-radius:999px;padding:2px 10px}
.n-file{display:flex;align-items:center;gap:8px;width:100%;padding:6px 8px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink);font:inherit;font-size:13px;cursor:pointer;text-align:start}
.n-file span:not(.av-ic){flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}
.n-file small{color:var(--ink-2);font-size:12px}
.n-lks{display:flex;flex-wrap:wrap;gap:6px}
.n-lk{display:inline-flex;align-items:center;padding:5px 12px;border-radius:999px;background:color-mix(in srgb,var(--c) 12%,var(--card));color:var(--c);font-weight:700;font-size:13px;text-decoration:none}
.av-ic{display:inline-grid;place-items:center;flex:none;min-width:34px;height:26px;padding:0 5px;border-radius:7px;background:var(--c);color:#fff;font-weight:800;font-size:10.5px;letter-spacing:.3px}
.av-dlg{width:min(760px,calc(100% - 20px))}
.av-dlg .mdlg-body{display:block}.av-dlg .mdlg-body>*+*{margin-top:12px}
.av-body{margin:0;white-space:pre-line;line-height:1.9;font-size:15.5px}
.av-lks{display:flex;flex-wrap:wrap;gap:8px}.av-lk{text-decoration:none}
.av-fig{margin:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--card)}
.av-imgb{display:block;width:100%;padding:0;border:0;background:#fff;cursor:zoom-in}
.av-imgb img{display:block;width:100%;height:auto}
.av-fig figcaption{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;font-size:13px;color:var(--ink-2)}
.av-file{display:grid;gap:8px;padding:10px;border:1px solid var(--line);border-radius:14px;background:var(--card)}
.av-thumb{display:block;border-radius:10px;overflow:hidden;border:1px solid var(--line);max-height:320px;background:#fff}
.av-thumb img{display:block;width:100%;height:auto}
.av-fh{display:flex;align-items:center;gap:10px}.av-fh b{display:block;font-size:15px}.av-fh small{color:var(--ink-2);font-size:12.5px}
.av-acts{display:flex;flex-wrap:wrap;gap:8px}.av-acts a{text-decoration:none}
.av-note{margin:0;font-size:12.5px;color:var(--ink-2)}
.av-doc{border-top:1px solid var(--line);padding-top:8px;max-height:60vh;overflow:auto}
.av-word{line-height:1.9;font-size:15px}.av-word img{max-width:100%;height:auto}.av-word table{border-collapse:collapse}.av-word td,.av-word th{border:1px solid var(--line);padding:4px 8px}
.av-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:6px}.av-tabs button{border:1px solid var(--line);background:var(--card);border-radius:999px;padding:3px 12px;font:inherit;font-size:12.5px;cursor:pointer}.av-tabs button.on{background:var(--ink);color:var(--card)}
.av-sheet{overflow:auto}.av-sheet table{border-collapse:collapse;font-size:13px;min-width:100%}.av-sheet td{border:1px solid var(--line);padding:4px 8px;white-space:nowrap}.av-sheet tr:first-child td{background:var(--bg);font-weight:700}
.av-foot{display:flex;justify-content:flex-end}
.av-lb{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;z-index:2000;background:rgba(5,10,18,.94);display:flex;flex-direction:column}.av-lb::backdrop{background:rgba(5,10,18,.6)}
.av-lbbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;color:#fff;font-size:13px}
.av-lbbar a{text-decoration:none}
.av-lbx{border:0;background:rgba(255,255,255,.14);color:#fff;font-size:24px;width:40px;height:40px;border-radius:50%;cursor:pointer}
.av-lbw{flex:1;overflow:auto;display:flex;align-items:center;justify-content:center;touch-action:pan-x pan-y pinch-zoom}
.av-lbw img{max-width:100%;max-height:100%;object-fit:contain;cursor:zoom-in}
.av-lb.zoom .av-lbw{display:block}.av-lb.zoom .av-lbw img{max-width:none;max-height:none;width:auto;cursor:zoom-out}

/* ===== شركاء النجاح: الشراكات المجتمعية ===== */
.t-pt{--c:#0F8B8D}
.app[hidden]{display:none!important}
.ptn-band{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 14px}
.ptn-stat{display:flex;align-items:baseline;gap:6px;padding:8px 14px;border-radius:999px;background:color-mix(in srgb,#0F8B8D 9%,var(--card));border:1px solid color-mix(in srgb,#0F8B8D 22%,var(--line))}
.ptn-stat b{font:800 19px var(--head);color:#0F8B8D}.ptn-stat span{font-size:13px;color:var(--ink-2);font-weight:700}
.ptn-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}
.ptn-card{--c:#0F8B8D;position:relative;display:flex;flex-direction:column;padding:0;border:1px solid var(--line);border-radius:18px;background:var(--card);color:var(--ink);font:inherit;text-align:start;cursor:pointer;overflow:hidden;box-shadow:var(--shadow);transition:transform .18s,box-shadow .18s,border-color .18s}
.ptn-card::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--c);z-index:1}
.ptn-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--c) 45%,var(--line));box-shadow:0 16px 30px -18px color-mix(in srgb,var(--c) 60%,transparent)}
.ptn-card:focus-visible{outline:3px solid color-mix(in srgb,var(--c) 55%,transparent);outline-offset:2px}
.ptn-logo{display:flex;align-items:center;justify-content:center;aspect-ratio:16/10;padding:16px 18px;background:#fff;border-bottom:1px solid var(--line);overflow:hidden}
.ptn-logo img{display:block;width:100%;height:100%;object-fit:contain}
.ptn-logo.mono,.ptd-logo.mono{background:radial-gradient(circle at 30% 25%,color-mix(in srgb,var(--c) 55%,#fff),var(--c))}
.ptn-logo.mono b{font:800 40px var(--head);color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.15)}
.ptn-tx{display:grid;gap:4px;padding:11px 13px 13px}
.ptn-field{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:800;color:var(--c)}
.ptn-field::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--c)}
.ptn-name{font-family:var(--head);font-size:15.5px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.9em}
.ptn-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:12.5px;color:var(--ink-2)}
.ptn-doc{display:inline-flex;align-items:center;gap:3px;color:#0F8B8D;font-weight:700}
.ptn-doc svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ptn-end{padding:1px 8px;border-radius:999px;background:var(--bg);border:1px solid var(--line);font-weight:700}
.ptn-card.ended .ptn-logo img{filter:grayscale(.7);opacity:.8}
.ptn-more{display:block;margin:14px auto 0;padding:9px 22px;border-radius:999px;border:1.5px solid var(--line);background:var(--card);color:var(--ink);font-family:inherit;font-weight:700;font-size:14px;cursor:pointer}
.ptn-more[hidden],.ptn[hidden]{display:none}
.ptn-more:hover{border-color:#0F8B8D;color:#0F8B8D}
.ptd-logo{width:58px;height:58px;flex:none;border-radius:16px;background:#fff;display:grid;place-items:center;overflow:hidden;box-shadow:0 0 0 3px rgba(255,255,255,.35)}
.ptd-logo img{max-width:100%;max-height:100%;padding:6px;object-fit:contain}
.ptd-logo.mono b{font:800 26px var(--head);color:#fff}
.ptn-dlg .mdlg-head h3{line-height:1.35}
.ptd-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}
.ptd-facts>div{display:grid;gap:1px;padding:10px 12px;border-radius:12px;background:var(--card);border:1px solid var(--line)}
.ptd-facts small{font-size:12px;color:var(--ink-2);font-weight:700}.ptd-facts b{font-size:15px}.ptd-facts span{font-size:12.5px;color:var(--ink-2)}
.ptd-facts>div.end b{color:var(--ink-2)}
.ptd-ben,.ptd-h{margin-top:14px}
.ptd-ben h4,.ptd-h{margin:0 0 8px;font:800 16px var(--head)}
.ptd-ben ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.ptd-ben li{display:flex;gap:8px;align-items:flex-start;line-height:1.7;font-size:14.5px}
.ptd-ben li::before{content:"✓";flex:none;width:22px;height:22px;margin-top:2px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800;color:#fff;background:#0F8B8D}
.ptd-foot{gap:8px}.ptd-foot a{text-decoration:none}
@media (max-width:760px){.ptn-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ptn-logo{padding:12px}.ptn-name{font-size:14.5px}.ptn-tx{padding:9px 10px 11px}.ptn-stat{padding:6px 11px}.ptn-stat b{font-size:17px}}

.ms-change{display:block;text-align:start;margin-top:6px;font-size:13px;padding:0;background:none;border:0;color:var(--azure,#2D7BEA);cursor:pointer;font-family:inherit;text-decoration:underline}
.ms-change[hidden]{display:none}

/* ===== حضوري (داخل «بياناتي»): دخول المنصة + حضور الحصص ===== */
.att{margin:0 0 10px;border-radius:14px;border:1.5px solid var(--line);background:var(--card);overflow:hidden;padding:10px 0 2px}
.att-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:0 14px 6px}
.att-head b{font-family:var(--head);font-size:15px}
.att-head small{color:var(--ink-2);font-size:12.5px}
.att-main{display:flex;align-items:center;gap:12px;padding:8px 14px}
.att-main+.att-main{border-top:1px dashed var(--line)}
.att-ic{flex:none;width:42px;height:42px;border-radius:13px;display:grid;place-items:center;color:#fff;background:#8A99AD}
.att-ic svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.att-tx{min-width:0;flex:1}
.att-tx b{display:block;font-family:var(--head);font-size:15.5px;line-height:1.45}
.att-tx small{display:block;color:var(--ink-2);font-size:12.5px;line-height:1.55}
.att-main.ok .att-ic{background:linear-gradient(135deg,#00A774,#00C896);box-shadow:0 10px 20px -10px #00A774}
.att-main.ok .att-tx b{color:var(--ok)}
.att-main.mid .att-ic{background:linear-gradient(135deg,#F59E0B,#FFC233);box-shadow:0 10px 20px -10px #F59E0B}
.att-main.mid .att-tx b{color:#B86E00}
.att-main.no .att-ic{background:linear-gradient(135deg,#E5484D,#FF7A59);box-shadow:0 10px 20px -10px #E5484D}
.att-main.no .att-tx b{color:var(--danger)}
:root[data-theme="dark"] .att-main.mid .att-tx b{color:#FFC86B}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .att-main.mid .att-tx b{color:#FFC86B}}
.att.ok{border-color:color-mix(in srgb,var(--ok) 40%,var(--line));background:linear-gradient(135deg,var(--ok-soft),var(--card) 70%)}
.att.mid{border-color:color-mix(in srgb,#F59E0B 45%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,#FFC233 16%,var(--card)),var(--card) 70%)}
.att.no{border-color:color-mix(in srgb,var(--danger) 40%,var(--line));background:linear-gradient(135deg,var(--danger-soft),var(--card) 70%)}
.att-days{display:flex;gap:6px;padding:6px 14px 8px;overflow-x:auto;scrollbar-width:none}
.att-days::-webkit-scrollbar{display:none}
.att-day{flex:1 0 54px;min-width:54px;text-align:center;padding:6px 4px;border-radius:10px;background:color-mix(in srgb,var(--line) 45%,transparent);font-size:11.5px;color:var(--ink-2);line-height:1.35}
.att-day i{display:block;width:10px;height:10px;border-radius:50%;margin:4px auto 2px;background:#A9B6C6}
.att-day.p i{background:#00B37E}.att-day.s i{background:#F59E0B}.att-day.a i{background:#E5484D}
.att-day.cur{outline:2px solid color-mix(in srgb,var(--azure) 55%,transparent);color:var(--ink)}
.att-sum{padding:2px 14px 10px;font-size:12.5px;color:var(--ink-2)}
.att-main.big .att-tx b{font-size:22px;line-height:1.3}
.att-main.big .att-ic{width:48px;height:48px}

/* ===== حضوري: إضافات (سلسلة، عذر، تقويم) ===== */
.att-head{align-items:center}
.att-ht{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.att-streak{flex:none;display:inline-flex;align-items:center;gap:4px;font-family:var(--head);font-weight:800;font-size:15px;padding:4px 10px;border-radius:99px;
  background:linear-gradient(135deg,#FF7A1A,#FFC233);color:#fff;box-shadow:0 8px 16px -8px #FF7A1A}
.att-main.exc .att-ic{background:linear-gradient(135deg,#2D8CFF,#5AB3FF);box-shadow:0 10px 20px -10px #2D8CFF}
.att-main.exc .att-tx b{color:#2D8CFF}
:root[data-theme="dark"] .att-main.exc .att-tx b{color:#7DB4FF}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .att-main.exc .att-tx b{color:#7DB4FF}}
.att.exc{border-color:color-mix(in srgb,#2D8CFF 45%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,#2D8CFF 12%,var(--card)),var(--card) 70%)}
.att-exc{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:4px 14px 10px}
.att-exc-btn{border:0;cursor:pointer;font:inherit;font-weight:700;font-size:14px;padding:8px 14px;border-radius:12px;color:#fff;
  background:linear-gradient(135deg,#2D8CFF,#7C5CFF);box-shadow:0 8px 16px -10px #2D8CFF}
.att-chip{font-size:13px;line-height:1.5;padding:6px 10px;border-radius:10px;background:color-mix(in srgb,var(--line) 50%,transparent);color:var(--ink);flex:1 1 180px}
.att-chip.wait{background:color-mix(in srgb,#2D8CFF 14%,transparent)}
.att-chip.need{background:color-mix(in srgb,#FFC233 22%,transparent)}
.att-chip.bad{background:color-mix(in srgb,var(--danger) 14%,transparent)}
.att-cal{margin:4px 14px 12px;padding:12px;border-radius:14px;background:color-mix(in srgb,var(--line) 30%,transparent)}
.att-cal-h{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.att-cal-h b{display:block;font-family:var(--head);font-size:15px}.att-cal-h small{display:block;font-size:12.5px;color:var(--ink-2)}
.att-ring{--p:0;flex:none;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;
  background:conic-gradient(#00B37E calc(var(--p)*1%),color-mix(in srgb,var(--line) 80%,transparent) 0)}
.att-ring b{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--card);font-size:12.5px!important;font-family:var(--head)}
.att-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}
.att-grid .wd{font-size:11px;color:var(--ink-2);text-align:center}
.att-grid .c,.att-lg i.c{display:grid;place-items:center;height:30px;border-radius:9px;font-size:12.5px;font-weight:700;font-family:var(--head);color:#fff}
.c.p{background:#00B37E}.c.a{background:#E5484D}.c.s{background:#F59E0B}.c.e{background:#2D8CFF}
.c.n{background:color-mix(in srgb,var(--line) 70%,transparent);color:var(--ink-2)!important}
.c.empty{background:transparent}
.att-grid .c.cur{outline:2.5px solid var(--ink);outline-offset:1px}
.att-lg{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px;font-size:11.5px;color:var(--ink-2)}
.att-lg span{display:inline-flex;align-items:center;gap:5px}
.att-lg i.c{width:12px;height:12px;border-radius:4px}

/* نافذة العذر */
.exc-dlg .mdlg-body{padding:16px 18px 20px}
.exc-dates{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.exc-dates label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:700}
.exc-label{font-weight:700;font-size:14px;margin:14px 0 6px;display:block}
.exc-label small{font-weight:400;color:var(--ink-2);font-size:12px}
.exc-reasons{display:flex;flex-wrap:wrap;gap:6px}
.exc-reasons button{border:1.5px solid var(--line);background:var(--card);color:var(--ink);font:inherit;font-size:13.5px;padding:7px 12px;border-radius:99px;cursor:pointer}
.exc-reasons button[aria-checked="true"]{border-color:#2D8CFF;background:color-mix(in srgb,#2D8CFF 14%,var(--card));font-weight:700}
#excText{width:100%;resize:vertical}
.exc-drop{display:flex;flex-direction:column;align-items:center;gap:2px;padding:16px;border:2px dashed color-mix(in srgb,#2D8CFF 45%,var(--line));border-radius:14px;cursor:pointer;text-align:center;background:color-mix(in srgb,#2D8CFF 5%,transparent)}
.exc-drop.over{background:color-mix(in srgb,#2D8CFF 14%,transparent)}
.exc-drop-ic svg{width:28px;height:28px;fill:none;stroke:#2D8CFF;stroke-width:2;stroke-linecap:round}
.exc-drop small{color:var(--ink-2);font-size:12px}
.exc-list{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}
.exc-it{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:12px;background:var(--card)}
.exc-it.bad{border-color:color-mix(in srgb,var(--danger) 50%,var(--line))}
.exc-it.bad small{color:var(--danger)}
.exc-it.done small{color:var(--ok)}
.exc-ic{font-size:20px}
.exc-tx{flex:1;min-width:0}.exc-tx b{display:block;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.exc-tx small{font-size:12px;color:var(--ink-2)}
.exc-rm{border:0;background:transparent;font-size:22px;line-height:1;color:var(--ink-2);cursor:pointer;padding:0 6px}

/* ===== منافسة الفصول · الطريق إلى الشهادة · شهادة الانضباط ===== */
.att-cup{display:flex;align-items:center;gap:10px;margin-top:10px;padding:10px 12px;border-radius:14px;background:#F2F6FF;border:1px solid #D6E2FF;font-size:14px;line-height:1.5}
.att-cup .ic{font-size:22px}.att-cup span:nth-child(2){flex:1}.att-cup b{font-size:15px;color:#1D4FB8}
.att-cup.gold{background:linear-gradient(135deg,#FFF6D6,#FFFBEA);border-color:#F1D27A}.att-cup.gold b{color:#9A6B00}
.att-goal{margin-top:10px;padding:10px 12px;border-radius:14px;background:#EEFBF4;border:1px dashed #7FD3A6;color:#16613A;font-size:14px;line-height:1.6}
.att-cert{display:flex;align-items:center;gap:12px;margin-top:10px;padding:12px 14px;border-radius:16px;background:linear-gradient(135deg,#FFF4CC,#FFFBEE);border:2px solid #E9C55A;box-shadow:0 8px 20px -12px rgba(184,134,11,.6)}
.att-cert div{flex:1}.att-cert b{display:block;color:#7A5600;font-size:15.5px}.att-cert small{color:#8A6E2A;font-size:13px}
.att-cert-btn{border:0;border-radius:12px;padding:9px 14px;font:inherit;font-weight:700;background:#B8860B;color:#fff;cursor:pointer;white-space:nowrap}
.cert-dlg{border:0;border-radius:20px;padding:0;width:min(980px,96vw);max-height:94vh;box-shadow:0 30px 80px rgba(0,0,0,.35)}
.cert-dlg::backdrop{background:rgba(10,20,35,.6)}
.cert-in{padding:14px 16px 16px;direction:rtl}
.cert-hd{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.cert-hd b{font-size:17px}
.cert-x{border:0;background:#F1F4F8;border-radius:10px;width:36px;height:36px;font-size:22px;cursor:pointer}
.cert-view canvas{width:100%;height:auto;display:block;border-radius:12px;box-shadow:0 6px 20px rgba(0,0,0,.12)}
.cert-acts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}
.cert-acts button{border:1px solid #E3D3A1;background:#FFF9E8;border-radius:12px;padding:10px 6px;font:inherit;font-weight:700;cursor:pointer;color:#5C4300}
.cert-acts button:hover{background:#FFF1C7}
.cert-err{color:#B42323;font-size:13px;margin:8px 0 0}
@media (max-width:480px){.cert-acts{grid-template-columns:repeat(2,1fr)}.att-cert{flex-wrap:wrap}.att-cert-btn{width:100%}}

/* لوحة الشرف: كأس الحضور الأسبوعي */
.cup-band{margin:0 0 16px;border-radius:20px;padding:16px;background:linear-gradient(135deg,#FFF7DA,#FFFDF3);border:1.5px solid #F0D58A;display:grid;gap:12px}
.cup-top{display:flex;align-items:center;gap:12px}
.cup-top .tr{font-size:40px;line-height:1}
.cup-top b{display:block;font-size:17px;color:#7A5600}.cup-top small{color:#8A6E2A;font-size:13px}
.cup-pod{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;align-items:end}
.cup-pod div{background:#fff;border:1px solid #F0E2B6;border-radius:14px;padding:10px 6px;text-align:center}
.cup-pod div.r1{border-color:#E9C55A;box-shadow:0 8px 18px -10px rgba(184,134,11,.55);padding:16px 6px}
.cup-pod i{font-style:normal;font-size:24px;display:block}.cup-pod b{display:block;font-size:15px}.cup-pod small{color:#8A6E2A;font-size:12.5px}
.cup-more{font-size:13px}.cup-more summary{cursor:pointer;color:#7A5600;font-weight:700}
.cup-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;margin-top:8px}
.cup-list span{display:flex;justify-content:space-between;background:#fff;border:1px solid #F0E2B6;border-radius:10px;padding:5px 9px}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) .att-cup{background:#16233A;border-color:#2A3D5E}
  :root:not([data-theme="light"]) .att-goal{background:#10291D;border-color:#2C7A52;color:#9BE3BC}
  :root:not([data-theme="light"]) .att-cert,:root:not([data-theme="light"]) .cup-band{background:linear-gradient(135deg,#3A2E0B,#231D0B);border-color:#7A5F1A}
  :root:not([data-theme="light"]) .att-cert b,:root:not([data-theme="light"]) .cup-top b{color:#F3D27A}
  :root:not([data-theme="light"]) .att-cert small,:root:not([data-theme="light"]) .cup-top small{color:#D9C189}
  :root:not([data-theme="light"]) .cup-pod div,:root:not([data-theme="light"]) .cup-list span{background:#1E2633;border-color:#5A4A1E}
  :root:not([data-theme="light"]) .cert-dlg{background:#141C28;color:#E8EEF6}
}

:root[data-theme="dark"] .att-cup{background:#16233A;border-color:#2A3D5E}
  :root[data-theme="dark"] .att-goal{background:#10291D;border-color:#2C7A52;color:#9BE3BC}
  :root[data-theme="dark"] .att-cert,:root[data-theme="dark"] .cup-band{background:linear-gradient(135deg,#3A2E0B,#231D0B);border-color:#7A5F1A}
  :root[data-theme="dark"] .att-cert b,:root[data-theme="dark"] .cup-top b{color:#F3D27A}
  :root[data-theme="dark"] .att-cert small,:root[data-theme="dark"] .cup-top small{color:#D9C189}
  :root[data-theme="dark"] .cup-pod div,:root[data-theme="dark"] .cup-list span{background:#1E2633;border-color:#5A4A1E}
  :root[data-theme="dark"] .cert-dlg{background:#141C28;color:#E8EEF6}

/* تنبيه التفعيل أعلى «بياناتي»: بارز حتى يُفعَّل، وهادئ بعده */
.result .push-row:not(.on){border:2px solid #F5B942;background:linear-gradient(135deg,#FFF6DD,#FFFBEF);margin:12px 0 4px;animation:prPulse 2.4s ease-in-out 3}
.result .push-row:not(.on) .pr-ic{background:#F59E0B}
.result .push-row:not(.on) #pushBtn{background:#E08A00;border-color:#E08A00;color:#fff}
.result .push-row.on{margin:12px 0 4px}
@keyframes prPulse{0%,100%{box-shadow:0 0 0 0 rgba(245,158,11,0)}50%{box-shadow:0 0 0 6px rgba(245,158,11,.22)}}
@media (prefers-reduced-motion:reduce){.result .push-row{animation:none!important}}
:root[data-theme="dark"] .result .push-row:not(.on){background:#33270C;border-color:#8A6414}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .result .push-row:not(.on){background:#33270C;border-color:#8A6414}}
.snd-box{margin-top:12px;border-radius:12px;padding:10px 12px;background:var(--info-soft);border:1px solid #CFE0FA;font-size:14px;line-height:1.7}
.snd-box > b:first-child{display:block;margin-bottom:2px}.snd-box ul,.snd-box ol{margin:4px 0 0;padding-inline-start:20px}
.pr-snd{display:block;margin-top:3px;border:0;background:none;padding:0;font:inherit;font-size:12.5px;color:var(--brand,var(--b1,#0E7C6B));text-decoration:underline;cursor:pointer}
:root[data-theme="dark"] .snd-box{border-color:#24477A}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .snd-box{border-color:#24477A}}

/* التثبيت السريع */
.inst-bar{position:fixed;inset-inline:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:60;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:16px;background:var(--card,#fff);border:1.5px solid var(--brand,#00A774);box-shadow:0 10px 30px rgba(11,37,69,.22);animation:ibUp .35s ease}
.inst-bar[hidden]{display:none}
.inst-bar img{width:42px;height:42px;border-radius:10px;flex:none}
.inst-bar .ib-tx{flex:1;min-width:0;display:grid;gap:2px}.inst-bar .ib-tx b{font-family:var(--head);font-size:14.5px}.inst-bar .ib-tx small{font-size:12px;color:var(--ink-2);line-height:1.5}
.inst-bar .ib-go{flex:none}.inst-bar .ib-x{flex:none;border:0;background:none;font-size:22px;color:var(--ink-2);padding:2px 6px;cursor:pointer}
@keyframes ibUp{from{transform:translateY(120%);opacity:0}to{transform:none;opacity:1}}
.inst-arrow{position:fixed;left:50%;bottom:calc(6px + env(safe-area-inset-bottom));transform:translateX(-50%);z-index:2147483647;display:grid;justify-items:center;pointer-events:none;animation:iaB 1s ease-in-out infinite}
.inst-arrow[hidden]{display:none}
.inst-arrow span{background:#E5484D;color:#fff;font-family:var(--head);font-size:14px;padding:4px 12px;border-radius:999px;box-shadow:0 4px 14px rgba(0,0,0,.25)}
.inst-arrow b{font-size:40px;line-height:1;color:#E5484D;text-shadow:0 2px 8px rgba(0,0,0,.25)}
@keyframes iaB{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,10px)}}
.ios-vis{list-style:none;padding:0;gap:10px}
.ios-vis li{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:12px;background:var(--soft,#F4F9FF);border:1px solid var(--line)}
.ios-vis .iv-n{flex:none;width:28px;height:28px;border-radius:50%;background:var(--brand,#00A774);color:#fff;display:grid;place-items:center;font-family:var(--head);font-size:14px}
.ios-vis .iv-last .iv-n{background:var(--sun,#F59E0B)}
.ios-vis .iv-t{display:block;line-height:1.8}
.ios-vis .iv-alt{display:block;color:var(--ink-2);font-size:12.5px}
.iv-share{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#fff;border:1px solid var(--line);vertical-align:middle;color:#0A84FF}
.iv-share svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.iv-plus{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#fff;border:1px solid var(--line);vertical-align:middle;font-size:18px}
.iv-ic{width:28px;height:28px;border-radius:7px;vertical-align:middle}
.iv-where{color:var(--ink-2);font-size:13px}
.ios-inapp{display:none;padding:12px;border-radius:12px;background:var(--warn-soft,#FFF7E6);border:1px solid #F5C26B;margin-bottom:12px}
.ios-inapp p{margin:0 0 8px}
#iosDlg[data-mode="inapp"] .ios-inapp{display:block}
#iosDlg[data-mode="inapp"] .ios-vis{opacity:.55}
#iosDlg:not([data-mode="chrome"]) .iv-chr,#iosDlg[data-mode="chrome"] .iv-saf{display:none}
#pushBtn.pulse{animation:pbP 1.6s ease-in-out infinite}
@keyframes pbP{0%,100%{box-shadow:0 0 0 0 rgba(0,167,116,.45)}50%{box-shadow:0 0 0 8px rgba(0,167,116,0)}}
:root[data-theme="dark"] .iv-share,:root[data-theme="dark"] .iv-plus{background:#0F1E33}

/* اختيار مستقبل التنبيهات */
.role-dlg{position:fixed;inset:0;z-index:95;background:rgba(11,37,69,.45);display:grid;place-items:center;padding:16px}
.role-box{background:var(--card,#fff);color:var(--ink,#0B2545);border-radius:18px;padding:18px;width:min(360px,100%);display:grid;gap:10px;text-align:center}
.role-box b{font-size:16px}.role-box button{border:1.5px solid var(--line,#D5E1EC);background:var(--soft,#F4F9FF);color:inherit;border-radius:14px;padding:13px;font:inherit;font-size:16px;font-weight:700;cursor:pointer}
.role-box button:hover{border-color:var(--brand,#00A774)}.role-box small{color:var(--ink-2,#5B6B7E);font-size:12.5px}.role-box .role-x{background:none;border:0;font-size:14px;font-weight:600;padding:6px;color:var(--ink-2,#5B6B7E)}

/* الصفحة الرئيسية على الجوال: ترويسة أخف حتى تظهر «بياناتي» أسرع */
@media (max-width:640px){
  .hero .lead{display:none}
  .hero-title{font-size:clamp(30px,9vw,40px)!important;margin:6px 0 10px!important}
  .has-me .hero-title{display:none!important}
}
/* بعد فتح «بياناتي»: يختفي نموذج الإدخال ويظهر الطالب مباشرة */
.has-me #lookupForm,.has-me #pinHint,.has-me .pin-keep{display:none!important}
@media (max-width:640px){
  .has-me .hero-grid{padding-top:4px!important}
}
/* تنبيه الإثبات في نافذة العذر */
.exc-need{margin:8px 0 2px;padding:9px 12px;border-radius:12px;font-size:.86rem;line-height:1.6;background:color-mix(in srgb,#F59E0B 13%,transparent);color:color-mix(in srgb,#B45309 85%,var(--ink));border:1px solid color-mix(in srgb,#F59E0B 40%,transparent)}
.exc-drop.need{border-color:#F59E0B;background:color-mix(in srgb,#F59E0B 8%,transparent);animation:excPulse 1.6s ease-in-out 2}
@keyframes excPulse{50%{box-shadow:0 0 0 5px color-mix(in srgb,#F59E0B 25%,transparent)}}
.exc-warn{margin:8px 0;padding:12px;border-radius:14px;background:color-mix(in srgb,#F59E0B 12%,var(--card,#fff));border:1.5px solid #F59E0B;display:flex;flex-direction:column;gap:6px;font-size:.9rem;line-height:1.6}
.exc-warn-b{display:flex;gap:8px;flex-wrap:wrap}.exc-warn-b .btn{flex:1;min-width:130px}
@media (prefers-reduced-motion:reduce){.exc-drop.need{animation:none}}
.exc-warn .exc-go{background:none!important;color:var(--ink);border:1.5px solid var(--line);box-shadow:none}
.exc-warn:not([hidden])~#excSend{display:none}
/* مبادراتي: حالة مبادرة الطالب ورد الإدارة عليها */
.ideas-mine{border:1px solid var(--line,#E2E8F0);border-radius:14px;padding:10px 12px;margin-bottom:12px;background:color-mix(in srgb,#2D7BEA 5%,transparent)}
.ideas-mine h4{margin:0 0 6px;font-size:.95rem}
.im-it{border-inline-start:3px solid var(--c);padding:6px 10px;margin:6px 0;border-radius:6px;background:var(--card,#fff)}
.im-hd{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.im-hd b{font-size:.92rem}
.im-st{flex:none;font-size:.75rem;font-weight:700;color:var(--c);border:1px solid var(--c);border-radius:99px;padding:0 8px}
.im-rp{margin:4px 0 0;font-size:.88rem;line-height:1.6}.im-rp small{font-weight:700;color:var(--c)}
.im-wait{margin:4px 0 0;font-size:.8rem;opacity:.7}

/* إخراج مضغوط على الجوال: الأسئلة الشائعة والملفات وصوتك يصل */
@media (max-width:700px){
  .faq-cats{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.faq-cats::-webkit-scrollbar{display:none}
  .faq-cats button{flex:none;white-space:nowrap}
  #faq .file-row{display:flex;overflow-x:auto;gap:9px;scrollbar-width:none;padding-bottom:4px;scroll-snap-type:x mandatory}#faq .file-row::-webkit-scrollbar{display:none}
  #faq .file-row>*{flex:none;width:72%;max-width:260px;scroll-snap-align:start}
  .wiz-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px}.wiz-opt:last-child{grid-column:auto!important}
  .wiz-opt{padding:11px 5px;gap:6px}.wiz-opt b{font-size:12px;line-height:1.4}
  main > section{margin-top:26px}
}

/* الأسئلة الشائعة: أيقونة الموضوع، أسطر أضيق، خطوات مرقّمة */
.fq2 summary{gap:10px;padding:11px 14px!important;align-items:center}
.fq2 .fq-ic{width:32px;height:32px;border-radius:10px;flex:none;display:grid;place-items:center;color:var(--c);background:color-mix(in srgb,var(--c) 12%,transparent)}
.fq2 .fq-ic svg{width:18px;height:18px}
.fq2 .q{font-size:14.5px;font-weight:600;line-height:1.55}
.fq2 .fq-a{padding-top:0}
.fq-steps{margin:2px 0 8px;padding:0;list-style:none;counter-reset:s;display:grid;gap:7px}
.fq-steps li{counter-increment:s;position:relative;padding-inline-start:30px;font-size:14px;line-height:1.7}
.fq-steps li::before{content:counter(s);position:absolute;inset-inline-start:0;top:2px;width:21px;height:21px;border-radius:50%;background:var(--emerald,#0E9F7E);color:#fff;font-size:11.5px;font-weight:700;display:grid;place-items:center}
.fq-tip{margin:4px 0 8px;font-size:13px;line-height:1.65;background:color-mix(in srgb,#F59E0B 10%,transparent);border-radius:10px;padding:7px 10px}
.fq-go{display:inline-flex!important;align-items:center;gap:4px;margin:2px 0 6px;padding:7px 14px;border-radius:10px;background:var(--emerald,#0E9F7E);color:#fff!important;font-weight:700;font-size:13.5px;text-decoration:none!important}
.fq-fb{display:flex;align-items:center;gap:6px;margin-top:6px;padding-top:8px;border-top:1px dashed var(--line);font-size:12.5px;color:var(--ink-2)}
.fq-fb button{border:1px solid var(--line);background:var(--card);border-radius:99px;padding:3px 10px;font-size:14px;cursor:pointer}
.fq-fb .ok{color:var(--emerald,#0E9F7E);font-weight:700}

/* ===== لمسات أخيرة: الأسئلة والمكتبة، صوتك يصل، شركاء النجاح ===== */
.faq-cats .fc-n{font-style:normal;font-size:11px;font-weight:700;margin-inline-start:6px;opacity:.6}
#faqQ{padding-inline-start:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:19px;background-position:right 13px center}
.tk-sec{display:flex;flex-wrap:wrap;gap:6px}
.tk-sec span{font-size:12.5px;font-weight:600;border-radius:99px;padding:4px 11px;background:color-mix(in srgb,#0E9F7E 10%,var(--card));color:var(--ink-2);border:1px solid color-mix(in srgb,#0E9F7E 22%,var(--line))}
.tk-sec span+span{background:color-mix(in srgb,#F59E0B 10%,var(--card));border-color:color-mix(in srgb,#F59E0B 28%,var(--line))}
@media (max-width:700px){
  .sec-head .sub{font-size:13.5px;line-height:1.65}
  /* بطاقات المكتبة: ورقة صغيرة عمودية */
  #faq .file-row>.fcard{width:150px;flex-direction:column;align-items:flex-start;gap:8px;padding:12px;border-radius:16px;position:relative}
  #faq .fcard .fc-ic{width:38px;height:44px;border-radius:6px 14px 6px 6px;font-size:10.5px}
  #faq .fcard .fc-tx b{font-size:13px;line-height:1.45;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  #faq .fcard .fc-go{position:absolute;top:10px;left:10px}
  /* شركاء النجاح: صفوف مضغوطة بشعار صغير بدل بطاقات كبيرة */
  .ptn-band{gap:6px;margin-bottom:10px}.ptn-stat{padding:5px 11px}.ptn-stat b{font-size:15px}.ptn-stat span{font-size:12px}
  #ptCats{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}#ptCats::-webkit-scrollbar{display:none}#ptCats button{flex:none;white-space:nowrap}
  .ptn-grid{grid-template-columns:minmax(0,1fr)!important;gap:8px!important}
  .ptn-card{flex-direction:row;align-items:center;gap:12px;padding:10px 12px;border-radius:16px}
  .ptn-card::before{inset:0 0 0 auto;width:4px;height:auto}
  .ptn-logo{flex:none;width:54px;height:54px;aspect-ratio:auto;padding:6px!important;border-radius:14px;border:1px solid var(--line)}
  .ptn-logo.mono b{font-size:22px}
  .ptn-tx{padding:0!important;gap:2px;flex:1;min-width:0}
  .ptn-name{min-height:0;font-size:14.5px!important;-webkit-line-clamp:1}
  .ptn-card:hover{transform:none}
}

/* ===== إتقان: صوتك يصل + شركاء النجاح + التواصل ===== */
.wiz-q{font-size:14px!important;font-weight:500!important;color:var(--ink-2)}.wiz-q b{font:700 15px var(--head);color:var(--ink)}
.wiz-opt{border-radius:16px!important;min-height:112px;justify-content:flex-start}
.wiz-opt .wo-ic{width:44px!important;height:44px!important;border-radius:14px!important}
.wiz-opt b{font-size:12.8px!important;font-weight:700;line-height:1.45!important}
.wiz-opt.wiz-idea .wo-ic{background:color-mix(in srgb,#7C5CFF 14%,var(--card))!important;color:#7C5CFF!important}
.wiz-opt.wiz-idea:hover{border-color:#7C5CFF!important}
.sec-head .ptn-band{display:flex;flex-wrap:wrap;gap:0;margin:8px 0 0!important}
.sec-head .ptn-stat{all:unset;display:inline-flex;align-items:baseline;gap:4px;font-size:13px;color:var(--ink-2);font-weight:600}
.sec-head .ptn-stat b{font:800 14px var(--head)!important;color:#0F8B8D}
.sec-head .ptn-stat span{font-size:13px!important;font-weight:600!important;color:var(--ink-2)}
.sec-head .ptn-stat+.ptn-stat::before{content:"·";margin:0 8px;color:var(--muted,#94A3B8)}
#partners .sec-head{margin-bottom:12px}
.mini-contacts{margin-top:34px!important}
@media (max-width:700px){
  .sec-head h2{font-size:24px}
  .ptn-card .ptn-field{font-size:11.5px}.ptn-meta{font-size:12px}
  .ptn-name{font-size:14.5px!important;font-weight:700}
  .mini-contacts .mc-l{font-size:12.5px}.mini-contacts .mc b{font-size:14px}
}

.att-exc-btn.adv{background:var(--card)!important;color:var(--ink)!important;border:1.5px dashed color-mix(in srgb,#2563EB 45%,var(--line))!important;box-shadow:none!important}
.att-chip.ok{background:color-mix(in srgb,#16A34A 12%,var(--card));color:#15803D}

/* ===== «بياناتي» بعد الدخول: تصميم مضغوط وهادئ (20261111-10) ===== */
.idcard:has(#lookupResult:not([hidden])) .idcard-head{margin-bottom:10px}
.idcard:has(#lookupResult:not([hidden])) .idcard-head p{display:none}
.idcard:has(#lookupResult:not([hidden])) .idcard-head .chip{width:32px;height:32px;border-radius:10px}
.idcard:has(#lookupResult:not([hidden])) .idcard-head .chip svg{width:18px;height:18px}
.idcard:has(#lookupResult:not([hidden])) .idcard-head h2{font-size:16px}
.idcard:has(#lookupResult:not([hidden])) .idcard-body{padding:14px 14px 14px}
#lookupResult .who{padding:10px 12px;gap:11px;border-radius:14px;margin-bottom:8px}
#lookupResult .who .avatar{width:38px;height:38px;font-size:16px;border-radius:12px}
#lookupResult .who b{font-size:15px;line-height:1.35}
#lookupResult .who small{font-size:12px}
/* التنبيهات: سطر واحد هادئ */
#lookupResult .push-row{padding:8px 10px;gap:9px;border-radius:12px;margin:0 0 8px;animation:none}
#lookupResult .push-row:not(.on){border:1px solid color-mix(in srgb,#F59E0B 45%,var(--line));background:color-mix(in srgb,#F59E0B 9%,var(--card))}
#lookupResult .push-row .pr-ic{width:28px;height:28px;border-radius:9px}
#lookupResult .push-row .pr-ic svg{width:15px;height:15px}
#lookupResult .push-row .pr-tx b{font-size:13px;line-height:1.4}
#lookupResult .push-row .pr-tx small{font-size:11.5px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
#lookupResult .push-row #pushBtn{min-height:32px;height:32px;padding:0 12px;font-size:13px;border-radius:9px}
/* الحضور */
#lookupResult .att{padding:8px 0 2px;border-radius:16px}
#lookupResult .att-head{padding:2px 12px 4px}
#lookupResult .att-head b{font-size:14px}
#lookupResult .att-head small{font-size:11.5px}
#lookupResult .att-streak{font-size:12px;padding:2px 8px;line-height:1.6;box-shadow:none}
#lookupResult .att-main{padding:6px 12px;gap:10px}
#lookupResult .att-ic{width:32px;height:32px;border-radius:10px;box-shadow:none!important}
#lookupResult .att-ic svg{width:17px;height:17px}
#lookupResult .att-main.big .att-ic{width:38px;height:38px;border-radius:11px}
#lookupResult .att-main.big .att-ic svg{width:20px;height:20px}
#lookupResult .att-tx b{font-size:13.5px;line-height:1.4}
#lookupResult .att-main.big .att-tx b{font-size:17px}
#lookupResult .att-tx small{font-size:11.5px;line-height:1.45}
#lookupResult .att-exc{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:4px 12px 8px}
#lookupResult .att-exc>.att-chip{grid-column:1/-1;font-size:12px;padding:6px 10px}
#lookupResult .att-exc-btn{min-height:36px;height:auto;padding:7px 8px;font-size:12.5px;border-radius:10px;box-shadow:none;justify-content:center;text-align:center;line-height:1.35}
#lookupResult .att-exc-btn:only-of-type{grid-column:1/-1}
#lookupResult .att-exc-btn.adv{border-width:1px!important;border-style:solid!important;border-color:color-mix(in srgb,#2563EB 30%,var(--line))!important;color:color-mix(in srgb,#2563EB 75%,var(--ink))!important;background:color-mix(in srgb,#2563EB 6%,var(--card))!important}
#lookupResult .att-sum{padding:0 12px 8px;font-size:11.5px}
#lookupResult .att-cal{margin:2px 10px 10px;padding:10px;border-radius:12px}
#lookupResult .att-cal-h{gap:10px;margin-bottom:8px}
#lookupResult .att-cal-h b{font-size:13px}
#lookupResult .att-cal-h small{font-size:11px}
#lookupResult .att-ring{transform:scale(.85);transform-origin:center}
#lookupResult .att-grid{gap:4px}
#lookupResult .att-grid .wd{font-size:10px}
#lookupResult .att-grid .c{height:26px;border-radius:7px;font-size:11.5px}
#lookupResult .att-grid .c.cur{outline-width:2px}
#lookupResult .att-lg{gap:8px;font-size:10.5px;margin-top:6px}
#lookupResult .att-lg i.c{width:9px;height:9px;border-radius:3px}
#lookupResult .att-cup,#lookupResult .att-goal{margin-top:8px;padding:8px 10px;border-radius:11px;font-size:12px;gap:8px}
#lookupResult .att-cup .ic{font-size:17px}
#lookupResult .att-cup b{font-size:13px}
/* البريد: شريط واحد خفيف */
#lookupResult .email-box{background:color-mix(in srgb,var(--violet) 8%,var(--card))!important;color:var(--ink)!important;border:1px solid color-mix(in srgb,var(--violet) 22%,var(--line));box-shadow:none!important;padding:8px 10px;gap:9px;border-radius:12px;margin-top:8px}
#lookupResult .email-ic{width:30px;height:30px;border-radius:9px;font-size:14px;background:color-mix(in srgb,var(--violet) 16%,var(--card));color:var(--violet)}
#lookupResult .email-txt small{font-size:10.5px;color:var(--ink-2);opacity:1}
#lookupResult .email-txt b{font-size:13.5px;line-height:1.35;text-align:left}
#lookupResult .email-box .btn{min-height:30px;height:30px;padding:0 11px;font-size:12.5px;border-radius:9px;background:var(--violet)!important;color:#fff!important;box-shadow:none!important}
/* الهوية والفصل */
#lookupResult .kv{gap:6px;margin-top:8px}
#lookupResult .kv div{padding:6px 10px;border-width:1px;border-radius:10px}
#lookupResult .kv dt{font-size:10.5px}
#lookupResult .kv dd{font-size:13.5px;line-height:1.4}
#lookupResult .result-foot{margin-top:10px;gap:8px}
#lookupResult .result-foot .hint{font-size:11px;flex-basis:100%}
#lookupResult .result-foot .btn{min-height:34px;height:34px;padding:0 12px;font-size:12.5px;border-radius:10px;flex:1}
#lookupResult .result-foot .btn.light{background:color-mix(in srgb,var(--emerald) 12%,var(--card))!important;color:color-mix(in srgb,var(--emerald) 70%,var(--ink))!important;border:1px solid color-mix(in srgb,var(--emerald) 30%,var(--line))!important;box-shadow:none!important}

/* ===== «بياناتي» المرحلة الثانية: حالة واحدة، أسبوع، أيقونات موحّدة ===== */
.idcard:has(#lookupResult:not([hidden])) .idcard-head{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
#lookupResult .li{display:inline-grid;place-items:center;flex:none}
#lookupResult .li svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
#lookupResult .who{margin-bottom:8px}
#lookupResult .who small{font-variant-numeric:tabular-nums}
#lookupResult .att-streak{display:inline-flex;align-items:center;gap:3px;background:color-mix(in srgb,#F97316 12%,var(--card))!important;color:#EA580C!important;border:1px solid color-mix(in srgb,#F97316 30%,var(--line));font-weight:700}
#lookupResult .att-streak .li svg{width:13px;height:13px;stroke-width:2.1}
#lookupResult .att-main.big{padding:6px 12px 8px}
#lookupResult .att-main.big .att-tx b{font-size:19px;line-height:1.3}
#lookupResult .att-main.big .att-ic{width:40px;height:40px;border-radius:12px}
#lookupResult .att-main.big.exc .att-tx b{color:#2563EB}
.att-pills{display:flex;flex-wrap:wrap;gap:6px;padding:0 12px 8px}
.att-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 9px 3px 10px;border-radius:999px;font-size:11.5px;background:color-mix(in srgb,var(--ink) 5%,var(--card));border:1px solid var(--line);color:var(--ink-2);line-height:1.5}
.att-pill i{width:7px;height:7px;border-radius:50%;background:#94A3B8}
.att-pill b{font-weight:700;color:var(--ink)}
.att-pill.ok i{background:#10B981}.att-pill.no i{background:#EF4444}.att-pill.mid i{background:#F59E0B}.att-pill.exc i{background:#3B82F6}
.att-pill.no b{color:#DC2626}.att-pill.ok b{color:#059669}.att-pill.mid b{color:#B45309}
#lookupResult .att-exc-btn{display:inline-flex;align-items:center;gap:6px}
#lookupResult .att-exc-btn .li svg{width:15px;height:15px}
#lookupResult .att-cal{padding:10px 10px 8px}
#lookupResult .att-cal-h{margin-bottom:8px}
#lookupResult .att-cal-h>div{flex:1;min-width:0}
#lookupResult .att-ring{width:40px;height:40px;transform:none}
#lookupResult .att-ring b{width:31px;height:31px;font-size:10.5px!important}
.att-more{display:inline-flex;align-items:center;gap:3px;border:0;background:none;color:var(--brand,var(--b1,#0E7C6B));font:inherit;font-size:11.5px;font-weight:700;padding:4px 2px;cursor:pointer;white-space:nowrap}
.att-more .li svg{width:14px;height:14px;transition:transform .2s}
.att-cal.open .att-more .li svg{transform:rotate(180deg)}
.att-cal:not(.open) .att-month{display:none!important}
.att-cal.open .att-week{display:none}
.att-week{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}
.att-week .wk{display:grid;justify-items:center;gap:3px;padding:6px 0 7px;border-radius:10px;background:color-mix(in srgb,var(--ink) 4%,var(--card));border:1px solid var(--line)}
.att-week .wk small{font-size:10.5px;color:var(--ink-2);line-height:1.2}
.att-week .wk i{font-style:normal;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:11.5px;font-weight:700;font-family:var(--head);color:#fff;background:#CBD5E1}
.att-week .wk.p i{background:#10B981}.att-week .wk.a i{background:#EF4444}.att-week .wk.s i{background:#F59E0B}.att-week .wk.e i{background:#3B82F6}
.att-week .wk.f i{background:transparent;border:1.5px dashed var(--line)}
.att-week .wk.n i{background:color-mix(in srgb,var(--ink) 14%,var(--card));color:var(--ink-2)}
.att-week .wk.cur{border-color:color-mix(in srgb,var(--ink) 55%,var(--line));box-shadow:0 0 0 1px color-mix(in srgb,var(--ink) 30%,transparent)}
#lookupResult .att-cup .ic{width:28px;height:28px;border-radius:9px;background:color-mix(in srgb,#2563EB 12%,var(--card));color:#2563EB;font-size:0}
#lookupResult .att-cup .ic svg{width:16px;height:16px}
#lookupResult .att-cup.gold .ic{background:color-mix(in srgb,#D97706 15%,var(--card));color:#B45309}
#lookupResult .att-cup{margin:0 10px 10px}

#lookupResult .att-cal-h b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#lookupResult .att-cal-h small{white-space:nowrap}
.att-week .wk.cur{border-color:color-mix(in srgb,var(--ink) 35%,var(--line));box-shadow:none;background:var(--card)}
.idcard:has(#lookupResult:not([hidden])) .lookup,.idcard:has(#lookupResult:not([hidden])) .pin-hint,.idcard:has(#lookupResult:not([hidden])) .pin-keep{display:none}

#lookupResult .att-note{margin:0 12px 8px;padding:6px 10px;border-radius:10px;font-size:11.5px;line-height:1.5;color:#B45309;background:color-mix(in srgb,#F59E0B 10%,var(--card));border:1px solid color-mix(in srgb,#F59E0B 28%,var(--line))}
#lookupResult .att-main.big.mid .att-tx b{color:#C2410C}
#lookupResult .att-main.big.long .att-tx b{font-size:16px}

/* ===== «بياناتي» المرحلة الثالثة: أصغر وأنظف (20261112) ===== */
#lookupResult .who{padding:8px 10px;gap:10px;border-radius:13px;margin-bottom:6px}
#lookupResult .who .avatar{width:34px;height:34px;font-size:15px;border-radius:10px}
#lookupResult .who b{font-size:14.5px}
#lookupResult .who small{font-size:11px}
#lookupResult .push-row{padding:6px 8px 6px 6px;gap:8px;margin-bottom:6px;border-radius:11px}
#lookupResult .push-row .pr-ic{width:26px;height:26px;border-radius:8px}
#lookupResult .push-row .pr-ic svg{width:14px;height:14px}
#lookupResult .push-row .pr-tx b{font-size:12.5px;font-weight:700}
#lookupResult .push-row .pr-tx small{display:none}
#lookupResult .push-row #pushBtn{min-height:28px;height:28px;padding:0 12px;font-size:12px;border-radius:8px;box-shadow:none}
#lookupResult .att{border-radius:14px}
#lookupResult .att-head{padding:2px 12px 2px}
#lookupResult .att-head b{font-size:13.5px}
#lookupResult .att-main.big{padding:6px 12px}
#lookupResult .att-main.big .att-ic{width:36px;height:36px;border-radius:10px}
#lookupResult .att-main.big .att-ic svg{width:19px;height:19px}
#lookupResult .att-main.big .att-tx b{font-size:17px}
#lookupResult .att-main.big.long .att-tx b{font-size:15px}
#lookupResult .att-tx small{font-size:11px}
#lookupResult .att-exc{gap:6px;padding:2px 12px 6px}
#lookupResult .att-exc-btn{min-height:34px;padding:6px 8px;font-size:12px;border-radius:9px}
#lookupResult .att-exc-btn .li svg{width:14px;height:14px}
#lookupResult .att-sum{font-size:11px;padding:0 12px 6px}
#lookupResult .att-cup,#lookupResult .att-goal{margin:0 10px 10px;padding:6px 8px;font-size:11.5px;border-radius:10px}
#lookupResult .att-cup .ic{width:24px;height:24px;border-radius:7px}
#lookupResult .att-cup .ic svg{width:14px;height:14px}
#lookupResult .att-cup b{font-size:12px}
#lookupResult .email-box{padding:6px 8px;gap:8px;margin-top:6px;border-radius:11px}
#lookupResult .email-ic{width:26px;height:26px;border-radius:8px;font-size:12px}
#lookupResult .email-txt small{font-size:10px}
#lookupResult .email-txt b{font-size:12.5px}
#lookupResult .email-box .btn{min-height:28px;height:28px;padding:0 10px;font-size:11.5px;border-radius:8px}
#lookupResult .kv dd{font-size:12.5px}
#lookupResult .result-foot{margin-top:8px;gap:6px}
#lookupResult .result-foot .hint{font-size:10.5px}
#lookupResult .result-foot .btn{min-height:32px;height:32px;font-size:12px;border-radius:9px}

/* ===== ألوان متباينة: لكل بطاقة هوية لونية، والبرتقالي/الأحمر/الأخضر محجوزة لحالة الحضور ===== */
/* التنبيهات: أزرق سماوي */
#lookupResult .push-row:not(.on){border:1px solid color-mix(in srgb,#0284C7 40%,var(--line));background:color-mix(in srgb,#0EA5E9 9%,var(--card))}
#lookupResult .push-row:not(.on) .pr-ic{background:linear-gradient(135deg,#0EA5E9,#0284C7)!important;color:#fff!important;box-shadow:none}
#lookupResult .push-row:not(.on) .pr-tx b{color:color-mix(in srgb,#0369A1 80%,var(--ink))}
#lookupResult .push-row #pushBtn{background:#0284C7!important;border-color:#0284C7!important;color:#fff!important}
/* بطاقة الاسم: أخضر الهوية المدرسية */
#lookupResult .who{background:color-mix(in srgb,var(--b1,#0E7C6B) 9%,var(--card))!important;border:1px solid color-mix(in srgb,var(--b1,#0E7C6B) 25%,var(--line))}
#lookupResult .who .avatar{background:linear-gradient(135deg,var(--b1,#0E7C6B),#14B8A6)!important;color:#fff}
/* ترتيب الفصل داخل الحضور: ذهبي محايد لا يختلط بلون الحالة */
#lookupResult .att-cup{background:color-mix(in srgb,var(--ink) 4%,var(--card))!important;border:1px solid var(--line)!important}
#lookupResult .att-cup .ic{background:linear-gradient(135deg,#FBBF24,#D97706)!important;color:#fff!important}
#lookupResult .att-cup b,#lookupResult .att-cup .pct{color:var(--ink)!important}
/* البريد: بنفسجي (كما هو) */

/* ===== أزرار العذر: إجراء رئيسي واحد مرتبط بحالة اليوم، والعذر المسبق رابط هادئ منفصل ===== */
#lookupResult .att-exc{display:flex;flex-direction:column;align-items:stretch;gap:2px;padding:2px 12px 4px}
#lookupResult .att-exc-btn:not(.adv){min-height:38px;justify-content:center;font-size:13px;font-weight:700;background:#2563EB!important;border:0!important;color:#fff!important;border-radius:10px;box-shadow:0 6px 14px -8px #2563EB}
#lookupResult .att-exc-btn.adv{min-height:0;height:auto;padding:6px 2px!important;justify-content:flex-start!important;text-align:right!important;width:100%;background:none!important;border:0!important;box-shadow:none!important;font-size:12px;font-weight:600;color:color-mix(in srgb,#2563EB 80%,var(--ink))!important;border-radius:0}
#lookupResult .att-exc-btn.adv::after{content:"‹";margin-inline-start:auto;font-size:16px;line-height:1;opacity:.7}
#lookupResult .att-exc-btn:not(.adv)+.att-exc-btn.adv{margin-top:4px;border-top:1px dashed var(--line)!important;padding-top:8px!important}
/* البريد تحت بطاقة الاسم مباشرة (بيانات هوية الطالب معًا) */
#lookupResult .who+.email-box{margin-top:0;margin-bottom:6px}

#lookupResult .fix-link{flex-basis:100%;order:3;border:0;background:none;font:inherit;font-size:11px;color:var(--ink-2);text-align:center;padding:4px 0 0;cursor:pointer}
#lookupResult .fix-link b{color:var(--brand,var(--b1,#0E7C6B));font-weight:700}
/* الوضع الداكن: زر «عندي عذر» بلون أزرق هادئ (نغمي) بدل الأزرق الساطع المتوهج */
:root[data-theme="dark"] #lookupResult .att-exc-btn:not(.adv){background:color-mix(in srgb,#3B82F6 24%,var(--card))!important;color:#BFDBFE!important;border:1px solid color-mix(in srgb,#60A5FA 45%,transparent)!important;box-shadow:none!important}
:root[data-theme="dark"] #lookupResult .att-exc-btn.adv{color:#93C5FD!important}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) #lookupResult .att-exc-btn:not(.adv){background:color-mix(in srgb,#3B82F6 24%,var(--card))!important;color:#BFDBFE!important;border:1px solid color-mix(in srgb,#60A5FA 45%,transparent)!important;box-shadow:none!important}
  :root:not([data-theme="light"]) #lookupResult .att-exc-btn.adv{color:#93C5FD!important}
}

/* ملاحظة منصة مدرستي: بعد زر العذر، بأيقونة ورابط دخول */
#lookupResult .att-note{display:flex;align-items:center;gap:8px;margin:2px 12px 8px;padding:6px 8px;border-radius:10px;text-decoration:none;font-size:12px;color:color-mix(in srgb,#B45309 85%,var(--ink));background:color-mix(in srgb,#F59E0B 10%,var(--card));border:1px solid color-mix(in srgb,#F59E0B 30%,var(--line))}
#lookupResult .att-note .an-ic{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;flex:none;background:#F59E0B;color:#fff}
#lookupResult .att-note .an-ic svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#lookupResult .att-note .an-tx{flex:1;min-width:0;font-weight:600}
#lookupResult .att-note .an-go{font-size:11.5px;font-weight:700;white-space:nowrap;color:#B45309}
:root[data-theme="dark"] #lookupResult .att-note,:root[data-theme="dark"] #lookupResult .att-note .an-go{color:#FCD34D}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #lookupResult .att-note,:root:not([data-theme="light"]) #lookupResult .att-note .an-go{color:#FCD34D}}

/* ===== التنبيهات: الشريط الوحيد المملوء باللون (أهميته) — نيلي إلى سماوي، وجرس يهتز بلطف ===== */
#lookupResult .push-row:not(.on){background:linear-gradient(120deg,#EA580C,#E11D48 55%,#C026D3)!important;border:0!important;box-shadow:0 8px 18px -10px #E11D48!important}
#lookupResult .push-row:not(.on) .pr-ic{background:rgba(255,255,255,.2)!important;color:#fff!important}
#lookupResult .push-row:not(.on) .pr-tx b{color:#fff!important}
#lookupResult .push-row:not(.on) #pushBtn{background:#fff!important;border-color:#fff!important;color:#BE123C!important;font-weight:800}
#lookupResult .push-row:not(.on) .pr-ic svg{animation:bellRing 2.6s ease-in-out infinite;transform-origin:50% 10%}
@keyframes bellRing{0%,70%,100%{transform:rotate(0)}74%{transform:rotate(14deg)}80%{transform:rotate(-12deg)}86%{transform:rotate(8deg)}92%{transform:rotate(-4deg)}}
@media (prefers-reduced-motion:reduce){#lookupResult .push-row .pr-ic svg{animation:none}}

/* رابط تصحيح البيانات: تحت بطاقتي الاسم والبريد مباشرة */
#lookupResult>.fix-link{display:block;width:100%;flex-basis:auto;order:0;margin:-2px 0 8px;padding:0 4px;font-size:11px;text-align:start}

/* غياب سابق بلا عذر: سطر يحدد اليوم والمهلة، وزر أهدأ إن كان الطالب حاضرًا اليوم */
#lookupResult .att-due{display:grid;gap:1px;padding:7px 10px;border-radius:10px;background:color-mix(in srgb,#EF4444 8%,var(--card));border:1px solid color-mix(in srgb,#EF4444 25%,var(--line));margin-bottom:4px}
#lookupResult .att-due b{font-size:12.5px;color:color-mix(in srgb,#DC2626 85%,var(--ink))}
#lookupResult .att-due small{font-size:11px;color:var(--ink-2)}
#lookupResult .att-exc-btn.past:not(.adv){background:var(--card)!important;color:#2563EB!important;border:1.5px solid color-mix(in srgb,#2563EB 45%,var(--line))!important;box-shadow:none!important}
:root[data-theme="dark"] #lookupResult .att-exc-btn.past:not(.adv){color:#93C5FD!important}

.exc-dm{display:grid;gap:8px;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,#F59E0B 12%,var(--card));border:1px solid color-mix(in srgb,#F59E0B 40%,var(--line));color:var(--ink);text-align:right}
.exc-dm b{font-size:13px;line-height:1.6}
.exc-dm-acts{display:flex;gap:6px;flex-wrap:wrap}

/* شاشات ضيقة: زرّا «صوتك يصل» يتقاسمان العرض دون قصّ النص */
@media (max-width:420px){.seg{display:flex;width:100%}.seg-btn{flex:1 1 0;min-width:0;justify-content:center;padding:10px 6px;font-size:13.5px;gap:5px}.seg-btn svg{width:16px;height:16px;flex:none}}

.cup-top small{display:block}.cup-top .cup-win{font-weight:800;font-size:14.5px;color:#7A5600;margin:3px 0 1px}

.ask-fab{transition:opacity .2s,transform .2s}.ask-fab.fab-away{opacity:0!important;transform:scale(.6)!important;pointer-events:none!important}

/* بطاقة «تم التحقق»: الاسم والبيانات بعرض كامل، وزر التغيير صغير لا يضغطها */
.verified>div{flex:1;min-width:0}.verified #vName{display:block;line-height:1.4}.verified #vMeta{display:block;font-size:12px;line-height:1.6;margin-top:2px}
.verified #changeId{flex:none;padding:6px 10px;font-size:12.5px;min-height:0;white-space:nowrap}
@media (max-width:420px){.verified{flex-wrap:wrap}.verified>div{flex:1 1 calc(100% - 60px)}.verified #changeId{margin-inline-start:auto}}

/* ===== نافذة العذر: اختيار الأيام بالضغط ===== */
.exc-pick{margin-bottom:6px}.exc-pick .exc-label{margin-bottom:2px}
.exc-pick-h{display:block;font-size:12.5px;color:var(--ink-2);margin-bottom:8px;line-height:1.6}
.exc-days{display:grid;gap:6px}.exc-wkg{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}.exc-wk{font-size:12px;font-weight:800;color:var(--ink-2);margin-top:4px;display:flex;align-items:center;gap:8px}.exc-wk::after{content:"";flex:1;height:1px;background:var(--line)}
.exc-day{position:relative;display:grid;justify-items:center;align-content:start;gap:1px;padding:10px 4px 8px;border-radius:14px;border:1.5px solid var(--line);background:var(--card);color:var(--ink);font:inherit;cursor:pointer;min-height:96px;transition:border-color .15s,background .15s,transform .1s}
.exc-day:active{transform:scale(.97)}
.exc-day b{font-size:15px;font-family:var(--head);line-height:1.3}
.exc-day .wd{font-size:11px;color:var(--ink-2);min-height:0;line-height:1.2}.exc-day .wd:empty{display:none}
.exc-day .h{font-size:13px;font-weight:700;margin-top:3px;line-height:1.35}
.exc-day .g{font-size:11px;color:var(--ink-2);line-height:1.3}
.exc-day .tg{font-style:normal;font-size:10.5px;font-weight:700;margin-top:5px;padding:1px 8px;border-radius:999px;background:color-mix(in srgb,var(--ink) 7%,var(--card));color:var(--ink-2)}
.exc-day .tg.bad{background:#FEE2E2;color:#B91C1C}.exc-day .tg.warn{background:#FEF3C7;color:#92400E}.exc-day .tg.ok{background:#DBEAFE;color:#1D4ED8}
.exc-day.abs{border-color:#FCA5A5}
.exc-day .ck{position:absolute;bottom:6px;inset-inline-end:6px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800;color:#fff;background:#2563EB;opacity:0;transform:scale(.5);transition:.15s}
.exc-day.on{border-color:#2563EB;background:color-mix(in srgb,#2563EB 9%,var(--card));box-shadow:0 0 0 2px color-mix(in srgb,#2563EB 25%,transparent)}
.exc-day.on .ck{opacity:1;transform:none}
.exc-sel{margin-top:10px;padding:10px 12px;border-radius:12px;font-size:13.5px;font-weight:700;line-height:1.6;background:color-mix(in srgb,var(--ink) 5%,var(--card));color:var(--ink-2)}
.exc-sel.on{background:color-mix(in srgb,#10B981 12%,var(--card));color:color-mix(in srgb,#047857 85%,var(--ink));border:1px solid color-mix(in srgb,#10B981 35%,transparent)}
.exc-other{display:block;margin:8px auto 0;background:none;border:0;color:var(--ink-2);font:inherit;font-size:12.5px;text-decoration:underline;cursor:pointer;padding:4px}
.exc-dates[hidden]+#excDateH{display:none}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .exc-day .tg.bad{background:#7F1D1D;color:#FECACA} :root:not([data-theme="light"]) .exc-day .tg.warn{background:#78350F;color:#FDE68A} :root:not([data-theme="light"]) .exc-day .tg.ok{background:#1E3A8A;color:#BFDBFE} :root:not([data-theme="light"]) .exc-day.abs{border-color:#9F3A3A}}
:root[data-theme="dark"] .exc-day .tg.bad{background:#7F1D1D;color:#FECACA} :root[data-theme="dark"] .exc-day .tg.warn{background:#78350F;color:#FDE68A} :root[data-theme="dark"] .exc-day .tg.ok{background:#1E3A8A;color:#BFDBFE} :root[data-theme="dark"] .exc-day.abs{border-color:#9F3A3A}

/* شريط الأسبوع: علامة + كلمة + تاريخ (بدل رقم داخل الدائرة) */
.att-week .wk i{font-size:13px;font-weight:900;font-family:system-ui,sans-serif;line-height:1}
.att-week .wk em{font-style:normal;font-size:11px;font-weight:800;line-height:1.2;color:var(--ink-2)}
.att-week .wk.p em{color:#059669}.att-week .wk.a em{color:#DC2626}.att-week .wk.s em{color:#B45309}.att-week .wk.e em{color:#2563EB}
.att-week .wk .dt{font-size:9.5px;opacity:.8;white-space:nowrap}
.att-week .wk.f em,.att-week .wk.n em{opacity:.6}
.att-week .wk.cur small:first-child{font-weight:800;color:var(--ink)}
.att-week{grid-template-columns:repeat(5,minmax(0,1fr))}
.att-week .wk{min-width:0;padding-inline:2px}
.att-week .wk .dt{white-space:normal;text-align:center;line-height:1.25;font-size:9.5px;max-width:100%}
.att-week .wk.n em{font-size:9.5px;font-weight:600}
.att-wkey{display:flex;justify-content:center;gap:14px;margin-top:6px;font-size:11px;color:var(--ink-2)}.att-cal.open .att-wkey{display:none}
.att-wkey .k{display:inline-flex;align-items:center;gap:4px}.att-wkey i{font-style:normal;width:15px;height:15px;border-radius:50%;display:grid;place-items:center;font-size:9px;font-weight:900;color:#fff;font-family:system-ui,sans-serif}
.att-wkey .p i{background:#10B981}.att-wkey .a i{background:#EF4444}.att-wkey .s i{background:#F59E0B}
/* شريط الأسبوع أنظف: بلا إطارات، والمختار فقط مميّز؛ اليوم بلا تقرير دائرة فارغة هادئة */
.att-week{gap:4px}
.att-week .wk{border:0;background:transparent;padding:6px 0;gap:5px}
.att-week .wk small{font-size:11px}
.att-week .wk i{width:30px;height:30px;font-size:14px;box-shadow:0 2px 6px -2px rgb(0 0 0 / .25)}
.att-week .wk.n i,.att-week .wk.f i{background:transparent;border:1.5px dashed color-mix(in srgb,var(--ink) 25%,transparent);box-shadow:none}
.att-week .wk.cur,.att-week .wk.cur:where(*){background:var(--card);border:0;box-shadow:0 0 0 1.5px color-mix(in srgb,var(--ink) 18%,transparent);border-radius:12px}
.att-wkey{margin-top:8px;gap:16px}
/* بطاقات أيام العذر أصغر وأهدأ */
.exc-wkg{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:7px}
.exc-day{min-height:0;padding:9px 4px 8px;border-radius:12px}
.exc-day b{font-size:14px}.exc-day .h{font-size:12px;margin-top:2px}.exc-day .g{font-size:10.5px}
.exc-day .tg{margin-top:4px}

.att-ring[hidden]{display:none!important}
/* إصلاح: رسائل العذر (قيد المراجعة/لم يُقبل/تطلب إيضاحًا) كانت تتمدد مربعات فارغة كبيرة */
#lookupResult .att-exc>*{flex:none!important;min-height:0}
#lookupResult .att-exc>.att-chip{font-size:13px;padding:8px 12px;line-height:1.6}
.att-wkey .e i{background:#3B82F6}
.att-streak{white-space:nowrap;font-size:12px!important}
/* تنبيه المنصة بخطوتين: ادخل ← ثم «دخلتُ ✓» */
#lookupResult .att-note.plat{display:grid;gap:6px;padding:8px}
#lookupResult .att-note.plat .an-main{display:flex;align-items:center;gap:8px;color:inherit;text-decoration:none}
#lookupResult .att-note.plat .an-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:6px;border-top:1px dashed color-mix(in srgb,#F59E0B 35%,transparent)}
#lookupResult .att-note.plat .an-row small{font-size:11.5px;opacity:.85}
#lookupResult .att-note .an-ok{border:0;border-radius:999px;padding:6px 14px;font:inherit;font-size:12.5px;font-weight:800;background:#10B981;color:#fff;cursor:pointer;white-space:nowrap}
#lookupResult .att-note.done{color:color-mix(in srgb,#1D4ED8 85%,var(--ink));background:color-mix(in srgb,#3B82F6 10%,var(--card));border-color:color-mix(in srgb,#3B82F6 30%,var(--line))}
#lookupResult .att-note.done .an-ic{background:#3B82F6;font-weight:900;font-size:13px}

.ideas-had-h{margin:14px 0 2px;font-size:14px;color:#0EA5E9}
.idea.had{padding:10px 12px;border:1px dashed color-mix(in srgb,#0EA5E9 40%,transparent);border-radius:12px;margin-top:8px}
.idea.had .idea-did span{color:#0EA5E9}

.idea-first{font-size:10.5px;line-height:1.25;text-align:center;font-weight:700;padding:0 2px}
.im-steps{list-style:none;display:flex;margin:8px 0 4px;padding:0;gap:0}
.im-steps li{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;position:relative;font-size:11px;color:var(--ink-2)}
.im-steps li::before{content:"";position:absolute;top:6px;inset-inline-start:50%;width:100%;height:2px;background:var(--line);z-index:0}
.im-steps li:last-child::before{display:none}
.im-steps li.ok::before{background:var(--c)}
.im-steps i{width:14px;height:14px;border-radius:50%;background:var(--card);border:2px solid var(--line);z-index:1}
.im-steps li.ok i{background:var(--c);border-color:var(--c)}
.im-steps li.now i{border-color:var(--c);box-shadow:0 0 0 4px color-mix(in srgb,var(--c) 22%,transparent)}
.im-steps li.now span{color:var(--c);font-weight:800}
.idea-sim{margin:-2px 0 10px;padding:10px 12px;border-radius:12px;border:1px solid color-mix(in srgb,#0EA5E9 45%,transparent);background:color-mix(in srgb,#0EA5E9 8%,transparent);display:grid;gap:8px}
.idea-sim>b{font-size:13px}
.sim-it{display:flex;align-items:center;gap:10px;justify-content:space-between;background:var(--card);border-radius:10px;padding:8px 10px;border:1px solid var(--line)}
.sim-it strong{display:block;font-size:13.5px}.sim-it small{display:block;font-size:12px;color:var(--ink-2);line-height:1.6}
.sim-it .btn{flex:none;white-space:nowrap}
.sim-ft{font-size:11.5px;color:var(--ink-2)}
