/* المحوران الخامس والسادس – تصميم متصل بالهوية العربية للنظام */
.quality-shell{--q-deep:#164b6a;--q-cyan:#d7f3f7;--q-mint:#dff6e8;--q-rose:#fff0ef;--q-gold:#fff4dc;direction:rtl;color:#24465a}
.quality-hero{padding:25px 28px;border-radius:24px;background:linear-gradient(115deg,#174e69,#278d91 63%,#5ebba1);color:white;display:flex;justify-content:space-between;align-items:center;gap:16px;box-shadow:0 16px 36px #18617c29;margin-bottom:20px;position:relative;overflow:hidden}
.quality-hero::after{content:"✦";position:absolute;font-size:180px;opacity:.08;left:4%;top:-68px;pointer-events:none}.quality-hero h2{color:white;margin:7px 0;font-size:clamp(23px,2.2vw,32px)}.quality-hero p{margin:0;color:#efffff;font-size:14px}.quality-hero .q-hero-icon{font-size:48px;background:#ffffff24;padding:15px;border-radius:23px}
.quality-card{background:#fff;border:1px solid #dfebef;border-radius:20px;padding:19px;margin:16px 0;box-shadow:0 8px 24px #123f5320}
.quality-card h3{margin:0 0 12px;font-size:18px;color:#195c73}.quality-filters{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:12px}.quality-filters label,.quality-field label{display:block;font-size:12px;font-weight:800;margin-bottom:6px;color:#587785}
.quality-filters select,.quality-field input,.quality-field textarea,.quality-field select,.quality-score{background:#fafdff;border:1px solid #d5e5eb;border-radius:10px;padding:10px 9px;width:100%;min-width:0;color:#153c50;font-family:inherit}
.quality-card select:focus,.quality-card textarea:focus,.quality-card input:focus{outline:2px solid #78cad0;outline-offset:1px}
.quality-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:14px 0}.q-btn{background:#176c80;color:white;border:0;border-radius:11px;padding:10px 17px;font-weight:800;cursor:pointer}.q-btn.secondary{background:#e9f5f8;color:#17617b}.q-btn:disabled{opacity:.46;cursor:not-allowed}.quality-tabs{display:flex;gap:9px;flex-wrap:wrap;margin:12px 0}.quality-tabs button{border:1px solid #cde4e8;background:#f4fafb;color:#296578;padding:11px 17px;border-radius:12px;font-weight:800;cursor:pointer}.quality-tabs button.current{background:#165c77;border-color:#165c77;color:white}
.q-pill{display:inline-flex;padding:4px 10px;border-radius:20px;background:#e6f5f7;color:#22717d;font-size:12px;font-weight:800}.q-notice{padding:13px 16px;border-radius:12px;background:#eaf6f9;border:1px solid #c5e8ee;color:#215970;font-size:13px}.q-notice.error{background:#fff0ed;color:#a12d2d;border-color:#f6c3bb}.q-mini{font-size:12px;color:#618091;line-height:1.7}.q-statgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.q-stat{background:linear-gradient(140deg,#f3faff,#fff);border:1px solid #deedf3;border-radius:16px;padding:16px;min-width:0}.q-stat:nth-child(2){background:linear-gradient(140deg,#eaf9f1,#fff)}.q-stat:nth-child(3){background:linear-gradient(140deg,#fff6e6,#fff)}.q-stat:nth-child(4){background:linear-gradient(140deg,#f4efff,#fff)}.q-stat small{display:block;color:#648191;font-size:12px}.q-stat strong{display:block;font-size:25px;line-height:1.5;color:#19576f}.q-stat em{color:#66818e;font-size:11px;font-style:normal}
.q-table-scroll{width:100%;overflow:auto;border:1px solid #dde8ec;border-radius:14px}.q-table{border-collapse:separate;border-spacing:0;min-width:850px;width:100%;font-size:12px}.q-table th{background:#195c79;color:#fff;position:sticky;top:0;z-index:1;white-space:nowrap}.q-table td,.q-table th{padding:10px 9px;border-bottom:1px solid #e5eff3;text-align:center}.q-table tbody tr:nth-child(even){background:#f7fbfd}.q-table td:first-child,.q-table th:first-child{text-align:right;font-weight:700}.q-table select{font-size:11px;padding:6px;border-radius:8px;min-width:89px;max-width:115px}.q-table .q-item{min-width:280px;white-space:normal}.q-table input[type=number]{max-width:80px;text-align:center;padding:6px}.q-admin-day{background:#d4edf7!important;color:#16465e!important}.q-progress{height:9px;background:#e2eff2;border-radius:20px;overflow:hidden;margin:8px 0}.q-progress>span{display:block;background:linear-gradient(90deg,#26ae99,#64b6d6);height:100%;border-radius:20px}.q-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.q-two textarea{height:112px;resize:vertical}.q-positive{color:#1c8a72}.q-negative{color:#bb5a4b}.q-analysis-list{list-style:none;margin:5px 0;padding:0}.q-analysis-list li{background:#f5fafb;padding:9px 12px;margin:7px 0;border-radius:11px;border-right:4px solid #68b4b1}.q-spark{display:flex;align-items:end;gap:5px;min-height:95px;overflow:auto;padding:10px 4px;border-bottom:1px solid #c7e2e5}.q-spark>div{min-width:35px;flex:1;max-width:65px;text-align:center;font-size:11px;color:#607f8b}.q-spark b{display:block;background:linear-gradient(#4badb3,#1d7187);min-height:3px;border-radius:5px 5px 0 0}.q-spark small{white-space:nowrap;font-size:10px}.q-fine{font-size:12px;opacity:.8}.quality-empty{padding:28px 12px;text-align:center;color:#66818e;background:#f7fafc;border-radius:14px}
@media(max-width:950px){.quality-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.q-statgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.q-two{grid-template-columns:1fr}}
@media(max-width:560px){.quality-hero{padding:17px}.quality-hero .q-hero-icon{font-size:26px}.quality-filters{grid-template-columns:1fr}.q-statgrid{grid-template-columns:1fr 1fr}.q-stat{padding:10px}.q-stat strong{font-size:19px}.quality-card{padding:13px}.quality-tabs button{flex:1}}
@media(prefers-reduced-motion:no-preference){.quality-card,.q-stat{animation:q-in .38s both}@keyframes q-in{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}}
@media print{.quality-actions,.quality-filters,.quality-tabs,.q-btn{display:none!important}.quality-card{box-shadow:none;break-inside:avoid}.q-table-scroll{overflow:visible}.q-table{font-size:9px}}

/* الإصدار 19 – جدول المتابعة التعليمية لجميع المعلمين أسبوعيًا */
.q-bulk-wrapper{border-color:#bfe0e8}
.q-edu-status-bar{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 17px}
.q-edu-status-bar span{background:#eff7fa;color:#235b73;border:1px solid #d4ebef;padding:7px 11px;border-radius:20px;font-weight:800;font-size:12px}
.q-edu-status-bar span:nth-child(2){background:#e7f9f1;color:#237a5a}
.q-edu-status-bar span:nth-child(3){background:#fff5df;color:#94701c}
.q-edu-status-bar span:nth-child(4){background:#f5f4f8;color:#586175}
.q-edu-status-bar span:nth-child(5){background:#eaf0ff;color:#345b93}
.q-edu-toolbar{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:12px;margin-bottom:12px;font-size:12px;color:#647b87}
.q-edu-toolbar label{font-weight:800;display:flex;flex-direction:column;gap:5px}
.q-edu-toolbar input{border:1px solid #c7e0ea;border-radius:10px;padding:9px 12px;background:white;min-width:230px}
.q-edu-scroll{overflow:auto;max-height:70vh;overscroll-behavior:contain;scrollbar-color:#91c7d1 #eef7fa}
.q-edu-matrix{min-width:2100px;font-variant-numeric:tabular-nums;font-size:12px}
.q-edu-matrix th{z-index:3;top:0}
.q-edu-matrix td,.q-edu-matrix th{padding:8px 6px;white-space:nowrap}
.q-edu-matrix th.q-edu-teacher,.q-edu-matrix td.q-edu-teacher{position:sticky;right:0;z-index:2;background:#eef8f9!important;min-width:205px;max-width:205px;box-shadow:-3px 0 6px #16445b10;text-align:right}
.q-edu-matrix th.q-edu-teacher{z-index:5;background:#185b78!important;color:white}
.q-edu-matrix td.q-edu-teacher strong{display:block;white-space:normal;line-height:1.5;color:#205b6d}
.q-edu-matrix td.q-edu-teacher small{display:block;color:#70848c;font-weight:400;font-size:10px}
.q-edu-matrix th:nth-child(2){position:sticky;right:205px;z-index:4;background:#256f88;min-width:100px}
.q-edu-matrix td[data-edu-status]{position:sticky;right:205px;z-index:2;background:#fff;min-width:100px}
.q-edu-matrix tbody tr:nth-child(even) td[data-edu-status]{background:#f7fbfd}
.q-edu-matrix th:nth-child(n+8):nth-child(-n+24){background:#247b83}
.q-edu-matrix input[type=number]{min-width:55px;width:55px;max-width:60px;text-align:center;direction:ltr;border:1px solid #d7e6ea;border-radius:8px;padding:8px 4px;background:#fff}
.q-edu-matrix select{min-width:86px;max-width:96px}
.q-edu-state{display:inline-block;border-radius:14px;padding:5px 9px;font-size:11px;white-space:nowrap}
.q-edu-state.complete{background:#d9f7e8;color:#1b7b53}
.q-edu-state.partial{background:#fff2d4;color:#95630a}
.q-edu-state.empty{background:#eaf0f5;color:#536979}
.q-edu-notebtn{font-size:11px;padding:7px 9px}
.q-edu-note-row td{background:#f7fcfd!important;text-align:right!important;padding:13px!important}
.q-edu-notes{display:grid;grid-template-columns:repeat(3,minmax(190px,1fr));gap:10px;max-width:1060px;padding:10px 2px}
.q-edu-notes>b{grid-column:1/-1;color:#1a6679}
.q-edu-notes label{display:block;color:#416a7b;font-size:12px;margin-bottom:5px}
.q-edu-notes textarea{width:100%;border:1px solid #d6e7ed;border-radius:8px;padding:9px;resize:vertical;font-family:inherit}
.q-edu-matrix tr[hidden]{display:none!important}
@media(max-width:720px){.q-edu-scroll{max-height:65vh}.q-edu-matrix td.q-edu-teacher,.q-edu-matrix th.q-edu-teacher{min-width:155px;max-width:155px}.q-edu-matrix th:nth-child(2),.q-edu-matrix td[data-edu-status]{right:155px}.q-edu-notes{grid-template-columns:1fr}}
@media print{.q-edu-scroll{max-height:none;overflow:visible}.q-edu-matrix{min-width:0;font-size:8px}.q-edu-matrix th.q-edu-teacher,.q-edu-matrix td.q-edu-teacher,.q-edu-matrix th:nth-child(2),.q-edu-matrix td[data-edu-status]{position:static}.q-edu-toolbar,.q-edu-notebtn{display:none}}
/* v21: unified term-long teacher follow-up, 1 teacher per row and all weeks as columns. */
.q-edu-semester-table{min-width:max-content;white-space:nowrap}
.q-edu-semester-table th,.q-edu-semester-table td{text-align:center;padding:8px 10px}
.q-edu-semester-table .q-edu-overview-name{position:sticky;right:0;z-index:2;min-width:160px;background:#f4faf8;text-align:right;color:#19485b}
.q-edu-semester-table thead .q-edu-overview-name{z-index:3;background:#d6eae8}
.q-edu-week-head{border:0;background:transparent;color:inherit;font:inherit;font-weight:700;cursor:pointer;padding:8px 2px;white-space:nowrap}
.q-edu-week-cell{display:block;width:100%;min-width:52px;border:1px solid transparent;background:transparent;color:#17495b;border-radius:9px;padding:8px 10px;font:inherit;font-weight:700;cursor:pointer}
.q-edu-week-cell.has-data{background:#e9f7ee;color:#216a49}
.q-edu-week-cell.no-data{color:#849ca8;background:#f4f7f8}
.q-edu-week-cell:hover,.q-edu-week-head:hover{outline:2px solid #63aebb;outline-offset:-2px}
.q-edu-semester-table .q-edu-picked{background:#d7f1f6!important;color:#145e73}
#qEduWeekEditor{scroll-margin-top:85px;margin-top:16px;border-top:3px solid #d2e9e8;padding-top:16px}

/* v29: one unified educational assessment, authorized scope automatically applied */
.q-scope-options{min-width:0}.q-scope-options .q-scope-current{padding:10px 12px;border-radius:11px;background:linear-gradient(110deg,#e8f8f3,#eaf3fb);border:1px solid #bddedb;color:#1d606e;font-size:13px;font-weight:800}
.q-scope-options .q-scope-help{font-size:11px;line-height:1.65;color:#647b88;margin:7px 0 0}
.q-scope-options .q-scope-warning{background:#fff5e6;color:#92570f;padding:9px;border-radius:10px;border:1px solid #f0d69d}