:root{--qperf-navy:#123f56;--qperf-navy-2:#0b5968;--qperf-green:#08a76a;--qperf-teal:#10aaa4;--qperf-blue:#3187c8;--qperf-soft:#f3f8f8;--qperf-line:#d9e8e5;--qperf-text:#263f4b}

/* Qirtasi input identity. */
.qr-editor-job_evidence{max-width:1120px}
.qr-editor-job_evidence .qr-page-head{position:relative;overflow:hidden;border:0;background:radial-gradient(circle at 8% 15%,rgba(80,210,179,.24),transparent 28%),linear-gradient(125deg,var(--qperf-navy),var(--qperf-navy-2));box-shadow:0 24px 55px rgba(18,63,86,.15)}
.qr-editor-job_evidence .qr-page-head:after{position:absolute;bottom:-65px;left:-45px;width:180px;height:180px;border:28px solid rgba(255,255,255,.055);border-radius:50%;content:""}
.qr-editor-job_evidence .qr-page-head>div{position:relative;z-index:1}
.qr-editor-job_evidence .qr-page-head>div>span{color:#69e0b4}.qr-editor-job_evidence .qr-page-head h1{color:#fff;font-size:34px}.qr-editor-job_evidence .qr-page-head p{color:#d9eef0}
.qr-performance-intro{display:grid;align-items:center;gap:18px;margin:-12px 0 24px;padding:18px 20px;border:1px solid var(--qperf-line);border-radius:18px;background:#fff;box-shadow:0 12px 32px rgba(18,63,86,.06);grid-template-columns:auto 1fr auto}
.qr-performance-mark{display:grid;align-items:center;gap:8px;grid-template-columns:auto 1fr}.qr-performance-mark b{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:linear-gradient(135deg,var(--qperf-green),var(--qperf-teal));color:#fff;font-size:24px}.qr-performance-mark span{color:var(--qperf-navy);font-size:17px;font-weight:900}
.qr-performance-intro>div:nth-child(2) strong{color:var(--qperf-navy);font-size:14px}.qr-performance-intro p{margin:4px 0 0;color:#6b7d86;font-size:11px;line-height:1.7}.qr-performance-intro ol{display:flex;gap:7px;margin:0;padding:0;list-style:none}.qr-performance-intro li{display:flex;align-items:center;gap:6px;padding:7px 9px;border-radius:20px;background:#eff8f5;color:#3f675d;font-size:10px;font-weight:800}.qr-performance-intro li b{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--qperf-green);color:#fff;font-size:9px}
.qr-performance-form{border:0;background:var(--qperf-soft);box-shadow:0 26px 65px rgba(18,63,86,.11)}
.qr-performance-form .qr-form-section{padding:0;background:transparent}.qr-performance-form .qr-form-heading{margin:0;padding:22px 25px;border:0;background:#fff}.qr-performance-form .qr-form-heading>b{background:linear-gradient(135deg,var(--qperf-green),var(--qperf-teal));color:#fff;box-shadow:0 8px 18px rgba(8,167,106,.2)}.qr-performance-form .qr-form-heading h2{color:var(--qperf-navy)}
.qr-performance-form .qr-dynamic-fields{gap:14px;padding:22px}.qr-performance-form .qr-field-group-title{margin:13px 0 1px}.qr-performance-form .qr-field-group-title span,.qr-performance-form .qr-field-group-title i{background:linear-gradient(90deg,transparent,#b8dacf)}.qr-performance-form .qr-field-group-title i{background:linear-gradient(90deg,#b8dacf,transparent)}.qr-performance-form .qr-field-group-title h2{display:flex;align-items:center;gap:8px;color:var(--qperf-navy);font-size:14px}.qr-performance-form .qr-field-group-title h2:before{width:8px;height:8px;border-radius:50%;background:var(--qperf-green);content:"";box-shadow:0 0 0 5px rgba(8,167,106,.1)}
.qr-performance-form .qr-dynamic-field{padding:14px;border:1px solid #deebe8;border-radius:13px;background:#fff;box-shadow:0 4px 14px rgba(18,63,86,.025)}.qr-performance-form .qr-dynamic-field>span{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#38515d;font-size:12px}.qr-performance-form .qr-dynamic-field>span:before{width:3px;height:16px;border-radius:3px;background:linear-gradient(var(--qperf-blue),var(--qperf-green));content:""}.qr-performance-form .qr-dynamic-field>span em{margin-right:auto;padding:4px 8px;border-radius:20px;background:#e8f4fb;color:#2f79aa;font-size:9px;font-style:normal;font-weight:900}
.qr-performance-form .qr-dynamic-field input,.qr-performance-form .qr-dynamic-field textarea,.qr-performance-form .qr-dynamic-field select{width:100%;box-sizing:border-box;border:1px solid #cfdfdc;border-radius:10px;background:#fbfdfd;color:var(--qperf-text);font-family:"Cairo","Tajawal",Tahoma,Arial,sans-serif;font-size:13px;outline:0;transition:.2s}.qr-performance-form .qr-dynamic-field input,.qr-performance-form .qr-dynamic-field select{height:49px;padding:0 13px}.qr-performance-form .qr-dynamic-field textarea{min-height:122px;padding:12px 13px;line-height:1.85;resize:vertical}.qr-performance-form .qr-dynamic-field input:focus,.qr-performance-form .qr-dynamic-field textarea:focus,.qr-performance-form .qr-dynamic-field select:focus{border-color:var(--qperf-green);background:#fff;box-shadow:0 0 0 4px rgba(8,167,106,.09)}.qr-performance-form .qr-dynamic-field small{color:#75878f;font-size:10px;line-height:1.7}
.qr-performance-form .qr-profile-data{margin:0;padding:18px 20px;border:1px solid #bfe1d6;border-radius:14px;background:linear-gradient(125deg,#eaf8f3,#f2f9fc)}.qr-performance-form .qr-profile-data b{color:var(--qperf-navy)}
.qr-performance-form .qr-dynamic-evidence{padding:20px;border:1px solid #c9e3db;border-radius:16px;background:#fff}.qr-performance-form .qr-evidence-heading b{color:var(--qperf-navy);font-size:15px}.qr-performance-form .qr-evidence-inputs{gap:13px;grid-template-columns:repeat(4,1fr)}.qr-performance-form .qr-evidence-inputs>label{padding:11px;border:1px solid #dce9e6;border-radius:12px;background:#f8fbfa}.qr-performance-form .qr-evidence-upload-preview{height:112px;border:1px dashed #9ecfbe;background:#fff}.qr-performance-form .qr-evidence-inputs input{max-width:100%;font-family:inherit;font-size:10px}.qr-performance-form .qr-evidence-inputs input[type="file"]::file-selector-button{margin-left:7px;padding:7px 9px;border:0;border-radius:7px;background:#e6f6f0;color:#087b53;font-family:inherit;font-weight:800}
.qr-performance-form .qr-form-actions{margin:0;padding:20px 24px;border-top:1px solid #dce8e6;background:#fff}.qr-performance-form .qr-form-actions .qr-btn{min-height:48px;border-radius:12px}

/* Multi-page A4 output for performance evidence reports. */
.qr-paper.qr-custom-document:has(.qr-performance-v13){width:auto;max-width:none;min-height:0;padding:0;background:transparent;box-shadow:none;break-after:auto}.qr-paper.qr-custom-document:has(.qr-performance-v13)>.qr-paper-footer{display:none}
.qr-performance-v13{color:var(--qperf-text);font-family:"Tajawal","Cairo","Noto Kufi Arabic",Arial,sans-serif}
.qr-performance-page{position:relative;width:210mm;max-width:100%;min-height:297mm;margin:0 auto 26px;padding:0 12mm 16mm;box-sizing:border-box;overflow:hidden;background:#fff;box-shadow:0 18px 55px rgba(18,63,86,.13);break-after:page;page-break-after:always}.qr-performance-page:last-child{break-after:auto;page-break-after:auto}
.qr-performance-header{display:grid;align-items:center;min-height:36mm;margin:0 -12mm 4mm;padding:5mm 12mm 4mm;border-top:2.3mm solid var(--qperf-teal);border-radius:0 0 7mm 7mm;background:linear-gradient(118deg,var(--qperf-navy),#145467);color:#fff;grid-template-columns:1fr 48mm 1fr}.qr-performance-header>div{display:grid;gap:.7mm}.qr-performance-header b{font-size:9px}.qr-performance-header span{font-size:8px}.qr-performance-header strong{font-size:8px}.qr-performance-header small{font-size:7px;line-height:1.5}.qr-performance-header>img{display:block;width:39mm;max-height:26mm;margin:auto;padding:2mm;border-radius:2mm;background:#fff;object-fit:contain}.qr-performance-brand{text-align:left}.qr-performance-brand b{color:#69e0b4;font-size:18px}.qr-performance-brand span,.qr-performance-brand strong{font-size:8px}
.qr-performance-title{position:relative;z-index:2;width:max-content;max-width:155mm;margin:-10mm auto 4mm;padding:2.5mm 9mm;border-radius:0 0 3mm 3mm;background:linear-gradient(105deg,#19667d,var(--qperf-navy));color:#fff;text-align:center;box-shadow:0 1.5mm 0 var(--qperf-green)}.qr-performance-title span{display:block;color:#cce8e9;font-size:6.5px;font-weight:800}.qr-performance-title h1{margin:.5mm 0;font-size:13px;line-height:1.45}.qr-performance-title.compact{max-width:165mm;margin-top:-7mm}.qr-performance-title.compact h1{font-size:12px}
.qr-performance-facts{display:grid;gap:2.2mm;margin:0 0 3mm;grid-template-columns:repeat(3,1fr)}.qr-performance-facts>div{position:relative;display:grid;align-content:center;min-height:12mm;padding:3.2mm 2.5mm 2mm;border:1px solid transparent;border-radius:2.5mm;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(100deg,var(--qperf-blue),var(--qperf-green)) border-box;text-align:center}.qr-performance-facts span{position:absolute;top:-2.4mm;right:2.5mm;padding:0 1.2mm;background:#fff;color:#149669;font-size:6.7px;font-weight:900}.qr-performance-facts b{font-size:8px;line-height:1.5}
.qr-performance-sections{display:grid;gap:2.6mm;grid-template-columns:1fr 1fr}.qr-performance-section{overflow:hidden;border:1px solid transparent;border-radius:2.5mm;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(100deg,var(--qperf-blue),var(--qperf-green)) border-box;break-inside:avoid}.qr-performance-section.is-wide{grid-column:1/-1}.qr-performance-section h2{display:table;margin:-2.2mm auto 0;padding:0 2mm;background:#fff;color:#149669;font-size:8px}.qr-performance-section>div{min-height:23mm;max-height:39mm;overflow:hidden;padding:3mm;color:#304752;font-size:7.2px;line-height:1.58}.qr-performance-section>div span{color:#95a4aa}
.qr-performance-signatures{display:grid;gap:8mm;margin:4mm 0 0;grid-template-columns:repeat(auto-fit,minmax(38mm,1fr));text-align:center}.qr-performance-signatures>div{display:grid;gap:1mm;font-size:7.2px}.qr-performance-signatures span{color:#4c6671;font-weight:800}.qr-performance-signatures b{font-size:7.5px;line-height:1.6}.qr-performance-signatures i{display:block;width:36mm;margin:1.5mm auto 0;border-top:1px dotted #8fa6ad}
.qr-performance-evidence-grid{display:grid;gap:7mm 12mm;margin-top:7mm;grid-template-columns:1fr 1fr}.qr-performance-evidence-grid figure{margin:0;break-inside:avoid}.qr-performance-evidence-grid figcaption{margin-bottom:2mm;color:var(--qperf-navy);font-size:9px;font-weight:900;text-align:center}.qr-performance-evidence-grid figure>img,.qr-performance-placeholder{width:100%;height:76mm;box-sizing:border-box;border:1px solid transparent;border-radius:2.5mm;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(115deg,var(--qperf-blue),var(--qperf-green)) border-box;object-fit:cover}.qr-performance-placeholder{position:relative;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,#f7fbfa,#edf6f4)}.qr-performance-placeholder img{width:48%;height:48%;object-fit:contain;opacity:.68}.qr-performance-placeholder b{position:absolute;bottom:8mm;padding:1.5mm 4mm;border-radius:10mm;background:rgba(255,255,255,.9);color:#647b77;font-size:7px}.qr-performance-evidence-grid figure>p{margin:1mm 0 0;color:#60747d;font-size:7px;text-align:center}
.qr-performance-footer{position:absolute;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:space-between;min-height:9mm;padding:0 12mm;box-sizing:border-box;border-top:1.4mm solid transparent;border-image:linear-gradient(90deg,var(--qperf-blue),var(--qperf-teal),var(--qperf-green)) 1;background:var(--qperf-navy);color:#d8e7e8;font-size:6.5px}.qr-performance-footer b{color:#fff;font-size:6.5px}

@media(max-width:760px){.qr-performance-intro{grid-template-columns:1fr}.qr-performance-intro ol{flex-wrap:wrap}.qr-performance-form .qr-evidence-inputs{grid-template-columns:1fr 1fr}.qr-performance-page{width:100%;min-height:0;padding:0 18px 62px}.qr-performance-header{margin:0 -18px 24px;padding:18px;grid-template-columns:1fr 92px}.qr-performance-header>img{width:82px}.qr-performance-brand{display:none}.qr-performance-title{width:auto;max-width:calc(100% - 30px);margin-top:-34px}.qr-performance-facts{grid-template-columns:1fr 1fr}.qr-performance-sections,.qr-performance-evidence-grid{grid-template-columns:1fr}.qr-performance-section.is-wide{grid-column:auto}.qr-performance-section>div{max-height:none}.qr-performance-evidence-grid figure>img,.qr-performance-placeholder{height:260px}.qr-performance-footer{padding:0 18px}.qr-performance-footer b{display:none}}

@media print{.qr-paper.qr-custom-document:has(.qr-performance-v13){width:auto;min-height:0;margin:0;padding:0}.qr-performance-page{width:210mm;max-width:none;min-height:297mm;margin:0;padding:0 12mm 16mm;box-shadow:none}.qr-performance-page:last-child{break-after:auto;page-break-after:auto}}