*{box-sizing:border-box}
html,body{margin:0;padding:0;background:#eef2f4}
body{font-family:"Cairo",Tahoma,Arial,sans-serif;color:#222}
.toolbar{position:sticky;top:0;z-index:10;display:flex;gap:10px;justify-content:center;padding:10px;background:#fff;box-shadow:0 2px 10px #0002}
.toolbar button{border:0;border-radius:8px;padding:9px 22px;font-family:inherit;font-weight:800;font-size:14px;cursor:pointer;background:linear-gradient(90deg,#0ba57f,#006bb6);color:#fff}
.toolbar .secondary{background:#666}
.paper{width:210mm;height:297mm;min-height:297mm;margin:18px auto;background:#fff;box-shadow:0 3px 18px #0002;position:relative;overflow:hidden;padding-bottom:0}
.paper:before{content:"";position:absolute;inset:220px 0 95px;background:
radial-gradient(circle at 8% 12%,#0c9f8330 0 2px,transparent 3px) 0 0/24px 24px,
radial-gradient(circle at 92% 38%,#1178b830 0 2px,transparent 3px) 0 0/24px 24px;
pointer-events:none}
.hero{height:32mm;position:relative;z-index:1;overflow:hidden}
.hero img{width:100%;height:100%;object-fit:cover;display:block}
.title-pill{position:relative;z-index:2;width:52%;margin:2.5mm auto 2mm;padding:4px 10px;text-align:center;color:#fff;font-size:18px;font-weight:800;border-radius:30px;background:linear-gradient(90deg,#0aa27d,#0871b7);box-shadow:0 2px 4px #0002}
.fields,.signatures{position:relative;z-index:2;padding:0 10mm;display:grid;grid-template-columns:1fr 1fr;gap:2px 6px}
.field label{display:block;color:#fff;text-align:center;font-weight:800;font-size:11px;padding:2px 5px;border:1px solid #006ea8;border-radius:7px 7px 0 0;background:linear-gradient(90deg,#0ba67f,#0872b7)}
.field input{width:100%;height:21px;border:1.5px solid #2877a5;border-top:0;border-radius:0 0 7px 7px;text-align:center;font-family:inherit;font-weight:700;background:#fff}
.evaluation-grid{position:relative;z-index:2;padding:2.5mm 10mm 0;display:grid;grid-template-columns:1fr 1fr;gap:2.5mm}
.eval-col{border:1.5px solid #2478a8;border-radius:8px;overflow:hidden;background:#fff}
.eval-header,.eval-row{display:grid;grid-template-columns:27px 1fr 33px 33px 40px;align-items:center}
.eval-header{height:21px;color:#fff;font-weight:800;font-size:9px;background:linear-gradient(90deg,#0ba67f,#0872b7)}
.eval-header>*{text-align:center}
.eval-row{min-height:18px;border-top:1px solid #dbe4ea;font-size:8.5px}
.eval-row:nth-child(even){background:#f7fafb}
.eval-row .num{text-align:center;font-weight:800}
.eval-row .item{padding:1px 4px;font-weight:700;text-align:right;white-space:nowrap}
.eval-row label{height:100%;display:flex;align-items:center;justify-content:center;border-right:1px solid #e0e7eb}
.eval-row input{display:none}
.eval-row i{width:13px;height:13px;border-radius:50%;display:block;border:1.5px solid #aaa;background:#e9e9e9;box-shadow:inset 0 0 0 2px #e9e9e9}
.eval-row input:checked+i{background:#fff;border-color:#777;box-shadow:inset 0 0 0 4px #222}
.section{position:relative;z-index:2;padding:2.5mm 10mm 0}
.section-title{height:23px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:17px;font-weight:800;border-radius:6px;background:linear-gradient(90deg,#0ba67f,#0872b7)}
.two-inputs{display:grid;grid-template-columns:1fr 1fr;gap:3px 6px;margin-top:3px}
.two-inputs input{height:24px;border:1.5px solid #2877a5;border-radius:6px;text-align:center;font-family:inherit;font-weight:600}
.signatures{padding-top:3mm}
.footer-space{height:18mm}
.footer{position:absolute;left:0;right:0;bottom:0;height:14mm;overflow:hidden}
.footer img{width:100%;height:100%;object-fit:cover;display:block}
@page{size:A4;margin:0}
@media print{
  html,body{width:210mm;height:297mm;overflow:hidden;background:#fff}
  .no-print{display:none!important}
  .paper{width:210mm;height:297mm;min-height:297mm;margin:0;box-shadow:none;overflow:hidden;page-break-after:avoid!important;page-break-before:avoid!important;break-inside:avoid!important}
  .evaluation-grid,.section,.signatures{break-inside:avoid!important}
}
@media(max-width:900px){
  .paper{width:100%;margin:0}
  .fields,.signatures,.evaluation-grid,.section{padding-left:4%;padding-right:4%}
}