:root{--bg:#f4f7fb;--panel:#fff;--text:#172033;--muted:#667085;--line:#e4e8ef;--brand:#174b7a;--brand2:#1f6b9d;--ok:#198754;--warn:#b7791f;--danger:#b42318;--shadow:0 14px 40px rgba(20,46,80,.08)}
*{box-sizing:border-box}body{margin:0;font-family:"Tahoma","Arial",sans-serif;background:var(--bg);color:var(--text);font-size:15px}.topbar{height:76px;background:linear-gradient(110deg,#123d66,#1c5d8e);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:20;box-shadow:0 6px 20px #163b5d33}.brand{display:flex;gap:12px;align-items:center}.brand h1{font-size:19px;margin:0 0 5px}.brand p{margin:0;font-size:12px;opacity:.8}.logo{width:46px;height:46px;border-radius:14px;background:#fff;color:#184a75;display:grid;place-items:center;font-weight:900;font-size:24px}.top-actions{display:flex;gap:8px;align-items:center}.top-actions select,.top-actions button{background:#ffffff17;color:#fff;border:1px solid #ffffff32}.top-actions option{color:#222}.badge{padding:7px 10px;border-radius:999px;background:#ffffff18;border:1px solid #ffffff26;font-size:12px}.app-shell{display:grid;grid-template-columns:250px 1fr;min-height:calc(100vh - 76px)}.sidebar{background:#fff;border-left:1px solid var(--line);padding:18px 13px;display:flex;flex-direction:column;justify-content:space-between}.sidebar nav{display:grid;gap:5px}.nav-item{border:0;background:transparent;padding:12px 14px;border-radius:11px;text-align:right;color:#49556b;font-size:14px;cursor:pointer;display:flex;gap:10px;align-items:center}.nav-item span{flex:1}.nav-item b{background:#edf2f7;padding:2px 7px;border-radius:10px;font-size:11px}.nav-item:hover,.nav-item.active{background:#eef5fb;color:var(--brand);font-weight:700}.side-note{padding:14px;background:#f1f6fb;border-radius:14px;display:grid;gap:5px;color:var(--brand);font-size:12px}.side-note span{color:var(--muted);line-height:1.7}main{padding:28px;max-width:1500px;width:100%;margin:auto}.view{display:none}.view.active{display:block}.hero{border-radius:24px;padding:30px;background:linear-gradient(135deg,#fff,#eef7ff);border:1px solid #daeaf7;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:var(--shadow)}.hero h2{font-size:28px;max-width:780px;margin:8px 0 12px}.hero p{max-width:820px;color:var(--muted);line-height:1.9;margin:0}.eyebrow{font-size:12px;color:var(--brand2);font-weight:800;letter-spacing:.2px}.primary,.approve,.danger,.print,.ghost{border:0;border-radius:10px;padding:10px 15px;font-weight:700;cursor:pointer}.primary{background:var(--brand);color:#fff}.approve{background:var(--ok);color:#fff}.danger{background:#fff0ef;color:var(--danger);border:1px solid #f6c7c2}.print{background:#222;color:#fff}.print:disabled{opacity:.35;cursor:not-allowed}.ghost{background:#fff;color:var(--brand);border:1px solid var(--line)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.stats article{background:var(--panel);padding:19px;border-radius:17px;border:1px solid var(--line);box-shadow:0 5px 20px rgba(35,55,85,.04);display:grid;gap:7px}.stats span{color:var(--muted);font-size:13px}.stats strong{font-size:27px}.stats small{color:#98a2b3}.grid2{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 6px 24px rgba(27,50,80,.04)}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.panel-title h3{margin:0}.panel-title span{font-size:11px;color:#98a2b3}.timeline{display:grid;gap:10px}.timeline>div{display:flex;gap:12px;align-items:flex-start;padding:9px 0;border-bottom:1px dashed #e6e9ef}.timeline b{background:#eef5fb;color:var(--brand);width:30px;height:30px;border-radius:50%;display:grid;place-items:center}.timeline p{margin:0;display:grid;gap:4px}.timeline span{color:var(--muted);font-size:12px}.catalog{display:grid;gap:8px}.catalog div{padding:9px 10px;border:1px solid #edf0f4;border-radius:10px;background:#fafcff}.catalog b{color:var(--brand);margin-left:6px}.page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.page-head h2{margin:4px 0 0}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.form-grid label,.field{display:grid;gap:7px;color:#475467;font-size:13px}input,select,textarea{font:inherit;border:1px solid #d5dce6;border-radius:9px;padding:10px 11px;background:#fff;color:#172033}textarea{min-height:75px;resize:vertical}.hint{background:#f7fafc;border:1px solid #e5ebf1;padding:12px;border-radius:10px;color:#5f6b7d;line-height:1.7;margin:14px 0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:12px 10px;border-bottom:1px solid #edf0f4;text-align:right;font-size:13px}th{color:#667085;background:#fafbfc}.status{display:inline-block;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:bold}.status.draft{background:#f2f4f7;color:#475467}.status.pending{background:#fff8e7;color:#93651a}.status.approved{background:#eaf8ef;color:#117a45}.cards{display:grid;gap:12px}.task-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:16px;display:flex;align-items:center;justify-content:space-between}.task-card p{margin:4px 0;color:var(--muted);font-size:12px}.editor-toolbar{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid var(--line);padding:10px 12px;border-radius:14px;position:sticky;top:88px;z-index:10;box-shadow:var(--shadow);margin-bottom:16px}.editor-toolbar>div:nth-child(2){display:grid;text-align:center}.editor-toolbar span{font-size:11px;color:var(--muted)}.toolbar-actions{display:flex;gap:6px}.official-form{background:#fff;border:1px solid #dfe3e8;max-width:1050px;margin:auto;padding:28px;box-shadow:0 15px 50px rgba(30,40,60,.08);min-height:850px}.official-head{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:3px double #1d2e44;padding-bottom:13px}.official-head>div:first-child{display:grid;gap:5px;font-size:13px}.uni-mark{border:2px solid var(--brand);color:var(--brand);font-weight:900;border-radius:50%;width:82px;height:82px;display:grid;place-items:center}.official-form>h2{text-align:center;font-size:20px;margin:20px 0}.official-section{margin:18px 0;break-inside:avoid}.section-title{background:#edf4fa;border-right:4px solid var(--brand);padding:10px 12px;font-weight:800;display:flex;justify-content:space-between;align-items:center}.weight{font-size:12px;color:var(--brand)}.score-table input{width:76px;padding:6px;text-align:center}.score-table td:first-child{width:38px}.score-table .desc{font-size:11px;color:#667085;line-height:1.55}.subnote{font-size:11px;color:#667085;margin-top:8px;line-height:1.7}.total-box{display:flex;gap:10px;justify-content:flex-end;align-items:center;margin-top:10px;font-weight:bold}.total-box output{min-width:75px;border:1px solid #ccd5df;padding:7px;border-radius:7px;text-align:center}.signatures{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:45px;padding-top:20px;border-top:1px solid #ccc}.signatures div{min-height:80px;text-align:center;font-size:12px;line-height:2}.attachments{border:1px dashed #cfd8e3;padding:12px;border-radius:10px;background:#fafcff}.attach-list{display:grid;gap:6px;margin-top:8px}.attach-chip{font-size:11px;background:#eef3f7;border-radius:8px;padding:7px}.survey-row{display:grid;grid-template-columns:1fr repeat(5,90px);gap:4px;align-items:center;border-bottom:1px solid #eee;padding:10px 0}.survey-row label{text-align:center;font-size:11px}.survey-row .question{line-height:1.6}.survey-actions{display:flex;align-items:center;gap:16px;margin-top:18px}.bars{display:grid;gap:10px;margin:18px 0}.bar{display:grid;grid-template-columns:180px 1fr 45px;gap:10px;align-items:center}.bar-track{height:10px;background:#edf1f5;border-radius:10px;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,#1d5c8c,#4a91bd);border-radius:10px}.dark{--bg:#101622;--panel:#171f2d;--text:#e7ecf3;--muted:#9aa7b8;--line:#273244}.dark .sidebar,.dark .official-form,.dark input,.dark select,.dark textarea,.dark .ghost,.dark .editor-toolbar,.dark .task-card{background:#171f2d;color:#e7ecf3}.dark .hero{background:linear-gradient(135deg,#172231,#1b2c3d)}.dark th{background:#1c2635}.dark .catalog div,.dark .hint{background:#121a25}.dark .official-form{background:#fff;color:#172033}
#toast{position:fixed;bottom:25px;left:25px;background:#172033;color:#fff;padding:11px 16px;border-radius:10px;opacity:0;transform:translateY(10px);transition:.2s;z-index:100}#toast.show{opacity:1;transform:none}
@media(max-width:950px){.app-shell{grid-template-columns:76px 1fr}.sidebar span,.side-note,.nav-item b{display:none}.sidebar{padding:14px 8px}.nav-item{justify-content:center}.grid2{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.toolbar-actions{flex-wrap:wrap}.survey-row{grid-template-columns:1fr repeat(5,45px);font-size:11px}}
@media print{body{background:white}.no-print,.editor-toolbar{display:none!important}.app-shell{display:block}.view{display:none!important}#editor{display:block!important}main{padding:0}.official-form{box-shadow:none;border:0;max-width:none;padding:8mm;font-size:11px}.official-head{margin-top:0}.official-section{page-break-inside:avoid}.score-table th,.score-table td{padding:5px}.score-table input{border:0;padding:0;width:38px}.attachments{display:none}.signatures{margin-top:25px}.section-title{-webkit-print-color-adjust:exact;print-color-adjust:exact}}

/* v1.1 — high-volume score entry */
.quick-score{margin:12px 0 8px;padding:12px;border:1px solid #cfe0ee;background:#f6fbff;border-radius:12px}.quick-score-head{display:flex;justify-content:space-between;gap:16px;align-items:center}.quick-score-head>div:first-child{display:grid;gap:4px}.quick-score-head span{font-size:11px;color:#667085}.axis-entry{display:flex;align-items:center;gap:7px;white-space:nowrap}.axis-entry input{width:92px;text-align:center;font-size:18px;font-weight:800;border:2px solid #87b4d2}.quick-presets{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:10px;padding-top:10px;border-top:1px dashed #cfdce7}.quick-presets>span{font-size:12px;color:#667085;margin-left:6px}.quick-presets button,.maxScore{border:1px solid #cbd8e3;background:#fff;color:#174b7a;border-radius:7px;padding:5px 9px;cursor:pointer;font-weight:700}.quick-presets button:hover,.maxScore:hover{background:#eaf4fb}.score-cell{display:flex;align-items:center;gap:6px}.score-cell input{width:86px!important;min-height:38px;font-size:17px;font-weight:800;border:2px solid #b9c9d8!important}.score-cell input:focus,.axis-entry input:focus{outline:3px solid rgba(31,107,157,.14);border-color:#1f6b9d!important}.maxScore{font-size:11px;padding:7px 8px}.dark .quick-score{background:#111d2a;border-color:#29465e}.dark .quick-presets button,.dark .maxScore{background:#172636;color:#cfe7f7;border-color:#36536a}
@media(max-width:800px){.quick-score-head{align-items:flex-start;flex-direction:column}.axis-entry{width:100%;flex-wrap:wrap}.score-cell{flex-direction:column}.score-cell input{width:70px!important}}
@media print{.quick-score{display:none!important}.score-cell{display:block}.score-cell input{border:0!important;font-size:11px!important;width:40px!important}}

/* v1.2 — visible score input & Arabic numerals */
.score-cell input,.axis-entry input{
  color:#111827!important;
  background:#ffffff!important;
  -webkit-text-fill-color:#111827!important;
  caret-color:#174b7a!important;
  opacity:1!important;
}
.score-cell input:not(:disabled){
  border:2px solid #5f819c!important;
  min-width:88px;
  font-size:18px!important;
  font-weight:900!important;
}
.score-cell input:not(:disabled):focus,.axis-entry input:focus{
  background:#fff7d6!important;
  border-color:#d89b00!important;
  outline:3px solid rgba(216,155,0,.18)!important;
  color:#111827!important;
  -webkit-text-fill-color:#111827!important;
}
.score-cell input.has-value,.axis-entry input.has-value{
  background:#e7f8ed!important;
  border-color:#259557!important;
  color:#086b35!important;
  -webkit-text-fill-color:#086b35!important;
  font-weight:900!important;
}
.score-cell input:disabled{
  background:#eef1f4!important;
  border:1px solid #d0d5dd!important;
  color:#98a2b3!important;
  -webkit-text-fill-color:#98a2b3!important;
  cursor:not-allowed;
}
.score-cell input.invalid-score{
  background:#fff1f0!important;
  border-color:#d92d20!important;
  color:#b42318!important;
  -webkit-text-fill-color:#b42318!important;
}
.score-table tr.row-scored td{background:rgba(231,248,237,.45)}
.item-owner{display:inline-block;margin-top:5px;font-size:10px;color:#667085;background:#f2f4f7;padding:3px 6px;border-radius:6px}
.mixed-owner-note{margin:10px 0;padding:9px 11px;border-radius:9px;background:#fff9e9;border:1px solid #f0d89a;color:#73510d;font-size:12px;line-height:1.7}
.dark .official-form .score-cell input,.dark .official-form .axis-entry input{background:#fff!important;color:#111827!important;-webkit-text-fill-color:#111827!important}
.dark .official-form .score-cell input.has-value,.dark .official-form .axis-entry input.has-value{background:#e7f8ed!important;color:#086b35!important;-webkit-text-fill-color:#086b35!important}
@media print{.item-owner,.mixed-owner-note{display:none!important}.score-table tr.row-scored td{background:transparent!important}.score-cell input{color:#000!important;-webkit-text-fill-color:#000!important;background:#fff!important}}

/* v2.0 official-source based enhancements */
.source-pill{display:inline-flex;margin-top:14px;background:#fff;border:1px solid #cfe1ef;color:#174b7a;padding:8px 11px;border-radius:999px;font-size:12px;text-decoration:none;font-weight:700}
.source-link{text-decoration:none;display:inline-block;text-align:center}
.official-source-note{margin:0 0 14px;background:#eef7ff;border:1px solid #cfe4f5;border-radius:10px;padding:10px 12px;font-size:12px;color:#36576f}
.official-source-note a{color:#174b7a;font-weight:800}
.rule-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}
.rule-grid div{border:1px solid #e3e9ef;border-radius:12px;padding:12px;background:#fafcff;display:grid;gap:5px}
.rule-grid b{color:#174b7a}.rule-grid span{font-size:12px;color:#667085;line-height:1.7}
.official-catalog{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}
.official-card{border:1px solid #e4e8ef;border-radius:13px;padding:12px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff}
.official-card>div:first-child{display:flex;align-items:center;gap:10px}.official-card p{margin:0;display:grid;gap:4px}.official-card small{color:#667085;font-size:11px}.form-no{width:38px;height:38px;border-radius:10px;background:#eef5fb;color:#174b7a;display:grid;place-items:center;font-weight:900}
.official-actions{display:flex;gap:6px;white-space:nowrap}
.compliance-note{font-size:11px;line-height:1.8;background:#fff9e8;border:1px solid #ecdca7;border-radius:9px;padding:9px;margin-top:18px}
.quick-table th small,.quick-table td small{display:block;font-size:10px;color:#98a2b3;margin-top:4px}
.quick-axis-label{display:block;max-width:150px;font-size:10px;color:#667085;line-height:1.4;margin-bottom:5px}
.quick-axis-input{width:90px!important;text-align:center!important;font-size:17px!important;font-weight:900!important;border:2px solid #6e8fa8!important;background:#fff!important;color:#111827!important;-webkit-text-fill-color:#111827!important}
.quick-axis-input:focus{background:#fff7d6!important;border-color:#d89b00!important;outline:3px solid rgba(216,155,0,.15)}
.quick-axis-input.has-value{background:#e7f8ed!important;border-color:#259557!important;color:#086b35!important;-webkit-text-fill-color:#086b35!important}
.quick-axis-input.invalid-score{background:#fff1f0!important;border-color:#d92d20!important}
@media(max-width:1050px){.rule-grid{grid-template-columns:1fr 1fr}.official-catalog{grid-template-columns:1fr}}
@media(max-width:650px){.rule-grid{grid-template-columns:1fr}}

/* v2.1 - exact official template printing */
.exact-print-stage{display:none}
.exact-page{position:relative;width:210mm;height:297mm;overflow:hidden;background:#fff;page-break-after:always}
.exact-page:last-child{page-break-after:auto}
.exact-page>img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;display:block}
.exact-layer{position:absolute;inset:0;pointer-events:none}
.exact-overlay{position:absolute;transform:translate(-50%,-50%);font-family:Tahoma,Arial,sans-serif;font-size:10.5pt;font-weight:700;color:#000;white-space:nowrap;direction:rtl;text-align:center;min-width:35px}
.exact-overlay.score{font-size:11pt;font-weight:900;direction:ltr}
.exact-overlay.name{font-size:9.5pt}
@media print{
  body.printing-exact-official .app-shell,
  body.printing-exact-official .topbar,
  body.printing-exact-official #toast{display:none!important}
  body.printing-exact-official .exact-print-stage{display:block!important;position:static!important}
  body.printing-exact-official{margin:0!important;background:#fff!important}
  .exact-page{margin:0!important}
}

@media print{ @page{size:A4;margin:0;} }

/* v2.3 – College of Science identity + public self-service + department accounts */
.college-logo{background:#fff!important;padding:2px;overflow:hidden}
.college-logo img{width:100%;height:100%;object-fit:contain;border-radius:12px}
.session-badge{max-width:190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.session-login-btn,.session-logout-btn{color:#fff!important;background:#ffffff14!important;border-color:#ffffff2b!important}
.portal-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.portal-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;text-align:center;box-shadow:var(--shadow)}
.portal-card h3{font-size:21px;margin:8px 0}.portal-card p{color:var(--muted);line-height:1.8;min-height:58px}
.portal-icon{font-size:38px}
.self-service-form{max-width:1000px;margin:auto}
.department-gate{max-width:650px;margin:40px auto;text-align:center;padding:30px}
.gate-logo,.modal-logo{width:110px;height:110px;object-fit:contain;margin:auto}
.department-gate h2{margin:8px 0}.department-gate p{color:var(--muted);line-height:1.8}
.login-box{max-width:390px;margin:20px auto 0;display:grid;gap:12px;text-align:right}
.login-box label,.modal-card label{display:grid;gap:7px;font-size:13px;color:#475467}
.login-error{color:#b42318;font-size:12px;font-weight:700}
.modal-backdrop{position:fixed;inset:0;background:#10182899;z-index:200;place-items:center;padding:20px}
.modal-card{width:min(440px,95vw);background:#fff;border-radius:22px;padding:28px;box-shadow:0 30px 80px rgba(0,0,0,.2);display:grid;gap:13px;position:relative;text-align:center}
.modal-card p{color:#667085;font-size:13px;line-height:1.7}
.modal-close{position:absolute;left:14px;top:12px;border:0;background:#f2f4f7;width:32px;height:32px;border-radius:50%;font-size:22px;cursor:pointer}
#departmentFormsTable .primary{padding:7px 10px;font-size:12px}
.dark .portal-card,.dark .modal-card{background:#171f2d;color:#e7ecf3}
.dark .modal-card label{color:#c7d0dd}
@media(max-width:760px){.portal-cards{grid-template-columns:1fr}.top-actions .session-badge{display:none}}

/* v2.4 - calibrated exact print */
.exact-overlay{line-height:1!important;transform:translate(-50%,-50%)!important}
.exact-overlay.score{font-size:10pt!important;min-width:18px!important}
.exact-overlay.summary{font-size:9.5pt!important;font-weight:900!important;direction:ltr!important}
.exact-overlay.grand-score{font-size:10pt!important;font-weight:900!important;direction:ltr!important}

/* v2.5 multi-account institutional access */
.college-logo{width:52px!important;height:52px!important;border-radius:50%!important;padding:0!important;background:#fff!important}
.college-logo img{width:100%!important;height:100%!important;object-fit:contain!important;border-radius:50%!important}
.gate-logo,.modal-logo{width:125px!important;height:125px!important;object-fit:contain!important}
.role-summary{display:flex;align-items:center;gap:14px;margin-bottom:14px;background:linear-gradient(135deg,#fff,#f4f9fd)}
.role-summary-icon{width:48px;height:48px;border-radius:14px;background:#e9f3fb;display:grid;place-items:center;font-size:23px}
.role-summary>div:last-child{display:grid;gap:5px}
.role-summary span{font-size:12px;color:#667085;line-height:1.6}
#deptLoginDeptWrap,#modalDeptWrap{display:grid;gap:7px}
.dark .role-summary{background:#171f2d}

/* v2.7 privacy and survey integration */
.survey-admin-actions{display:flex;gap:12px;align-items:center;margin-top:16px}
#surveyAdminStatus{font-size:12px;color:#667085}
#surveyadmin .panel{max-width:1200px;margin-inline:auto}
.privacy-badge{display:inline-flex;align-items:center;gap:6px;border:1px solid #d0e5d8;background:#eefaf2;color:#17663a;padding:6px 9px;border-radius:999px;font-size:11px}
body:not(.authenticated) [data-private-nav="1"]{display:none}

/* v2.9 - student survey usability and automatic flow */
#survey select,#survey input{
  background:#fff!important;
  color:#172033!important;
  -webkit-text-fill-color:#172033!important;
  opacity:1!important;
}
#survey select:not(:disabled),#survey input:not(:disabled){cursor:pointer}
#surveyCourse{cursor:text!important}
#survey select:disabled{background:#f2f4f7!important;color:#98a2b3!important}
.survey-progress{
  display:grid;
  grid-template-columns:auto minmax(180px,1fr) auto;
  gap:12px;
  align-items:center;
  background:#fff;
  border:1px solid var(--line);
  border-radius:14px;
  padding:11px 14px;
  margin-bottom:14px;
  font-size:12px;
}
.survey-progress-track{height:9px;background:#edf1f5;border-radius:10px;overflow:hidden}
#surveyProgressBar{height:100%;width:0;background:linear-gradient(90deg,#174b7a,#4a91bd);transition:width .25s ease}
#surveyQueueLabel{color:#667085}
#survey .survey-row{background:#fff;padding:12px 8px;border-radius:8px}
#survey .survey-row:hover{background:#f8fbfe}
#survey .survey-row input[type="radio"]{width:18px;height:18px;accent-color:#174b7a;cursor:pointer}
#survey .survey-row label{cursor:pointer;padding:5px;border-radius:7px}
#survey .survey-row label:has(input:checked){background:#eaf3fa;color:#174b7a;font-weight:800}
.survey-flow-hint{margin-top:12px}
@media(max-width:800px){
  .survey-progress{grid-template-columns:1fr}
  #surveyQueueLabel{text-align:right}
}

/* v3.0 – official template print preview and calibration */
.print-preview-help{
  max-width:1050px;margin:0 auto 14px;padding:11px 14px;border:1px solid #cfe1ef;
  background:#eef7ff;border-radius:12px;display:flex;gap:10px;align-items:center;justify-content:space-between;
  color:#36576f;font-size:12px;line-height:1.6
}
.official-preview-pages{display:grid;gap:22px;justify-content:center}
.preview-official-page{
  position:relative;width:min(210mm,92vw);aspect-ratio:210/297;background:#fff;
  box-shadow:0 10px 34px rgba(25,45,70,.14);overflow:hidden;border:1px solid #d7dee7
}
.preview-official-page>img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;display:block}
.preview-official-page .exact-layer{position:absolute;inset:0}
#officialPreviewPages.calibrating .preview-official-page{outline:3px solid #e0a800;outline-offset:4px}
.draggable-overlay{
  cursor:move!important;background:rgba(255,246,170,.72)!important;border:1px dashed #b7791f!important;
  padding:3px 5px!important;border-radius:4px!important;z-index:10
}
.draggable-overlay:hover{box-shadow:0 0 0 3px rgba(224,168,0,.18)}
.preview-official-page .exact-overlay{
  position:absolute;transform:translate(-50%,-50%);font-family:Tahoma,Arial,sans-serif;
  font-size:10.5pt;font-weight:700;color:#000;white-space:nowrap;direction:rtl;text-align:center;min-width:20px
}
.preview-official-page .exact-overlay.score,
.preview-official-page .exact-overlay.summary,
.preview-official-page .exact-overlay.grand-score{direction:ltr;font-weight:900}
.exact-print-stage{display:none}
.exact-page{position:relative;width:210mm;height:297mm;overflow:hidden;background:#fff;page-break-after:always}
.exact-page:last-child{page-break-after:auto}
.exact-page>img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;display:block}
.exact-page .exact-layer{position:absolute;inset:0}
.exact-page .exact-overlay{
  position:absolute;transform:translate(-50%,-50%);font-family:Tahoma,Arial,sans-serif;
  font-size:10.5pt;font-weight:700;color:#000;white-space:nowrap;direction:rtl;text-align:center;min-width:20px
}
.exact-page .exact-overlay.score,.exact-page .exact-overlay.summary,.exact-page .exact-overlay.grand-score{
  direction:ltr;font-weight:900
}
@media print{
  body.printing-exact-official .app-shell,
  body.printing-exact-official .topbar,
  body.printing-exact-official #toast,
  body.printing-exact-official #loginModal{display:none!important}
  body.printing-exact-official .exact-print-stage{display:block!important;position:static!important}
  body.printing-exact-official{margin:0!important;background:#fff!important}
  .exact-page{margin:0!important}
  @page{size:A4;margin:0}
}

/* v3.1 – minimum survey threshold + Queen AI */
.queen-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}
.queen-panel{min-height:570px;display:flex;flex-direction:column}
.queen-head{display:flex;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.queen-head>div:last-child{display:grid;gap:4px}.queen-head span{color:#667085;font-size:12px}
.queen-orb{width:50px;height:50px;border-radius:18px;background:linear-gradient(145deg,#174b7a,#6aa7c9);color:#fff;display:grid;place-items:center;font-weight:900;font-size:23px;box-shadow:0 10px 28px rgba(23,75,122,.2)}
.queen-messages{flex:1;min-height:300px;max-height:390px;overflow:auto;padding:16px 4px;display:flex;flex-direction:column;gap:9px}
.queen-msg{max-width:85%;padding:10px 12px;border-radius:13px;line-height:1.7;font-size:13px}
.queen-msg.ai{background:#eef6fb;align-self:flex-start;color:#25475d}
.queen-msg.user{background:#174b7a;color:#fff;align-self:flex-end}
.queen-actions{display:flex;gap:6px;flex-wrap:wrap;padding:10px 0}
.queen-input-row{display:grid;grid-template-columns:1fr auto;gap:8px}
.queen-kpis{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.queen-kpis div{border:1px solid var(--line);border-radius:13px;padding:14px;display:grid;gap:6px}
.queen-kpis span{font-size:11px;color:#667085}.queen-kpis strong{font-size:25px}
.queen-recommendations{display:grid;gap:8px;margin-top:16px}
.queen-rec{display:flex;gap:10px;align-items:flex-start;border:1px solid #e6eaf0;border-radius:10px;padding:10px;background:#fafcff}
.queen-rec b{width:24px;height:24px;border-radius:50%;background:#eef5fb;color:#174b7a;display:grid;place-items:center;font-size:11px}
.queen-rec span{font-size:12px;line-height:1.7}.queen-rec.success{background:#effaf3}
@media(max-width:900px){.queen-grid{grid-template-columns:1fr}}

/* v4.0 Enterprise */
.system-health{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.system-health span{background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 10px;font-size:11px;color:#526070}
.system-health span:first-child b{color:#19a463}
.mini-progress{width:120px;height:7px;background:#edf1f5;border-radius:999px;overflow:hidden;display:inline-block;vertical-align:middle}
.mini-progress span{display:block;height:100%;background:linear-gradient(90deg,#174b7a,#4c96c0);border-radius:999px}
.backup-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.backup-grid .panel{display:flex;flex-direction:column;gap:12px}
.backup-grid p{color:#667085;line-height:1.7;font-size:13px;flex:1}
#auditTable td:last-child{max-width:420px;white-space:normal;line-height:1.5}
@media(max-width:900px){.backup-grid{grid-template-columns:1fr}}

/* v4.2 - employee data declaration, research links and persistent evidence files */
.data-declaration{margin-top:14px;padding:14px 16px;border:1px solid var(--line,#d9e1ea);border-radius:14px;background:rgba(40,120,90,.06)}
.data-declaration label,.self-pledge{display:flex;gap:10px;align-items:flex-start;line-height:1.8;cursor:pointer}
.data-declaration input,.self-pledge input{width:20px;height:20px;margin-top:4px;accent-color:#176b52;flex:0 0 auto}
.data-declaration small{display:block;margin:7px 30px 0;color:var(--muted,#64748b)}
.self-pledge{margin:14px 0;padding:14px;border:1px solid var(--line,#d9e1ea);border-radius:14px;background:rgba(40,120,90,.06)}
.employee-evidence{overflow:visible}
.evidence-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}
.evidence-card{padding:14px;border:1px solid var(--line,#d9e1ea);border-radius:14px;background:var(--card,#fff)}
.evidence-card h4,.publication-box h4{margin:0 0 6px;font-size:15px}.evidence-card p,.publication-box p{margin:0 0 10px;color:var(--muted,#64748b);font-size:13px;line-height:1.7}
.evidence-card input[type=file]{max-width:100%;padding:8px;border:1px dashed var(--line,#cbd5e1);border-radius:10px;background:rgba(148,163,184,.06)}
.stored-files{margin-top:10px;display:grid;gap:7px}.saved-file{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:8px 10px;border-radius:10px;background:rgba(148,163,184,.09)}
.saved-file b{display:block;font-size:12px;overflow-wrap:anywhere}.saved-file small{display:block;color:var(--muted,#64748b);font-size:11px}.saved-file-actions{display:flex;gap:5px;flex:0 0 auto}
.saved-file-actions button,.danger-soft,.link-btn{padding:6px 9px!important;font-size:11px!important}.danger-soft{border:1px solid rgba(185,28,28,.25);background:rgba(185,28,28,.07);color:#991b1b;border-radius:9px;cursor:pointer}
.publication-box{margin-top:14px;padding:14px;border:1px solid var(--line,#d9e1ea);border-radius:14px}.publication-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.publication-list{display:grid;gap:8px;margin-top:10px}.publication-row{display:grid;grid-template-columns:34px minmax(180px,1.2fr) minmax(220px,1fr) auto auto;gap:8px;align-items:center}.publication-row>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:rgba(40,120,90,.1);font-weight:700}.publication-row input{width:100%}.empty-mini{padding:10px;color:var(--muted,#64748b);font-size:12px;text-align:center;border:1px dashed var(--line,#cbd5e1);border-radius:10px}.pledge-summary{margin-top:12px;padding:10px 12px;border-radius:10px;font-weight:700}.pledge-summary.ok{background:rgba(22,163,74,.08);color:#166534}.pledge-summary.pending{background:rgba(245,158,11,.1);color:#92400e}
@media(max-width:900px){.evidence-grid{grid-template-columns:1fr}.publication-row{grid-template-columns:32px 1fr}.publication-row input,.publication-row a,.publication-row button{grid-column:2}}
.self-upload-section{margin:18px 0;padding:16px;border:1px solid var(--line,#d9e1ea);border-radius:16px;background:rgba(148,163,184,.05)}
.self-upload-section>h3{margin:0 0 12px}.self-upload-section small{display:block;margin-top:7px;color:var(--muted,#64748b)}
.ss-publication-row{grid-template-columns:1.2fr 1.2fr auto!important;margin-bottom:8px}

.axis-evidence{margin:12px 0;padding:12px;border:1px dashed var(--line,#ccd3db);border-radius:12px;background:rgba(127,127,127,.04)}.axis-evidence small{display:block;margin:4px 0 8px}.axis-evidence input[type=file]{max-width:100%;margin-bottom:8px}.danger-soft{margin-inline-start:6px}

.inbox-section{margin-bottom:22px}.completed-approvals{border-top:2px solid var(--line,#d9dee5);padding-top:18px}.approval-archive-card{align-items:flex-start}.approval-trail{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.approval-chip{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:.82rem;background:rgba(40,140,80,.1);border:1px solid rgba(40,140,80,.25)}
.word-template-manager{border:1px solid var(--line,#d8dee8)}.template-upload-grid{display:grid;grid-template-columns:1fr 1.6fr auto;gap:12px;align-items:end}.template-upload-grid label{display:grid;gap:6px}.template-status{margin-top:12px;padding:10px 12px;border-radius:10px;background:rgba(30,120,80,.07)}.placeholder-help{margin-top:12px}.placeholder-help code{direction:ltr;display:inline-block}.approval-archive-card>div:last-child{display:flex;gap:7px;flex-wrap:wrap}@media(max-width:800px){.template-upload-grid{grid-template-columns:1fr}}

/* v5.2 — usability and visual hierarchy */
body{font-size:16px}.topbar{height:82px}.brand h1{font-size:21px}.brand p{font-size:13px}.sidebar{padding-top:18px}.nav-group-title{font-size:11px;font-weight:900;color:#8795a8;padding:14px 14px 6px;letter-spacing:.2px}.nav-item{min-height:46px;border-radius:11px;margin:2px 0;font-size:14px}.nav-item.active{box-shadow:inset -3px 0 0 var(--brand2);font-weight:900}.hero{border-radius:20px}.hero h2{font-size:30px;line-height:1.35}.hero p{font-size:14px;line-height:1.9}.dashboard-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0}.dashboard-actions button{display:flex;align-items:center;gap:12px;text-align:right;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:15px;padding:15px;cursor:pointer;box-shadow:0 7px 22px rgba(20,46,80,.05);transition:.18s}.dashboard-actions button:hover{transform:translateY(-2px);border-color:#b9d2e5;box-shadow:0 12px 26px rgba(20,46,80,.09)}.dashboard-actions b{width:42px;height:42px;border-radius:12px;background:#edf5fb;color:var(--brand);display:grid;place-items:center;font-size:20px;flex:0 0 auto}.dashboard-actions span{display:grid;gap:4px}.dashboard-actions strong{font-size:14px}.dashboard-actions small{color:var(--muted);font-size:11px}.stats article{border-radius:16px}.stats strong{font-size:29px}.panel{border-radius:16px}.page-head h2{font-size:26px}.form-grid label{font-weight:700}.form-grid input,.form-grid select,.form-grid textarea{min-height:44px;font-size:14px}.primary,.ghost{min-height:40px}.task-card{border-radius:13px}.official-form{border-radius:14px}.score-table{font-size:13px}.score-table th{font-size:12px}.axis-evidence{background:#f8fbfe}.dark .dashboard-actions button{background:#171f2d}.dark .dashboard-actions b{background:#213247;color:#cce7f8}
@media(max-width:1150px){.dashboard-actions{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.dashboard-actions{grid-template-columns:1fr}.hero h2{font-size:24px}.brand p{display:none}.topbar{padding:0 12px}.top-actions{gap:4px}}
@media(max-width:950px){.nav-group-title{display:none}}

/* v5.3 — form workspace */
.editor-progress{
  position:sticky;top:0;z-index:16;
  display:grid;grid-template-columns:auto minmax(180px,1fr) auto;
  align-items:center;gap:14px;padding:10px 16px;margin:0 0 10px;
  background:color-mix(in srgb,var(--surface,#fff) 92%,transparent);
  backdrop-filter:blur(12px);border:1px solid var(--line,#dde2e8);
  border-radius:14px;box-shadow:0 8px 24px rgba(0,0,0,.06)
}
.editor-progress>div:first-child{display:flex;flex-direction:column;gap:2px}
.editor-progress>div:first-child span{font-size:.8rem;opacity:.72}
.editor-progress strong{min-width:50px;text-align:center;font-size:1.05rem}
.progress-track{height:9px;background:rgba(127,127,127,.16);border-radius:999px;overflow:hidden}
.progress-track i{display:block;height:100%;background:currentColor;border-radius:inherit;transition:width .25s ease}
.editor-section-nav{
  display:flex;gap:7px;overflow:auto;padding:5px 2px 12px;margin-bottom:4px;
  scrollbar-width:thin
}
.editor-section-nav button{
  flex:0 0 auto;display:flex;align-items:center;gap:6px;min-height:38px;
  border:1px solid var(--line,#dfe4ea);background:var(--surface,#fff);
  border-radius:999px;padding:7px 11px;white-space:nowrap;cursor:pointer
}
.editor-section-nav button span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:rgba(127,127,127,.12);font-weight:700}
.editor-section-nav button small{opacity:.65;font-weight:700}
.official-section{scroll-margin-top:125px}
.section-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.section-title .weight{margin-inline-start:auto}
.section-fold{border:1px solid currentColor;background:transparent;border-radius:9px;padding:4px 9px;cursor:pointer;font-size:.78rem}
.section-content{display:block}
.section-collapsed>.section-content{display:none}
.section-collapsed>.section-title{margin-bottom:0}
.eval-section .score-table tbody tr:hover{background:rgba(127,127,127,.045)}
.score-cell{display:flex;align-items:center;gap:6px;justify-content:center}
.scoreInput{min-width:78px;text-align:center;font-weight:700}
.quick-score{border:1px solid var(--line,#dfe3e8);border-radius:12px;padding:12px;margin:10px 0;background:rgba(127,127,127,.025)}
.total-box{position:sticky;bottom:8px;z-index:3;box-shadow:0 6px 20px rgba(0,0,0,.06)}
@media(max-width:800px){
  .editor-progress{grid-template-columns:1fr auto;top:0}
  .editor-progress .progress-track{grid-column:1/-1;grid-row:2}
  .editor-toolbar{align-items:flex-start}
  .editor-toolbar .toolbar-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .editor-toolbar .toolbar-actions button{min-height:44px}
  .official-form{padding-inline:8px}
  .score-table{font-size:.9rem}
  .score-table th:nth-child(2),.score-table td:nth-child(2){min-width:220px}
}
@media print{
  .editor-progress,.editor-section-nav,.section-fold{display:none!important}
  .section-content{display:block!important}
}

.progress-actions{display:flex;align-items:center;gap:8px;justify-content:flex-end}
.progress-actions button{border:1px solid var(--line,#dfe3e8);background:var(--surface,#fff);border-radius:9px;padding:6px 9px;cursor:pointer}
.complete-mark{font-weight:800;white-space:nowrap}

/* v5.5 — scientific publication analysis */
.research-system-note{
  margin:10px 0;padding:11px 13px;border:1px solid var(--line,#dfe3e8);
  border-radius:12px;background:rgba(70,110,180,.06);font-size:.9rem
}
.research-system-note span{font-weight:800}
.research-summary{
  margin:10px 0;padding:12px 14px;border-radius:12px;
  background:rgba(30,130,80,.07);border:1px solid rgba(30,130,80,.18)
}
.research-list{display:grid;gap:14px}
.research-card{
  border:1px solid var(--line,#dfe3e8);border-radius:16px;padding:14px;
  background:var(--surface,#fff);box-shadow:0 5px 18px rgba(0,0,0,.035)
}
.research-card.approved{border-width:2px}
.research-card-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-bottom:12px}
.research-card-head>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.research-card-head b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.research-card-head small{opacity:.7}
.research-index{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:rgba(127,127,127,.12);font-weight:900}
.verification-badge{padding:5px 9px;border-radius:999px;font-size:.78rem;font-weight:800;background:rgba(127,127,127,.12)}
.verification-badge.verified{background:rgba(30,140,80,.12)}
.verification-badge.review{background:rgba(220,160,20,.13)}
.verification-badge.rejected{background:rgba(190,50,50,.12)}
.research-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.research-fields label{display:flex;flex-direction:column;gap:5px;font-size:.82rem;font-weight:700}
.research-fields input,.research-fields select{width:100%;min-height:40px}
.research-fields .check-field{flex-direction:row;align-items:center;padding:8px 10px;border:1px solid var(--line,#dfe3e8);border-radius:10px;font-weight:600}
.research-fields .check-field input{width:auto;min-height:auto}
.research-fields .risk{background:rgba(190,50,50,.035)}
.credibility-tools{display:flex;align-items:flex-start;gap:9px;flex-wrap:wrap;margin:12px 0;padding:10px;border-top:1px dashed var(--line,#dfe3e8);border-bottom:1px dashed var(--line,#dfe3e8)}
.credibility-tools details{min-width:min(480px,100%)}
.credibility-tools summary{cursor:pointer;font-weight:800}
.credibility-tools textarea{width:100%;min-height:90px;margin:7px 0}
.credibility-tools>span{font-size:.82rem;opacity:.72;align-self:center}
.research-actions{display:flex;gap:8px;flex-wrap:wrap;margin:9px 0}
.research-analysis{padding:11px 13px;border-radius:12px;margin-top:9px}
.research-analysis.ok{background:rgba(30,140,80,.07);border:1px solid rgba(30,140,80,.18)}
.research-analysis.warn{background:rgba(190,50,50,.06);border:1px solid rgba(190,50,50,.16)}
.research-analysis>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px}
.research-analysis ul{margin:8px 18px 0 0}
.research-warnings{display:grid;gap:4px;margin-top:8px}
.research-decision{
  display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin-top:11px;padding-top:11px;border-top:1px solid var(--line,#dfe3e8)
}
.research-decision>div:first-child{display:flex;flex-direction:column;gap:2px;margin-inline-end:auto}
.research-decision>div:first-child span{font-size:.8rem;opacity:.7}
.research-decision label{display:flex;flex-direction:column;gap:4px;font-size:.78rem;font-weight:700}
.decision-score{font-size:1.08rem;padding:8px 10px;border-radius:10px;background:rgba(127,127,127,.08)}
@media(max-width:900px){.research-fields{grid-template-columns:1fr 1fr}}
@media(max-width:620px){
  .research-fields{grid-template-columns:1fr}
  .research-card-head{grid-template-columns:auto 1fr}
  .verification-badge{grid-column:1/-1;width:max-content}
  .research-decision{align-items:stretch}
  .research-decision>*{width:100%}
}
@media print{.publication-box{display:none!important}}

/* v5.6 — DOI metadata verification */
.verification-panel{margin:10px 0;padding:12px;border-radius:13px;border:1px solid var(--line,#dfe3e8)}
.verification-panel.match{background:rgba(30,140,80,.07);border-color:rgba(30,140,80,.22)}
.verification-panel.partial{background:rgba(220,160,20,.08);border-color:rgba(220,160,20,.24)}
.verification-panel.mismatch{background:rgba(190,50,50,.07);border-color:rgba(190,50,50,.22)}
.verification-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:9px}
.verification-head strong{font-size:1.05rem}
.verification-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.verification-checks>div{border:1px solid rgba(127,127,127,.16);border-radius:10px;padding:8px}
.verification-checks>div.ok{background:rgba(30,140,80,.04)}
.verification-checks>div.bad{background:rgba(190,50,50,.04)}
.verification-checks span{display:block;font-weight:800;margin-bottom:4px}
.verification-checks small{opacity:.76;line-height:1.55}
.verified-meta{margin-top:8px;padding-top:8px;border-top:1px dashed rgba(127,127,127,.25);font-size:.82rem}
@media(max-width:700px){.verification-checks{grid-template-columns:1fr}}

/* v5.8 — direct supervisor routing */
.direct-supervisor-card{
  display:grid;grid-template-columns:auto 1fr;gap:4px 12px;align-items:center;
  margin:12px 0;padding:12px 14px;border:1px solid var(--line,#dfe3e8);
  border-radius:12px;background:rgba(70,110,180,.055)
}
.direct-supervisor-card span{font-size:.82rem;opacity:.72}
.direct-supervisor-card b{font-size:1.02rem}
.direct-supervisor-card small{grid-column:1/-1;opacity:.72}
.table-sub{display:block;margin-top:4px;opacity:.68;font-size:.76rem}
#ssDirectSupervisorWrap small{display:block;margin-top:4px;opacity:.7;font-weight:400}

/* v5.9 — interactive institutional themes */
:root{
  --brand:#173d6b;--brand-2:#9a792f;--brand-rgb:23,61,107;
  --hero-a:rgba(23,61,107,.13);--hero-b:rgba(154,121,47,.09);
  --surface-glass:rgba(255,255,255,.82);--interactive-shadow:0 12px 32px rgba(22,42,68,.09)
}
body[data-ui-theme="royal"]{--brand:#173d6b;--brand-2:#a78132;--brand-rgb:23,61,107;--hero-a:rgba(23,61,107,.14);--hero-b:rgba(167,129,50,.10)}
body[data-ui-theme="emerald"]{--brand:#17624a;--brand-2:#b08a35;--brand-rgb:23,98,74;--hero-a:rgba(23,98,74,.14);--hero-b:rgba(176,138,53,.09)}
body[data-ui-theme="ocean"]{--brand:#0f5f83;--brand-2:#2b7e9e;--brand-rgb:15,95,131;--hero-a:rgba(15,95,131,.14);--hero-b:rgba(43,126,158,.09)}
body[data-ui-theme="violet"]{--brand:#5a4387;--brand-2:#8a6c3c;--brand-rgb:90,67,135;--hero-a:rgba(90,67,135,.14);--hero-b:rgba(138,108,60,.09)}
body{
  transition:background-color .28s ease,color .28s ease;
  background-image:
    radial-gradient(circle at 88% 4%,var(--hero-a),transparent 27rem),
    radial-gradient(circle at 8% 92%,var(--hero-b),transparent 25rem);
  background-attachment:fixed
}
.topbar,.sidebar,.card,.panel,.metric,.stat,.research-card,.direct-supervisor-card{
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background-color .22s ease
}
.card:hover,.panel:hover,.metric:hover,.stat:hover,.research-card:hover{
  transform:translateY(-2px);box-shadow:var(--interactive-shadow);border-color:rgba(var(--brand-rgb),.24)
}
.nav-item{position:relative;overflow:hidden;transition:background .18s ease,color .18s ease,transform .18s ease}
.nav-item:hover{transform:translateX(-2px);background:rgba(var(--brand-rgb),.075)}
.nav-item.active{background:rgba(var(--brand-rgb),.11)}
.nav-item.active:before{content:"";position:absolute;right:0;top:18%;bottom:18%;width:3px;border-radius:4px;background:var(--brand)}
button.primary,.primary{transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}
button.primary:hover,.primary:hover{transform:translateY(-1px);box-shadow:0 7px 18px rgba(var(--brand-rgb),.18);filter:saturate(1.08)}
.theme-picker-btn{position:relative}
.theme-popover{
  position:absolute;z-index:2000;top:64px;left:18px;width:min(420px,calc(100vw - 28px));
  padding:14px;border:1px solid rgba(var(--brand-rgb),.18);border-radius:18px;
  background:var(--surface,#fff);box-shadow:0 22px 55px rgba(20,30,45,.18);
  animation:themePop .18s ease-out
}
.theme-popover[hidden]{display:none!important}
@keyframes themePop{from{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}
.theme-popover-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px}
.theme-popover-head small{opacity:.65}
.theme-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.theme-choice{
  display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;gap:1px 9px;text-align:right;
  padding:9px;border:1px solid var(--line,#dde3e9);border-radius:12px;background:transparent;color:inherit;cursor:pointer
}
.theme-choice:hover,.theme-choice.active{border-color:var(--brand);background:rgba(var(--brand-rgb),.065)}
.theme-choice b{font-size:.86rem}.theme-choice small{font-size:.72rem;opacity:.65}
.theme-swatch{grid-row:1/3;width:32px;height:32px;border-radius:10px;display:block;border:1px solid rgba(0,0,0,.08)}
.theme-swatch.royal{background:linear-gradient(135deg,#173d6b 50%,#a78132 50%)}
.theme-swatch.emerald{background:linear-gradient(135deg,#17624a 50%,#b08a35 50%)}
.theme-swatch.ocean{background:linear-gradient(135deg,#0f5f83 50%,#2b7e9e 50%)}
.theme-swatch.violet{background:linear-gradient(135deg,#5a4387 50%,#8a6c3c 50%)}
.motion-toggle{display:flex;gap:8px;align-items:center;margin-top:11px;padding-top:10px;border-top:1px solid var(--line,#dde3e9);font-size:.84rem}
body.reduce-motion *,body.reduce-motion *:before,body.reduce-motion *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
.view.active{animation:viewIn .24s ease-out}
@keyframes viewIn{from{opacity:.45;transform:translateY(5px)}to{opacity:1;transform:none}}
.status{transition:transform .16s ease}
.status:hover{transform:scale(1.025)}
.mini-progress span{transition:width .55s cubic-bezier(.2,.7,.2,1)}
@media(max-width:650px){.theme-grid{grid-template-columns:1fr}.theme-popover{left:8px;right:8px;width:auto}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}
@media print{.theme-picker-btn,.theme-popover{display:none!important}}

.next-actor{display:block;font-size:11px;color:#93651a;margin-top:3px;font-weight:600}
.dark .next-actor{color:#e6b866}

/* ============ v5.9.1 — طبقة تفاعلية إضافية (Interactive Layer) ============ */
/* انتقالات ثيم ناعمة */
body,.panel,.sidebar,.topbar,.stats article,.task-card,.official-form,.editor-toolbar{transition:background-color .35s ease,color .3s ease,border-color .3s ease}
:focus-visible{outline:2px solid var(--brand2);outline-offset:2px}
kbd{background:var(--line);border:1px solid rgba(0,0,0,.08);border-radius:5px;padding:1px 6px;font:inherit;font-size:11px}

/* تنقّل جانبي: مؤشر نشِط + انزلاق */
.nav-item{position:relative;transition:background .2s,color .2s,transform .15s}
.nav-item:hover{transform:translateX(-3px)}
.nav-item.active::before{content:"";position:absolute;inset-inline-start:-7px;top:9px;bottom:9px;width:4px;border-radius:4px;background:var(--brand)}

/* أزرار: رفع/ضغط + تموّج */
.primary,.approve,.ghost,.danger,.print{position:relative;overflow:hidden;transition:transform .12s ease,box-shadow .22s ease,filter .2s ease}
.primary:hover,.approve:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(23,75,122,.24);filter:brightness(1.05)}
.ghost:hover,.danger:hover,.print:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(23,75,122,.12)}
.primary:active,.approve:active,.ghost:active,.danger:active,.print:active{transform:translateY(0) scale(.98)}
.rp-ink{position:absolute;border-radius:50%;transform:scale(0);background:rgba(255,255,255,.5);pointer-events:none;animation:rp .6s ease-out}
.ghost .rp-ink,.danger .rp-ink,.nav-item .rp-ink,.dashboard-actions button .rp-ink{background:rgba(23,75,122,.16)}
@keyframes rp{to{transform:scale(4);opacity:0}}

/* بطاقات: رفع عند المرور */
.stats article,.dashboard-actions button,.catalog div,.task-card{transition:transform .18s ease,box-shadow .25s ease,border-color .2s ease}
.stats article:hover,.dashboard-actions button:hover,.task-card:hover,.catalog div:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(27,50,80,.13);border-color:var(--brand2)}

/* ظهور تدريجي */
.reveal{opacity:0;transform:translateY(12px)}
.reveal.in{opacity:1;transform:none;transition:opacity .5s ease,transform .5s ease}
body.reduce-motion .reveal{opacity:1;transform:none}

/* لوحة الأوامر */
#cmdk{position:fixed;inset:0;background:rgba(10,18,30,.45);display:none;align-items:flex-start;justify-content:center;z-index:200}
#cmdk.open{display:flex}
.cmdk-box{margin-top:12vh;width:min(560px,92vw);background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:0 30px 80px rgba(0,0,0,.35);overflow:hidden;animation:cmdkIn .18s ease-out}
@keyframes cmdkIn{from{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:none}}
.cmdk-box>input{width:100%;border:0;border-bottom:1px solid var(--line);padding:16px 18px;font-size:16px;background:transparent;color:var(--text);border-radius:0}
.cmdk-list{max-height:52vh;overflow:auto;padding:8px}
.cmdk-item{display:flex;gap:10px;align-items:center;padding:11px 12px;border-radius:10px;cursor:pointer;color:var(--text)}
.cmdk-item .ic{width:24px;text-align:center}
.cmdk-item.sel,.cmdk-item:hover{background:var(--brand);color:#fff}
.cmdk-empty{padding:20px;color:var(--muted);text-align:center}
.cmdk-foot{display:flex;gap:14px;padding:9px 14px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}

/* فلترة حيّة للقوائم */
.list-filter{display:flex;gap:10px;align-items:center;margin-bottom:12px}
.list-filter input{flex:1}
.list-filter .cnt{font-size:12px;color:var(--muted);white-space:nowrap}

/* زر العودة للأعلى */
#toTop{position:fixed;inset-inline-end:22px;bottom:22px;width:44px;height:44px;border-radius:50%;background:var(--brand);color:#fff;border:0;cursor:pointer;font-size:20px;box-shadow:0 10px 24px rgba(23,75,122,.35);opacity:0;transform:translateY(12px) scale(.9);pointer-events:none;transition:.25s;z-index:90}
#toTop.show{opacity:1;transform:none;pointer-events:auto}
#toTop:hover{filter:brightness(1.08);transform:translateY(-2px)}

/* حلقة الدرجة في شريط المحرر */
.score-ring{--v:0;--col:var(--brand);width:52px;height:52px;border-radius:50%;flex:none;display:grid;place-items:center;position:relative;background:conic-gradient(var(--col) calc(var(--v)*1%),var(--line) 0)}
.score-ring::after{content:"";position:absolute;inset:5px;border-radius:50%;background:var(--panel)}
.score-ring b{position:relative;z-index:1;font-size:15px;font-weight:800;color:var(--text)}

/* توست محسّن بأيقونة وأنواع */
#toast{display:flex;gap:9px;align-items:center;box-shadow:0 12px 30px rgba(0,0,0,.28)}
#toast::before{content:"ℹ"}
#toast.ok{background:#0f5132}#toast.ok::before{content:"✓"}
#toast.err{background:#842029}#toast.err::before{content:"✕"}
#toast.warn{background:#664d03}#toast.warn::before{content:"⚠"}

@media print{#cmdk,#toTop,#cmdkBtn,.score-ring,.list-filter{display:none!important}}

/* ================= v5.9.1 — ترقية المظهر (Visual Refresh) ================= */
/* هوية أكاديمية: كحلي المؤسسة + لمسة ذهبية (‎--brand-2‎)، بطاقات مرتفعة وتدرّجات
   هادئة مرتبطة بالثيم. لا تمسّ .official-form (للطباعة). تحترم reduce-motion والثيمات. */
:root{--r-lg:20px;--r-md:14px;--r-sm:10px;--elev-1:0 2px 6px rgba(15,30,55,.06);--elev-2:0 10px 30px rgba(15,30,55,.10);--elev-3:0 22px 55px rgba(15,30,55,.16)}
body{font-family:"Tajawal","Tahoma","Arial",sans-serif;-webkit-font-smoothing:antialiased;letter-spacing:.1px}
h1,h2,h3,.brand h1{font-weight:800;letter-spacing:-.2px}
.eyebrow,.page-head .eyebrow{color:var(--brand-2);font-weight:800;letter-spacing:1.2px;text-transform:none;font-size:11px}

/* الشريط العلوي: تدرّج أعمق + شعرة ذهبية سفلية */
.topbar{background:linear-gradient(115deg,rgba(var(--brand-rgb),1),rgba(var(--brand-rgb),.86)) , var(--brand);border-bottom:2px solid var(--brand-2);box-shadow:0 8px 26px rgba(var(--brand-rgb),.28)}
.topbar::after{content:"";position:absolute;inset:0;background:radial-gradient(120% 160% at 90% -40%,rgba(255,255,255,.14),transparent 60%);pointer-events:none}
.brand h1{font-size:20px}
.logo{box-shadow:0 6px 16px rgba(0,0,0,.18);overflow:hidden}
.badge{backdrop-filter:blur(6px)}
.top-actions .ghost{border-radius:10px;transition:transform .12s,background .2s}
.top-actions .ghost:hover{background:#ffffff2e;transform:translateY(-1px)}

/* القائمة الجانبية */
.sidebar{background:linear-gradient(180deg,var(--panel),rgba(var(--brand-rgb),.03));box-shadow:var(--elev-1)}
.nav-item{font-weight:600;border-radius:12px}
.nav-item:hover{background:rgba(var(--brand-rgb),.08)}
.nav-item.active{background:linear-gradient(90deg,rgba(var(--brand-rgb),.12),rgba(var(--brand-rgb),.03));color:var(--brand);box-shadow:inset 0 0 0 1px rgba(var(--brand-rgb),.10)}
.nav-item.active::before{background:var(--brand-2)!important;box-shadow:0 0 10px rgba(var(--brand-rgb),.4)}
.nav-item b{background:var(--brand);color:#fff;font-weight:700}
.side-note{background:linear-gradient(160deg,rgba(var(--brand-rgb),.09),rgba(var(--brand-rgb),.02));border:1px solid rgba(var(--brand-rgb),.12)}

/* البطل (Hero) */
.hero{position:relative;overflow:hidden;border:1px solid rgba(var(--brand-rgb),.14);border-radius:var(--r-lg);background:
  radial-gradient(90% 140% at 100% 0%,var(--hero-a),transparent 55%),
  radial-gradient(80% 130% at 0% 100%,var(--hero-b),transparent 55%),
  linear-gradient(135deg,var(--panel),rgba(var(--brand-rgb),.04));box-shadow:var(--elev-2)}
.hero::before{content:"";position:absolute;inset-inline-end:-40px;top:-40px;width:190px;height:190px;border-radius:50%;border:2px solid var(--brand-2);opacity:.18}
.hero::after{content:"";position:absolute;inset-inline-end:8px;bottom:-60px;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,rgba(var(--brand-rgb),.16),transparent 70%)}
.hero h2{font-size:30px;line-height:1.35;color:var(--text)}
.hero>div{position:relative;z-index:1}
.source-pill{display:inline-flex;align-items:center;gap:6px;margin-top:14px;padding:8px 14px;border-radius:999px;background:rgba(var(--brand-rgb),.10);color:var(--brand);font-weight:700;font-size:12px;border:1px solid rgba(var(--brand-rgb),.16);text-decoration:none}
.source-pill:hover{background:rgba(var(--brand-rgb),.16)}

/* أزرار */
.primary{background:linear-gradient(135deg,var(--brand),rgba(var(--brand-rgb),.82));box-shadow:0 6px 16px rgba(var(--brand-rgb),.28)}
.approve{background:linear-gradient(135deg,#1a7f4b,#12613a);box-shadow:0 6px 16px rgba(21,120,72,.28)}
.ghost{border-radius:10px}
.ghost:hover{border-color:rgba(var(--brand-rgb),.35)}

/* إجراءات لوحة الرئيسية */
.dashboard-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0}
.dashboard-actions button{display:flex;gap:12px;align-items:center;padding:16px;border-radius:var(--r-md);border:1px solid var(--line);background:var(--panel);cursor:pointer;box-shadow:var(--elev-1);text-align:right}
.dashboard-actions button b{width:42px;height:42px;flex:none;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,rgba(var(--brand-rgb),.14),rgba(var(--brand-rgb),.05));color:var(--brand);font-size:20px}
.dashboard-actions button span{display:grid;gap:2px}
.dashboard-actions button strong{font-size:14px}.dashboard-actions button small{color:var(--muted);font-size:12px}

/* شريط صحة النظام */
.system-health{display:flex;flex-wrap:wrap;gap:16px;margin:14px 0;padding:12px 16px;border-radius:var(--r-md);background:rgba(var(--brand-rgb),.05);border:1px solid rgba(var(--brand-rgb),.10);font-size:12px;color:var(--muted)}
.system-health b{color:#1a7f4b}

/* بطاقات الإحصاء */
.stats article{position:relative;overflow:hidden;border-radius:var(--r-md);box-shadow:var(--elev-1);border-top:3px solid var(--brand)}
.stats article:nth-child(2){border-top-color:var(--brand-2)}
.stats article:nth-child(3){border-top-color:#1a7f4b}
.stats article:nth-child(4){border-top-color:#7a5bb0}
.stats article::after{content:"";position:absolute;inset-inline-start:-10px;bottom:-14px;width:74px;height:74px;border-radius:50%;background:rgba(var(--brand-rgb),.05)}
.stats strong{font-size:30px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--brand)}
.stats article:nth-child(3) strong{color:#1a7f4b}
.stats span{font-weight:600}

/* لوحات */
.panel{border-radius:var(--r-lg);box-shadow:var(--elev-1);border:1px solid var(--line)}
.panel-title h3{position:relative;padding-inline-start:12px}
.panel-title h3::before{content:"";position:absolute;inset-inline-start:0;top:3px;bottom:3px;width:4px;border-radius:4px;background:var(--brand-2)}

/* الخط الزمني للمسار */
.timeline>div{border-bottom:1px dashed rgba(var(--brand-rgb),.14)}
.timeline b{background:linear-gradient(135deg,var(--brand),rgba(var(--brand-rgb),.75));color:#fff;font-weight:800;box-shadow:0 4px 10px rgba(var(--brand-rgb),.25)}

/* الكتالوج */
.catalog div{border-radius:var(--r-sm);background:rgba(var(--brand-rgb),.03);border:1px solid var(--line);transition:transform .15s,box-shadow .2s}
.catalog div:hover{box-shadow:var(--elev-1)}
.catalog b{color:var(--brand-2)}

/* الجداول */
.table-wrap{border-radius:var(--r-md);overflow:hidden;border:1px solid var(--line)}
.panel.table-wrap{padding:0}
th{background:rgba(var(--brand-rgb),.06);color:var(--brand);font-weight:800;font-size:12px;border-bottom:2px solid rgba(var(--brand-rgb),.12)}
tbody tr{transition:background .15s}
tbody tr:hover{background:rgba(var(--brand-rgb),.045)}
td{border-bottom:1px solid var(--line)}

/* شارات الحالة */
.status{padding:5px 11px;font-weight:800;box-shadow:inset 0 0 0 1px rgba(0,0,0,.03)}
.status.approved{background:linear-gradient(135deg,#e7f8ee,#d6f0e0);color:#0f6b3c}
.status.pending{background:linear-gradient(135deg,#fff6df,#ffeec2);color:#8a6410}
.status.draft{background:linear-gradient(135deg,#eef1f5,#e4e9f0);color:#475467}

/* الحقول */
input,select,textarea{border-radius:var(--r-sm);border:1px solid var(--line);transition:border-color .15s,box-shadow .15s,background .15s}
input:focus,select:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(var(--brand-rgb),.14);outline:none}
.form-grid label,.field{font-weight:600}

/* شريط المحرر (زجاجي) */
.editor-toolbar{border-radius:var(--r-md);box-shadow:var(--elev-2);background:var(--panel);border:1px solid rgba(var(--brand-rgb),.12)}
.editor-toolbar b{color:var(--brand)}

/* بطاقات المهام */
.task-card{border-radius:var(--r-md);box-shadow:var(--elev-1);border-inline-start:4px solid var(--brand-2)}

/* شريط تحليلات لوحة الرئيسية (التوقيع البصري) */
.viz-strip{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;margin:18px 0;padding:18px 20px;border-radius:var(--r-lg);background:linear-gradient(135deg,var(--panel),rgba(var(--brand-rgb),.04));border:1px solid var(--line);box-shadow:var(--elev-1)}
.viz-donut{width:132px;height:132px;flex:none}
.viz-donut .seg{transition:stroke-dasharray .8s cubic-bezier(.4,0,.2,1)}
.viz-legend{display:grid;gap:10px}
.viz-legend .lg{display:grid;grid-template-columns:14px 1fr auto;gap:10px;align-items:center;font-size:13px}
.viz-legend .dot{width:12px;height:12px;border-radius:4px}
.viz-legend .lg b{font-variant-numeric:tabular-nums;font-weight:800}
.viz-legend .bar{grid-column:1/4;height:8px;border-radius:8px;background:rgba(var(--brand-rgb),.08);overflow:hidden;margin-top:-4px}
.viz-legend .bar i{display:block;height:100%;border-radius:8px;transition:width .8s cubic-bezier(.4,0,.2,1)}
body.reduce-motion .viz-donut .seg,body.reduce-motion .viz-legend .bar i{transition:none}

/* الوضع الليلي: مواءمة */
.dark .hero h2{color:#eaf2fb}
.dark .dashboard-actions button,.dark .viz-strip,.dark .system-health{background:linear-gradient(135deg,#171f2d,#12202f)}
.dark th{color:#cfe0f2}
.dark .stats strong{color:#cfe0f2}

@media(max-width:950px){.dashboard-actions{grid-template-columns:repeat(2,1fr)}.viz-strip{grid-template-columns:1fr;justify-items:center;text-align:center}.viz-legend{width:100%}}
@media print{.viz-strip,.system-health,.dashboard-actions{display:none!important}}

/* ملاحظة الملفات الواجب رفعها (المنتسب) */
.required-docs{margin:4px 0 14px}
.rd-note{border:1px solid rgba(var(--brand-rgb),.18);border-radius:var(--r-md);background:linear-gradient(160deg,rgba(var(--brand-rgb),.06),rgba(var(--brand-rgb),.02));overflow:hidden}
.rd-note>summary{cursor:pointer;list-style:none;padding:13px 16px;font-weight:700;color:var(--brand);background:rgba(var(--brand-rgb),.06);border-inline-start:4px solid var(--brand-2)}
.rd-note>summary::-webkit-details-marker{display:none}
.rd-note>summary::after{content:"▾";float:inline-start;color:var(--brand-2);transition:transform .2s}
.rd-note[open]>summary::after{transform:rotate(180deg)}
.rd-intro{margin:12px 16px 4px;color:var(--muted);font-size:12.5px;line-height:1.8}
.rd-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:8px 16px 16px}
.rd-group{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-sm);padding:11px 13px}
.rd-group>b{display:block;color:var(--brand);font-size:13px;margin-bottom:6px;padding-inline-start:9px;position:relative}
.rd-group>b::before{content:"";position:absolute;inset-inline-start:0;top:3px;bottom:3px;width:3px;border-radius:3px;background:var(--brand-2)}
.rd-group ul{margin:0;padding-inline-start:18px;display:grid;gap:4px}
.rd-group li{font-size:12.5px;color:var(--text);line-height:1.65}
@media(max-width:820px){.rd-grid{grid-template-columns:1fr}}
@media print{.required-docs{display:none!important}}

/* University-wide v6 additions */
.university-scope-badge{display:inline-flex;margin-top:8px;padding:6px 10px;border:1px solid color-mix(in srgb,var(--accent,#3568d4) 35%,transparent);border-radius:999px;font-size:.78rem;font-weight:700;opacity:.9}
.login-box select,#loginModal select,.form-grid select{min-width:0}
.table-sub{display:block;font-size:.72rem;opacity:.65;margin-top:3px}

.institution-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}.institution-college{border:1px solid var(--line,#d9dfeb);border-radius:14px;padding:10px;background:var(--panel,#fff)}.institution-college summary{display:flex;justify-content:space-between;gap:12px;cursor:pointer}.institution-college summary span{font-size:.75rem;opacity:.65}.institution-college div{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.institution-college div span{padding:5px 8px;border-radius:9px;background:rgba(127,127,127,.08);font-size:.78rem}#institutionJson{width:100%;direction:ltr;text-align:left;font-family:ui-monospace,Consolas,monospace}
/* v6.1 — University command center */
.command-stats article{position:relative;overflow:hidden}.command-stats article:after{content:"";position:absolute;inset:auto -25px -35px auto;width:95px;height:95px;border-radius:50%;background:color-mix(in srgb,var(--accent,#c9a227) 12%,transparent)}
.command-filter-panel{margin-bottom:14px}.college-progress{display:grid;gap:12px}.college-progress-row{display:grid;grid-template-columns:minmax(180px,1fr) 2fr 55px;gap:12px;align-items:center}.college-progress-row>div:first-child{display:flex;justify-content:space-between;gap:8px}.college-progress-row span{font-size:.8rem;opacity:.7}.command-alerts{display:grid;gap:10px}.command-alert{display:grid;grid-template-columns:58px 1fr;gap:12px;align-items:center;padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--card)}.command-alert b{font-size:1.45rem;text-align:center}.command-alert span{font-weight:700}.command-grid{align-items:start}
@media(max-width:760px){.college-progress-row{grid-template-columns:1fr}.college-progress-row strong{text-align:left}}

/* v6.2 institutional administration */
.institution-admin-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:14px;margin-top:14px}.entity-list{display:grid;gap:9px}.entity-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:11px 12px;border:1px solid var(--line,#dde3ea);border-radius:14px;background:var(--card,#fff)}.entity-row small{display:block;opacity:.68;margin-top:4px}.entity-actions{display:flex;gap:6px;flex-wrap:wrap}.mini-btn{border:1px solid var(--line,#d8dee6);background:transparent;border-radius:10px;padding:7px 9px;cursor:pointer}.mini-btn.danger{color:#a52222}.cycle-card{padding:12px;border:1px solid var(--line,#dde3ea);border-radius:14px;margin-bottom:9px}.cycle-card.active{box-shadow:inset 4px 0 0 #17885c}.policy-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:9px}.policy-item{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid var(--line,#dde3ea);border-radius:12px}.admin-form-row{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:end}.admin-form-row input,.admin-form-row select{width:100%}@media(max-width:900px){.institution-admin-grid{grid-template-columns:1fr}.admin-form-row{grid-template-columns:1fr}}

/* v6.4.1 — login usability fix for laptop/taskbar/small viewport */
.modal-backdrop{
  overflow-y:auto;
  overflow-x:hidden;
  align-items:flex-start;
  justify-content:center;
  padding-top:max(12px,env(safe-area-inset-top));
  padding-bottom:max(18px,env(safe-area-inset-bottom));
  overscroll-behavior:contain;
}
.modal-card{
  margin:auto;
  max-height:calc(100dvh - 28px);
  max-height:calc(var(--wasit-visible-height, 100vh) - 28px);
  overflow-y:auto;
  overflow-x:hidden;
  scrollbar-gutter:stable;
  -webkit-overflow-scrolling:touch;
}
#modalLoginBtn,#deptLoginBtn{
  position:relative;
  z-index:2;
  min-height:46px;
  flex:none;
  touch-action:manipulation;
}
#modalLoginBtn{
  position:sticky;
  bottom:0;
  width:100%;
  box-shadow:0 -8px 18px rgba(255,255,255,.92),0 7px 18px rgba(var(--brand-rgb),.22);
}
.dark #modalLoginBtn{box-shadow:0 -8px 18px rgba(23,31,45,.94),0 7px 18px rgba(0,0,0,.28)}
.department-gate{scroll-margin-top:96px}
.login-box{padding-bottom:max(10px,env(safe-area-inset-bottom))}

@media(max-height:760px){
  .modal-card{padding:18px 22px;gap:9px;max-height:calc(100dvh - 16px);max-height:calc(var(--wasit-visible-height, 100vh) - 16px)}
  .modal-logo{width:76px!important;height:76px!important}
  .modal-card h3{margin:2px 0;font-size:18px}
  .modal-card p{margin:0;line-height:1.45}
  .modal-card label{gap:4px}
  #loginModal input,#loginModal select{padding:8px 10px;min-height:38px}
  .department-gate{margin:12px auto;padding:18px}
  .gate-logo{width:78px!important;height:78px!important}
  .department-gate h2{font-size:21px;margin:4px 0}
  .department-gate>p{margin:6px 0;line-height:1.55}
  .login-box{margin-top:10px;gap:8px}
  .login-box input,.login-box select{padding:8px 10px;min-height:38px}
}

@media(max-height:620px){
  .modal-logo{display:none}
  .modal-card{padding-top:38px}
  .department-gate .gate-logo{display:none}
}

/* v6.5.0 usability polish */
#tasks .task-row{display:grid;grid-template-columns:minmax(220px,1.4fr) minmax(150px,.8fr) minmax(150px,.8fr) auto;gap:12px;align-items:center;padding:14px 10px;border-bottom:1px solid var(--line,#e5e7eb)}
#tasks .task-row:last-child{border-bottom:0}
#tasks .task-main b{display:block;font-size:15px}.task-main small,.task-meta small{display:block;opacity:.72;margin-top:3px}
.task-priority{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:800;background:rgba(217,119,6,.12)}
.task-empty{padding:30px;text-align:center}.task-empty b{display:block;font-size:18px;margin-bottom:6px}
.quick-role-card{border-inline-start:4px solid var(--accent,#2457a7)}
@media(max-width:760px){#tasks .task-row{grid-template-columns:1fr}.task-row .primary{width:100%}}

/* v6.6.0 staff directory */
.staff-dir-filters{margin-bottom:14px}
.staff-dir-row{display:grid;grid-template-columns:minmax(240px,1.4fr) minmax(170px,.8fr) 110px 130px auto;gap:10px;align-items:center;padding:12px 8px;border-bottom:1px solid var(--line,#e5e7eb)}
.staff-dir-row:last-child{border-bottom:0}
.staff-dir-main b{display:block}.staff-dir-main small{display:block;opacity:.7;margin-top:3px}
.staff-dir-toggle{display:inline-flex;align-items:center;gap:7px}
.staff-dir-state{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:800}
.staff-dir-state.active{background:rgba(22,163,74,.12)}
.staff-dir-state.inactive{background:rgba(220,38,38,.10)}
@media(max-width:900px){.staff-dir-row{grid-template-columns:1fr 1fr}.staff-dir-row .staff-dir-main{grid-column:1/-1}}
@media(max-width:620px){.staff-dir-row{grid-template-columns:1fr}}

/* v6.7.0 alerts and unified search */
.alert-row,.search-result-row{display:grid;grid-template-columns:minmax(240px,1.4fr) minmax(170px,.8fr) minmax(160px,.8fr) auto;gap:12px;align-items:center;padding:13px 8px;border-bottom:1px solid var(--line,#e5e7eb)}
.alert-row:last-child,.search-result-row:last-child{border-bottom:0}
.alert-main b,.search-main b{display:block}.alert-main small,.search-main small{display:block;opacity:.7;margin-top:3px}
.alert-chip{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:800}
.alert-chip.late{background:rgba(220,38,38,.11)}.alert-chip.warn{background:rgba(217,119,6,.12)}.alert-chip.info{background:rgba(37,99,235,.10)}
.search-result-row .primary,.alert-row .primary{white-space:nowrap}
@media(max-width:760px){.alert-row,.search-result-row{grid-template-columns:1fr}.alert-row .primary,.search-result-row .primary{width:100%}}

/* v7.0.0 real user accounts */
.user-row,.benchmark-row{display:grid;grid-template-columns:minmax(210px,1.25fr) minmax(140px,.75fr) minmax(150px,.8fr) 100px auto;gap:10px;align-items:center;padding:12px 8px;border-bottom:1px solid var(--line,#e5e7eb)}
.user-row:last-child,.benchmark-row:last-child{border-bottom:0}
.user-main b{display:block}.user-main small{display:block;opacity:.72;margin-top:3px}
.user-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.benchmark-bar{height:8px;border-radius:999px;background:rgba(100,116,139,.16);overflow:hidden;margin-top:6px}.benchmark-bar>i{display:block;height:100%;background:currentColor;border-radius:999px}
@media(max-width:850px){.user-row,.benchmark-row{grid-template-columns:1fr 1fr}.user-main{grid-column:1/-1}.user-actions{grid-column:1/-1;justify-content:stretch}.user-actions button{flex:1}}
@media(max-width:600px){.user-row,.benchmark-row{grid-template-columns:1fr}}

/* v7.1.0 auto account requests */
.account-request-row{display:grid;grid-template-columns:minmax(230px,1.2fr) minmax(160px,.8fr) minmax(150px,.8fr) auto;gap:10px;align-items:center;padding:12px 8px;border-bottom:1px solid var(--line,#e5e7eb)}
.account-request-row:last-child{border-bottom:0}
.account-request-row .user-actions{justify-content:flex-end}
.credential-box{padding:10px 12px;border-radius:12px;background:rgba(37,99,235,.07);border:1px dashed rgba(37,99,235,.25);margin-top:8px}
.credential-box code{font-weight:800}
@media(max-width:760px){.account-request-row{grid-template-columns:1fr}}

/* v7.2.0 objections */
.objection-row{display:grid;grid-template-columns:minmax(240px,1.3fr) minmax(160px,.8fr) minmax(170px,.9fr) auto;gap:10px;align-items:center;padding:13px 8px;border-bottom:1px solid var(--line,#e5e7eb)}
.objection-row:last-child{border-bottom:0}
.objection-main b{display:block}.objection-main small{display:block;opacity:.72;margin-top:3px}
.objection-window{padding:12px;border-radius:14px;background:rgba(37,99,235,.06);border:1px solid rgba(37,99,235,.15);margin:10px 0}
.objection-window.closed{background:rgba(100,116,139,.06);border-color:rgba(100,116,139,.18)}
.objection-window strong{display:block;font-size:16px;margin-bottom:4px}
.objection-status{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:800}
.objection-status.pending{background:rgba(217,119,6,.12)}.objection-status.accepted{background:rgba(22,163,74,.12)}.objection-status.rejected{background:rgba(220,38,38,.10)}
@media(max-width:780px){.objection-row{grid-template-columns:1fr}}

/* v7.3.0 employee read-only and privacy */
.staff-readonly-banner{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:14px;margin:0 0 14px;background:rgba(217,119,6,.08);border:1px solid rgba(217,119,6,.2)}
.staff-readonly-banner b{white-space:nowrap}.staff-readonly-banner span{font-size:13px;opacity:.82}
.result-only-card{padding:24px;text-align:center;border-radius:18px;background:rgba(37,99,235,.06);border:1px solid rgba(37,99,235,.15)}
.result-only-card>span,.result-only-card>small{display:block}.result-only-card>strong{display:block;font-size:44px;line-height:1.1;margin:10px 0}.result-only-card>b{display:block;font-size:20px;margin-bottom:8px}
.result-only-card.pending>strong{font-size:23px}
@media(max-width:650px){.staff-readonly-banner{align-items:flex-start;flex-direction:column}.result-only-card>strong{font-size:36px}}

/* v7.4 University-wide identity: no College of Science logo */
.university-wordmark{border:1px solid #ffffff55;background:#fff;color:var(--brand);font-size:25px;font-weight:900;border-radius:50%}
.university-gate-mark,.university-modal-mark{width:125px;height:125px;border-radius:50%;margin:0 auto 12px;display:grid;place-items:center;text-align:center;padding:16px;background:linear-gradient(145deg,#123d66,#1c5d8e);color:#fff;font-weight:900;font-size:18px;box-shadow:0 12px 30px #123d6633;border:5px solid #fff;outline:1px solid #dbe6ef}
@media(max-width:700px){.university-gate-mark,.university-modal-mark{width:82px;height:82px;font-size:13px;padding:8px}}

/* v7.5 – Official University of Wasit visual identity */
.university-logo{width:150px!important;height:58px!important;border-radius:12px!important;background:#fff!important;padding:4px 8px!important;overflow:hidden;flex:0 0 auto}
.university-logo img{width:100%;height:100%;object-fit:contain;display:block}
.university-gate-mark,.university-modal-mark{width:220px;height:82px;margin:0 auto 12px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:7px 12px;display:grid;place-items:center;overflow:hidden}
.university-gate-mark img,.university-modal-mark img{width:100%;height:100%;object-fit:contain;display:block}
.uni-mark{width:155px!important;height:78px!important;border:0!important;border-radius:12px!important;padding:4px!important;background:#fff!important;overflow:hidden}
.uni-mark img{width:100%;height:100%;object-fit:contain;display:block}
@media(max-width:760px){.university-logo{width:105px!important;height:48px!important}.brand{gap:8px}.brand h1{font-size:15px}.brand p,.university-scope-badge{display:none}.university-gate-mark,.university-modal-mark{width:190px;height:72px}}
@media print{.uni-mark{width:145px!important;height:72px!important}.uni-mark img{display:block!important}}

/* v7.7 — readiness + final verification */
.submission-readiness,.verification-card{margin:14px 0;padding:16px;border:1px solid var(--line,#d9e2e8);border-radius:16px;background:var(--card,#fff)}
.readiness-head,.verification-card{display:flex;align-items:center;justify-content:space-between;gap:16px}.readiness-head div,.verification-card>div:first-child{display:grid;gap:4px}.readiness-head strong{font-size:24px}.readiness-track{height:9px;background:#e8edf0;border-radius:999px;overflow:hidden;margin:12px 0}.readiness-track i{display:block;height:100%;background:linear-gradient(90deg,#1f7a55,#42a879);border-radius:inherit}.readiness-checks{display:flex;flex-wrap:wrap;gap:7px}.readiness-checks span{padding:6px 9px;border-radius:999px;font-size:12px}.readiness-checks .ok{background:#e9f7ef}.readiness-checks .miss{background:#fff2e2}.verification-card{border-style:dashed}.verification-card span,.verification-card small{display:block}.verify-matrix{width:72px;height:72px;display:grid!important;grid-template-columns:repeat(9,1fr)!important;gap:1px;padding:4px;background:#fff;border:2px solid #111;flex:0 0 auto}.verify-matrix i{background:#fff}.verify-matrix i.on{background:#111}@media(max-width:700px){.verification-card{align-items:flex-start}.verify-matrix{width:58px;height:58px}.readiness-checks{display:grid;grid-template-columns:1fr 1fr}}@media print{.verification-card{display:flex!important;break-inside:avoid}.submission-readiness{display:none!important}}

/* ============ v7.8 — Executive UX / SLA / resilient layout ============ */
.executive-pulse{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0}
.pulse-card{background:var(--card);border:1px solid rgba(var(--brand-rgb),.12);border-radius:18px;padding:14px 16px;display:flex;align-items:center;gap:12px;min-width:0;box-shadow:0 8px 26px rgba(20,35,55,.05)}
.pulse-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:rgba(var(--brand-rgb),.08);font-size:20px;flex:0 0 auto}
.pulse-card b{display:block;font-size:22px;line-height:1.1}.pulse-card span{display:block;color:var(--muted);font-size:12px;margin-top:4px}.pulse-card.is-late{border-color:rgba(183,54,54,.25)}.pulse-card.is-late .pulse-icon{background:rgba(183,54,54,.09)}
.priority-strip{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}.priority-pill{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:999px;background:rgba(var(--brand-rgb),.07);border:1px solid rgba(var(--brand-rgb),.12);font-size:12px}.priority-pill.danger{background:rgba(183,54,54,.08);border-color:rgba(183,54,54,.18)}
.task-row{grid-template-columns:minmax(210px,1.4fr) minmax(150px,.9fr) minmax(170px,.9fr) auto!important}.task-age{font-size:11px;color:var(--muted);margin-top:4px;display:block}.task-row.overdue{border-inline-start:4px solid #b73636}.task-row.warning{border-inline-start:4px solid #c98717}
.status-matrix{display:grid;grid-template-columns:repeat(6,minmax(90px,1fr));gap:8px;margin-top:12px}.status-matrix>div{padding:10px;border-radius:14px;background:rgba(var(--brand-rgb),.05);text-align:center}.status-matrix b{display:block;font-size:18px}.status-matrix span{font-size:11px;color:var(--muted)}
@media(max-width:1100px){.executive-pulse{grid-template-columns:repeat(2,minmax(0,1fr))}.status-matrix{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.executive-pulse{grid-template-columns:1fr}.task-row{grid-template-columns:1fr!important}.status-matrix{grid-template-columns:repeat(2,minmax(0,1fr))}.page-head{align-items:flex-start!important;gap:10px}.toolbar-actions{flex-wrap:wrap}}
/* Prevent legacy injected sections from creating vertical blank space. */
.view:not(.active){display:none!important}.view.active{min-height:0!important;align-self:start}main{min-height:var(--wasit-visible-height,100vh)}
.objection-history{margin-top:8px}.objection-history summary{cursor:pointer;font-weight:700}.objection-history-list{display:grid;gap:6px;margin-top:8px}.objection-history-list>div{display:grid;grid-template-columns:minmax(110px,1fr) auto;gap:4px 10px;padding:8px 10px;border:1px solid var(--line,#dbe2ea);border-radius:10px}.objection-history-list small{grid-column:1/-1}.verification-card{break-inside:avoid}

/* ============ v8.4 — Academic Interactive Workspace + zero-gap navigation ============ */
html{scroll-padding-top:96px}
main{min-height:0!important;align-self:start!important;padding-top:22px!important}
.view.active{margin-top:0!important;padding-top:0!important;min-height:0!important}
#department.view.active{display:block!important}
#departmentDashboard{margin:0!important;padding:0!important}
.permissions-page-head{margin:0 0 16px!important;padding:2px 2px 0;align-items:flex-start}
.page-head-sub{margin:7px 0 0;color:var(--muted);font-size:13px;line-height:1.7;max-width:760px}
.page-head-actions{display:flex;gap:8px;flex-wrap:wrap}

.role-academic-hub{margin:0 0 16px;display:grid;gap:14px}
.academic-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);gap:18px;align-items:stretch;padding:22px;border:1px solid rgba(var(--brand-rgb),.16);border-radius:22px;background:linear-gradient(135deg,var(--panel) 0%,rgba(var(--brand-rgb),.055) 100%);box-shadow:0 14px 34px rgba(24,54,88,.07)}
.academic-hero::after{content:"";position:absolute;inset-inline-end:-48px;top:-58px;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,rgba(var(--brand-rgb),.12),transparent 68%);pointer-events:none}
.academic-hero-main{position:relative;z-index:1;display:grid;align-content:center;gap:9px;min-width:0}
.academic-kicker{display:inline-flex;align-items:center;gap:7px;width:max-content;max-width:100%;padding:6px 10px;border-radius:999px;background:rgba(var(--brand-rgb),.08);color:var(--brand);font-size:11px;font-weight:900}
.academic-hero h3{margin:0;font-size:22px;line-height:1.4}.academic-hero p{margin:0;color:var(--muted);font-size:13px;line-height:1.8;max-width:760px}
.academic-path{display:flex;gap:7px;flex-wrap:wrap;margin-top:3px}.academic-path span{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border:1px solid var(--line);border-radius:10px;background:var(--panel);font-size:11px;font-weight:700}
.academic-hero-side{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:9px;align-content:center}.academic-mini{padding:13px;border:1px solid var(--line);border-radius:15px;background:color-mix(in srgb,var(--panel) 92%,var(--brand) 8%);min-width:0}.academic-mini span{display:block;color:var(--muted);font-size:11px;margin-bottom:5px}.academic-mini strong{display:block;font-size:19px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.academic-mini small{display:block;margin-top:4px;color:var(--muted);font-size:10px}
.academic-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.academic-action{display:flex;gap:11px;align-items:center;text-align:right;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:16px;padding:13px;cursor:pointer;min-height:72px;transition:transform .18s ease,box-shadow .22s ease,border-color .18s ease}.academic-action:hover{transform:translateY(-2px);border-color:rgba(var(--brand-rgb),.28);box-shadow:0 12px 28px rgba(27,50,80,.10)}.academic-action b{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:rgba(var(--brand-rgb),.08);font-size:19px;flex:0 0 auto}.academic-action span{display:grid;gap:3px;min-width:0}.academic-action strong{font-size:13px}.academic-action small{font-size:10px;color:var(--muted);line-height:1.45}
.role-summary.panel{margin-top:0!important;border-style:dashed;background:color-mix(in srgb,var(--panel) 96%,var(--brand) 4%)}
#department .stats{margin-top:12px}#department .stats article{overflow:hidden;position:relative}#department .stats article::before{content:"";position:absolute;inset-inline-start:0;top:0;bottom:0;width:3px;background:rgba(var(--brand-rgb),.38)}
#department .table-wrap{margin-top:14px}#department .table-wrap table tbody tr{transition:background .15s ease}#department .table-wrap table tbody tr:hover{background:rgba(var(--brand-rgb),.035)}
.dark .academic-hero,.dark .academic-mini,.dark .academic-action{background:#171f2d}.dark .academic-kicker{background:#203449;color:#d2eaff}
@media(max-width:1100px){.academic-hero{grid-template-columns:1fr}.academic-hero-side{grid-template-columns:repeat(4,1fr)}.academic-actions{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){main{padding:14px!important}.permissions-page-head{gap:12px}.page-head-actions{width:100%}.page-head-actions button{flex:1}.academic-hero{padding:16px}.academic-hero-side{grid-template-columns:1fr 1fr}.academic-actions{grid-template-columns:1fr}.academic-action{min-height:64px}.academic-hero h3{font-size:19px}}


/* v8.5 email center */
.email-settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:12px 0}.email-settings-grid label,.email-test-box label{display:grid;gap:6px}.email-test-box{display:grid;grid-template-columns:minmax(220px,1fr) auto minmax(220px,1fr);gap:10px;align-items:end;margin-top:14px;padding-top:14px;border-top:1px solid var(--border)}
.email-log{display:grid;gap:8px;margin-top:14px}.email-log-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:11px 12px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}.email-log-row>div{display:grid;gap:2px;min-width:0}.email-log-row small{color:var(--muted);overflow-wrap:anywhere}.email-log-row code{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-log-state{font-weight:800;border-radius:999px;padding:6px 10px;font-size:.78rem}.email-log-state.sent,.email-state.sent{background:rgba(16,185,129,.12);color:#047857}.email-log-state.failed,.email-state.failed{background:rgba(239,68,68,.12);color:#b91c1c}.email-error{color:#b91c1c!important}.email-state{font-size:.72rem;font-weight:800;padding:4px 8px;border-radius:999px;background:rgba(100,116,139,.12)}#emailServiceBadge.ok,#emailOpsStatus.ok{color:#047857}#emailServiceBadge.bad,#emailOpsStatus.bad{color:#b91c1c}
@media(max-width:900px){.email-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.email-test-box{grid-template-columns:1fr}.email-log-row{grid-template-columns:auto minmax(0,1fr)}.email-log-row code{grid-column:2}}
@media(max-width:560px){.email-settings-grid{grid-template-columns:1fr}}

/* v8.5.2 backend + SMTP diagnostics */
.email-backend-status,.email-smtp-diagnostic{margin-top:10px;padding:11px 14px;border:1px solid var(--border,#dbe3ee);border-radius:12px;background:rgba(148,163,184,.08);font-size:13px;line-height:1.7}.email-backend-status.ok,.email-smtp-diagnostic.ok{border-color:rgba(22,163,74,.35);background:rgba(22,163,74,.08)}.email-backend-status.bad,.email-smtp-diagnostic.bad{border-color:rgba(220,38,38,.35);background:rgba(220,38,38,.08)}.email-backend-status.checking{border-color:rgba(37,99,235,.3);background:rgba(37,99,235,.07)}


/* v8.5.3 — safe local-file / hosted email runtime */
.email-runtime-mode{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap;margin:10px 0 14px;padding:12px 14px;border:1px solid var(--border,#d9e2ea);border-radius:14px;background:rgba(15,92,72,.05);line-height:1.7}
.email-runtime-mode b{white-space:nowrap}
.email-runtime-mode span{flex:1;min-width:220px;color:var(--muted,#667085)}
.email-runtime-mode.local{background:rgba(180,83,9,.07);border-color:rgba(180,83,9,.25)}
.email-runtime-mode.hosted{background:rgba(5,122,85,.07);border-color:rgba(5,122,85,.25)}
.email-backend-status.local,.email-smtp-diagnostic.local{background:rgba(180,83,9,.06);border-color:rgba(180,83,9,.22);color:inherit}
.email-settings-panel input:disabled,.email-settings-panel select:disabled,.email-settings-panel button:disabled{opacity:.58;cursor:not-allowed}
@media (max-width:640px){.email-runtime-mode{display:block}.email-runtime-mode b{display:block;margin-bottom:4px}}

/* ============ v8.5.4 — إصلاح الفراغ العلوي عند التنقّل ============ */
/* السبب: main{margin:auto} كان يُوسّط المحتوى عمودياً داخل خلية الشبكة الطويلة
   التي يفرضها ارتفاع الشريط الجانبي؛ والنتيجة فراغ كبير أعلى كل شاشة قصيرة.
   الحل: محاذاة المحتوى للأعلى، وتثبيت الشريط الجانبي بارتفاع الشاشة مع تمرير داخلي. */
.app-shell{align-items:start}
main{margin-block:0}
.sidebar{position:sticky;top:76px;align-self:start;max-height:calc(100vh - 76px);overflow-y:auto}
@media(max-width:950px){.sidebar{top:76px;max-height:calc(100vh - 76px)}}

/* ============ v8.5.4 — حيوية الألوان والرقة (Vibrant & Soft) ============ */
:root{--c-blue:#1f6fb2;--c-teal:#0ea5a5;--c-gold:#c9932f;--c-green:#1a9c5b;--c-violet:#7a5bd0;--c-coral:#e0674a;--c-sky:#2f9bd6}
/* شريط علوي أكثر حيوية + شريط ملوّن رفيع */
.topbar{background:linear-gradient(115deg,#0f3f6b,#1c5d8e 55%,#227aa8)!important}
.topbar::before{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--c-teal),var(--c-gold),var(--c-coral),var(--c-violet));opacity:.95}
.topbar{position:sticky}
/* بطاقات الإحصاء ملوّنة */
.stats article{border-top:none;border-inline-start:5px solid var(--c-blue);border-radius:18px;background:linear-gradient(135deg,#fff, #f6fbff)}
.stats article:nth-child(1){border-inline-start-color:var(--c-blue)}
.stats article:nth-child(2){border-inline-start-color:var(--c-gold);background:linear-gradient(135deg,#fff,#fff9ee)}
.stats article:nth-child(3){border-inline-start-color:var(--c-green);background:linear-gradient(135deg,#fff,#f0fbf4)}
.stats article:nth-child(4){border-inline-start-color:var(--c-violet);background:linear-gradient(135deg,#fff,#f7f4fd)}
.stats strong{color:#0f3f6b}
.stats article:nth-child(2) strong{color:#a8791f}
.stats article:nth-child(3) strong{color:#12874c}
.stats article:nth-child(4) strong{color:#6244b0}
/* أيقونات إجراءات لوحة الرئيسية بألوان متنوعة */
.dashboard-actions button:nth-child(1) b{background:linear-gradient(135deg,#e6f2fb,#d3e9f8);color:var(--c-blue)}
.dashboard-actions button:nth-child(2) b{background:linear-gradient(135deg,#fff6e2,#ffedc6);color:var(--c-gold)}
.dashboard-actions button:nth-child(3) b{background:linear-gradient(135deg,#e7f8ef,#d3f2e0);color:var(--c-green)}
.dashboard-actions button:nth-child(4) b{background:linear-gradient(135deg,#f3eefc,#e7dcfa);color:var(--c-violet)}
.dashboard-actions button:nth-child(5) b{background:linear-gradient(135deg,#fdeee9,#fadacd);color:var(--c-coral)}
.dashboard-actions button:nth-child(6) b{background:linear-gradient(135deg,#e6f6fc,#cdebf7);color:var(--c-sky)}
.dashboard-actions button{border-radius:16px}
.dashboard-actions button:hover{border-color:var(--c-teal)}
/* بطل أكثر إشراقاً */
.hero{background:radial-gradient(120% 150% at 100% 0%,#eaf6ff,transparent 55%),radial-gradient(100% 140% at 0% 100%,#fff6e8,transparent 55%),linear-gradient(135deg,#ffffff,#eef7ff)!important;border-color:#dbeafe}
.hero::after{content:"";position:absolute;inset-inline-start:30px;bottom:-40px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(14,165,165,.14),transparent 70%);pointer-events:none}
/* بطاقات البوابة ملوّنة */
.portal-card{border-radius:22px;border-top:4px solid var(--c-blue);transition:transform .18s,box-shadow .25s}
.portal-card:nth-child(1){border-top-color:var(--c-teal)}
.portal-card:nth-child(2){border-top-color:var(--c-gold)}
.portal-card:hover{transform:translateY(-4px);box-shadow:0 20px 44px rgba(20,46,80,.14)}
.portal-icon{filter:drop-shadow(0 6px 10px rgba(20,60,100,.18))}
/* تنقّل جانبي أكثر حيوية */
.nav-item.active{background:linear-gradient(90deg,rgba(31,111,178,.14),rgba(31,111,178,.03))!important;box-shadow:inset -3px 0 0 var(--c-teal)!important;color:#0f3f6b!important}
.nav-item:hover{background:rgba(31,111,178,.09)}
.nav-item b{background:linear-gradient(135deg,#eaf3fb,#dcecf8);color:var(--c-blue)}
/* عناوين الأقسام ملوّنة */
.section-title{background:linear-gradient(90deg,#eef6fc,#f7fbff);border-right:4px solid var(--c-blue)}
.panel-title h3{position:relative;padding-inline-start:12px}
.panel-title h3::before{content:"";position:absolute;inset-inline-start:0;top:2px;bottom:2px;width:4px;border-radius:4px;background:linear-gradient(180deg,var(--c-teal),var(--c-blue))}
/* أزرار أنعم */
.primary{background:linear-gradient(135deg,#1f6fb2,#155a97);box-shadow:0 8px 18px rgba(21,90,151,.28)}
.approve{background:linear-gradient(135deg,#1aa45f,#128049);box-shadow:0 8px 18px rgba(18,128,73,.26)}
/* شارات الحالة أوضح */
.status.pending{background:linear-gradient(135deg,#fff4d6,#ffe9b8);color:#8a6410}
.status.approved{background:linear-gradient(135deg,#dff6e8,#c8efd6);color:#0f7a44}
.status.draft{background:linear-gradient(135deg,#eef1f5,#e2e8f0);color:#475467}
/* جداول أرقّ */
th{background:linear-gradient(180deg,#f3f8fc,#eaf2f9);color:#0f3f6b}
tbody tr:hover{background:rgba(31,111,178,.05)}
/* أشرطة تقدّم ملوّنة */
.bar-fill{background:linear-gradient(90deg,#0ea5a5,#1f6fb2)}
/* الوضع الليلي: إبقاء الحيوية هادئة */
.dark .stats article{background:linear-gradient(135deg,#171f2d,#141d2b)}
.dark .stats strong{color:#dbe8f5}
.dark .hero{background:linear-gradient(135deg,#152130,#1a2a3b)!important}
.dark .section-title{background:linear-gradient(90deg,#16202e,#1a2735)}

/* ============ v8.6 — لوحة المزامنة ============ */
.sync-panel{grid-column:1/-1;border-inline-start:5px solid var(--c-teal,#0ea5a5)}
.sync-stat{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:10px 0}
.sync-stat>div{background:rgba(31,111,178,.05);border:1px solid var(--line);border-radius:12px;padding:11px}
.sync-stat span{display:block;font-size:11px;color:var(--muted);margin-bottom:4px}
.sync-stat b{font-size:13px;color:#0f3f6b}
.dark .sync-stat b{color:#cfe0f2}
.sync-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:12px 0}
.sync-auto{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--muted)}
.sync-token-row{display:flex;gap:8px;align-items:center;margin-top:6px}
.sync-token-row input{flex:1}
@media(max-width:820px){.sync-stat{grid-template-columns:1fr 1fr}}

/* ============ v8.6.1 — مظهر برّاق فاخر (Premium Gloss) ============ */
/* خلفية متدرّجة ناعمة تُبرز الزجاجية */
body{background:
  radial-gradient(1100px 620px at 100% -8%, #e9f3ff 0%, transparent 55%),
  radial-gradient(900px 560px at -6% 8%, #eef7f4 0%, transparent 52%),
  radial-gradient(760px 520px at 50% 120%, #f3eefb 0%, transparent 55%),
  var(--bg)!important}
.dark body{background:
  radial-gradient(1100px 620px at 100% -8%, #14263b 0%, transparent 55%),
  radial-gradient(900px 560px at -6% 8%, #10222b 0%, transparent 52%),
  radial-gradient(760px 520px at 50% 120%, #1a1730 0%, transparent 55%),
  var(--bg)!important}

/* شريط علوي برّاق مع لمعان متحرّك خفيف */
.topbar{background:linear-gradient(115deg,#0d3a63,#1a5a8b 52%,#2487b4)!important;box-shadow:0 10px 30px rgba(15,45,80,.32)}
.topbar::after{content:"";position:absolute;top:0;left:-30%;width:35%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.16),transparent);transform:skewX(-18deg);animation:sheen 7s ease-in-out infinite}
body.reduce-motion .topbar::after{animation:none;opacity:0}
@keyframes sheen{0%,72%{left:-40%}90%,100%{left:130%}}

/* لوحات زجاجية */
.panel,.stats article,.task-card,.dashboard-actions button,.portal-card,.sync-panel,.hero,.official-card,.role-summary{
  background:rgba(255,255,255,.72)!important;backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);
  border:1px solid rgba(255,255,255,.7)!important;
  box-shadow:0 10px 30px rgba(23,60,110,.10),0 2px 8px rgba(23,60,110,.06),inset 0 1px 0 rgba(255,255,255,.85)!important}
.dark .panel,.dark .stats article,.dark .task-card,.dark .dashboard-actions button,.dark .portal-card,.dark .sync-panel,.dark .role-summary{
  background:rgba(23,31,45,.72)!important;border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 12px 34px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.06)!important}

/* لمعان علوي على البطاقات */
.stats article,.portal-card,.dashboard-actions button{position:relative;overflow:hidden}
.stats article::before,.portal-card::before{content:"";position:absolute;top:0;left:0;right:0;height:44%;background:linear-gradient(180deg,rgba(255,255,255,.5),transparent);pointer-events:none}
.dark .stats article::before,.dark .portal-card::before{background:linear-gradient(180deg,rgba(255,255,255,.06),transparent)}

/* توهّج عند المرور */
.stats article:hover,.portal-card:hover,.dashboard-actions button:hover,.task-card:hover{
  transform:translateY(-4px);box-shadow:0 20px 44px rgba(23,80,150,.18),inset 0 1px 0 rgba(255,255,255,.9)!important;transition:.22s}

/* أزرار برّاقة */
.primary,.approve,.print{position:relative;overflow:hidden;box-shadow:0 8px 20px rgba(21,90,151,.30),inset 0 1px 0 rgba(255,255,255,.35)}
.primary{background:linear-gradient(135deg,#2f86c9,#155a97)!important}
.approve{background:linear-gradient(135deg,#22b06a,#128049)!important}
.primary::after,.approve::after,.print::after{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.28),transparent);pointer-events:none}
.primary:hover,.approve:hover{filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 12px 26px rgba(21,90,151,.36)}

/* بطل برّاق مع كرة توهّج */
.hero{position:relative;overflow:hidden;background:
  radial-gradient(120% 150% at 100% 0%, rgba(190,225,255,.6), transparent 55%),
  radial-gradient(110% 150% at 0% 100%, rgba(255,236,200,.5), transparent 55%),
  linear-gradient(135deg, rgba(255,255,255,.85), rgba(232,244,255,.7))!important}
.hero::before{content:"";position:absolute;inset-inline-end:-60px;top:-80px;width:230px;height:230px;border-radius:50%;
  background:radial-gradient(circle,rgba(46,134,201,.28),transparent 68%);filter:blur(6px);animation:floaty 9s ease-in-out infinite}
body.reduce-motion .hero::before{animation:none}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(18px)}}

/* شريط جانبي زجاجي */
.sidebar{background:rgba(255,255,255,.66)!important;backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);border-inline-start:1px solid rgba(255,255,255,.6)}
.dark .sidebar{background:rgba(20,27,39,.7)!important;border-inline-start:1px solid rgba(255,255,255,.06)}
.nav-item.active{box-shadow:inset -3px 0 0 var(--c-teal,#0ea5a5),0 6px 16px rgba(31,111,178,.14)!important}

/* شارات الحالة برّاقة */
.status{box-shadow:inset 0 1px 0 rgba(255,255,255,.6)}
/* حلقة الدرجة/الأشرطة أوضح */
.bar-track,.progress-track,.survey-progress-track,.mini-progress{box-shadow:inset 0 1px 2px rgba(0,0,0,.08)}
.bar-fill{box-shadow:0 1px 4px rgba(21,90,151,.35)}

/* زر مزامنة سريع في الشريط العلوي */
#quickSyncBtn{display:none;align-items:center;gap:6px}
#quickSyncBtn.show{display:inline-flex}

@media print{.topbar::after,.hero::before{display:none!important}}

/* ============ v8.6.2 — تذييل الحقوق + التعهّد القانوني ============ */
.app-footer{margin-top:8px;padding:18px 28px;background:linear-gradient(115deg,#0d3a63,#1a5a8b 55%,#2487b4);color:#eaf3fb;border-top:2px solid var(--c-gold,#c9932f)}
.footer-inner{max-width:1500px;margin:auto;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}
.app-footer .foot-main{font-weight:800;font-size:13.5px}
.app-footer .foot-sub{font-size:12px;opacity:.85}
.dark .app-footer{background:linear-gradient(115deg,#0c2438,#12324a)}

.legal-pledge{margin:14px 0;border:1px solid rgba(var(--brand-rgb,23,61,107),.22);border-radius:16px;overflow:hidden;background:rgba(255,255,255,.72);backdrop-filter:blur(10px);box-shadow:0 8px 22px rgba(23,60,110,.08)}
.legal-pledge-head{padding:12px 16px;font-weight:900;color:#0f3f6b;background:linear-gradient(90deg,rgba(31,111,178,.12),rgba(31,111,178,.03));border-inline-start:5px solid var(--c-gold,#c9932f)}
.legal-pledge-body{padding:14px 18px;max-height:230px;overflow:auto;line-height:2;font-size:13.5px;color:#2c3b52}
.legal-pledge-body p{margin:0 0 10px;text-align:justify}
.legal-pledge-ref{font-size:12px;color:#667085;border-top:1px dashed #d7dee7;padding-top:8px}
.dark .legal-pledge{background:rgba(23,31,45,.7);border-color:#2b3a4e}
.dark .legal-pledge-head{color:#cfe0f2;background:linear-gradient(90deg,#16202e,#1a2735)}
.dark .legal-pledge-body{color:#cdd8e6}
.self-pledge{display:flex;gap:10px;align-items:flex-start;background:rgba(31,111,178,.06);border:1px solid rgba(31,111,178,.16);border-radius:12px;padding:12px 14px;line-height:1.9;font-size:13px}
.self-pledge input{margin-top:3px}

/* قائمة إعدادات المزامنة (منسدلة من الشريط العلوي) */
.sync-menu{position:fixed;z-index:210;width:min(340px,92vw);display:none;background:rgba(255,255,255,.9);backdrop-filter:blur(16px) saturate(1.4);border:1px solid rgba(255,255,255,.7);border-radius:16px;box-shadow:0 24px 60px rgba(15,45,80,.28);padding:14px}
.sync-menu.open{display:block;animation:cmdkIn .16s ease-out}
.dark .sync-menu{background:rgba(23,31,45,.92);border-color:rgba(255,255,255,.08);color:#e7ecf3}
.sync-menu-head{font-weight:900;color:#0f3f6b;margin-bottom:8px}
.dark .sync-menu-head{color:#cfe0f2}
.sync-menu-status{font-size:11.5px;color:var(--muted);background:rgba(31,111,178,.06);border:1px solid var(--line);border-radius:10px;padding:8px 10px;margin-bottom:10px;line-height:1.7}
.sync-menu-status .warn{color:#a8791f;font-weight:700}
.sync-menu-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}
.sync-menu-row button{width:100%;justify-content:center;font-size:13px;padding:9px}
.sync-menu-sep{height:1px;background:var(--line);margin:8px 0}
.sync-menu-label{font-size:11px;color:var(--muted);margin-bottom:6px;font-weight:700}
.sync-menu-file{font-size:11px;color:var(--muted);margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sync-menu-auto{display:flex;gap:8px;align-items:center;font-size:12.5px;color:var(--muted);margin:4px 0 10px}
.sync-menu-token{display:flex;gap:6px}
.sync-menu-token input{flex:1;min-height:36px}
.sync-menu-more{display:block;margin-top:10px;text-align:center;font-size:12px;color:var(--brand);cursor:pointer;text-decoration:none}
.sync-menu-more:hover{text-decoration:underline}

/* روابط تحقّق رصانة المجلة */
.integrity-links{margin-top:10px;padding:11px 13px;border:1px solid rgba(31,111,178,.18);border-radius:12px;background:rgba(31,111,178,.05);font-size:12px;line-height:2}
.integrity-links>b{display:block;color:#0f3f6b;margin-bottom:6px}
.integrity-links a{display:inline-block;margin:0 0 0 8px;padding:3px 9px;border-radius:8px;background:#fff;border:1px solid var(--line);color:var(--brand);text-decoration:none;font-weight:700}
.integrity-links a:hover{background:var(--brand);color:#fff}
.integrity-note{display:block;margin-top:6px;color:var(--muted);font-size:11px;font-weight:400}
.dark .integrity-links{background:rgba(255,255,255,.04)}
.dark .integrity-links a{background:#1a2735;color:#cfe0f2}

/* شارات تصنيف المجلة التلقائي */
.journal-flags{display:inline-flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.jflag{font-size:11px;font-weight:800;padding:3px 9px;border-radius:999px;border:1px solid transparent;white-space:nowrap}
.jflag.pred{background:linear-gradient(135deg,#fdecea,#f9d9d4);color:#a4231b;border-color:#f0b6ae}
.jflag.hij{background:linear-gradient(135deg,#fff2df,#ffe6c2);color:#8a5a10;border-color:#f0cf9a}
.jflag.iq{background:linear-gradient(135deg,#e7f8ee,#d3f0df);color:#0f7a44;border-color:#b6e2c8}
.jflag.ok{background:#eef3f8;color:#5a6b80;border-color:#dbe4ee}
.dark .jflag.ok{background:#1a2430;color:#a9b8c9;border-color:#2b3a4e}

/* نموذج الاعتراض داخل الصفحة (بديل prompt — يعمل على الهاتف) */
.objection-window{padding:16px 18px;border-radius:16px;border:1px solid rgba(31,111,178,.18);background:linear-gradient(135deg,rgba(46,134,201,.08),rgba(31,111,178,.03));margin-bottom:14px}
.objection-window.closed{background:linear-gradient(135deg,#f7f8fa,#eef1f5);border-color:var(--line)}
.objection-window>strong{display:block;font-size:15px;color:#0f3f6b;margin-bottom:3px}
.objection-window>span{display:block;font-size:12.5px;color:var(--muted)}
.dark .objection-window>strong{color:#cfe0f2}
.objection-form{margin-top:12px;display:grid;gap:8px}
.objection-form label{font-weight:800;font-size:13px;color:#0f3f6b}
.dark .objection-form label{color:#cfe0f2}
.objection-form textarea{width:100%;min-height:88px;border-radius:12px;border:1px solid var(--line);padding:11px 13px;font:inherit;line-height:1.9;resize:vertical;background:var(--panel)}
.objection-form textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(31,111,178,.14);outline:none}
.objection-form button{justify-self:start}

/* حقل كلمة المرور المحسّن */
.pw-wrap{position:relative;display:block}
.pw-wrap>input{width:100%;padding-inline-start:40px!important}
.pw-eye{position:absolute;inset-inline-start:7px;top:50%;transform:translateY(-50%);border:0;background:transparent;cursor:pointer;font-size:17px;line-height:1;opacity:.55;padding:3px;border-radius:6px}
.pw-eye:hover,.pw-eye.on{opacity:1;background:rgba(31,111,178,.1)}
.pw-caps{display:none;position:absolute;inset-inline-end:6px;top:-10px;background:#8a6410;color:#fff;font-size:10px;font-weight:700;padding:2px 8px;border-radius:7px;box-shadow:0 3px 8px rgba(0,0,0,.2);z-index:3}
.pw-caps.show{display:inline-block}

/* لوحة التنزيل الشامل */
.bulk-export-panel{grid-column:1/-1;border-inline-start:5px solid var(--c-green,#1a9c5b)}
.bulk-export-panel #bulkExportBtn{margin-top:6px}

/* مفتاح اللغة + وضع الإنجليزية */
.lang-toggle{font-weight:800;min-width:52px}
body.lang-en{direction:ltr}
body.lang-en .topbar h1,body.lang-en .nav-item span{letter-spacing:.1px}

/* بطاقة نتيجة التقييم للمنتسب */
.staff-result{margin:0 0 14px;padding:16px 18px;border-radius:16px;border:1px solid rgba(26,156,91,.28);background:linear-gradient(135deg,rgba(26,156,91,.08),rgba(31,111,178,.04));box-shadow:0 8px 22px rgba(23,80,60,.08)}
.staff-result.pending{border-color:var(--line);background:linear-gradient(135deg,#f7f8fa,#eef1f5)}
.staff-result .sr-score{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.staff-result .sr-score>span{color:var(--muted);font-size:13px}
.staff-result .sr-score>strong{font-size:30px;color:#0f7a44;line-height:1}
.staff-result .sr-score>em{font-style:normal;font-weight:800;padding:4px 12px;border-radius:999px;background:#dff6e8;color:#0f7a44;font-size:13px}
.staff-result .sr-meta{margin-top:8px;display:flex;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:12.5px}
.staff-result .sr-note{margin-top:8px;font-size:12px;color:#8a5a10}
.staff-result.pending b{color:#475467}
.dark .staff-result{background:linear-gradient(135deg,#12241c,#141d2b);border-color:#245}

/* لوحة تغطية الأقسام */
.cov-scroll{max-height:420px;overflow:auto;border:1px solid var(--line);border-radius:12px}
.cov-table{width:100%;border-collapse:collapse;font-size:12.5px}
.cov-table th{position:sticky;top:0;background:linear-gradient(180deg,#f3f8fc,#eaf2f9);color:#0f3f6b;padding:9px;text-align:start;z-index:1}
.cov-table td{padding:8px 9px;border-top:1px solid var(--line)}
.cov-table tr.cov-empty{background:rgba(224,103,74,.06)}
.cov-ok{color:#0f7a44;font-weight:800}
.cov-warn{color:#a4231b;font-weight:800;font-size:11px}
.dark .cov-table th{background:#16202e;color:#cfe0f2}

/* سبب الاعتراض + الإحالة */
.obj-reason{margin:8px 0 4px;padding:10px 12px;border-radius:10px;background:rgba(224,103,74,.06);border-inline-start:4px solid var(--c-coral,#e0674a)}
.obj-reason-label{display:block;font-size:11px;font-weight:800;color:#a4231b;margin-bottom:3px}
.obj-reason p{margin:0;font-size:13px;line-height:1.8;color:var(--text);white-space:pre-wrap}
.obj-route{display:inline-block;margin-top:8px;font-size:11.5px;font-weight:700;padding:4px 10px;border-radius:999px;background:#eef3f8;color:#0f3f6b;border:1px solid #dbe4ee}
.obj-route.mine{background:linear-gradient(135deg,#fff4d6,#ffe9b8);color:#8a6410;border-color:#f0cf9a}
.user-actions .obj-fwd{border-color:rgba(31,111,178,.35);color:var(--brand)}
.dark .obj-reason{background:rgba(224,103,74,.1)}
.dark .obj-route{background:#16202e;color:#cfe0f2;border-color:#2b3a4e}

/* v8.8.0 — unified safe dialogs */
.wasit-dialog-backdrop{position:fixed;inset:0;z-index:10050;background:rgba(10,25,45,.48);backdrop-filter:blur(4px);display:grid;place-items:center;padding:20px}
.wasit-dialog{width:min(560px,96vw);background:var(--surface,#fff);border:1px solid rgba(23,61,107,.16);border-radius:20px;box-shadow:0 24px 70px rgba(10,30,55,.25);padding:20px;direction:rtl}
.wasit-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:10px}.wasit-dialog-head h3{margin:0;font-size:1.15rem}.wasit-dialog p{color:var(--muted,#65758b);margin:6px 0 14px}
.wasit-dialog-field input,.wasit-dialog-field textarea{width:100%;box-sizing:border-box;border:1px solid rgba(23,61,107,.22);border-radius:12px;padding:12px 14px;font:inherit;background:var(--surface,#fff);color:inherit;outline:none}.wasit-dialog-field textarea{resize:vertical;min-height:120px}.wasit-dialog-field input:focus,.wasit-dialog-field textarea:focus{border-color:var(--brand,#173d6b);box-shadow:0 0 0 3px rgba(23,61,107,.1)}
.wasit-dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}

/* v9.0 central edit-lock state */
#editor.central-lock-readonly .official-card{outline:2px solid rgba(180,83,9,.28);outline-offset:4px}
#editor.central-lock-readonly .official-card::before{content:"🔒 قراءة فقط — الاستمارة قيد التحرير على جهاز آخر";display:block;margin:0 0 12px;padding:10px 14px;border-radius:12px;background:#fff7ed;border:1px solid #fed7aa;font-weight:700}

.obj-route-recommend{margin-top:8px;padding:8px 10px;border:1px dashed currentColor;border-radius:10px;font-size:.9rem}.obj-route-recommend small{display:block;margin-top:3px;opacity:.75}

.objection-reason-official{margin:14px 0;padding:14px 16px;border:2px solid #b7791f;border-radius:14px;background:#fffaf0}
.objection-reason-official b{display:block;margin-bottom:6px;font-size:1.05rem}
.objection-reason-official p{margin:0 0 6px;white-space:pre-wrap;font-weight:700;line-height:1.8}
.objection-reason-official small{display:block;opacity:.8}

.editor-objection-banner{margin:0 0 18px;padding:18px;border:3px solid #b45309;border-radius:16px;background:#fff7ed;box-shadow:0 8px 22px rgba(180,83,9,.12)}
.editor-objection-head{display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:10px}
.editor-objection-head b{font-size:1.15rem}.editor-objection-head span{font-weight:800;color:#9a3412}
.editor-objection-reason{background:#fff;padding:12px;border-radius:12px;border:1px solid #fdba74}
.editor-objection-reason p{margin:6px 0 0;white-space:pre-wrap;font-size:1.05rem;font-weight:800;line-height:1.9}
.editor-objection-meta{margin:10px 0;font-size:.9rem}
.objection-recheck-btn{margin-top:8px;font-weight:900}
.objection-reapproval-warning{margin-top:10px;padding:10px;border-radius:10px;background:#fee2e2;font-weight:800}
.old-approval-archive{margin:12px 0;padding:10px;border:1px dashed #9ca3af;border-radius:12px;background:#f9fafb}
.old-approval-archive summary{font-weight:800;cursor:pointer}
.old-approval{opacity:.65}.needs-reapproval{border:2px solid #f59e0b!important;background:#fffbeb!important}

.smart-action-center{margin:16px 0;padding:16px;border:1px solid var(--line,#dbe4ea);border-radius:18px;background:linear-gradient(180deg,#fff,#f8fbfd);box-shadow:0 10px 30px rgba(15,23,42,.06)}
.smart-action-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.smart-action-head span{font-size:.78rem;font-weight:800;opacity:.65}.smart-action-head h3{margin:3px 0 0;font-size:1.12rem}
.smart-action-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.smart-action-card{appearance:none;border:1px solid #e5e7eb;border-radius:14px;padding:13px;background:#fff;display:flex;align-items:center;gap:10px;text-align:right;cursor:pointer;min-height:76px;transition:.16s ease}
.smart-action-card:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(15,23,42,.08)}
.smart-action-card>b{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#f3f4f6;font-size:1.05rem}
.smart-action-card span{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.smart-action-card strong{font-size:.92rem}.smart-action-card small{font-size:.76rem;opacity:.68}.smart-action-card i{font-style:normal;opacity:.45}
.smart-action-card.urgent{border-color:#fecaca;background:#fff7f7}.smart-action-card.warning{border-color:#fed7aa;background:#fffaf5}.smart-action-card.info{border-color:#bfdbfe;background:#f8fbff}.smart-action-card.success{border-color:#bbf7d0;background:#f7fff9}
.editor-workflow-ribbon{margin:10px 0 14px;padding:12px 14px;border:1px solid #dbe4ea;border-radius:14px;background:#fff;position:sticky;top:64px;z-index:8;box-shadow:0 6px 18px rgba(15,23,42,.05)}
.workflow-ribbon-title{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px}.workflow-ribbon-title span{font-size:.8rem;opacity:.72}
.workflow-ribbon-track{display:flex;align-items:flex-start;gap:0;overflow-x:auto;padding-bottom:3px}
.workflow-ribbon-step{min-width:110px;flex:1;position:relative;text-align:center;color:#6b7280}
.workflow-ribbon-step:not(:last-child)::after{content:"";position:absolute;top:14px;left:-50%;right:50%;height:3px;background:#e5e7eb;z-index:0}
html[dir="ltr"] .workflow-ribbon-step:not(:last-child)::after{left:50%;right:-50%}
.wf-dot{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;margin:auto;background:#e5e7eb;position:relative;z-index:1;font-weight:900}
.workflow-ribbon-step small{display:block;margin-top:5px;font-size:.72rem;line-height:1.25}
.workflow-ribbon-step.done{color:#166534}.workflow-ribbon-step.done .wf-dot{background:#dcfce7;color:#166534}.workflow-ribbon-step.done:not(:last-child)::after{background:#86efac}
.workflow-ribbon-step.current{color:#92400e;font-weight:900}.workflow-ribbon-step.current .wf-dot{background:#fef3c7;color:#92400e;box-shadow:0 0 0 4px rgba(245,158,11,.13)}
@media(max-width:1000px){.smart-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-workflow-ribbon{top:8px}}
@media(max-width:620px){.smart-action-grid{grid-template-columns:1fr}.smart-action-head{align-items:flex-start}.workflow-ribbon-step{min-width:96px}}

.attention-row td:first-child{font-weight:800}.attention-flag{display:block;width:max-content;margin-top:5px;padding:3px 7px;border-radius:999px;font-size:.68rem;font-weight:900}
.attention-flag.objection{background:#fee2e2;color:#991b1b}.attention-flag.returned{background:#ffedd5;color:#9a3412}.attention-flag.late{background:#fef3c7;color:#92400e}.attention-flag.incomplete{background:#dbeafe;color:#1e40af}
.attention-row.objection{box-shadow:inset -4px 0 0 #dc2626}.attention-row.returned{box-shadow:inset -4px 0 0 #ea580c}.attention-row.late{box-shadow:inset -4px 0 0 #d97706}.attention-row.incomplete{box-shadow:inset -4px 0 0 #2563eb}

.cycle-health-panel{margin:16px 0;padding:16px;border:1px solid #dbe4ea;border-radius:18px;background:#fff}
.cycle-health-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.cycle-health-head span{font-size:.78rem;font-weight:800;opacity:.65}.cycle-health-head h3{margin:3px 0 0}.cycle-health-head>strong{font-size:1.15rem}
.cycle-health-bars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.cycle-health-bars>div{padding:10px;border-radius:12px;background:#f8fafc}.cycle-health-bars label{display:flex;justify-content:space-between;gap:8px;font-size:.78rem;font-weight:800}.cycle-health-bars i{display:block;height:7px;background:#e5e7eb;border-radius:999px;margin-top:9px;overflow:hidden}.cycle-health-bars em{display:block;height:100%;background:currentColor;border-radius:999px}.cycle-health-bars>div:nth-child(1){color:#9a3412}.cycle-health-bars>div:nth-child(2){color:#1d4ed8}.cycle-health-bars>div:nth-child(3){color:#b91c1c}.cycle-health-bars>div:nth-child(4){color:#15803d}
.alert-row.alert-objection{border-inline-start:4px solid #b91c1c;background:#fffafa}
@media(max-width:900px){.cycle-health-bars{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.cycle-health-bars{grid-template-columns:1fr}}

.role-shortcut-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:12px}.role-shortcut-grid button{border:1px solid #dbe4ea;border-radius:12px;background:#fff;padding:10px;display:flex;align-items:center;gap:8px;justify-content:center;cursor:pointer;font-weight:800}.role-shortcut-grid button b{font-size:1rem}.role-shortcut-grid button.primary{background:#0f766e;color:#fff;border-color:#0f766e}
.recent-activity-panel{margin:16px 0;padding:16px;border:1px solid #dbe4ea;border-radius:18px;background:#fff}.recent-activity-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.recent-activity-head span{font-size:.78rem;font-weight:800;opacity:.65}.recent-activity-head h3{margin:3px 0 0}.recent-activity-list{display:flex;flex-direction:column}.recent-activity-row{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:9px;align-items:center;padding:9px 2px;border-bottom:1px solid #eef2f7}.recent-activity-row:last-child{border-bottom:0}.recent-activity-row div{display:flex;flex-direction:column;gap:2px}.recent-activity-row b{font-size:.87rem}.recent-activity-row small{font-size:.74rem;opacity:.66}.activity-dot{width:9px;height:9px;border-radius:50%;background:#0f766e;display:block}
@media(max-width:800px){.role-shortcut-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.role-shortcut-grid{grid-template-columns:1fr}.recent-activity-row{grid-template-columns:14px 1fr}.recent-activity-row button{grid-column:2}}

.forms-filter-summary{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 10px}.forms-filter-summary span{padding:7px 10px;border-radius:999px;background:#f1f5f9;font-size:.78rem}.forms-filter-summary b{font-size:.9rem}
.forms-filter-panel{margin-bottom:12px}.forms-filter-panel .toolbar-actions{margin-top:10px}
.forms-filter-panel .form-grid{grid-template-columns:2fr 1fr 1.2fr 1fr}
@media(max-width:900px){.forms-filter-panel .form-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.forms-filter-panel .form-grid{grid-template-columns:1fr}}

.editor-approval-readiness{margin:10px 0 14px;padding:12px 14px;border:1px solid #dbe4ea;border-radius:14px;background:#fff}
.editor-approval-readiness.ready{border-color:#bbf7d0;background:#f7fff9}.editor-approval-readiness.blocked{border-color:#fecaca;background:#fffafa}
.readiness-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:9px}.readiness-head div{display:flex;flex-direction:column}.readiness-head span{font-size:.72rem;opacity:.65}.readiness-head>strong{font-size:1.15rem}
.readiness-grid{display:flex;flex-wrap:wrap;gap:7px}.readiness-grid span{padding:5px 8px;border-radius:9px;font-size:.75rem;font-weight:800}.readiness-grid .ok{background:#dcfce7;color:#166534}.readiness-grid .bad{background:#fee2e2;color:#991b1b}.readiness-grid .warn{background:#fef3c7;color:#92400e}.readiness-grid .wide{flex-basis:100%;white-space:normal}

.version-history-body{display:flex;flex-direction:column;gap:10px;margin-top:14px}.version-card{border:1px solid #dbe4ea;border-radius:14px;background:#fff;overflow:hidden}.version-card summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 15px;background:#f8fafc}.version-card summary div{display:flex;flex-direction:column}.version-card summary small{opacity:.65;margin-top:3px}.version-card summary>span{font-size:.78rem;font-weight:800}.version-reason,.version-invalidated{margin:10px 14px;padding:9px 11px;border-radius:10px;background:#f8fafc}.version-invalidated{background:#fff7ed;color:#9a3412;font-weight:800}.version-diff{margin:10px 14px;display:flex;flex-direction:column;gap:6px}.version-diff-row{display:grid;grid-template-columns:minmax(150px,1fr) minmax(100px,1fr) 28px minmax(100px,1fr);gap:7px;align-items:center;padding:7px;border-bottom:1px solid #eef2f7}.version-diff-row .from{background:#fee2e2;color:#991b1b;padding:5px;border-radius:7px}.version-diff-row .to{background:#dcfce7;color:#166534;padding:5px;border-radius:7px}.version-diff-row i{text-align:center;font-style:normal}.version-card .toolbar-actions{padding:0 14px 14px}
@media(max-width:700px){.version-diff-row{grid-template-columns:1fr}.version-diff-row i{transform:rotate(-90deg)}}

.smart-audit-controls{margin-bottom:12px}.institution-integrity-card{margin:12px 0 16px;padding:16px;border-radius:16px;background:linear-gradient(135deg,#0f172a,#1e3a5f);color:#fff}.institution-integrity-card>div:first-child{display:grid;grid-template-columns:1fr auto;gap:5px 15px;align-items:center}.institution-integrity-card span{font-size:.78rem;opacity:.75}.institution-integrity-card b{font-size:2rem;grid-row:1/3;grid-column:2}.institution-integrity-card small{opacity:.78;max-width:780px}.integrity-meter{height:8px;background:rgba(255,255,255,.16);border-radius:999px;margin-top:12px;overflow:hidden}.integrity-meter i{display:block;height:100%;background:#86efac;border-radius:999px}.smart-audit-body{display:flex;flex-direction:column;gap:9px}.smart-audit-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:13px 14px;border:1px solid #e5e7eb;border-radius:14px;background:#fff}.smart-audit-row.critical{border-inline-start:5px solid #dc2626;background:#fffafa}.smart-audit-row.warning{border-inline-start:5px solid #d97706;background:#fffdf7}.smart-audit-row.info{border-inline-start:5px solid #2563eb}.audit-severity{font-size:1.3rem;text-align:center}.audit-content b{font-size:.94rem}.audit-content p{margin:4px 0;font-size:.84rem;line-height:1.55}.audit-content small{opacity:.65}.audit-type{padding:5px 8px;border-radius:999px;background:#f1f5f9;font-size:.72rem;font-weight:800}@media(max-width:800px){.smart-audit-row{grid-template-columns:36px 1fr}.smart-audit-row .audit-type,.smart-audit-row button{grid-column:2;width:max-content}}

.executive-intelligence-grid{margin-top:14px}.college-heatmap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.heat-cell{border:1px solid #e5e7eb;border-radius:13px;padding:12px;text-align:right;display:flex;flex-direction:column;gap:4px;cursor:pointer;background:#fff}.heat-cell strong{font-size:1.35rem}.heat-cell small{font-size:.7rem;opacity:.72}.heat-cell.risk-high{background:#fff1f2;border-color:#fecdd3}.heat-cell.risk-medium{background:#fffbeb;border-color:#fde68a}.heat-cell.risk-low{background:#f0fdf4;border-color:#bbf7d0}.presidency-priorities{display:flex;flex-direction:column;gap:8px}.priority-row{display:grid;grid-template-columns:1fr auto;gap:9px;align-items:center;padding:10px;border:1px solid #e5e7eb;border-radius:11px}.priority-row div{display:flex;flex-direction:column}.priority-row small{opacity:.66;margin-top:2px}.priority-row.critical{border-inline-start:4px solid #dc2626}.priority-row.warning{border-inline-start:4px solid #d97706}.priority-row.info{border-inline-start:4px solid #2563eb}.grade-distribution{display:flex;flex-direction:column;gap:9px}.grade-band{display:grid;grid-template-columns:90px 1fr 45px;gap:10px;align-items:center}.grade-band>div{height:10px;background:#e5e7eb;border-radius:999px;overflow:hidden}.grade-band i{display:block;height:100%;background:currentColor;border-radius:999px}.grade-band b{text-align:center}@media(max-width:850px){.college-heatmap{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.college-heatmap{grid-template-columns:1fr}}

.official-archive-panel{margin-top:14px}.archive-readiness{margin:12px 0;padding:13px;border-radius:13px;border:1px solid #e5e7eb}.archive-readiness>div:first-child{display:flex;justify-content:space-between;gap:12px;align-items:center}.archive-readiness>div:first-child span{font-size:.78rem;opacity:.65}.archive-readiness.ready{background:#f0fdf4;border-color:#bbf7d0}.archive-readiness.blocked{background:#fff7ed;border-color:#fed7aa}.archive-checks{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.archive-checks span{padding:5px 8px;border-radius:999px;font-size:.73rem;font-weight:800}.archive-checks .ok{background:#dcfce7;color:#166534}.archive-checks .bad{background:#fee2e2;color:#991b1b}.archive-register{margin-top:14px}.archive-register code{font-weight:900;letter-spacing:.08em}

.delegation-list{display:flex;flex-direction:column;gap:8px;margin-top:13px}.delegation-row{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:11px;border:1px solid #e5e7eb;border-radius:12px}.delegation-row>div{display:flex;flex-direction:column;gap:2px}.delegation-row span,.delegation-row small{font-size:.75rem;opacity:.72}.delegation-row.active{border-inline-start:5px solid #16a34a;background:#f7fff9}.delegation-row.revoked{opacity:.68;border-inline-start:5px solid #dc2626}.delegation-row.expired{border-inline-start:5px solid #94a3b8}.delegation-state{padding:5px 8px;border-radius:999px;background:#f1f5f9;font-weight:900;opacity:1!important}@media(max-width:700px){.delegation-row{grid-template-columns:1fr}.delegation-row button{width:max-content}}

.escalation-panel{margin-top:14px}.escalation-summary{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 13px}.escalation-summary span{padding:7px 10px;border-radius:999px;font-size:.76rem}.escalation-summary .critical{background:#fee2e2;color:#991b1b}.escalation-summary .late{background:#ffedd5;color:#9a3412}.escalation-summary .warning{background:#fef3c7;color:#92400e}.escalation-body{display:flex;flex-direction:column;gap:8px}.escalation-row{display:grid;grid-template-columns:58px 1fr auto;gap:11px;align-items:center;padding:11px;border:1px solid #e5e7eb;border-radius:12px}.escalation-row>div:nth-child(2){display:flex;flex-direction:column;gap:2px}.escalation-row span,.escalation-row small{font-size:.75rem;opacity:.72}.escalation-row.critical{border-inline-start:5px solid #dc2626;background:#fffafa}.escalation-row.late{border-inline-start:5px solid #ea580c}.escalation-row.warning{border-inline-start:5px solid #d97706}.escalation-age{text-align:center}.escalation-age b{font-size:1.3rem;display:block}.escalation-age small{display:block}@media(max-width:600px){.escalation-row{grid-template-columns:48px 1fr}.escalation-row button{grid-column:2;width:max-content}}
/* v10.10.0 — annual evaluation cycle 1 Sep through 31 Aug */
.cycle-state.ok{color:var(--success,#157347);font-weight:700}.cycle-state.bad{color:var(--danger,#b42318);font-weight:800}.cycle-ignored{opacity:.72;border-inline-start:4px solid #b42318!important;background:rgba(180,35,24,.045)!important}.axis-date{min-width:190px}.axis-date input{display:block;margin-top:5px}
/* v10.12.0 — structured metadata for every uploaded file */
.evidence-meta-grid,.axis-evidence-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 10px;margin:10px 0}.evidence-meta-grid label,.axis-evidence-meta label{font-size:.78rem;font-weight:800}.evidence-meta-grid input,.evidence-meta-grid select,.axis-evidence-meta input,.axis-evidence-meta select{display:block;width:100%;margin-top:5px}.evidence-meta-grid .wide,.axis-evidence-meta .wide{grid-column:1/-1}.structured-evidence-card{align-content:start}.structured-general-evidence{display:block}.structured-general-evidence>input[type=file]{margin-top:8px}.axis-evidence-meta{width:100%;grid-template-columns:repeat(4,minmax(0,1fr))}.axis-evidence-meta .wide{grid-column:1/-1}
@media(max-width:850px){.axis-evidence-meta{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.evidence-meta-grid,.axis-evidence-meta{grid-template-columns:1fr}.evidence-meta-grid .wide,.axis-evidence-meta .wide{grid-column:auto}}
/* V10.13.0 – evidence-to-item routing */
.evidence-routing-note{margin:8px 0;padding:8px 10px;border:1px dashed var(--line,#cbd5e1);border-radius:10px;font-size:12px;line-height:1.7;background:rgba(148,163,184,.08)}
/* v10.14.0 - batch evidence metadata: one record per uploaded file */
.batch-evidence-dialog{max-width:min(1180px,96vw);width:96vw;max-height:92vh;overflow:hidden;display:flex;flex-direction:column}.batch-evidence-dialog>p{margin:4px 0 10px}.batch-evidence-list{overflow:auto;display:grid;gap:10px;padding:4px 2px 12px}.batch-evidence-row{display:grid;grid-template-columns:1.2fr .9fr .85fr 1fr 1.1fr;gap:8px;padding:12px;border:1px solid var(--line,#dfe5ea);border-radius:14px;background:var(--card,#fff)}.batch-file-name{grid-column:1/-1;display:flex;align-items:center;gap:8px}.batch-file-name small{opacity:.7}.batch-evidence-row label{display:grid;gap:4px;font-size:.9rem}.batch-evidence-row label.wide{grid-column:1/-1}.batch-evidence-tools{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}@media(max-width:800px){.batch-evidence-row{grid-template-columns:1fr 1fr}.batch-evidence-row label.wide,.batch-file-name{grid-column:1/-1}}@media(max-width:520px){.batch-evidence-row{grid-template-columns:1fr}}
.ss-evidence-rows{display:grid;gap:12px;margin:10px 0}.ss-evidence-row{border:1px solid var(--line,#d9e1ea);border-radius:14px;padding:12px;background:rgba(148,163,184,.04)}.ss-evidence-row-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.ss-evidence-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.ss-evidence-fields label{font-size:.82rem;font-weight:800}.ss-evidence-fields input,.ss-evidence-fields select{width:100%;margin-top:4px}.ss-evidence-fields .wide{grid-column:1/-1}.ss-evidence-row input[type=file]{margin-top:10px;width:100%}.ss-evidence-file-count{display:block;margin-top:5px}.evidence-register-card>#ssAddEvidence{margin-top:4px}@media(max-width:850px){.ss-evidence-fields{grid-template-columns:1fr 1fr}}@media(max-width:520px){.ss-evidence-fields{grid-template-columns:1fr}}
/* v10.16.0 — evidence UX: no dead controls, central library + axis linking */
.compact-axis-evidence{padding:10px 12px;border:1px solid var(--line,#dbe4ea);border-radius:13px;background:rgba(148,163,184,.035);margin:10px 0}
.axis-evidence-head,.evidence-library-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.axis-evidence-head>div,.evidence-library-head>div{display:flex;flex-direction:column;gap:3px}.axis-evidence-head small,.evidence-library-head small{opacity:.72;line-height:1.6}
.axis-evidence-uploader,.general-evidence-uploader{margin:10px 0;border:1px dashed var(--line,#cbd5e1);border-radius:11px;background:#fff}
.axis-evidence-uploader summary,.general-evidence-uploader summary{cursor:pointer;padding:10px 12px;font-weight:900}
.axis-evidence-uploader[open] summary,.general-evidence-uploader[open] summary{border-bottom:1px solid var(--line,#e5e7eb)}
.axis-evidence-uploader .axis-evidence-meta,.general-evidence-uploader .evidence-meta-grid{padding:0 12px}
.evidence-file-button{display:inline-flex;align-items:center;gap:8px;margin:0 12px 12px;padding:9px 12px;border-radius:10px;background:#0f766e;color:#fff;font-weight:900;cursor:pointer}
.evidence-file-button input{display:none}.cycle-helper{display:block;margin:-4px 12px 12px;opacity:.7}.read-only-evidence-note{margin:10px 0;padding:10px 12px;border-radius:10px;background:#f8fafc;border:1px solid #e5e7eb;font-size:.82rem;line-height:1.7}
.badge.muted{opacity:.62}.evidence-link-dialog{max-width:min(760px,94vw);width:94vw}.evidence-link-list{display:grid;gap:8px;max-height:52vh;overflow:auto;margin:10px 0}.evidence-link-option{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:10px;padding:10px;border:1px solid #e5e7eb;border-radius:11px;cursor:pointer}.evidence-link-option:has(input:checked){border-color:#0f766e;background:#f0fdfa}.evidence-link-option span{display:flex;flex-direction:column;gap:3px}.evidence-link-option small{font-size:.78rem;line-height:1.5;opacity:.72}

/* V10.17 — publication status separation */
.publication-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:10px 0}
.pub-status{border:1px solid var(--line,#dfe6ee);border-radius:12px;padding:10px 12px;background:rgba(127,127,127,.04);display:flex;flex-direction:column;gap:4px}
.pub-status b{font-size:.78rem;opacity:.72}.pub-status strong{font-size:.9rem}.pub-status small{line-height:1.55}
.pub-status.ok,.pub-status.eligible,.pub-status.indexed{background:rgba(30,140,80,.07);border-color:rgba(30,140,80,.22)}
.pub-status.review,.pub-status.unknown,.pub-status.other,.pub-status.local{background:rgba(220,160,20,.08);border-color:rgba(220,160,20,.24)}
.pub-status.danger,.pub-status.ineligible,.pub-status.stopped{background:rgba(190,50,50,.07);border-color:rgba(190,50,50,.22)}
@media(max-width:900px){.publication-status-grid{grid-template-columns:1fr}}

/* ============ v10.23 — Elegant official verification barcode ============ */
.verification-card-v2{
  position:relative;overflow:hidden;border:1px solid rgba(var(--brand-rgb),.20)!important;border-style:solid!important;
  border-radius:20px!important;padding:16px 18px!important;background:linear-gradient(135deg,var(--panel,#fff) 0%,rgba(var(--brand-rgb),.045) 100%)!important;
  box-shadow:0 10px 28px rgba(24,54,88,.06);align-items:stretch!important;gap:22px!important
}
.verification-card-v2::before{content:"";position:absolute;inset-inline-start:0;top:0;bottom:0;width:4px;background:var(--brand,#176b55)}
.verification-copy{display:grid!important;gap:10px!important;align-content:center;min-width:0;flex:1}
.verification-title{display:flex;align-items:center;gap:10px}.verification-title>div{display:grid;gap:2px}.verification-title b{font-size:15px}.verification-title small{font-size:11px;color:var(--muted)}
.verification-seal{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;background:var(--brand,#176b55);color:#fff;font-weight:900;font-size:12px;letter-spacing:.5px;box-shadow:inset 0 0 0 3px rgba(255,255,255,.28),0 4px 12px rgba(var(--brand-rgb),.18)}
.verification-code-line{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.verification-code-line>span{font-size:11px;color:var(--muted)}.verification-code-line strong{font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;letter-spacing:1.2px;font-size:14px;padding:5px 9px;border:1px solid rgba(var(--brand-rgb),.16);background:rgba(var(--brand-rgb),.055);border-radius:9px}
.verification-note{max-width:680px;line-height:1.7;color:var(--muted)!important;font-size:10.5px!important}
.verification-barcode{width:220px;min-width:220px;display:grid!important;align-content:center;gap:5px;padding:10px 12px;border:1px solid rgba(15,23,42,.12);border-radius:14px;background:#fff;box-shadow:0 4px 14px rgba(15,23,42,.05)}
.verify-barcode-svg{display:block;width:100%;height:54px;fill:#111827}.verification-barcode>span{text-align:center;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px;letter-spacing:1.2px;color:#475569}
.dark .verification-barcode{background:#f8fafc}.dark .verification-barcode>span{color:#334155}
@media(max-width:720px){.verification-card-v2{display:grid!important}.verification-barcode{width:100%;min-width:0}.verify-barcode-svg{height:48px}}
@media print{.verification-card-v2{box-shadow:none!important;background:#fff!important;border-color:#b8c2cc!important;padding:12px 14px!important}.verification-barcode{box-shadow:none!important;border-color:#cbd5e1!important}.verification-seal{background:#111!important;color:#fff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}}
/* V10.26.0 — clearer evidence upload + unified attachment registry */
.axis-evidence-uploader[open]{box-shadow:0 4px 14px rgba(15,23,42,.06);border-style:solid}
.evidence-file-button{display:flex!important;align-items:center;justify-content:center;min-height:44px;margin:12px;border:2px dashed var(--primary,#0f766e);border-radius:12px;font-weight:900;cursor:pointer;background:rgba(15,118,110,.05)}
.evidence-file-button input[type=file]{max-width:100%;margin-inline-start:10px}
.attachment-registry-help{padding:10px 12px;margin-bottom:10px;border-radius:10px;background:rgba(2,132,199,.07);font-weight:700}
.attachment-registry-list{display:grid;gap:8px}.attachment-registry-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid var(--line,#dbe4ea);border-radius:12px;background:#fff}.attachment-registry-row>div{display:grid;gap:3px}.attachment-registry-row small{display:block;color:var(--muted,#64748b)}
@media(max-width:700px){.attachment-registry-row{align-items:stretch;flex-direction:column}.evidence-file-button{align-items:flex-start;flex-direction:column}}

/* v10.28.0 — objection committee login/access */
.obj-committee-access{margin-top:10px;padding:10px 12px;border:1px solid rgba(75,105,150,.22);border-radius:12px;background:rgba(75,105,150,.06);display:grid;gap:6px}
.obj-committee-access>span{font-size:.88rem;opacity:.86}.obj-committee-access code{font-weight:800;direction:ltr;display:inline-block}
/* v10.29.0 — persistent multi-author form notes */
.form-notes-box{margin-top:14px;border:1px solid var(--line,#dbe4ea);border-radius:14px;padding:12px;background:rgba(2,132,199,.035)}
.form-notes-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.form-notes-head>div{display:grid;gap:3px}.form-notes-head small{color:var(--muted,#64748b);line-height:1.6}
.form-note-compose{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:10px;align-items:end}.form-note-compose textarea{min-height:82px;resize:vertical}.form-note-compose button{min-height:42px}
.form-notes-history{display:grid;gap:8px;margin-top:12px}.form-note-entry{border:1px solid var(--line,#dbe4ea);background:var(--panel,#fff);border-radius:11px;padding:10px 12px}.form-note-entry>div{display:flex;justify-content:space-between;gap:10px}.form-note-entry time{font-size:.76rem;color:var(--muted,#64748b)}.form-note-entry>small{display:block;margin-top:2px;color:var(--muted,#64748b)}.form-note-entry p{margin:7px 0 0;white-space:pre-wrap;line-height:1.75}.form-note-entry.legacy{border-style:dashed}
@media(max-width:700px){.form-note-compose{grid-template-columns:1fr}.form-note-entry>div{display:grid}}

/* v10.30.0 — certified results sheet appended to every official print */
.certified-results-page{direction:rtl;color:#111;font-family:Tahoma,Arial,sans-serif;background:#fff!important;}
.certified-results-page .cert-page-inner{position:absolute;inset:10mm 12mm;padding:0;display:flex;flex-direction:column;gap:4mm;overflow:hidden}
.certified-results-page header{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:2px solid #222;padding-bottom:4mm;gap:8mm}
.certified-results-page h2{font-size:17pt;margin:0 0 2mm}.certified-results-page header p{margin:0;font-size:10pt}
.cert-code{border:1.5px solid #222;border-radius:3mm;padding:2.5mm 4mm;min-width:50mm;text-align:center}.cert-code span{display:block;font-size:8.5pt}.cert-code b{font-size:11pt;letter-spacing:.5px}
.cert-person{border:1px solid #aaa;padding:3mm;border-radius:2mm;font-size:10pt}.cert-person span{margin:0 2mm}
.certified-results-page h3{font-size:11pt;margin:1mm 0 0}
.cert-table{width:100%;border-collapse:collapse;font-size:8.6pt;table-layout:fixed}.cert-table th,.cert-table td{border:1px solid #555;padding:1.7mm 1.5mm;vertical-align:middle;text-align:center}.cert-table th{background:#f1f1f1;font-weight:800}.cert-table td:first-child{text-align:right;font-weight:700}.cert-table.detail{font-size:7.7pt}.cert-table.detail td:nth-child(2){text-align:right}
.cert-total-grid{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:3mm}.cert-total-grid>div{border:1px solid #777;border-radius:2mm;padding:2.5mm;text-align:center}.cert-total-grid span{display:block;font-size:8.5pt}.cert-total-grid b{display:block;font-size:13pt;margin-top:1mm}.cert-total-grid .grand{border:2px solid #111}.cert-total-grid .grand b{font-size:18pt}.cert-total-grid small{font-size:9pt;font-weight:700}
.cert-note{border:1px dashed #777;padding:3mm;font-size:8.5pt;line-height:1.7;background:#fafafa}
.cert-signatures{display:grid;grid-template-columns:repeat(2,1fr);gap:2mm}.cert-sign{border:1px solid #999;padding:2.2mm;border-radius:2mm;min-height:13mm}.cert-sign b,.cert-sign span,.cert-sign small{display:block}.cert-sign b{font-size:9pt}.cert-sign span{font-size:8pt;margin-top:1mm}.cert-sign small{font-size:7.5pt;margin-top:1mm}.cert-sign.done{border-color:#333}
.certified-results-page footer{margin-top:auto;border-top:1px solid #999;padding-top:2mm;font-size:7.5pt;text-align:center}
@media print{.certified-results-page .cert-page-inner{inset:10mm 12mm!important}.certified-results-page{page-break-after:auto!important}}
/* V10.33.0 — explicit attachment save workflow */
.axis-upload-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;padding:12px;border:1px dashed var(--border,#cbd5e1);border-radius:12px}
.axisEvidenceSaveBtn{min-height:42px;font-weight:700}
.axis-upload-status{flex-basis:100%;font-size:.9rem;opacity:.85;padding-top:3px}

/* v10.39.0 — objection path guidance panel (controls 4 & 5) */
.objection-guide{border-inline-start:4px solid var(--gold,#c8a24a)}
.objection-guide-steps{margin:6px 0 0;padding-inline-start:22px;display:flex;flex-direction:column;gap:8px;line-height:1.85}
.objection-guide-steps li{padding-inline-start:4px}
.objection-guide-steps li b{color:var(--ink-strong,#1e2a44)}

/* v10.40.0 — Word template manager: token reference & actions */
.template-saved-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:6px}
#wordTokenReference{margin-top:12px}
#wordTokenReference .token-group{margin:10px 0}
#wordTokenReference .token-group>b{display:block;margin-bottom:5px;color:var(--ink-strong,#1e2a44);font-size:.92rem}
#wordTokenReference code{display:inline-block;background:rgba(20,40,80,.06);border:1px solid rgba(20,40,80,.12);border-radius:6px;padding:2px 7px;margin:2px 3px;direction:ltr;font-size:.82rem}
.token-axis-table{width:100%;border-collapse:collapse;margin-top:6px}
.token-axis-table th,.token-axis-table td{border:1px solid rgba(20,40,80,.15);padding:6px 8px;text-align:right;vertical-align:top;font-size:.86rem}
.token-axis-table th{background:rgba(20,40,80,.05)}

/* v10.46 – universal official-print calibration workbench */
.print-calibration-workbench{max-width:1050px;margin:0 auto 16px;padding:12px 14px;border:1px solid #d7e3ee;background:#fff;border-radius:14px;display:grid;grid-template-columns:1.4fr 1fr .55fr auto auto;gap:10px;align-items:end;box-shadow:0 8px 26px rgba(25,45,70,.06)}
.print-calibration-workbench>div{display:grid;gap:3px}.print-calibration-workbench>div span{font-size:11px;color:#667085}.print-calibration-workbench label{display:grid;gap:4px;font-size:11px;color:#475467}.print-calibration-workbench select{min-height:38px}.print-calibration-workbench small{grid-column:1/-1;color:#667085;line-height:1.6}.calibration-import-label{cursor:pointer;display:inline-flex!important;align-items:center;justify-content:center}.manual-calibration-overlay{outline:1px dotted rgba(23,75,122,.55)}
@media(max-width:900px){.print-calibration-workbench{grid-template-columns:1fr 1fr}.print-calibration-workbench>div,.print-calibration-workbench small{grid-column:1/-1}}
.self-check-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:12px;margin-bottom:10px;background:rgba(30,120,70,.08)}
.self-check-summary.blocked{background:rgba(180,70,40,.09)}
.self-check-list{display:grid;gap:7px}.self-check-list>div{display:flex;justify-content:space-between;gap:12px;padding:8px 10px;border-bottom:1px solid rgba(100,120,140,.15)}.self-check-list .ok b{color:var(--success,#237a45)}.self-check-list .bad b{color:var(--danger,#a83d36)}.self-check-list small{opacity:.78;text-align:left}
/* V10.69.0 — form-specific official guidance */
.form-guidance .guide-intro{margin:0 0 12px;padding:12px 14px;border:1px solid var(--line,#d9e1e8);border-radius:12px;background:#fff;font-weight:700;line-height:1.9}
.form-guide-research{padding:14px 16px;margin:12px 0;border:2px solid #b88a18;border-radius:14px;background:#fffdf4}
.form-guide-research h4,.form-guide-notes h4{margin:0 0 8px}.form-guide-research li,.form-guide-notes li{margin:6px 0;line-height:1.8}
.form-guide-axis{margin:8px 0;border:1px solid var(--line,#d9e1e8);border-radius:12px;background:#fff;overflow:hidden}.form-guide-axis summary{cursor:pointer;padding:11px 14px;font-weight:800;background:#f7f9fb}.form-guide-axis ul{margin:0;padding:10px 32px 12px 14px}.form-guide-axis li{margin:6px 0;line-height:1.7}.form-guide-axis small{display:block;margin-top:2px;color:#59636e}.form-guide-notes{margin-top:12px;padding:12px 16px;border-radius:12px;background:#f7f9fb}

/* V10.77 — field-level role visibility inside form editor */
.editor-role-scope{margin:10px 0 14px;padding:11px 14px;border:1px solid var(--line,#d9e0e7);border-radius:12px;background:rgba(30,96,145,.055);display:flex;gap:10px;align-items:flex-start}
.editor-role-scope b{white-space:nowrap}.editor-role-scope span{line-height:1.65;font-size:.92rem}
.editor-role-scope.scope-staff{background:rgba(43,122,88,.06)}
.editor-role-scope.scope-objection{background:rgba(155,94,24,.07)}
.restricted-result-panel .read-only-evidence-note{margin:0}


/* V10.79.0 - unified workflow stage / waiting-state guidance */
.workflow-stage-banner{margin:10px 0 14px;padding:13px 14px;border:1px solid var(--line,#d9e0e7);border-radius:14px;display:flex;gap:12px;align-items:flex-start;background:rgba(30,96,145,.055)}
.workflow-stage-icon{font-size:22px;line-height:1.2;flex:0 0 auto}.workflow-stage-copy{display:grid;gap:4px}.workflow-stage-copy>b{font-size:1rem}.workflow-stage-copy>span{font-size:.92rem;line-height:1.65}.workflow-stage-copy>small{font-size:.82rem;opacity:.86;line-height:1.55}
.workflow-stage-banner.tone-waiting{background:rgba(217,119,6,.07);border-color:rgba(217,119,6,.24)}
.workflow-stage-banner.tone-action{background:rgba(37,99,235,.07);border-color:rgba(37,99,235,.24)}
.workflow-stage-banner.tone-warning{background:rgba(185,28,28,.06);border-color:rgba(185,28,28,.20)}
.workflow-stage-banner.tone-success{background:rgba(22,163,74,.07);border-color:rgba(22,163,74,.22)}
@media(max-width:650px){.workflow-stage-banner{padding:12px}.workflow-stage-copy>span{font-size:.88rem}}


/* V10.81.0 — operational work center */
#tasks .stats{grid-template-columns:repeat(5,minmax(0,1fr))}
#tasks .work-stat{position:relative;overflow:hidden}
#tasks .work-stat:before{content:"";position:absolute;inset-inline-start:0;top:0;bottom:0;width:4px;background:var(--line)}
#tasks .work-stat.action:before{background:#2563eb}#tasks .work-stat.overdue:before{background:#b91c1c}#tasks .work-stat.waiting:before{background:#a16207}#tasks .work-stat.returned:before{background:#7c3aed}#tasks .work-stat.completed:before{background:#15803d}
.priority-strip{display:block}
.work-filter-bar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}.work-filter{border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:12px;padding:8px 11px;display:inline-flex;align-items:center;gap:7px;cursor:pointer;font-weight:800}.work-filter b{min-width:22px;height:22px;display:inline-grid;place-items:center;border-radius:999px;background:rgba(var(--brand-rgb),.08);font-size:11px}.work-filter.active{border-color:var(--brand);box-shadow:0 0 0 2px rgba(var(--brand-rgb),.08)}.work-filter.overdue.active{border-color:#b91c1c}.work-filter.completed.active{border-color:#15803d}.work-sla-note{font-size:11px;color:var(--muted);padding-inline:2px}
#tasks .task-row{border-inline-start:4px solid transparent}#tasks .task-row.work-overdue{border-inline-start-color:#b91c1c;background:rgba(185,28,28,.025)}#tasks .task-row.work-action{border-inline-start-color:#2563eb}#tasks .task-row.work-waiting{border-inline-start-color:#a16207}#tasks .task-row.work-returned{border-inline-start-color:#7c3aed}#tasks .task-row.work-completed{border-inline-start-color:#15803d;opacity:.9}
.work-state{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid var(--line);border-radius:999px;font-size:11px;font-weight:900;margin-bottom:7px}.work-action-copy b,.work-action-copy small{display:block}.work-action-copy small{margin-top:5px;color:var(--muted);line-height:1.45}
@media(max-width:1050px){#tasks .stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){#tasks .stats{grid-template-columns:1fr}.work-filter{flex:1 1 calc(50% - 8px);justify-content:center}}

/* V10.93.0 — evaluation-period and Bologna official guidance */
.evaluation-period-card{margin-top:12px;padding:12px 14px;border:1px solid var(--line,#d9e0e7);border-radius:12px;display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:rgba(0,0,0,.018)}
.evaluation-period-card span{font-weight:700}.evaluation-period-card b{font-size:1.03rem}.evaluation-period-card small{width:100%;opacity:.78}
.official-instruction-alert{margin:12px 0;padding:12px 14px;border:1px solid #d6b665;border-radius:12px;background:#fff8e6;line-height:1.75}
.bologna-metrics-guide{margin:12px 0}.bologna-guide-table td{vertical-align:top}.bologna-guide-table ul{margin:0;padding-inline-start:20px}.bologna-guide-table li{margin:3px 0;line-height:1.55}

/* V10.97.0 — vector SVG overlay for final official printing */
.exact-layer-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.exact-layer-svg .svg-overlay{font-family:Tahoma,Arial,sans-serif;font-size:15px;font-weight:700;fill:#000;paint-order:stroke;stroke:transparent;stroke-width:0;white-space:pre}
.exact-layer-svg .svg-overlay.score{font-size:16px;font-weight:900}
.exact-layer-svg .svg-overlay.summary{font-size:15px;font-weight:900}
.exact-layer-svg .svg-overlay.grand-score{font-size:17px;font-weight:900}
.exact-layer-svg .svg-overlay.name{font-size:14px}
@media print{.exact-layer-svg{display:block!important}.exact-layer-svg text{shape-rendering:geometricPrecision;text-rendering:geometricPrecision}}

/* V10.98 simplified staff administration */
.staff-action-menu{position:relative;display:inline-block}.staff-action-trigger{font-size:22px;min-width:42px;padding:3px 10px}.staff-action-pop{display:none;position:absolute;left:0;top:100%;z-index:80;min-width:220px;background:#fff;border:1px solid #d9e0e7;border-radius:12px;box-shadow:0 12px 32px rgba(0,0,0,.15);padding:6px}.staff-action-pop.open{display:grid}.staff-action-pop button{border:0;background:transparent;text-align:right;padding:10px 12px;border-radius:8px;cursor:pointer;font:inherit;color:#1d2b36}.staff-action-pop button:hover{background:#f1f5f8}.wasit-admin-modal{position:fixed;inset:0;background:rgba(15,23,42,.52);z-index:99999;display:flex;align-items:center;justify-content:center;padding:18px}.wasit-admin-card{width:min(620px,96vw);max-height:90vh;overflow:auto;background:#fff;border-radius:18px;box-shadow:0 24px 60px rgba(0,0,0,.28)}.wasit-admin-head{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb}.wasit-admin-head b{font-size:18px}.wasit-admin-head button{border:0;background:transparent;font-size:28px;cursor:pointer}.wasit-admin-body{padding:18px;display:grid;gap:14px}.wasit-admin-body label{display:grid;gap:6px;font-weight:700}.wasit-admin-body select,.wasit-admin-body input,.wasit-admin-body textarea{width:100%;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:10px;padding:10px;font:inherit}.wasit-admin-body textarea{min-height:84px;resize:vertical}.wasit-admin-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.admin-simple-summary{padding:12px;border-radius:12px;background:#f8fafc;display:grid;gap:4px}.admin-simple-summary span{font-size:13px;color:#475569}.additional-evaluator-panel{margin:12px 0;padding:12px 14px;border:1px solid #dbe5ed;border-radius:12px;background:#f8fafc;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.additional-evaluator-panel span{margin-inline-start:auto;color:#475569}.staff-history{display:grid;gap:10px}.staff-history>div{border:1px solid #e5e7eb;border-radius:10px;padding:10px;display:grid;gap:4px}.staff-history span{color:#334155}.staff-history small{color:#64748b}


/* V10.99 — measured axis + true independent multi-evaluator workflow */
.measured-axis-name{display:block;line-height:1.55}.additional-evaluator-panel.joint{display:grid;grid-template-columns:1fr}.additional-evaluator-panel.joint small{color:#475569;line-height:1.6}.evaluator-status-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}.evaluator-status-list span{margin:0!important;padding:9px 11px;border:1px solid #dbe5ed;border-radius:10px;background:#fff}.joint-evaluation-resolution .score-table input.jointFinalScore{width:86px;max-width:100%;padding:7px 8px;border:1px solid #94a3b8;border-radius:8px;text-align:center;font-weight:800}.joint-evaluation-resolution .hint{line-height:1.7}@media(max-width:760px){.evaluator-status-list{grid-template-columns:1fr}.joint-evaluation-resolution{overflow-x:auto}}

/* v10.114 — print integrity: electronic report must never be clipped at the bottom. */
.exact-page.certified-results-page{height:auto!important;min-height:297mm;overflow:visible!important;page-break-after:auto!important;break-after:auto!important}
.exact-page.certified-results-page .cert-page-inner{position:relative!important;inset:auto!important;padding:10mm 12mm!important;overflow:visible!important;min-height:277mm;box-sizing:border-box}
.certified-results-page .cert-table tr,.certified-results-page .cert-total-grid,.certified-results-page .cert-signatures,.certified-results-page header,.certified-results-page h3{break-inside:avoid;page-break-inside:avoid}
@media print{
  .exact-page.certified-results-page{height:auto!important;min-height:297mm!important;overflow:visible!important}
  .exact-page.certified-results-page .cert-page-inner{position:relative!important;inset:auto!important;padding:10mm 12mm!important;overflow:visible!important;min-height:277mm!important}
  .certified-results-page footer{margin-top:8mm!important}
}


/* v10.121 — شريط جلسة واضح ومتجاوب، وزر خروج قابل للنقر دائماً */
.top-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;position:relative;z-index:20}
.session-badge{max-width:520px;white-space:normal;line-height:1.45;text-align:center}
.session-logout-btn{display:inline-flex;align-items:center;justify-content:center;min-width:102px;cursor:pointer;pointer-events:auto!important;position:relative;z-index:30}
#roleSelect[style*="display:none"]{display:none!important}
.university-scope-badge{display:inline-flex;max-width:100%;white-space:normal;line-height:1.5}
@media(max-width:900px){
  .topbar{height:auto;min-height:82px;padding-block:10px;align-items:flex-start}
  .brand{min-width:0;flex:1 1 420px}
  .top-actions{flex:1 1 100%;justify-content:flex-start}
  .session-badge{max-width:100%;flex:1 1 320px}
}

/* ===== v10.122 — متابعة سير العمل والاختناقات ===== */
.wops-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.wops-actions button{flex:0 0 auto}
button.ghost.small,.ghost.small{padding:5px 10px;font-size:12px;border-radius:8px}
#wopsKpis article.wops-warn{border-color:#f0b429;box-shadow:0 0 0 1px #f0b42933 inset}
#wopsKpis article.wops-crit{border-color:#e12d39;box-shadow:0 0 0 1px #e12d3933 inset}
.wops-badge{display:inline-block;min-width:22px;text-align:center;padding:2px 8px;border-radius:999px;background:#fde8e8;color:#c81e1e;font-weight:700;font-size:12px}
.wops-row-warn td{background:#fff8ec}
.wops-warn-text{color:#b7791f}
.wops-crit-text{color:#c81e1e}
.wops-empty{text-align:center;color:#5b6b82;padding:18px}
#wopsBadge{background:#e12d39}

/* ===== v10.123 — تبسيط صفحة المنتسب: إخفاء بيانات التسجيل وإظهار الملخص ===== */
.ss-registered{display:none !important}
.ss-name-field{display:none}
#selfServiceForm.ss-show-names .ss-name-field{display:flex;flex-direction:column}
.ss-account-summary{display:flex;flex-wrap:wrap;gap:14px;align-items:center;background:#f2f6fb;border:1px solid #dbe6f3;border-radius:12px;padding:12px 16px;margin:10px 0 4px}
.ss-account-summary .ss-sum-item{display:flex;flex-direction:column;gap:2px}
.ss-account-summary .ss-sum-item span{font-size:11px;color:#5b6b82}
.ss-account-summary .ss-sum-item b{font-size:14px;color:#123b68}
.ss-account-summary .ss-name-edit-btn{margin-inline-start:auto;padding:6px 12px;border-radius:8px;font-size:12px;border:1px solid #c7d6e8;background:#fff;color:#123b68;cursor:pointer}
.ss-account-summary .ss-name-edit-btn:hover{background:#eef4fb}

/* ===== v10.124 — متعقّب مسار المعاملة ===== */
.form-path-tracker{background:#fff;border:1px solid #dbe6f3;border-radius:14px;padding:14px 16px;margin:12px 0}
.path-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.path-head b{font-size:15px;color:#123b68}
.path-head span{display:block;font-size:12px;color:#5b6b82;margin-top:2px}
.path-progress{min-width:140px}
.path-progress-bar{height:8px;background:#e7eef7;border-radius:99px;overflow:hidden}
.path-progress-bar i{display:block;height:100%;background:linear-gradient(90deg,#2f8f5b,#38b676);border-radius:99px;transition:width .4s}
.path-progress small{font-size:11px;color:#5b6b82}
.path-returned{background:#fff4e5;border:1px solid #f3d199;color:#8a5a00;border-radius:10px;padding:8px 12px;font-size:13px;margin-bottom:10px}
.path-track{position:relative;padding-inline-start:8px}
.path-node{position:relative;display:flex;gap:12px;padding:0 0 16px 0}
.path-node:last-child{padding-bottom:0}
.path-node::before{content:"";position:absolute;inset-inline-start:13px;top:26px;bottom:-2px;width:2px;background:#e1e9f2}
.path-node:last-child::before{display:none}
.path-mark{flex:0 0 auto;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;background:#eef2f7;color:#8fa3ba;border:2px solid #e1e9f2;z-index:1}
.path-body{padding-top:2px}
.path-body b{font-size:14px;color:#1b2b3f}
.path-body small{display:block;font-size:11px;color:#6b7c92;margin-top:2px}
.path-chip{font-size:10px;padding:2px 8px;border-radius:99px;background:#eef2f7;color:#6b7c92;vertical-align:middle}
.path-done .path-mark{background:#e6f6ec;color:#1f8a4c;border-color:#bfe6cd}
.path-done .path-chip{background:#e6f6ec;color:#1f8a4c}
.path-current .path-mark{background:#123b68;color:#fff;border-color:#123b68;box-shadow:0 0 0 4px #123b6822;animation:pathPulse 1.6s infinite}
.path-current .path-chip{background:#123b68;color:#fff}
.path-current .path-body b{color:#123b68}
.path-pending .path-mark{background:#f4f6f9;color:#adbccd}
@keyframes pathPulse{0%,100%{box-shadow:0 0 0 4px #123b6822}50%{box-shadow:0 0 0 7px #123b6811}}

/* ===== v10.125 — سجل نشاط المعاملة + مؤشر التقدّم في القوائم ===== */
.form-activity-log{background:#fff;border:1px solid #dbe6f3;border-radius:14px;padding:6px 14px;margin:12px 0}
.form-activity-log>summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:10px;padding:8px 0}
.form-activity-log>summary::-webkit-details-marker{display:none}
.form-activity-log>summary::before{content:"▸";color:#5b6b82;transition:transform .2s}
.form-activity-log[open]>summary::before{transform:rotate(90deg)}
.form-activity-log>summary b{font-size:14px;color:#123b68}
.form-activity-log>summary span{font-size:12px;color:#5b6b82}
.act-track{padding:8px 4px 10px;border-top:1px solid #eef2f7}
.act-row{position:relative;display:flex;gap:12px;padding:0 0 12px}
.act-row:last-child{padding-bottom:0}
.act-row::before{content:"";position:absolute;inset-inline-start:6px;top:16px;bottom:-2px;width:2px;background:#e7eef7}
.act-row:last-child::before{display:none}
.act-ic{flex:0 0 auto;width:14px;height:14px;border-radius:50%;background:#123b68;color:#123b68;font-size:0;margin-top:3px;z-index:1;border:3px solid #dbe6f3}
.act-back{background:#b7791f;border-color:#f3d199}
.act-award,.act-check{background:#1f8a4c;border-color:#bfe6cd}
.act-gavel{background:#c81e1e;border-color:#f3c9c9}
.act-note{background:#5b6b82;border-color:#e1e9f2}
.act-body b{display:block;font-size:13px;font-weight:500;color:#1b2b3f}
.act-body .act-by{font-size:12px;color:#2f6b4a}
.act-body small{display:block;font-size:11px;color:#6b7c92;margin-top:1px}
.mini-path{display:flex;align-items:center;gap:6px;margin-top:5px}
.mini-path-bar{flex:1;min-width:44px;max-width:90px;height:5px;background:#e7eef7;border-radius:99px;overflow:hidden}
.mini-path-bar i{display:block;height:100%;background:#2f8f5b;border-radius:99px}
.mini-path small{font-size:10px;color:#6b7c92}
.mini-path-returned .mini-path-bar i{background:#e0a83b}
.mini-path-done .mini-path-bar i{background:#1f8a4c}

/* ===== v10.127 — تحقق مرفقات الجانب التربوي والإرشادي (بولونيا 39) ===== */
.pedagogy-note{margin:8px 0}
.pedagogy-verify{background:#f4f9ff;border:1px solid #cfe0f3;border-radius:12px;padding:12px 14px;margin:10px 0}
.pedagogy-verify.is-verified{background:#eefaf1;border-color:#bfe6cd}
.pedagogy-verify-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px}
.pedagogy-verify-head b{color:#123b68;font-size:14px}
.pedagogy-att-list{margin:6px 0;padding-inline-start:20px}
.pedagogy-att-list li{font-size:13px;color:#2b4257;margin:2px 0}
.pedagogy-att-empty{font-size:13px;color:#a15c00;background:#fff6e6;border-radius:8px;padding:6px 10px;margin:6px 0}
.pedagogy-verify-check{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:#1b2b3f;margin:8px 0 6px;cursor:pointer}
.pedagogy-verify-check input{margin-top:3px}
.pedagogy-verify-state{font-size:12px;color:#5b6b82}
.pedagogy-verify.is-verified .pedagogy-verify-state{color:#1f8a4c}


/* v10.131 - authenticated staff portal + Bologna print calibration */
#selfservice.staff-authenticated{padding-top:0}
#selfservice.staff-authenticated #selfServiceForm{margin-top:0!important}
.cert-ltr{direction:ltr!important;unicode-bidi:isolate!important;display:inline-block;white-space:nowrap}
@media print{
  body.printing-exact-official .exact-print-stage{width:210mm!important;margin:0!important;padding:0!important}
  body.printing-exact-official .exact-page:not(.certified-results-page){width:210mm!important;height:297mm!important;min-width:210mm!important;min-height:297mm!important;max-width:210mm!important;max-height:297mm!important;overflow:hidden!important;break-after:page!important;page-break-after:always!important}
  body.printing-exact-official .exact-page:not(.certified-results-page)>img{width:210mm!important;height:297mm!important;object-fit:fill!important}
  body.printing-exact-official .exact-page:last-child{page-break-after:auto!important;break-after:auto!important}
  .cert-ltr{direction:ltr!important;unicode-bidi:isolate!important}
}

/* v10.132 governance workspaces */
#headcenter small,#printcenter small,.score-change-row small{display:block;margin-top:4px;color:var(--muted)}
.score-change-list{display:grid;gap:10px;margin-top:14px}
.score-change-row{display:grid;grid-template-columns:minmax(180px,1.2fr) minmax(150px,.8fr) minmax(220px,1.5fr) auto;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--card)}
.score-change-row>div{display:grid;gap:3px}
.score-change-row span{overflow-wrap:anywhere}
@media(max-width:900px){.score-change-row{grid-template-columns:1fr}.score-change-row button{width:100%}}