/* «نواتج التعلم» — مدارس براعم الوطن (مولّد من واجهة الفال بواسطة mkfq.js) */
#fq-lo-app{width:100%}
.lo-root{--ink:#1f2d3a;--muted:#66737f;--line:#ebe4f1;--bg:#f7f4ef;--card:#fff;--navy:#43305f;--brand:#8e65ab;
  --blue:#8e65ab;--blue-s:#e8f0f9;--teal:#0e7c6f;--teal-s:#e3f3f0;--violet:#86409a;--violet-s:#f4eaf7;--amber:#c46a12;--amber-s:#fdf1e3;--rose:#c0396a;--rose-s:#fbe9ef;--slate:#57626c;--slate-s:#f1ede7;
  font-family:inherit;color:var(--ink);display:grid;gap:18px;padding-bottom:40px}
.lo-root.lo-dark{--ink:#E5ECF6;--muted:#94A3B8;--line:#253047;--bg:#0F172A;--card:#141D30;--blue-s:#1A2A4D;--teal-s:#123532;--violet-s:#261C45;--amber-s:#3A2A12;--rose-s:#3B1622;--slate-s:#1E293B}
.lo-root *{box-sizing:border-box;font-family:inherit}
.lo-hero{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px;padding:26px 28px;border-radius:22px;color:#fff;
  background:linear-gradient(120deg,#43305f 0%,#5b4478 52%,#8e65ab 140%);box-shadow:0 18px 40px rgba(29,53,80,.18)}
.lo-kicker{font-size:12px;font-weight:700;opacity:.75}
.lo-hero h1{margin:4px 0 6px;font-size:28px;font-weight:800}
.lo-hero p{margin:0;max-width:620px;font-size:14px;line-height:1.9;opacity:.9}
.lo-hero-actions{display:flex;gap:10px;flex-wrap:wrap}
.lo-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:40px;padding:0 16px;border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--ink);font-weight:700;font-size:13.5px;cursor:pointer;transition:.15s;white-space:nowrap}
.lo-btn:hover:not(:disabled){border-color:var(--brand);color:var(--brand)}
.lo-btn:disabled{opacity:.5;cursor:not-allowed}
.lo-btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}.lo-btn.primary:hover:not(:disabled){filter:brightness(1.08);color:#fff}
.lo-btn.white{background:#fff;color:var(--navy);border-color:#fff}
.lo-btn.light{background:rgba(255,255,255,.14);color:#fff;border-color:rgba(255,255,255,.35)}.lo-btn.light:hover{color:#fff;border-color:#fff}
.lo-btn.sm{height:32px;padding:0 12px;font-size:12.5px;border-radius:10px}
.lo-btn.ok{color:var(--teal);border-color:color-mix(in srgb,var(--teal) 40%,var(--line))}.lo-btn.warn{color:var(--amber);border-color:color-mix(in srgb,var(--amber) 40%,var(--line))}
.lo-btn.danger{color:var(--rose);border-color:color-mix(in srgb,var(--rose) 35%,var(--line))}
.lo-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}
.lo-stat{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px 18px;display:grid;gap:6px}
.lo-stat span{font-size:13px;color:var(--muted);font-weight:700}.lo-stat b{font-size:30px;font-weight:800;line-height:1.1}
.lo-stat small{font-size:12px;color:var(--muted)}.lo-stat.amber b{color:var(--amber)}
.lo-dash-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px}
.lo-dash-head h2{margin:0 0 4px;font-size:20px;font-weight:800}.lo-dash-head p{margin:0;color:var(--muted);font-size:13.5px;line-height:1.8}
.lo-dash-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.lo-dash-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12.5px}
.lo-meter{height:8px;border-radius:99px;background:var(--slate-s);overflow:hidden}.lo-meter i{display:block;height:100%;border-radius:99px;transition:width .4s}
.lo-meter.ok i{background:var(--teal)}.lo-meter.mid i{background:#D97706}.lo-meter.low i{background:var(--rose)}.lo-meter.none i{width:0!important}
.lo-alerts{display:grid;gap:8px}
.lo-alert{display:flex;align-items:center;gap:12px;text-align:right;width:100%;border:1px solid var(--line);border-inline-start-width:5px;border-radius:14px;padding:12px 16px;background:var(--card);color:var(--ink);font-weight:700;font-size:14px;cursor:pointer}
.lo-alert:disabled{cursor:default}.lo-alert span{flex:1}.lo-alert b{font-size:12.5px;color:var(--brand);white-space:nowrap}
.lo-alert i{width:10px;height:10px;border-radius:50%;flex:none}
.lo-alert.danger{border-inline-start-color:var(--rose)}.lo-alert.danger i{background:var(--rose)}
.lo-alert.warn{border-inline-start-color:#D97706}.lo-alert.warn i{background:#D97706}
.lo-alert.info{border-inline-start-color:var(--blue)}.lo-alert.info i{background:var(--blue)}
.lo-alert:not(:disabled):hover{background:var(--slate-s)}
.lo-dsec{display:grid;gap:12px}.lo-dsec h3{margin:0;font-size:16px;font-weight:800}.lo-dsec h3 small{font-weight:600;font-size:12.5px}
.lo-dcard.muted{opacity:.72}
.lo-dnum{display:flex;align-items:baseline;gap:8px}.lo-dnum b{font-size:26px;font-weight:800}.lo-dnum small{color:var(--muted);font-size:12.5px;font-weight:700}
.lo-cards.wide{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.lo-tcard{cursor:default}
.lo-chips{display:flex;flex-wrap:wrap;gap:6px}.lo-chips span{font-size:11.5px;font-weight:700;background:var(--slate-s);color:var(--slate);border-radius:99px;padding:2px 10px}
.lo-tgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;text-align:center}
.lo-tgrid div{background:var(--bg);border-radius:12px;padding:8px 4px;display:grid;gap:2px}.lo-tgrid b{font-size:17px;font-weight:800}.lo-tgrid small{font-size:11px;color:var(--muted)}
.lo-tgrid .down b{color:var(--rose)}
.lo-srows{display:grid;gap:8px}
.lo-srow{display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:10px 14px}
.lo-srow>div{flex:1;min-width:0;display:grid;gap:2px}.lo-srow small{color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lo-idle{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 16px}.lo-idle summary{cursor:pointer;font-weight:700;font-size:13.5px;color:var(--muted)}.lo-idle .lo-chips{margin-top:10px}
.lo-more{justify-self:center}
.lo-scount{font-weight:800;color:var(--rose);font-size:13px;white-space:nowrap}
.lo-bar{display:flex;height:8px;border-radius:99px;overflow:hidden;background:var(--slate-s)}
.lo-bar i{display:block;height:100%}.lo-bar i.lo-t-blue{background:var(--blue)}.lo-bar i.lo-t-teal{background:var(--teal)}.lo-bar i.lo-t-violet{background:var(--violet)}
.lo-tabs{display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid var(--line)}
.lo-tabs button{border:0;background:none;padding:10px 14px;font-weight:700;font-size:14px;color:var(--muted);cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-1px}
.lo-tabs button.on{color:var(--brand);border-bottom-color:var(--brand)}
.lo-filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.lo-filters select,.lo-search,.lo-field input,.lo-field select,.lo-field textarea{height:40px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--ink);padding:0 12px;font-size:13.5px}
.lo-search{flex:1;min-width:200px}
.lo-seg{display:inline-flex;background:var(--slate-s);border-radius:12px;padding:3px;gap:2px;flex-wrap:wrap}
.lo-seg button{border:0;background:none;padding:7px 12px;border-radius:9px;font-weight:700;font-size:13px;color:var(--muted);cursor:pointer}
.lo-seg button.on{background:var(--card);color:var(--brand);box-shadow:0 1px 4px rgba(15,23,42,.08)}
.lo-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.lo-grades{display:grid;gap:18px}
.lo-gsec{display:grid;gap:10px}
.lo-gsec>h4{margin:0;display:flex;align-items:baseline;gap:10px;font-size:15px;font-weight:800;color:var(--navy);padding-bottom:6px;border-bottom:1px solid var(--line)}
.lo-gsec>h4 small{font-size:12px;font-weight:700;color:var(--muted)}
.lo-cards.compact{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}
.lo-cards.compact .lo-card{padding:12px 14px;gap:8px;border-radius:14px}
.lo-cards.compact .lo-card-num{font-size:24px}
.lo-cards.compact .lo-dnum b{font-size:22px}
.lo-card{display:grid;gap:10px;text-align:right;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px 18px;cursor:pointer;transition:.18s;color:var(--ink)}
.lo-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(15,23,42,.08);border-color:color-mix(in srgb,var(--brand) 35%,var(--line))}
.lo-card-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.lo-card-top b{font-size:16px}
.lo-card-num{font-size:30px;font-weight:800;color:var(--navy)}.lo-dark .lo-card-num{color:#BFD3FF}.lo-card-num small{font-size:12px;color:var(--muted);font-weight:700;margin-inline-start:6px}
.lo-card-foot{font-size:12px;color:var(--muted)}
.lo-panel{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:18px 20px;display:grid;gap:14px}
.lo-panel h3{margin:0;font-size:18px}
.lo-panel-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.lo-back{border:0;background:var(--slate-s);color:var(--ink);border-radius:10px;padding:6px 12px;font-weight:700;cursor:pointer}
.lo-group h4{margin:4px 0 10px;font-size:15px}.lo-group h4 small{color:var(--muted);font-weight:600;margin-inline-start:6px}
.lo-unit{border:1px solid var(--line);border-radius:14px;margin-bottom:10px;background:var(--bg)}
.lo-unit summary{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;cursor:pointer;font-weight:700;list-style:none}
.lo-unit summary::-webkit-details-marker{display:none}
.lo-unit-body{display:grid;gap:8px;padding:0 10px 10px}
.lo-item{background:var(--card);border:1px solid var(--line);border-radius:12px;display:grid;grid-template-columns:auto 1fr;align-items:start}
.lo-item:not(:has(.lo-item-check)){grid-template-columns:1fr}
.lo-item-check{margin:16px 12px 0 0;width:17px;height:17px}
.lo-item-main{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;align-items:start;text-align:right;border:0;background:none;padding:12px 14px;cursor:pointer;color:var(--ink);width:100%}
.lo-dot{width:9px;height:9px;border-radius:50%;margin-top:9px}.lo-dot.lo-t-blue{background:var(--blue)}.lo-dot.lo-t-teal{background:var(--teal)}.lo-dot.lo-t-violet{background:var(--violet)}
.lo-item-text{font-weight:600;line-height:1.9;font-size:14px}
.lo-item-tags{grid-column:2;display:flex;flex-wrap:wrap;gap:6px}
.lo-item-more{grid-column:1/-1;padding:0 14px 14px;display:grid;gap:10px}
.lo-facts{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12.5px;color:var(--muted)}
.lo-note{font-size:13px;background:var(--rose-s);color:var(--rose);border-radius:10px;padding:8px 12px}
.lo-actions{display:flex;flex-wrap:wrap;gap:8px}
.lo-pill{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:99px;font-size:11.5px;font-weight:700;background:var(--slate-s);color:var(--slate);white-space:nowrap}
.lo-dark .lo-pill{color:#CBD5E1}
.lo-bank-tag{color:var(--teal)!important;font-weight:800}
.lo-pill.lo-t-blue{background:var(--blue-s);color:var(--blue)}.lo-pill.lo-t-teal{background:var(--teal-s);color:var(--teal)}.lo-pill.lo-t-violet{background:var(--violet-s);color:var(--violet)}
.lo-pill.lo-t-amber{background:var(--amber-s);color:var(--amber)}.lo-pill.lo-t-rose{background:var(--rose-s);color:var(--rose)}
.lo-empty{display:grid;justify-items:center;gap:8px;padding:56px 20px;background:var(--card);border:1px dashed var(--line);border-radius:20px;color:var(--muted);text-align:center}
.lo-empty b{color:var(--ink);font-size:16px}
.lo-spinner{width:28px;height:28px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--brand);animation:lo-spin .8s linear infinite}
@keyframes lo-spin{to{transform:rotate(360deg)}}
.lo-bulk{display:flex;flex-wrap:wrap;align-items:center;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:10px 14px}
.lo-check{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:13.5px;cursor:pointer}
.lo-overlay{position:fixed;inset:0;background:rgba(15,23,42,.45);display:grid;place-items:center;z-index:9999;padding:16px;font-family:'Cairo','Almarai',sans-serif}
.lo-modal{width:min(640px,100%);max-height:calc(100vh - 32px);display:flex;flex-direction:column;background:var(--card,#fff);color:var(--ink,#0F172A);border-radius:20px;box-shadow:0 30px 70px rgba(15,23,42,.3);overflow:hidden}
.lo-modal.wide{width:min(900px,100%)}
.lo-modal header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 22px;border-bottom:1px solid var(--line,#E6EAF0)}
.lo-modal h3{margin:0;font-size:18px;font-weight:800}.lo-modal header small{color:var(--muted,#64748B);font-size:12.5px}
.lo-x{border:0;background:var(--slate-s,#EEF2F6);width:34px;height:34px;border-radius:10px;font-size:20px;cursor:pointer;color:inherit}
.lo-modal-body{padding:18px 22px;overflow:auto;display:grid;gap:14px}
.lo-modal footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 22px;border-top:1px solid var(--line,#E6EAF0)}
.lo-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.lo-field{display:grid;gap:6px;font-size:13px;font-weight:700;color:var(--muted)}
.lo-field.full,.lo-check.full{grid-column:1/-1}
.lo-field textarea{height:auto;padding:10px 12px;line-height:1.8;resize:vertical}
.lo-field.bad input,.lo-field.bad textarea{border-color:var(--rose)}.lo-field em{color:var(--rose);font-style:normal;font-size:12px}
.lo-steps{display:grid;gap:10px}
.lo-step{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line,#E6EAF0);border-radius:14px}
.lo-step>span{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--brand,#2554C7);color:#fff;font-weight:800}
.lo-step>div{flex:1;display:grid;gap:2px}.lo-step small{color:var(--muted,#64748B);font-size:12px}
.lo-mini-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.lo-mini-stats div{background:var(--slate-s,#EEF2F6);border-radius:12px;padding:10px;text-align:center;display:grid}
.lo-mini-stats b{font-size:20px}.lo-mini-stats span{font-size:12px;color:var(--muted,#64748B)}
.lo-mini-stats .ok b{color:var(--teal)}.lo-mini-stats .bad b{color:var(--rose)}.lo-mini-stats .sel b{color:var(--brand)}
.lo-preview{display:grid;gap:8px;max-height:46vh;overflow:auto;padding-inline-end:4px}
.lo-prow{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line,#E6EAF0);border-radius:12px;padding:10px 12px;cursor:pointer}
.lo-prow.bad{background:var(--rose-s,#FDECEF);border-color:color-mix(in srgb,var(--rose) 30%,transparent)}
.lo-prow .grow{flex:1;display:grid;gap:4px}
.lo-prow-meta{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;font-size:12px;color:var(--muted,#64748B)}
.lo-prow-text{font-weight:600;font-size:13.5px;line-height:1.8}
.lo-issues{font-size:12px;color:var(--rose);font-weight:700}
.lo-result{display:grid;gap:10px;text-align:center}
.lo-result-big{display:grid;gap:4px;padding:18px;border-radius:16px;background:var(--teal-s,#E3F5F2)}.lo-result-big b{font-size:36px;color:var(--teal)}
.lo-bad-text{color:var(--rose)}.lo-muted{color:var(--muted);font-size:12.5px}
/* add / edit outcome form */
.lo-modal footer .grow{flex:1}
.lo-fx{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:18px;align-items:start}
.lo-fx-main{display:grid;gap:14px;min-width:0}
.lo-fs{border:1px solid var(--line);border-radius:16px;padding:16px;display:grid;gap:14px;background:var(--card)}
.lo-fs h5{margin:0;display:flex;align-items:center;gap:8px;font-size:14.5px;font-weight:800;color:var(--ink)}
.lo-fs h5 span{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;background:var(--blue-s);color:var(--brand);font-size:12.5px}
.lo-fs-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.lo-field>span small{font-weight:600;color:var(--muted);opacity:.8;margin-inline-start:4px}
.lo-field input,.lo-field textarea{transition:border-color .15s,box-shadow .15s}
.lo-field input:focus,.lo-field textarea:focus,.lo-field select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 15%,transparent)}
.lo-eqseg{display:grid;background:var(--slate-s);border-radius:12px;padding:4px;gap:4px}
.lo-eqseg.c3{grid-template-columns:repeat(3,1fr)}
.lo-eqseg button{border:0;background:none;height:36px;border-radius:9px;font-weight:700;font-size:13.5px;color:var(--muted);cursor:pointer;white-space:nowrap}
.lo-eqseg button.on{background:var(--card);color:var(--brand);box-shadow:0 1px 4px rgba(15,23,42,.1)}
.lo-chips{display:flex;flex-wrap:wrap;gap:8px}
.lo-chips button{border:1px solid var(--line);background:var(--card);color:var(--ink);height:34px;padding:0 14px;border-radius:99px;font-weight:700;font-size:13px;cursor:pointer;transition:.15s}
.lo-chips button:hover{border-color:var(--brand)}
.lo-chips button.on{background:var(--brand);border-color:var(--brand);color:#fff}
.lo-chips.sm button{height:28px;padding:0 11px;font-size:12px;font-weight:600;color:var(--muted)}
.lo-chips.sm button.on{color:#fff}
.lo-text-foot{display:flex;justify-content:space-between;gap:10px;font-size:12px;font-weight:600;color:var(--muted)}
.lo-text-foot .ok{color:var(--teal)}
.lo-code{max-width:260px}
.lo-cls{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.lo-cls-card{display:grid;gap:4px;justify-items:start;text-align:right;padding:12px 14px;border-radius:14px;border:1.5px solid var(--line);background:var(--card);cursor:pointer;color:var(--ink);transition:.15s}
.lo-cls-card i{width:10px;height:10px;border-radius:50%;background:currentColor}
.lo-cls-card.lo-t-blue i{background:var(--blue)}.lo-cls-card.lo-t-teal i{background:var(--teal)}.lo-cls-card.lo-t-violet i{background:var(--violet)}
.lo-cls-card b{font-size:14px}.lo-cls-card small{font-size:11.5px;color:var(--muted);line-height:1.6}
.lo-cls-card.on.lo-t-blue{border-color:var(--blue);background:var(--blue-s)}
.lo-cls-card.on.lo-t-teal{border-color:var(--teal);background:var(--teal-s)}
.lo-cls-card.on.lo-t-violet{border-color:var(--violet);background:var(--violet-s)}
.lo-levels{display:flex;flex-wrap:wrap;gap:6px}
.lo-levels button{position:relative;border:1px solid var(--line);background:var(--card);color:var(--ink);height:34px;padding:0 13px;border-radius:10px;font-weight:700;font-size:12.5px;cursor:pointer}
.lo-levels button[style]::after{content:"";position:absolute;inset-inline:14px;bottom:3px;height:2px;border-radius:2px;background:var(--brand);opacity:calc(.15 + var(--lv) * .12)}
.lo-levels button.on{background:var(--navy);border-color:var(--navy);color:#fff}
.lo-levels button.on::after{background:#fff}
.lo-fx-side{position:sticky;top:0}
.lo-preview-card{border-radius:16px;padding:16px;display:grid;gap:12px;background:linear-gradient(180deg,var(--blue-s),var(--card));border:1px solid var(--line)}
.lo-kicker2{font-size:12px;font-weight:800;color:var(--brand)}
.lo-pv-path{font-size:12px;color:var(--muted);font-weight:700;line-height:1.8}
.lo-item.static .lo-item-main{cursor:default}
.lo-tips{margin:0;padding:0 18px 0 0;display:grid;gap:6px;font-size:12px;color:var(--muted);line-height:1.7}
.lo-switch{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:13.5px;cursor:pointer;color:var(--ink);white-space:nowrap}
.lo-switch i{flex:none}
.lo-switch input{display:none}
.lo-switch i{width:40px;height:22px;border-radius:99px;background:var(--line);position:relative;transition:.2s}
.lo-switch i::after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:.2s}
.lo-switch input:checked+i{background:var(--teal)}
.lo-switch input:checked+i::after{inset-inline-start:21px}
@media (max-width:860px){.lo-fx{grid-template-columns:1fr}.lo-fx-side{position:static}.lo-tips{display:none}}
.lo-root label{margin:0;font-weight:inherit}
.lo-root h1,.lo-root h3,.lo-root h4,.lo-root h5{color:inherit;font-family:inherit;line-height:1.4}
.lo-root p{margin:0}
.lo-root button:focus{outline:none}
.lo-root input[type=checkbox]{width:17px;height:17px;accent-color:var(--brand)}
.lo-root select{appearance:auto;-webkit-appearance:menulist;height:40px !important;min-height:40px;line-height:1.4 !important;padding:0 12px !important;font-size:13.5px !important;font-family:'Cairo',sans-serif !important;color:var(--ink) !important;background-color:var(--card) !important;text-indent:0 !important;letter-spacing:0 !important;box-shadow:none}
.lo-root input:not([type=checkbox]),.lo-root textarea{font-family:'Cairo',sans-serif !important;letter-spacing:0 !important;color:var(--ink)}
.lo-hero-actions{align-items:center;justify-content:flex-end}
.lo-root .lo-filters select{width:auto !important;flex:0 1 auto;min-width:150px;max-width:260px;display:inline-block}
.lo-root .lo-filters .lo-search{flex:1 1 220px;width:auto !important}
@media (max-width:640px){.lo-root .lo-filters select{flex:1 1 46%;max-width:none}}
.lo-hero-actions .lo-school{order:-1}
.lo-root .lo-school{border-radius:12px;border:1px solid rgba(255,255,255,.35);background-color:rgba(255,255,255,.14) !important;color:#fff !important;font-weight:700;max-width:300px;width:auto}
.lo-school option{color:#0F172A}
.lo-panel h3 small{font-size:13px;font-weight:600;margin-inline-start:6px}
.lo-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:10000;padding:12px 20px;border-radius:14px;background:#0F766E;color:#fff;font-weight:700;box-shadow:0 14px 34px rgba(15,23,42,.25);font-family:'Cairo',sans-serif;max-width:90vw}
.lo-toast.error{background:#BE123C}
/* linking */
.lo-linkline{display:flex;flex-wrap:wrap;gap:6px}.lo-linkline span{font-size:12px;font-weight:700;color:var(--teal);background:var(--teal-s);border-radius:99px;padding:2px 10px}
.lo-alist{display:grid;gap:8px;max-height:52vh;overflow:auto;padding-inline-end:4px}
.lo-arow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:var(--card)}
.lo-arow .grow{display:grid;gap:2px;min-width:200px}.lo-arow small{color:var(--muted);font-size:12px}
.lo-qrow{display:flex;align-items:flex-start;gap:10px;border:1px solid var(--line);border-radius:12px;padding:10px 12px;cursor:pointer;line-height:1.8;font-size:13.5px}
.lo-qrow.on{border-color:var(--teal);background:var(--teal-s)}
.lo-qrow .grow{flex:1}
.lo-switch.sm{font-size:12.5px}.lo-switch.sm i{width:34px;height:19px}.lo-switch.sm i::after{width:13px;height:13px}.lo-switch.sm input:checked+i::after{inset-inline-start:18px}
.lo-subject{min-width:260px !important;max-width:380px !important}
.lo-whole{display:grid;gap:6px;padding:12px 14px;border-radius:14px;background:var(--violet-s);border:1px dashed color-mix(in srgb,var(--violet) 40%,transparent)}
.lo-whole small{color:var(--muted);font-size:12px}
.lo-qcard{border:1px solid var(--line);border-radius:14px;padding:12px 14px;display:grid;gap:8px;background:var(--card);border-inline-start:4px solid var(--amber)}
.lo-qcard.done{border-inline-start-color:var(--teal)}
.lo-qhead{display:flex;gap:6px;flex-wrap:wrap}
.lo-qtext{font-weight:600;line-height:1.9;font-size:14px}
.lo-suggest{display:flex;flex-wrap:wrap;gap:6px;align-items:center;text-align:right;border:1px dashed var(--violet);background:var(--violet-s);color:var(--ink);border-radius:10px;padding:7px 12px;font-size:12.5px;cursor:pointer;line-height:1.7}
.lo-suggest span{color:var(--violet);font-weight:800}.lo-suggest b{color:var(--violet);margin-inline-start:auto}
.lo-chooser{position:relative}
.lo-chosen{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.lo-tag{display:inline-flex;align-items:center;gap:6px;max-width:100%;background:var(--teal-s);color:var(--teal);border-radius:10px;padding:4px 6px 4px 10px;font-size:12.5px;font-weight:700;line-height:1.6}
.lo-tag button{border:0;background:none;color:inherit;font-size:16px;cursor:pointer;line-height:1}
.lo-add{border:1px dashed var(--brand);background:none;color:var(--brand);border-radius:10px;padding:4px 12px;font-size:12.5px;font-weight:700;cursor:pointer}
.lo-menu{position:absolute;z-index:50;inset-inline-start:0;top:calc(100% + 6px);width:min(560px,90vw);background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:0 20px 50px rgba(15,23,42,.18);padding:10px;display:grid;gap:8px}
.lo-menu input{height:38px;border:1px solid var(--line);border-radius:10px;padding:0 10px}
.lo-menu-list{display:grid;gap:4px;max-height:280px;overflow:auto}
.lo-menu-list button{display:grid;gap:2px;text-align:right;border:0;background:none;border-radius:10px;padding:8px 10px;cursor:pointer;color:var(--ink);line-height:1.7;font-size:13px}
.lo-menu-list button:hover{background:var(--blue-s)}.lo-menu-list small{color:var(--muted);font-size:11.5px}
.lo-atitle{font-size:15px;line-height:1.6;text-align:right}
/* mastery */
.lo-stat.rose b{color:var(--rose)}.lo-of{font-size:14px;color:var(--muted);font-weight:700}
.lo-legend{display:flex;flex-wrap:wrap;gap:14px;font-size:12.5px;color:var(--muted);font-weight:700}
.lo-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-inline-end:6px;vertical-align:-1px}
.m-mastered{background:#0F9F8A}.m-near{background:#E7A33A}.m-support{background:#E0526D}.m-insufficient{background:#CBD5E1}
.lo-dist{display:flex;height:10px;border-radius:99px;overflow:hidden;background:var(--slate-s)}.lo-dist i{display:block;height:100%}
.lo-mgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.lo-mcard{display:grid;gap:10px;text-align:right;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px;cursor:pointer;color:var(--ink);transition:.18s}
.lo-mcard:hover{box-shadow:0 12px 28px rgba(15,23,42,.08);transform:translateY(-2px)}
.lo-mcard.unlinked{border-style:dashed;background:var(--bg)}
.lo-mcard-top{display:flex;gap:12px;align-items:flex-start;justify-content:space-between}
.lo-mtext{font-weight:700;line-height:1.8;font-size:14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.lo-ring{flex:none;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:15px;background:var(--slate-s);color:var(--muted)}
.lo-ring.ok{background:#E3F5F2;color:#0F766E}.lo-ring.mid{background:#FEF3E2;color:#B45309}.lo-ring.low{background:#FDECEF;color:#BE123C}
.lo-mfoot{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12px;color:var(--muted);font-weight:700}.lo-mfoot .bad{color:var(--rose)}
.lo-mwarn{font-size:12.5px;font-weight:700;color:var(--amber)}
.lo-msub{font-size:11.5px;color:var(--muted)}
.lo-slist{display:grid;gap:8px}
.lo-srow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;text-align:right;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:10px 14px;cursor:pointer;color:var(--ink)}
.lo-srow .grow{flex:1;display:grid;min-width:160px}.lo-srow small{color:var(--muted);font-size:12px}
.lo-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--blue-s);color:var(--brand);font-weight:800}
.lo-savg{min-width:52px;text-align:center;font-weight:800;font-size:15px}
.lo-dotm{display:inline-block;width:10px;height:10px;border-radius:50%;margin-inline-end:8px}
.lo-stud{display:flex;flex-wrap:wrap;gap:8px}
.lo-schip{display:inline-flex;align-items:center;gap:8px;border-radius:10px;padding:6px 10px;font-size:13px;font-weight:700;color:#fff}
.lo-schip.m-insufficient{color:var(--ink)}.lo-schip b{background:rgba(255,255,255,.25);border-radius:7px;padding:0 6px}
.lo-sres{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding:10px 0}
.lo-sres .grow{display:grid;flex:1;line-height:1.8;font-size:13.5px;font-weight:600}.lo-sres small{color:var(--muted);font-weight:500}
.lo-muted.grow{flex:1;font-size:12px}
/* plans */
.lo-eqseg.c2{grid-template-columns:1fr 1fr}
.lo-alist.short{max-height:190px}
.lo-qrow.static{cursor:default;font-weight:600}
.lo-fs textarea{width:100%;border:1px solid var(--line);border-radius:12px;padding:10px 12px;line-height:1.8;font-size:13.5px;resize:vertical;background:var(--card)}
.lo-fs h5 small{font-weight:600;margin-inline-start:6px}
.lo-plan-head{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.lo-timebar{position:relative;height:22px;border-radius:99px;background:var(--slate-s);overflow:hidden}
.lo-timebar i{position:absolute;inset-block:0;inset-inline-start:0;background:linear-gradient(90deg,#93C5FD,#2563EB);border-radius:99px}
.lo-timebar span{position:relative;display:block;text-align:center;font-size:12px;font-weight:800;line-height:22px;color:var(--ink)}
.lo-pstats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.lo-pstats div{background:var(--slate-s);border-radius:14px;padding:12px;display:grid;gap:2px}
.lo-pstats span{font-size:12px;font-weight:700;color:var(--muted)}.lo-pstats b{font-size:24px}.lo-pstats small{font-size:11.5px;color:var(--muted);line-height:1.6}
.lo-pstats .up{background:var(--teal-s)}.lo-pstats .up b{color:var(--teal)}.lo-pstats .down{background:var(--rose-s)}.lo-pstats .down b{color:var(--rose)}
.lo-prog{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:12px;padding:8px 12px;font-size:13.5px}
.lo-prog .grow{flex:1;font-weight:700}.lo-prog b{min-width:56px;text-align:center}
.up{color:var(--teal)}.down{color:var(--rose)}
.lo-pre{white-space:pre-wrap;line-height:1.9;font-size:13.5px;background:var(--slate-s);border-radius:12px;padding:10px 12px}
.lo-timeline{display:grid;gap:8px}
.lo-tl{display:grid;gap:2px;border-inline-start:3px solid var(--line);padding:4px 12px}
.lo-tl b{font-size:13px}.lo-tl span{font-size:13px;line-height:1.8}.lo-tl small{font-size:11.5px;color:var(--muted)}
.lo-tl.k-review{border-color:var(--teal)}.lo-tl.k-post{border-color:var(--brand)}.lo-tl.k-cancel{border-color:var(--rose)}.lo-tl.k-created{border-color:var(--violet)}
.lo-plan.late{border-color:color-mix(in srgb,var(--amber) 55%,var(--line));background:linear-gradient(180deg,var(--amber-s),var(--card) 40%)}
.lo-plan-meta{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:12.5px;font-weight:700;color:var(--muted)}
@media (max-width:640px){.lo-pstats{grid-template-columns:1fr 1fr}}
@media (max-width:640px){
  .lo-fs-grid,.lo-cls{grid-template-columns:1fr}.lo-code{max-width:none}
  .lo-hero{padding:20px}.lo-hero h1{font-size:23px}
  .lo-form{grid-template-columns:1fr}
  .lo-stats{grid-template-columns:1fr 1fr;gap:10px}.lo-stat{padding:12px 14px}.lo-stat b{font-size:24px}
  .lo-mini-stats{grid-template-columns:repeat(2,1fr)}
  .lo-filters select{flex:1;min-width:46%}
  .lo-modal{border-radius:16px}
}
/* داخل صفحات براعم الوطن: عناوين .fa تُفرض بلون الحبر */
.fa .lo-root .lo-hero h1,.fa .lo-root .lo-hero h2{color:#fff!important}
.fa .lo-root .lo-hero p,.fa .lo-root .lo-kicker{color:rgba(255,255,255,.88)!important}
.lo-overlay{z-index:100000!important;font-family:inherit!important}
/* تخطيط براعم الوطن: رأس مضغوط، شريط تبويبات بنمط براعم الوطن، بلا قائمة مدارس مكررة (المبدّل أعلى المنصة) */
.fa .lo-root{gap:14px}.fa .lo-root .lo-hero{padding:22px 26px;align-items:center}.fa .lo-root .lo-hero h1{font-size:26px;margin:2px 0 4px}.fa .lo-root .lo-hero p{font-size:13.5px;max-width:640px}
.fa .lo-root .lo-school{display:none!important}
.fa .lo-root .lo-tabs{border:0;background:#f4f0f8;border-radius:16px;padding:6px;gap:4px;position:sticky;top:0;z-index:6}
.fa .lo-root .lo-tabs button{border:0;margin:0;border-radius:11px;padding:9px 14px;font-size:13.5px}.fa .lo-root .lo-tabs button.on{background:#fff;color:var(--brand);box-shadow:0 1px 4px rgb(0 0 0/.08)}
.lo-onboard{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px 24px;display:grid;gap:8px}.lo-onboard h3{margin:0;font-size:18px}.lo-onboard p{margin:0;color:var(--muted);font-size:13.5px}
.lo-onboard ol{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}
.lo-onboard li{display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr auto;gap:8px 12px;border:1px solid var(--line);border-radius:14px;padding:14px;background:#fdfbf8}
.lo-onboard li>div{display:grid;gap:3px}.lo-onboard li small{color:var(--muted);font-size:12.5px;line-height:1.7}.lo-onboard li .lo-btn{grid-column:1/-1;justify-self:start}
.lo-ob-n{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#f5eef9;color:var(--brand);font-weight:800}
@media(max-width:700px){.fa .lo-root .lo-tabs{overflow-x:auto;flex-wrap:nowrap}.fa .lo-root .lo-tabs button{white-space:nowrap}}
.lo-timebar i{background:linear-gradient(90deg,#dcc6e8,#8e65ab)!important}